/* Minification failed. Returning unminified contents.
(12472,8): run-time error CSS1030: Expected identifier, found '>'
(12472,43): run-time error CSS1031: Expected selector, found ')'
(12472,43): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url(/Content/font-awsome/fonts/fontawesome-webfont.eot?v=4.6.3);src:url(/Content/font-awsome/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(/Content/font-awsome/fonts/fontawesome-webfont.woff2?v=4.6.3) format('woff2'),url(/Content/font-awsome/fonts/fontawesome-webfont.woff?v=4.6.3) format('woff'),url(/Content/font-awsome/fonts/fontawesome-webfont.ttf?v=4.6.3) format('truetype'),url(/Content/font-awsome/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}


@charset "UTF-8";
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-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 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

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 {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-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-appearance: textfield;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-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("/fonts/glyphicons-halflings-regular.eot");
  src: url("/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #8f171f;
  text-decoration: none; }
  a:hover, a:focus {
    color: #4d0c11;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 0; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  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,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .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; 
  font-size: 1.8rem; 
}

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: 750px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em; }

.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, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

.text-primary {
  color: #000000; }

a.text-primary:hover,
a.text-primary:focus {
  color: black; }

.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; }

.bg-primary {
  background-color: #000000; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: black; }

.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 #eeeeee; */

}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 750px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  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.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

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: 0; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 0;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 -1px 0 rgba(0, 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.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 0; }
  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 {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 750px) {
    .container {
      width: 750px; } }
  @media (min-width: 1170px) {
    .container {
      width: 970px; } }
  @media (min-width: 1300px) {
    .container {
      width: 100%; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.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-left: 15px;
  padding-right: 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-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 750px) {
  .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-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1170px) {
  .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-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1300px) {
  .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-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 2px solid #A9A9A9; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #A9A9A9; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 3px solid #A9A9A9; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .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: #eff2e7; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #eff2e7; }

.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: #e4e9d6; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.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 > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.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 > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.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 > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.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 {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 749px) {
    .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 > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .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 > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th: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 > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th: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 > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  font-weight:bold;
  color: #333333;
  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;
  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.42857;
  color: #a4a4a3; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #a4a4a3;
  background-color: #fff;
  background-image: none;
  border: 1px solid #eaeaea;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #eaeaea;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(234, 234, 234, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(234, 234, 234, 0.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 {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eeeeee !important;
    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-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn,
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn,
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn,
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn,
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn,
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn,
  .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-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .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: 0; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0; }

.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, .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.33333;
  border-radius: 0; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 0; }

.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.33333; }

.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 + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .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 + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .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, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.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, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.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, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }

.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: 750px) {
  .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 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 750px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

@media (min-width: 750px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px; } }

@media (min-width: 750px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #fff;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #fff;
  background-color: #222903;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #fff;
    background-color: black;
    border-color: #8c8c8c; }
  .btn-default:hover {
    color: #fff;
    background-color: black;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #fff;
    background-color: black;
    border-color: #adadad; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      color: #fff;
      background-color: black;
      border-color: #8c8c8c; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #222903;
    border-color: #ccc; }
  .btn-default .badge {
    color: #222903;
    background-color: #fff; }

.btn-primary {
  color: #fff;
  background-color: #000000;
  border-color: black; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: black;
    border-color: black; }
  .btn-primary:hover {
    color: #fff;
    background-color: black;
    border-color: black; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: black;
    border-color: black; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: black;
      border-color: black; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #000000;
    border-color: black; }
  .btn-primary .badge {
    color: #000000;
    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 > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success: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 > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info: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 > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning: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 > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #761c19; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  color: #8f171f;
  font-weight: normal;
  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: #4d0c11;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 0; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0; }

.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 0.15s linear;
  transition: opacity 0.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-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }

.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;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .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.42857;
    color: #333333;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #000000; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 750px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.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 > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .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:before, .btn-toolbar:after {
    content: " ";
    display: table; }
  .btn-toolbar:after {
    clear: both; }
  .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-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-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-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 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, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .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:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.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-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.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-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    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 input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[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-left: 0;
    padding-right: 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-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: #a4a4a3;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #eaeaea;
  border-radius: 0; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 0; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 0; }
  .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-bottom-right-radius: 0;
  border-top-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-bottom-left-radius: 0;
  border-top-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 {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .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: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #8f171f; }
  .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.42857;
      border: 1px solid transparent;
      border-radius: 0 0 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 0; }
  .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: #000000; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 750px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 0; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 750px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 0 0 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-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-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 750px) {
    .navbar {
      border-radius: 0; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }

.navbar-header:after {
  clear: both; }

@media (min-width: 750px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 750px) {
    .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-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
  @media (max-device-width: 320px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 750px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 750px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 750px) {
    .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;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 750px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0; }
  .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: 750px) {
    .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: 749px) {
    .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: 750px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 15px;
          padding-bottom: 15px; } }

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (min-width: 750px) {
    .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: 749px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 750px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }
  @media (min-width: 750px) {
    .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px; } }

@media (min-width: 750px) {
  .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 {
    background-color: #e7e7e7;
    color: #555; }
  @media (max-width: 749px) {
    .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, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .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: #090909; }
  .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 {
    background-color: #090909;
    color: #fff; }
  @media (max-width: 749px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .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: #090909; }
    .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, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: transparent;
  border-radius: 0; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: " ";
      padding: 0 5px;
      color: #222903; }
  .breadcrumb > .active {
    color: #8F171F; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.42857;
      text-decoration: none;
      color: #8f171f;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 2;
    color: #4d0c11;
    background-color: #eeeeee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.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-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center; }
  .pager:before, .pager:after {
    content: " ";
    display: table; }
  .pager:after {
    clear: both; }
  .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: #eeeeee; }
  .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: #777777;
    background-color: #fff;
    cursor: not-allowed; }

.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; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: #000000; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: black; }

.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;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge,
  .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #8f171f;
    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; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
  .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 {
    border-radius: 0;
    padding-left: 15px;
    padding-right: 15px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 750px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron,
      .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px; }
      .jumbotron h1,
      .jumbotron .h1 {
        font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #333333; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #8f171f; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 0; }
  .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 {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .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; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 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: #000000;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c !important; }
  .progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
    background-color: #5bc0de !important;
}
  .progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
    background-color: #f0ad4e !important;
}
  .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
    background-color: #d9534f !important;
}
  .progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  zoom: 1;
  overflow: hidden; }

.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 {
  margin-bottom: 20px;
  padding-left: 0; }

.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-right-radius: 0;
    border-top-left-radius: 0; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }

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, a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    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 {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed; }
  .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: #777777; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #000000;
  border-color: #000000; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .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: #666666; }

.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, a.list-group-item-success:focus,
  button.list-group-item-success:hover,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
  button.list-group-item-success.active,
  button.list-group-item-success.active:hover,
  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, a.list-group-item-info:focus,
  button.list-group-item-info:hover,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
  button.list-group-item-info.active,
  button.list-group-item-info.active:hover,
  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, a.list-group-item-warning:focus,
  button.list-group-item-warning:hover,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:hover,
  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, a.list-group-item-danger:focus,
  button.list-group-item-danger:hover,
  button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:hover,
  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: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table; }
  .panel-body:after {
    clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1;
  border-top-left-radius: -1; }
  .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: -1;
  border-bottom-left-radius: -1; }

.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-right-radius: -1;
    border-top-left-radius: -1; }
  .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: -1;
    border-bottom-left-radius: -1; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-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-left: 15px;
    padding-right: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: -1;
  border-top-left-radius: -1; }
  .panel > .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 > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: -1;
    border-top-right-radius: -1; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .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 th:first-child,
    .panel > .table-responsive:first-child > .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 th:first-child {
      border-top-left-radius: -1; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .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 th:last-child,
    .panel > .table-responsive:first-child > .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 th:last-child {
      border-top-right-radius: -1; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1; }
  .panel > .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 > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: -1;
    border-bottom-right-radius: -1; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .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 th:first-child,
    .panel > .table-responsive:last-child > .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 th:first-child {
      border-bottom-left-radius: -1; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .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 th:last-child,
    .panel > .table-responsive:last-child > .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 th:last-child {
      border-bottom-right-radius: -1; }

.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-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th: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-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th: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-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 20px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0; }
    .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: #333333;
    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: #333333; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

.panel-primary {
  border-color: #000000; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #000000;
    border-color: #000000; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #000000; }
    .panel-primary > .panel-heading .badge {
      color: #000000;
      background-color: #fff; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #000000; }

.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;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 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: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 0; }

.well-sm {
  padding: 9px;
  border-radius: 0; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-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;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #590d10; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.85;
    filter: alpha(opacity=85); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal-header:after {
    content: " ";
    display: table; }
  .modal-header:after {
    clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .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: 750px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 1170px) {
  .modal-lg {
    width: 990px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  /*width:350px !important;*/
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width:350px !important;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0; }

.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 {
  bottom: 0;
  right: 5px;
  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: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: -1 -1 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 {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    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: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        transition: -webkit-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out, -webkit-transform 0.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 {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          left: 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;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: transparent; }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block; }
  .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;
    line-height: 1;
    font-family: serif; }
  .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%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent; }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 750px) {
  .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 {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: 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 {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.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: 749px) {
  .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: 749px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 749px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 749px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 750px) and (max-width: 1169px) {
  .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: 750px) and (max-width: 1169px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 750px) and (max-width: 1169px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 750px) and (max-width: 1169px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 1170px) and (max-width: 1299px) {
  .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: 1170px) and (max-width: 1299px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 1170px) and (max-width: 1299px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 1170px) and (max-width: 1299px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1300px) {
  .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: 1300px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1300px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1300px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 749px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 750px) and (max-width: 1169px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 1170px) and (max-width: 1299px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1300px) {
  .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; } }

.modal-dialog {
  margin: 0px; }

.modal-content {
  padding: 0 30px; }

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

.modal-title {
  padding-top: 30px; }

.modal-content {
  -webkit-box-shadow: none;
          box-shadow: none; }

.close {
  opacity: 1;
  font-size: 26px; }

.modal-footer {
  text-align: center;
  border-top: 0; }
  .modal-footer .btn + .btn {
    margin-left: auto;
    margin-bottom: 20px; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: auto; }
  .modal-footer .btn-block + .btn-block {
    margin-left: auto; }
  .modal-footer .btn {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px; }
  @media (min-width: 750px) {
    .modal-footer .btn {
      text-align: left;
      display: inline-block; }
    .modal-footer .btn + .btn {
      margin-left: 20px; } }

@media (min-width: 750px) {
  .modal-dialog {
    margin: 30px auto; }
  .modal-content {
    margin: 30px; } }

@media (min-width: 750px) {
  .modal-dialog {
    width: 100%;
    max-width: 990px; } }

.modal--update-template .message,
.modal--email-create .message {
  width: 100%;
  min-height: 100px;
  border: 1px solid #eaeaea; }

.c-input {
  position: relative;
  display: inline;
  padding-left: 2.2rem;
  color: #8F171F;
  cursor: pointer; }
  .c-input > input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .c-input > input:checked ~ .c-indicator {
      background-color: #8F171F;
      color: #fff; }
    .c-input > input:active ~ .c-indicator {
      color: #fff; }
  .c-input + .c-input {
    margin-left: 1rem; }

.c-indicator {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  border: 2px solid #8F171F;
  background-color: transparent;
  background-position: center center;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  color: #eee;
  text-align: center;
  font-size: 65%;
  line-height: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.c-checkbox .c-indicator {
  border-radius: .25rem; }

.c-checkbox input:checked ~ .c-indicator {
  border-width: 3px;
  background-color: #fff;
  line-height: 13px; }
  .c-checkbox input:checked ~ .c-indicator:after {
    color: #8F171F;
    content: "\f00c";
    font-weight: 400;
    font-size: 12px;
    font-family: FontAwesome; }

.c-checkbox input:indeterminate ~ .c-indicator {
  background-color: #0074d9;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K);
  -webkit-box-shadow: none;
  box-shadow: none; }

.c-radio .c-indicator {
  border-radius: 50%; }

.c-radio input:checked ~ .c-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); }

.c-inputs-stacked .c-input {
  display: inline; }
  .c-inputs-stacked .c-input::after {
    display: block;
    margin-bottom: .25rem;
    content: ""; }
  .c-inputs-stacked .c-input + .c-input {
    margin-left: 0; }

.c-select {
  display: inline-block;
  padding: .375rem 1.75rem .375rem .75rem;
  padding-right: .75rem \9;
  max-width: 100%;
  border: 1px solid #333;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center;
  background-image: none \9;
  background-size: 8px 10px;
  color: #a4a4a3;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none; }
  .c-select:focus {
    border-color: #51a7e8;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); }
  .c-select::-ms-expand {
    opacity: 0; }

.c-select-sm {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px; }
  .c-select-sm:not([multiple]) {
    min-height: 26px;
    height: 26px; }

.file {
  position: relative;
  display: inline-block;
  height: 2.5rem;
  cursor: pointer; }

.file input {
  margin: 0;
  min-width: 14rem;
  opacity: 0;
  filter: alpha(opacity=0); }

.file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  padding: .5rem 1rem;
  height: 2.5rem;
  border: 1px solid #ddd;
  border-radius: .25rem;
  background-color: #fff;
  color: #555;
  line-height: 1.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05); }

.file-custom::after {
  content: ""; }

.file-custom::before {
  position: absolute;
  top: -.075rem;
  right: -.075rem;
  bottom: -.075rem;
  z-index: 6;
  display: block;
  padding: .5rem 1rem;
  height: 2.5rem;
  border: 1px solid #ddd;
  border-radius: 0 .25rem .25rem 0;
  background-color: #eee;
  color: #555;
  content: "Browse";
  line-height: 1.5; }

.file input:focus ~ .file-custom {
  -webkit-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9;
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; }

.custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: 43px;
  margin-bottom: 0;
  cursor: pointer;
  width: 100%; }

.custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  height: 43px;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0; }
  .custom-file-input:focus ~ .custom-file-control {
    -webkit-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #000000;
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #000000; }

.custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 43px;
  padding: 0px 1rem;
  line-height: 43px;
  color: #555555;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fff;
  border: 1px solid #eaeaea; }
  .custom-file-control:lang(en)::after {
    content: ""; }
  .custom-file-control::before {
    position: absolute;
    top: -1px;
    right: -0;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 43px;
    padding: 0px 15px;
    line-height: 43px;
    color: #fff;
    background-color: #000000;
    border: 1px solid #eaeaea; }
  .custom-file-control:lang(en)::before {
    content: "Browse"; }

.caret {
  border: 0;
  position: relative; 
}

.caret:before {
    position: absolute;
    top: -8px;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f078";
    color: #ea2830;
    padding-left: 2px;
}

.dropdown .dropdown-toggle {
    padding-right: 30px;
}


  .custom-file-selected:lang(en)::after {
    content: "File Selected"; }

.carousel-control-stop {
    position: absolute;   
    left: 5px;
    bottom: 5px;
    width: 40px;
    height:32px;
    opacity: 1; 
    font-size: 20px;
    color: #fff;
    text-align: center; 
    background-color:transparent;
    border:0px;
}

.carousel-control-stop span {  
    opacity: 1;   
}
/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}

body {
    font-size: 1.3em;
    font-family: Poppins,CenturyGothic,AppleGothic,sans-serif;
    letter-spacing: 0px;
}

@media (min-width: 0) {
  .text-xs-left {
    text-align: left !important;
  }

  .text-xs-right {
    text-align: right !important;
  }

  .text-xs-center {
    text-align: center !important;
  }
}

@media (min-width: 750px) {
  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 1170px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 1300px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}

.text-wrap {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.form-control {
  max-width: 360px;
  font-family: "Play", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  color: #595959;
}

.form-control:focus {
  border-width: 2px;
  box-shadow: none;
}

.form-control[type="checkbox"] {
  width: auto;
  height: auto;
}

select.form-control {
  display: inline-block;
}

.or {
  line-height: 35px;
}

.form-control--inline {
  display: inline-block;
}

.form-control--inline + .form-control--inline {
  margin-left: 8px;
}

.form-control-large {
    max-width: 100% !important;
    width: 100% !important;
}

.zoom {
    position: fixed;
    right: 0;
    bottom: 20%;
    width: 90px;
    height: 104px;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #8f171f;
    text-align: center;
    background-color: #fff;
    border-radius: 10px 0 0px 10px;
    box-shadow: 0.5px 0.9px 9px rgba(0, 0, 0, 0.29);
}

.zoom__plus,
.zoom__mins,
.zoom__more {
    display: inline-block;
    width: 60px;
    height: 30px;
    overflow: hidden;
    font-size: 14px;

    line-height: 1;
    color: #000000;
    background-color: transparent;
    border: 0;
}

.zoom__more {
    border-top: 1px solid #595959;
    width: 85px;
}

.zoom__more_item {
    width: 80px;
    height: 30px;
    background-color: transparent;
    border: 0;
    font-size: 14px;
    border-top: 1px solid #595959;
    padding: 0px;
    font-weight: normal;
}

.zoom__mins {
  line-height: 0px;
}

@media (max-width: 749px) {
  .custom-scroll,
  .table-container {
    position: relative;
    overflow: hidden;
    overflow-x: scroll;
  }
}

.custom-scroll::-webkit-scrollbar,
.table-container::-webkit-scrollbar {
  width: 12px;
}

/* Track */
.custom-scroll::-webkit-scrollbar-track,
.table-container::-webkit-scrollbar-track {
  background-color: #595959;
}

/* Handle */
.custom-scroll::-webkit-scrollbar-thumb,
.table-container::-webkit-scrollbar-thumb {
  background: #8f171f;
}

.input-group {
  width: 100%;
  max-width: 360px;
}

.input-group .input-group-btn {
  position: absolute;
  right: 0;
  z-index: 999;
  display: block;
  width: auto;
}

.input-group .input-group-btn .btn {
  padding: 7px 10px 7px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.btn {
  background-color: transparent;
}

.btn:hover {
  color: #000000;
}

.btn-standard {
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 20px;
    font-family: "Play", sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    background-color: #cd202c;
    border-radius: 5px;
}

.btn-standard:hover {
  background-color: #82a816;
}

.btn-standard:focus,
.btn-standard:active,
.btn-standard.active {
  background-color: #9dbb30;
}

.btn-standard + .btn-standard {
  margin-left: 15px;
}

@media (max-width: 749px) {
  .btn-standard {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
    margin-bottom: 20px;
  }

  .btn-standard + .btn-standard {
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

@media (max-width: 749px) {
  .form-group-button {
    text-align: center;
  }
}

.form-group .btn-standard {
  margin-bottom: 0;
  margin-bottom: 20px;
}

.btn-darkred {
  background-color: #8f171f;
}

.btn-red {
  background-color: #cd202c;
}

.btn-grey {
  background-color: #595959;
}

.btn-left-arrow {
  position: relative;
}

.btn-search {
  color: #82a816;
  background-color: transparent;
}

.btn-search .fa-search {
  color: #82a816;
}

.btn-close,
.btn-menu {
  background-color: transparent;
}

.btn-close:hover,
.btn-close:focus,
.btn-menu:hover,
.btn-menu:focus {
  background-color: transparent;
}

.btn-form {
  background-color: #f6f6f6;
  border: 1px solid #eaeaea;
}

.btn-help {
  margin-right: 5px;
  margin-left: 5px;
  background-color: transparent;
  border: 0;
  font-size: 18px;
  font-size: 1.8rem;
}

.table-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  clear: both;
}

@media (max-width: 749px) {
  .table-container {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0px;
    margin-bottom: 20px;
    overflow: hidden;
    overflow-x: scroll;
  }

  .table-container table {
    width: 1240px;
  }
}

table th {
  position: relative;
}

table .sorting_asc:after,
table .sorting_desc:after,
table .sorting:after {
  position: absolute;
  right: 10px;
  float: right;
  font-family: fontawesome;
}

table .sorting_asc:after {
  content: "\f0de";
}

table .sorting_desc:after {
  content: "\f0dd";
}

table .sorting:after {
  content: "\f0dc";
}

.table > thead > tr > th {
  padding-right: 35px;
  padding-left: 35px;
  cursor: pointer;
  background-color: #eeecec;
  border-bottom: 0;
}

.table > tbody > tr > td {
  padding-right: 35px;
  padding-left: 35px;
}

.table thead {
  border-top: 1px solid #959595;
}

.table tr {
  border-bottom: 2px solid #A9A9A9;
}

.table td + td {
  border-left: 2px solid #A9A9A9;
}

.table .action-link + .action-link {
  padding-left: 10px;
}

.login {
  width: 100%;
  margin-top: 10%;
}

.login__form {
  margin: 0 auto;
}

.login__welcome {
  margin-top: 120px;
  margin-bottom: 30px;
}

.forgot__heading {
  margin-bottom: 30px;
}

.forgot {
  width: 100%;
  margin-top: 10%;
}

.forgot__form {
  margin: 0 auto;
  padding-left:4px;
  padding-right:4px;
}

.header__logo {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left:40px;
}

.header__logo img {
  margin-left: -15px;
}

.header__menu {
  padding-top: 14px;
  text-align: right;
  position:relative;
}

.header__menu a {
  margin-left: 15px;
}

.header__menu a .fa {
  padding-right: 4px;
}

.header__logout {
  color: #000000;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight:500;
}

.header-nav {
    background-color: #e5e2e3;
}

.header-nav a {
   color:#000000;
}

.home-banner img {
  width: 100%;
}

@media (min-width: 1170px) {
  .nav .active a {
    color: #8f171f;
    border-bottom: 5px solid #8f171f;
  }

  #burger {
    display: none;
  }

  .header__username {
    display: inline-block;
  }

  .mobile-menu {
    display: none;
  }

  .login__form {
    width: 500px;   
    }
  .forgot__form {
    width: 500px;
    }
}

@media (max-width: 1169px) {
    .header__logo {
        max-width: 75%;
        margin: 0 auto;
        text-align: center;
    }

        .header__logo img {
            max-width: 100%;
        }

    .header__menu {
        position: absolute;
        top: 0;
        right: 10px;
    }

    .header__username {
        display: none;
    }

    .header__menuright {
        display: none;
    }

    .header__logout span {
        display: none;
    }

    .nav {
        position: fixed;
        top: 0;
        z-index: 999999;
        display: none;
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px;
        margin: 0;
        text-align: center;
        background: #590d10;
        /* The overlay is fixed, so it contributes no page scroll: a menu taller than the
           viewport is unreachable without scrolling INSIDE it (AB#7910). */
        max-height: 100vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        /* env() is ignored by browsers that do not support it, leaving the 40px above */
        padding-top: calc(40px + env(safe-area-inset-top));
        padding-bottom: calc(40px + env(safe-area-inset-bottom));
    }

        /* Body keeps its scroll position but stops scrolling behind the open overlay */
        body.mobile-menu-open {
            overflow: hidden;
        }

        .nav a {
            color: #ffffff;
        }

        /* 48px touch target — AC4 floor is 44px, the extra 4px is thumb comfort (AB#7910 AC4) */
        .navbar-nav > li > a {
            min-height: 48px;
            padding-top: 14px;
            padding-bottom: 14px;
            font-size: 15px;
        }

        .navbar-nav > li {
            border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        }

            .navbar-nav > li:last-child {
                border-bottom: 0;
            }

        /* No current-page affordance existed below 1170px — .nav .active a is desktop-only */
        .navbar-nav > li.active > a {
            padding-left: 11px;
            font-weight: 600;
            border-left: 4px solid #ffffff;
        }

        /* Sub-items carry "current" rather than "active" (_DataMenu.cshtml) so that Bootstrap's
           blue .dropdown-menu > .active > a fill stays off the desktop dropdown */
        .navbar-nav .dropdown-menu > li.sub-item.current > a {
            padding-left: 26px;
            font-weight: 600;
            border-left: 4px solid #ffffff;
        }

        /* Bootstrap only flattens the dropdown below 750px; the overlay runs to 1169px,
           so extend it — otherwise a white absolute-positioned panel floats over the overlay */
        .navbar-nav .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 .dropdown-menu > li.sub-item > a {
            min-height: 48px;
            padding-top: 14px;
            padding-bottom: 14px;
            padding-left: 30px;
            color: #ffffff;
            /* Bootstrap sets nowrap on dropdown links; a long DB-driven title would then
               run off the side of a 320px screen instead of wrapping (AB#7910 AC5) */
            white-space: normal;
        }

        /* Sub-items fall outside `.nav > li > a` (they are not direct children), so without
           this they keep Bootstrap's light-grey hover panel while the level above them
           underlines. :active is here because touch devices have no real hover state. */
        .navbar-nav > li > a:active,
        .navbar-nav .dropdown-menu > li.sub-item > a:hover,
        .navbar-nav .dropdown-menu > li.sub-item > a:focus,
        .navbar-nav .dropdown-menu > li.sub-item > a:active {
            color: #ffffff;
            text-decoration: underline;
            background-color: transparent;
        }

        .navbar-nav .open > a,
        .navbar-nav .open > a:hover,
        .navbar-nav .open > a:focus {
            background-color: transparent;
            border-color: transparent;
        }

        /* Rotate the :before glyph, NOT .caret — .caret is a 0x0 box (custom-bootstrap.css)
           whose arrow is an absolutely positioned pseudo-element, so rotating the parent
           swings the glyph around the box origin instead of turning it in place */
        .navbar-nav .dropdown-toggle .caret:before {
            -webkit-transition: -webkit-transform 0.2s ease;
                    transition: transform 0.2s ease;
        }

        .navbar-nav .open > .dropdown-toggle .caret:before {
            -webkit-transform: rotate(180deg);
                    transform: rotate(180deg);
        }

        .nav > li > a:hover,
        .nav > li > a:focus {
            text-decoration: underline;
            background-color: transparent;
        }

    #burger {
        position: relative;
        float: left;
        margin-left: 15px;
    }

        #burger:before {
            position: absolute;
            top: 18px;
            content: "\f0c9";
        }

        #burger button {
            position: relative;
            z-index: 1000;
            /* 44px floor keeps the close (x) state tappable once the MENU label is hidden (AB#7910 AC4) */
            min-width: 44px;
            min-height: 44px;
            padding-top: 18px;
            padding-bottom: 18px;
            padding-left: 18px;
            font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
            background-color: transparent;
            border: 0;
        }

        #burger.active {
            position: fixed;
            top: 10px;
            right: 10px;
            z-index: 9999999;
            /* Keeps the close (x) clear of the notch / rounded corner on iOS */
            top: calc(10px + env(safe-area-inset-top));
            right: calc(10px + env(safe-area-inset-right));
        }

            #burger.active:before {
                top: 10px;
                left: 10px;
                color: #ffffff;
                content: "\f00d ";
            }

            #burger.active span {
                display: none;
            }
}

.mobile-menu {
  position: relative;
}

.mobile-menu .menu--home {
  position: absolute;
  top: 0;
  left: 50%;
  display: inline-block;
  width: 50px;
  padding-top: 13px;
  padding-bottom: 13px;
  margin-left: -25px;
  color: #8f171f;
  text-align: center;
  border-bottom: 5px solid #8f171f;
}

.mobile-menu .menu--user {
  position: absolute;
  top: -20px;
  right: 0;
  display: inline-block;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

@media (max-width: 1270px) {
    .nav > li {
        text-align: left;
    }

    .navbar-nav {
        left: 0px;
    }
}

.table--description,
.table--description-2 {
  margin-bottom: 20px;
}

.table--description table,
.table--description-2 table {
  width: 100%;
  margin-top: 50px;
  text-align: center;
}

.table--description table th,
.table--description-2 table th {
  padding: 0 10px;
  background: #eee;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

.table--description table td,
.table--description-2 table td {
  padding: 10px;
}

.table--description table .border-top,
.table--description-2 table .border-top {
  border-top: 1px solid #000;
}

.table--description table .border-bottom,
.table--description-2 table .border-bottom {
  border-bottom: 1px solid #000;
}

.table--description table .border-left,
.table--description-2 table .border-left {
  border-left: 1px solid #000;
}

.table--description table .border-right,
.table--description-2 table .border-right {
  border-right: 1px solid #000;
}

.table--description table .tr-empty,
.table--description-2 table .tr-empty {
  height: 20px;
}

.table--description table .text-right,
.table--description-2 table .text-right {
  text-align: right !important;
}

.table--description table .color-red,
.table--description-2 table .color-red {
  color: red;
}

.table--description table td {
  padding: 5px 10px;
  vertical-align: top;
}

.table--description table td:first-child {
  width: 200px;
  text-align: left;
}

.table--description table td:nth-child(2) {
  text-align: left;
}

.table--description table td:nth-child(3),
.table--description table td:nth-child(4) {
  width: 130px;
}

.table--description table td.grey-bg {
  background-color: #eeeeee;
}

.table--description-2 table td {
  padding: 5px 10px;
  vertical-align: top;
}

.table--description-2 table td:first-child {
  text-align: left;
}

.table--description-2 table td:nth-child(2),
.table--description-2 table td:nth-child(3),
.table--description-2 table td:nth-child(4) {
  width: 130px;
}

.table--description-2 table td.grey-bg {
  background-color: #eeeeee;
}

.page-header {
  padding: 20px 0 0 6px;
  margin-top: 0;
  margin-bottom: 0px;
  font-size: 16px;
/*  font-size: 1.6rem;*/
}

.page-header .dropdown {
  margin-right: 20px;
}

    .page-header .dropdown .btn {
        padding: 6px 30px 6px 16px;
        margin-left: 10px;
        /*  font-size: 16px;
  font-size: 1.6rem;*/
        text-align: left;
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        font: normal normal normal 15px/23px Poppins;
        border-radius: 3px;
        color: #050708;
    }

.page-header .caret:before  {
    color: #696969;
    right:-20px;
}

.page-header .dropdown .btn:hover {
    color:#333333;
}

.page-header .dropdown-toggle-highlight {
    color:#8f171f;
    display: inline-block;
    white-space: nowrap;
}

.dropdown-toggle-multi .btn {
    font-size: 12px;
}


.page-header-no-head {

}

.standalone-header {
    padding-top:20px;
    margin-left:-15px;
}


.dropdown-single {
    display: inline-block;
    margin-bottom: 0;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    white-space: nowrap;
    padding: 4px 20px 4px 10px;
    font-size: 18px;
    line-height: 1.42857;
}

@media (max-width: 749px) {
    .dropdown-single {
        white-space: normal;
        padding: 4px 10px;
    }
}

@media (min-width: 768px) {
    .page-header .container {
    min-width: 500px;
    /*text-align: justify;*/
  }

  .page-header .container:after {
    display: inline-block;
    width: 100%;
    content: "";
  }

  .page-header .container .dropdown {
    display: inline-block;
  }
}

.form__header {
  padding-top: 15px;
  padding-bottom: 15px;
  font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #595959;
}

.form__header .info {
  font-size: 14px;
  font-size:1.4rem;
}

.form__header .sep {
  padding-right: 15px;
  padding-left: 15px;
}

.form__header .active {
  color: #cd202c;
}

.form__header .link {
  font-size: 14px;
  font-size: 1.4rem;
  color: #cd202c;
}

.form__header .dropdown .dropdown-toggle {
  font-size: 14px;  
  font-size: 1.4rem;
  font-weight: bold;
  color: #cd202c;
  background-color: transparent;
  border: 0;
  padding-left:0px;
}

.dropdown-toggle:focus
{
    border:2px solid #000000 !important;
}

.form__heading {
    padding: 2px 0 0;
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 19px;
}

.form-block {
  margin-bottom: 20px;
}

.form-block .btn-standard {
  margin-bottom: 0;
}

.form-block .form-group {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}

.form-block .form-group .btn-standard {
  margin-top: 16px;
}

.form-block__heading {
  margin-bottom: 20px;
  font-size: 2.2em;
}

.form-group--hours,
.form-group--days-paid {
  width: 80px;
}

.form-horizontal .control-label {
  text-align: left;
}

.chart {
  margin-bottom: 20px;
}

.chart__heading {
  font-size: 18px;
  font-weight: bold;
}

.history__title {
  font-size: 18px;
}

.history__item {
  font-size: 12px;
}

.payslip__header-left {
  font-size: 14px;
  line-height: 2.2;
}

.payslip__address {
  font-weight: bold;
  line-height: 1.5;
}

.payslip__header {
  position: relative;
}

.payslip__heading {
  margin-top: 40px;
  margin-bottom: 80px;
  font-size: 16px;
  text-align: center;
}

.payslip__code {
  position: absolute;
  left: 0;
  font-weight: bold;
}

.payslip__table-header {
  float: left;
  width: 70%;
  margin-bottom: 20px;
}

.payslip__big-heading {
  float: left;
  font-size: 26px;
}

.payslip__code2 {
  float: right;
  padding-top: 15px;
  font-size: 12px;
}

.payslip__info {
  float: right;
  font-size: 12px;
}

.payslip__period {
  float: left;
  font-size: 12px;
}

.payslip__project {
  float: left;
  margin-left: 30px;
  font-size: 12px;
}

.pay-slip__table {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: left;
}

.pay-slip__table table {
  width: 100%;
  margin-top: 10px;
}

.pay-slip__table tr:nth-child(2) {
  height: 60px;
  vertical-align: bottom;
}

.pay-slip__table th {
  font-size: 13px;
  font-weight: normal;
  color: #ffffff;
  background-color: #fff;
  border-top: 0;
  border-bottom: 0;
}

.pay-slip__table th span {
  display: inline-block;
  width: 100%;
  padding: 6px 6px;
  background-color: #747474;
}

.pay-slip__table th:first-child {
  padding-left: 0;
}

.pay-slip__table th:last-child {
  padding-right: 0;
}

.pay-slip__table td,
.pay-slip__table th {
  margin-right: 5px;
  margin-left: 5px;
  text-align: left;
}

.pay-slip__table td {
  padding: 4px 10px 4px 20px;
  font-size: 13px;
  border-bottom: 1px solid #ccc;
}

.pay-slip__table td:first-child {
  padding-left: 10px;
}

.pay-slip__table th:nth-child(3),
.pay-slip__table th:nth-child(4),
.pay-slip__table td:nth-child(3),
.pay-slip__table td:nth-child(4) {
  text-align: right;
}

.pay-slip__table-bottom-left {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.pay-slip__table-bottom-left table {
  width: 100%;
}

.pay-slip__table-bottom-left th {
  padding: 6px 6px;
  font-size: 13px;
  color: #ffffff;
  text-align: left;
  background-color: #747474;
  border-top: 0;
  border-bottom: 0;
}

.pay-slip__table-bottom-left th + th {
  border-left: 15px solid #fff;
}

.pay-slip__table-bottom-left td {
  padding: 4px 10px;
  font-size: 13px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}

.pay-slip__table-bottom-left td + td {
  border-left: 15px solid #fff;
}

.pay-slip__table-bottom-left th:nth-child(2),
.pay-slip__table-bottom-left th:nth-child(3),
.pay-slip__table-bottom-left td:nth-child(2),
.pay-slip__table-bottom-left td:nth-child(3) {
  text-align: right;
}

.pay-slip__table-bottom-right {
  float: right;
  width: 100%;
  margin-bottom: 20px;
}

.pay-slip__table-bottom-right table {
  width: 100%;
}

.pay-slip__table-bottom-right th {
  padding: 6px 6px;
  font-size: 13px;
  color: #ffffff;
  text-align: left;
  background-color: #747474;
  border-top: 0;
  border-bottom: 0;
}

.pay-slip__table-bottom-right td {
  padding: 4px 10px;
  font-size: 13px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}

.pay-slip__table-bottom-right td:last-child {
  text-align: right;
}

@media (max-width: 749px) {
  .container {
    padding-left: 2px;
    padding-right: 2px; } }

@media (min-width: 750px) {
  .page--employee .form-group {
    min-height: 43px; } }

.page--employee .control-label {
  font-weight: normal; }
  @media (min-width: 750px) {
    .page--employee .control-label {
      text-align: right;
      padding-left: 0;
      padding-top: 12px; } }

.page--employee .form-control {
  display: inline-block;
  -webkit-box-shadow: none;
          box-shadow: none;
  max-width: none; }
  @media (min-width: 750px) {
    .page--employee .form-control {
      height: 43px; } }
  .page--employee .form-control.c-select {
    border: 1px solid #eaeaea;
    background: url("/Images/select-down-arrow.png") no-repeat right center; }

.page--employee .input-group {
  max-width: none; }

.page--employee .input-group-addon {
  padding: 0;
  background-color: transparent;
  border: 0; }

.page--employee .c-checkbox__wrapper {
  line-height: 43px; }

.page--employee .c-indicator {
  border: 1px solid #8f171f;
  border-radius: 0; }

.page--employee .form-group--terminate {
  text-align: right;
  padding-right: 16px; }
  .page--employee .form-group--terminate a {
    color: #cd202c; }

.page--employee .form-group__login-status {
  color: #02b706;
  display: inline-block;
  height: 43px;
  line-height: 43px;
  min-width: 40px; }

.page--employee .form-group__login-edit {
  text-decoration: underline;
  color: #cd202c;
  display: inline-block;
  height: 43px;
  line-height: 43px; }

.page--employee .form-control--bank-1 {
  width: 21%;
  text-align: center; }

.page--employee .form-control--bank-2 {
  width: 21%;
  margin-left: 2%;
  text-align: center; }

.page--employee .form-control--bank-3 {
  width: 29%;
  margin-left: 2%;
  text-align: center; }

.page--employee .form-control--bank-4 {
  width: 23%;
  margin-left: 2%;
  text-align: center; }

.page--employee .form-control--bank-1-uk {
    width: 18%;
    text-align: center;  
}

.page--employee .form-control--bank-2-uk {
    width: 18%;
    margin-left: 2%;
    text-align: center;
}

.page--employee .form-control--bank-3-uk {
    width: 18%;
    margin-left: 2%;
    text-align: center;
}

.page--employee .form-control--bank-4-uk {
    width: 40%;
    margin-left: 2%;
    text-align: center;
}

.page--employee .btn--info-icon {
  border: 0;
  color: #000; }
  .page--employee .btn--info-icon:hover {
    background-color: transparent; }

.page--employee .btn-date {
  color: #000;
  font-size: 26px;
  padding-top: 6px;
  padding-bottom: 0; }
  .page--employee .btn-date:hover {
    background-color: transparent; }

@media (min-width: 750px) {
  .page--employee .tab-pane {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 36px 0px; } }

.page--employee .tab-content {
  margin-bottom: 30px; }

.page--employee .nav-tabs {
  font-weight: bold; }

.page--employee .nav-tabs > li.active > a, .page--employee .nav-tabs > li.active > a:hover, .page--employee .nav-tabs > li.active > a:focus {
  color: #000;
  background-color: #fff; }

.page--employee .nav-tabs > li > a {
  background-color: #eeeeee;
  color: #000; }

.page--employee .form-group--add-document .custom-file-control:lang(en)::before {
  content: "Choose File"; }

.page--employee .documents__form {
  padding-left: 45px; }
  .page--employee .documents__form ul {
    padding: 0;
    margin: 0; }
    .page--employee .documents__form ul li {
      list-style: none; }
    .page--employee .documents__form ul a {
      text-decoration: underline;
      line-height: 2; }

.page--employee .documents__form-heading {
  border-bottom: 1px solid #eee;
  display: block;
  margin-bottom: 20px; }

.page--employee .documents__form-upload {
  width: 80%;
  margin-left: 40px; }
  .page--employee .documents__form-upload td:first-child {
    width: 30%;
    padding: 4px; }
  .page--employee .documents__form-upload tr {
    border-bottom: 1px solid #eee;
    height: 43px; }

.page--employee__heading {
  color: #595959;
  font-size: 18px;
  font-weight: 700;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px; }

.bottom-buttons {
  clear: both;
  margin-top: 20px; }

.bottom-button {
  min-height: 60px;
  display: inline-block; }
  @media (min-width: 750px) {
    .bottom-button + .bottom-button {
      margin-left: 25px; } }
  @media (max-width: 749px) {
    .bottom-button {
      display: block; } }

.bottom-button .btn-standard {
  display: inline-block; }
  @media (max-width: 749px) {
    .bottom-button .btn-standard {
      min-width: 240px; } }

.table-block--employees a {
  color: #cd202c; }

.table-block--employees .form-control {
    width:100%;
}

.table-block--employees .form-control {
  color: #000; }

.table-block--employees .table-container {
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 1270px) {
    .table-block--employees .table-container {
      overflow-x: scroll; } }

.table-block--employees .table {
  min-width: 1270px;

}

.table-block--employees th {
  padding-left: 15px !important;
  padding-right: 0 !important; }

/* AB#9548: desktop-only. On a stacked card there are no cell gridlines, so
   `padding: 0 !important` flattens the card and `border: 0` leaves the field
   with no visible boundary; at <=749px Bootstrap's own defaults apply. */
@media (min-width: 750px) {
  .table-block--employees td {
    height: 43px;
    padding: 0 0px !important;
    vertical-align: middle !important; }
    .table-block--employees td .form-control {
      border: 0; } }
  .table-block--employees td input,
  .table-block--employees td select {
    height: 43px; }

.table-block--employees .table-hover > tbody > tr:hover {
  background-color: transparent; }

.table-block--employees .table-hover > tbody .form-control:focus {
  background-color: #fbfccb;
  border: 0;
  border-bottom: 1px solid #cd202c !important; }

.table-block--employees .td-date {
  position: relative; }

@media (min-width: 750px) {
  .table-block--employees .td-date {
    padding-right: 0 !important; } }
  .table-block--employees .td-date .btn-date {
    position: absolute;
    right: 0;
    top: 0;
    color: #000;
    font-size: 26px;
    padding-top: 6px;
    padding-bottom: 0; }
    .table-block--employees .td-date .btn-date:hover {
      background-color: transparent; }

.table-block--employees .c-select {
  padding-right: 44px; }

@media (min-width: 750px) {
  .table-block--employees .c-select {
    border: 0; } }

.table-block--employees .c-select {
  background: url("/Images/select-down-arrow.png") no-repeat right center;
  height: 43px; }

.table-block--employees .c-select.form-control.placeholder {
  color: #cdcdcd; }

.table-block--employees .c-select option:first-child {
  /*color: #cdcdcd;
  display: none;*/ }

.table-block--employees .c-select.form-control:focus {
  color: #000; }

@media (min-width: 750px) {
  .table-block--employees .td-select {
    width: 170px;
    padding: 0 !important;
    padding-left: 10px !important; }
  .table-block--employees td.td-select {
    padding-left: 0 !important; } }
  .table-block--employees td.td-select .form-control {
    padding-left: 10px; }

.table-block--employees td .form-control {
  max-width: 100%; }

.table-block--employees .k-picker-wrap {
  border: 0; }
  .table-block--employees .k-picker-wrap input {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    padding-left: 5px;
    height: 36px; }
    .table-block--employees .k-picker-wrap input:focus {
      background-color: #fbfccb; }

.table-block--employees .k-select {
  border-left: 0; }

.table-block--employees .k-i-calendar {
  margin-top: 12px; }

.employer-notes {
  margin-top: 30px; }

.table-block--employees .action-link {
  text-decoration: underline; }

.table-block--employees .form__header {
  font-size: 14px;
  line-height: 35px; }
  .table-block--employees .form__header > div {
    padding: 6px; }

.table-block--employees .color-red {
  color: red; }

.table-block--employees .color-normal {
  color: #000; }

.table-block--employees th {
  font-weight: bold;
  padding-left: 10px !important; }
  .table-block--employees th div {
    font-weight: normal; }

.table-block--employees .td--date-cover {
  background-color: #eeecec;
  font-weight: bold;
  padding-left: 15px !important;
}


th.timeline__hour {
  padding-left: 0 !important;
  text-align: center; }

td.timeline__hour {
  color: #ebebeb;
  width: 60px; }

.table-container--expenses th {
  padding-left: 10px !important; }

.color-red {
    color:red;
}

@media (max-width: 749px) {
  
}
.statement-front-red-box {
  background-color: #c00000;
  color: #fff;
  padding: 15px;
  border-radius: 8px;
  margin-top: 15px;
  font-weight:bold;
}

.statement-front-red-box .amount {
  text-align: right;
  font-size: 28px;
  font-weight:normal;
}

.statement-front-warning {
  display: inline-block;
  position: relative;
  padding-left: 100px;
  line-height: 1.5;
}

.statement-front-warning .fa {
  position: absolute;
  left: 0px;
  top: 8px;
}

.statement-front-full-table {
  width: 100%;
  margin-bottom: 20px;
}

.statement-front-full-table th {
  border-top: 0;
  border-bottom: 0;
  text-align: center;
  background-color: #c00000;
  color: #ffffff;
  padding: 6px 6px;
  font-size: 13px;
}

.statement-front-table {
  width: 100%;
  margin-bottom: 20px;
  float: right;
}

.statement-front-table table {
  width: 100%;
  margin-bottom: 15px;
}

.statement-front-table th {
  border-top: 0;
  border-bottom: 0;
  text-align: center;
  background-color: #c00000;
  color: #ffffff;
  padding: 6px 6px;
  font-size: 13px;
}

.statement-front-table td {
  text-align: left;
  padding: 4px 10px;
  font-size: 13px;
}

.statement-front-table td:last-child {
  text-align: right;
}

.statement-front-top-left-table {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;
}

.statement-front-top-left-table table {
  width: 100%;
}

.statement-front-top-left-table th {
  border-top: 0;
  border-bottom: 0;
  text-align: left;
  font-size: 13px;
  background-color: #747474;
  color: #ffffff;
  padding: 6px 6px;
}

.statement-front-top-left-table th + th {
  border-left: 15px solid #fff;
}

.statement-front-top-left-table td {
  text-align: left;
  font-size: 13px;
  padding: 4px 10px;
}

.statement-front-top-left-table td + td {
  border-left: 15px solid #fff;
}

.statement-front-top-left-table th:nth-child(2), .statement-front-top-left-table th:nth-child(3), .statement-front-top-left-table td:nth-child(2), .statement-front-top-left-table td:nth-child(3) {
  text-align: right;
}

.arrow-box-wrapper {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
}

.arrow-box {
  background: #d0cece;
  margin-bottom: 20px;
  position: relative;
  padding-left: 5px;
}

.arrow-box .start-amount {
  position: absolute;
  left: 8px;
  top: 44px;
  color: #000000;
  transform: rotate(90deg);
  z-index: 99;
   font-weight:bold;
}

.arrow-box .total-amount {
  position: absolute;
  right: 5%;
  top: 44px;
  color: #000000;
  z-index: 9999;
  font-weight:bold;
}

.arrow-box-heading {
  font-weight: bold;
  margin-bottom: 15px;
}

.arrow-box-bar-1,
.arrow-box-bar-2 {
  height: 50px;
  position: relative;
}

.arrow-box-bar-1 .bar,
.arrow-box-bar-2 .bar {
  height: 100%;
  position: relative;
  display: block;
}

.arrow-box-bar-1 .bar .pipe,
.arrow-box-bar-2 .bar .pipe {
  position: absolute;
  display: block;
  content: "";
  width: calc(100% - 45px + 7px);
  height: 100%;
  left: -5px;
}

.arrow-box-bar-1 .arrow,
.arrow-box-bar-2 .arrow {
  position: absolute;
  right: 5px;
  width: 0;
  height: 0;
  top: -10px;
  border-top: 40px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 40px solid #c00000;
  z-index: 99;
}

.arrow-box-bar-1 .line,
.arrow-box-bar-2 .line {
  position: absolute;
  right: 0;
  width: 5px;
  height: 100px;
  background: #c00000;
  z-index: 999;
}

.arrow-box-bar-1 .amount,
.arrow-box-bar-2 .amount {
  position: absolute;
  height: 50px;
  line-height: 50px;
  left: 10%;
  color: #000000;
  z-index: 9999;
  font-weight:bold;
}

.arrow-box-bar-1 .amount-wrapper {
  position: absolute;
  left: 10%;
  max-width: calc(100% - 20%);
  min-height: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  z-index: 9999;
}

.arrow-box-bar-1 .amount-wrapper .amount {
  position: static;
  height: auto;
  line-height: normal;
}

.arrow-box-bar-1 .amount-note {
  flex-basis: 100%;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
}

.arrow-box-bar-1 .bar .pipe {
  background: #c00000;
}

.arrow-box-bar-2 .bar .pipe {
  background: #767171;
}

.arrow-box-bar-2 .arrow {
  border-left-color: #767171;
}

.arrow-box-bar-2 .line {
  top: -50px;
  background-color: #767171;
}

.arrow-box-explain-wrapper {
  text-align: center;
  margin-bottom: 60px;
}

.arrow-box-explain {
  width: 80%;
  max-width: 800px;
  display: inline-block;
}

.arrow-box-explain .explain-bar-1,
.arrow-box-explain .explain-bar-2,
.arrow-box-explain .explain-bar-total {
  position: relative;
  padding-left: 16px;
  display: inline-block;
  text-align: left;
}

.arrow-box-explain .explain-bar-1 + .explain-bar,
.arrow-box-explain .explain-bar-2 + .explain-bar,
.arrow-box-explain .explain-bar-total + .explain-bar {
  margin-left: 35px;
}

.arrow-box-explain .explain-bar-1:before,
.arrow-box-explain .explain-bar-2:before,
.arrow-box-explain .explain-bar-total:before {
  position: absolute;
  left: 0;
  top: 3px;
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  background: #c00000;
}

.arrow-box-explain .explain-bar-2:before {
  background-color: #767171;
}

.arrow-box-explain .explain-bar-total:before {
  background-color: #d0cece;
}

body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}

html, body {
    height: 100%;
}


.main-container {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.footer {
    background-color: #8f171f;
    padding: 1.5rem 0; 
}

.footer-nav a {
    color: #fff;
    font-size: 1.40rem;
    float: left;        
}

@media(max-width: 749px) {
    .footer-nav li {
        display: inline-block
    }
}

.footer-social {
    text-align: right;
    margin-top: .25rem;
}

.footer-social a {
    color: #fff;  
    font-size: 2.875rem;
}

.footer-social a + a {
    margin-left: .625rem
}

.footer-social .fa {
    font-size: 36px;
    font-size: 3.3625rem;      
}

.footer-logo {
    width: 100%;
    max-width: 30.3125rem;
    display: inline-block;
    margin-top: .25rem
}

.login a {
    color: #cd202c;
    text-decoration: underline;
}



.employee-nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.employee-nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    text-decoration:none;
}

.employee-nav > li {
    position: relative;
    display: block;
}

.employee-nav:after {
    clear: both;
}

.employee-nav:before, .employee-nav:after {
    content: " ";
    display: table;
}

@media(max-width: 749px) {
    .employee-nav {
        font-size:14px;
    }

    .employee-nav > li > a {
        position: relative;
        display: block;
        padding: 10px 8px;
    }
}

.employee-nav a {
    text-decoration: none;
}

.popup-header-label {
    color: #8f171f;
    font-size: 16px;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap; /* added line */
    border: 0;
}

.text-sm-right .dropdown-menu {
    left: unset;
    right: 0px;
    float: right;
}

.header__avatar {
    width:50px;
    display:inline-block;
    margin-left:0px;
}

.header__avatar img {

}

.header_logoutarea {
    display: inline-block;
    width: 75px;
    float:right;
    margin-top:14px;  
}

.header__welcome {
    display: inline-block;
    text-align: left;
    width: 170px;
    vertical-align: middle;
    padding-left:4px;
}

.header-managing-employer {
    font-size:10px;
}

.header__menuright {
    padding-top:4px; 
    text-align:right;
}

.header-managing-employer-stop {
    text-decoration: underline;
    margin-left: 3px
}

.header__container {
  
}

@media (max-width: 1392px) {
    .header__welcome {
       text-align:center;
    }
}

.white-page-container h1{
    color: #333333;
    font-size: 22px;
    font-weight:bold;
    padding-bottom:10px;
}

.white-page-container h2 {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}

.white-page-container h3 {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}

.logout-menu-link {
    display: none !important;
}

@media (max-width: 1169px) {
    .logout-menu-link {
        display: block !important;
    }
    
    .logout-menu-link a {
        color: #ffffff !important;
        padding: 15px;
        display: block;
    }
    
    .logout-menu-link a:hover,
    .logout-menu-link a:focus {
        background-color: rgba(255, 255, 255, 0.1);
        text-decoration: none;
    }
    
    .logout-menu-link i {
        margin-right: 8px;
    }
}



.table-scroll-container {
  position: relative;
  overflow: hidden;
  padding-bottom: 15px;
}

.table-scroll-container .text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.table-scroll-container .table-scroll-prev, .table-scroll-container .table-scroll-next {
  position: absolute;
  bottom: 0px;
  z-index: 99999;
  background-color: transparent;
  border: 0;
  width: 32px;
  height: 32px;
  padding: 0;
}

.table-scroll-container.table-hover-enabled .table-scroll-prev, .table-scroll-container.table-hover-enabled .table-scroll-next {
  top: 28px;
  bottom: unset;
  margin-top: -16px;
  display: none;
}

.table-scroll-container.table-hover-enabled:hover .table-scroll-prev, .table-scroll-container.table-hover-enabled:hover .table-scroll-next {
  display: block;
}

.table-scroll-container .table-scroll-next {
  right: 0;
}

.table-scroll-container .table-move-wrapper {
  position: relative;
  max-width: calc(100% - 100px);
}

.table-scroll-container .table-move {
  position: relative;
  top: 0;
  left: 0;
  transition: transform 0.6s ease;
  max-width: none;
}

.table-scroll-container .column-first {
  opacity: 0.5;
}

.table-scroll-container .table-tr-info,
.table-scroll-container .table-header {
  transition: transform 0.6s ease;
  position: relative;
}

.table-scroll-container .table-header {
  max-width: none;
}

.table-scroll-container .table-frozen {
  z-index: 1000;
  background: #fff;
}

.table-scroll-container .bar {
  width: 50px;
  left: 10px;
  border: 0;
}

.table-scroll-container .bar-green {
  background-color: #59a14f;
}

.table-scroll-container .bar-orange {
  background-color: #f28e2b;
}

.table-scroll-container .bar-red {
  background-color: #e15759;
}

.table-scroll-container .table-tr-info .table-th:first-child,
.table-scroll-container .table-frozen {
  border-left: 1px solid #ddd;
}

.table-scroll-container .table-tr {
  width: 100%;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  position: relative;
}

.table-scroll-container .table-th,
.table-scroll-container .table-td {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  width: 70px;
  text-align: center;
  border-right: 1px solid #ddd;
}

.table-scroll-container .table-th.border-right-less,
.table-scroll-container .table-td.border-right-less {
  border-right: 0;
}

.table-scroll-container .table-frozen .table-th,
.table-scroll-container .table-frozen .table-td {
  width: 100%;
}

.table-scroll-container .table-th {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #eeecec;
  font-weight: bold;
  height: 40px;
}

.table-scroll-container .table-td-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.table-scroll-container .table-td {
  position: relative;
  height: 50px;
}

.table-scroll-container .table-td .bar {
  position: absolute;
  bottom: 0;
  max-height: 50px;
}

.table-scroll-container .table-move .table-tr-info .table-th {
  padding: 0;
  height: 25px;
}

.table-scroll-container .table-move .table-tr-info .column-previous {
  text-align: left;
  padding-left: 10px;
}

.table-scroll-container .table-frozen .table-tr-info .table-th {
  height: 65px;
  line-height: 65px;
}

.table-scroll-container .table-cut-off-line {
  border-bottom: 1px solid #929292;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 555;
}

.table-scroll-container .table-column-num {
  padding-top: 6px;
}

.table-tr-info {
  display: -ms-flexbox;
  display: flex;
  border-top: 2px solid #959595;
}

.table-tr-info .column-previous {
  -ms-flex-positive: 2;
      flex-grow: 2;
}

.zoom {
  z-index: 886;
}

.tooltip-box {
  display: none;
}

.tooltip-box-row {
  margin-bottom: 4px;
}

.tooltip-box-label {
  color: #000000;
  width: 200px;
  display: inline-block;
  vertical-align: top;
  font-weight:bold;
}

.tooltip-box-content {
  color: #3d4c5a;
  width: 120px;
  display: inline-block;
  font-size: 14px;
}

.tooltip.bottom-right {
  z-index: 10000;
  border: 1px solid #dcdcdc;
  background-color: #fff;
}

.tooltip.bottom-right.in {
  opacity: 1;
}

.tooltip.bottom-right .tooltip-arrow {
  display: none;
}

.tooltip.bottom-right .tooltip-inner {
  background-color: #fff;
  max-width: none;
  padding: 15px;
  text-align: left;
}

.table-details-budget .table-th {
  height: 50px;
}

.table-details-budget .table-frozen .table-th,
.table-details-budget .table-frozen .table-td {
  width: auto;
}

.table-details-budget .table-frozen .table-td {
  text-align: left;
}

.table-details-budget .table-frozen .two-lines {
  height: 4rem;
  white-space: pre-wrap;
}

.table-td-header-tall {
    height:180px !important;
}

.table-td-tall {
    height:180px !important;
}

.table-td-tall .bar {
    max-height:180px !important;
}

.egl-table-links {
    font-size: 11px;   
    text-decoration:underline;
    font-weight:bold;
}

.egl-black-link {
    color:#000000;
}

.tooltipflag {
    border : 0px;
    background-color:#FFFFFF;
    text-align:left;
    padding:0px;
}

.custom-tool-tip {
    position:absolute;
    left:0px;
    top:0px;
    background-color:#ffffff;
    z-index:2000;
    padding:20px;
    font-size:12px;
    border: 1px solid #CCCCCC;
    display:none;
}

.table-tr-spaced {
    margin-top: 30px;
    border-top: 1px solid #ddd;
}

.grab-row {
    cursor: -webkit-grab;
    cursor: grab;
    user-select:none;
}
/* ============================================================================
   CANONICAL BREAKPOINT REFERENCE  (AB#7650 Story 1.1 — single source of truth)
   ----------------------------------------------------------------------------
   Apply these four tiers across all project-owned CSS. Do not introduce new
   breakpoint values without first updating docs/mobile-a11y-ground-standards.md §1.

     Tier                   Range        Media query form
     Mobile                 <=749px      @media (max-width: 749px)
     Tablet/small-desktop   750-1169px   @media (min-width: 750px)
     Desktop                >=1170px     @media (min-width: 1170px)
     Wide (tables only)     >=1270px     manawanui.scrolltable.css tier (keep)

   HARD RULES:
     1. NEVER use an off-by-one breakpoint. All four wrong directions are banned:
          max-width:750  -> 749   (mobile ceiling)
          min-width:749  -> 750   (tablet floor)
          min-width:1169 -> 1170  (desktop floor)
          max-width:1170 -> 1169  (desktop-exclusive ceiling)
        Canonical complements: max-width:749 / min-width:750 at the mobile<->tablet
        boundary; max-width:1169 / min-width:1170 at the tablet<->desktop boundary.
     2. NO new breakpoint values without updating ground-standards §1.
        The one-offs 565/600/1150/1300/1392 are migrated only when their file
        is touched for other work. Bootstrap's own 768/992/1200 are NOT ours.

   NOTE: @media cannot consume CSS custom properties (var(--x)) — these are
   plain .css files (no SCSS/LESS). This reference is a documented convention
   enforced by find/replace + retro-check, NOT a runtime variable.
   ============================================================================ */

.header-text {
    text-align: left !important;
}

.header-text span {
    padding-bottom:4px;
}
.currency-control {
    width:100px !important;
}

.history-block {
    text-align:left;
    padding-bottom:10px;
}

.history-block-employee {
    text-align: left;
    margin-bottom: 20px;
    padding-left:20px;
}

.bold-grid-row {
    font-weight:bold;
}

.grey-text{
    color:#CCCCCC !important;
}

.btn-help a {
    color:#FFFFFF !important;
    text-decoration:underline;
}

.btn-help {
    display:inline-block;
}

.form-control {
    display:inline-block;
    width: 80%;
}

.login__form .form-control {
    width: 100%;
}

.forgot__form .form-control {
    width: 100%;
}


.input-validation-error {
    border-color:#FF2B32 !important;
    outline:0 !important;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,43,5,0.6) !important;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,43,5,.6) !important;
}

.input-validation-error2 {
    border-color: #FF2B32 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,43,5,0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,43,5,.6) !important;
}

.input-validation-error:focus {
   border-color:#FF2B32 !important;
    outline:0 !important;
   -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,43,5,0.6) !important;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,43,5,.6) !important;
}

.btn-form:focus {
    color:#000000;
}

.notfound-text {
    font-style:italic;
}

.zoom {
    z-index:1060;
}

.sub-item a {
    color: #262626 !important;
    border-bottom:0 !important;
}

@media (max-width: 749px) {
    .sub-item a {
        color: #FFFFFF !important;
        border-bottom:0 !important;
    }

    .sub-item a:hover {
        color: #262626 !important;
        border-bottom:0 !important;
    }
}

.managing-employer {
    font-size:10px;
    font-size: 1.0rem;
    padding-top:0px;
    vertical-align:top;
    margin-top:0px;
    height:12px;
    text-align:right;
    width:200px;
}

@media (min-width: 565px) {
    .menu--user {
        min-width:180px;
    }
}

@media (min-width: 1170px) {
    .custom-padding {
        padding-left: 50px;
    }
}

.clickable {
    cursor:pointer;
}

.error-text {
    color:#FF2B32;
}

.tooltip-inner a {
    color:#FFFFFF;
    text-decoration:underline;
}

.description table td {
  vertical-align: top;
  padding: 5px 10px;
}

.description table td:first-child {
  text-align: left;
}

.description table td:nth-child(2),
.description table td:nth-child(3) {
  width: 130px;
}

video:hover {
    cursor:pointer;
}

td[role="gridcell"]:active {
  font-weight:bold;
}


@media (min-width: 750px) { 
  .header__username {
    padding-left:15px;
  }
}

.blurb-small {
    font-size:12px !important;
    font-size:1.2rem !important;  
}

#loader
{
    display:none;
    background-image: url('/Images/ajax-loader-small.gif');
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10001;
    filter: alpha(opacity=50); /*older IE*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
    -moz-opacity: .50; /*older Mozilla*/
    -khtml-opacity: 0.5;   /*older Safari*/
    opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
    background-color:#EAEAEA;
    position:fixed; 
    top:0px; 
    left:0px; 
    width:100%; 
    height:100%; 
    color:#FFFFFF; 
    text-align:center; 
    vertical-align:middle;
}

#loaderText
{
    display:none;  
    position:relative; 
    top:0px; 
    left:0px; 
    width:100%; 
    height:100%; 
    color:#FFFFFF; 
    text-align:center; 
    vertical-align:middle;
}

#loaderTextInnerText {
    padding-top:10px;
    width:300px;
    height:100px;
    z-index: 10002;
    filter: alpha(opacity=100); /*older IE*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE */
    -moz-opacity: 1; /*older Mozilla*/
    -khtml-opacity: 1;   /*older Safari*/
    background-color:#FFFFFF;
    color:#526606;
    border: #526606 1px solid;
    position:fixed; 
    top:45%; 
    left:45%; 
}

@media (min-width: 600px) { 
  .login-logo-small {
    display:none;
  }
  .login-logo-large {
    display:block;
  }
}
@media (max-width: 600px) { 
  .login-logo-small {
    display:block;
  }
  .login-logo-large {
    display:none;
  }
}

.caret:before {
  font-size: 14px;
  font-size:1.4rem;
}

.note-item-container {
    border-top: #CCCCCC 1px solid;
    min-height: 50px;
    background-color: #FFFFFF;
}

.note-item-container-alternate {
    background-color: #F5F5F5;
    border-top: #CCCCCC 1px solid !important;
}

.note-outer-container a {
    font-weight:bold;
}

.k-grid-filter.k-state-active {
    background-color:#cd202c;
}

.grid-link {
    font-weight:500;
    text-decoration:underline;
}

.small-number {
    width:80px;
}

#slideshow {   
    position: relative;    
    width:100%;
}

#slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right:  0px; 
}

.category-list {
    width:95%;
}

.fortnight-validation-failed {
  background-color: #fbfccb !important;
  border: 0;
  border-bottom: 1px solid #cd202c !important; }

.fortnight-validation-failed select {
    background-color: #fbfccb !important;
}

.disabled-link {
    color:#CCCCCC !important;
    pointer-events: none !important;
}

.disabled-cell {
    background-color:#FCFCFC !important;
}

.input-group-addon .btn-help {
    color:#000000;
}


.scroll-telerik-container {
    width: 100%;
    overflow-x: auto;
    clear: both;
}

.scroll-telerik-container .k-grid {
    min-width:650px;
    width:calc(100% - 2px) !important;
}

.scroll-telerik-container .k-grid tr td{
    background:#FFFFFF;
}

.scroll-telerik-container .k-alt td {
    background-color: #F5F5F5 !important;
}

.top-scroll-wrapper {
    width: 100%;
    overflow-x: scroll;
    height: 20px;
}

.top-scroll-div {
    height: 20px;
    width: 100%;
}

@media (max-width: 749px) {
    .row {
  margin-left: 2px;
  margin-right: 2px; }
}

.feedback-header-message {
    border: 2px solid #E5E2E3;
    background-color: #8f171f;
    display:inline-block;
    vertical-align:top;
}

.feedback-header-message h1 {
    color:#FFFFFF;
    font-size:16px;
    display:inline-block;
    margin-top:10px;
    vertical-align:top;
}

.feedback-header-message i {
    color:#FFFFFF;
    font-size:20px;
    display:inline-block;
    padding-right:20px;
    padding-top:10px
}

.feedback-header-message-popup {
    color: #FFFFFF;
    padding-bottom: 10px;
}

.feedback-header-message-popup div {
    color: #FFFFFF;
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
}

.announcement-container {
    font-size: 18px;
    font-size: 1.6rem;
    color: #8f171f;
    padding-top: 8px;
    padding-bottom: 8px;
}

.announcement-link-text {
    font-weight:bold;
}

.announcement-container i {
    font-size:26px;
    font-size:2.6rem;  
    color:#8f171f;
}

.navbar-nav .fa-info-circle {
    font-size:20px;
    font-size:2.0rem;  
}

.employee-document-exists {
    width:36px; 
    color:#cd202c;
    cursor:pointer;
}

.employee-document-exists a {
    color:#cd202c;
}

.span-validation-error {
    border-color:#FF2B32 !important;
    outline:0 !important;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,43,5,0.6) !important;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,43,5,.6) !important;
}

#gridTimesheets th {
    font-weight:bold;
}

#outerClientContainer {
    padding-top:6px;
}

.toggle-expand {
    cursor: pointer;
}

.hidden-text {
    display:none !important;
}

.list-notes-container {
    border-bottom: 1px solid #CCCCCC;
    width: 98%;
}

.k-pager-sizes {
    display:none !important;
}
.app-store-icon img {
    height:45px;
}

.app-store-icon {
    padding-top:80px;
}

.statement-front-warning i {
    color: goldenrod;font-size: 30px;
}

.stmt-btn-unit {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.statement-front-red-box-dollar {
    background-color:#ffffff;
    color:#c00000;
    border-radius: 50%;
    display: inline-block;
    font-size:22px;
    height:30px;
    width:30px;
    padding-left:8px;
    padding-bottom:4px;
    font-weight:bold;
}

.statement-front-white-box-blurb {
    font-weight: bold;
}

.statement-green {
    color: #008000;
}

/*.statement-green-arrow {
    background-color:#008000 !important;
}*/
.statement-green-arrow .pipe {
    background:#008000 !important;    
}

.statement-green-arrow .arrow {
  border-left: 40px solid #008000 !important;   
}


.statement-green-arrow .line {
    background:#008000 !important;
}

.arrow-box-wrapper .start-amount {
    z-index:9999;
}

.green-explain-bar-1:before
 {
  position: absolute;
  left: 0;
  top: 3px;
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  background: #008000 !important;
}

.statement-front-white-box {
  background-color: #fff;
  color: #c00000;
  padding: 15px;
  border-radius: 20px;
  margin-top: 15px;
  border: 5px solid #c00000;
}

.statement-front-white-box .amount {
  text-align: right;
  font-size: 28px;
}

.statement-front-white-box-dollar {
    background-color:#c00000;
    color:#ffffff;
    border-radius: 50%;
    display: inline-block;
    font-size:22px;
    height:30px;
    width:30px;
    padding-left:8px;
    padding-bottom:4px;
    font-weight:bold;
}

.header-nav-button {
    background-color: #F1F1F1;
    color: #333333;
    border-radius: 4px;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    display: block;
    min-width: 130px;
    text-align: center;
    height: 34px;
}

.header-nav-button:hover {
    text-decoration: none;
    border: 1px solid #CCCCCC;
}

.header-nav-button-help {
    background-color: #F1F1F1;
    color: #333333;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    font-weight: bold;
    display: block;
    width: 200px;
    text-align: center;
    height: 36px;
    padding: 5px 5px 5px 5px;
}

.header-nav-button-help:hover {
    text-decoration:none;
     border: 1px solid #CCCCCC;
}

.header-nav-button-page {
    color: #ea2830;
    font-size: 19px;
}

.header-nav-button-circle-boarder {
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    text-align: center;
    height: 13px;
    width: 13px;
    margin-left: -8px;
    display: inline-block;
    position: relative;
    background-color: #FFFFFF;
    margin-bottom:-5px;
}

.header-nav-button-info {
    color: #8f171f;
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 1px;
}

.header-nav-button-container {
    display: inline-block;
    padding-left: 0px;
}

.header-nav-button img {
    padding-right: 5px;
    padding-bottom:2px;
}

.header-nav-button-img {
    width:27px;
    margin-top:2px;
}

.header-nav-button-filter {
    /* filter: invert(49%) sepia(49%) saturate(5227%) hue-rotate(166deg) brightness(101%) contrast(101%);*/
}

.header-nav-button img{
    height:24px;
}

@media (max-width: 749px) {
    .header-nav-button {
        display:none;
    }
}
@media (max-width: 1169px) {
    .header-nav-button-container {
        display: none;
    }
}

.readonly-label {
    font-weight: normal;
    vertical-align: middle;
}

.egl-popup-link {
    color: #8f171f !important;
}

.modal-body .form-control--bank-1 {
    width: 16%;
    text-align: center;
}

.modal-body .form-control--bank-2 {
    width: 22%;
    margin-left: 2%;
    text-align: center;
}

.modal-body .form-control--bank-3 {
    width: 29%;
    margin-left: 2%;
    text-align: center;
}

.modal-body .form-control--bank-4 {
    width: 16%;
    margin-left: 2%;
    text-align: center;
}

.form-body .form-control--bank-1 {
    width: 16%;
    text-align: center;
}

.form-body .form-control--bank-2 {
    width: 22%;
    margin-left: 2%;
    text-align: center;
}

.form-body .form-control--bank-3 {
    width: 29%;
    margin-left: 2%;
    text-align: center;
}

.form-body .form-control--bank-4 {
    width: 16%;
    margin-left: 2%;
    text-align: center;
}

.display-form-text-container {
    margin-top:12px;
    margin-left:10px;
}

.form-group .k-picker-solid {
    background-color:#FFFFFF;
    height:40px;
}

.modal-body .form-control-particulars {
    width: 28%;
    padding-left: 2px;
    text-align: center;
}

.currency-control-small {
    max-width:120px;
}

.egl-not-found {
    font-style:italic;
    margin-left:50px;
}

.container-loader-img { 
    filter: alpha(opacity=50); /*older IE*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
    -moz-opacity: .50; /*older Mozilla*/
    -khtml-opacity: 0.5; /*older Safari*/
    opacity: 0.5; /*supported by current Mozilla, Safari, and Opera*/
    text-align: center;
    vertical-align: middle;
}

.custom-file-control {
    max-width:333px;
    overflow:hidden;
}

.table-light-opacity {
    opacity:.9;
}

.statement-fields label {
    font-weight: normal;
    color: #595959;
    font-size: 12px;
    display:block;
}

.statement-fields .col-sm-3 {
    padding-left:0px;
}

.not-found-text {
    font-style:italic;
    padding-left:20px;
    font-size:12px;
}

.note-item-container .fa-remove {
    color: #cd202c;
}

.note-display-by {
    font-style: italic;
    font-size:12px;
}

.paycycle-calandar {
    text-align:center;
}

.paycycle-calandar a {
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: underline;
}

.admin-add-new {
    float:right;
}

.list-notes-container .link {
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: underline;
}

/* AB#7650 (ground-standards §7): button-as-link reset. Pair with .link for colour/size on a
   real <button> converted from a pseudo-link (href="javascript:...") so it stays keyboard-operable
   while rendering pixel-for-pixel like the prior inline text link. Reusable across Epic 3/4 conversions. */
.link-button {
    background: transparent;
    border: 0;
    padding: 0;
    font: inherit;
    cursor: pointer;
}

.profile-table td {
    padding-left: 10px;
    padding-right: 10px;
}

.k-edit-form-container .editor-label, .k-edit-label {
    text-align: left !important;
    padding-left: 0px !important;
    width: 16.60% !important;
}

.k-edit-field, .k-edit-form-container .editor-field {
    width: 60% !important;
    float:left !important;
}

.header-pc {
    position: absolute;
    right: 10px;
    top: 5px;
    display:none;
    z-index:500;
}
@media (min-width: 1170px) {
    .header-pc {    
        display: block;
    }
}

.inner-container {
    background-color: #fff;
    width: 95%;
    margin: 20px;
    border: 1px solid #959595;
    border-radius: 4px;
    height: 100%;
    padding: 20px;
    padding-left: 100px;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.k-grid th {
    border-width: 0px !important;
    background-color: #eeecec !important;
    font-weight:800 !important;
}

.k-pager-wrap {
    background-color: #eeecec !important;
}

.page-content {
    padding: 0px 30px 30px 30px;
}

.page-header-no-head {
    padding-top:30px;
}


.header-nav {
    background-color: #FFFFFF;
}

.main-container {
    background-color: #f7f7f7;
}

.modal-workforce .k-upload {
    width: 80%;
    max-width: 360px;
    background-color: #ffffff;
    border-color: #eaeaea !important;
    display:inline-block;
}

.k-multiselect-wrap {
    border-color: #eaeaea !important;
}


    .form-display-padding {
        padding-top: 5px;
        font-weight: normal;
    }

.custom-scheduler-A-parent {
    background-color: #CCCCCC !important;
}

#target {
    max-height: 600px;
    max-width: 600px;
}

#AvatarImage {
    max-height: 600px;
    max-width: 600px;
}

#AvatarImageMobile {
    max-height: 300px;
    max-width: 300px;
}

.jcrop-custom-link {
    cursor: pointer;
    color: #8f171f;
    font-size: 16px;
}

.jcrop-custom-link-set {
    cursor: pointer;
    color: #217346;
    font-size: 30px;
}

#avatarExisting .k-upload {
    border: 0 !important;
}

.banner-avatar {
    height: 50px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    margin-top: 1px;
}

.banner-avatar-underlay {
    height: 52px; 
    border-radius: 50%;
    background-color:#CCCCCC;
}

@media (max-width: 1169px) {   

    .banner-avatar {
        margin-top:10px;
        height: 40px;
    }
}

.complete-profile .edit-button {
    color: #959595;
    display: inline-block;
    padding-left: 40px;
}

.complete-profile .edit-button button {
    background-color: transparent;
    border: 0;
    display: inline-block
}

.complete-profile .edit-button button span {
    font-size: 0.875rem;
    margin-left: 0.25rem;
    display: inline-block;
}

.complete-profile .edit-button button span.icon {
    margin-top: 4px;
    padding-top: 0;
    margin-left: 0;
    font-size: 1.125rem;
    float: left;
    display: block;
}

.edit-span-remove {
    margin-top: 6px;
}

.banner-avatar-jobseeker {
    height: 124px;
    border-radius: 50%;
}

.profile-text {
    height: 100%;
    width: 100%;
    max-width: 100%;
    border: 0;
    border-color: Transparent;
    box-shadow: none;
}


.modal .profile-meta {
    background-color: white;
    border: 1px solid #959595;
    border-radius: 4px;
    text-align: center;
    padding: 1.875rem;
}

.modal .video-url .heading { 
    font-weight: bold;
    margin-top: 1.25rem;
    margin-bottom: 0.625rem;
}

.modal .video-url .url {
    border: 1px solid #959595;
}

.modal .visible-profile {
    color: #000;
    font-weight: bold;
    text-align: right;
    margin-bottom: 1.25rem;
}

.modal .form-horizontal-profile label {
    text-align: right;
    width: 120px;
    max-width: 120px;
    margin-right: 0.9375rem;
}

.modal .form-horizontal-profile label,
.modal .form-horizontal-profile .form-control {
    display: inline-block;
}

.modal .form-horizontal-profile select.form-control,
.modal .form-horizontal-profile input.form-control {
    max-width: 100%;
    width: calc(100% - 170px);
}

.modal .personal-summary {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.modal .personal-summary .heading {   
    font-weight: 700;
}

.modal .personal-summary .content {
    margin-top: 0.9375rem;
    padding: 0.9375rem 1.25rem;
    background-color: #fff;
    border: 1px solid #959595;
    border-radius: 4px;
    color: black;
}

.modal .checkbox-term {
    margin-top: 1.25rem;
    display: inline-block;
}

.modal .btn-cancel,
.modal .btn-save {
    color: #fff;
    width: 8.375rem;
    height: 2.625rem;
    border-radius: 5px;
    border: 1px solid #cd202c;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.k-upload, .k-upload .k-dropzone {
    background-color: #FFFFFF !important;
}

.k-upload .k-dropzone {
        background-color: #FFFFFF !important;
}

.copyright {
    color: #ffffff;
    font-size: 10px;
    text-align: center;
}

.schedular-slot-unavailable {
    background-color:#eaeaea;
}

.schedular-slot-available {
    background-color: #FFFFFF;
}

.k-scheduler .k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #590d10;
}

.k-scheduler .k-scheduler-views .k-state-selected {
    background-color: #590d10 !important;
    border-color: #590d10 !important;
}

/*.k-view-week .k-state-selected {
    background-color: #590d10 !important;
    border-color: #590d10 !important;
}*/

.k-scheduler .k-state-selected .k-link {
    color: #FFFFFF;
}

.k-window .k-header {
    background-color: #590d10 !important;
    border-color: #590d10 !important;
}

.k-window .k-window-title {
    color: #FFFFFF !important;
}

.k-scheduler .k-scheduler-content .k-today {
    /*background-color: #cd202c;
    opacity: 0.1;*/
}

.k-window .k-button {
    color: #fff !important;
    /*width: 8.375rem;
    height: 2.625rem;*/
    border-radius: 5px;
    background-color: #cd202c;
}


.schedular-worker-avatar {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 60px;
    width: 60px;
}

.schedular-worker-avatar img {
    display: inline-block;
    height: 60px;
    border-radius: 50%;   
}

.schedular-worker-avatar-initials {
    display: inline-block;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 10px;
    font-size: 22px;   
}

.workforce-scehduling-employer .k-event {
    border-width: 2px;
}

.k-event-template {
    font-size:12px;
}

.custom-scheduler-event {
    font-size: 12px;
    padding:2px;
}

.schedular-worker-checkbox-container {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.schedular-worker-avatar input[type="checkbox"] {
    position: absolute;
    bottom: 0px;
    left: 2px;
}

.register-container .form-group {
    padding-bottom:30px; 
}

.register-container .field-validation-error {
    color: #FF2B32 !important;
    padding-left:10px;
}

.white-page-container {
    background-color: #FFFFFF;
    border-radius: 10px;
    height: 100%;
    overflow-wrap: break-word;
}

.tab-pane {
    background-color: #FFFFFF;
}

@media (min-width: 750px) {
    .white-page-container {   
        padding: 0 50px 50px 50px;
    }
}

.white-page {
    background-color:#FFFFFF;
    margin-top:0px;
}


.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

    .animated.infinite {
        animation-iteration-count: infinite;
    }

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

.fast-animate {
    animation-duration: 0.4s;
}


.announcement {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ce1f2c;
    width: 2.375rem;
    height: 2.375rem;
    overflow: hidden;
    color: #ffffff;
    z-index: 99999;
}

.announcement-expanded-container {
    display:none;
}

.announcement .btn-expanded {
    background-color: transparent;
    border: 0;
    width: 2.375rem;
    height: 2.375rem;
    padding-right: 10px;
}

.announcement-spacing {
    padding-left: 10px;
}

.announcement-spacing-bottom {
    padding-left: 17px;
}

.announcement.expanded {
    width: 100%;
    height: auto;
    padding: 1.25rem 1.25rem 1.25rem 2.5rem;
}

.announcement.expanded .btn-expanded {
    display: none;
}

.announcement.expanded .heading {
    font-size: 120%;
    font-weight: bold;
    margin-left: -1.5rem;
}

.expanded .announcement-expanded-container {
    display: inline-block;
}


.announcement.expanded .content {
    margin-right: 6.25rem;
}

.announcement.expanded .wrapper {
    position: relative;
}

.announcement.expanded .paging {
    position: absolute;
    right: 1.25rem;
    bottom: 1.25rem;
}

.announcement.expanded .paging .btn-next {
    font-weight: bold;
    padding-left: 0.25rem;
    background-color: transparent;
    border: 0;
    font-size: 24px;
}

.announcement.expanded .close {
    position: absolute;
    right: 1.25rem;
    top: 0.2rem;
    color: #ffffff;
    font-size: 24px;
}

.announcement .btn-expanded {
    padding-left: 4px !important;
}

@media (max-width: 749px) {
    .modal-body {
        padding:0px;
    }

    .k-scheduler-layout th {
        font-size:10px;
    }

    .km-pane-wrapper {
        width:98%;
    }

    .modal .profile-meta {
        border:0;
    }

    .modal-content {
        padding: 0px;
    }
}

.modal {
    z-index: 999999;
}

.schedular-header {
    padding-top:0px;
}

.logout-container {
    display:inline-block;
    font-size:14px;
}

.k-scheduler-tools {
    display:none;
}

.k-pdf-export .k-current-time,
.k-pdf-export .k-scheduler-toolbar,
.k-pdf-export .k-scheduler-navigation .k-nav-today,
.k-pdf-export .k-scheduler-navigation .k-nav-prev,
.k-pdf-export .k-scheduler-navigation .k-nav-next,
.k-pdf-export .k-scheduler-footer {
    display: none;
}

.logout-menu-link {
    display:none !important;
}

@media (max-width: 1169px) {
    .logout-menu-link {
        display: block !important;
    }
}

.d-block {
    display: block !important;
}

.page-login form {
    max-width: 420px;
    margin: 1.5625rem auto;
}


.page-login .form-control {
    max-width: 100%;
    border: 1px solid #959595;
    margin-bottom: 0.5rem;
    width: 100%;
    padding: 6px 12px;
}

.login-error-label {
    color: #CD202C;
    text-align:center;
}

.print-content {
    float: right;
    padding-top:5px;
}


@media print {
    .footer, .zoom, .fa-print, .print-content, .top-nav {
        visibility: hidden !important;
    }

    .fa-bars, .onboarding-button-row, .row-need-help, .row-progress {
        display: none;
    }

    .header__logo {
        margin-left: 0px;
        text-align: left;
    }
    html, body {
        height: 99% !important;   
    }

    .print-display-none {
        display: none !important;
        visibility: hidden !important;
        color: #FFFFFF !important;
    }

    .print-display-none button {
        display: none !important;
        visibility: hidden !important;
        color: #FFFFFF !important;
    }

    .main-page {
        border-bottom: 0px !important;  
    }
}

.terms-or-service-scroll {
    height: 300px;
    max-height: 300px;
    overflow-y: scroll;
    border: #cccccc 1px inset;
}

.terms-or-service-scroll h3, .terms-or-service-scroll h2 {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight:bold;
}



.timesheet-audit tr{
    border-width:1px !important;
}

.timesheet-audit td, .timesheet-audit th {
    font-size: 12px;
    border-width: 1px !important;
}

/* AB#9548: the padding was `2px !important` and ungated, so a card cell on a
   .stacked-card-table adopter (_PopupPendingTransactions) rendered flat - and
   !important cannot be outranked by specificity. Same declaration, same value,
   just split by tier: every .timesheet-audit table is byte-identical on desktop,
   and below the ceiling only a card table is exempted. The one existing
   important declaration is duplicated per tier, not a new one added. */
@media (min-width: 750px) {
    .timesheet-audit td, .timesheet-audit th {
        padding: 2px !important;
    }
}

@media (max-width: 749px) {
    .timesheet-audit:not(.stacked-card-table) td,
    .timesheet-audit:not(.stacked-card-table) th {
        padding: 2px !important;
    }
}

.timesheet-audit-test td, .timesheet-audit-test th {
    font-size: 14px;
}

.manawanui-red {
    color: #cd202c !important;
    font-weight:bold;
}

.avatar-click {
    cursor:pointer;
}

.footer .nav > li > a:hover, .footer .nav > li > a:focus {
    text-decoration: none;
    background-color: #8f171f;
}

.k-scheduler-phone th {
    padding-top:12px !important;
}

.km-stretched-view {
    overflow-y:auto;
}

/*.onboarding-container h3 {
    font-size:20px;
}*/

.onboarding-element-container i {
    font-size:14px;
}

.onboarding-container .k-maskedtextbox{
    max-width: 100%;
    border: 0;
    width: 100%;
    background-color:transparent;
}

.onboarding-container input, .onboarding-container select, .onboarding-container textarea {
    border: 1px solid #080808;
}

.onboarding-container .k-maskedtextbox .k-textbox {
    max-width: 100%;
    border: 1px solid #080808;
    margin-bottom: 1.5625rem;
    width: 100%;
    padding: 6px 12px;
    border-radius: 0;
    text-indent: 0;
    font-family: Play, sans-serif;
    color: #595959;
}

.onboarding-container input[type="checkbox"] {
    width:0px;
}

.onboarding-container .placeholder-label {
    font-weight: normal;
}

.onboarding-container .input-group-addon {
    width:60px;
    background-color:transparent;
    border:0;
}

.onboarding-container .k-datepicker {
    background-color: transparent;
    margin-bottom: 1.5625rem;
}

.onboarding-container .k-picker-wrap {
    border: 1px solid #080808 !important;
    border-radius: 0;
}

.onboarding-container .k-widget {
    -webkit-box-shadow: inset 0 0 0 0, 0 0px 0px rgba(0,0,0,.00);
    box-shadow: inset 0 0 0 0, 0 0px 0px rgba(0,0,0,.00);
}

.onboarding-container .text-danger {
    font-weight:bold;
}

.onboarding-container .field-validation-valid {
    display:none;
}

.onboarding-container .k-upload {
    border: 1px solid #959595;
}

.onboarding-container .k-upload-button {
    border: 1px solid #959595;
}

#sketchpad {
    height: 200px;
    width: 600px;
    border: 2px solid #888;
    border-radius: 4px;
    position: relative; /* Necessary for correct mouse co-ords in Firefox */
}


#signatureExisting .k-upload {
    border:0 !important;
}

@media (min-width: 600px) {
    .check-device-rotate-too-small {
       display:none;
    }
}

@media (max-width: 601px) {
    .check-device-rotate-main {
        display: none;
    }
}

.onboarding-tick {
    color: #CD202C;
}

.currency-control-small {
    max-width: 80px;
    padding: 2px 2px 2px 4px;
}

.topnav { 
  background-color: #333;
  position: relative;
  width:480px;
}

.topnav #completedStepsLinks {
  display: none;
}

.topnav a {
  color: #FFFFFF;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 24px;
  display: block;

}

.topnav span {
  color: #FFFFFF;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  height:60px;
  background-color:#FFFFFF;
}

.topnav a.icon {
  background: #8F171F;
  display: block;
  position: absolute;
  left: 0;
  top: 0px;
  z-index:1001;
  height:60px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav button.icon {
  background: #8F171F;
  display: block;
  position: absolute;
  left: 0;
  top: 0px;
  z-index:1001;
  height:60px;
  width:54px;
  color:#FFFFFF;
  font-size:26px;
  border:0px;
}

.topnav .icon span {
  color:#000000;
}

.topnav button:hover {
  background-color: #ddd;
  color: black;
}

#completedStepsLinks {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
}

#completedStepsLinks a {
    padding:4px 4px 4px 60px;
    background-color:#8F171F;
    font-size:18px; 
}

.onboarding-condition th {
    background-color:#FFFFFF;
}

.onboarding-list-box {
    border: solid 1px #eaeaea;
}

.onboarding-admin-breadcrumbs {
    font-size:12px;
    padding-top:5px;
}

.onboarding-admin-breadcrumbs a {
    
}

.onboarding-admin-breadcrumbs .onboarding-arrow {
   font-size:14px;
}

.onboarding-label-text {
    font-weight:normal;
    color:#000000;
}

.pdf-viewer-container a[data-command="OpenCommand"] {
    display: none !important;
}

.onboarding-helpvideo-questionmark {
    margin-left: -26px;
    vertical-align: middle;
    padding-bottom: 6px;
    font-size: 14px
}

.onboarding-help-video-link {
    font-size:30px !important;
}

.statement-covid-ministry {
    background-color: #d0cece;
    text-align: center !important;
}

.statement-covid-your-budget {
    background-color: #FFFFFF;
    text-align: center !important;
}

.logout-container-onboarding {
    text-align:left;
}

.available-table {
    background-color:#ffffff;
}

.available-table td {
    padding: 4px;
    border: solid 1px #000000;
}

.password-peek {
    position: absolute;
    right: 10px;
    top: 28px;
    font-size: 20px;
}

.link-dropdown {
    position: absolute;
    left: 10px;
    bottom: 10px;
    font-size: 1.4rem;
    z-index: 10000;
    color: #000000 !important;
    background-color: #FFFFFF;
    font-family: 'Play', sans-serif;
    padding: 2px;
    max-width: 70%;
    overflow: hidden;
    white-space: nowrap;
}

.k-grid .k-pager-sizes .k-label {
    display:none !important;
}

.bold-red {
    color: red !important;
    font-weight: bold !important;
}

.dark-grey {
    color: darkgray !important;
}

.onboarding-forms-header {
    font-size: 14px;
    color: #cd202c;
    width: 50%;
    font-weight: bold;
}

.nzpost-picker-table {
    position:absolute;
    top:32px;
    left:0px;
    background-color:#FFFFFF;
    z-index:9999;
    cursor:pointer;
}

.nzpost-picker-table td {    
    padding:10px;
    font-size: 14px;
    font-size: 1.4rem;
}
.nzpost-picker-table tr {
     border: 1px solid #959595; 
     height:56px;
}

.nzpost-picker-table tr:hover {  
     background-color:#EEEEEE;
}

.schedular-payment-type select:disabled {
    background-color: #eeeeee;
}

.grid-expense-over {
    font-weight: bold;
    color: #ce1f2c;
}

.inactive-payment td {
    color: #707070;
}

.bank-control .form-control--bank-1 {
    width: 16%;
    text-align: center;
}

.bank-control .form-control--bank-2 {
    width: 22%;
    margin-left: 2%;
    text-align: center;
}

.bank-control .form-control--bank-3 {
    width: 29%;
    margin-left: 2%;
    text-align: center;
}

.bank-control .form-control--bank-4 {
    width: 16%;
    margin-left: 2%;
    text-align: center;
}

.graph-estimate {
    font-size:10px;
}

.note-icon-styling {
    float: right;
    padding-right: 10px;
    color: #cd202c
}

.toggle-panel {
    font-size: 24px;
    color: #0072bc;
    vertical-align:bottom;
    cursor:pointer;
}

.note-expense-table {
    width:90%;
    margin-bottom:20px;
}

.note-time-table {
    width: 95%;
    margin-bottom: 20px;
}

.change-email-container {
    text-align:center;
}

.new-mail-count {
    width: 15px;
    position: absolute;
    right: -2px;
    top:10px;
    width: 15px; 
    background-color: red;
    color: #FFFFFF;
    border-radius: 20px;
    font-size: 10px;
    height: 15px;
    text-align: center;
    font-weight: bold !important;
    vertical-align: top;
}

.mail-number {
    height: 20px;
    line-height: 15px;
    vertical-align:top;
}
.input-numbers {
    font-size: 34px !important;
    color: #000000;
    border: 0px !important;
    outline: 0;
    box-shadow: none;
    background-image: url('/Images/number-picker.jpg');
    line-height: 42px;
    background-repeat: no-repeat;
    letter-spacing: 25px;
    font-family: 'Consolas' !important;
    height: 44px;
    max-width:260px;
    margin-bottom:20px;
}

.display-address-container:focus {
    outline: none;
}

.address-loading {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2000;
}

.k-dropdown-wrap {
    border-radius: 0px;
    border-color: #eaeaea !important;
    padding-top: 4px;
    padding-bottom: 4px;
}

.k-dropdown-wrap .k-select {
    background-color: #F6F6F6;
    width:46px;
}

.profile-avatar-image {
    cursor: pointer;
    height:200px;
}

.btn-small {
    padding: 4px 20px 4px 20px;
    font-size:16px;
    margin-top:10px;
}

.large-form-control {
    max-width:500px !important;
}

.login-header-message {
    border: 1px solid #000000;
    display: inline-block;
    vertical-align: top;
    padding:10px;
}

.login-header-message div {
  
}

.login-header-message i {
    font-size: 18px;
    padding-right:10px;
}

.add-autheticator {
    background-color: #3479CC;
    color:#FFFFFF;
    padding: 0px 5px 0px 5px;
    font-size: 20px;
    vertical-align:middle;
    text-align:center;
    font-weight:bold;
}

.report-dropdown .k-dropdown-wrap .k-input {
    box-shadow: none !important;
}

.timesheet-declaration-table th {
    font-size: 16px;
    font-weight: bold;
    background: #eee;
    padding: 0 4px 0 4px;
    border: 1px solid #333333;
}

.timesheet-declaration-table td {
    padding: 2px 4px 0 4px;
    border: 1px solid #333333;
}

.declaration-elelement {
    text-align:center;
    vertical-align:top;
}

.timesheet-declaration-table textarea {
    width: 100%;
    max-width: 100%;
    border: 1px solid #333333;
    color: #8f171f;
}

.timesheet-declaration-table .currency-box {
    width: 100%;
    max-width: 100%;
    border: 1px solid #333333;
    color: #8f171f; 
    margin-bottom:2px;
    padding: 0px 6px 0px 6px !important;   
}

.timesheet-declaration-table input[type="radio"] {
    accent-color: #8f171f;
}

.custom-note-table {
    vertical-align: top;
}

.custom-note-table td {
    vertical-align: top;
}

.input-numbers {
    font-size: 34px !important;
    color: #000000;
    border: 0px !important;
    outline: 0;
    box-shadow: none;
    background-image: url('/Images/number-picker.jpg');
    line-height: 42px;
    background-repeat: no-repeat;
    letter-spacing: 25px;
    font-family: 'Consolas' !important;
    height: 44px;
}

.admin-heading {
    font-size: 14px !important;
    color: #cd202c;
    font-weight: bold;
}

.admin-heading h3 {
    font-size: 14px !important;
    color: #cd202c;
    font-weight: bold;
}

.k-dropdown-wrap .k-input {
    border-color: #FFFFFF !important;
    box-shadow:none !important;
}

.account-role-change {
    border: #959595 1px solid;
    background-color: rgba(0,0,0,.075);
    padding:10px;
}

.spendmanagement-funding-table {
    width:100%;
}

.spendmanagement-funding-table th {
    background-color: #eeecec;
}

.spendmanagement-funding-negative {
    color: #c00000;
    font-weight:bold;
}

.page--employee .input-group-addon {
    padding: 0;
    background-color: transparent;
    border: 0;
}

.display-address-container {
    margin-top: 8px;
}

.note-attachment-display {
    display:inline-block;
}

.note-attachment-display .inner-file {
    display: inline-block;
    padding:5px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin:3px 3px 3px 0px;
}

.note-attachment-display .inner-file:hover {
    background-color: #F5F5F5;
}

.note-attachment-display .inner-file i {
    font-size:26px;
    color:#ccc;
    padding-right:5px;
}

.note-attachment-display .inner-file .fa-remove {
   color:#ccc;
   margin-top:0px;
   vertical-align:top;
}

.note-attachment-display .inner-file .fa-remove:hover {
    color: #8f171f;
}

.message-attachment-display {
    display:inline-block;  
}

.message-attachment-display .inner-file {
    display: inline-block;
    padding:5px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin:3px 3px 3px 0px;
    background-color:#FFFFFF;
}

.message-attachment-display .inner-file:hover {
    background-color: #F5F5F5;
}

.message-attachment-display .inner-file i {
    font-size:22px;
    color:#ccc;
    padding-right:5px;
}

.message-attachment-display .inner-file a { 
    color:#C1C1C1;  
    font-size: 12px;
}

.message-attachment-display .inner-file .fa-remove {
   color:#ccc;
   margin-top:0px;
   vertical-align:top;
}

.message-attachment-display .inner-file .fa-remove:hover {
    color: #8f171f;
}

.selected-message {
    background-color: #F5F5F5 !important;
    font-weight: bold;
    border-color: #8f171f !important;
}

.message-attachment-display .preview i {
    color: #8f171f;
}

.message-attachment-display .preview a {
    color: #8f171f;
}

.inline-note-attachment-display {
    display: inline-block;
}

.inline-note-attachment-display .inner-file {
    display: inline-block;
    padding: 2px 4px 2px 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin: 3px 3px 3px 0px;
    font-size:12px;
}

.inline-note-attachment-display .inner-file:hover {
    background-color: #F5F5F5;
}

.inline-note-attachment-display .inner-file i {
    font-size: 16px;
    color: #ccc;
    padding-right: 5px;
}

.inline-note-attachment-display .inner-file  {
   
}

.inline-securemail-attachment-display {
    display: inline-block;
}

.inline-securemail-attachment-display .inner-file {
    display: inline-block;
    padding: 2px 4px 2px 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin: 3px 3px 3px 0px;
    font-size:12px;
}

.inline-securemail-attachment-display .inner-file:hover {
    background-color: #F5F5F5;
}

.inline-securemail-attachment-display .inner-file i {
    font-size: 16px;
    color: #ccc;
    padding-right: 5px;
}

.message-queue-image-viewer {
    max-width: 100%;
    position: relative;
}

.message-queue-image-rotate {
    font-size:20px;
    float:right;
    color:#8f171f;    
    padding:5px;
    position:relative;
    width:100%;
    cursor:pointer;
}

.queue-image-botton-container {
    max-width: 100%;
    position: relative;
    background-color: #F5F5F5;
    border: #CDCDCD 1px solid;
    border-radius: 2px;
    padding: 10px !important;
}

.queue-image-botton-container a {
    color: #333333; 
    padding:5px 8px 5px 8px !important;
    cursor: pointer;    
}

.queue-image-botton-container:focus {
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
    background-color: black;
    color: white;
}

.message-queue-image {
    width: 95%;
    margin: auto;
}

.queue-image-container {
    width: 100%;
    display: block;
    border: #ccc 1px solid;
    padding: 4px;
    background: #FFFFFF;
    height: 910px;
    text-align: center;    
}

.queue-image-botton-container {
    width: 100%;
    display: block
}

.messaging-custom-button {
    border: 0 !important;
    background-color: transparent !important;
}

.message-queue-container .k-pager-wrap {
    background-color: transparent !important;
}

.message-queue-label-title {
    font-weight: bold;
}

.message-queue-label-result{
   
}

.message-queue-button-group {
    padding:4px;
}

.message-queue-button-group .btn-standard {
    margin-bottom:8px;
    padding:4px 20px 4px 20px;
    font-size:14px;
    min-width: 170px;
}

.btn-inline {
    margin-top: 4px;
    margin-bottom: 8px;
    padding: 4px 20px 4px 20px;
    font-size: 14px;
}

.message-queue-iframe {
    width: 100%;
    height: 745px;
    border: #ccc 1px solid;
}

.message-queue-outer-detail-container {
    min-height:250px;
}

.message-queue-right-detail-container {
    text-align: left;
    display: inline-block;
    vertical-align: top
}

.message-queue-left-detail-container {
    text-align: left;
    padding-left: 0px;
    display: inline-block;
    min-width: 200px;
    width: 70%
}

.message-queue-document-table {
    font-size:12px;
}

.message-queue-document-table tr {
    border-top: #CDCDCD 1px solid;   
}

.message-queue-document-table td {
    padding: 4px; 
}

.message-queue-document-container .k-upload {
    border:0px !important;
}

.messaging-custom-button-template {
    /*    border: 0 !important;
    background-color: transparent !important;*/
    background-color: #e4e7eb;
    font-size: 18px;
    border: 0;
    height: 28px;
    border-radius: 4px;
    padding-top: 0px;
}

.message-queue-field-container {
    margin-bottom: 10px;
    width:100%;
}

.message-queue-to-box {
    padding-left: 5px;
    font-weight: bold;
}

.message-queue-ondragover {
    background-color: #b1e0f7;
}

.message-queue-ondragover a { 
    border: 2px dashed #057DD6 !important;
}

.file-ondragover .custom-file-control {
    border: 2px dashed #057DD6 !important;
    background-color: #b1e0f7;
}

.copy-bank-link {
}
.copy-bank-link i {
    padding-top:6px;
}

.avatar-popup-container {

}

.avatar-popup-container img {
    z-index: 4;
    border-radius: 4%;
    padding:2px;
    border: 1px solid #cccccc;
}

.funding-control {
    max-width:100% !important;
    margin-left: 10px;
    width:90%;
}

.category-list {
    max-width: 100% !important;
    width: 90%;
}

.association-table span {
    font-size: 12px;
}

.bank-payments .input-group-addon {
    padding: 0;
    background-color: transparent;
    border: 0;
}

.table-tr-spaced {
    margin-top: 4px;
}

.btn-invert {
    color: #cd202c;
    border: 1px solid #cd202c;
    background-color: #fff;
    font-weight:bold;
}

.custom-autocomplete-control {
    border: 1px solid #eaeaea !important;
    padding-bottom: 0px !important;
    box-shadow: none !important;
    box-sizing: content-box !important;
    height: 30px !important;
}

.help-screen {
    padding-top:0px;
    margin-top:0px;
}

.help-screen .search-header {
    text-align:center;
}


.help-screen .seach-box-container {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    position: relative;
    width: 500px; 
}

.help-screen .seach-box-container input {
    width: 100%;
    /*max-width: 500px;*/
    padding: 20px 60px 20px 20px;
    display: block;
    font-size: 18px;
    border-color: #8f171f;
    max-width: unset;
    border-radius: 4px;
}

.help-screen .seach-box-container i {
    color:#8f171f;
}

.help-screen .seach-box-container button {
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 20px;
    z-index: 2;
}

.help-screen .seach-box-container i:hover {  
    font-size: 24px !important;   
}

.help-screen .search-panel-container i {  
    font-size: 60px;  
}

.help-screen .search-panel-outer-container {
  padding-top:50px;
}

.help-screen .search-panel-container {
    background-color: #fff;
    border: 1px solid #8f171f;
    border-radius: 4px;
    text-align:center;
    padding:10px;    
    margin-top:10px;
    min-height:190px;   
    min-width:140px;
}

@media (max-width: 1169px) {
    .help-screen .search-panel-container {
        min-height: 240px;
    }
}

.help-screen .search-panel-blurb {
    color: #333333;
}

.help-screen .search-panel-container i:hover {  
    color: #8f171f;   
}
.help-screen .search-panel-container h3:hover {  
    color: #8f171f;   
}

.help-screen .search-panel-outer-container a:hover {  
    text-decoration:none !important; 
    color: #8f171f !important;   
}

.help-screen .panel-link {
    color: #000000;
}

.help-screen .panel-link:hover { 
    color: #8f171f !important;
}

.help-container-alt {
    background-color: #FFFFFF;
}

.help-resource-panel-outer-container {
    font-size: 22px;
}

.help-resource-container {
    padding-bottom:20px;
    margin-top: 20px;
}

.help-container {
    background-color: #fff;
    padding: 10px 30px 30px 30px;
    border: 1px solid #959595;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.help-container p {
    padding-top: 5px;    
    padding-bottom: 5px;    
}

.help-resource-item-panel-container {
    font-size: 18px;
}

@media print {
    .help-container {
        border: 0px;
    }
    .footer-social {
        display:none;
    }
    .header-meta {
        display:none;
    }
    .header__logo {
        display: none;
    }
}

.footer-social a {
    vertical-align:top;
}

.help-search-box .seach-box-container {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
}

.help-search-box .seach-box-container input {
    width: 100%;
    max-width: unset;
    padding: 20px 60px 20px 10px;
    display: block;
    font-size:14px;
    border-color: #333333;
    border-radius:4px;
}

.help-search-box {
 
}

.help-search-box .seach-box-container i {
    color:#8f171f;
}

.help-search-box .seach-box-container button {
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 20px;
    z-index: 2;
}

.help-search-box .seach-box-container i:hover {  
    font-size: 24px !important;   
}

.help-search-box-mobile {
    position: relative;
    padding-top: 6px;
    padding-bottom: 6px;
}

.help-search-box-mobile .seach-box-container button {
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    position: absolute;
    top: 44px;
    right: 0;
    padding: 6px 20px;
    z-index: 2;
}

.help-middle-menu {
    padding-top: 24px;
    white-space: nowrap; 
}

@media (max-width: 749px) {
    .help-middle-menu {
        display:none;
    }
    .help-container {    
        padding: 10px 5px 30px 5px;      
    }

    .help-container .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .help-screen .seach-box-container {
        width: 95%;
    }

    .header-nav .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .help-screen .search-panel-container {
        min-height: 180px;
    }
}

.help-middle-menu a {
    white-space: nowrap;
    border: 1px solid #8f171f;
    border-radius: 4px;
    color: #8f171f;
    padding: 8px 12px 8px 12px;
    font-size: 16px;
    margin-right: 20px;
}

.help-middle-menu-alt {
    white-space: nowrap;
    border: 1px solid #8f171f;
    border-radius: 4px;
    color: #FFFFFF !important;
    background-color:#8f171f;
    padding: 8px 12px 8px 12px;
    font-size: 16px;
    margin-right: 20px;
}

.help-middle-menu a:hover {
    text-decoration: none !important;
}

.help-nav a {
    padding-bottom:0px;
}

.help-nav > li > a:hover, .help-nav > li > a:focus {
    background-color: #FFFFFF;
    border: 1px solid #959595;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 0px solid #ffffff;
}

.help-nav > li > a {
    padding-bottom:10px;
}

.help-nav .active a {
    color: #8f171f;
    border: 1px solid #959595;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 2px solid #ffffff;
}

.help-nav .active a:focus {
    background-color: #fff !important;  
 }

.help-search-results-table {
    text-align:left;
}

.help-search-results-table .heading {
  color: #8f171f;
  font-size: 22px;
  font-weight: normal;
}

.help-search-results-table .help-search-body b {
  background-color: #ce1f2c;
  color:#fff;
}

.help-search-results-table .header-tr {
    border-top: 1px solid #959595;
}

.search-result-container h2 {
    font-size:20px;
}

.help-header-gap {
    height: 20px;
    width: 100%;
    background-color: #f7f7f7;
}

.header-nav-help {
    background-color: #f7f7f7;
}

.header-nav-help .active {
    background-color: #fff;
    border-radius: 6px;
}

.main-container-help {
    padding-top:0px;
    margin-top:-21px;
}

.no-menu-spacer {
    height:20px;
    width:100%;
}

.skip-to-content {
    border: 3px solid #8f171f;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 0px;
    color: #FFFFFF;
    padding: 8px 12px 8px 12px;
    font-size: 16px;
    z-index: 999999;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    text-align: center;
    width: 200px;
    height: 40px;
    background-color: #8f171f;
    font-weight: bold;
    top: -42px;
}

.skip-to-content a {
    white-space: nowrap;
    color: #FFFFFF; 
    font-size: 16px;    
    font-weight: bold;    
}

.help-breadcrumbs {
    font-size:12px;
    padding-left: 10px;
}

.help-breadcrumbs a {
}

.help-breadcrumbs .help-arrow {
    font-size: 14px;
}

.help-image-panel img {
    height:70px;
}

.field-validation-error {
    width: 95%;
    color: #FF2B32;
    display:block;
    padding-top:4px;
}

.field-validation-error span {
 
}

.field-validation-error:before {  
    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;
    content: "\f06a";
    padding-right:4px;
}

.form-horizontal .field-validation-error {
    padding-left:50px;
}

/* AB#7812: utility to drop the .form-horizontal .field-validation-error 50px indent per message.
   !important needed to beat that 2-class rule (same approach as .input-validation-error above). */
.no-left-padding {
    padding-left: 0 !important;
}

/* AB#7812: render the model-level validation summary (e.g. Product page server errors) as a red alert box
   matching .alert-danger, so it's consistent with the popups' showFormErrors alert. Only the errors state
   carries .validation-summary-errors, so the box never shows when the form is valid. */
.validation-summary-errors {
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    padding: 10px 15px;
    margin-bottom: 15px;
}

.validation-summary-errors ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.validation-summary-errors li {
    padding-top: 4px;
}

.validation-summary-errors li:first-child {
    padding-top: 0;
}

.form-control:focus {
    border: 2px solid #000000 !important;
}

.d365-funding-link {
    font-size: 14px;
}

.c-checkbox-disabled input ~ .c-indicator {
    background-color: #eeeeee !important;
}

.help-middle-menu {
    text-align:center;
}

.custom-popover-link {
    font-size: 12px;
    cursor: pointer;
    display: inline;
    white-space: nowrap;
}

.custom-popover-link-bubble {
    margin-left: 1px;
    background-color: red;
    color: #FFFFFF;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.k-animation-container .k-popup .k-list-scroller {
    font-size: 12px !important;
    white-space: nowrap;
}

.readonly-picker {
    background-color: #eeeeee !important;
}

.kendo-grid-overrides .k-header {  
    overflow:unset !important;
}

.kendo-grid-overrides-scroll .k-header {
    overflow: unset !important;
}

.mulit-select .k-multiselect-wrap {
}

.payroll-claim-queue .form-control {
    max-width:450px;
}

.messing-select-link {
    font-size: 12px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-decoration:none;
}

.messing-select-link:focus {
    text-decoration: none;
}

.messing-select-link-large a {
    font-size: 13px
}

.screenreader-table th {
    padding: 2px 40px 2px 40px;
    background-color: #eeecec;
    border: 1px solid #959595;
}

.screenreader-table td {
    padding: 2px 40px 2px 40px;
    border: 1px solid #959595;
}

.screenreader-header {
    font-weight: bold;
    font-size:16px;
}

.profile-checkbox-label {
    width: 220px !important;
    max-width: 220px !important;
}

.accessibility-profile-container {
    border: 1px solid #959595;
    position:relative;
}

.accessibility-profile-container {
    border: 1px solid #959595;
    position: relative;
    padding-left:5px;
}

.accessibility-profile-container-header {
    position: relative;
    margin-top:-10px;
    margin-left:5px;
    background-color:#FFFFFF;
    width:162px;
    padding-bottom:10px;
}

.form__header h2 {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    display: inline-block; 
}

.screen-reader-statement-ui .statement-front-warning {
    padding-left:0px !important;
}

.screen-reader-statement-ui table {
    width:unset;
}

.screen-reader-statement-ui .statement-front-red-box .amount {
    text-align: left;
}

.screen-reader-statement-ui .statement-front-white-box .amount {
    text-align: left;
}

.screen-reader-statement-ui .warning-blurb {
    padding-left: 50px; 
}

.info-content a {
    text-decoration: underline;
    font-weight: bold;
}

.info-content {
    font-size: 16px;
    font-size: 1.6rem;
}

.custom-sort-button {
    border:0px;
}

.accreditation-large img {

}

.accreditation-small img {
    height:50px;
}

.main-page {
    border-bottom: 1px solid #EEEEEE;
}

.menu-help-icon-container {
    border: 1px solid #333333;
    border-radius: 50%;
    margin-bottom: 15px;
    margin-top: 15px;
    display: block;
    width: 21px;
    text-align: center;
    font-size:13px;
    font-weight:bold;
    /*    height:20px;
    margin-top:10px;*/
}

.menu-help-icon {

}

.standalone-header h1 {
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.page-content h1 {
    padding-bottom: 10px;
    margin-top: 20px;
    margin-left: -2px;
}

.page-content h3 {
    margin-top:0px;
  
}

.page-content .container {
    margin-top: 20px;
}

/* Bootstrap .container is fixed 750px at the >=750px breakpoint (custom-bootstrap.css).
   Inside the padded page shell (.page-header padding-left 6px, .page-content 30px) that
   fixed width overflows the viewport at the 750px tablet floor. Cap to the parent
   content-box; width:750px still wins on desktop (parent is wider), so desktop is
   unchanged. AB#7909. */
.page-header .container,
.page-content .container {
    max-width: 100%;
}

.page-content .admin-heading {
    padding-left: 20px;
}

.page-content .history-block {
    padding-left: 20px;
}

.onboarding-admin h3 {
    margin-left: -15px;
}

.page-content-with-header .container {
    margin-top: 0px;
}

.shift-text-down {
    vertical-align: bottom;
    height: 300px;
    display: block;
}

.shift-text-down {
    vertical-align: bottom;
    margin-bottom: 0px;
    display: block;
}

.modal-title {
    font-weight:bold;
}

.info-comment {
    background-image: url(/Images/info-icon.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-bottom: -5px;
    margin-left: -5px;
}

.info-comment-large {
    background-image: url(/Images/info-icon-large.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: 14px;
    margin-left: 5px;
}

.page-content legend {
    border:0;
}

.page-content .input-group-addon {
    background-color: #FFFFFF;
    border: 0;
}

.bottom-button-container {
    display:inline-block;
}

/*  AB#9963 AC1: the Terminate / Reinstate link is in the markup twice and exactly one
    copy is ever on screen. The narrow copy is hidden by DEFAULT and switched on in the
    one mobile block below, rather than the two copies being swapped by a complementary
    `min-width: 750px` / `max-width: 749px` pair. A pair leaves a hole: a viewport of
    749.5px - which browser zoom and fractional device pixel ratios really do produce -
    matches neither query, and both copies would be visible at once. One breakpoint,
    stated once, cannot do that. */
.terminate-link--narrow {
    display: none;
}

/* AB#9963: desktop is meant to come out of this ticket unchanged, and these rules in a
   min-width block are what hold that line. They sit here rather than in the 749 block so
   they cannot fight the mobile rules on specificity - which they would, being the more
   specific selectors.

   One desktop difference this ticket does NOT undo, recorded so nobody "fixes" it the
   wrong way: in the View-mail footer, `.btn-standard + .btn-standard{margin-left:15px}`
   (manawanui-base.css:236) used to put 15px between two buttons that happened to be DOM
   neighbours. It only ever fired where the first button had no help icon, because a
   rendered `.btn-help` sits between them and breaks the adjacent-sibling match - so in
   the Employer view it applied at exactly one join out of four. Wrapping each button in
   .bottom-button-container ends those matches, and adding the 15px back on the wrapper
   would apply it at EVERY join instead: about 75px of new width in a 600px modal, enough
   to wrap the footer. The joins now share the same small inline-block gap, which is what
   three of the four already had. */
@media (min-width: 750px) {

    /* AC5: the document upload row's help slot used to be held open by an inline
       style="width:36px" on the addon. That inline style is gone (section 8 of the
       ground standards rules out inline pixel widths, and 36px was under the 44px the
       icon needs on a phone), and the flex rules that replace it are mobile-only. On
       desktop the reserve still has to exist, or a row whose document type has no help
       text collapses that cell and the tick column goes ragged down the list.
       The tick addon carries .employee-document-exists; the help one is the other. */
    .page--employee .form-group--add-document .input-group > .input-group-addon:not(.employee-document-exists) {
        width: 36px;
    }
}

@media (max-width: 749px) {
    .page-content {
        padding: 0px 5px 5px 5px;
    }

    .page-content h1 {
        margin-left: 0px;
    }

    .paycycle-cal {
        text-align:left;
    }

    .page-content .container {
        margin-top: 5px;
    }

    .page-header .dropdown {
        padding-bottom:4px;
    }
    .k-datepicker {
        max-width: 180px;
    }

    .form__header .sep {
        padding-left:5px;
        padding-right:5px;
    }

    .info {
        padding-bottom:10px;
    }

    .scroll-telerik-container {
        margin-bottom:10px;
    }

    .btn-standard {
        display:inline-block;
    }

    .k-command-cell .k-button {
        margin-right:4px !important;
    }

    .standalone-header {
        margin-left:10px;
    }

    .scroll-telerik-container::-webkit-scrollbar {
        height: 20px;
    }

    .scroll-telerik-container::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .scroll-telerik-container::-webkit-scrollbar-thumb {
        background: #8f171f;
    }

    .scroll-telerik-container::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
    /* AB#9963 AC2/AC6: one action row = one button plus an OPTIONAL help icon.
       The icon only renders when its website text is filled in (UiHelper.GetHelpText
       returns MvcHtmlString.Empty otherwise), so a centred row landed in a different
       place depending on whether the text existed - the buttons read as "wonky".
       A fixed-width row that is itself centred, with its contents packed to the
       LEFT, gives every button the same starting edge whether or not the icon is
       there. That is the "blank placeholder the same width as the help icon" the
       ticket asked for, without a placeholder element.
       Flex also stops the button and its icon from splitting across two lines -
       the same fix, and the same reason, as .header-action (AB#9653/AB#9713):
       .btn-help is held at 44px square plus 5px margins either side, so it needs
       54px that a full-width control has already spent.
       Width: the widest label here ("Save In Progress") renders near 200px at this
       font size, plus the 54px help slot; 26rem (260px) covers both and still fits
       inside the 320px reflow floor. max-width keeps it honest below that.

       SCOPED, not global. `.bottom-button-container` has 83 uses across 21 views. The
       two selectors below pick out exactly the screens in this ticket: the Employee
       Edit forms all close with `<div class="form-group text-center">` (all eleven of
       them), and the two mail popups use a real `.modal-footer`. The Budget and
       EglAccount popups sit in a bare `.text-center` instead, so they keep today's
       centred buttons - they have the same ragged-edge problem, but they are outside
       this ticket and have no coverage in its specs. Per-screen scoping follows the
       AB#7907 `.employee-mobile-page` / AB#9713 `.timesheet-flow-page` precedent. */
    /* The two rules the scoped ones below build on stay exactly as they were, so the
       screens this ticket does not cover keep stacking their buttons the way they do
       today. Removing them would drop those back to the global inline-block at the top
       of this file and put Save and Delete side by side on a phone. */
    .bottom-button-container {
        display: block;
    }

    .bottom-button-container .btn {
        display: inline-block;
    }

    .form-group.text-center > .bottom-button-container,
    .modal-footer > .bottom-button-container {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 26rem;
        max-width: 100%;
        /* The 20px gap between rows moves here off the button - see below. */
        margin: 0 auto 20px;
    }

    /* Two reasons every margin on the button is cleared, not just the horizontal pair.
       `.btn-standard` carries `margin: 0 auto 20px` on this tier (manawanui-base.css:241):
       the auto sides would eat the free space and push the button off its shared left
       edge, and the 20px bottom matters just as much, because `align-items: center`
       centres an item's MARGIN box - a 20px bottom margin lifts the button's visible
       centre 10px above the icon's and re-creates the misalignment this rule exists to
       remove. The row keeps that 20px, on the container.
       min-width:0 lets a long label wrap inside the button rather than widen the row. */
    .form-group.text-center > .bottom-button-container > .btn,
    .modal-footer > .bottom-button-container > .btn {
        flex: 0 1 auto;
        min-width: 0;
        margin: 0;
    }

    .form-group.text-center > .bottom-button-container > .btn-help,
    .modal-footer > .bottom-button-container > .btn-help {
        flex: 0 0 auto;
        margin: 0 0 0 0.5rem;
    }

    .tab-pane {
        padding-top:20px;
    }

    .employee-nav > li {
        display:inline-block;
        float: none;
    }

    /* AB#7908: keep the tab strip's h-scroll WITHIN the nav. min-width:850px on the
       scroll element itself made the UL 850px wide and overflowed the page; nowrap +
       max-width:100% keeps the row viewport-bound and scrolling inside instead. */
    .employee-large-nav .employee-nav {
        min-width: 0;
        max-width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }

    /* AB#9963 AC4: the strip above scrolls, but iOS hides the scrollbar until the
       user already swipes, so a fifth tab ("Balances") was invisible with nothing
       on screen to say it was there. Two changes, smallest first:

       1. Tighter side padding. An employee with every tab switched on carries five
          of them (Details / Payroll Info / Documents / Payslips / Balances), and at
          8px a side the row missed a 375px screen by only a little. 6px buys the
          room back, so on a phone the whole strip is usually visible and no swipe
          is needed at all. The tabs stay far wider than 44px, so the touch target
          is unaffected.

       2. A scrollbar that is always drawn, for the widths where the row still does
          not fit (320px, or a tenant with longer tab names). Same treatment, same
          colours as .scroll-telerik-container earlier in this block - that is how
          this codebase already signals "this box scrolls sideways". 8px rather
          than that one's 20px because this strip is a row of links, not a grid.

       The vertical padding and line-height together give the 44px touch height
       section 5 of the mobile ground standards asks for; the links were 40px. */
    .employee-nav > li > a {
        padding: 10px 6px;
        line-height: 24px;
    }

    .employee-large-nav .employee-nav::-webkit-scrollbar {
        height: 8px;
    }

    .employee-large-nav .employee-nav::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .employee-large-nav .employee-nav::-webkit-scrollbar-thumb {
        background: #8f171f;
    }

    /* AB#9963 AC1: the other half of the swap, the mobile side. The wide copy sits
       between "Privacy Notice Signed" and "Known As" once the two form columns stack,
       which put a terminate action in the middle of a run of ordinary fields, so below
       the ceiling it gives way to the narrow copy at the top of the Details tab.

       flex, not block, and deliberately: the narrow wrapper also carries .header-action
       (AB#9653/AB#9713), which is display:flex in this same block, so a `display:block`
       here would simply be overruled by it further down the file and read as if it did
       something. Flex is also what keeps the 44px help button beside the link instead
       of under it.
       One consequence worth stating: text-align on a flex container does not place its
       items, so .form-group--terminate's right-align does not apply to this copy. It
       left-aligns on a phone, which is what the ticket's screenshots show and what the
       same .header-action pattern does on Views/Timesheet/List.cshtml. The wide copy is
       still right-aligned on desktop. */
    .terminate-link--wide {
        display: none;
    }

    .terminate-link--narrow {
        display: flex;
    }

    /* AB#9963 AC3: .documents__form carries padding-left:45px at every width
       (manawanui-base.css:1365). On a desktop column that reads as an indent; on a
       phone it is 45px of gutter on the left against the grid's 15px on the right,
       and the tab's contents sit visibly off-centre. The ticket reports it on the
       Payslips tab; the same class wraps the Documents and Balances tabs, so all
       three come back into line together. Released on this tier only - desktop keeps
       the indent.
       .documents__form-upload is the "Uploaded Documents" table below it and has the
       same shape of problem: 80% wide with a further 40px of left margin, and a
       fourth column appears when document approval is switched on. Full width with
       no margin gives that column somewhere to go. */
    .page--employee .documents__form {
        padding-left: 0;
    }

    .page--employee .documents__form-upload {
        width: 100%;
        margin-left: 0;
    }

    /* AB#7908: the document-upload row's input-group is display:table; its file-drop
       control sizes to content and overran the column, forcing page h-scroll. Stack it
       block-flow within 100% on mobile. (.page--employee scopes it; desktop untouched.)

       AB#9963 AC5: block flow fixed the overflow but pushed the row's other two cells
       - the help icon and the tick that links to the uploaded file - onto a line of
       their own, so every document type took two or three rows. Flex keeps all three
       on one line and still holds the row inside 100%: the file-drop control is the
       only item allowed to shrink (min-width:0 lets it go below its content width,
       which is what stopped it overrunning the column in the first place), and the
       two addons keep their natural size.
       The help icon used to reserve its space through an inline style="width:36px"
       on the addon. That is removed in the view - section 8 of the mobile ground
       standards rules out inline pixel widths, and 36px was under the 44px the icon
       needs anyway. Sizing is the icon's own now. */
    .page--employee .form-group--add-document .input-group {
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 100%;
    }
    .page--employee .form-group--add-document .input-group > div:first-child {
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }
    .page--employee .form-group--add-document .input-group > .input-group-addon {
        flex: 0 0 auto;
        display: inline-block;
        width: auto;
    }

    /* AB#7908: mobile-only Kendo grid horizontal-scroll container. Unlike the shared
       .scroll-telerik-container (whose ungated .k-grid{min-width:650px} adds a DESKTOP
       scrollbar to grids sitting in narrow col-md-6 columns, e.g. the payslips tab),
       every rule here lives in the 749 block, so desktop is byte-for-byte unchanged and
       the grid only gains contained h-scroll on phones. */
    .grid-scroll-mobile {
        width: 100%;
        overflow-x: auto;
    }
    .grid-scroll-mobile .k-grid {
        min-width: 650px;
    }

    /* ------------------------------------------------------------
       AB#9548 T3 - pager wrap and releasing the 650px grid floor are ONE
       fix, proven by the UAT A/B/C at 320px on Timesheet/List: wrapping
       alone changes only the computed flex-wrap value, because
       `.scroll-telerik-container .k-grid{min-width:650px}` earlier in
       this file hands the pager a 648px box that five buttons fit inside,
       and the PAGE scrolls sideways instead. Releasing the floor took the
       pager to 298px wide with zero buttons past the viewport, the
       16-column table still scrolling INSIDE its container.

       Desktop keeps the floor: these rules live solely in this 749 block,
       and an equal-specificity selector later in the bundle wins, so no
       !important is needed (NFR10). The companion
       `width: calc(100% - 2px) !important` on the shared rule is left
       alone - it is what makes the grid fill the released container.
       ------------------------------------------------------------ */
    .scroll-telerik-container .k-grid {
        min-width: 0;
    }

    /* Kendo 2023 renders the pager root as `.k-pager` (display:flex, no
       wrap) with the page numbers in a nested `.k-pager-numbers` flex
       container - both must wrap or the buttons stay on one line. The
       page-size picker is hidden portal-wide (`.k-pager-sizes{display:none}`
       earlier in this file), so only the buttons and the info text need
       the room. Promoted from `.employee-mobile-page` by AB#9548 T3.1. */
    .k-pager {
        flex-wrap: wrap;
        justify-content: center;
        white-space: normal;
    }

    .k-pager-numbers {
        flex-wrap: wrap;
    }

    /* AB#9653 - on a card list the pager is the only way past the first ten
       cards, and its buttons were 24px in a 44px world (SC 2.5.8). Scoped to
       the screens that opted into cards, and given the same surface as a card
       so the foot of the list does not look like a different component. */
    /* No background here: `.k-pager-wrap{background-color:#eeecec !important}`
       earlier in this file owns that, and NFR10 rules out answering an
       !important with another one. */
    .grid-stacked-cards .k-pager-wrap {
        border: 1px solid #dcdcdc;
        border-radius: 6px;
    }

    .grid-stacked-cards .k-pager {
        gap: 4px;
        padding: 6px;
    }

    .grid-stacked-cards .k-pager .k-link {
        min-width: 44px;
        height: 44px;
        line-height: 44px;
        border-color: #e0e0e0;
        background: #fff;
    }

    /* Border only - the selected page keeps the fill Kendo gives it on
       desktop, so the two tiers do not disagree about what "current page"
       looks like. */
    .grid-stacked-cards .k-pager .k-selected {
        border-color: #8f171f;
    }

    .grid-stacked-cards .k-pager .k-link:focus-visible {
        outline: 2px solid #8f171f;
        outline-offset: 2px;
    }

    /* AB#7908 / AB#9653: Historic Pay Rates popup - the bare 6-col table
       overflows the modal on phones. It used to carry a hand-copied variant of
       the card pattern (.historic-rates-table), which had already drifted from
       the shared one. Consolidated onto .stacked-card-table by AB#9653, with
       .sc-plain keeping its borderless desktop render byte-for-byte. */

}

/* AB#6774: Secure Mail popups. The message/template body (.mail__message) in the
   View (_PopupView) and Create/Reply/Forward (_PopupEmailItem) modals renders arbitrary
   email HTML - wide tables, long unbreakable strings, full-size images - which overflows
   the Bootstrap modal on phones and drags the whole PAGE sideways. Constrain the body to
   the modal below the mobile ceiling only; wide content scrolls INSIDE the message, not
   the page. Every rule sits in this 749 block, so desktop is byte-for-byte unchanged. */
@media (max-width: 749px) {
    .mail__message {
        overflow-wrap: break-word;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .mail__message img {
        max-width: 100%;
        height: auto;
    }
    .mail__message table {
        max-width: 100%;
        display: block;
        overflow-x: auto;
    }
    /* Keep the mail modals within the viewport. !important is required because
       Messaging/_PopupMessageItem sets an inline style="max-width:1200px" on the dialog
       (inline beats a plain selector); on a phone that must collapse to the viewport. */
    .modal--read-mail .modal-dialog,
    #modal--email-create .modal-dialog {
        max-width: 100% !important;
    }

    /* AB#9963 AC7: iOS Safari zooms the whole page when the field you tap computes
       below 16px, and it does not zoom back out afterwards - the page is left
       misaligned behind the keyboard. .form-control is 14px portal-wide
       (custom-bootstrap.css:2316) with no mobile override, so every field does this.

       SCOPE - read this before assuming it is mail only. These two shells are shared:
       `.modal--read-mail` is also used by Shared/_Announcement, Shared/_PopupNotification,
       Home/_PopupLargeAnnouncement, Home/_PopupLargeTooltip, Admin/_PopupSystemLog and
       Admin/_PopupUserSystemLog; `#modal--email-create` by Note/_PopupNote,
       Messaging/_PopupMessageItem, SecureMail/_PopupBulkMail and SecureMail/_PopupMailAll.
       Eleven partials in total, and that is wanted - they are all short popup forms with
       the same defect. What is deliberately NOT included is the rest of the portal, and
       in particular the AB#9713 timesheet entry matrix, whose cells were measured and
       tuned at 320px; lifting those is its own piece of work.

       1.6rem, not 16px: the root is 10px (custom-bootstrap.css:1055), and the
       accessibility zoom widget scales the root, so rem keeps these fields in step
       with the rest of the page when a user zooms.

       The height has to move with the text. .form-control is pinned to height:34px
       with 6px padding, which leaves a 20px content box - too short for a 16px line,
       and `.page--employee .form-control{height:43px}` only applies from 750px up. Let
       it size to its content, with the 44px floor section 5 of the ground standards
       asks for anyway. Selects inherit the same 34px and need it too.

       The editor inside these modals is an IFRAME and no page rule reaches it -
       that half is done in manawanui.js (setEditorMobileFontSize). */
    .modal--read-mail .form-control,
    #modal--email-create .form-control {
        font-size: 1.6rem;
        height: auto;
        min-height: 44px;
    }
}

@media (max-width: 1169px) {
    .info-comment-large {
        filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(70deg) brightness(97%) contrast(108%);
        margin-left:10px;
    }
}

.onboarding-html-container {
    padding-left:15px;
}

.onboarding-text-centred {
    
}

.btn-change-small {
    color: #000000;
    background-color: #F7F7F7;
}

.btn-change-small:focus {
    color: #000000 !important;
    font-weight:bold !important;
    border: 2px solid #000000 !important;
}

.last-login-box {
    width: 95%;
    min-height: 130px;
    margin-bottom:20px;
}

.last-login-box img {
    padding-top:50px;
}

.last-login-box .table tr {
    border-width: 1px !important;
}

.last-login-box .table td, .last-login-box .table th {   
    padding: 2px !important;
    border-width: 1px !important;
}

.last-login-box .table th {
    text-align:center;
}

.document-approval-row-complete {
    color:#CCCCCC;
}

.approval-link {
    font-size:18px;
}

.bold-grid-row .approval-link {
    color:#000000;
}

.employee-document-approval-status {
    text-align: center;
}

.employee-document-approval-status { 
    text-align: center;
}

.employee-document-approval-status-signal {
    color: #cd202c;
    text-align:center;
}

.timesheet-file-table tr {
    border-width: 1px !important;   
}

.timesheet-file-table td, .timesheet-file-table th {
    padding: 2px !important;
    border-width: 1px !important;
    font-size: 14px;
}

.timesheet-file-table .fa {
    margin-left: 10px;
    font-size: 16px;
}

.footer-blurb {
    color:#FFFFFF;
    font-size:10px;
}

.footer-blurb a {
    color: #FFFFFF;
    text-decoration:underline;
    font-size:10px;
}

.do-import-table th {
    padding: 5px 5px 5px 20px;
}

.do-import-table td {
    padding: 5px 5px 5px 20px;
}

.ajax-csv-loader {
    height:18px;
    padding-left:20px;
}

.statement-table-balances h2, .statement-table-balances h3 {
    width: 100%;
    text-align: center;
    background-color: #c00000;
    color: #ffffff;
    padding: 8px 6px 8px 6px;
    font-size: 13px;
}

.approval-button-container-complete {
    padding-bottom: 10px;
}

.approval-button-container-complete img {
  height:22px
}

.approval-button-container-complete-text-container {
    display: inline-block;
    height: 22px;
    vertical-align: bottom;
}

.approval-button-container-complete-text-container span {
    font-weight: bold; 
    font-size: 16px; 
    padding-left: 8px; 
    vertical-align: bottom;
}

.approval-image-loading {
    background: transparent url(/Images/ajax-loader-small.gif) center center no-repeat;
}

.k-upload-button:focus {
    border: 2px solid #000000 !important;
}

.account-auditing select {
    height: 32px !important;
    border-radius: 4% !important;
    border-color: #CED4DA !important;
}

.audit-table-container {
    max-width: 100%;
    overflow-y: scroll;
}

.audit-table th {
    padding: 2px 40px 2px 4px;
    background-color: #FFFFFF;
    border: 1px dashed #CED4DA;    
}

.audit-table td {
    padding: 2px 40px 2px 4px;
    border: 1px dashed #CED4DA;
}
@media (min-width: 750px) {
   .employee-leave-link  {
        text-align:center;
    }
    .employee-leave-link a {
        text-align: center;
    }      
}

tr:has(> td input[role-permission="false"]) {
    background-color: #FFC0CB !important;
}

@media (max-width: 1169px) {
    .kendo-scroll {
        width: 100%;
        overflow-x: auto;
        clear: both;
    }
    .kendo-scroll.k-grid {
        min-width: 650px;
        width: calc(100% - 2px) !important;
    }

    .kendo-scroll.k-grid tr td {
        background: #FFFFFF;
    }

    .kendo-scroll.k-alt td {
        background-color: #F5F5F5 !important;
    }
}

.process-claim-output-log {
    width: 100%;
    height: 400px;
    overflow-x: auto;
    border: #000000 1px solid;
    font-family: Consolas;
    padding:4px;
}

.popup-header-label {
    font-weight: bold;
}

.enlarge-modal {
    max-width: 1300px;
}

/* Style for simple rounded toggle switch */
.toggle-container {
    display: flex;
    align-items: center;
    gap: 10px; /* space between label and switch */
    margin: 10px 0;
}

.toggle-label {
    font-size: 14px;
    color: #333;
}

.switch-button {
    position: relative;
    width: 50px;
    height: 24px;
    background-color: #ccc;
    border: none;
    border-radius: 12px;
    padding: 0;
    cursor: pointer;
    transition: background-color 0.3s;
}

.switch-button .slider {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    transition: left 0.3s;
}

.switch-button.on {
    background-color: #CD202C;
}

.switch-button.on .slider {
    left: 28px;
}
/* End of toggle switch */


/* Start of risk threshold */
.k-badge[class*="risk-"] {
    border-radius: 9999px; /* pill shape */
    padding: 0px 5px;
}

.k-badge.risk-0 {
    background-color: #92d14f;
}

.k-badge.risk-1 {
    background-color: #ffff01;
}

.k-badge.risk-2 {
    background-color: #ffc000;
}

.k-badge.risk-3 {
    background-color: #fe0000;
}

.k-badge.risk-4 {
    background-color: #ba0300;
    color: white;
}
/* End of risk threshold */

.k-table-tooltip-bottom .k-grid table th {
    overflow: visible !important;
    vertical-align: baseline !important;
}

.k-visible-pager .k-pager-sizes {
    display: inline-flex !important;
}

.modal-body-padding {
    padding-left:30px !important;
}

.job-loading-container {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.job-text-container {
    min-height: 100px;
}

.job-text-container-help {
    min-height: 100px;
}

.job-loading-container img{
    opacity:1;
}

.pro-tip {
    color: #cd202c;
    font-size:20px;
}

.error-container {
    padding:20px;
}

@media (min-width: 750px) {
    .error-container {
        min-height: 300px;
    }
}

.form-textarea {
    width: 80%;
    max-width:80%;
    min-height: 80px;
}

.form-kendo-combo {
    width: 360px;
    max-width: 360px;
    border-color: #eaeaea;
}
.product-price-link {
    color: inherit;
}

.product-price-link:hover {
    color: #8f171f;
    text-decoration: underline !important;
    cursor: pointer;
}

.product-price-sep {
    padding: 0px 10px 0px 10px;
}

.product-price-inactive {
    color: #cccccc !important;
}

.modal--budget-carer .form-group > div.col-sm-2 {
    padding-top: 7px;
}

.tier-error-alert {
    margin: 10px 15px 10px;
}

/* Bulk Tier Assignment popup */
.tier-import-instructions {
    margin-top: 8px;
    margin-bottom: 0;
    padding-left: 20px;
}

.tier-import-instructions li {
    margin-bottom: 4px;
}

.tier-error-list {
    max-height: 200px;
    overflow-y: auto;
}

.tier-action-row {
    margin-top: 10px;
}

.bulk-tier-result-table {
    max-width: 400px;
    margin: 20px auto;
}

/* =====================================================
   Funding Plan Viewer Modal
   ===================================================== */

#defaultmodal .modal--funding-plan-viewer .modal-dialog {
    width: 95%;
    max-width: 1200px;
}

#defaultmodal .modal--funding-plan-viewer .modal-body {
    padding: 10px;
}

.fp-nav-header {
    margin-bottom: 10px;
}

.fp-nav-buttons {
    margin-top: 5px;
}

.fp-page-info {
    margin: 0 10px;
}

.fp-document-display {
    min-height: 70vh;
    border: 1px solid #ddd;
    padding: 5px;
}

.fp-document-iframe {
    width: 100%;
    height: 80vh;
    border: none;
}

.fp-document-image {
    width: 100%;
    height: auto;
}

/* =====================================================
   Client Funding Plans Section (Fortnight/Verify)
   ===================================================== */

.cfp-plan-row {
    margin-bottom: 4px;
}

.cfp-tier-display {
    color: teal;
}

.cfp-doc-link {
    margin-left: 8px;
    font-style: italic;
}

.cfp-no-doc {
    margin-left: 8px;
    font-style: italic;
}

.cfp-reload-link {
    font-size: 11px;
}

/* =====================================================
   Support Plan Document List
   ===================================================== */

.spd-toggle-links {
    text-align: left;
    margin-top: 5px;
}

.tier-history-link {
    margin-left: 5px;
}

.terminated-label {
    text-decoration: line-through;
    color: #959595;
}

.bulk-upload-validation-results {
    margin-top: 16px;
    display: flex;
    justify-content: center;
}

.bulk-upload-validation-results-inner {
    text-align: left;
    max-width: 600px;
}

.bulk-upload-result-table {
    max-width: 400px;
    margin: 0 auto;
    margin-bottom:50px;
}

/* ============================================================================
   FIXED-WIDTH BREAKER OVERRIDES  (AB#7650 Story 1.2)
   ----------------------------------------------------------------------------
   Four elements carry desktop-era fixed pixel widths that overflow the mobile
   viewport below ~600px. At the canonical mobile tier (<=749px, Story 1.1) we
   relax them to fluid widths so reading content does not horizontally scroll
   at 320/375/749px. Desktop (>=750px) keeps the original fixed widths untouched.

     Selector                            Desktop fixed width   Mobile override
     .topnav                             480px                 100%
     #sketchpad                          600px                 100% / auto height region
     .help-screen .seach-box-container   500px                 100%
     .page-login form (.login form)      420px container       100%

   NFR10: no new !important. NFR11: only the canonical <=749px mobile breakpoint.
   ASCII only. The login form is max-width capped (cannot overflow); the width:100%
   here is a defensive fluid override within that existing cap.
   ============================================================================ */
@media (max-width: 749px) {
    .topnav {
        width: 100%;
    }

    #sketchpad {
        width: 100%;
    }

    .help-screen .seach-box-container {
        width: 100%;
    }

    .page-login form {
        width: 100%;
    }
}

/* ============================================================================
   MOBILE TOUCH-TARGET SIZING  (AB#7650 Story 1.4)
   ----------------------------------------------------------------------------
   WCAG 2.5.5 / ground-standards section 5: interactive controls need a min
   44x44px effective hit area on the mobile tier. The Bootstrap .btn default
   (padding 6px 12px) renders at roughly 34px height; .btn-standard variants
   use 4px vertical padding (even shorter). At the canonical mobile tier
   (<=749px, Story 1.1) we raise the effective height to 44px via min-height +
   vertical padding, and give icon-only controls a 44px min square.

     Selector                      Concern              Mobile override
     .btn / .btn-standard          ~24-40px height      min-height:44px + pad
     .btn-help / .btn-change-small icon-only square     44px min square

   NFR10: no new !important. NFR11: only the canonical <=749px mobile breakpoint.
   ASCII only. Desktop (>=750px) rendering is untouched (no layout shift).
   ============================================================================ */
@media (max-width: 749px) {
    .btn,
    .btn-standard {
        min-height: 44px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .btn-help,
    .btn-change-small {
        min-width: 44px;
        min-height: 44px;
    }
}

.label-italic-subnote {
    font-style: italic;
    font-size: 12px;
}

/* ============================================================
   STACKED-CARD TABLE  (AB#7650 Story 1.10 - UX-DR5 / FR6)
   Semantics-preserving responsive table: Roselli / ADG technique.
     - https://adrianroselli.com/2017/11/a-responsive-accessible-table.html
     - https://www.accessibility-developer-guide.com/examples/tables/responsive/
   Scoped to .stacked-card-table only. Every adopter is a hand-written table:
   Profile/Index.cshtml and the four Fortnight entry tables (AB#9548).
   Views/Shared/_StackedCardTable.cshtml emits the class too but has no render
   site anywhere in the repo.
   Merged here from manawanui.stacked-card.css to centralize stylesheet (was a
   separate bundle file).

   At <=749px (canonical mobile ceiling - see breakpoint header above; NEVER 750)
   rows stack into label/value cards. The partial re-adds ARIA roles so the display
   change does NOT strip screen-reader row/column association (SC 1.3.1). The <thead> is
   visually CLIPPED (not display:none) to stay in the accessibility tree; each cell's
   visible label comes from data-label via ::before.
   Print views are exempt (ground-standards section 2.6) - no stacking inside @media print.
   ============================================================ */

/* Desktop base rules apply only to standalone stacked-card tables (read-only
   display, e.g. Views/Shared/_StackedCardTable.cshtml, Profile). The guard means
   that if .stacked-card-table is ever added to a table whose desktop styling is
   owned by a framework, that desktop render stays byte-for-byte unchanged and
   only the <=749px card rules below take effect. Two such owners: Bootstrap
   .table, and Kendo .k-grid-table (AB#9548 - measured on Profile/Index, where
   the base rules otherwise moved the grid's desktop td padding, borders,
   vertical-align and overall table width). A third opt-out, .sc-plain, is for
   a table that already had a settled desktop look of its own before it adopted
   the pattern and must keep it byte-for-byte (AB#9653 - the Historic Pay Rates
   modal, which was a bare borderless table). */
.stacked-card-table:not(.table):not(.k-grid-table):not(.sc-plain) {
    width: 100%;
    border-collapse: collapse;
}

.stacked-card-table:not(.table):not(.k-grid-table):not(.sc-plain) caption {
    text-align: start;
    font-weight: bold;
    padding: 0.5rem 0;
}

.stacked-card-table:not(.table):not(.k-grid-table):not(.sc-plain) th,
.stacked-card-table:not(.table):not(.k-grid-table):not(.sc-plain) td {
    text-align: start;
    padding: 0.5rem 0.75rem;
    border: 0.0625rem solid #ccc;
    vertical-align: top;
    overflow-wrap: break-word;
    word-break: break-word;
}

.stacked-card-table:not(.table):not(.k-grid-table):not(.sc-plain) thead th {
    background: #f2f2f2;
}

/* AB#9548 - per-column help for stacked cards, built by
   buildStackedCardFieldHelp(). Hidden above the mobile ceiling, where the
   header's own help icons are visible and this block would duplicate them. */
.field-help {
    display: none;
}

/* Mobile: stack into label/value cards. Canonical mobile ceiling = 749px. */
@media (max-width: 749px) {

    .stacked-card-table,
    .stacked-card-table tbody,
    .stacked-card-table tr,
    .stacked-card-table td {
        display: block;
        width: 100%;
    }

    /* Visually hide the header row but keep it in the accessibility tree
       (display:none would remove the column semantics). */
    .stacked-card-table thead {
        position: absolute;
        width: 0.0625rem;
        height: 0.0625rem;
        padding: 0;
        margin: -0.0625rem;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
    }

    /* ------------------------------------------------------------
       AB#9653 - card visual design (Graphic Design Review).

       What the review objected to in the shipped cards: every field
       costs two lines, the label is heavier than the value it
       introduces, command columns render as full-height data rows at
       the TOP of the card, and the only thing telling one card from the
       next is Kendo's alt-row stripe. This is the redesign agreed on the
       review page - label and value on one line, quiet label / strong
       value, row actions collected into a footer strip, and a real card
       surface.

       Layout mechanic worth knowing before editing: the row is a
       wrapping flex container whose OWN background (#ededed) shows
       through a 1px row-gap, so the hairline between fields is drawn by
       the gap, not by per-cell borders. That is deliberate. Action cells
       are moved to the foot of the card with `order`, which
       :first-child / :last-child cannot follow - with borders, a card
       whose command column comes first in the DOM ends up with the
       separator in the wrong place and a dangling hairline against its
       own edge. A gap has neither problem.

       Every cell rule is written at three specificities because three
       different owners style these cells:
         .stacked-card-table td                      (0-1-1) hand-written, non-Bootstrap (Profile)
         .stacked-card-table > tbody > tr > td       (0-1-3) beats Bootstrap .table > tbody > tr > td
         .stacked-card-table.k-grid-table > .. > td  (0-2-3) beats Kendo .k-grid .k-table-td (0-2-0)
       Desktop is untouched - the whole block is inside max-width 749px.
       ------------------------------------------------------------ */

    /* Each row becomes a card. */
    .stacked-card-table > tbody > tr,
    .stacked-card-table.k-grid-table > tbody > tr {
        display: flex;
        flex-wrap: wrap;
        row-gap: 1px;
        margin-bottom: 0.75rem;
        padding: 0;
        border: 1px solid #dcdcdc;
        border-radius: 6px;
        /* Shows through the row-gap = the hairline between fields. Set on
           the row rather than per cell so Kendo's .k-alt stripe cannot
           tint alternate cards (measured on Timesheet/List). */
        background: #ededed;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
        overflow: hidden;
    }

    /* Label left, value right, on ONE line. Cuts a six-field card by
       roughly 40% against the two-line layout it replaces. */
    .stacked-card-table td,
    .stacked-card-table > tbody > tr > td,
    .stacked-card-table.k-grid-table > tbody > tr > td {
        display: flex;
        /* Safety net for a cell holding more than one element - a grid column
           template, say. Without it those children compete with the label for
           one line instead of dropping under it. */
        flex-wrap: wrap;
        flex: 0 0 100%;
        justify-content: space-between;
        align-items: baseline;
        gap: 14px;
        box-sizing: border-box;
        margin: 0;
        padding: 7px 12px;
        border: 0;
        background: #fff;
        text-align: right;
        overflow-wrap: break-word;
        word-break: break-word;
        /* Amounts, hours and dates line up down a card list. */
        font-variant-numeric: tabular-nums;
    }

    /* AB#9548 - Kendo forces `box-sizing: content-box` onto grid cells
       (`.k-grid .k-table-td` in kendo.bootstrap-main.css, specificity 0-2-0, which
       outranks even custom-bootstrap's `* { box-sizing: border-box }`). Combined
       with the width:100% above, every card cell rendered ~10px wider than its
       table and put a horizontal scrollbar inside .scroll-telerik-container -
       measured on Statement/_TransactionsDynamics: cell 431.33px in a 423px table.
       Scoped to .k-grid-table so it needs 0-2-3 to win; the hand-written adopters
       never had the problem, they inherit the global border-box. */
    .stacked-card-table.k-grid-table > tbody > tr > td {
        box-sizing: border-box;
    }

    /* AB#9548 - `.grid-scroll-mobile .k-grid { min-width: 650px }` (line ~3370) is the
       AB#7908 deliberate-scroll wrapper: it FORCES a 650px grid so the user can pan a
       wide table sideways. On a screen that has opted into cards that floor is not just
       redundant, it defeats the stacking outright - measured on the Employee/Edit
       Payslips tab, where an EMPTY grid still sat at 650px inside a 440px viewport and
       over-scrolled its wrapper by 337px. Released only inside .grid-stacked-cards, so
       every other .grid-scroll-mobile grid keeps the pan-sideways behaviour it was
       given. Phase 3 already released the equivalent .scroll-telerik-container floor. */
    .grid-stacked-cards .grid-scroll-mobile .k-grid {
        min-width: 0;
    }

    /* Visible inline label, sourced from the column header text.
       Force left alignment so labels stay consistent even when the cell
       carries .text-right / .text-center (AB#7909 - entry cells do).

       The `/ ""` is alt text: it keeps the label on screen but takes it OUT of
       the a11y tree. Without it NVDA read the ::before AND the clipped <th>, so
       every cell announced its column twice (measured). The bare declaration is
       the fallback for browsers that do not support content alt text. */
    /* AB#9653 - the label is what you read PAST to reach the value, so it
       goes quiet (400 / 12.5px / #595959) and the value keeps the body
       colour. This is the inverse of the shipped card, where the label was
       bold and the value regular. #595959 is 7.0:1 on the white card and
       6.7:1 on the grey action strip, against 4.5:1 required at this size.

       flex-basis is shrinkable (0 1 42%) rather than fixed, so a reader
       increasing text spacing re-flows the pair instead of overflowing the
       card (SC 1.4.12). */
    .stacked-card-table td::before {
        content: attr(data-label);
        content: attr(data-label) / "";
        flex: 0 1 42%;
        min-width: 0;
        margin: 0;
        font-weight: 400;
        font-size: 12.5px;
        line-height: 1.45;
        color: #595959;
        text-align: left;
        overflow-wrap: break-word;
    }

    /* Empty data-label (defensive, and how command columns are stamped) -
       don't render a blank label line. */
    .stacked-card-table td[data-label=""]::before {
        display: none;
    }

    /* ------------------------------------------------------------
       AB#9653 - card title. The first cell becomes the thing you scan a
       list by: promoted to a tinted header strip with its own label
       suppressed. Opt-in per table (`sc-titled`), never automatic - on
       several grids the first column is a date, a checkbox or a command,
       and none of those identify a row. Confirmed screen by screen as
       each table is adopted.
       ------------------------------------------------------------ */
    .stacked-card-table.sc-titled td:first-child,
    .stacked-card-table.sc-titled > tbody > tr > td:first-child,
    .stacked-card-table.sc-titled.k-grid-table > tbody > tr > td:first-child {
        display: block;
        padding: 9px 12px;
        background: #faf6f6;
        color: #8f171f;
        font-size: 15.5px;
        font-weight: 700;
        text-align: left;
    }

    .stacked-card-table.sc-titled td:first-child::before {
        display: none;
    }

    /* ------------------------------------------------------------
       AB#9653 - row actions become a footer strip on the card, right
       aligned, instead of another data row with a blank or "Actions"
       label above it.

       `order` puts the strip at the foot of the card even when the view
       renders its command column FIRST, which several grids do
       (Timesheet/List leads with Admin / View / Copy). Mobile only, so
       the desktop column order is untouched.

       On focus order (SC 2.4.3 / 1.3.2): `order` moves a cell visually
       and leaves the DOM alone, so in principle the tab sequence and the
       reading order can disagree. Enumerated across every adopter -
       Budget (3 grids), Employee/List, Statement, Timesheet/List (2),
       Timesheet/Verify, LeaveBalances, Profile, Historic Rates and the
       four Fortnight entry tables - and they do not: every focusable cell
       in a card is itself an action cell, the whole run shares one
       `order` value, and flex preserves DOM order within one value, so
       the tab sequence IS the strip's left-to-right order. The mismatch
       appears only once an adopter puts a focusable control in a DATA
       cell rendered after a command column. If that happens, move the
       command column last in that grid's Razor column definition - do
       NOT reorder the <td>s in stampStackedCardGrid(): cells map to
       columns by index, Kendo's own ARIA and arrow-key model reads that
       index, and reordering cells without the matching <th>s breaks
       SC 1.3.1 at every width, desktop included.
       ------------------------------------------------------------ */
    .stacked-card-table td[data-label=""],
    .stacked-card-table td[data-label="Actions"],
    .stacked-card-table td[data-label="Approved"],
    .stacked-card-table > tbody > tr > td[data-label=""],
    .stacked-card-table > tbody > tr > td[data-label="Actions"],
    .stacked-card-table > tbody > tr > td[data-label="Approved"],
    .stacked-card-table.k-grid-table > tbody > tr > td[data-label=""],
    .stacked-card-table.k-grid-table > tbody > tr > td[data-label="Actions"],
    .stacked-card-table.k-grid-table > tbody > tr > td[data-label="Approved"] {
        order: 1;
        /* Not 0 0 100%: a run of command columns (Timesheet/List ships three -
           Admin, View, Copy) shares ONE strip instead of stacking into three
           full-width bands, and each grows to fill its share so the strip has
           no white gaps in it. A single action cell still takes the whole line,
           which is the common case. The basis must be 0, not auto - the block
           above puts width:100% on every card cell, and flex-basis:auto would
           read that back and wrap each command onto its own line. */
        flex: 1 1 0;
        width: auto;
        justify-content: flex-end;
        align-items: center;
        padding: 2px 8px;
        background: #fafafa;
        text-align: right;
    }

    /* A labelled action cell keeps its label beside the control, not
       stretched across 42% of the strip. */
    .stacked-card-table td[data-label="Actions"]::before,
    .stacked-card-table td[data-label="Approved"]::before {
        flex: 0 0 auto;
        align-self: center;
    }

    /* ------------------------------------------------------------
       AB#7909 - editable-row support (Fortnight Expenses/Payments).
       The base rules above target read-only display cells; entry
       tables put form controls in each card cell. Make every control
       render full-width below its data-label so nothing overflows the
       card at 320/375px. Structure/classes inside <td> are untouched -
       only layout. Desktop unaffected (gated in this 749px block).
       ------------------------------------------------------------ */
    .stacked-card-table td .form-control,
    .stacked-card-table td .c-select,
    .stacked-card-table td select,
    .stacked-card-table td textarea,
    .stacked-card-table td .k-datepicker,
    .stacked-card-table td .k-picker,
    .stacked-card-table td .k-widget {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Delete (fa-remove) and invoice-attach controls: keep visible and
       give a >=44px touch target on their own line within the card.
       Exclude .link-dropdown - it is a decorative empty anchor next to
       the self-managed payee select and must not become a phantom
       44x44 tap zone (AB#7909 T8). */
    /* AB#9653 - SC 2.5.8 Target Size sets 24x24 as the minimum; the shipped
       rule covered links and the delete icon only, so buttons inside a card
       were uncovered. Extended, and kept at 44 rather than dropped to 24. */
    .stacked-card-table td .fa-remove,
    .stacked-card-table td .fa-trash,
    .stacked-card-table td a[href]:not(.link-dropdown),
    .stacked-card-table td button {
        display: inline-block;
        min-width: 44px;
        min-height: 44px;
        line-height: 44px;
    }

    /* A checkbox is not a link: 44px here inflates the control itself rather
       than its hit area (custom-bootstrap draws the tick from a background
       image, which scales with the box - measured at 44px it renders as a
       thumbnail-sized tick). Held at the 24x24 SC 2.5.8 minimum instead, with
       the surrounding cell padding supplying the spacing around it. */
    .stacked-card-table td input[type="checkbox"],
    .stacked-card-table td input[type="radio"] {
        min-width: 24px;
        min-height: 24px;
        margin: 4px 0;
        vertical-align: middle;
    }

    /* SC 2.4.7 - the card surface is lighter than the page, so the default
       UA focus ring is easy to lose against it. */
    .stacked-card-table td a:focus-visible,
    .stacked-card-table td button:focus-visible,
    .stacked-card-table td .form-control:focus-visible,
    .stacked-card-table td select:focus-visible {
        outline: 2px solid #8f171f;
        outline-offset: 2px;
    }

    /* Keep the decorative empty payee link out of the tap flow entirely. */
    .stacked-card-table td a.link-dropdown:empty {
        display: none;
    }

    /* AB#9653 - Kendo tints alternate rows, which on a card list reads as
       two different card styles rather than as striping. The card surface
       is set on the cells (0-2-3 above beats .scroll-telerik-container
       .k-alt td at 0-2-1); this puts the row itself back to the divider
       colour so the stripe cannot leak through the row-gap either. */
    .stacked-card-table.k-grid-table > tbody > tr.k-alt,
    .stacked-card-table.k-grid-table > tbody > tr.k-table-alt-row {
        background: #ededed;
    }

    /* ------------------------------------------------------------
       AB#7909 T6 - the four entry tables sit inside
       .table-block--employees / .table-container, which pin their
       <table> to min-width:1270px and width:1240px so the desktop
       time-matrix scrolls horizontally. Those selectors outrank the
       card rules above, so a card table would still be forced 1270px
       wide (= page-level horizontal scroll). Neutralise them for
       stacked-card tables only: let each card table shrink to the
       viewport and stack. The time matrix (no .stacked-card-table)
       keeps its contained horizontal scroll unchanged.
       ------------------------------------------------------------ */
    .table-block--employees table.stacked-card-table,
    .table-container table.stacked-card-table {
        min-width: 0;
        width: 100%;
    }

    /* AB#9653 - with the table released to the viewport the wrapper has nothing
       left to scroll, but `overflow-x: scroll` (manawanui-base.css:316) draws
       its bar regardless, and a permanent scrollbar under a card list reads as
       a broken component. Named wrappers only: these two hold the four entry
       card tables, while the bare .table-container around the desktop time
       matrix keeps the contained horizontal scroll it needs. */
    .table-block--employees .table-container--expenses,
    .table-block--employees .table-container--payments {
        overflow-x: auto;
    }

    /* Entry tables opt OUT of the one-line label/value layout: a form
       control needs the full width of the card, so the label goes back
       above it (AB#9653 keeps "beside by default, above for form fields").
       Space ABOVE a label must exceed the space below it, or the label
       reads as belonging to the field above rather than to its own
       (AB#9548). */
    .table-block--employees .stacked-card-table > tbody > tr > td {
        display: block;
        height: auto;
        vertical-align: top;
        padding: 13px 12px 6px;
        text-align: left;
    }

    .table-block--employees .stacked-card-table > tbody > tr > td::before {
        display: block;
        flex: none;
        margin: 0 0 4px;
        font-size: 12px;
        line-height: 1.3;
    }

    /* The delete and Approved cells are ONE action footer for the card, not
       one grey band each - the row-gap hairline separates them from the
       fields above, so no border of their own. */
    .table-block--employees .stacked-card-table > tbody > tr > td[data-label=""],
    .table-block--employees .stacked-card-table > tbody > tr > td[data-label="Approved"] {
        text-align: right;
        background: #fafafa;
        padding: 5px 8px;
    }

    /* Keep the Approved label on the strip beside its tick, not above it. */
    .table-block--employees .stacked-card-table > tbody > tr > td[data-label="Approved"]::before {
        display: inline-block;
        margin: 0 8px 0 0;
        vertical-align: middle;
    }

    /* ------------------------------------------------------------
       AB#9548 - the clipped <thead> keeps column semantics for AT, but its
       help buttons became focusable-with-invisible-focus once rows stack
       (SC 2.4.11). Hiding them alone would lose 106-218 chars of guidance
       per column at narrow widths (SC 1.4.10 "loss of information"), so the
       help is re-surfaced ONCE PER COLUMN here first - per-cell would mean
       one identical control per row - and only then taken out of the header.
       ------------------------------------------------------------ */
    .field-help {
        display: block;
        margin: 0 15px 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        background: #fff;
    }

    .field-help__summary {
        display: block;
        padding: 12px;
        min-height: 44px;
        font-weight: bold;
        cursor: pointer;
    }

    .field-help__list {
        margin: 0;
        padding: 0 12px 12px;
    }

    .field-help__list dt {
        margin-top: 10px;
        font-weight: bold;
    }

    .field-help__list dd {
        margin: 2px 0 0;
    }

    /* Now reachable above, so remove the clipped duplicates from the tab order. */
    .stacked-card-table thead .btn-help {
        display: none;
    }
}

/* ============================================================================
   STATEMENT SUMMARY MOBILE OVERRIDES  (AB#7906)
   ----------------------------------------------------------------------------
   Prevent horizontal page overflow on the Statement summary view (_IndexDynamics)
   at the canonical mobile tier (<=749px). Scoped to statement-specific elements
   only. Desktop layout (>=750px) is unchanged.
   ============================================================================ */
@media (max-width: 749px) {
    .statement-front-top-left-table td {
        width: 100%;
        overflow-wrap: break-word;
    }

    .statement-front-red-box,
    .statement-front-white-box {
        width: 100%;
        box-sizing: border-box;
    }

    .statement-front-table table {
        width: 100%;
    }

    .statement-front-table td {
        overflow-wrap: break-word;
    }

    /* Safety net: hide arrow-box at narrow viewports when UA detection misses (e.g. desktop browser resized). */
    .arrow-box-wrapper {
        display: none;
    }

    /* Statement action buttons: .stmt-btn-unit (each button+tooltip pair) becomes one flex item. */
    .statement-table-balances ~ .row .form-group.text-center,
    .statement-action-buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    /* Warning block: base CSS has display:inline-block + padding-left:100px (for
       the absolute-positioned .fa icon on desktop). On mobile we collapse to a
       centred block: drop the padding, make .fa static so it flows inline. */
    .statement-front-warning {
        display: block;
        padding-left: 0;
        text-align: center;
    }
    .statement-front-warning .fa {
        position: static;
    }
    .statement-front-warning strong {
        display: block;
        margin-top: 8px;
    }
    .statement-front-warning .warning-blurb {
        display: block;
        margin-top: 8px;
    }
}

/* ============================================================
   EMPLOYEE LIST MOBILE  (AB#7907)
   Supports the responsive Employees & Payees grid
   (Views/Employee/List.cshtml), which now hides its secondary
   columns below 750px via KendoHelper.HideBelowDesktop().

   Everything is scoped to the page hook `.employee-mobile-page`
   (set on the outer .page-content of that view) and to the
   canonical mobile tier (<=749px - see the breakpoint header at
   the top of this file). Per-screen scoping follows the AB#7909
   `.table-container--expenses` precedent and the ground-standards
   incremental-adoption rule: other grids pick these up when they
   are next touched. AB#9548 T3 has since PROMOTED two of these rules
   portal-wide (the pager wrap and the 650px floor release), so that
   sentence no longer holds for those two - what stays scoped here is
   the touch-target work.
   Desktop (>=750px) is untouched. NFR10: no new !important -
   selector specificity alone does the work.
   ============================================================ */
@media (max-width: 749px) {

    /* ------------------------------------------------------------
       1. Row action links need a 44x44px touch target (WCAG 2.5.5,
       ground-standards section 2 item 4).

       The touch-target block earlier in this file covers .btn /
       .btn-standard / .btn-help / .btn-change-small, but .grid-link
       is a plain inline anchor in a grid cell (~19px tall), so a
       fingertip can easily hit the neighbouring row. Same
       inline-block + 44px treatment the stacked-card cells use.
       ------------------------------------------------------------ */
    .employee-mobile-page .k-grid td .grid-link {
        display: inline-block;
        min-width: 44px;
        min-height: 44px;
        line-height: 44px;
    }

    /* ------------------------------------------------------------
       2. Header action links ("Add Employee/Payee", "Resend
       Payslips", "Leave Balances") get the same 44px height so they
       are comfortable to tap once the header stacks. Bootstrap 3
       already stacks .col-sm-* below 768px, so no layout work needed.
       ------------------------------------------------------------ */
    .employee-mobile-page .form__header .link {
        display: inline-block;
        min-height: 44px;
        line-height: 44px;
    }

}

/* ------------------------------------------------------------------
   AB#9548 T6.2: the Kendo pager is a SINGLE tab stop (roving tabindex -
   the buttons are tabindex="-1" and arrow keys move between them), and
   Kendo's only focus indicator for it is an 8%-black inset shadow that
   measures 1.20:1 against the #f8f9fa pager ground - below the 3:1 that
   SC 2.4.11 asks for, and not perceivable in practice. Outline rather
   than border/shadow so nothing reflows, drawn inside (negative offset)
   so an overflow:auto grid container cannot clip it. Kendo's own inset
   shadow is left in place. Portal-wide on purpose: T5.3 put pagers on
   seven more grids, but the four that shipped earlier need this too.
   ------------------------------------------------------------------ */
.k-pager:focus {
    outline: 2px solid #8F171F;
    outline-offset: -2px;
}

/* ============================================================================
   AB#9653 - Timesheet List mobile header polish (graphic design review).
   Four defects raised against the shipped card redesign, all in the header
   band above the first card. Mobile only - desktop (>=750px) keeps every rule
   it had. NFR10: no new !important. NFR11: the canonical <=749px breakpoint.
   ASCII only.
   ============================================================================ */
@media (max-width: 749px) {

    /* ------------------------------------------------------------
       1. The "Timesheets" sub-heading just repeats the "Timesheet
       List" H1 directly above it, so it goes away below 750px.
       display:none, not the .sr-only clip: the h2 carries
       tabindex="20" (this codebase uses positive tabindex for
       reading order), and the calendar link below carries the same
       20, so a clipped-but-focusable h2 sits BETWEEN the H1 and a
       calendar icon that item 2 moves up into the title band -
       focus would run down, back up, then down again (SC 2.4.3).
       Taking it out of the tab order removes that, and leaves the
       mobile sequence as calendar -> create link -> help, which is
       exactly the visual order.
       Nothing is lost to SC 1.3.1 by this: the heading is not shown
       at this width, and the h1 immediately above carries the same
       words. Applied to the .info wrapper so its mobile
       padding-bottom goes with it.
       Only the static heading carries the class - the staff-role
       variant of the same text is the collapse toggle for the list,
       and stays visible.
       ------------------------------------------------------------ */
    .header-subtitle {
        display: none;
    }

    /* ------------------------------------------------------------
       2. The paycycle-calendar download owned a whole centred line
       of its own. Lifted out of flow to sit level with the H1 at the
       top right. .has-floating-cal is the offset parent, and absolute
       positioning resolves against its PADDING box, so both offsets
       are measured from the white panel's edge:
         top 30px  = .standalone-header's 20px padding-top + the h1's
                     20px margin-top + half the 24px line box - half
                     the 44px target, i.e. centred on the title's
                     first line. Anchoring to the panel rather than to
                     the row below keeps it there even if the title or
                     the row beneath it reflows.
         right 19px = the Bootstrap column's content edge, so the icon
                     shares a right edge with the help button below it
                     whenever the create link fills the row (the
                     panel's own mobile padding is 2px, the column
                     gutter 15px, and the row is inset a further 2px).
       The h1's padding-right reserves the icon's lane so a long title
       can never run under it. The 44px pair is SC 2.5.8 - today the
       link is a bare 20px glyph, and we are restyling it anyway.
       ------------------------------------------------------------ */
    .has-floating-cal {
        position: relative;
    }

    .has-floating-cal .paycycle-cal {
        position: absolute;
        top: 30px;
        right: 19px;
        width: auto;
        padding: 0;
    }

    .has-floating-cal .paycycle-cal .info {
        padding-bottom: 0;
    }

    .has-floating-cal .paycycle-cal a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        min-height: 44px;
    }

    .has-floating-cal .standalone-header h1 {
        padding-right: 54px;
    }

    /* ------------------------------------------------------------
       3. The help button was dropping below the create link. Not
       simply "the link is long": .btn-help is held at 44px square
       (AB#7906, ~line 4053) plus 5px margins either side, so it
       needs 54px that a full-width link has already spent.
       Flex rather than a smaller font - the link becomes a
       shrinkable item and wraps its own text, which holds at 320px
       and across all four text variants (Create Expenses / Create
       Timesheet, with and without "& Pay Third Party Providers")
       instead of depending on a measured width.
       ------------------------------------------------------------ */
    .header-action {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .header-action > .link {
        flex: 0 1 auto;
        min-width: 0;
    }

    .header-action > .btn-help {
        flex: 0 0 auto;
        margin: 0;
    }

    /* ------------------------------------------------------------
       4. Each card's 1px border sat directly on the Kendo grid
       container's own, reading as one doubled line. The card owns
       the frame in this pattern, so the container gives it up.
       Kendo's .k-grid (kendo.bootstrap-main.css, 0-1-0) loses to
       .grid-stacked-cards .k-grid (0-2-0), so no !important.
       Left alone deliberately: .scroll-telerik-container .k-grid
       still reserves 2px via width:calc(100% - 2px)!important for
       the border that is now gone. Answering an !important with
       another one is what NFR10 forbids, and 2px is not
       perceivable at this size.
       ------------------------------------------------------------ */
    .grid-stacked-cards .k-grid {
        border-width: 0;
    }

}

/* ============================================================
   TIMESHEET ENTRY MOBILE  (AB#9713)
   Supports the Time matrix on Views/Timesheet/Fortnight.cshtml - the ONE
   Fortnight table AB#9548 left on the desktop 16-column layout, because a
   14-day matrix does not stack into one field per day. It now becomes one
   card per timesheet line with the 14 day cells as a 7-column grid, so each
   grid row is one week.

   The card layout and the .form-control/.c-select colour work are scoped to
   `.table-block--employees .time-card-table` and to the canonical mobile tier
   (<=749px), because above the ceiling those two are deliberately borderless
   (manawanui-base.css:1487 and :1513 set border:0, with the table cell borders
   carrying the structure) - recolouring desktop there would be a redesign.

   The Kendo rule immediately below is the ONE exception and is NOT gated; see
   its own note for why.
   NFR10: no !important - selector specificity alone does the work.
   ============================================================ */

/* ------------------------------------------------------------
   AC-2, the Kendo half - ALL widths, deliberately.

   The four `Html.Kendo().DatePicker()` date cells on Fortnight and the
   `clientFilter` ComboBox on List are textboxes in this flow too, but they
   are Kendo widgets, so the `.form-control` / `.c-select` rules below never
   reach them. Measured: DatePicker `#eaeaea` = 1.20:1, ComboBox `#ced4da` =
   1.49:1, both against SC 1.4.11's 3:1 floor for control borders.

   Unlike `.form-control`, these are NOT deliberately borderless on desktop -
   `manawanui-base.css` zeroes the legacy `.k-picker-wrap`, which Kendo 2023.3
   no longer emits, so the failing border is painted at every width. Gating
   this to mobile would leave the same failure on desktop, so it is ungated:
   a colour correction to a visible border, not a layout change.

   `border-color` only - Kendo's own width, style and radius are left alone.
   Both wrapper classes are listed because 2023.3 uses `.k-input` for input
   widgets and `.k-picker` for pickers, and which one a given widget emits is
   not verifiable without the live Kendo script.

   Scoped by the `.timesheet-flow-page` hook on Fortnight/Verify/List
   (Q2: timesheet flow only). Per-screen scoping follows the AB#7907
   `.employee-mobile-page` precedent - `.grid-stacked-cards` was unusable here
   because nine views across Budget/Employee/Profile/Statement share it.
   ------------------------------------------------------------ */
.timesheet-flow-page .k-input,
.timesheet-flow-page .k-picker {
    border-color: #767676;
}

@media (max-width: 749px) {

    /* ------------------------------------------------------------
       0. AC-3 - the page header label is the ONLY thing that scrolls the
       page sideways at the 320px reflow floor.

       `.page-header .dropdown-toggle-highlight` is `white-space: nowrap`
       (manawanui-base.css:864). Verify's label reads "Fortnight Ending 27
       December 2026" = 324px, which pushes `.dropdown-single` to 344px inside
       a 290px `.dropdown`; every ancestor is `overflow: visible`, so it
       escapes to the document - scrollWidth 353 against clientWidth 320.

       Established by experiment on the running page, not by inference: letting
       this one label wrap takes the document to exactly 320px, while hiding
       the `.announcement` banner - 352.67px wide and the obvious suspect -
       changes nothing, because it is `position: fixed` and so contributes no
       scrollable overflow. Fortnight escapes only because its own label is the
       shorter "27 December 2026" (168px).

       Same specificity as the base rule, and manawanui.css loads after
       manawanui-base.css, so no !important is needed (NFR10).

       Scoped to the flow per Q2. The same latent overflow sits behind
       Budget/Index, Statement/Index and the two EglAccount views, which use
       the same base rule with text that happens to be shorter today.
       ------------------------------------------------------------ */
    .timesheet-flow-page .dropdown-toggle-highlight {
        white-space: normal;
    }

    /* ------------------------------------------------------------
       0b. AC-1 - the action links are 17px tall, so "Add Time" - the control
       that STARTS a time entry on this screen - is under the 24px target
       floor AC-1 names (SC 2.5.8). axe stays quiet because its target-size
       rule exempts links sitting inline in a text block.

       line-height rather than padding, and inline-block rather than
       inline-flex: flex would drop the whitespace between the `fa-plus`
       icon and the label and render "+Add Time". Checked all seven `a.link`
       in the flow - none sit mid-sentence, so giving them a real box costs
       no text flow.

       px, not rem, on purpose: this portal sets `html { font-size: 10px }`,
       so 1rem is 10px here and a rem figure would silently under-shoot the
       threshold. SC 2.5.8's 24 is defined in CSS px, so say px.

       The margin is not cosmetic. SC 2.5.8 also passes an undersized target
       that has 24px of clear space, and the 15px `Audit Log` link relied on
       exactly that: growing its neighbour alone cut its safe clickable
       diameter to 22px and made axe fail it. 4px restores the clearance, so
       this fixes one target without breaking another's exemption.
       ------------------------------------------------------------ */
    .timesheet-flow-page a.link {
        display: inline-block;
        min-height: 24px;
        line-height: 24px;
        margin-top: 4px;
        margin-bottom: 4px;
    }

    /* ------------------------------------------------------------
       1. AC-2 - one accessible border colour for the whole entry flow.
       `.form-control` ships #eaeaea (1.20:1 on white) from
       custom-bootstrap.css:2321 while `.c-select` uses #333 (12.63:1), so
       two controls sitting side by side in the same card disagreed by 10x
       and the textbox read as having no border at all. #767676 is the
       ground-standards palette's muted/disabled grey (4.54:1) and clears
       SC 1.4.11's 3:1 floor for control borders with margin.

       This reaches the four AB#9548 card tables too - they share
       `.table-block--employees` - which is the point: one colour across
       the flow, per AC-2.
       ------------------------------------------------------------ */
    .table-block--employees .form-control,
    .table-block--employees .c-select {
        border: 1px solid #767676;
    }

    /* Focus must stay visible against the darker resting border (SC 2.4.11). */
    .table-block--employees .form-control:focus,
    .table-block--employees .c-select:focus {
        border-color: #2b6cb0;
        box-shadow: 0 0 0 2px rgba(43, 108, 176, .35);
    }

    /* Disabled cells keep the same border - a disabled day is still a cell
       boundary the user needs to see - and say "disabled" via the fill. */
    .table-block--employees .form-control[disabled],
    .table-block--employees .c-select[disabled] {
        border-color: #767676;
        background-color: #efefef;
        color: #3a3a3a;
    }

    /* ------------------------------------------------------------
       2. AC-3 - the page-level horizontal scroll.
       `body` computes to display:flex, so `.container` is a flex item whose
       default min-width:auto refuses to shrink below its min-content width.
       The Time matrix set that at 1708px, so the container was PUSHED to
       1716px at a 375px viewport and `.table-container`'s overflow-x:scroll
       never got the chance to clip - the whole page scrolled sideways
       instead of just the matrix. min-width:0 lets the flex item shrink.

       Scoped to the flow hook: `.container.white-page-container` appears in
       116 views, and unscoped this rule changed the mobile layout of all of
       them. The container sits INSIDE `.page-content` on all three flow
       screens, so a descendant selector reaches it with no Razor change.
       ------------------------------------------------------------ */
    .timesheet-flow-page .container.white-page-container {
        min-width: 0;
    }

    /* ------------------------------------------------------------
       3. Release the desktop width pins for this table only, exactly as
       AB#7909 T6 did for the four card tables (see the block above):
       `.table-block--employees .table` pins min-width:1270px and
       `.table-container table` sets width:1240px, both of which outrank the
       card rules. The wrapper then has nothing left to scroll, so its
       permanent scrollbar goes too.
       ------------------------------------------------------------ */
    .table-block--employees table.time-card-table {
        min-width: 0;
        width: 100%;
    }

    .table-block--employees .table-container--time {
        overflow-x: visible;
    }

    /* ------------------------------------------------------------
       4. Card layout. The <tr> becomes a 7-column grid: the two selects and
       the action cells span the full width, and the 14 day cells auto-place
       into 7 columns, which lands them as exactly two rows - one per week -
       with no restructuring of the 16-column markup.

       The row's OWN background shows through a 1px gap, so the hairline
       between fields is drawn by the gap rather than per-cell borders - the
       AB#9653 mechanic, which survives cells being reordered by `order` or
       `grid-column` where :first-child/:last-child cannot.
       ------------------------------------------------------------ */
    .table-block--employees .time-card-table,
    .table-block--employees .time-card-table tbody {
        display: block;
        width: 100%;
    }

    /* <thead> is CLIPPED, not display:none, so the column semantics stay in
       the accessibility tree (SC 1.3.1) - same as the card tables above. */
    .table-block--employees .time-card-table thead {
        position: absolute;
        width: 0.0625rem;
        height: 0.0625rem;
        padding: 0;
        margin: -0.0625rem;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
    }

    .table-block--employees .time-card-table > tbody > tr {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 1px;
        background: #ededed;
        border: 1px solid #d4d4d4;
        margin: 0 0 14px;
        padding: 0;
    }

    .table-block--employees .time-card-table > tbody > tr > td {
        display: block;
        height: auto;
        vertical-align: top;
        background: #fff;
        border: 0;
        padding: 10px 12px 8px;
        text-align: left;
    }

    /* Alt text "" keeps the visual label out of the a11y tree, because the
       clipped <thead> already announces the column - without it NVDA reads
       the label twice per cell. Two declarations: the first is the fallback
       for engines without the alt-text syntax (matches .stacked-card-table). */
    .table-block--employees .time-card-table > tbody > tr > td::before {
        content: attr(data-label);
        content: attr(data-label) / "";
        display: block;
        margin: 0 0 4px;
        font-size: 12px;
        line-height: 1.3;
        color: #595959;
    }

    /* ---- the two dropdowns: full card width, label above the field
       (AB#9653 - "beside by default, above for form fields"). The 44px
       right padding manawanui-base.css:1485 reserves for the arrow left
       only 2px of text space in a 56px control, which is why the option
       text was invisible and only the chevron showed. ---- */
    .table-block--employees .time-card-table > tbody > tr > td.td-select {
        grid-column: 1 / -1;
    }

    .table-block--employees .time-card-table td.td-select .c-select {
        width: 100%;
        max-width: 100%;
        height: 44px;
        padding-left: 10px;
        padding-right: 34px;
        background-position: right 10px center;
    }

    /* ---- the 14 day cells ---- */
    .table-block--employees .time-card-table > tbody > tr > td.timeline__hour {
        width: auto;
        padding: 6px 3px 8px;
        text-align: center;
        color: inherit;
    }

    /* Day name over date, both from data attributes so the visible label
       stays short enough for a ~43px cell at the 320px reflow floor. Alt
       text "" as above - here the input's own aria-label already gives the
       full date, so announcing the short form too would be a third reading. */
    .table-block--employees .time-card-table > tbody > tr > td.timeline__hour::before {
        content: attr(data-label) "\A" attr(data-day);
        content: attr(data-label) "\A" attr(data-day) / "";
        white-space: pre-line;
        margin: 0 0 3px;
        font-size: 11px;
        line-height: 1.15;
    }

    .table-block--employees .time-card-table td.timeline__hour .form-control {
        width: 100%;
        min-width: 0;
        height: 40px;
        padding: 6px 2px;
        text-align: center;
        font-size: 15px;
    }

    /* Weekend tint for orientation. Driven by data-weekend from
       date.DayOfWeek, not by nth-child - the fortnight's first day is not
       guaranteed to be a Monday. */
    .table-block--employees .time-card-table > tbody > tr > td.timeline__hour[data-weekend="true"] {
        background: #f7f7f7;
    }

    /* ---- the delete and Approved cells are ONE action footer for the card,
       not one band each; the row-gap hairline already separates them from
       the fields above (AB#9653). They therefore SHARE a grid row - delete
       on the left of the strip, Approved on the right - which is why each
       takes a partial span rather than 1/-1. When ShowTPP is false the
       delete cell is the row's last child and takes the whole strip. ---- */
    .table-block--employees .time-card-table > tbody > tr > td[data-label=""],
    .table-block--employees .time-card-table > tbody > tr > td[data-label="Approved"] {
        background: #fafafa;
        padding: 5px 8px;
    }

    .table-block--employees .time-card-table > tbody > tr > td[data-label=""] {
        grid-column: 1 / 4;
        text-align: left;
    }

    /* ShowTPP false: delete is the row's last child and owns the whole strip. */
    .table-block--employees .time-card-table > tbody > tr > td[data-label=""]:last-child {
        grid-column: 1 / -1;
        text-align: right;
    }

    .table-block--employees .time-card-table > tbody > tr > td[data-label="Approved"] {
        grid-column: 4 / -1;
        text-align: right;
    }

    /* The approval tick carries .form-control, so Bootstrap's
       display:block/width:100% stretched it to 349x13px inside the wide card
       cell - unhittable, and under the 24px minimum (SC 2.5.8). */
    .table-block--employees .time-card-table td[data-label="Approved"] .approval-checkbox {
        display: inline-block;
        width: 24px;
        min-width: 24px;
        height: 24px;
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }

    .table-block--employees .time-card-table > tbody > tr > td[data-label=""]::before {
        display: none;
    }

    /* Keep the Approved label beside its tick, not above it. */
    .table-block--employees .time-card-table > tbody > tr > td[data-label="Approved"]::before {
        display: inline-block;
        margin: 0 8px 0 0;
        vertical-align: middle;
    }

    /* Row action needs a 44x44px target (SC 2.5.5) - it is a bare inline
       anchor, same treatment as the card tables and the employee grid. */
    .table-block--employees .time-card-table td[data-label=""] .fa-remove {
        display: inline-block;
        min-width: 44px;
        min-height: 44px;
        line-height: 44px;
        text-align: center;
    }

}

/* ============================================================================
   TIMESHEET ENTRY MOBILE - PR #1885 REVIEW FEEDBACK  (AB#9713)
   ----------------------------------------------------------------------------
   Two follow-ups from Andrew on the mobile Fortnight screen.

   The heading rule carries the `.timesheet-flow-page` hook plus
   `.table-block--employees`, for the same reason the first round was rescoped
   mid-review: `.form__header h2` is portal-wide. The footer link needs no hook -
   `.timesheet-add-footer` is a class this ticket introduces and only this ticket
   emits, so the class IS the scope.

   NFR10: no !important. NFR11: only the canonical <=749px mobile breakpoint.
   ASCII only. Desktop (>=750px) rendering is untouched.
   ============================================================================ */

/* The second "Add ..." link under each entry table is a mobile affordance only.
   On desktop the header link is always in view, so a duplicate there would be a
   second tab stop with an identical accessible name and nothing gained. Declared
   OUTSIDE the media block and BEFORE it: same specificity as the override below,
   so source order is what decides. */
.timesheet-add-footer {
    display: none;
}

@media (max-width: 749px) {

      .table-block--employees .table-container {
          margin-bottom: 0px;    
      }

      .table-block--employees .table-container table {
          margin-bottom: 0px;
      } 

    /* ------------------------------------------------------------
       Section headings. `.form__header h2` is 14px (manawanui.css:3084) - the
       same size as the body copy under it and smaller than the page-header
       label - so on a phone "Time" and "Expenses" did not read as headings at
       all, they read as one more line of text above a form. 20px puts them
       back in the hierarchy: page h1 22px > section h2 20px > page-header
       label 18px > body 14px.

       px, not rem, deliberately: this portal sets `html { font-size: 10px }`,
       so `2rem` here is 20px and `1.25rem` would be 12.5px - a figure written
       against a 16px root silently under-shoots by 37%. Saying px removes the
       trap for the next reader.

       Both halves of the selector earn their place.

       `h2.form__heading` rather than `h2`, because List.cshtml's `h2.active` also
       sits in a `.form__header` - it is the collapse toggle for the timesheet list,
       a control rather than a section heading, and not part of what was raised.

       `:not(.form__heading--prose)`, because `h2.form__heading` is ALSO the tag two
       places wrap FREE TEXT in: Verify.cshtml's admin approval blurb and
       Fortnight.cshtml's Claim Id / Status / Customer Visible Status stack. Those
       are paragraphs in a heading tag - historic markup, flagged rather than
       rewritten here - and 20px turns them into a wall on a phone. The two are
       marked at source, so a new section heading is 20px by default and only a new
       prose-in-an-h2 has to opt out. That is the right way round: the opt-out is
       the exception, and it is visible in the view rather than encoded as a
       structural guess in a selector here.
       ------------------------------------------------------------ */
    .timesheet-flow-page .form__header h2.form__heading:not(.form__heading--prose) {
        font-size: 20px;
        line-height: 26px;
    }

    /* ------------------------------------------------------------
       The repeated "Add Time" / "Add Expense" link under the table.

       One time line is a whole card at this tier, so on a claim with a few
       lines the header link is several screens above the point where the user
       finishes entering and wants the next line. The header link is kept
       (it is the only thing on screen on an empty claim); this is the second
       one, per the "you may need two links" note on the ticket.

       Sizing matches the header links: `.timesheet-flow-page a.link` above
       already gives every link in the flow a 24px box plus 4px clearance
       (SC 2.5.8), and this one inherits that rule - nothing to repeat here.
       ------------------------------------------------------------ */
    .timesheet-add-footer {
        display: block;
        padding: 0px 6px 10px;
    }

    /* Bootstrap's 15px column gutter would indent this link 15px further than
       the header link it repeats - that one sits on the 6px padding
       `.table-block--employees .form__header > div` sets. The 6px above is the
       whole inset; the column adds nothing. */
    .timesheet-add-footer > div {
        padding-left: 0;
        padding-right: 0;
    }

    /* ------------------------------------------------------------
       The header "Add ..." link, hidden at this tier.

       Second round of the same feedback: with the footer link in place the
       header one is a duplicate that costs a whole stacked row - heading,
       then a blank spacer column, then the link - before any data is on
       screen. Its column carries nothing else, so the row collapses to the
       heading alone.

       display:none rather than a float beside the heading. A float has to fit
       a 20px heading, its 44x44 help bubble, "Pay Third Party Provider" and a
       second 44x44 bubble on one 320px line - it cannot, so it either wraps
       (the gap returns) or crowds two targets together, against SC 2.5.8, and
       enlarging text to 200% (SC 1.4.4) only tightens it further. display:none
       leaves the accessibility tree and the tab order with nothing to trip
       over: 30 (heading) -> 35 (row fields) -> 36 (footer link), and a screen
       reader hears one "Add Time" per section instead of two.

       The button's own help text is NOT lost with it - it is emitted on the
       footer link too, and that link is display:none from 750px up, so
       exactly one of the pair is live at any width.
       ------------------------------------------------------------ */
    .timesheet-add-header {
        display: none;
    }

    /* ------------------------------------------------------------
       What is left of the heading row once the link column is gone. Measured at
       375px it was still 110px tall for one word: 30px of `.form__header`
       padding, 12px of column padding, 10px under the h2 from
       `.white-page-container h2`, and 12px of an EMPTY column - the one that
       holds the public-holiday blurb when there is one. Trimming those puts the
       row at 58px.

       `.table-block--employees` is used by Fortnight.cshtml and nothing else in
       the portal, so this reaches the five entry sections and stops there -
       Verify and List keep the standard header spacing.

       Only the vertical padding is touched. The 6px left inset stays: it is what
       the heading and the footer link align to.
       ------------------------------------------------------------ */
    .table-block--employees .form__header {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .table-block--employees .form__header > div {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* `.white-page-container h2` (0-1-1) adds 10px under every h2 on the page.
       This wins on specificity (0-3-1) rather than !important, per NFR10. */
    .table-block--employees .form__header h2.form__heading {
        padding-bottom: 0;
    }

    /* Zeroing the column padding above is what collapses the empty middle column,
       but that column is not always empty - it carries the public-holiday blurb,
       which then butts straight against the heading. Space it from the blurb
       itself, so the empty case stays at 0. */
    .table-block--employees .form__header .public-holiday-blurb {
        margin-top: 8px;
    }
}

.header .header-tel, .header .header-email {
    display: block
}

@media (min-width:768px) {
    .header .header-tel, .header .header-email {
        display: inline-block
    }

    .header .footer-social {
        margin-top: 50px
    }
}

.header-email a {
    color:#000000;
}

.header-tel a {
    color: #000000;
}

.header-meta {
    margin-bottom: 10px
}

.header-tel {
    padding-right: 30px;
    display: inline-block
}

.footer-nav {
    padding-left: 0;
    margin-top: 20px
}

@media (min-width:768px) {
    .footer-nav {
        margin-top: 0
    }
}

.footer-nav li {
    display: inline-block
}

    .footer-nav li + li {
        margin-left: 20px
    }

.row-nav {
    text-align: center;
    padding-top: 25px
}

    .row-nav a {
        display: block;
        background-color: #333;
        color: #fff;
        padding: 6px 14px;
        margin-bottom: 10px
    }

@media (min-width:768px) {
    .row-nav a {
        display: inline-block
    }
}

@media (min-width:768px) {
    .row-nav a + a {
        margin-left: 50px
    }
}

.onboarding-progress {
    width: 200px;
    text-align:center;
    border-radius:4px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
}

.row-progress .step-progress {
    display: block;
    width: 150px;
    height: 20px;
    border: 1px solid #333;
    overflow: hidden;
    margin-top: 15px;
    border-radius:8px;
}

.onboarding-progress-percent {
    position: absolute;
    top: 0px;
    left: 6px;
    color: #FFFFFF;
    font-weight: bold;
}

.onboarding-progress-percent-small {
    position: absolute;
    top: 1px;
    right: 80px;
    color: #000000;
    font-weight: bold;
}

.row-progress .step-progress .bar {
    background-color: #911a1d;
    height: 100%;
    display: inline-block;
    color: #fff;
    line-height: 20px;
    text-align: right;
    float: left
}

.row-progress .step-progress .count {
    float: left;
    height: 100%;
    font-weight:bold;
    display: inline-block;
    line-height: 20px;
    padding-left: 4px
}

.progress-bar {
    background-color: #333333;
}


.row-need-help {
    background-color: #eee;
    padding: 15px;
    margin-top: 25px;
    margin-bottom: 25px
}

    .row-need-help h2 {
        color: #8f171f
    }

.centered-block-inner {
    text-align: left;
    display: inline-block;
    margin: 0 auto;
    padding: 15px
}

.step-hear-about h2 {
    margin-bottom: 20px
}

.step-hear-about .c-checkbox__wrapper {
    margin-bottom: 15px
}

.onboarding-container .text-congratulations {
    max-width: 580px;
    width: 90%;
    padding-top: 60px;
    display: block;
    margin: 0 auto;
    text-align: center
}

.onboarding-container .your-exp {
    padding-top: 25px;
    padding-bottom: 15px
}

.onboarding-container .face-rating {
    text-align: left;
}

    .onboarding-container .face-rating [data-rating] {
        background: url(/Images/faces.png) no-repeat;
        background-size: auto 50px;
        width: 50px;
        height: 50px;
        border: 0;
        text-indent: -9999px;
        opacity:0.5;
        
    }

    .onboarding-container .face-rating .selected {     
        opacity: 1;
    }

    .onboarding-container .face-rating [data-rating="5"] {
        background-position: -208px 0
    }

    .onboarding-container .face-rating [data-rating="4"] {
        background-position: -156px 0
    }

    .onboarding-container .face-rating [data-rating="3"] {
        background-position: -106px 0
    }

    .onboarding-container .face-rating [data-rating="2"] {
        background-position: -54px 0
    }

    .onboarding-container .face-rating [data-rating="1"] {
        background-position: -4px 0
    }

.step-welcome {
    margin-top: 30px
}

    .step-welcome .setup-block {
        margin-top: 15px;        
        
    }

.step-welcome .setup-block .inner {
    line-height: 1.5;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    min-width:284px;
}

.step-welcome .content {

}

.step-welcome .setup-heading {
    font-weight: 700;
    font-size: 18px;
  
}

.step-welcome .inner-block-container {
    min-height: 120px;
}

@media (max-width: 1169px) {
    .step-welcome .setup-block .inner {
        min-width: 220px;
    }

    .step-welcome .inner-block-container {
        min-height: 145px;
    }
}

@media (max-width: 749px) {   
    .step-welcome .inner-block-container {
        min-height: 60px;
    }

    .topnav a.icon {       
        top: -60px;
    }
}

@media(min-width: 1299px) {
    .step-welcome .inner-block-container {
        min-height: 100px;
    }
}

.setup-button {
    background-color: #8f171f;
    padding: 4px 15px;
    color: #fff;
    border: 1px solid #333;
    float: right;
    margin-top: 10px;
    line-height: 1.2
}

.step-client-details .form-group {
    overflow: hidden;
    margin-bottom: 15px
}

.step-client-details .form-heading {
    font-size: 20px;
    margin-left: 15px;
    margin-bottom: 15px;
    font-weight: 700
}

.step-online .box {
    border: 1px solid #eee;
    background-color: #fff;
    padding: 15px;
    margin-bottom: 15px;  
}

.step-online .box-heading {
    font-weight: 700;
    margin-bottom: 15px
}

.step-online .fa {
    font-size: 60px;
    width: 90px;
    text-align: center
}

.step-online .content {
    margin-left: 10px
}

.step-online .content-wrapper {
    display: flex
}

.popover-steps .popover-footer {
    text-align: right;
    background-color: #eee;
    padding: 4px
}

.popover-steps .popover-footer button {
    background-color: #8b0000;
    color: #fff
}

.popover-steps .popover-title {
    font-size: 16px;
    background: 0 0;
    border-bottom: 0
}

.yesno-button {
    background-color: #8f171f;
    padding: 4px 15px;
    color: #fff;
    border: 1px solid #333;
    margin-top: 10px;
    line-height: 1.2;
    border-radius:5px;
}

.yesno-button:focus, .yesno-button:hover {
    color: #fff;
    text-decoration: none;
}

.yesno-botton-container {
    text-align: center;
}

.yesno-unselected {
    background-color:#CCCCCC;
    color:#000000;
}

.val-container {
    position:relative;
}

.val-tooltiptext {
    width: 250px;
    background-color: #FFFFCC;
    color: #000000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px 5px 5px;
    position: absolute;
    z-index: 5000;
    top: 43px;
    left: 20%;
    margin-left: -60px;
    border: 1px solid #333;
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.val-tooltiptext-center {
    left: 20%;
}

.val-check-left {

}

.val-textbox {
    bottom: -40px;
}

.val-kendo .val-tooltiptext {
    top: -4px;
}
.val-list .val-tooltiptext {
    top: 0px;
}

.val-upload .val-tooltiptext {
    top: -20px;
}

.val-sign .val-tooltiptext {
    top: 0px;
    left:20px;
}

.val-left .val-tooltiptext {
    left: 14px;
    top: 4px;
}

.val-tooltiptext::after {
    content: "";
    position: absolute;
    top: -14px;
    left: 50%;
    margin-left: -10px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.input-group-addon-radio {
    vertical-align:top;
    display:inline-block;
    float:right;
}

.onboarding-input-group {
    display: inline-block;
    width: unset;
    max-width: unset;
}

/* The container */
.custom-radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .custom-radio-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.custom-radio-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #8F171F;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.custom-radio-container:hover input ~ .custom-radio-checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.custom-radio-container input:checked ~ .custom-radio-checkmark {
    
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.custom-radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio-container input:checked ~ .custom-radio-checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.custom-radio-container .custom-radio-checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #8F171F;
}

.onboarding-summary-table {
    width: 100%;
    background-color: #FFFFFF;
    padding: 20px;
    border: 1px solid #000000;
    border-radius: 4px;
    margin-bottom: 20px;
    border-collapse: separate !important;
}

.onboarding-summary-table td { 
    padding: 5px 10px 5px 10px;
}

.onboarding-html-table {
    width: 100%;
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.onboarding-html-table td { 
    padding: 5px 10px 5px 10px;
}
.onboarding-html-table th { 
    padding: 5px 10px 5px 10px;
    font-weight:bold;
    font-size:16px;
}

.change-address-button {
    background-color: #8f171f;
    padding: 4px 15px;
    color: #fff;
    border: 1px solid #333;
    margin-top: 0px;
    line-height: 1.2;
    border-radius: 5px;
    vertical-align:top;
    float:right;
}

.change-address-button:focus, .change-address-button:hover {
    color: #fff;
    text-decoration: none;
}

.avatar--header-container {
    float: right;
    margin-right: 40px;
    margin-top: -20px;
    margin-right: 78px;
}

.avatar--header-container .header__logout span {
    display: inline-block;
    padding-left:4px;
}

@media (max-width: 1299px) {
    .header .footer-social {
        margin-top: 20px;
    }

    .avatar--header-container {  
        margin-right: 10px;    
    }
}

@media (max-width: 749px) {
    .avatar--header-container {
        display:none;
    }

    .header .footer-social {
        margin-top:0px;
    }
}

/**:focus {
    outline: none;
}*/

.setup-heading {
    margin-top: 0px;
}
.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eeeeee !important;
    color: #080808;
    opacity: 1;
}

.form-control {
    color: #080808;
}

@font-face {
    font-family: 'OpenDyslexic';
    src: url('/fonts/OpenDyslexic-Regular.otf');
}

.dyslexicbody {
    font-family: 'OpenDyslexic';
}

.dyslexicbody .form-control {
    font-family: 'OpenDyslexic';
}

.dyslexicbody .form__header {
      font-family: 'OpenDyslexic';
}

.dyslexicbody .btn {
      font-family: 'OpenDyslexic';
}

.accessibility-cursor {
    cursor: url("/Images/large-cursor.png"), auto !important;
}

.accessibility-cursor button {
    cursor: url("/Images/large-cursor.png"), auto !important;
}

.accessibility-cursor a {
    cursor: url("/Images/large-cursor.png"), auto !important;
}

.accessibility-cursor .k-button-icontext {
    cursor: url("/Images/large-cursor.png"), auto !important;
}

.zoom-sub-menu {
    display:none;
}

.zoom-expanded {
    height:284px;
}

.zoom-expanded .zoom-sub-menu {
    display:inline-block;
}

.accessibility-greyscale {
    filter: grayscale(100%);
}

.accessibility-invert {
    filter: invert(1);
}

.accessibility-spacing {
    letter-spacing: 3px;
}
.accessibility-spacing button {
    letter-spacing: 3px;
}

.accessibility-spacing a {
    letter-spacing: 3px !important;
}


.zoom button {
    letter-spacing: 0px;
}