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

@charset "UTF-8";
/*#region FONTS*/
@font-face {
  font-family: "Locker";
  src: url("/content/fonts/EncodeSans-Regular.woff2") format("woff2"), url("/content/fonts/EncodeSans-Regular.woff") format("woff");
}
@font-face {
  font-family: "Locker Medium";
  src: url("/content/fonts/EncodeSans-Medium.woff2") format("woff2"), url("/content/fonts/EncodeSans-Medium.woff") format("woff");
}
@font-face {
  font-family: "Locker Bold";
  src: url("/content/fonts/EncodeSans-Bold.woff2") format("woff2"), url("/content/fonts/EncodeSans-Bold.woff") format("woff");
}
@font-face {
  font-family: "Locker Black";
  src: url("/content/fonts/EncodeSans-Black.woff2") format("woff2"), url("/content/fonts/EncodeSans-Black.woff") format("woff");
}
/*#endregion*/
/*#region MIXINS*/
/*#endregion*/
/*#region WIDTH settings*/
/*#endregion*/
/*#region COLOURS*/
/*#endregion*/
/*#region MAIN HTML TAGs*/
* {
  font-family: Arial, Helvetica, Sans-Serif;
}

html {
  height: 100%;
  overflow-y: scroll;
  background-color: #fff !important;
}

body {
  display: flex;
  flex-direction: column;
  cursor: default;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  font-size: 14px;
  height: 100%;
}
body > div#all {
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  width: 100%;
}
body > div#all > #main-body {
  position: relative;
  padding-top: 0px;
  clear: both;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
body > div#all > #main-body #content {
  clear: both;
  width: 100%;
}
body > div#all > #main-body #content > h1 {
  margin-left: 10px;
  margin-top: 10px;
}
body > div#all.mobile-full {
  width: 1200px;
}
body #fill {
  flex-grow: 1;
  background-color: #fff;
  width: 1260px;
  margin: 0 auto;
}

h1 {
  font-size: 2em;
  font-family: Locker, Verdana;
  color: #48535A;
  text-align: left;
  margin-bottom: 0px;
  padding: 0px;
  margin-bottom: 10px;
  float: none;
  line-height: normal;
  height: auto;
  margin-bottom: 20px;
}

h2 {
  color: #d20a11;
  font-weight: bold;
  padding-bottom: 0px;
  margin-bottom: 10px;
  font-family: Locker, Verdana;
  font-size: 1.2em;
}
h2 a {
  float: right;
  color: #495451;
  text-decoration: underline;
  font-size: 0.8em;
  font-weight: normal;
  margin-top: 2px;
  font-family: Arial;
}
h2 a:hover {
  text-decoration: underline;
  color: #d01500;
}

h3 {
  color: #48535A !important;
  padding-bottom: 0px;
  margin-bottom: 10px;
  font-family: Locker, Verdana;
  font-weight: 600;
}
h3.underline {
  background: url(images/h2.gif) no-repeat bottom left;
  padding-bottom: 5px;
}

h4 {
  color: #495451;
  font-size: 1em;
  text-transform: uppercase;
  margin-bottom: 5px;
}

h5 {
  font-weight: bold;
  color: #000;
}

form {
  float: left;
}

p {
  margin-bottom: 20px;
  line-height: 1.5em;
  color: #666;
}

a {
  color: #d20a11;
  cursor: pointer;
}
a.plain {
  text-decoration: none;
}
a.plain:hover {
  text-decoration: underline;
}
a.data {
  color: #000;
}
a.button {
  background-color: #d20a11;
  border: 2px solid #d20a11;
  color: #fff;
  font-family: Arial, Helvetica, Sans-Serif;
  padding: 4px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0px;
  height: auto;
  font-weight: 700;
  line-height: normal;
  box-shadow: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  font-size: 0.9em;
  letter-spacing: 1px;
  transition: all 0.2s;
}
a.button:hover {
  background-color: transparent;
  color: #d20a11;
  cursor: pointer;
}
a.button:active {
  border-style: inset;
}

hr {
  background: url(images/hr.gif) no-repeat;
  border: none;
  height: 3px;
  clear: both;
  width: 100%;
}
hr.clear {
  background: none;
  clear: both;
}

select {
  width: 165px;
  padding: 4px 25px 4px 4px;
  border: 1px solid #dbdddc !important;
  box-shadow: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  outline: none;
  font-size: 1em;
  color: #495451;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-color: #fff !important;
  background-image: url(images/downarrow.svg) !important;
  background-repeat: no-repeat, repeat !important;
  /* arrow icon position (1em from the right, 50% vertical)*/
  background-position: right 0.7em top 60%, 0 0 !important;
  /* icon size */
  background-size: 0.65em auto, 100% !important;
  outline: 0px solid #dbdddc !important;
  min-width: 30px;
}
select[multiple=multiple] {
  background-color: #efefef;
  background-image: none;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}
select option {
  font-size: 1em;
}
select option.divider {
  background-color: #dbdddc;
}

input[type=file] {
  border: solid 1px #dbdddc;
  padding: 3px;
  margin-right: 10px;
}

input[type=file]::-webkit-file-upload-button {
  background-color: #d20a11;
  border: 2px solid #d20a11;
  color: #fff;
  font-family: Arial, Helvetica, Sans-Serif;
  padding: 4px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0;
  height: auto;
  font-weight: 700;
  line-height: normal;
  box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-size: 0.9em;
  letter-spacing: 1px;
  transition: all 0.2s;
  margin-right: 10px;
}
input[type=file]::-webkit-file-upload-button:hover {
  background-color: transparent;
  color: #d20a11;
  cursor: pointer;
}

.red-bullets {
  list-style-type: disc;
  padding-left: 30px;
  margin: 10px;
}

.red-bullets li {
  color: #666;
  margin-bottom: 10px;
}

.red-bullets li::marker {
  color: red;
}

li > label {
  margin-left: 2px;
}

em {
  font-weight: bold;
}

strong {
  font-weight: bold;
  color: #000;
}

i {
  font-style: italic;
}

table {
  margin-bottom: 10px;
  width: 100%;
  background-color: #fff;
}
table thead tr th.sortable {
  cursor: pointer;
}
table thead tr th.sortable.sortedUp {
  background-image: url(images/sortUp.svg);
  background-repeat: no-repeat;
  background-position: 5px top;
  font-weight: 600;
}
table thead tr th.sortable.sortedDown {
  background-image: url(images/sortDown.svg);
  background-repeat: no-repeat;
  background-position: 5px top;
  font-weight: 600;
}
table tr.headless th {
  height: 1px;
  min-height: initial;
  background-color: #fff;
  padding: 0px;
  border-top: solid 1px #dbdddc;
  border-bottom: 0;
}
table tr.no-bottom td {
  border-bottom: none;
}
table tr th {
  letter-spacing: 1px;
  color: #666;
  font-weight: normal;
  font-size: 0.9em;
  min-height: 14px;
  text-transform: uppercase;
  padding: 5px;
  padding-top: 9px;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  border-bottom: solid 1px #d20a11;
}
table tr th.center {
  text-align: center;
}
table tr td {
  background: #fff;
  padding: 5px;
  border-bottom: solid 1px #dbdddc;
  line-height: 1.3;
}
table tr td.primary {
  font-weight: bold;
}
table tr td.tf {
  background-color: #d20a11;
}
table tr td.center {
  text-align: center;
}
table tr td > div {
  position: relative;
}
table tr td h3 {
  margin-bottom: 0px;
}
table tr td a {
  text-decoration: underline;
}
table tr td h4.subdate {
  margin-top: 3px;
  font-size: 0.85em;
}
table .pager {
  letter-spacing: 1px;
  color: #666;
  font-weight: normal;
  font-size: 0.8em;
  text-transform: uppercase;
  padding-top: 7px;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  border-top: solid 1px #dbdddc;
  margin-top: -1px;
}
table .pager a {
  text-transform: uppercase;
  color: #666;
  text-decoration: none;
  border: solid 1px #fff;
  text-align: center;
  padding: 2px;
  padding-left: 3px;
  padding-right: 3px;
}
table .pager a:hover {
  text-decoration: underline;
}
table .pager .currentPage {
  border: 1px solid #d20a11;
}
table .pager .currentPage a {
  text-decoration: none;
}

textarea {
  background-color: #fff;
  border: solid 1px #dbdddc;
  width: 200px;
  height: 100px;
  max-width: 80%;
  max-height: 200px;
  min-width: 100px;
  min-height: 100px;
}

input[type=file]::-webkit-file-upload-button {
  background-color: #d20a11;
  border: 2px solid #d20a11;
  color: #fff;
  font-family: Arial, Helvetica, Sans-Serif;
  padding: 4px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0;
  height: auto;
  font-weight: 700;
  line-height: normal;
  box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-size: 0.9em;
  letter-spacing: 1px;
  transition: all 0.2s;
  margin-right: 10px;
}
input[type=file]::-webkit-file-upload-button:hover {
  background-color: transparent;
  color: #d20a11;
  cursor: pointer;
}
input[type=radio], input[type=checkbox] {
  width: 17px;
  height: 17px;
}
input[type=radio]:hover, input[type=checkbox]:hover {
  cursor: pointer;
}
input[type=radio]:focus, input[type=checkbox]:focus {
  -webkit-box-shadow: 0 0 5px #dbdddc;
  -moz-box-shadow: 0 0 5px #dbdddc;
  box-shadow: 0 0 5px #dbdddc;
}
input[type=checkbox]:checked, input[type=radio]:checked {
  filter: hue-rotate(125deg) saturate(80%) !important;
}
input[type=text], input[type=password] {
  border: 1px solid #dbdddc;
  color: #495451;
  background: #fff;
  width: 116px;
  height: 24px;
  line-height: 22px;
  padding: 0px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 0px;
  box-shadow: none;
  font-size: 1em;
}
input[type=text]::placeholder, input[type=password]::placeholder {
  color: #6d7674;
}
input[type=text]:focus, input[type=password]:focus {
  outline: auto;
  box-shadow: none;
}
input[type=text]:focus::placeholder, input[type=password]:focus::placeholder {
  color: #bbb;
}
input[type=button], input[type=submit], input[type=reset] {
  background-color: #d20a11;
  border: 2px solid #d20a11;
  color: #fff;
  font-family: Arial, Helvetica, Sans-Serif;
  padding: 4px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0px;
  height: auto;
  font-weight: 700;
  line-height: normal;
  box-shadow: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  font-size: 0.9em;
  letter-spacing: 1px;
  transition: all 0.2s;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
  background-color: transparent;
  color: #d20a11;
  cursor: pointer;
}
input[type=button]:active, input[type=submit]:active, input[type=reset]:active {
  border-style: inset;
}
input[type=button].major, input[type=submit].major, input[type=reset].major {
  background-color: #d20a11;
  font-size: 1.1em;
  color: #fff;
  border-color: #d20a11;
  padding: 10px;
}
input[type=button].symbol, input[type=submit].symbol {
  min-width: inherit;
  width: 29px;
  padding: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}
input[type=text].search {
  background-image: url(images/search.svg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 2px;
  background-position-y: center;
  padding-left: 25px;
  width: auto;
}
input[type=text].search:focus {
  background-image: url(images/search-h.svg);
}
input[type=text].date {
  background: url(images/calendar.svg) !important;
  width: 96px;
  background-repeat: no-repeat !important;
  background-size: auto !important;
  background-position: 2px !important;
  background-position-y: center !important;
  padding-left: 25px !important;
}
input[type=text].date::-webkit-input-placeholder, input[type=text].date::-moz-placeholder, input[type=text].date:-ms-input-placeholder {
  font-size: 0.85em;
  opacity: 0.7;
}
input[type=text].date:-moz-placeholder {
  font-size: 0.85em;
}
input[type=text].email {
  width: 200px;
}
input.color {
  background: transparent;
  width: 48px;
  height: 48px;
  border: none;
  padding: 0px;
  padding: 5px;
  text-align: center;
  border: solid 1px #dbdddc;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: none;
}

/*#endregion*/
/*#region SOCIAL ICONS*/
.social-icon {
  color: #666;
}

ul.social-icons {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}

.social-icons a {
  color: #666;
  text-decoration: none;
}
.social-icons a:hover {
  color: #d20a11;
}

.fa-facebook-square {
  padding: 10px 14px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #fff;
}

.fa-twitter {
  padding: 10px 12px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #fff;
}

.fa-instagram {
  padding: 10px 14px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #fff;
}

.fa-youtube-play {
  padding: 10px 14px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #fff;
}

.fa-linkedin {
  padding: 10px 14px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #fff;
}

/*#endregion*/
/*#region PRIVATE CLASSES*/
.sticky {
  position: fixed;
  z-index: 1000;
  top: -41px;
  left: 0;
  width: 100%;
}

.margintop {
  margin-top: 142px;
}

.menustretched {
  border-right: 1px solid #dbdddc;
  color: #d20a11;
  overflow: hidden;
  padding: 8px;
  width: 189px;
  height: 84px;
  max-width: 162px;
  transition: height ease-in-out 0.3s;
}

.menucompressed {
  height: 55px;
}

.searchcompressed {
  height: 53px !important;
}

.selectCal-sm {
  width: 95px !important;
}

.selectTM-sm {
  width: 128px !important;
}

.selectCal-md {
  width: 200px !important;
}

.selectCal-lg {
  width: 320px !important;
}

.lblSelectCal {
  position: relative;
  display: block;
  border-bottom: 0px;
  padding: 0 10px 0 0;
}
.lblSelectCal:after {
  content: ">";
  font: 18px Consolas, monospace;
  font-weight: bolder;
  color: #d20a11;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 0;
  top: 5px;
  position: absolute;
  pointer-events: none;
}

.sm {
  width: 80px !important;
}

.md {
  width: 185px !important;
}

.lg {
  width: 305px !important;
}

.lg2 {
  width: 380px !important;
}

.lg3 {
  width: 430px !important;
}

.gridhead {
  border-bottom: solid 1px #d20a11;
}

.lblSelectCal #module-list #combo-root ul {
  max-height: 120px;
  border-bottom: 1px solid #dbdddc;
  margin-top: 0;
}
.lblSelectCal #module-list #combo-root ul li {
  width: 390px;
}
.lblSelectCal #module-list #combo-root #select {
  width: 396px;
}

.mt20:not(:first-child) {
  margin-top: 20px;
}

.lblSelectEvtType {
  position: relative;
  display: block;
  border-bottom: 0px;
  width: 133px;
}
.lblSelectEvtType:after {
  content: ">";
  font: 18px Consolas, monospace;
  font-weight: bolder;
  color: #d20a11;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 0;
  top: 5px;
  position: absolute;
  pointer-events: none;
}

.lblSelectTopMenu {
  position: relative;
  display: block;
  border-bottom: 0px;
  width: 125px;
}
.lblSelectTopMenu:after {
  content: ">";
  font: 18px Consolas, monospace;
  font-weight: bolder;
  color: #d20a11;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 0;
  top: 5px;
  position: absolute;
  pointer-events: none;
}

.lblSelect {
  position: relative;
  display: block;
  border-bottom: 0px;
  margin-right: 0px;
  width: 150px;
  padding: 0 10px 0 0;
}
.lblSelect:after {
  content: ">";
  font: 18px Consolas, monospace;
  font-weight: bolder;
  color: #d20a11;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 0;
  top: 5px;
  position: absolute;
  pointer-events: none;
}

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

.search-open {
  width: 27px;
  display: flex;
  justify-content: center;
  padding-top: 40px;
}
.search-open:hover {
  cursor: pointer;
}
.search-open:hover .btnsearch {
  color: #d20a11;
}
.search-open > label {
  cursor: pointer;
}
.search-open > label:hover {
  color: #d20a11;
}
.search-open > #newsearch {
  /*display: none;*/
  flex-direction: row;
  align-items: center;
  width: 0;
  justify-content: space-around;
  transition: width 0.4s ease, left 0.4s ease;
  position: absolute;
  z-index: 10;
  height: 80px;
  top: 0px;
  padding: 10px;
}
.search-open > #newsearch > div.selected > a {
  font-weight: normal;
  color: #fff;
  background-color: #48535A;
}
.search-open > #newsearch > div.selected > a:hover {
  background-color: #48535A;
}
.search-open > #newsearch > div a {
  text-decoration: none;
  text-transform: none;
  font-size: 1.14em;
  font-weight: 500;
  display: block;
  padding: 5px;
  border-bottom: 1px solid transparent;
  transition: color 0.4s ease;
}
.search-open > #newsearch > div a:hover {
  border-bottom-color: #495451;
  transition: border 0.2s ease-in-out;
}

.searchexpand {
  display: flex !important;
  width: 94% !important;
  background-color: #efefef;
  left: 0px;
  cursor: default;
}

.underline {
  border-bottom: 1px solid #dbdddc;
}

.widthlimit {
  width: 100%;
  max-width: 1260px;
  padding: 0 15px;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.exception {
  position: absolute;
  color: #fff;
  padding: 10px;
  background-color: #333;
  max-width: 200px;
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
}

.arrow {
  width: 19px;
  height: 9px;
  position: absolute;
  top: -11px;
  left: 19px;
}

.flexstruc {
  width: inherit;
  display: flex;
  flex-direction: column;
}

.loading {
  cursor: wait;
}

.ko-loading {
  display: none;
}

.btnsearch {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  height: fit-content;
}
.btnsearch:hover {
  cursor: pointer;
  color: #d20a11;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.close-button {
  cursor: pointer;
  background: url(images/close.png) no-repeat center center;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 5px;
  right: 5px;
}

.checkbox-label {
  border-bottom: none;
}
.checkbox-label:hover {
  text-decoration: underline;
  cursor: pointer;
}

.checkbox-alt {
  background-color: #efefef;
  border: 1px dashed #dbdddc;
  padding: 1px;
  display: inline-block;
}

.tile #prompt-template {
  width: auto;
  float: none;
}
.tile #prompt-template .buttons {
  margin-top: 0px;
}

textarea:focus,
select:focus,
.focus {
  outline: auto;
  box-shadow: none;
}

/*#endregion*/
/*#region PRIVATE IDs*/
#SvcTokenGrid {
  margin-top: 10px;
}

#prompt-template {
  width: 700px;
  margin-left: 100px 50px 100px 50px;
  padding: 20px;
  padding-bottom: 0px;
  border: 0px dotted #dbdddc;
  float: left;
}
#prompt-template h4 {
  margin-bottom: 20px;
  text-transform: none;
}

/*#endregion*/
/*#region Grid 1.0 */
.grid-search {
  margin-bottom: 10px;
  float: left;
}
.grid-search span.text {
  padding-left: 5px;
  padding-right: 2px;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  color: #666;
}

.grid-heading {
  float: left;
}

.grid {
  margin-bottom: 0px;
}
.grid table {
  margin-bottom: 0px;
}
.grid .gridfoot .total {
  font-weight: bold;
}
.grid > tbody:not(.card) > tr:not(.injected) > td {
  white-space: pre-wrap;
}
.grid > tbody > tr.none td {
  font-weight: normal;
  font-style: italic;
  border-bottom: none;
  padding-left: 0px;
}
.grid > tbody tr.injected > td {
  border-bottom: none;
  white-space: normal;
}
.grid > tbody tr.injected > td > div {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: 0px 0px 3px 3px #dbdddc;
  border: solid 1px #bbb;
  padding: 20px;
  padding-bottom: 10px;
  font-weight: normal;
}
.grid > tbody tr.injected > td > div h3 {
  margin-bottom: 0px;
}
.grid > tbody.emphasis > tr:not(.none) > td:first-child {
  font-weight: bold;
}
.grid .card > tr:not(.none) {
  display: inline-block;
  border: 1px solid #dbdddc;
  border-top: solid 3px #48535A;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  margin: 5px;
  padding: 20px;
}
.grid .card > tr:not(.none):hover {
  border: solid 1px #48535A;
  border-top: solid 3px #48535A;
}
.grid .card > tr:not(.none) > td {
  height: 150px;
  width: 200px;
  border-bottom: none;
  padding: 0px;
}
.grid .card > tr:not(.none) > td > h5 {
  margin-bottom: 5px;
}
.grid .card > tr:not(.none).injected {
  border: none;
  display: table-row;
}
.grid .card > tr:not(.none).injected:hover {
  border: none;
}
.grid .card > tr:not(.none).injected > td > div {
  padding: 20px;
  padding-bottom: 10px;
}
.grid .editable {
  cursor: pointer;
}
.grid :not(.card) .editable:hover td {
  background-color: #fff;
  cursor: pointer;
  color: #d20a11 !important;
  border-bottom: 1px solid #efefef !important;
}
.grid ol li {
  list-style-type: decimal;
  margin-bottom: 3px;
  list-style-position: inside;
}
.grid tr:not(.injected) ul li {
  margin-bottom: 3px;
  list-style-position: inside;
  padding-left: 20px;
  position: relative;
}
.grid tr:not(.injected) ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}
.grid td.extraLink {
  text-align: right;
  width: 1%;
}
.grid td.extraLink a {
  text-decoration: underline;
  font-size: 1em;
  white-space: nowrap;
}
.grid td a.hidden {
  display: none;
}
.grid td .alert {
  background-color: #ffce44;
  padding: 5px;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
  margin-top: 2px;
  display: inline-block;
}
.grid tr.content:before {
  content: none;
}

.grid-search {
  clear: left;
}
.grid-search select {
  width: auto;
  color: #666;
  text-transform: uppercase;
  font-size: 0.9em;
  letter-spacing: 1px;
  padding: 5px;
}
.grid-search .search-clear a {
  display: inline-block;
  padding: 5px;
}
.grid-pager {
  letter-spacing: 1px;
  color: #666;
  font-weight: normal;
  font-size: 0.8em;
  text-transform: uppercase;
  padding-top: 7px;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  border-top: solid 1px #dbdddc;
  margin-top: -1px;
  margin-bottom: 20px;
}
.grid-pager a {
  color: #666;
  text-decoration: none;
  border: solid 1px transparent;
  text-align: center;
  padding: 2px;
  padding-left: 3px;
  padding-right: 3px;
  display: inline-block;
}
.grid-pager a:hover {
  text-decoration: underline;
  color: #d20a11;
}
.grid-pager .currentPage {
  border: 1px solid #d20a11;
}
.grid-pager .currentPage a {
  text-decoration: none;
}

.grid-buttons {
  float: right;
  text-align: right;
  margin-bottom: 5px;
}
.grid-buttons a {
  text-decoration: underline;
  font-size: 1em;
  color: #000;
}
.grid-buttons a:hover {
  color: #d20a11;
}

/*#endregion*/
/*#region Switch */
switch {
  float: left;
}
switch #legend {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  color: #48535A;
  display: block;
  margin-bottom: 3px;
}

/*#endregion*/
/*#region Combo */
combo #combo-root {
  display: inline-block;
}
combo input[type=text] {
  width: 375px;
  padding: 2px 10px;
  border: 1px solid #dbdddc;
  background: none;
  outline: 0px solid #dbdddc !important;
}
combo ul {
  position: absolute;
  z-index: 100;
  overflow-y: auto;
  max-height: 400px;
  margin-top: 30px;
}
combo li {
  border-left: 1px solid #dbdddc;
  border-right: 1px solid #dbdddc;
  width: 308px;
  padding: 2px;
  padding-left: 7px;
  background-color: #fff;
}
combo li:last-child {
  border-bottom: 1px solid #dbdddc;
}
combo li.item {
  cursor: pointer;
}
combo li.item.selected {
  background-color: #3297FD;
  color: #fff;
}
combo li.optiongroup {
  color: #d20a11;
  padding-top: 20px;
}

/*#endregion*/
/*#region Accordian */
.accordian {
  width: 252px;
  float: left;
  background-color: #fff;
}
.accordian div.group-body {
  border-bottom: solid 1px #dbdddc;
}
.accordian div.group-body table {
  margin-bottom: -1px;
}
.accordian div.group-body table tr:last-child td {
  border-bottom: none;
}
.accordian div.group-body table tr td:last-child:not(.none) {
  text-align: right;
  min-width: 50px;
}
.accordian div.group-body table tr td a {
  text-decoration: underline;
}
.accordian div.group-body table tr td.none {
  font-style: italic;
}
.accordian div.group-body table tr.hasPrimaryAction:hover td {
  cursor: pointer;
  text-decoration: underline;
}
.accordian div.group-body table tr.selected td {
  font-weight: bold;
}
.accordian div.group-body table tr.selected:hover td {
  cursor: default;
}
.accordian #accordian-search input.search {
  width: 165px;
  margin-bottom: 7px;
  margin-left: 15px;
}
.accordian #pager {
  letter-spacing: 1px;
  color: #666;
  font-weight: normal;
  font-size: 0.8em;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  border-top: solid 1px #dbdddc;
  padding-top: 10px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.accordian #pager a {
  text-transform: uppercase;
  color: #666;
  text-decoration: none;
  border: solid 1px transparent;
  text-align: center;
  padding: 2px;
  padding-left: 3px;
  padding-right: 3px;
}
.accordian #pager a:hover {
  text-decoration: underline;
}
.accordian #pager a.selected {
  text-decoration: none;
  border: 1px solid #d20a11;
}
.accordian .group {
  border-right: solid 1px #dbdddc;
  border-left: 3px solid transparent;
}
.accordian .group h2 {
  font-size: 1.2em;
  padding-left: 10px;
  padding-top: 10px;
  margin: 0px;
  padding-bottom: 10px;
  text-align: left;
  color: #48535A;
  position: relative;
  user-select: none;
}
.accordian .group h2:hover {
  cursor: pointer;
  color: #d20a11;
}
.accordian .group h2 span {
  color: #666;
  font-weight: normal;
}
.accordian .group.active {
  border-right: 1px dashed #d20a11;
  border-left: 3px solid #d20a11;
}
.accordian .group.active h2 {
  background-color: #fff;
}
.accordian .group.active .items {
  display: block;
  margin-bottom: 1px;
  margin-top: 0px;
  margin-right: 10px;
  margin-left: 10px;
  border-top: solid 1px #dbdddc;
}
.accordian .group.active .items a:hover {
  text-decoration: underline;
}

h3.accordian {
  float: left;
  width: 231px;
  padding-left: 10px;
  background-color: #48535A;
  color: #fff;
  clear: both;
  padding: 10px;
  margin-bottom: 0px;
  text-align: center;
}

/*#endregion*/
/* Status */
#status-message {
  display: none;
  position: fixed;
  top: 0px;
  font-size: 1em;
  color: #e9fde5;
  font-weight: normal;
  text-transform: uppercase;
  background: #288028;
  padding: 10px;
  padding-bottom: 11px;
  min-width: 100px;
  letter-spacing: 1px;
  text-align: center;
  z-index: 10000;
}

/*#region Header */
#indicator {
  position: absolute;
  left: 0px;
  padding: 10px;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #ffce44;
  color: #000;
  letter-spacing: 0.2em;
  font-size: 1.3em;
  float: left;
  z-index: 1;
  line-height: normal;
}

header {
  background-color: #fff;
  width: 100%;
}
header #top {
  font-size: 1em;
  position: relative;
  z-index: 100;
  text-align: right;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-end;
  width: 100%;
  max-width: 1260px;
  padding: 0 15px;
  margin: 0 auto;
  height: 40px;
}
header #top #other {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding-right: 20px;
}
header #top #other > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
header #top #other > div:first-child {
  margin-right: 10px;
}
header #top #other > div a {
  text-decoration: none;
  color: #495451;
  display: inline-block;
}
header #top #other > div a:hover {
  border-bottom: solid 1px #dbdddc;
}
header #top #social {
  border-left: solid 1px #dbdddc;
  border-right: solid 1px #dbdddc;
  display: flex;
  place-content: center;
  width: 200px;
  height: 40px;
}
header #top #social a {
  display: inline-block;
}
header #top #actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #d20a11;
  padding-left: 10px;
}
header #top #actions a {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  font-size: 0.9em;
  display: block;
}
header #top #actions a.selected {
  display: none;
  font-weight: normal;
}
header #top #actions #logout {
  display: block;
  margin-right: 10px;
  font-weight: bolder;
  font-size: 1em;
  height: 18px;
  padding-top: 3px;
  border-bottom: 1px solid transparent;
  transition: border 0.2s ease-in-out;
}
header #top #actions #logout:hover {
  border-bottom: 1px solid;
}
header #top #actions #login-link {
  border-bottom: 1px solid transparent;
  transition: border 0.2s ease-in-out;
}
header #top #actions #login-link:hover {
  border-bottom: 1px solid #fff;
}
header #top #actions #lang {
  background-color: #fff;
  height: -webkit-fill-available;
  display: flex;
  align-items: center;
  padding: inherit;
}
header #top #actions #lang > a {
  color: #495451;
  font-weight: bolder;
  font-size: 1em;
}
header #top #actions #lang > a:hover {
  color: #d20a11;
}
header #top #actions #mobile {
  display: block;
  margin-right: 10px;
  font-weight: normal;
}
header #top #search {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 400px;
  justify-content: space-around;
}
header #top #search .search {
  display: none;
}
header #top #search .search > input {
  display: none;
}
header #top #search .search input {
  float: right;
}
header #top #search > div.selected > a {
  font-weight: normal;
  color: #fff;
  background-color: #48535A;
}
header #top #search > div.selected > a:hover {
  background-color: #48535A;
}
header #top #search > div a {
  text-decoration: none;
  color: #495451;
  font-size: 1.14em;
  display: block;
  padding: 5px;
  border-bottom: 1px solid transparent;
}
header #top #search > div a:hover {
  border-bottom-color: #495451;
  transition: border 0.2s ease-in-out;
}
header #top #coach-home {
  background-color: #d20a11;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}
header #top #coach-home a {
  color: #fff;
  text-decoration: none;
}
header #top #coach-home a:hover {
  text-decoration: underline;
}
header #logo {
  height: 82px;
  z-index: 1;
}
header nav {
  font-family: Locker, Verdana;
  display: flex;
  align-items: stretch;
  width: 100%;
}
header nav > ul {
  float: left;
  position: relative;
  display: flex;
  align-items: stretch;
}
header nav > ul > li:first-child {
  margin-left: 7px;
}
header nav > ul > li:last-child {
  margin-right: 7px;
}
header nav > ul > li {
  padding-top: 30px;
}
header nav > ul > li a {
  text-decoration: none;
  display: block;
  padding: 7px;
  color: #48535A;
  font-family: "Locker Medium";
  font-weight: 900;
  font-size: 1em;
  text-transform: uppercase;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
header nav > ul > li.selected {
  z-index: 1;
  padding-top: 30px;
  border-bottom: 5px solid #d20a11;
}
header nav > ul > li.selected > a {
  color: #d20a11;
}
header nav > ul > li a:hover {
  color: #d20a11;
  font-weight: 700;
}
header nav > ul > li.alt {
  background-color: #d20a11;
  color: #fff;
}
header nav > ul > li.alt a {
  color: #fff;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}
header nav > ul > li.alt a:hover {
  text-decoration: underline;
}
header nav > ul > li:hover > ul {
  display: list-item;
}
header nav > ul > li ul {
  background: #fff;
  float: none;
  display: none;
  z-index: 1;
  position: absolute;
  top: 33px;
  right: 0px;
  border: solid 1px #aaa;
  border-top: solid 1px #d20a11;
  margin-top: 0px;
}
header nav > ul > li ul li {
  float: none;
  position: relative;
}
header nav > ul > li ul li a {
  border-top: none;
  color: #666;
  text-align: right;
  display: block;
  float: none;
}
header nav > ul > li ul li a:hover {
  text-decoration: underline;
}

.nav-ul {
  display: flex;
  justify-content: space-between;
  width: inherit;
}

/*#endregion*/
#processing {
  display: none;
  position: absolute;
  top: 60px;
  left: 130px;
  background: url(images/processing.gif) no-repeat center left;
}

body.loading #processing {
  display: block;
  float: left;
}

.admin-bit {
  display: none;
}
.admin-bit img {
  float: left;
  margin-top: 1px;
  margin-right: 4px;
  height: 22px;
}

/*#region Footer */
footer {
  background-color: #6d7674;
  color: #fff;
  clear: both;
  display: none;
}

/*#endregion*/
/* Maintenance */
#offline {
  margin-top: 50px;
  margin-bottom: 50px;
  font-weight: bold;
  clear: both;
  text-align: center;
}

/*#region Readonly */
span.readonly {
  color: #000 !important;
  margin-right: 5px;
}

input.readonly, select.readonly {
  color: #000 !important;
  margin-right: 5px;
  background-color: #fff;
  border: none;
  background-image: none;
}

textarea.readonly {
  color: #000 !important;
  margin-right: 5px;
  background-color: #fff;
  border: none;
  background-image: none;
  resize: none;
}

/*#endregion*/
/* Card-style view */
fieldset {
  float: left;
  margin-bottom: 20px;
  /*width: 100%;*/
}
fieldset > section {
  float: left;
  width: 100%;
}
fieldset > hr {
  float: left;
  border: none;
  height: 10px;
  display: block;
  width: 10px;
  background: none;
}
fieldset > div {
  float: left;
  margin-bottom: 5px;
  position: relative;
  clear: both;
  width: 100%;
}
fieldset > div > label {
  float: left;
  display: flex;
  width: 85px;
  line-height: 1.8;
  border-bottom: 1px dotted #efefef;
  margin-right: 10px;
}
fieldset > div > label.plain {
  border-bottom: 1px dotted transparent;
}
fieldset > div > label.auto {
  width: auto;
  white-space: nowrap;
}
fieldset > div > label > em {
  color: #495451;
  padding-left: 2px;
}
fieldset > div > span {
  float: left;
  display: block;
  line-height: 1.3;
}
fieldset > div > span.text {
  padding-left: 5px;
  padding-right: 5px;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
  color: #48535A;
  padding-top: 3px;
}
fieldset > div > input {
  float: left;
  display: block;
  margin-right: 5px;
}
fieldset > div > select {
  float: left;
  margin-right: 10px;
}
fieldset > div > h2 {
  float: left;
  margin-bottom: 0px;
  margin-top: 5px;
}

/*#region Search */
.search {
  float: left;
}

.search-results {
  display: none;
  background-color: #fff;
  width: 700px;
  height: 550px;
}
.search-results .pane {
  float: left;
}
.search-results .pane .fields {
  float: left;
  margin: 20px;
  width: 660px;
  margin-top: 20px;
  margin-bottom: 5px;
}
.search-results .pane .fields fieldset {
  margin-right: 20px;
  margin-bottom: 0px;
  float: left;
  width: 40%;
}
.search-results .pane .fields fieldset > div > select {
  width: 128px !important;
}
.search-results .pane .fields .buttons {
  width: 100%;
  float: left;
  position: static;
  font-size: 1.1em;
}
.search-results .pane .fields #add-section {
  min-height: 60px;
  float: left;
  border-left: 1px dotted #dbdddc;
  width: 85px;
  padding-bottom: 5px;
  text-align: center;
}
.search-results .pane .fields #add-section p {
  color: #6d7674;
  text-transform: uppercase;
  font-style: normal;
  font-size: 0.9em;
}
.search-results .pane .fields #add-section a {
  text-decoration: underline;
  color: #d20a11;
}
.search-results .pane .fields #add-section a:hover {
  text-decoration: underline;
  color: #d20a11;
}
.search-results .pane .fields #add-section a.money {
  padding-top: 15px;
  display: block;
  color: #288028;
}
.search-results .pane .fields #add-section a.money:hover {
  color: #d20a11;
  text-decoration: underline;
}
.search-results .pane .fields #advanced-section {
  clear: both;
}
.search-results .pane .fields #advanced-section a {
  text-decoration: underline;
  color: #d20a11;
}
.search-results .pane table {
  float: left;
}
.search-results .pane table tr.content:hover {
  background-color: #fff;
  color: #d20a11;
  cursor: pointer;
}
.search-results .pane table tr th.col-phone {
  width: 90px;
}
.search-results .pane table tr th.col-date {
  width: 80px;
}
.search-results .pane table tr td {
  max-width: 200px;
}
.search-results .pane table tr td:first-child {
  font-weight: bold;
}
.search-results .pane .pager {
  display: block;
  float: left;
  letter-spacing: 1px;
  color: #666;
  font-weight: normal;
  font-size: 0.9em;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  border-top: solid 1px #dbdddc;
  width: 410px;
  padding-left: 290px;
  height: 30px;
}
.search-results .pane .pager a {
  color: #666;
  display: block;
  float: left;
  border: solid 1px #efefef;
  margin-top: 7px;
  margin-left: 5px;
  margin-right: 5px;
}
.search-results .pane .pager a:hover {
  text-decoration: underline;
}
.search-results .pane .pager a.selected {
  border: solid 1px #aaa;
  color: #000;
  background-color: #efefef;
}
.search-results .pane .pager a.prev {
  margin-left: 5px;
}
.search-results .pane .pager input[type=button] {
  float: right;
  margin-right: 10px;
}
.search-results .pane .hidden {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 5px;
  width: 300px;
  background-color: #48535A;
  color: #fff;
  z-index: 1000;
}

#SearchEngineGrid .search-newtab {
  opacity: 0.325;
  content: url(images/new-tab.png);
}
#SearchEngineGrid .search-newtab:hover {
  opacity: 1;
}

#announcements, #dialog, #privacy {
  display: none;
}

/*#endregion*/
/* Confirmation dialog */
#confirm {
  display: none;
}
#confirm p {
  clear: both;
  padding-bottom: 60px;
}
#confirm #confirm-inside {
  padding: 20px;
}

/* Prompt dialog */
#prompt {
  display: none;
  width: 700px;
  margin-left: 100px 50px 100px 50px;
  padding: 20px;
  padding-bottom: 0px;
  border: 0px dotted #dbdddc;
  float: left;
}
#prompt p {
  clear: both;
}
#prompt input[type=text] {
  width: 200px;
}

/* Alert dialog */
#alert {
  display: none;
  width: 700px;
  margin-left: 100px 50px 100px 50px;
  padding: 20px;
  padding-bottom: 0px;
  border: 0px dotted #dbdddc;
  float: left;
}
#alert p {
  clear: both;
}

/* Tabs */
#tabs h1 {
  margin: 0px;
  height: 42px;
  line-height: 42px;
  font-size: 1.5em;
  color: #fff;
  background-color: #d20a11;
  font-family: Locker, Verdana;
  float: left;
  text-align: center;
  padding: 0 20px;
  min-width: 138px;
  margin-top: -1px;
  margin-right: 10px;
}
#tabs h1 a {
  color: #d01500;
  padding-right: 10px;
  border-right: 1px dotted #d01500;
  margin-right: 10px;
}
#tabs h1 a:hover {
  color: #fff;
}
#tabs h1 a.last {
  margin-right: 0px;
  padding-right: 0px;
  border-right: none;
}
#tabs ul {
  margin: 0px;
  padding: 0px;
  height: 40px;
  width: 98%;
}
#tabs ul li {
  display: block;
  float: left;
  height: 40px;
  list-style-image: none;
  font-size: 0.85em;
  font-weight: 600;
}
#tabs ul li a {
  font-family: "Locker Medium";
  text-transform: uppercase;
  cursor: pointer;
  display: block;
  float: left;
  text-align: center;
  text-decoration: none;
  height: 26px;
  line-height: 28px;
  margin: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 20px;
  padding-right: 20px;
  color: #333;
  background: none;
  margin-top: -1px;
  border-bottom: 3px solid transparent;
}
#tabs ul li a:focus {
  outline: none;
}
#tabs ul li a:hover {
  color: #d20a11;
  font-weight: 700;
}
#tabs ul li.snapshot.selected {
  border-bottom: solid 1px #f9f9f9;
}
#tabs ul li.selected {
  border-bottom: solid 1px #fff;
  z-index: 200;
}
#tabs ul li.selected a {
  font-size: 1em;
  height: 31px;
  padding-bottom: 1px;
  line-height: 28px;
  margin-top: -1px;
  font-weight: bold;
  color: #d20a11;
  border-bottom: solid 3px #d20a11;
}
#tabs ul li.divider {
  min-width: 0px;
  width: 0px;
  border-right: solid 1px #d20a11;
  height: 50px;
}
#tabs ul li.logo a {
  width: 110px;
}
#tabs ul li.logo a img {
  height: 40px;
  margin-top: -6px;
}
#tabs ul.simple li.selected {
  border-bottom: solid 1px #fff;
}
#tabs ul.simple li.selected a {
  background-color: #fff;
}

/* Snapshot */
#snapshot {
  padding: 10px 0;
  border-bottom: solid 1px #48535A;
  clear: both;
  display: flex;
  align-items: center;
}
#snapshot > img {
  float: left;
  height: 40px;
  margin-right: 20px;
}
#snapshot #main {
  width: 45%;
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
#snapshot #main h1 {
  background-color: transparent;
  font-size: 1.7em;
  color: #000;
  text-align: left;
  padding: 0px;
  line-height: normal;
  margin: 0px;
}
#snapshot #main h1 span {
  white-space: nowrap;
  display: inline;
}
#snapshot #main h2 {
  font-family: Arial, Helvetica, Sans-Serif;
  color: #48535A;
  text-transform: none;
  font-size: 1.1em;
  margin: 0px;
  float: left;
  clear: left;
  padding-top: 5px;
  font-weight: normal;
  width: 95%;
}
#snapshot #main h2 .warning {
  float: left;
  font-weight: normal;
  display: block;
  margin: 0px;
  background-color: #ffce44;
  border: solid 1px #d20a11;
  font-size: 0.8em;
  letter-spacing: normal;
  color: #000;
  text-transform: uppercase;
  margin-right: 10px;
  padding: 3px;
  margin-top: -3px;
}
#snapshot #main h2 .warning a {
  font-weight: normal;
  color: #d20a11;
  font-size: 1em;
  text-transform: uppercase;
  margin: 0px;
  float: none;
}
#snapshot #main h2 span {
  color: #6d7674;
  padding-left: 5px;
  padding-right: 5px;
}
#snapshot #main h2 a {
  color: #48535A;
  font-size: 1em;
  display: inline;
  float: none;
}
#snapshot #main h2 a span.offline {
  color: #d20a11;
  padding: 0px;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: normal;
  border-bottom: none;
  text-decoration: underline;
}
#snapshot #main h2 a span.online {
  color: #288028;
  padding: 0px;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: normal;
  border-bottom: none;
  text-decoration: underline;
}
#snapshot #filter label {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1em;
  margin-right: 10px;
  float: left;
}
#snapshot #aux {
  float: right;
  margin-right: 0px;
  margin-left: auto;
  display: flex;
  align-items: center;
}
#snapshot #aux div {
  vertical-align: middle;
  padding-right: 10px;
}
#snapshot #aux div h3 {
  text-align: right;
  color: #d20a11;
  text-transform: uppercase;
  font-size: 0.9em;
  margin-top: 10px;
  margin-bottom: 1px;
  margin-right: 5px;
}
#snapshot #aux div p {
  font-size: 1.5em;
  color: #000;
  text-align: right;
  text-transform: uppercase;
  margin-bottom: 0px;
}
#snapshot #aux div p.alert {
  background-color: #ffce44;
  padding-left: 5px;
  padding-right: 5px;
  color: #000;
  margin-top: 22px;
}
#snapshot #aux div input[type=button] {
  display: block;
}
#snapshot #aux div.divider {
  border-left: 1px dotted #999;
}
#snapshot #aux div a {
  display: inline-block;
}
#snapshot #aux div a img {
  height: 40px;
}
#snapshot select {
  width: auto;
  background: none;
  background-color: #fff;
  border: 1px solid #dbdddc;
}
#snapshot.light {
  background-color: #fff;
}
#snapshot.light select {
  width: 160px;
  padding: 3px;
  border: none;
  padding-left: 2px;
  border-left: solid 1px #d7d7d7;
  border-right: solid 1px #d7d7d7;
  box-shadow: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background: url(images/input.gif) repeat-x;
}

/* Breadcrumb */
.breadcrumb {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 20px;
}
.breadcrumb a {
  float: left;
  color: #48535A;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted #48535A;
}
.breadcrumb span {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: bold;
}

/*#region Sidetabs */
.sidetabs-band {
  width: 120px;
  position: absolute;
  top: 0px;
  height: 100%;
  left: 0px;
}

.sidetabs {
  display: block;
  float: left;
  width: 100%;
  border-right: solid 1px #dbdddc;
  background-color: #fff;
  padding-bottom: 100px;
  border-bottom-right-radius: 0px;
}
.sidetabs.blank {
  background-color: #fff;
}
.sidetabs.blank li {
  background-color: #fff;
}
.sidetabs h3 {
  text-align: center;
  margin-left: 10px;
  margin-top: 0;
  margin-bottom: 10px;
  background-color: #48535A;
  color: #fff !important;
  margin: 0;
  padding: 10px;
  font-size: 1.1em;
  font-weight: 500;
}
.sidetabs li {
  padding: 10px;
  padding-right: 0px;
  display: block;
  background-color: #fff;
  border-left: solid 3px transparent;
}
.sidetabs li.selected {
  background-color: #fff;
  margin-right: -1px;
  border-right-color: transparent;
  border-left: solid 3px #d20a11;
  border-top: solid 1px #dbdddc;
  border-bottom: solid 1px #dbdddc;
}
.sidetabs li.selected:hover {
  background-color: #fff;
}
.sidetabs li.selected a {
  color: #d20a11;
  background-color: transparent;
  font-weight: bold;
  border-right: 1px dashed #d20a11;
}
.sidetabs li.selected a > p {
  color: #d20a11 !important;
}
.sidetabs li.selected img {
  filter: alpha(opacity=100);
  opacity: 1;
}
.sidetabs li.menu {
  text-transform: uppercase;
  text-align: center;
  font-size: 0.8em;
}
.sidetabs li.menu a {
  text-transform: uppercase;
  text-decoration: none;
}
.sidetabs li img {
  clear: both;
  margin-right: 10px;
  margin-left: 10px;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.sidetabs li a {
  padding-right: 10px;
  display: block;
  color: #333;
  position: relative;
}
.sidetabs li a:focus {
  outline: none;
}
.sidetabs li a span.step {
  display: block;
  float: left;
  background-color: #dbdddc;
  color: #666;
  padding: 5px;
  margin-top: -5px;
  margin-left: -5px;
  margin-right: 5px;
}
.sidetabs li a span.step.active {
  background-color: #48535A;
  color: #fff;
}
.sidetabs li a:hover {
  color: #d20a11;
}
.sidetabs li a:hover > p {
  color: #d20a11 !important;
}
.sidetabs li a .subscript {
  display: block;
  font-size: 1em;
  color: #666;
  font-weight: normal;
}

/*#endregion*/
/* Subtabs */
.subtabs {
  margin-bottom: 20px;
  clear: both;
  display: block;
  float: left;
  border-bottom: solid 1px #48535A;
  width: 100%;
  position: relative;
  padding-left: 0px;
}
.subtabs li {
  display: block;
  float: left;
}
.subtabs li a {
  display: block;
  float: left;
  color: #333;
  text-decoration: none;
  padding: 10px;
  padding-bottom: 5px;
  padding-top: 8px;
  text-align: center;
  font-family: Locker;
  text-transform: uppercase;
  border-bottom: solid 2px transparent;
  font-size: 0.85em;
}
.subtabs li a:hover {
  color: #48535A;
}
.subtabs li.selected {
  background-color: #48535A;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.subtabs li.selected a {
  color: #fff;
}

/* Wizard tabs */
.wizard {
  float: left;
  margin-bottom: 10px;
  padding-bottom: 10px;
  clear: both;
}
.wizard li {
  float: left;
}
.wizard li a {
  color: #48535A;
  float: left;
  background-color: #dbdddc;
  height: 30px;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 5px;
  text-align: center;
  text-decoration: none;
}
.wizard li a:before {
  content: "";
  display: block;
  float: left;
  width: 0;
  height: 0;
  margin-left: -20px;
  border-style: solid;
  border-width: 15px 0 15px 10px;
  border-color: transparent transparent transparent #fff;
}
.wizard li:after {
  content: "";
  display: block;
  float: right;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 10px;
  border-color: transparent transparent transparent #dbdddc;
}
.wizard li.selected {
  font-weight: bold;
}
.wizard li.selected a {
  color: #fff;
  background-color: #d20a11;
  border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
}
.wizard li.selected:after {
  border-color: transparent transparent transparent #d20a11;
}
.wizard li:first-child a {
  padding-left: 5px;
}
.wizard li:first-child a:before {
  content: none;
}
.wizard li.locked a {
  color: #48535A;
  background-color: #efefef;
  cursor: default;
}
.wizard li.locked:after {
  border-color: transparent transparent transparent #efefef;
}

/* Steps (vertical) */
.stepped {
  border-left: solid 3px #dbdddc;
}
.stepped.last {
  border-left: solid 3px transparent;
}
.stepped > :not(.step) {
  margin-left: 30px;
}
.stepped .step {
  height: 30px;
  width: 30px;
  float: left;
  border: solid 3px #dbdddc;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  margin-top: -10px;
  margin-left: -20px;
}
.stepped .step > span {
  color: #fff;
  font-size: 1.3em;
  font-weight: normal;
  height: 21px;
  width: 26px;
  float: left;
  text-align: center;
  border: solid 2px #fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  padding-top: 5px;
  background-color: #48535A;
}
.stepped .step > span.done {
  background-color: #666;
}
.stepped .step > span.warning {
  background-color: #ffce44;
  color: #000;
}
.stepped .step > span.error {
  background-color: #d20a11;
}

/*#region Switch */
hr.actions {
  padding: 0px;
  border-top: none;
  height: 1px;
  background: none;
  border-bottom: solid 1px #d20a11;
  padding-top: 10px;
  margin-bottom: 10px;
}

.switch {
  padding: 5px;
  float: left;
  margin-bottom: 0px;
  background-color: #fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  margin-right: 10px;
  border: solid 1px #aaa;
  position: relative;
}
.switch a {
  float: left;
  padding: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #333;
  text-transform: uppercase;
  font-size: 0.9em;
  text-decoration: underline;
}
.switch a:hover {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  color: #d20a11;
}
.switch a.selected {
  background-color: #48535A;
  color: #fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-decoration: none;
}
.switch a.selected:hover {
  background-color: #495451;
}
.switch span {
  float: left;
  padding: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #333;
  text-transform: uppercase;
  font-size: 0.9em;
}
.switch span.selected {
  background-color: #495451;
  color: #fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
.switch .toggle {
  float: left;
  padding: 3px;
  border: solid 1px #aaa;
  background-color: #fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  margin-top: 3px;
  margin-right: 3px;
  margin-left: 3px;
}
.switch .toggle a {
  height: 12px;
  width: 12px;
  padding: 0px;
}
.switch .toggle a.selected {
  background-color: #333;
}
.switch div.disabled {
  background-color: #fff;
  border: 1px dotted #dbdddc;
}
.switch div.disabled .toggle, .switch div.disabled a {
  display: none;
}
.switch div.disabled span {
  color: #dbdddc;
}
.switch a.online {
  background-color: #288028;
  color: #fff;
  font-weight: normal;
}
.switch a.offline {
  background-color: #d20a11;
  color: #fff;
  font-weight: normal;
}
.switch a:hover.online {
  background-color: #288028;
  color: #fff;
  font-weight: normal;
}
.switch a:hover.offline {
  background-color: #d20a11;
  color: #fff;
  font-weight: normal;
}

/*#endregion*/
/* Chooser */
.chooser {
  height: 100px;
  width: 100px;
  float: left;
  margin-right: 10px;
  text-align: center;
}
.chooser > div {
  border: solid 10px #fff;
  height: 70px;
  width: 70px;
  padding: 10px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-color: #efefef;
}
.chooser > div.active {
  border: solid 10px #dbdddc;
}
.chooser > div:hover {
  cursor: pointer;
  border: solid 10px #aaa;
}
.chooser > div a {
  text-transform: uppercase;
  color: #000;
}

/*#region Translation */
.translation > input.search {
  margin-bottom: 20px;
}
.translation .headings {
  border-bottom: 1px dotted #dbdddc;
  float: left;
  width: 100%;
}
.translation .english {
  width: 420px;
  color: #000;
  font-weight: bold;
  float: left;
  font-family: Arial, Helvetica, Sans-Serif;
}
.translation .french {
  width: 400px;
  color: #000;
  font-weight: bold;
  float: left;
  font-family: Arial, Helvetica, Sans-Serif;
}
.translation .item {
  border-bottom: 1px dotted #dbdddc;
  float: left;
  width: 100%;
  padding-bottom: 5px;
  padding-top: 5px;
}
.translation .item:hover {
  cursor: pointer;
  background-color: #f7f7f7;
}
.translation .selected {
  border-bottom: solid 1px #d7d7d7;
  border-top: solid 1px #fff9d7;
}
.translation .selected:hover {
  cursor: pointer;
  background-color: #fff;
}
.translation .item .data, .translation .item .text {
  width: 380px;
  float: left;
  color: #000;
  padding-right: 20px;
  margin-bottom: 0px;
}
.translation .item .none {
  font-style: italic;
  color: #aaa;
}
.translation .item .system {
  display: none;
  color: #d20a11;
  margin-top: 20px;
}
.translation .item textarea {
  display: none;
  width: 300px;
  color: #000;
  margin-right: 20px;
  height: 60px;
}
.translation .item input {
  display: none;
}
.translation .item input.save {
  margin-bottom: 5px;
}
.translation .history {
  float: right;
  margin-right: 95px;
  width: 330px;
}
.translation .history div {
  margin-top: 10px;
  margin-bottom: 5px;
}
.translation .history p {
  margin-bottom: 0px;
  color: #000;
}
.translation .history span {
  font-size: 0.8em;
  font-style: italic;
  color: #999;
}

#translation-detail {
  float: left;
  padding: 20px;
  width: 760px;
  padding-bottom: 0px;
}
#translation-detail .headings {
  float: left;
  width: 100%;
}
#translation-detail .headings h3 {
  float: left;
  width: 50%;
}
#translation-detail p {
  width: 750px;
  float: left;
  margin-right: 20px;
}
#translation-detail textarea {
  width: 750px;
  float: left;
}
#translation-detail .cke_chrome {
  float: left;
  width: 750px;
}

/*#endregion*/
/* Print */
#print img {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
#print img.enabled {
  filter: alpha(opacity=100);
  opacity: 1;
}

/*#region Info, Pass, Warning, Fail (these are just color references, not active styles) */
.info {
  border: solid 1px #d4dae8;
  background-color: #eceff6;
}

.pass {
  border: solid 1px #5a725a;
  background-color: #e9fde5;
}

.warn {
  border: solid 1px #8a410d;
  background-color: #ffce44;
  color: #000;
}

.fail {
  border: solid 1px #dd3c10;
  background-color: #d20a11;
  color: #fff;
}

/*#endregion*/
/*#region Guide */
#guidance {
  margin-top: 5px;
  clear: both;
}

#guide {
  margin-bottom: 20px;
  display: block;
  float: none;
}
#guide > div {
  padding: 10px;
  background-color: #efefef;
}
#guide a {
  float: none;
  color: #333;
  font-size: 1em;
  text-decoration: underline;
  display: block;
  font-weight: bold;
}
#guide a:hover {
  text-decoration: underline;
}
#guide ul {
  display: block;
  margin-top: 10px;
}
#guide ul li {
  color: #000;
  padding: 2px;
  padding-left: 20px;
  position: relative;
}
#guide ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}
#guide ul li:hover {
  font-weight: normal;
  cursor: pointer;
}
#guide .guide-error {
  border-left: solid 5px #d20a11;
}
#guide .guide-error ul li {
  color: #d20a11;
}
#guide .guide-error a {
  display: inline;
  font-weight: normal;
  color: #d20a11;
}
#guide .guide-warning {
  border-left: solid 5px #ffce44;
}
#guide .guide-warning a {
  display: inline;
  font-weight: normal;
  color: #d20a11;
}
#guide .packed {
  padding-left: 0px;
}
#guide .packed ul {
  margin-top: 0px;
}
#guide h3 {
  background-color: #ffce44;
  font-size: 1.2em;
  color: #000;
  font-weight: bold;
  padding: 10px;
}

#snapshot #guide {
  margin-bottom: 0px;
  margin-top: 0px;
  float: left;
}
#snapshot #guide div {
  background-color: #efefef;
}

#readonly-guide {
  margin-bottom: 20px;
  border: solid 1px #8a410d;
  background-color: #fff9d7;
  padding: 10px;
  display: block;
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
}
#readonly-guide a {
  float: none;
  color: #333;
  font-size: 1em;
  text-decoration: none;
  display: block;
  font-weight: bold;
}
#readonly-guide a:hover {
  text-decoration: none;
  cursor: default;
}
#readonly-guide ul {
  display: block;
  margin-top: 15px;
  margin-left: 20px;
  position: relative;
}
#readonly-guide ul li {
  color: #000;
  padding: 5px;
}
#readonly-guide ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}
#readonly-guide ul li:hover {
  font-weight: normal;
  cursor: default;
}

/*#endregion*/
/*#region Email*/
#email-change-self, #email-change-proxy {
  display: none;
}

.email-warn {
  padding: 3px;
}

/*#endregion*/
/*#region Help */
#help img {
  filter: alpha(opacity=100);
  opacity: 1;
}

#help-container #help-tabs {
  float: left;
  width: 252px;
  padding-bottom: 50px;
  user-select: none;
}
#help-container #help-tabs h3 {
  float: left;
  width: 231px;
  padding-left: 10px;
  background-color: #48535A;
  color: #fff !important;
  clear: both;
  padding: 10px;
  margin-bottom: 0px;
  text-align: center;
}
#help-container #help-tabs .accordian h2:hover .button {
  display: block;
}
#help-container #help-tabs .accordian .button {
  display: none;
  text-decoration: none;
  margin-right: 5px;
}
#help-container #help-content {
  float: left;
  width: 591px;
  padding: 10px;
  margin-left: 20px;
}
#help-container #help-content .line {
  border-bottom: 1px #dbdddc solid;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#help-container #help-content #permalinks {
  padding-top: 10px;
  margin-bottom: 10px;
}
#help-container #help-content #permalinks label {
  width: 50px;
  display: inline-block;
}
#help-container #help-content #permalinks input[type=text] {
  width: 520px;
}
#help-container #help-content #help-preview {
  margin-top: 10px;
  margin-bottom: 150px;
}
#help-container #help-content #help-preview p {
  margin-left: 20px;
  margin-bottom: 10px;
}
#help-container #help-content #help-preview img {
  max-width: 570px;
}
#help-container #help-content #help-preview ul, #help-container #help-content #help-preview ol {
  margin-left: 20px;
  padding-left: 20px;
  margin-bottom: 20px;
}
#help-container #help-content #help-preview ul li, #help-container #help-content #help-preview ol li {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
  /*text-align: justify;*/
  line-height: 1.3;
}
#help-container #help-content #help-preview ul li:before, #help-container #help-content #help-preview ol li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}
#help-container #help-content #help-edit {
  margin-top: 10px;
}
#help-container #help-content p.placeholder {
  float: left;
  width: 611px;
  display: block;
  font-size: 2em;
  color: #495451;
  font-style: italic;
  text-align: center;
  padding-top: 100px;
  font-weight: normal;
}

/*#endregion*/
/* Addresses  */
.addresses .card {
  float: left;
  margin-right: 20px;
  margin-bottom: 0px;
  text-align: left;
}
.addresses .card p {
  margin-bottom: 0px;
  color: #000;
}
.addresses .card .primary {
  font-weight: bold;
}
.addresses .card .actions {
  margin-top: 10px;
}
.addresses .card .actions a {
  color: #495451;
  text-decoration: underline;
}
.addresses .card .actions a:hover {
  color: #d01500;
}
.addresses .card .actions a.active {
  color: #d01500;
}
.addresses #no-addresses {
  color: #000;
}
.addresses #delete-pane {
  float: left;
  margin-bottom: 15px;
  margin-top: 15px;
  border-top: solid 1px #fff9d7;
  padding-top: 15px;
}
.addresses #delete-pane #container {
  float: left;
  clear: both;
  text-align: center;
  width: 100%;
  margin-top: 10px;
}
.addresses #delete-pane #container .card {
  float: none;
  width: 100%;
}
.addresses #edit-pane {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
  border-top: solid 1px #fff9d7;
  padding-top: 15px;
}
.addresses #edit-pane fieldset {
  margin-bottom: 0px;
  padding: 0px;
}
.addresses #edit-pane .address input {
  width: 167px;
}
.addresses #edit-pane .country select, .addresses #edit-pane .region select {
  width: 180px;
}
.addresses #edit-pane .municipality input {
  width: 167px;
}
.addresses #edit-pane .postal-code input {
  width: 60px;
}
.addresses #edit-pane.synchronous {
  border-top: none;
  margin-top: 0px;
}

/* Watermark on text/search boxes */
.watermark {
  color: #aaa;
}

/* Timeline */
#timeline {
  width: 780px;
}
#timeline #options {
  margin-bottom: 20px;
}
#timeline #options #body {
  border-bottom: 1px dotted #dbdddc;
  margin-bottom: 4.5px;
  padding: 0px 15px;
}
#timeline #options #body fieldset {
  margin-bottom: 10px;
}
#timeline #options #body #filters span {
  display: inline-block;
  margin-right: 15px;
}
#timeline #options #body #filters span input[type=checkbox] {
  vertical-align: middle;
}
#timeline #options #controls {
  text-align: center;
  cursor: pointer;
}
#timeline #options #controls span {
  border-top: 1px white solid;
  padding: 3px 10px 5px;
}
#timeline #options #controls span.hide {
  border-left: 1px dotted #dbdddc;
  border-bottom: 1px dotted #dbdddc;
  border-right: 1px dotted #dbdddc;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
#timeline p {
  margin: 0px;
  padding: 0px;
  color: #000;
}
#timeline .when {
  text-align: center;
  text-transform: uppercase;
  float: left;
  width: 100%;
}
#timeline .when div {
  padding: 10px;
  background-color: #48535A;
  color: #fff;
  width: 90px;
  font-weight: normal;
  display: inline-block;
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
}
#timeline .row {
  float: left;
  width: 100%;
  float: left;
  position: relative;
}
#timeline .row .dot {
  width: 10px;
  height: 10px;
  background-color: #48535A;
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  position: absolute;
  top: 10px;
  right: 50%;
  margin-right: -5px;
}
#timeline .row .left {
  border-right: solid 2px #48535A;
  width: 50%;
  float: left;
  margin-left: -1px;
}
#timeline .row .right {
  border-left: solid 2px #48535A;
  width: 50%;
  float: right;
  margin-right: -1px;
}
#timeline .primary, #timeline .secondary {
  border-top: 1px dashed #48535A;
  border-bottom: 1px dotted #dbdddc;
  background-color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
#timeline .primary p, #timeline .secondary p {
  display: block;
}
#timeline .primary .type, #timeline .secondary .type {
  width: 100px;
  text-transform: none;
}
#timeline .primary .type span, #timeline .secondary .type span {
  font-weight: bold;
}
#timeline .primary .value, #timeline .secondary .value {
  width: 190px;
}
#timeline .primary .who, #timeline .secondary .who {
  font-style: italic;
  color: #495451;
}
#timeline .primary .who {
  float: left;
}
#timeline .secondary .who {
  float: right;
}
#timeline .primary .when, #timeline .secondary .when {
  width: 150px;
  font-size: 0.8em;
  color: #495451;
}
#timeline .primary .when {
  float: right;
}
#timeline .secondary .when {
  float: left;
}
#timeline .primary .who span, #timeline .secondary .who span {
  display: inline-block;
}
#timeline .primary .who a, #timeline .secondary .who a {
  color: #495451;
}
#timeline .primary {
  border-left: solid 1px #dbdddc;
}
#timeline .secondary {
  border-right: solid 1px #dbdddc;
}
#timeline .primary p {
  float: left;
  text-align: right;
}
#timeline .secondary p {
  float: right;
  text-align: left;
}
#timeline .primary .type {
  font-size: 1.3em;
  width: 140px;
}
#timeline .primary .value {
  text-align: center;
}
#timeline .secondary .value {
  text-align: center;
}
#timeline .primary .who {
  text-align: left;
}
#timeline .secondary .who {
  text-align: right;
}

/* Home */
#home {
  float: left;
  padding-bottom: 5px;
  margin-left: 20px;
  margin-right: 20px;
}
#home #navigation {
  overflow: hidden;
  margin-top: 25px;
  border-bottom: solid 1px #dbdddc;
}
#home #navigation > h2 {
  border: solid 1px #dbdddc;
  border-bottom: none;
  padding-bottom: 7px;
  padding-top: 10px;
  padding-left: 8px;
  margin-bottom: 0;
  font-size: 0.9em;
}
#home .widget {
  text-align: center;
  float: left;
  width: 158px;
  border-right: solid 1px #dbdddc;
  min-height: 100px;
  border-top: solid 1px #d20a11;
  padding-top: 10px;
  padding-bottom: 10px;
}
#home .widget.first {
  border-left: solid 1px #dbdddc;
}
#home .widget > a {
  background-color: #fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  display: block;
  text-decoration: none;
  margin-left: 10px;
  margin-right: 10px;
  border: solid 1px #fff;
  padding-top: 10px;
  padding-bottom: 20px;
}
#home .widget > a:hover {
  border: solid 1px #dbdddc;
  background-color: #f7f7f7;
  cursor: pointer;
}
#home .widget h2 {
  text-align: center;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#home .widget p {
  margin-bottom: 5px;
  padding-bottom: 5px;
}
#home li {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
  /*text-align: justify;*/
  line-height: 1.3;
}
#home li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}
#home ul {
  margin-top: 10px;
  text-align: center;
}
#home #highlights {
  border-top: solid 1px #d20a11;
  margin-top: 30px;
  float: left;
  width: 960px;
  margin-left: 20px;
}
#home #registered {
  margin-left: 20px;
  margin-top: 20px;
  float: left;
}
#home #registered div {
  margin-bottom: 5px;
  border-bottom: 1px dotted #dbdddc;
  padding-bottom: 5px;
  float: left;
}
#home #registered div span {
  padding-right: 10px;
}
#home #registered div span.name {
  font-weight: bold;
}
/*#region eLearning */
#elearning {
  padding: 0px;
  padding-right: 0px;
}
#elearning .browser-warning {
  text-align: center;
  font-size: 1.3em;
  font-weight: normal;
  margin: 20px;
  margin-bottom: 0px;
  padding: 10px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  color: #fff;
  background-color: #d20a11;
}
#elearning .browser-warning a {
  color: #fff;
  font-weight: bold;
}
#elearning .browser-warning ul {
  float: none;
  position: static;
}
#elearning #maintenance {
  padding: 30px;
}
#elearning #sport-nav .sidetabs {
  width: auto;
}
#elearning #sport-nav a {
  font-weight: bold;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
#elearning #sport-nav img {
  height: 30px;
}
#elearning #left {
  margin: 20px;
  margin-right: 0px;
  float: left;
}
#elearning #right {
  width: 100%;
  padding-top: 20px;
  float: left;
  padding-left: 30px;
  margin-top: 20px;
  border-top: solid 1px #48535A;
}
#elearning #right fieldset {
  width: 100%;
}
#elearning #right fieldset > div > label {
  text-transform: uppercase;
  font-size: 0.9em;
  width: 20%;
}
#elearning #right #contact {
  clear: both;
  margin-top: 20px;
  float: left;
}
#elearning #right #contact p {
  margin: 0px;
}
#elearning #landing {
  position: relative;
}
#elearning #landing h1 {
  margin-bottom: 40px;
}
#elearning #landing .stepped {
  margin-left: 30px;
  height: 50px;
}
#elearning #landing .stepped .step {
  margin-top: -6px;
}
#elearning #landing .stepped p {
  font-size: 1.3em;
  margin-bottom: 0px;
}
#elearning #landing #note {
  margin-top: 30px;
  clear: both;
}
#elearning #landing ul {
  padding-left: 20px;
}
#elearning #landing ul li {
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}
#elearning #landing ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 0;
}
#elearning #item {
  position: relative;
}
#elearning #item ul {
  padding-left: 20px;
}
#elearning #item ul li {
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}
#elearning #item ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 0;
}
#elearning #item strong {
  font-weight: bold;
}
#elearning #item table.prerequisites td:first-child {
  color: #d20a11;
  font-weight: bold;
}
#elearning #item #description {
  margin-bottom: 20px;
  line-height: 1.5em;
  color: #000;
  border-bottom: solid 1px #dbdddc;
  padding-bottom: 10px;
  clear: both;
}
#elearning #item #description > p > img {
  width: 100% !important;
}
#elearning #item #description p {
  color: #000;
}
#elearning #item #description ol {
  margin-left: 15px;
}
#elearning #item #description ol li {
  list-style: decimal;
  margin-left: 15px;
  margin-bottom: 5px;
}
#elearning #item #terms {
  clear: both;
  float: left;
  margin-top: 15px;
}
#elearning #item #terms p {
  margin-bottom: 0px;
}
#elearning #item #terms a {
  text-decoration: underline;
}
#elearning #group #med {
  width: 100%;
  float: left;
}
#elearning #group #med img {
  width: 100%;
  margin-bottom: 20px;
}
#elearning #group #med h5 {
  margin-bottom: 10px;
}
#elearning #group #med .ui-accordion ul {
  margin-bottom: 0px;
  margin-left: 30px;
}
#elearning #group #med .ui-accordion ul li a {
  color: #d20a11;
}
#elearning #group #med .ui-accordion .ui-accordion-header {
  padding: 10px;
  padding-left: 30px;
  background-color: #fff;
  font-family: inherit;
}
#elearning #group #med .ui-accordion .ui-accordion-header:hover {
  color: #d20a11;
}
#elearning #group #med .ui-accordion .ui-state-active {
  background-color: #fff;
  color: #333;
  border: 1px solid #d20a11;
  border-bottom-color: transparent;
  outline: 0;
}
#elearning #group #med .ui-accordion .ui-accordion-content {
  padding: 0;
  border-top: 0;
  overflow: auto;
  border: 1px solid #d20a11;
  border-top-color: transparent;
}
#elearning #group #med ul {
  margin-left: 30px;
  margin-bottom: 20px;
}
#elearning #group #med ul li {
  position: relative;
  padding: 15px;
  line-height: 1.3;
}
#elearning #group #med ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 0;
}
#elearning #group #med .spacer {
  margin-bottom: 50px;
  clear: both;
}
#elearning #group #mhws {
  width: 100%;
  float: left;
  margin-bottom: 50px;
}
#elearning #group #mhws hr {
  background: none;
  border-bottom: solid 1px #dbdddc;
  margin-bottom: 20px;
}
#elearning #group #mhws img.banner {
  width: 100%;
  margin-bottom: 20px;
}
#elearning #group #mhws #modules {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  padding: 10px;
  padding-bottom: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#elearning #group #mhws #modules > div {
  display: flex;
  float: left;
  width: 180px;
  text-align: center;
  padding: 15px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  font-size: 1.2em;
  margin: 15px;
  border: 1px solid #dbdddc;
}
#elearning #group #mhws #modules > div:hover {
  background-color: #d20a11;
  color: #fff;
}
#elearning #group #mhws #modules > div a {
  padding: 10px;
  color: #6d7674;
}
#elearning #group #mhws #modules > div a:hover {
  color: #fff;
}
#elearning #group #mhws #modules > div img {
  margin-top: 10px;
}
#elearning #group #mhws #modules:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#elearning #group #mhws #partnerVideo {
  margin-bottom: 20px;
  clear: both;
  display: flex;
  justify-content: center;
}
#elearning #group #mhws #partnerVideo iframe {
  width: 95%;
  height: 520px;
}
#elearning #group #ss {
  margin-bottom: 100px;
}
#elearning #group #ss #text > img {
  width: 100%;
  margin-bottom: 20px;
}
#elearning #group #ss #text ul {
  margin-left: 30px;
  margin-bottom: 20px;
}
#elearning #group #ss #text ul li {
  padding: 15px;
  position: relative;
}
#elearning #group #ss #text ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 0;
}
#elearning #group #ss #involvement {
  border-top: solid 1px #d20a11;
  padding-top: 20px;
}
#elearning #group #ss #involvement fieldset div {
  margin-bottom: 20px;
}
#elearning #group #ss #involvement fieldset div p {
  margin-bottom: 10px;
}
#elearning #group #ss #scenario-selection {
  padding-bottom: 100px;
}
#elearning #group #sts img#logo {
  width: 100%;
}
#elearning #group #sts #intro {
  margin-top: 30px;
  margin-bottom: 30px;
}
#elearning #group #sts #courses {
  display: flex;
  justify-content: space-evenly;
}
#elearning #group #sts #courses div {
  border: solid 1px #363636;
  width: 23%;
  background-color: #363636;
}
#elearning #group #sts #courses div:hover {
  border-color: #d20a11;
}
#elearning #group #sts #courses div.blank {
  border: solid 1px #ccc;
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}
#elearning #group #sts #courses div.blank:hover {
  border-color: #ccc;
}
#elearning #group #sts #courses div img {
  width: 100%;
}
#elearning #group #sts #courses div h2 {
  text-align: center;
  line-height: 1.2em;
  font-size: 1em;
  color: #fff;
  font-weight: normal;
  margin: 10px;
}
#elearning #group #iss img#logo {
  width: 100%;
}
#elearning #group #iss #intro {
  margin-top: 30px;
  margin-bottom: 30px;
}
#elearning #group #iss #courses {
  display: flex;
  justify-content: space-evenly;
}
#elearning #group #iss #courses div {
  border: solid 1px #363636;
  width: 23%;
  background-color: #363636;
}
#elearning #group #iss #courses div:hover {
  border-color: #d20a11;
}
#elearning #group #iss #courses div.blank {
  border: solid 1px #ccc;
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}
#elearning #group #iss #courses div.blank:hover {
  border-color: #ccc;
}
#elearning #group #iss #courses div img {
  width: 100%;
}
#elearning #group #iss #courses div h2 {
  text-align: center;
  line-height: 1.2em;
  font-size: 1em;
  color: #fff;
  font-weight: normal;
  margin: 10px;
}
#elearning #group #iss ul {
  margin-left: 30px;
  margin-bottom: 20px;
}
#elearning #group #iss ul li {
  padding: 15px;
  position: relative;
}
#elearning #group #iss ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 0;
}
#elearning #warning-dialog .browser-warning {
  text-align: center;
  font-size: 1.3em;
  display: none;
  font-weight: normal;
  margin: 20px;
  margin-bottom: 0px;
  padding: 10px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  color: #fff;
  background-color: #d20a11;
}
#elearning #warning-dialog .browser-warning a {
  color: #fff;
  font-weight: bold;
}
#elearning #warning-dialog .browser-warning ul {
  float: none;
}
#elearning .sidetabs {
  width: 250px;
}
#elearning .sidetabs li a {
  padding-left: 0px;
}
#elearning .sidetabs li a > div {
  float: left;
  width: 10px;
  height: 25px;
  margin-right: 0px;
  margin-left: 10px;
}
#elearning .sidetabs li a > span {
  font-size: 0.8em;
  text-transform: uppercase;
  color: #d20a11;
  display: block;
  margin-top: 5px;
  font-weight: normal;
}
#elearning .sidetabs li .csp-init, #elearning .sidetabs li .csp-ong {
  background-color: #e9fde5;
  padding: 5px;
}
#elearning .sidetabs li .inst-beg, #elearning .sidetabs li .inst-imd, #elearning .sidetabs li .inst-adv {
  background-color: #ffce44;
  padding: 5px;
}
#elearning .sidetabs li .comp-int, #elearning .sidetabs li .comp-dev {
  background-color: #d4dae8;
  padding: 5px;
}
#elearning .sidetabs p {
  margin-left: 10px;
  font-style: italic;
  margin-top: 10px;
}
#elearning .links {
  text-align: center;
  margin-bottom: 0px;
  margin-top: 20px;
  width: 100%;
  float: left;
}
#elearning .links a {
  margin-left: 5px;
  margin-right: 5px;
}
#elearning .email {
  float: left;
  margin-top: 10px;
  padding: 10px;
  width: 90%;
}
#elearning .open {
  padding: 30px;
  float: left;
}
#elearning .note {
  float: left;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #000;
  font-weight: normal;
  background-color: #fff;
  border: none;
}
#elearning .note p {
  color: #000;
}
#elearning table {
  margin-bottom: 20px;
}
#elearning #snapshot #main img {
  float: left;
  margin-right: 20px;
}
#elearning .completion-warning {
  font-weight: bold;
  color: #d20a11;
}

#onlinelearning-vouchers-content #vouchers-content {
  display: flex;
}
#onlinelearning-vouchers-content #vouchers-content .sidetabs {
  width: 100px;
}
#onlinelearning-vouchers-content #vouchers-content #vouchers-pane {
  flex-grow: 1;
}
#onlinelearning-vouchers-content #vouchers-content #vouchers-pane #onlinelearning-vouchers-async {
  flex-grow: 1;
}
#onlinelearning-vouchers-content .organization {
  margin: 20px;
}
#onlinelearning-vouchers-content .organization select {
  width: auto;
}
#onlinelearning-vouchers-content #order,
#onlinelearning-vouchers-content #financial-vouchers {
  flex-grow: 1;
}

#elearning #onlinelearning-vouchers-async {
  padding: 15px;
}
#elearning #onlinelearning-vouchers-async #order #container {
  width: auto;
}

/*#endregion*/
/*#region Commerce */
#commerce {
  padding: 30px;
  padding-top: 20px;
}
#commerce #steps {
  float: left;
  width: 100%;
  margin-bottom: 0px;
  position: relative;
  height: 50px;
  border-bottom: solid 1px #dbdddc;
}
#commerce #steps #line {
  width: 220px;
  height: 5px;
  background-color: #dbdddc;
  position: absolute;
  left: 205px;
  top: 13px;
  border: none;
}
#commerce #steps label {
  float: left;
  text-transform: uppercase;
}
#commerce #steps div.step {
  top: 0px;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  background-color: #dbdddc;
  text-align: center;
  margin-right: 60px;
  font-size: 1.5em;
  line-height: 1.3em;
  z-index: 1000;
}
#commerce #steps div.step1 {
  position: absolute;
  left: 205px;
}
#commerce #steps div.step2 {
  position: absolute;
  left: 305px;
}
#commerce #steps div.step3 {
  position: absolute;
  left: 405px;
}
#commerce #steps div.current {
  background-color: #48535A;
  color: #fff;
}
#commerce #purchase, #commerce #review, #commerce #summary {
  float: left;
  position: relative;
  height: 440px;
}
#commerce .left {
  width: 299px;
  float: left;
  border-right: 1px dotted #efefef;
  padding-right: 20px;
  margin-right: 20px;
  height: 320px;
  padding-top: 20px;
}
#commerce .right {
  width: 300px;
  float: left;
  padding-top: 20px;
}
#commerce h1 {
  display: none;
}
#commerce .buttons {
  position: absolute;
  bottom: 0px;
}
#commerce .buttons input {
  float: right;
}
#commerce a {
  color: #999;
}
#commerce table {
  margin-bottom: 20px;
  width: 100%;
  float: left;
}
#commerce table .price {
  text-align: right;
}
#commerce table tr {
  background-color: #fff;
}
#commerce table tr.total td {
  font-size: 2em;
  border-bottom: none;
  padding-top: 20px;
  padding-right: 0px;
}
#commerce table tr.total td img {
  margin-right: 10px;
  margin-bottom: 1px;
}
#commerce #errors {
  display: none;
  float: left;
  width: 280px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
#commerce #card {
  float: right;
  width: 300px;
  height: 200px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: solid 1px #dbdddc;
  background-color: #fff;
  box-shadow: 0 0 10px #dbdddc;
  position: relative;
  margin-bottom: 30px;
}
#commerce #card #magnetic {
  width: 100%;
  height: 30px;
  color: #fff;
  margin-top: 20px;
  background: url(images/credit-cards.png) no-repeat top right;
}
#commerce #card #number {
  float: left;
  margin-top: 20px;
  margin-left: 20px;
}
#commerce #card #number label {
  display: block;
  text-transform: uppercase;
  color: #dbdddc;
  margin-bottom: 5px;
}
#commerce #card #number input {
  width: 250px;
}
#commerce #card #expiry {
  float: left;
  margin-top: 25px;
  margin-left: 20px;
}
#commerce #card #expiry label {
  display: block;
  text-transform: uppercase;
  color: #dbdddc;
  margin-bottom: 5px;
}
#commerce #card #expiry #expMonth {
  width: 50px;
}
#commerce #card #expiry #expYear {
  width: 65px;
}
#commerce #card #code {
  float: right;
  margin-top: 27px;
  margin-right: 20px;
}
#commerce #card #code label {
  display: block;
  text-transform: uppercase;
  color: #dbdddc;
  margin-bottom: 5px;
}
#commerce #card #code input {
  width: 50px;
}
#commerce .seal {
  position: absolute;
  bottom: 70px;
  left: 0px;
}
#commerce .links {
  float: right;
  margin-right: 0px;
}
#commerce .links a {
  display: block;
  text-align: right;
}
#commerce #receipt {
  float: left;
}
#commerce #summary #print {
  display: block;
}
#commerce #summary #receipt {
  margin-top: 20px;
}
#commerce #summary #receipt #slot {
  width: 350px;
  height: 10px;
  background-color: #dbdddc;
  border: solid 1px #999;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
#commerce #summary #receipt #slip {
  display: none;
  padding: 20px;
  padding-top: 20px;
  float: left;
  width: 280px;
  background-color: #fff;
  margin-left: 15px;
  margin-top: -11px;
  border: solid 1px #dbdddc;
  border-top: none;
  border-bottom: 1px dashed #dbdddc;
  box-shadow: 0px 10px 10px #dbdddc;
}
#commerce #summary #messages {
  margin-top: 20px;
  float: left;
  width: 250px;
  margin-left: 30px;
}

#product .left {
  float: left;
  margin-right: 20px;
}
#product .left label {
  width: 110px;
}
#product .right {
  float: left;
  width: 300px;
}
#product .right label {
  width: 110px;
}

#coupon .col1 {
  float: left;
  margin-right: 20px;
  width: 51%;
}
#coupon .col1 label {
  width: 110px;
}
#coupon .col1 fieldset {
  margin-bottom: 20px;
}
#coupon .col2 {
  float: left;
  width: 45%;
}
#coupon .col2 fieldset {
  margin-bottom: 20px;
  clear: left;
}
#coupon .col2 label {
  width: 110px;
}
#coupon #details #promotion-amount input[type=text] {
  width: 40px;
}
#coupon #details select {
  width: auto;
}
#coupon .number input {
  width: 40px;
}
#coupon .text input {
  width: 245px;
}
#coupon #coupon-distributions, #coupon #coupon-redemptions {
  margin-bottom: 30px;
}

#coupon-distribution #distribution {
  padding: 20px;
}
#coupon-distribution #distribution-details {
  margin-right: 50px;
  float: left;
}
#coupon-distribution #distribution-details label {
  width: 100px;
}
#coupon-distribution #distribution-dates {
  float: left;
}
#coupon-distribution .number input {
  width: 40px;
}

#order #container {
  padding: 0px;
  width: 850px;
  box-shadow: none;
  display: flex;
}
#order #container #order {
  margin-left: 20px;
  border: solid 1px #000;
  padding: 20px;
}
#order #orderItems table {
  margin-bottom: 0px;
}
#order #orderItems table a {
  display: inline-block;
}
#order #orderItems table a.button {
  text-decoration: none;
}
#order #orderItems table a.hidden {
  display: none;
}
#order #InventoryGrid table {
  margin-bottom: 0px;
}
#order #InventoryGrid .grid tbody tr:not(.none) a.addToOrder {
  white-space: nowrap;
}
#order #InventoryGrid .grid tbody tr:not(.none) a.addToOrder:hover {
  text-decoration: underline;
}

#pay-dialog {
  padding: 20px;
  padding-bottom: 0px;
  width: 100%;
}
#pay-dialog #payment {
  display: flex;
  flex-direction: column;
}
#pay-dialog #payment #steps {
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
}
#pay-dialog #payment #steps .step {
  background-color: #eee;
  padding: 10px;
  border-radius: 5px;
  color: #ccc;
}
#pay-dialog #payment #steps .step.current {
  background-color: #48535A;
  color: #fff;
}
#pay-dialog #agreed-label {
  display: inline-block;
}
#pay-dialog #agreed-label:hover {
  cursor: pointer;
  text-decoration: underline;
}
#pay-dialog h2 {
  border-bottom: solid 0px #d20a11;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
#pay-dialog a {
  color: #999;
}
#pay-dialog table {
  margin-bottom: 20px;
}
#pay-dialog table .price {
  text-align: right;
}
#pay-dialog table tr {
  background-color: #fff;
}
#pay-dialog table tr.total td {
  font-size: 2em;
  border-bottom: none;
  padding-top: 20px;
  padding-right: 0px;
}
#pay-dialog table tr.total td img {
  margin-right: 10px;
  margin-bottom: 1px;
}
#pay-dialog #errors {
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
#pay-dialog .right #coupons input[type=text] {
  width: 180px;
  padding: 5px;
}
#pay-dialog .right #coupons #applied {
  border-top: dashed 1px #ccc;
}
#pay-dialog .right #coupons #applied li {
  font-weight: normal;
}
#pay-dialog #terms {
  padding-top: 0px;
}
#pay-dialog #terms #termsText {
  border: 1px solid #dbdddc;
  border-top: solid 1px #d20a11;
  overflow-y: scroll;
  padding: 10px;
  margin-bottom: 5px;
  max-height: 500px;
}
#pay-dialog #terms #termsText img {
  display: none;
}
#pay-dialog #card {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: solid 1px #dbdddc;
  background-color: #fff;
  box-shadow: 0 0 10px #dbdddc;
  position: relative;
  padding-bottom: 20px;
}
#pay-dialog #card #magnetic {
  width: 100%;
  height: 30px;
  color: #fff;
  margin-top: 20px;
  background: url(images/credit-cards.png) no-repeat top right;
}
#pay-dialog #card input[type=text],
#pay-dialog #card select {
  padding: 10px;
  display: inline-block;
}
#pay-dialog #card select {
  padding: 15px;
  display: inline-block;
}
#pay-dialog #card #number {
  margin-top: 20px;
  margin-left: 20px;
}
#pay-dialog #card #number label {
  display: block;
  text-transform: uppercase;
  color: #aaa;
  margin-bottom: 5px;
}
#pay-dialog #card #number input {
  width: 250px;
}
#pay-dialog #card #expiry {
  float: left;
  margin-top: 25px;
  margin-left: 20px;
}
#pay-dialog #card #expiry label {
  display: block;
  text-transform: uppercase;
  color: #aaa;
  margin-bottom: 5px;
}
#pay-dialog #card #expiry #expMonth {
  width: 50px;
}
#pay-dialog #card #expiry #expYear {
  width: 65px;
}
#pay-dialog #card #code {
  float: right;
  margin-top: 27px;
  margin-right: 20px;
}
#pay-dialog #card #code label {
  display: block;
  text-transform: uppercase;
  color: #aaa;
  margin-bottom: 5px;
}
#pay-dialog #card #code input {
  width: 50px;
}
#pay-dialog .seal {
  position: absolute;
  bottom: 70px;
  left: 0px;
}
#pay-dialog .links {
  margin-right: 0px;
}
#pay-dialog .links a {
  display: block;
  text-align: right;
}
#pay-dialog #print {
  display: block;
}
#pay-dialog #receipt {
  margin-top: 20px;
}
#pay-dialog #receipt #slot {
  display: none;
}
#pay-dialog #receipt #slip {
  display: none;
  padding: 20px;
  float: left;
  background-color: #fff;
  border: solid 1px #dbdddc;
  box-shadow: 0px 10px 10px #dbdddc;
}
#pay-dialog #messages {
  margin-top: 20px;
}
#pay-dialog #messages .coupon-distribution {
  margin-bottom: 5px;
}
#pay-dialog #messages .coupon-distribution label {
  font-weight: bold;
  display: block;
}
#pay-dialog #messages .coupon-distribution input {
  width: auto;
}
#pay-dialog .right .no-payment {
  padding: 5px;
  position: absolute;
  width: 200px;
}

#refund-dialog #refund {
  padding: 15px;
  padding-bottom: 50px;
}
#refund-dialog #refund #previous-refunds {
  margin-left: 100px;
}
#refund-dialog #refund #purchasers, #refund-dialog #refund #redeemers {
  float: right;
}
#refund-dialog #refund #purchasers li, #refund-dialog #refund #redeemers li {
  margin-bottom: 5px;
}
#refund-dialog #refund .returned {
  text-decoration: line-through;
}
#refund-dialog #refund .warnings {
  padding-bottom: 10px;
}
#refund-dialog #refund .warnings .warn {
  padding: 5px;
  line-height: 1.3;
}

/*#endregion*/
/* Calendar */
#calendar #content {
  width: 100%;
}
#calendar #head {
  float: left;
  width: 400px;
  margin-top: 20px;
}
#calendar #head h3 {
  float: left;
}
#calendar a {
  text-align: center;
  text-decoration: underline;
}
#calendar a.money {
  color: #288028;
}
#calendar a:hover {
  color: #d20a11;
  text-decoration: underline;
}
#calendar #filter {
  float: left;
  margin-top: 7px;
  width: 700px;
}
#calendar #filter input {
  float: right;
  margin: 0px;
  margin-right: 3px;
}
#calendar #grid {
  width: 70%;
  margin-right: 20px;
  margin-bottom: 20px;
}
#calendar #grid .previous, #calendar #grid .next {
  background-color: #fff;
  color: #6d7674;
}
#calendar #grid .weektitle {
  display: flex;
  align-items: center;
}
#calendar #grid .weekdays {
  width: 105px;
  height: 15px;
  padding: 5px;
  border: solid 1px #dbdddc;
  border-top-color: #48535A;
  text-align: center;
  overflow: hidden;
  background-color: #48535A;
  color: #fff;
}
#calendar #grid .day {
  width: 105px;
  height: 105px;
  padding: 5px;
  border: solid 1px #dbdddc;
  float: left;
  overflow: hidden;
}
#calendar #grid .day:hover {
  cursor: pointer;
  border: 1px solid #d20a11;
}
#calendar #grid .day .events {
  margin-top: 10px;
}
#calendar #grid .day .events > div {
  margin-top: 5px;
  font-size: 0.8em;
  padding: 2px;
  width: 97%;
  line-height: 1.3;
}
#calendar #grid .day .number {
  font-weight: bold;
}
#calendar #grid .day .number .total {
  font-weight: normal;
  color: #6d7674 !important;
  float: right;
  font-size: 0.85em;
}
#calendar #grid .day img {
  width: 15px;
}
#calendar #grid .firstWeek {
  border-top: 1px #fff solid;
}
#calendar #grid .selected {
  border: solid 1px #d20a11;
  background-color: #f7f7f7;
  width: 105px;
  height: 105px;
}
#calendar #details {
  width: 33%;
  padding-left: 0px;
  padding-top: 0px;
}
#calendar #details h2 {
  margin-top: 27px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #dbdddc;
}
#calendar #details h3 {
  padding-left: 10px;
  padding-top: 10px;
}
#calendar #details .event {
  margin-bottom: 10px;
  padding-left: 10px;
  width: 98%;
  border-bottom: 1px dashed #dbdddc;
}
#calendar #details .event img {
  width: 22px;
}
#calendar #details .event a {
  color: #000;
  text-decoration: underline;
  vertical-align: super;
}
#calendar #details .event a:hover {
  color: #d20a11;
}
#calendar #details .event p {
  font-size: 0.9em;
  color: #666;
  margin-bottom: 0px;
  margin-top: 3px;
}
#calendar #details .event p.dates {
  margin-bottom: 0px;
}
#calendar #details #none {
  margin-left: 10px;
  font-style: italic;
  color: #666;
}
#calendar #details .event span.closed {
  font-size: 0.7em;
  color: #d20a11;
}
#calendar #details .event div.registration-dates {
  font-size: 0.8em;
  margin-bottom: 10px;
}

/* Pathway */
#pathway {
  float: left;
  width: 100%;
  flex-direction: column;
}
#pathway #snapshot #main {
  display: flex;
  align-items: center;
}
#pathway #snapshot #main img {
  margin-right: 10px;
}
#pathway #snapshot #main h2 {
  white-space: nowrap;
}
#pathway #snapshot #aux > div {
  display: flex;
}
#pathway #snapshot #aux combo input[type=text] {
  background-color: #fff;
  outline: 0px solid #dbdddc !important;
}
#pathway h2 {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
#pathway #working {
  display: none;
  width: 100%;
}
#pathway #tab {
  float: left;
  width: 75%;
  margin-left: 30px;
}
#pathway .sidetabs {
  width: 20%;
}
#pathway .sidetabs span {
  display: block;
  font-size: 0.9em;
  margin-top: 5px;
  color: #999;
}
#pathway .sidetabs li.selected span {
  color: #dbdddc;
}
#pathway #statuses {
  float: left;
  margin-left: 0px;
  width: 100%;
  padding-top: 20px;
}
#pathway #statuses .status {
  display: none;
  margin-top: 20px;
}
#pathway #paths {
  float: left;
  margin-bottom: 20px;
}
#pathway .path {
  display: none;
  width: 100%;
  float: left;
}
#pathway .path h3, #pathway .path h5 {
  float: left;
}
#pathway .path h3.module {
  width: 70%;
  border-bottom: none;
}
#pathway .path h5.completed {
  width: 30%;
  text-align: center;
}
#pathway .module {
  float: left;
  width: 100%;
  margin-bottom: 5px;
  border-bottom: solid 1px #efefef;
  padding-bottom: 5px;
}
#pathway .module .name {
  float: left;
  width: 70%;
  margin-right: 30px;
}
#pathway .module .event-date {
  float: left;
  color: #495451;
  width: 25%;
  text-align: center;
}
#pathway .module .moduleId {
  display: none;
  color: #495451;
}
#pathway #events {
  margin-top: 30px;
  margin-bottom: 30px;
  float: left;
  width: 660px;
}
#pathway .event {
  border-bottom: solid 1px #efefef;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
#pathway .event .eventLibId {
  display: none;
  color: #495451;
}
#pathway #more {
  float: left;
  margin-bottom: 20px;
}
#pathway .contact {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: solid 1px #efefef;
  width: 100%;
  float: left;
}
#pathway .contact div.name {
  float: left;
  width: 300px;
}
#pathway .contact div.meta {
  float: right;
  margin-left: 30px;
}

#pathway-public {
  font-size: 16px;
}
#pathway-public label {
  font-weight: bold;
}
#pathway-public select {
  width: 100%;
}
#pathway-public > div {
  margin-bottom: 20px;
}
#pathway-public #pathway-contact > div {
  margin-bottom: 20px;
}
#pathway-public #pathway-contact > div > div {
  margin-top: 5px;
}

/* Login */
#login-register {
  padding: 30px;
  float: left;
}
#login-register h2 {
  font-size: 1.2em;
  font-family: Locker, Arial, Helvetica, Sans-Serif;
}
#login-register h3 {
  float: left;
  width: 380px;
}
#login-register input[type=button], #login-register input[type=submit] {
  font-size: 0.9em;
}
#login-register #login {
  display: flex;
  flex-wrap: wrap;
}
#login-register #login h3 {
  float: none;
}
#login-register #login > div {
  width: 50%;
}
#login-register #login > div:first-child {
  width: 40%;
  margin-right: 5%;
}
#login-register #login > div a {
  float: none;
  margin-left: 0px;
}
#login-register #login ol {
  margin-left: 30px;
  margin-bottom: 20px;
}
#login-register #login ol li {
  padding: 5px;
  line-height: 1.3;
  list-style-type: decimal;
}
#login-register #login a {
  text-decoration: underline;
  float: left;
  margin-left: 20px;
  line-height: 1.7em;
}
#login-register #login fieldset > div > label {
  width: 110px;
}
#login-register #login fieldset > div > a {
  width: 160px;
}
#login-register #login #register-link {
  color: #666;
  text-align: center;
  float: left;
  width: 380px;
  margin-top: 20px;
}
#login-register #login #register-link a {
  float: none;
  margin: 0px;
}
#login-register #register h3 {
  float: none;
}
#login-register #register ol {
  margin-left: 30px;
  margin-bottom: 20px;
}
#login-register #register ol li {
  padding: 5px;
  line-height: 1.3;
  list-style-type: decimal;
}
#login-register #transcript {
  width: 310px;
  float: left;
  border-left: solid 1px #efefef;
}
#login-register #transcript fieldset {
  margin-bottom: 105px;
}
#login-register #lookupNumber, #login-register #forgotPassword {
  width: 450px;
  float: left;
}
#login-register #lookupNumber a, #login-register #forgotPassword a {
  text-decoration: underline;
  float: left;
  margin-left: 20px;
  line-height: 1.7em;
  margin-top: 20px;
}
#login-register #lookupNumber fieldset, #login-register #forgotPassword fieldset {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#login-register #lookupNumber fieldset > div > label, #login-register #forgotPassword fieldset > div > label {
  width: 130px;
}
#login-register #register #left {
  float: left;
  width: 45%;
}
#login-register #register #left > div > p {
  /*text-align: justify;*/
}
#login-register #register #right {
  float: left;
  width: 45%;
  padding-left: 30px;
}
#login-register #register #right fieldset span {
  width: 92%;
}
#login-register #register #right fieldset > div > input:not(input[type=checkbox]):not(.date) {
  width: 60%;
}
#login-register #register #right fieldset > div > select {
  width: 62.5% !important;
}
#login-register #register #right #agreed-label {
  width: 250px;
}
#login-register #register #right #agreed-label:hover {
  cursor: pointer;
  text-decoration: underline;
}
#login-register #register #right label {
  width: 120px;
}
#login-register #register #right #terms-accepted #choice label, #login-register #register #right #terms-accepted #email-choice label {
  width: 300px;
}
#login-register #register #right #optional {
  border-top: 1px dashed #dbdddc;
  border-bottom: 1px dashed #dbdddc;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
}
#login-register #register #right #terms ul {
  margin-left: 30px;
}
#login-register #register #right #terms li {
  margin: 10px;
  padding-left: 20px;
  position: relative;
}
#login-register #register #right #terms li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}
#login-register #success {
  width: 450px;
  float: left;
}

/*#region Account */
#verified {
  width: 500px;
  float: left;
  padding: 30px;
}
#verified a {
  text-decoration: underline;
  float: left;
  margin-left: 20px;
  line-height: 1.7em;
}
#verified fieldset {
  margin-bottom: 18px;
}
#verified fieldset > div > label {
  width: 110px;
}
#verified fieldset > div > a {
  width: 160px;
}
#verified fieldset > div.consent > label {
  width: auto;
  border-bottom: none;
  margin-right: 10px;
}
#verified .verified-error p {
  font-size: 1.1em;
  padding: 0px;
}
#verified .verified-error a {
  float: none;
  margin-left: 0px;
}
#verified .verified-expired p {
  font-size: 1.1em;
  padding: 0px;
}
#verified .verified-email {
  font-weight: bold;
}
#verified .warn {
  padding: 3px;
  font-weight: bold;
}
#verified #credential .password-confirm {
  margin-left: 5px;
  font-weight: bold;
}

#access-public #container {
  height: 535px;
  width: 1000px;
  background: url(images/access-public.jpg) no-repeat;
}
#access-public #pane-content {
  float: right;
  margin: 40px;
  width: 400px;
}
#access-public .button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-image: none;
  background-color: #d20a11;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  padding: 0 20px;
  margin: 0 0.25em 0.25em 0;
  height: 36px;
  line-height: 34px;
  cursor: pointer;
  vertical-align: middle;
  text-decoration: none !important;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
  font-family: Locker, Arial, Helvetica, sans-serif;
  margin-top: 10px;
}

#email-consent-dialog {
  display: none;
}
#email-consent-dialog > div {
  padding: 20px;
}
#email-consent-dialog > div .actions {
  text-align: center;
}
#email-consent-dialog > div .actions input {
  margin-top: 10px;
}

#account {
  float: left;
  min-height: 300px;
  width: 100%;
}
#account h1 .program-designation-container {
  margin-left: -7px;
}
#account h1 .program-designation {
  color: #d20a11;
}
#account #profile .sidetabs {
  width: 120px;
}
#account #profile #merged {
  color: #000;
  padding: 5px;
  text-align: center;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
#account #profile #tab {
  margin-bottom: 50px;
  float: left;
  width: 1108px;
  padding-left: 30px;
  padding-top: 20px;
}
#account #profile #personal {
  padding-left: 0px;
  float: left;
}
#account #profile #personal #email input {
  width: 150px;
}
#account #profile #personal #consent span {
  padding-left: 5px;
  padding-right: 5px;
}
#account #profile #personal .account-number {
  font-weight: bold;
}
#account #profile #c {
  float: left;
  margin-left: 0px;
  padding-top: 0px;
  width: 60%;
}
#account #profile #c1 {
  float: left;
  margin-right: 10px;
  width: 55%;
}
#account #profile #c1 fieldset > div > input:not(.date):not(.search):not(input[type=checkbox]) {
  width: 200px !important;
}
#account #profile #c1 fieldset > div > select {
  width: 212px !important;
}
#account #profile #c1 fieldset > div > input > .search {
  width: 200px !important;
}
#account #profile #c1 fieldset > div label {
  width: 105px;
}
#account #profile #c2 {
  float: left;
  margin-right: 0px;
  width: 35%;
}
#account #profile #c2 label {
  width: 190px;
}
#account #profile #c2 fieldset > div > a {
  line-height: 1.3;
  color: #495451;
}
#account #profile #c2 #security #confirm {
  display: inline;
}
#account #profile #consent-container {
  float: left;
}
#account #profile #consent-container label {
  display: inline;
  margin-right: 5px;
}
#account #profile #purchases {
  float: left;
}
#account #profile #associations {
  float: left;
  width: 37%;
  border-left: solid 0px #dbdddc;
}
#account #profile #addresses {
  float: left;
  padding-top: 0px;
}
#account #profile #addresses p {
  margin-bottom: 0px;
}
#account #profile #notes {
  float: left;
}
#account #profile #roles {
  float: left;
}
#account #profile #roles h4 {
  clear: both;
  text-transform: none;
}
#account #profile #roles p {
  margin-bottom: 0px;
  color: #000;
}
#account #profile #service {
  float: left;
  padding-bottom: 0px;
}
#account #profile #personal #c1 select {
  width: auto;
}
#account #profile #confirm-transition {
  border-top: solid 1px #d20a11;
  float: left;
  padding-top: 20px;
  width: 600px;
}
#account #profile #confirm-transition #confirm-message {
  text-align: center;
  color: #000;
  font-weight: bold;
}
#account #profile #confirm-transition #confirm-description {
  text-align: center;
  color: #666;
}
#account #profile #confirm-transition #error-message {
  text-align: center;
  color: #d20a11;
  font-weight: bold;
}
#account #account-notes {
  padding: 30px;
  padding-top: 20px;
}
#account #account-notes #entry {
  float: left;
  width: 100%;
  margin-right: 30px;
}
#account #account-notes #entry textarea {
  width: 50%;
  height: 200px;
  max-width: 1188px;
  max-height: 500px;
  /*text-align: justify;*/
}
#account #account-notes #list {
  float: left;
  width: 500px;
}
#account #account-notes #list p.note {
  border-bottom: 1px dotted #dbdddc;
  cursor: pointer;
  padding: 3px 0px;
}
#account #account-notes #list p.note:hover {
  background-color: #f7f7f7;
}
#account #account-notes #list p.note span.meta {
  display: block;
  color: #aaa;
  font-size: 0.9em;
}
#account #account-notes #list p.note span.organization {
  font-style: italic;
  font-size: 0.8em;
  color: #999;
}
#account #purchases {
  padding: 30px;
  padding-top: 20px;
  background-color: #fff;
}
#account #purchases table {
  width: 100%;
}
#account #purchases table td {
  background-color: transparent;
}
#account #purchases .order-meta .order-metum {
  color: #495451;
  font-style: italic;
}
#account #events {
  float: left;
  clear: both;
  width: 100%;
}
#account #events #tab {
  float: left;
  width: 87%;
  padding-left: 30px;
  padding-top: 20px;
}
#account #events .sidetabs {
  width: 120px;
}
#account #events table {
  width: 100%;
}
#account #events table td h2 {
  margin-top: 10px;
  margin-bottom: 0px;
}

#account-note-dialog {
  padding: 15px;
}
#account-note-dialog textarea {
  width: 300px;
  height: 200px;
}

#account #profile #card #inner {
  width: 302px;
  height: 152px;
  margin-left: 230px;
  margin-top: 50px;
  margin-bottom: 100px;
  padding: 6px;
  background: url(images/card.png) no-repeat top left;
}
#account #profile #card #inner #content {
  height: 150px;
  width: 302px;
  position: relative;
}
#account #profile #card #inner #content p {
  margin: 0px;
}
#account #profile #card #inner #content #banner {
  font-size: 0.9em;
  margin-bottom: 10px;
  width: 302px;
  float: left;
  clear: both;
}
#account #profile #card #inner #content #banner #heading {
  background-color: #d20a11;
  color: #fff;
  font-size: 0.9em;
  float: left;
  padding: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-top: solid 1px #d20a11;
  border-bottom: solid 1px #d20a11;
  width: 70px;
  text-align: center;
}
#account #profile #card #inner #content #banner #title {
  background-color: #efefef;
  color: #000;
  font-size: 0.9em;
  float: left;
  padding: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-top: solid 1px #d20a11;
  border-bottom: solid 1px #d7d7d7;
  text-align: center;
  width: 212px;
}
#account #profile #card #inner #content #number {
  color: #000;
  font-weight: bold;
  margin-left: 10px;
}
#account #profile #card #inner #content #name {
  color: #000;
  font-weight: normal;
  margin-left: 10px;
  text-transform: uppercase;
}
#account #profile #card #inner #content #date {
  color: #000;
  font-weight: normal;
  font-size: 0.9em;
  margin-left: 10px;
  position: absolute;
  bottom: 10px;
  left: 0px;
}
#account #profile #card #inner #content #date span {
  color: #d20a11;
  text-transform: uppercase;
}
#account #profile #card #inner #content #qr {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

#account-program .subtabs {
  margin-bottom: 20px;
}
#account-program #standing span, #account-program #crc span {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
#account-program #standing span.good, #account-program #crc span.good {
  background-color: #288028;
  color: #fff;
  text-transform: uppercase;
  padding-left: 5px;
  padding-right: 5px;
}
#account-program #standing span.warn, #account-program #crc span.warn {
  background-color: #ffce44;
  color: #000;
  text-transform: uppercase;
  padding-left: 5px;
  padding-right: 5px;
}
#account-program #standing span.bad, #account-program #crc span.bad {
  background-color: #d20a11;
  color: #fff;
  text-transform: uppercase;
  padding-left: 5px;
  padding-right: 5px;
}
#account-program #standing a, #account-program #crc a {
  text-decoration: underline;
  margin-left: 0px;
  margin-top: 5px;
  float: left;
  display: block;
}
#account-program #standing #designation span {
  font-weight: bold;
}
#account-program #crc {
  clear: both;
}
#account-program #crc input[type=button] {
  margin-left: 5px;
}
#account-program #resources {
  float: left;
  clear: both;
  width: 100%;
  padding-top: 20px;
}
#account-program #resources ul {
  margin-left: 30px;
  margin-bottom: 20px;
}
#account-program #resources ul ul {
  margin-bottom: 0px;
}
#account-program #resources ul li {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}
#account-program #resources ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}
#account-program span.expired {
  margin-left: 5px;
}
#account-program #reason p {
  font-weight: bold;
}
#account-program #program #program-workflow #program-verification {
  margin: 0px;
}

#program-renewal-dialog {
  display: none;
  padding: 20px;
}
#program-renewal-dialog h2 {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px;
}
#program-renewal-dialog .disabled {
  text-decoration: line-through;
}
#program-renewal-dialog label {
  font-weight: bold;
  border-bottom: none;
  white-space: nowrap;
}
#program-renewal-dialog label:hover:not(.disabled) {
  cursor: pointer;
  text-decoration: underline;
}
#program-renewal-dialog p {
  margin-left: 30px;
}
#program-renewal-dialog fieldset > div > label {
  width: auto;
}

#program-crc-dialog {
  display: none;
  padding: 20px;
}
#program-crc-dialog .buttons {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#program-crc-dialog .warn-crc {
  padding: 5px;
  line-height: 20px;
  margin-top: 10px;
}
#program-crc-dialog #notes {
  margin-bottom: 20px;
}
#program-crc-dialog #notes p {
  margin-bottom: 10px;
}
#program-crc-dialog #notes a {
  float: none;
  display: inline;
}
#program-crc-dialog #notes ol {
  margin-left: 30px;
}
#program-crc-dialog #notes ol li {
  margin-top: 5px;
  margin-bottom: 5px;
  list-style-type: decimal;
}

#program-status-dialog {
  display: none;
  padding: 20px;
}
#program-status-dialog .buttons {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#program-previous-application-dialog {
  display: none;
}

#account-add {
  padding: 0px;
  border-top: solid 1px #dbdddc;
  float: left;
}
#account-add .warn {
  background-color: #fff;
  border: none;
  color: #8a410d;
}
#account-add .fail {
  background-color: #fff;
  border: none;
  color: #dd3c10;
}
#account-add .buttons {
  margin-top: 0px;
  margin-top: -15px;
  border-top: none;
  margin-bottom: 10px;
}
#account-add .buttons h1 {
  float: left;
  margin-bottom: 0px;
}
#account-add #personal-box {
  margin-bottom: 20px;
  margin-right: 20px;
}
#account-add #left {
  float: left;
  width: 310px;
  padding: 20px;
  margin-right: 0px;
  border-right: 1px dashed #dbdddc;
}
#account-add #left .buttons {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}
#account-add #right {
  float: left;
  width: 310px;
  padding: 20px;
  padding-right: 0px;
}
#account-add #right .buttons {
  display: flex;
  justify-content: space-between;
}
#account-add #right input[type=text], #account-add #right select {
  display: none;
}
#account-add #right #personal-box {
  width: 300px;
}
#account-add #right fieldset div {
  margin-bottom: 4px;
}
#account-add #pending {
  float: left;
  width: 300px;
}
#account-add #pending p {
  text-align: center;
  color: #aaa;
  font-style: italic;
  margin-top: 200px;
}
#account-add #continue {
  float: left;
  width: 290px;
  padding: 20px;
  float: left;
}
#account-add #continue p {
  text-align: center;
  color: #333;
  font-style: italic;
  margin-top: 200px;
}
#account-add #continue .buttons {
  background-color: #fff;
  float: left;
  padding-bottom: 13px;
}
#account-add #bottom {
  float: left;
  width: 100%;
}
#account-add #bottom h3 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
#account-add #bottom .pager {
  display: block;
  float: left;
  letter-spacing: 1px;
  color: #666;
  font-weight: normal;
  font-size: 0.9em;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  border-top: solid 1px #dbdddc;
  width: 400px;
  padding-left: 300px;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 30px;
}
#account-add #bottom table td.hidden {
  display: none;
}
#account-add #bottom table tr:hover {
  background-color: #fff;
  color: #d20a11;
  cursor: pointer;
}

#merge {
  padding: 15px;
  width: 97%;
  padding-top: 10px;
  float: left;
}
#merge p {
  color: #000;
  margin-bottom: 0px;
}
#merge p span {
  display: inline-block;
  width: 80px;
  margin-right: 10px;
  font-weight: bold;
}
#merge fieldset div p {
  float: left;
}
#merge #list {
  width: 100%;
  float: left;
  padding-bottom: 20px;
}
#merge #list .search {
  margin-bottom: 10px;
}
#merge #list tr:hover {
  color: #d20a11;
  cursor: pointer;
}
#merge #list tr.master td {
  font-weight: bold;
}
#merge #list #process {
  margin-bottom: 20px;
  border: solid 1px #8a410d;
  background-color: #fff9d7;
  padding: 10px;
  display: none;
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
}
#merge #list #process h4 {
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
}
#merge #list #process ul {
  margin-top: 15px;
  margin-left: 20px;
}
#merge #list #process li {
  color: #000;
  padding: 5px;
}
#merge #list #process .buttons {
  border: none;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  width: 100%;
}
#merge #candidate-list {
  width: 100%;
  font-size: 0.9em;
}
#merge #candidate-list tr.template {
  display: none;
}
#merge #candidate-list tr h3 {
  margin-bottom: 0px;
}
#merge #candidate-list tr.message {
  font-style: italic;
  color: #6d7674;
}
#merge #profile-pair {
  width: 100%;
  float: left;
  clear: both;
}
#merge #profile-pair div a {
  float: left;
  line-height: 1.3;
}
#merge #address-pair, #merge #status-pair, #merge #attendee-pair, #merge #leader-pair, #merge #organization-pair, #merge #button-pair {
  width: 100%;
  float: left;
  clear: both;
}
#merge .buttons {
  margin-bottom: 10px;
  margin-top: 0px;
  float: left;
  clear: both;
}
#merge .buttons h1 {
  float: left;
  margin: 0px;
  padding: 0px;
  margin-right: auto;
}
#merge .left {
  padding-right: 30px;
  border-right: 1px dashed #bbb;
  margin-right: 30px;
  margin-bottom: 0px;
  padding-bottom: 20px;
  width: 48%;
}
#merge .left h3 {
  display: none;
}
#merge .left p {
  display: none;
  clear: both;
}
#merge .left fieldset {
  display: none;
}
#merge fieldset.left div {
  display: none;
}
#merge .right {
  display: none;
  width: 47%;
}
#merge .right p {
  clear: both;
}
#merge .right fieldset div {
  position: relative;
}
#merge .right fieldset div:hover, #merge .right fieldset div label:hover, #merge .right fieldset div span:hover {
  color: #000;
  font-weight: normal;
  cursor: pointer;
}
#merge .helper {
  margin-left: -20px;
  width: 20px;
  color: #d20a11;
  font-weight: bold;
}
#merge #master {
  float: left;
  width: 48%;
}
#merge #master fieldset {
  clear: both;
}
#merge #choose {
  font-style: italic;
  color: #6d7674;
  text-align: center;
  margin-top: 30px;
}
#merge #candidate {
  float: left;
  width: 47%;
}
#merge #candidate fieldset {
  clear: both;
}
#merge .mismatch {
  border: solid 1px #dd3c10;
  background-color: #f7f7f7;
  padding-left: 5px;
  padding-right: 5px;
}

#account-metadata .sidetabs {
  width: 120px;
}
#account-metadata #tab {
  float: left;
  width: 87%;
  padding-left: 30px;
  padding-top: 20px;
}
#account-metadata #legend {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  color: #48535A;
  display: block;
  margin-bottom: 3px;
}
#account-metadata #account-metadata-access #filters, #account-metadata #account-metadata-notification #filters {
  height: 150px;
  border-bottom: 1px dotted #dbdddc;
  margin-bottom: 20px;
}
#account-metadata #account-metadata-access #filters #take-filter, #account-metadata #account-metadata-notification #filters #take-filter, #account-metadata #account-metadata-access #filters #searchKey-filter, #account-metadata #account-metadata-notification #filters #searchKey-filter, #account-metadata #account-metadata-access #filters #direction-filter, #account-metadata #account-metadata-notification #filters #direction-filter, #account-metadata #account-metadata-access #filters #date-filter, #account-metadata #account-metadata-notification #filters #date-filter {
  height: 50px;
  display: inline-block;
}
#account-metadata #account-metadata-access #filters #date-filter .switch, #account-metadata #account-metadata-notification #filters #date-filter .switch {
  margin-bottom: 10px;
}
#account-metadata #account-metadata-access #filters #date-filter fieldset div, #account-metadata #account-metadata-notification #filters #date-filter fieldset div {
  clear: none;
  width: auto;
}
#account-metadata #account-metadata-access #filters #date-filter #warning {
  color: #d20a11;
  display: inline-block;
}
#account-metadata #account-metadata-notification {
  padding-bottom: 50px;
}
#account-metadata #account-metadata-notification #filters #date-filter #warning {
  color: #d20a11;
  display: inline-block;
}
#account-metadata #account-metadata-identity #filters #searchKey-filter {
  height: 50px;
  display: inline-block;
}
#account-metadata #account-metadata-identity #identity fieldset {
  float: left;
  margin-right: 30px;
  width: 30%;
}
#account-metadata #accessLogGrid tr td:nth-child(1) {
  min-width: 100px;
}
#account-metadata #accessLogGrid tr td:nth-child(3) {
  min-width: 150px;
}
#account-metadata #accessLogGrid tr td:nth-child(5) {
  max-width: 300px;
}

#privacy {
  padding: 30px;
}
#privacy #choice {
  color: #000;
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
}

#public #none {
  clear: both;
  padding: 30px;
  font-size: 1.5em;
  color: #000;
}

/*#endregion*/
/*#region Organization */
#organization-detail {
  width: 100%;
}
#organization-detail form {
  width: 300px;
}
#organization-detail iframe {
  height: 0px;
}
#organization-detail #info {
  float: left;
  width: 40%;
  padding: 30px;
}
#organization-detail #info select.category {
  width: 70px;
}
#organization-detail #info .name input, #organization-detail #info .website input {
  width: 200px;
}
#organization-detail #info img {
  width: 100px;
  border: 1px dotted #dbdddc;
  padding: 5px;
  height: 100px;
  margin-left: 90px;
  margin-top: 10px;
}
#organization-detail #info .buttons #organization-delete {
  display: none;
}
#organization-detail #associations {
  float: left;
  width: 54%;
  border-left: solid 0px #dbdddc;
  margin-top: 0px;
}
#organization-detail #addresses {
  float: left;
  width: 397px;
  padding: 30px;
  padding-bottom: 20px;
  padding-top: 20px;
}
#organization-detail #sports {
  float: left;
  width: 397px;
  padding: 30px;
  padding-bottom: 30px;
  padding-top: 20px;
}
#organization-detail #calendar {
  float: left;
  width: 397px;
  padding: 30px;
  padding-bottom: 10px;
  padding-top: 20px;
}
#organization-detail #calendar #urls {
  margin-top: 10px;
}
#organization-detail #calendar #urls input {
  width: 250px;
}
#organization-detail #calendar #urls #navigate {
  text-decoration: underline;
  float: left;
  margin-top: 5px;
  margin-left: 10px;
}
#organization-detail #accounts {
  padding: 30px;
}
#organization-detail #accounts td {
  vertical-align: top;
  line-height: 1.3;
}
#organization-detail #service {
  padding: 30px;
}
#organization-detail .grid-links a {
  display: block;
  margin-bottom: 3px;
}

#organization-account-edit {
  width: 905px;
}
#organization-account-edit #personal-box {
  width: 45%;
  margin-right: 20px;
  margin-left: 20px;
  margin-top: 20px;
}
#organization-account-edit #address-box {
  width: 45%;
  margin-right: 20px;
  margin-top: 20px;
}
#organization-account-edit #role-box {
  padding-left: 30px;
  padding: 20px;
  border-left: solid 1px #efefef;
  min-height: 150px;
}
#organization-account-edit #role-box label {
  width: 140px;
  border-bottom: none;
}
#organization-account-edit #role-box a {
  text-decoration: underline;
}
#organization-account-edit #organization-roles {
  background-color: #efefef;
  padding: 20px;
  float: left;
  border-top: 1px dashed #dbdddc;
  border-left: 1px dashed #dbdddc;
  border-right: 1px dashed #dbdddc;
}
#organization-account-edit #organization-roles h1 {
  float: left;
  background-color: transparent;
}
#organization-account-edit #organization-roles #permissions fieldset {
  width: 100%;
  padding-bottom: 0px;
}
#organization-account-edit #organization-roles #permissions fieldset div {
  width: 100%;
  float: left;
  clear: none;
  border-bottom: 1px dotted #dbdddc;
}
#organization-account-edit #organization-roles #permissions fieldset div input {
  float: left;
}
#organization-account-edit #organization-roles #permissions fieldset div label {
  float: left;
  width: 120px;
  border-bottom: none;
}
#organization-account-edit #organization-roles #permissions fieldset div p {
  float: left;
  width: 70%;
  font-style: italic;
  color: #666;
  margin-bottom: 0px;
}
#organization-account-edit .buttons {
  margin-top: 0px;
}

#organization-sport-edit {
  width: 380px;
}

#organization-detail #settings-list {
  padding: 30px;
  width: 98%;
  padding-top: 20px;
  float: left;
}

/*#endregion*/
/*#region Programs */
#program .agree {
  border: 1px dashed #999;
  padding: 10px;
  font-weight: bold;
}
#program .wizard {
  width: 100%;
}
#program #program-workflow #workflow-tabs {
  float: left;
  width: 252px;
  padding-bottom: 50px;
}
#program #program-workflow #workflow-tabs h3 {
  float: left;
  width: 231px;
  padding-left: 10px;
  background-color: #48535A;
  color: #fff !important;
  clear: both;
  padding: 10px;
  margin-bottom: 0px;
  font-weight: normal;
  text-align: center;
}
#program #program-workflow .section {
  float: left;
  clear: both;
  padding-bottom: 20px;
  width: 98%;
}
#program #program-workflow .section.stepped {
  margin-left: 15px;
}
#program #program-workflow #application-verification-container p.placeholder {
  float: left;
  width: 700px;
  display: block;
  font-size: 2em;
  color: #495451;
  font-style: italic;
  text-align: center;
  padding-top: 100px;
  font-weight: normal;
}
#program #program-workflow .meta {
  font-size: 0.85em;
  text-transform: uppercase;
  margin-top: 5px;
  font-weight: bold;
}
#program #program-workflow .meta p {
  padding: 0px;
  margin: 0px;
  line-height: initial;
}
#program #program-workflow .meta p.ready, #program #program-workflow .meta p.voted {
  color: #288028;
}
#program #program-workflow .meta p.attention {
  color: #ffce44;
  padding: 2px;
}
#program #program-workflow #program-verification {
  width: 97%;
  float: left;
  margin-left: 30px;
  margin-bottom: 50px;
  margin-top: 20px;
}
#program #program-workflow #program-verification table {
  float: left;
  width: 95%;
  margin-bottom: 0px;
}
#program #program-workflow #program-verification #program-certifications-none {
  margin-bottom: 0px;
}
#program #program-workflow #program-verification #snapshot-date {
  font-size: 0.85em;
  font-style: italic;
  color: #495451;
}
#program #program-workflow #program-verification #stats {
  margin-bottom: 0px;
  margin-top: -15px;
  margin-bottom: 20px;
}
#program #program-workflow #program-verification #stats span {
  text-transform: uppercase;
}
#program #program-workflow #program-verification #stats span.stat {
  color: #666;
}
#program #program-workflow #program-verification #stats span.stat.transition {
  font-weight: bold;
}
#program #program-workflow #program-verification #stats span.pipe {
  color: #666;
}
#program #program-workflow #program-verification #applicantName {
  display: inline-block;
}
#program #program-workflow #program-verification #questions fieldset {
  margin-right: 30px;
}
#program #program-workflow #program-verification #profile #personal {
  min-height: initial;
}
#program #program-workflow #program-verification #profile #personal, #program #program-workflow #program-verification #profile #contact, #program #program-workflow #program-verification #profile #address, #program #program-workflow #program-verification #profile #involvement {
  margin-right: 30px;
}
#program #program-workflow #program-verification #statuses td {
  max-width: 275px;
}
#program #program-workflow #program-verification #employment .employerName {
  min-width: 250px;
}
#program #program-workflow #program-verification #employment .unreviewed {
  color: #ffce44;
}
#program #program-workflow #program-verification #employment .references {
  color: #666;
}
#program #program-workflow #program-verification #employment .references .container {
  border-top: 1px dashed #dbdddc;
  margin-bottom: 3px;
  padding-top: 5px;
}
#program #program-workflow #program-verification #employment .references .container .legend {
  font-size: 0.85em;
  font-weight: normal;
  text-transform: uppercase;
  font-style: italic;
  color: #d20a11;
}
#program #program-workflow #program-verification #employment .references .container .content {
  padding: 7px;
  padding-bottom: 4px;
}
#program #program-workflow #program-verification #employment .references .container table {
  margin-bottom: 0px;
}
#program #program-workflow #program-verification #employment .references .container table tr.reference td {
  border-bottom: none;
  padding: 0px;
}
#program #program-workflow #program-verification #employment .references .container table tr.reference td.data {
  text-transform: none;
}
#program #program-workflow #program-verification #employment .references .container table tr.reference td.status {
  text-transform: uppercase;
  font-size: 0.85em;
  width: 70px;
  text-align: center;
}
#program #program-workflow #program-verification #employment .references .container table tr.reference td.status .fail {
  padding: 2px;
}
#program #program-workflow #program-verification #employment .references .container table tr.reference td.status .received {
  color: #288028;
}
#program #program-workflow #program-verification #employment .references .container table tr.reference td.action {
  width: 50px;
  text-align: center;
}
#program #program-workflow #program-verification #employment .references .container table tr.reference td.approval {
  width: 50px;
}
#program #program-workflow #program-verification #employment .references .container table tr.reference td.approval span {
  margin-left: 20px;
}
#program #program-workflow #program-verification #employment .references .container table tr.reference td.approval span input[type=checkbox] {
  vertical-align: middle;
}
#program #program-workflow #program-verification #employment .references .container table tr.reference td span.item {
  display: inline-block;
  margin-bottom: 5px;
}
#program #program-workflow #program-verification #employment .sportName {
  color: #495451;
}
#program #program-workflow #program-verification #notes .switch {
  margin-bottom: 10px;
}
#program #program-workflow #program-verification #notes #notes-container {
  min-height: 200px;
  max-height: 1000px;
  border: solid 1px #dbdddc;
  overflow-y: auto;
  clear: both;
}
#program #program-workflow #program-verification #notes #notes-container .notes {
  float: left;
  clear: both;
  width: 100%;
  border-bottom: 1px dotted #dbdddc;
}
#program #program-workflow #program-verification #notes #notes-container .notes p {
  float: left;
  margin: 0px;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #000;
  min-height: 20px;
  /*text-align: justify;*/
}
#program #program-workflow #program-verification #notes #notes-container .notes p span.meta {
  display: block;
  font-size: 0.85em;
  font-style: italic;
  color: #495451;
  width: 100%;
  text-align: left;
  font-weight: normal;
  text-transform: none;
}
#program #program-workflow #program-verification #notes #notes-container .notes.own p {
  float: right;
}
#program #program-workflow #program-verification #notes #notes-container .notes.own p span.meta {
  text-align: right;
}
#program #program-workflow #program-verification #uploads #file-form {
  margin-top: 10px;
  margin-left: 50px;
}
#program #program-workflow #program-verification #uploads .status {
  text-transform: uppercase;
  font-size: 0.85em;
}
#program #program-workflow #program-verification #uploads .status .unreviewed {
  color: #ffce44;
}
#program #program-workflow #program-verification #uploads .status .approved {
  color: #288028;
}
#program #program-workflow #program-verification #uploads .status .rejected {
  color: #d20a11;
}
#program #program-workflow #program-verification #review th.highlight, #program #program-workflow #program-verification #standing span {
  font-weight: bold;
}
#program #program-workflow #program-verification #approval label {
  width: 200px;
  float: none;
}
#program #program-workflow #program-verification #mou .unsigned {
  color: #ffce44;
  text-transform: uppercase;
  font-size: 0.85em;
}
#program #program-workflow #program-verification #mou .signed {
  color: #288028;
  text-transform: uppercase;
  font-size: 0.85em;
}
#program #program-workflow #program-document-verification {
  width: 690px;
  float: left;
  margin-left: 30px;
  margin-bottom: 50px;
  margin-top: 20px;
}
#program #program-workflow #program-document-verification fieldset > div > label {
  width: 120px;
}
#program #program-members {
  margin: 30px;
  margin-top: 20px;
}
#program #program-members #stats {
  float: left;
  clear: both;
  margin-bottom: 20px;
  margin-left: 200px;
}
#program #program-members #stats > div {
  float: left;
  width: 100px;
}
#program #program-members #stats > div label {
  text-transform: uppercase;
  color: #d20a11;
  text-align: center;
  display: block;
  margin-bottom: 5px;
}
#program #program-members #stats > div span {
  display: block;
  color: #48535A;
  font-size: 3em;
  text-align: center;
}
#program #program-members table {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
#program #program-members table tbody td:not(.small) {
  min-width: 70px;
}
#program #program-members .filter {
  margin-bottom: 5px;
  float: left;
  clear: both;
}
#program #program-application {
  width: 100%;
}
#program #program-application .decorated {
  text-decoration: underline;
  padding-bottom: 10px;
  border-bottom: 1px solid #dbdddc;
  margin-bottom: 10px;
}
#program #program-application .duration input {
  width: 30px;
}
#program #program-application .name input {
  width: 200px;
}
#program #program-application #guidance {
  display: none;
}
#program #program-application #menu {
  float: right;
  padding: 10px;
  border: 1px #dbdddc dashed;
}
#program #program-application #menu label {
  font-weight: bold;
}
#program #program-application #menu select {
  text-transform: capitalize;
}
#program #program-application #requirements div {
  margin-bottom: 20px;
}
#program #program-application #requirements ul {
  margin-bottom: 20px;
}
#program #program-application #requirements ul li {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
  line-height: 1.2;
}
#program #program-application #requirements ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}
#program #program-application #requirements ol {
  margin-left: 30px;
  margin-bottom: 20px;
  list-style-type: decimal;
}
#program #program-application #requirements ol li {
  margin-top: 5px;
  margin-bottom: 5px;
}
#program #program-application #questions fieldset {
  margin-right: 30px;
  border-left: solid 1px #dbdddc;
  padding-left: 20px;
  border-top: solid 1px #dbdddc;
  padding-top: 20px;
}
#program #program-application #notes {
  margin-bottom: 30px;
  width: 100%;
}
#program #program-application #notes p {
  margin: 0px;
  padding: 0px;
  color: #000;
  border-top: 1px dotted #dbdddc;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
}
#program #program-application #profile {
  float: left;
  clear: both;
}
#program #program-application #profile fieldset {
  margin-right: 30px;
}
#program #program-application #profile fieldset h3 {
  font-weight: 600;
}
#program #program-application #profile input[type=text]:not(.date) {
  width: 148px;
}
#program #program-application #profile input[type=text]:not(.date).number {
  width: 30px;
}
#program #program-application #profile #personal label,
#program #program-application #profile #contact label,
#program #program-application #profile #address label {
  width: 157px;
}
#program #program-application #profile #personal input[type=text]:not(.date),
#program #program-application #profile #contact input[type=text]:not(.date),
#program #program-application #profile #address input[type=text]:not(.date) {
  width: 200px;
}
#program #program-application #profile #personal select,
#program #program-application #profile #contact select,
#program #program-application #profile #address select {
  width: 212px;
}
#program #program-application #profile #personal textarea,
#program #program-application #profile #contact textarea,
#program #program-application #profile #address textarea {
  width: 206px;
}
#program #program-application #education #add {
  display: block;
  clear: both;
  float: left;
  width: 389px;
  color: #288028;
}
#program #program-application #education label {
  width: auto;
}
#program #program-application #education .education {
  clear: both;
  float: left;
  margin-bottom: 20px;
}
#program #program-application #education .education label {
  width: 157px;
}
#program #program-application #education .education input[type=text]:not(.date) {
  width: 200px;
}
#program #program-application #education .education input[type=text]:not(.date).number {
  width: 30px;
}
#program #program-application #education .education select {
  width: 212px;
}
#program #program-application #education .education h3 {
  font-weight: 600;
}
#program #program-application #education .education fieldset {
  margin-bottom: 10px;
}
#program #program-application #education textarea {
  width: 206px;
}
#program #program-application #employment #add {
  display: block;
  clear: both;
  float: left;
  width: 389px;
  color: #288028;
}
#program #program-application #employment label:not(.radio-label) {
  width: 270px;
  margin-right: 30px;
}
#program #program-application #employment input[type=text]:not(.date) {
  width: 175px;
}
#program #program-application #employment .employment {
  clear: both;
  float: left;
  margin-bottom: 20px;
}
#program #program-application #employment .employment label {
  width: 157px;
  margin-right: 10px;
}
#program #program-application #employment .employment input[type=text]:not(.date) {
  width: 200px;
}
#program #program-application #employment .employment input[type=text]:not(.date).number {
  width: 30px;
}
#program #program-application #employment .employment select {
  width: 212px;
}
#program #program-application #employment .employment h3 {
  font-weight: 600;
}
#program #program-application #employment .employment fieldset {
  margin-bottom: 10px;
}
#program #program-application #employment .employment #employmentCode .employment input[type=text]:not(.date) {
  width: 150px;
}
#program #program-application #employment .employment #employmentCode .employment input[type=text]:not(.date).number {
  width: 30px;
}
#program #program-application #employment .references {
  float: left;
  margin-left: 50px;
  margin-top: 20px;
  width: 389px;
}
#program #program-application #employment .references .reference {
  margin-bottom: 10px;
}
#program #program-application #employment .references h4 {
  font-weight: 600;
}
#program #program-application #employment .references span.readonly {
  width: 175px;
}
#program #program-application #employment .references .note {
  float: left;
  font-style: italic;
  margin-left: 115px;
  clear: both;
  width: 252px;
  margin-top: 10px;
  /*text-align: justify;*/
}
#program #program-application #employment .references .note.pass, #program #program-application #employment .references .note.fail, #program #program-application #employment .references .note.warn {
  padding: 5px;
}
#program #program-application #competitions #add {
  display: block;
  clear: both;
  float: left;
  width: 389px;
  color: #288028;
}
#program #program-application #competitions .competition {
  clear: both;
  float: left;
  margin-bottom: 20px;
}
#program #program-application #competitions .competition label {
  width: 157px;
  margin-right: 10px;
}
#program #program-application #competitions .competition input[type=text]:not(.date) {
  width: 200px;
}
#program #program-application #competitions .competition input[type=text]:not(.date).number {
  width: 30px;
}
#program #program-application #competitions .competition select {
  width: 212px;
}
#program #program-application #competitions .competition h3 {
  font-weight: 600;
}
#program #program-application #competitions .competition fieldset {
  margin-bottom: 10px;
}
#program #program-application #declarations .declaration {
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
}
#program #program-application #declarations .declaration > div {
  line-height: 1.5;
}
#program #program-application #declarations .declaration .agree {
  float: none;
  text-align: center;
  margin-top: 30px;
}
#program #program-application #declarations .declaration .agree div {
  margin-bottom: 0;
}
#program #program-application #declarations .declaration ul {
  margin-left: 30px;
  margin-bottom: 20px;
}
#program #program-application #declarations .declaration ul li {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
  /*text-align: justify;*/
  line-height: 1.3;
}
#program #program-application #declarations .declaration ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}
#program #program-application #uploads ul {
  margin-left: 15px;
  margin-bottom: 30px;
}
#program #program-application #uploads ul li {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
  /*text-align: justify;*/
  line-height: 1.3;
}
#program #program-application #uploads ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}
#program #program-application #uploads #upload-education {
  float: left;
  width: 500px;
}
#program #program-application #uploads #upload-education input[type=file] {
  border: solid 1px #dbdddc;
  padding: 3px;
  margin-right: 10px;
}
#program #program-application #uploads #submit-crc {
  float: left;
  width: 350px;
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px dotted #dbdddc;
}
#program #program-application #uploads #submit-crc label {
  width: auto;
}
#program #program-application #uploads #submit-crc label:hover {
  cursor: pointer;
}
#program #program-application #uploads table {
  margin-top: 30px;
  float: left;
  width: 100%;
}
#program #program-application #uploads table td:first-child {
  font-weight: bold;
}
#program #program-application #uploads table td:last-child {
  text-align: right;
}
#program #program-application #uploads table td a {
  text-decoration: underline;
}
#program #program-application #uploads .warn-crc {
  padding: 5px;
  line-height: 20px;
  margin-top: 10px;
}
#program #program-application #other textarea {
  width: 70%;
  height: 275px;
  max-height: 350px;
  max-width: 90%;
  /*text-align: justify;*/
}
#program #program-application .progress label {
  width: 150px;
}
#program #program-application .progress span {
  text-transform: uppercase;
  font-size: 0.9em;
}
#program #program-application .progress span.complete {
  color: #288028;
}
#program #program-application .progress span.in-progress {
  color: #ffce44;
}
#program #program-application .progress span.incomplete {
  color: #d20a11;
}
#program #program-application .declaration ul {
  margin-left: 30px;
  margin-bottom: 20px;
}
#program #program-application .declaration ul li {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
  /*text-align: justify;*/
  line-height: 1.3;
}
#program #program-application .declaration ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}
#program #program-application .declaration ol {
  margin-left: 30px;
  margin-bottom: 20px;
  list-style-type: decimal;
}
#program #program-application .declaration ol li {
  margin-top: 5px;
  margin-bottom: 5px;
}
#program #program-renewal .declaration {
  margin-bottom: 30px;
  display: inline-block;
}
#program #program-version {
  margin: 0px;
}
#program #program-version label {
  margin-top: 7px;
}
#program #program-agreement {
  float: left;
  /* ACD */
}
#program #program-agreement h1 {
  font-size: 1em;
  font-weight: bold;
  text-align: center;
}
#program #program-agreement h2 {
  font-size: 1em;
  font-family: Arial;
  font-weight: bold;
  color: #000;
  text-transform: none;
  margin-top: 40px;
}
#program #program-agreement ol {
  margin-left: 30px;
  margin-bottom: 20px;
}
#program #program-agreement ol li {
  margin-top: 5px;
  margin-bottom: 5px;
  list-style-type: decimal;
  line-height: 1.3em;
}
#program #program-agreement ul {
  margin-left: 30px;
  margin-bottom: 20px;
}
#program #program-agreement ul li {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
  /*text-align: justify;*/
  line-height: 1.3;
}
#program #program-agreement ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}
#program #program-agreement strong {
  font-weight: bold;
}
#program #program-agreement textarea {
  width: 100%;
  height: 200px;
}
#program #program-agreement table td {
  text-align: center;
}
#program #program-agreement table td:first-child {
  text-align: left;
}
#program #program-agreement table th {
  text-align: center;
}
#program #program-agreement table th:first-child {
  text-align: left;
}
#program #program-agreement table th.registered {
  width: 100px;
}
#program #program-agreement table th.credited {
  width: 100px;
}
#program #program-agreement table #coachingEffectiveness, #program #program-agreement table #coachingLeadership, #program #program-agreement table #performancePlanning, #program #program-agreement table #trainingAndCompetition {
  display: none;
}

#program-reference-dialog {
  padding: 20px;
}
#program-reference-dialog .answer {
  line-height: 1.5;
}

#program-recommendation-dialog {
  padding: 20px;
}
#program-recommendation-dialog label {
  width: auto;
}
#program-recommendation-dialog textarea {
  width: 750px;
  height: 150px;
}
#program-recommendation-dialog #committee-pool {
  margin-bottom: 20px;
  float: left;
  clear: both;
}
#program-recommendation-dialog #recommendation {
  float: left;
  clear: both;
}
#program-recommendation-dialog #endorsement {
  float: left;
  clear: both;
  margin-bottom: 20px;
}
#program-recommendation-dialog #note {
  float: left;
  clear: both;
}
#program-recommendation-dialog select {
  width: auto;
}
#program-recommendation-dialog #select-all span {
  font-weight: bold;
}
#program-recommendation-dialog .workload {
  font-size: 0.9em;
  color: #495451;
}

#program-transfer-dialog {
  padding: 20px;
}
#program-transfer-dialog label {
  width: auto;
}
#program-transfer-dialog #program-transfer-dialog {
  padding: 20px;
  display: none;
  width: 400px;
}
#program-transfer-dialog #program-transfer-dialog label {
  width: 300px;
}
#program-transfer-dialog #program-transfer-dialog div.buttons {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#program-transfer-dialog textarea {
  width: 750px;
  height: 150px;
}
#program-transfer-dialog #committee-pool {
  margin-bottom: 20px;
  float: left;
  clear: both;
}
#program-transfer-dialog select {
  width: auto;
}
#program-transfer-dialog #select-all span {
  font-weight: bold;
}
#program-transfer-dialog .workload {
  font-size: 0.9em;
  color: #999;
}

#program-note-dialog {
  padding: 20px;
  display: none;
}
#program-note-dialog textarea {
  width: 750px;
  height: 150px;
}
#program-note-dialog div.buttons {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#program-vote-dialog {
  padding: 20px;
  display: none;
}
#program-vote-dialog textarea {
  width: 750px;
  height: 150px;
}
#program-vote-dialog div.buttons {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#program-vote-dialog .disagree {
  font-weight: bold;
}

#program-referrer-edit-dialog {
  padding: 20px;
  display: none;
}

#program-reference {
  width: 900px;
  padding: 20px;
}
#program-reference p {
  font-weight: normal;
  margin-bottom: 10px;
  color: #000;
}
#program-reference #introduction {
  margin-top: 10px;
  margin-bottom: 30px;
}
#program-reference fieldset#referrer {
  clear: both;
}
#program-reference fieldset#referrer > div > input {
  width: 200px;
}
#program-reference fieldset#reference > div {
  margin-bottom: 30px;
}
#program-reference fieldset#reference > div > label {
  width: 500px;
  float: none;
  border-bottom: none;
  margin-bottom: 3px;
}
#program-reference fieldset#reference > div > label > input {
  margin-right: 5px;
  vertical-align: middle;
}
#program-reference fieldset#reference > div > label > input.numeric {
  width: 40px;
}
#program-reference fieldset#reference > div textarea.comment {
  width: 440px;
  height: 170px;
}
#program-reference > div:last-child {
  margin-bottom: 100px;
}

/*#endregion*/
/*#region Event */
#event-registration {
  float: left;
  padding: 0px;
  padding-top: 0px;
  padding-bottom: 200px;
  width: 100%;
}
#event-registration label {
  display: inline-block;
}
#event-registration h2.highlight {
  border-bottom: solid 1px #dbdddc;
  padding-bottom: 5px;
}
#event-registration h4 {
  font-weight: bold;
  color: #000;
  text-transform: none;
}
#event-registration #header {
  text-align: left;
  margin-bottom: 0px;
  border-bottom: solid 1px #d20a11;
  text-align: center;
  background-color: #fff;
}
#event-registration #header img {
  display: inline-block;
}
#event-registration #signin {
  margin-top: 30px;
  float: right;
  width: 500px;
  border-left: none;
  margin-left: 30px;
  padding-left: 0px;
  text-align: left;
}
#event-registration #interested label {
  font-weight: bold;
  font-style: italic;
  font-size: 0.8em;
}
#event-registration #interested img {
  height: 20px;
  vertical-align: top;
}
#event-registration .sidetabs {
  width: 120px;
}
#event-registration .tab {
  float: left;
  padding: 20px;
  padding-bottom: 0px;
  width: 87%;
}
#event-registration .tab .delivery-title {
  font-weight: bold;
}
#event-registration #top {
  padding-left: 0px;
}
#event-registration #top .left {
  float: left;
  width: 30%;
  margin-right: 30px;
}
#event-registration #top .left #locationDetail {
  line-height: 1.5;
}
#event-registration #top .left fieldset {
  border-right: 1px dotted #dbdddc;
  padding-right: 20px;
  padding-bottom: 0px;
}
#event-registration #top .left fieldset p {
  margin-bottom: 0px;
  width: 100px;
}
#event-registration #top .right {
  float: left;
  width: 67%;
}
#event-registration #top .right em {
  font-style: italic;
  font-weight: normal;
}
#event-registration #top .right strong {
  font-weight: bold;
}
#event-registration #top .right strong em {
  font-weight: bold;
}
#event-registration #top .right ul {
  padding-left: 30px;
  margin-bottom: 20px;
}
#event-registration #top .right ul li {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
  /*text-align: justify;*/
  line-height: 1.3;
}
#event-registration #top .right ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}
#event-registration #top .right ol {
  padding-left: 30px;
  list-style: decimal;
  margin-bottom: 20px;
}
#event-registration #top .right ol li {
  margin-bottom: 10px;
}
#event-registration #top .map {
  float: left;
  width: 100%;
  border-left: 1px dotted #dbdddc;
  padding-left: 20px;
  margin-left: -1px;
}
#event-registration #top .map img {
  height: 50px;
}
#event-registration #top .map a {
  color: #666;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  width: fit-content;
}
#event-registration #top .map a:hover {
  color: #d20a11;
  font-weight: 600;
}
#event-registration #registration {
  padding-top: 30px;
  border-top: solid 0px #dbdddc;
  float: left;
  clear: both;
  width: 100%;
}
#event-registration #registration fieldset {
  margin-right: 30px;
}
#event-registration #registration .error {
  border: solid 1px #d20a11;
}
#event-registration #surveys {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 30px;
}
#event-registration #surveys .survey-required-warning {
  font-size: 1.1em;
  margin-bottom: 10px;
  color: #d20a11;
}
#event-registration #surveys fieldset {
  float: left;
  margin-bottom: 20px;
  margin-right: 50px;
  width: 100%;
}
#event-registration #purchase {
  margin-top: 30px;
}
#event-registration h2.date-title {
  text-transform: none;
}
#event-registration #schedule {
  padding-top: 40px;
  border-top: solid 0px #dbdddc;
  float: left;
  clear: both;
  width: 100%;
}
#event-registration #schedule .track-label {
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  font-size: 0.9em;
  display: block;
  margin-bottom: 3px;
}
#event-registration #schedule select.tracks {
  width: auto;
  margin-bottom: 10px;
}
#event-registration #schedule table {
  margin-bottom: 40px;
}
#event-registration #schedule table th.attending {
  width: 50px;
}
#event-registration #schedule table th.time {
  width: 120px;
}
#event-registration #schedule table th.subchoice {
  width: 20px;
}
#event-registration #schedule table th.session {
  max-width: 300px;
  min-width: 100px;
}
#event-registration #schedule table h4 {
  margin-bottom: 5px;
}
#event-registration #schedule table fieldset {
  margin-bottom: 0px;
}
#event-registration #schedule table a {
  text-decoration: underline;
}
#event-registration #schedule table .tickets {
  display: block;
  margin-top: 10px;
  clear: both;
}
#event-registration #schedule table .products {
  display: block;
  margin-top: 0px;
  clear: both;
}
#event-registration #schedule table .slots {
  display: block;
  margin-top: 0px;
  clear: both;
}
#event-registration #schedule table .slots p {
  margin-bottom: 0px;
  color: #333;
  font-size: 0.9em;
}
#event-registration #schedule table tr.concurrent td {
  border-bottom: 1px dashed #dbdddc;
}
#event-registration #schedule table tr.concurrent td.borderless {
  border-bottom: none;
}
#event-registration #schedule table tr.concurrent-last td {
  border-bottom: solid 1px #dbdddc;
}
#event-registration #schedule table tr.concurrent-last td.borderless {
  border-bottom: solid 1px #dbdddc;
}
#event-registration #schedule table td.divide {
  border-bottom: 1px dotted #dbdddc;
}
#event-registration #schedule table td p.precis {
  margin-bottom: 0px;
}
#event-registration #schedule table td p.precis p {
  margin-bottom: 0px;
}
#event-registration #schedule .day.single fieldset {
  float: none;
}
#event-registration #products select {
  width: auto;
  margin-right: 5px;
}
#event-registration #products label {
  width: auto;
  font-weight: bold;
}
#event-registration #products .product-description {
  margin-left: 25px;
  padding: 5px;
  line-height: 1.3;
}
#event-registration #products .product-description span {
  white-space: pre-wrap;
}
#event-registration #products .voucher-product {
  border: 1px dashed #48535A;
  padding: 5px;
  width: 290px;
  padding-bottom: 10px;
  margin-top: 5px;
}
#event-registration #products .voucher-product label {
  font-weight: bold;
}
#event-registration #products .voucher-product-code {
  text-align: right;
  vertical-align: super;
  font-size: 0.8em;
  color: #999;
}
#event-registration #coupon-entry #code-field {
  width: 150px;
}
#event-registration #coupon-entry #applied-coupon-codes {
  display: block;
}
#event-registration #other {
  padding-top: 30px;
  border-top: solid 1px #dbdddc;
  float: left;
  clear: both;
  width: 937px;
}
#event-registration #map {
  margin-left: 0px;
}

.registration-dialog {
  position: relative;
}
.registration-dialog #session-banner {
  width: 500px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.registration-dialog #details {
  padding: 20px;
}
.registration-dialog #details .leaders {
  margin-bottom: 20px;
}

#event-registration-offline, #event-registration-feedback {
  padding: 20px;
}

#event-registration .soldout {
  color: #d20a11;
  font-style: italic;
}
#event-registration #messages {
  margin-top: 30px;
}
#event-registration #messages #soldout-message {
  clear: both;
  text-align: center;
  padding-top: 12px;
}
#event-registration #messages #soldout-message h3 {
  font-size: 0.8em;
}
#event-registration #messages #closed-message, #event-registration #messages #completed-message {
  clear: both;
  text-align: center;
  padding-top: 12px;
}
#event-registration #messages #registered-message {
  clear: both;
  text-align: center;
  padding-top: 12px;
}
#event-registration #messages #registered-message div {
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 12px;
}
#event-registration #offline-mode {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100;
  background-color: #d20a11;
  padding: 7px;
  color: #fff;
  text-transform: uppercase;
}
#event-registration .contact {
  margin-top: 100px;
  text-align: right;
}
#event-registration #event-schedule {
  float: left;
}
#event-registration #event-schedule h2 {
  margin-bottom: 20px;
}
#event-registration #event-schedule .day {
  float: left;
}
#event-registration #event-schedule .day .times {
  float: left;
  width: 60px;
  border-right: solid 1px #666;
}
#event-registration #event-schedule .day .times div {
  border-top: solid 1px #666;
  height: 59px;
  font-weight: bold;
  font-size: 0.9em;
}
#event-registration #event-schedule .day .heading {
  float: left;
  width: 100%;
  background-color: #fff;
  border-left: solid 1px #fff;
  margin-left: -1px;
  margin-right: -1px;
  border-right: solid 1px #fff;
}
#event-registration #event-schedule .day .heading h3 {
  text-align: center;
  margin-bottom: 5px;
  margin-top: 5px;
}
#event-registration #event-schedule .day .heading div {
  text-align: center;
}
#event-registration #event-schedule .day .heading a {
  text-align: center;
  color: #666;
  text-decoration: underline;
  margin-left: 5px;
  margin-right: 5px;
}
#event-registration #event-schedule .day .heading a:hover {
  color: #d20a11;
}
#event-registration #event-schedule .day .heading .track-edit {
  width: 100%;
  margin: 10px;
}
#event-registration #event-schedule .day .track {
  float: left;
  position: relative;
  border-bottom: solid 1px #666;
  margin-bottom: 30px;
  border-right: solid 1px #666;
}
#event-registration #event-schedule .day .track .line {
  border-top: solid 1px #666;
  width: 100%;
  height: 59px;
  float: left;
}
#event-registration #event-schedule .day .track .slot {
  position: absolute;
  background-color: #efefef;
  border: solid 1px #efefef;
  margin-top: 1px;
}
#event-registration #event-schedule .day .track .top-border {
  border-top: solid 1px #aaa;
}
#event-registration #event-schedule .day .track .bottom-border {
  border-bottom: solid 1px #aaa;
}
#event-registration #event-schedule .day .track .left-border {
  border-left: solid 1px #aaa;
}
#event-registration #event-schedule .day .track .right-border {
  border-right: solid 1px #aaa;
}
#event-registration #event-schedule .day .track .slot > div {
  padding: 5px;
  position: relative;
}
#event-registration #event-schedule .day .track .slot > div .time {
  color: #666;
  font-size: 0.8em;
  font-weight: normal;
}
#event-registration #event-schedule .day .track .slot > div p.session {
  text-align: center;
  color: #000;
  font-weight: bold;
  margin: 0px;
  line-height: normal;
}
#event-registration #event-schedule .day .track .slot > div p.venue {
  text-align: center;
  color: #000;
  margin: 0px;
  margin-top: 3px;
  font-size: 0.8em;
  line-height: normal;
}

#event-public {
  float: left;
  padding: 0px;
  padding-top: 0px;
  width: 100%;
}
#event-public #header {
  text-align: center;
  margin-bottom: 0px;
}
#event-public #header img {
  width: 100%;
}
#event-public #top .left {
  float: left;
  margin-left: 30px;
  margin-right: 30px;
}
#event-public #top .left p {
  font-size: 1.2em;
}
#event-public #detail {
  display: flex;
}
#event-public #detail #info {
  float: left;
  margin-left: 30px;
  /*padding-right: 30px;*/
  padding-top: 30px;
  width: 74%;
}
#event-public #detail #info form {
  width: 100%;
}
#event-public #detail #info img {
  float: left;
  margin-bottom: 20px;
}
#event-public #detail #info h1 {
  float: left;
  margin-left: 10px;
  width: 500px;
}
#event-public #detail #info .c1 {
  margin-right: 30px;
  clear: left;
  width: 100%;
}
#event-public #detail #info #meta fieldset:nth-child(2) {
  width: 87%;
}
#event-public #detail #info fieldset {
  margin-bottom: 30px;
}
#event-public #detail #info fieldset label {
  color: #666;
}
#event-public #detail #info fieldset span {
  width: 255px;
}
#event-public #detail #attendance {
  width: 16%;
  float: left;
  padding: 20px;
  padding-right: 0;
  border-left: solid 1px #efefef;
}
#event-public #detail #attendance a {
  text-decoration: underline;
}
#event-public #detail #attendance #not-attending p {
  /*text-align: justify;*/
  width: 193px;
}
#event-public #detail #attendance .availability {
  font-weight: bold;
}
#event-public #detail #credentials p {
  text-align: center;
}
#event-public #detail #credentials .or {
  font-weight: bold;
}
#event-public #detail #modules, #event-public #detail #notes {
  float: left;
  padding-top: 30px;
  width: 100%;
}
#event-public #map {
  margin-left: 30px;
}
#event-public #map iframe {
  width: 95%;
  height: 500px;
}
#event-public #resources {
  padding: 30px;
  display: inline-block;
}
#event-public #resources .resource-divider {
  margin-top: 7px;
}
#event-public #resources .resource-divider h3 {
  margin-bottom: 0px;
}
#event-public #resources fieldset {
  margin-right: 20px;
  width: 300px;
}
#event-public #resources fieldset div.resource {
  margin-bottom: 10px;
}
#event-public #resources fieldset div.resource .resource-header {
  margin-bottom: 3px;
}
#event-public #resources fieldset div.resource .resource-header .visibility {
  font-size: 0.8em;
  color: #aaa;
  text-transform: uppercase;
}

#event-detail {
  float: left;
  width: 100%;
}
#event-detail span.readonly {
  width: 170px;
}
#event-detail #top {
  float: left;
  clear: both;
}
#event-detail #detail {
  display: flex;
}
#event-detail #meta {
  padding: 30px;
}
#event-detail #meta #c1 {
  float: left;
  margin-right: 30px;
  width: 45%;
}
#event-detail #meta #c1 .number span {
  font-weight: bold;
}
#event-detail #meta #c1 #sport {
  padding: 3px;
}
#event-detail #meta #c2 {
  float: left;
  width: 45%;
}
#event-detail #associations {
  float: left;
  margin-top: 30px;
}
#event-detail #modules {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
#event-detail #modules #add-pane {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
  border-top: solid 1px #ffce44;
  padding-top: 15px;
  padding-bottom: 15px;
}
#event-detail #modules #add-pane #audience-filters {
  margin-bottom: 10px;
}
#event-detail #modules #add-pane select {
  width: 310px;
  margin-bottom: 20px;
}
#event-detail #modules #delete-pane {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
  border-top: solid 1px #ffce44;
  padding-top: 15px;
}
#event-detail #modules #delete-pane #container {
  float: left;
  clear: both;
  text-align: center;
  width: 100%;
  font-weight: bold;
}
#event-detail #modules table {
  float: left;
}
#event-detail #modules table a {
  color: #495451;
}
#event-detail #modules table a:hover {
  text-decoration: underline;
  color: #d20a11;
}
#event-detail #approvals {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
#event-detail #approvals label {
  width: 265px;
  border-bottom: none;
}
#event-detail #approvals #add-pane {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
  border-top: solid 1px #ffce44;
  padding-top: 15px;
  padding-bottom: 15px;
}
#event-detail #approvals #add-pane select {
  width: 310px;
}
#event-detail #approvals #delete-pane {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
  border-top: solid 1px #ffce44;
  padding-top: 15px;
}
#event-detail #approvals #delete-pane #container {
  float: left;
  clear: both;
  text-align: center;
  width: 100%;
  font-weight: bold;
}
#event-detail #approvals table {
  float: left;
}
#event-detail #approvals table a {
  color: #495451;
}
#event-detail #approvals table a:hover {
  text-decoration: underline;
  color: #d20a11;
}
#event-detail #pulse {
  float: left;
  width: 100%;
  margin-top: 30px;
}
#event-detail #statuses {
  float: left;
  padding-top: 20px;
}
#event-detail #statuses #tree {
  text-align: center;
  margin-top: 20px;
  float: left;
  margin-left: 10px;
}
#event-detail #statuses #tree a {
  font-size: 1em;
}
#event-detail #statuses #tree .vertical {
  width: 1px;
  background-color: #dbdddc;
  height: 10px;
  margin-left: 70px;
  margin-top: 10px;
  margin-bottom: 5px;
}
#event-detail #statuses #tree .horizontal {
  width: 20px;
  background-color: #dbdddc;
  height: 1px;
  display: inline-block;
  margin-bottom: 3px;
}
#event-detail #leaders {
  clear: both;
  padding: 15px;
}
#event-detail #attendees {
  clear: both;
  padding: 15px;
}
#event-detail #attendees #advanced {
  float: right;
  clear: both;
  margin-bottom: 5px;
}
#event-detail #attendees #advanced a {
  color: #000;
  text-decoration: underline;
}
#event-detail #attendees #add-leader {
  display: none;
}
#event-detail #attendees .email {
  width: 250px;
}
#event-detail #attendees .gender {
  width: 128px;
}
#event-detail #attendees .address,
#event-detail #attendees .country,
#event-detail #attendees .region {
  width: auto;
}
#event-detail #attendees .done {
  border-top: none;
  margin-top: 0px;
}
#event-detail #edit-event-actions {
  margin-top: 20px;
}
#event-detail #confirm-transition {
  border-top: solid 1px #d20a11;
  float: left;
  padding-top: 20px;
  width: 670px;
}
#event-detail #confirm-transition #confirm-message {
  text-align: center;
  color: #000;
  font-weight: bold;
}
#event-detail #confirm-transition #confirm-description {
  text-align: center;
  color: #666;
}
#event-detail #confirm-transition #error-message {
  text-align: center;
  color: #d20a11;
  font-weight: bold;
}
#event-detail #confirm-transition #approval-organizations {
  margin-left: 0px;
  margin-bottom: 20px;
}
#event-detail #confirm-transition #approval-guidance {
  margin-top: 20px;
}
#event-detail #resources {
  padding: 15px;
}
#event-detail #resources .resource-divider {
  margin-top: 7px;
}
#event-detail #resources .resource-divider h3 {
  margin-bottom: 0px;
}
#event-detail #resources fieldset {
  margin-right: 20px;
  width: 300px;
}
#event-detail #resources fieldset div.resource {
  margin-bottom: 10px;
}
#event-detail #resources fieldset div.resource .resource-header {
  margin-bottom: 3px;
}
#event-detail #resources fieldset div.resource .resource-header .visibility {
  font-size: 0.8em;
  color: #aaa;
  text-transform: uppercase;
}

#event-leader-edit {
  padding: 0px;
  border: none;
}
#event-leader-edit #personal-box {
  width: 45%;
  float: left;
  margin-right: 20px;
  margin-left: 20px;
  margin-top: 20px;
}
#event-leader-edit #address-box {
  width: 45%;
  float: left;
  margin-right: 20px;
  margin-top: 20px;
}
#event-leader-edit #role-box {
  float: left;
  margin-top: 20px;
  clear: both;
  margin-left: 20px;
  width: 97%;
}
#event-leader-edit #role-box h3 {
  margin-bottom: 10px;
}
#event-leader-edit #role-box .role {
  padding-left: 0px;
}
#event-leader-edit #role-box .role input {
  float: left;
}
#event-leader-edit #role-box .role label {
  text-transform: uppercase;
  font-size: 0.85em;
  display: block;
  float: left;
  margin-top: 7px;
  margin-right: 0px;
}
#event-leader-edit #role-box .role label.inline {
  padding-left: 3px;
  padding-right: 10px;
}
#event-leader-edit #role-box .role label em {
  font-style: italic;
  font-weight: normal;
}
#event-leader-edit #role-box .role select {
  float: left;
}
#event-leader-edit #role-box .role div {
  float: left;
  clear: both;
  opacity: 1 !important;
}
#event-leader-edit #role-box .role div.inline {
  clear: none;
}
#event-leader-edit #role-box .role div.inner {
  margin-left: 30px;
  margin-bottom: 0px;
}
#event-leader-edit #role-box .role div.inner p {
  padding: 0px;
  margin: 0px;
  color: #000;
  margin-left: 7px;
}
#event-leader-edit #role-box table td {
  vertical-align: top;
}
#event-leader-edit #role-box table td:first-child {
  font-weight: bold;
  width: 250px;
}
#event-leader-edit #role-box table td:last-child {
  width: 400px;
}
#event-leader-edit fieldset > div > input:not(.date):not(.search):not(input[type=checkbox]) {
  float: left;
  display: block;
  margin-right: 5px;
  width: 190px !important;
}
#event-leader-edit fieldset > div > select {
  width: 202px;
}
#event-leader-edit fieldset > div > input > .search {
  width: 230px;
}

#event-attendee-edit {
  padding: 20px;
  border: none;
  display: flex;
  flex-wrap: wrap;
}
#event-attendee-edit fieldset {
  width: 50%;
}
#event-attendee-edit #personal-box {
  width: 45%;
  float: left;
  margin-right: 20px;
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#event-attendee-edit #address-box {
  width: 45%;
  float: left;
  margin-right: 20px;
  margin-top: 20px;
}
#event-attendee-edit #address-box h3 {
  margin-bottom: 5px;
}
#event-attendee-edit #demographic-box {
  width: 200px;
  margin-right: 10px;
  margin-top: 20px;
}
#event-attendee-edit #demographic-box h3 {
  margin-bottom: 5px;
}
#event-attendee-edit #demographic-box label {
  width: 150px;
  border-bottom: none;
}
#event-attendee-edit #recognized-box {
  float: left;
  margin-left: 20px;
  padding-top: 20px;
  margin-bottom: 20px;
}
#event-attendee-edit #recognized-box label {
  width: 200px;
  border-bottom: none;
}
#event-attendee-edit #duplicate-box {
  float: left;
  clear: both;
  margin-bottom: 30px;
  margin-left: 20px;
  margin-right: 20px;
}
#event-attendee-edit .buttons {
  margin-top: 0px;
}
#event-attendee-edit fieldset > div > input:not(.date):not(.search):not(input[type=checkbox]) {
  float: left;
  display: block;
  margin-right: 5px;
  width: 190px !important;
}
#event-attendee-edit fieldset > div > select {
  width: 202px !important;
}
#event-attendee-edit fieldset > div > input > .search {
  width: 230px;
}

#event-detail #notes {
  padding: 30px;
  padding-top: 20px;
}
#event-detail #notes textarea {
  width: 270px;
  height: 100px;
}
#event-detail #notes #public {
  float: left;
  width: 28%;
  margin-right: 0px;
  padding-right: 30px;
  border-right: solid 1px #dbdddc;
}
#event-detail #notes #public span.recorder {
  display: block;
  color: #aaa;
  font-size: 0.9em;
}
#event-detail #notes #private {
  float: left;
  width: 28%;
  margin-right: 30px;
  padding-right: 30px;
  padding-left: 30px;
  border-right: solid 1px #dbdddc;
}
#event-detail #notes #private-list {
  float: left;
  width: 270px;
  margin-top: 20px;
}
#event-detail #notes #private-list p {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #efefef;
  color: #000;
}
#event-detail #notes #private-list p span.recorder {
  display: block;
  color: #aaa;
  font-size: 0.9em;
}
#event-detail #notes #approval {
  float: left;
  width: 28%;
}
#event-detail #notes #approval p {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #efefef;
  color: #000;
}
#event-detail #notes #approval p span.recorder {
  display: block;
  color: #aaa;
  font-size: 0.9em;
}

.workflow-tabs {
  width: 1210px;
}

#event-workflow {
  width: 100%;
}
#event-workflow .list {
  float: left;
  border-left: solid 1px #dbdddc;
  border-right: solid 1px #dbdddc;
  margin-left: -1px;
  width: 24.8%;
  border-top: 0;
}
#event-workflow .list:first-child {
  margin-left: 0px;
}
#event-workflow .list:last-child {
  border-right: none;
}
#event-workflow .list .list-header {
  position: relative;
  padding-bottom: 20px;
  background-color: #fff;
}
#event-workflow .list .list-header h2 {
  font-size: 1.5em;
  padding-left: 0px;
  padding-top: 20px;
  margin: 0px;
  margin-bottom: 10px;
  text-align: center;
  color: #48535A;
  position: relative;
}
#event-workflow .list .list-header h2 p {
  color: #999;
  font-size: 0.7em;
  margin-bottom: 0px;
}
#event-workflow .list .list-header #event-action {
  text-align: center;
  height: 30px;
}
#event-workflow .list .list-header #event-action a {
  text-align: center;
  text-decoration: underline;
  display: block;
  margin-bottom: 5px;
}
#event-workflow .list .list-header #event-action a.money {
  color: #288028;
}
#event-workflow .list .list-header #event-action a:hover {
  color: #d20a11;
  text-decoration: underline;
}
#event-workflow .list .list-header .back-link {
  position: absolute;
  right: 15px;
  top: 12px;
  font-size: 2em;
  color: #495451;
  font-weight: normal;
}
#event-workflow .list .list-header .back-link:hover {
  color: #d20a11;
}
#event-workflow .list #event-tabs .subtabs li:first-child {
  margin-left: 10px;
}
#event-workflow .list #event-tabs .subtabs #event-search-tab {
  position: absolute;
  right: 0px;
  z-index: 10;
  border-bottom: none;
}
#event-workflow .list #event-tabs .subtabs #event-search-tab a {
  padding: 6px;
}
#event-workflow .list #event-tabs .subtabs #event-search-tab a:hover {
  color: #d20a11;
}
#event-workflow .list #event-tabs .subtabs #event-search-tab.selected a img {
  filter: invert(100%);
}
#event-workflow .list #none p {
  font-style: italic;
  padding: 10px 0;
  margin-bottom: 0px;
  text-align: center;
  min-height: 42px;
  color: #666;
  float: left;
  width: 100%;
  border-bottom: solid 1px #dbdddc;
}
#event-workflow .list #event-controls {
  background-color: #fff;
  float: left;
  width: -webkit-fill-available;
  border-bottom: solid 1px #dbdddc;
  padding: 10px;
  padding-top: 0px;
}
#event-workflow .list #event-paging {
  float: right;
  background-color: #fff;
}
#event-workflow .list #event-paging a {
  color: #666;
  margin-left: 5px;
}
#event-workflow .list #event-paging a:hover {
  text-decoration: underline;
  color: #d20a11;
}
#event-workflow .list #event-paging a.selected {
  color: #000;
  font-weight: bold;
}
#event-workflow .list #event-paging #event-filter {
  float: left;
  color: #999;
  margin-top: 20px;
  margin-right: 20px;
}
#event-workflow .list #event-paging #event-filter:hover {
  color: #d20a11;
  text-decoration: underline;
}
#event-workflow .list #event-search {
  background-color: #fff;
  float: left;
  clear: both;
  width: 99%;
  padding-bottom: 10px;
}
#event-workflow .list #event-search fieldset {
  margin-bottom: 0px;
  margin-left: 7px;
  min-height: 279px;
}
#event-workflow .list #event-search fieldset label {
  text-align: left;
}
#event-workflow .list #event-search fieldset > div > input:not(.date, [type=checkbox]) {
  width: 190px;
}
#event-workflow .list #event-search fieldset > div > select {
  width: 190px;
}
#event-workflow .list #event-search .buttons {
  margin-top: 10px;
}
#event-workflow .list #event-search select {
  width: 140px;
}
#event-workflow .list .sidetabs {
  background-color: #fff;
  padding-bottom: 0px;
  border-right: 0px solid;
  border-left: 0px solid;
  border-bottom: 0px solid;
}
#event-workflow .list .sidetabs li a {
  height: auto;
}
#event-workflow .list .sidetabs li p {
  font-weight: bold;
  color: #000;
  line-height: 1.2em;
  overflow: hidden;
}
#event-workflow .list .sidetabs li p.active {
  font-weight: bold;
  color: #000;
}
#event-workflow .list .sidetabs li.selected a {
  font-weight: normal;
}
#event-workflow .list .sidetabs p {
  color: #000;
  margin: 5px 0;
}
#event-workflow .list .sidetabs label {
  color: #666;
  display: inline-block;
  width: 70px;
}
#event-workflow .list .sidetabs .left {
  float: left;
  line-height: 1.15;
}
#event-workflow .list .sidetabs .right {
  float: right;
  position: absolute;
  bottom: 0px;
  right: 10px;
  text-align: right;
}
#event-workflow .list .sidetabs .right span {
  font-style: italic;
  color: #666;
}
#event-workflow .list .sidetabs .right img {
  float: right;
  width: 20px;
  margin-right: -3px;
}
#event-workflow #detail {
  width: 74%;
  float: left;
  background-color: #fff;
  margin-left: 1px;
}
#event-workflow #detail #verification {
  width: 100%;
  float: left;
}
#event-workflow #detail #verification #event-notes {
  float: left;
  width: 100%;
}
#event-workflow #detail #verification #event-notes p {
  color: #000;
  /*text-align: justify;*/
}
#event-workflow #detail #verification #event-notes span {
  color: #666;
  display: block;
  font-size: 0.9em;
}
#event-workflow #detail #verification #info {
  float: left;
  width: 96%;
  padding-left: 30px;
}
#event-workflow #detail #verification #info .buttons {
  margin-top: 0px;
}
#event-workflow #detail #verification h1.simple {
  line-height: normal;
  margin-bottom: 0px;
}
#event-workflow #detail #verification h3 {
  margin-bottom: 5px;
}
#event-workflow #detail #verification #c1 {
  width: 46%;
  margin-right: 2%;
  padding-top: 20px;
  float: left;
}
#event-workflow #detail #verification #c1 span {
  width: 65%;
}
#event-workflow #detail #verification fieldset h4 {
  float: left;
  clear: both;
}
#event-workflow #detail #verification fieldset label {
  color: #495451;
}
#event-workflow #detail #verification fieldset span {
  font-weight: normal;
  min-width: 25%;
}
#event-workflow #detail #verification #associations {
  width: 46%;
  float: left;
  margin-bottom: 20px;
}
#event-workflow #detail #verification #associations #modules {
  float: left;
  width: 100%;
  margin-top: 20px;
  border-bottom: solid 1px #dbdddc;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 20px;
}
#event-workflow #detail #verification #associations #approvals {
  float: left;
  width: 100%;
  margin-top: 20px;
  border-bottom: solid 1px #dbdddc;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 20px;
}
#event-workflow #detail #verification #associations #approvals fieldset {
  width: 100%;
}
#event-workflow #detail #verification #associations #approvals fieldset label {
  width: 64%;
  color: #000;
  border-bottom: none;
  margin-left: 10px;
}
#event-workflow #detail #verification #associations #approvals fieldset .rejection {
  color: #d20a11;
}
#event-workflow #detail #verification #associations #event-notes {
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 20px;
}
#event-workflow #detail #verification #leaders {
  float: left;
  width: 96%;
  margin-bottom: 20px;
  margin-top: 20px;
  padding-left: 30px;
}
#event-workflow #detail #verification #attendees {
  float: left;
  width: 96%;
  margin-bottom: 20px;
  padding-left: 30px;
}
#event-workflow #detail #verification #confirm-transition {
  border-top: solid 1px #d20a11;
  float: left;
  padding-top: 20px;
}
#event-workflow #detail #verification #confirm-transition #confirm-message {
  text-align: center;
  color: #000;
  font-weight: bold;
}
#event-workflow #detail #verification #confirm-transition #confirm-description {
  text-align: center;
  color: #666;
}
#event-workflow #detail #verification #confirm-transition #rejection-notes {
  margin-left: 220px;
}
#event-workflow #detail #verification #confirm-transition #rejection-notes textarea {
  width: 300px;
  height: 100px;
}
#event-workflow #detail #verification #confirm-transition #error-message {
  text-align: center;
  color: #d20a11;
  font-weight: bold;
}
#event-workflow #detail #verification #confirm-transition #approval-organizations {
  margin-left: 0px;
  margin-bottom: 20px;
}
#event-workflow #detail #verification #confirm-transition #approval-guidance {
  margin-top: 20px;
}
#event-workflow #detail #verification #confirm-transition #approval-notes {
  text-align: center;
}
#event-workflow #detail #verification #confirm-transition #approval-notes label {
  display: block;
  color: #999;
  margin-bottom: 3px;
}
#event-workflow #detail #verification #confirm-transition #approval-notes textarea {
  width: 340px;
  margin-left: 200px;
  margin-bottom: 20px;
}
#event-workflow #detail #verification .false {
  display: none;
}
#event-workflow #detail #verification .true {
  display: inline;
}
#event-workflow #detail #verification #account-merge {
  width: 900px;
  height: 800px;
}

#event-templates {
  padding: 20px;
  width: 100%;
}
#event-templates h3 {
  margin-bottom: 0px;
  margin-top: 20px;
}
#event-templates h3.first {
  margin-top: 0px;
}
#event-templates td.new {
  border-bottom: none;
}

#event-advancedcoachingdiploma #content {
  padding: 20px;
}
#event-advancedcoachingdiploma #content table td:first-child {
  font-weight: bold;
}

/*#endregion*/
/*#region Delivery */
#delivery #snapshot #subheading #aux .approved {
  color: #288028;
}
#delivery .sidetabs {
  width: 120px;
}
#delivery .tab {
  float: left;
  padding: 20px;
  padding-bottom: 0px;
  width: 87%;
}
#delivery .connector {
  width: 50px;
  border-top: solid 1px #dbdddc;
  margin-top: 135px;
  float: left;
}
#delivery .connector-next {
  width: 50px;
  border-top: 1px dashed #dbdddc;
  margin-top: 135px;
  float: left;
}
#delivery .stage {
  float: left;
  padding: 20px;
  width: 190px;
  height: 250px;
  position: relative;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
#delivery .stage .option > p {
  line-height: 1.2em;
}
#delivery .stage.next {
  border: 1px dashed #aaa;
}
#delivery .past {
  border: 1px dotted #aaa;
  width: auto;
}
#delivery .past h2, #delivery .past .details p {
  color: #999;
}
#delivery .next {
  /*border: 1px dashed $colour-light-gray3;*/
  text-align: center;
}
#delivery .next .option {
  height: 115px;
}
#delivery .next .divider {
  width: 190px;
  border-top: dashed 0px #aaa;
  margin-bottom: 20px;
}
#delivery .next p {
  text-align: left;
  margin-bottom: 10px;
}
#delivery #stages > .current {
  border: solid 1px #666;
}
#delivery #stages > .online {
  border: solid 1px #288028;
}
#delivery #stages > .offline {
  border: solid 1px #d20a11;
}
#delivery .stage h2 {
  text-align: center;
  margin-bottom: 20px;
}
#delivery .stage input {
  width: 100px;
}
#delivery .stage .toggle {
  text-align: center;
  float: left;
  width: 200px;
}
#delivery .stage .details {
  display: none;
  font-style: italic;
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 0.9em;
}
#delivery .stage .details p {
  margin-bottom: 0px;
  font-size: 1em;
}
#delivery .stage .switch {
  margin-bottom: 15px;
  margin-left: 25px;
}
#delivery .stage .switch a {
  text-decoration: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
#delivery .stage .switch a.online {
  background-color: #288028;
  color: #fff;
  font-weight: normal;
}
#delivery .stage .switch a.offline {
  background-color: #d20a11;
  color: #fff;
  font-weight: normal;
}

#delivery-create {
  padding: 20px;
}
#delivery-create h2 {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px;
}
#delivery-create label {
  font-weight: bold;
  border-bottom: none;
  white-space: nowrap;
}
#delivery-create input[type=radio] {
  margin-top: 0px;
}
#delivery-create p {
  margin-left: 30px;
  margin-bottom: 5px;
}
#delivery-create #delivery-create-single {
  margin-left: 25px;
  width: auto;
}
#delivery-create #delivery-create-single fieldset {
  float: none;
  margin-bottom: 10px;
}
#delivery-create #delivery-create-single fieldset.indented {
  margin-left: 30px;
  margin-top: 10px;
}
#delivery-create #delivery-create-single fieldset.indented label {
  font-weight: normal;
}
#delivery-create #delivery-create-single fieldset select {
  width: 70%;
}

#delivery-primer #instructions {
  margin-bottom: 20px;
  margin-left: -10px;
}
#delivery-primer #instructions ol {
  margin-left: 20px;
}
#delivery-primer #instructions ol li {
  list-style-type: disc;
  margin-bottom: 10px;
  color: #666;
}
#delivery-primer .sidetabs {
  width: 100px;
}
#delivery-primer #sections {
  padding: 20px;
  margin-left: 20px;
  display: flex;
  flex-direction: row;
}
#delivery-primer #sections section {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
#delivery-primer #sections section > div {
  padding-bottom: 30px;
}
#delivery-primer #sections section > div #event-meta {
  width: 100%;
}
#delivery-primer #sections section > div #event-name {
  width: 70%;
}
#delivery-primer #sections section > div #to-label {
  width: auto;
}
#delivery-primer #sections section > div:first-child {
  margin-right: 50px;
}
#delivery-primer #sections section table tr td:first-child {
  width: 1%;
  white-space: nowrap;
}
#delivery-primer #sections section textarea {
  height: 1000px;
}
#delivery-primer #sections section .note {
  font-style: italic;
  color: #6d7674;
  font-size: 0.85em;
  margin-bottom: 10px;
}

#delivery-logistics {
  padding-bottom: 200px;
  justify-content: normal;
}
#delivery-logistics .tab {
  width: 87%;
}
#delivery-logistics #overview select {
  width: auto;
  min-width: 86px;
}
#delivery-logistics #overview .organization .organization-select {
  width: 222px;
}
#delivery-logistics #overview .locations p {
  float: left;
  margin-right: 20px;
}
#delivery-logistics #overview .number input, #delivery-logistics #overview .name input {
  width: 210px;
}
#delivery-logistics #overview .search {
  width: 190px;
}
#delivery-logistics #overview .address input {
  width: 210px;
}
#delivery-logistics #overview .municipality input {
  width: 190px;
}
#delivery-logistics #overview .country select, #delivery-logistics #overview .region select {
  width: 222px;
}
#delivery-logistics #overview .postal-code input {
  width: 60px;
}
#delivery-logistics #overview .planning {
  margin-left: 30px;
}
#delivery-logistics #overview .planning h3 {
  font-weight: 600;
}
#delivery-logistics #overview .registration {
  margin-left: 30px;
}
#delivery-logistics #overview .registration h3 {
  font-weight: 600;
}
#delivery-logistics #overview .registration label {
  width: 100px;
}
#delivery-logistics #overview .attendee-limit input {
  width: 30px;
  text-align: center;
}
#delivery-logistics #overview .col {
  width: 50%;
  float: left;
}
#delivery-logistics #overview .col fieldset {
  clear: both;
}
#delivery-logistics #overview .col fieldset table {
  width: 100%;
}
#delivery-logistics #overview #sessions {
  margin-top: 20px;
}
#delivery-logistics #overview #sessions #SessionGrid > .grid > tbody > tr.injected > td {
  width: auto;
  padding-right: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#delivery-logistics #overview #sessions #SessionGrid > .grid > tbody > tr.injected > td > div {
  padding: 0px;
  padding-bottom: 0px;
}
#delivery-logistics #overview #sessions #SessionGrid > .grid > tbody > tr.injected > td > div h3 {
  margin-bottom: 10px;
  font-weight: 600;
}
#delivery-logistics #overview #sessions #SessionGrid .sidetabs li.menu a {
  text-transform: uppercase;
  text-decoration: none;
}
#delivery-logistics #overview #sessions td > div.state > span {
  font-size: 0.9em;
  text-transform: uppercase;
}
#delivery-logistics #overview #sessions td > div.state > span.open {
  color: #288028;
}
#delivery-logistics #overview #sessions td > div.state > span.closed {
  color: #d20a11;
}
#delivery-logistics #overview #sessions td > div.state > span.status {
  color: #666;
  font-weight: bold;
}
#delivery-logistics #overview #singleView #session {
  background: none;
  position: static;
}
#delivery-logistics #overview #session {
  position: absolute;
  background-color: #fff;
}
#delivery-logistics #overview #session #overview {
  padding: 0px;
}
#delivery-logistics #overview #session #tabs {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
#delivery-logistics #overview #session h1 {
  border-top-left-radius: 0px;
}
#delivery-logistics #overview #session .col1 {
  float: left;
  width: 48%;
  margin-right: 0px;
  border-right: 1px dotted #dbdddc;
  padding-right: 20px;
}
#delivery-logistics #overview #session .col1 .organization .organization-select {
  width: 222px;
}
#delivery-logistics #overview #session .col1 label {
  width: 120px;
}
#delivery-logistics #overview #session .col1 select {
  width: auto;
  margin-right: 10px;
}
#delivery-logistics #overview #session .col1 #sessiontimeto {
  width: auto;
}
#delivery-logistics #overview #session .col1 .slots fieldset {
  border-bottom: dotted 0px #dbdddc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#delivery-logistics #overview #session .col1 .slots fieldset .venue select, #delivery-logistics #overview #session .col1 .slots fieldset .track select {
  width: 220px;
}
#delivery-logistics #overview #session .col1 .slots fieldset .delete {
  text-align: right;
  width: 100%;
  margin-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #dbdddc;
}
#delivery-logistics #overview #session .col1 .slots fieldset .delete a {
  text-decoration: underline;
}
#delivery-logistics #overview #session .col1 .divider {
  /*border-bottom: 1px dotted $colour-light-gray;*/
  clear: both;
  /*margin-bottom: 25px;*/
}
#delivery-logistics #overview #session .col2 {
  float: left;
  width: 45%;
  border-left: 1px dotted #dbdddc;
  padding-left: 20px;
  margin-left: -1px;
}
#delivery-logistics #overview #session .col2 table {
  width: 100%;
  margin-bottom: 20px;
}
#delivery-logistics #overview #session .col2 select {
  width: 210px;
  margin-right: 10px;
}
#delivery-logistics #overview #session .col2 fieldset > span > input[type=button] {
  /*margin-left: 35px;*/
  margin-top: 15px;
}
#delivery-logistics #overview #session .sidetabs {
  width: 120px;
}
#delivery-logistics #overview #session .tab {
  width: 700px;
  margin-bottom: 10px;
}
#delivery-logistics #overview #session #session-content .tab img {
  display: block;
  float: left;
  margin-top: 10px;
}
#delivery-logistics #overview #session #session-content .tab iframe {
  height: 0px;
}
#delivery-logistics #overview #session #session-content #survey {
  padding: 20px;
  padding-bottom: 10px;
}
#delivery-logistics #overview #session #session-content #survey #cke_survey-description {
  width: 560px;
  float: right;
}
#delivery-logistics #overview #session #session-content #survey input[type=text] {
  width: 200px;
}
#delivery-logistics #overview #session #session-content #survey #choices select {
  width: auto;
}
#delivery-logistics #overview #session #session-content #survey #choices div {
  width: 500px;
  float: left;
}
#delivery-logistics #overview #session #session-content #survey #choices div input {
  display: block;
  margin-bottom: 3px;
}
#delivery-logistics #overview #session #session-lifecycle {
  float: left;
  padding-bottom: 20px;
}
#delivery-logistics #overview #venues {
  margin-top: 30px;
}
#delivery-logistics #overview #venue {
  /*padding: 20px;*/
}
#delivery-logistics #overview #venue .col1 {
  float: left;
  width: 43%;
  margin-right: 20px;
}
#delivery-logistics #overview #venue .col2 {
  float: left;
  width: 54%;
}
#delivery-logistics #overview #venue .col1 input[type=text], #delivery-logistics #overview #venue .col2 input[type=text] {
  width: 189px;
}
#delivery-logistics #overview #venue select {
  width: 200px;
}
#delivery-logistics #overview #venue textarea {
  width: 70%;
  height: 100px;
}
#delivery-logistics #schedule {
  float: left;
}
#delivery-logistics #schedule h2 {
  margin-bottom: 20px;
}
#delivery-logistics #schedule .day {
  float: left;
}
#delivery-logistics #schedule .day .times {
  float: left;
  width: 60px;
  padding-top: 40px;
  border-right: solid 1px #666;
}
#delivery-logistics #schedule .day .times div {
  border-top: solid 1px #666;
  height: 59px;
  font-weight: bold;
  font-size: 0.9em;
}
#delivery-logistics #schedule .day .heading {
  float: left;
  min-height: 40px;
  width: 100%;
  background-color: #fff;
  border-left: solid 1px #fff;
  margin-left: -1px;
  margin-right: -1px;
  border-right: solid 1px #fff;
}
#delivery-logistics #schedule .day .heading h3 {
  text-align: center;
  margin-bottom: 5px;
  margin-top: 5px;
}
#delivery-logistics #schedule .day .heading div {
  text-align: center;
}
#delivery-logistics #schedule .day .heading a {
  text-align: center;
  color: #666;
  text-decoration: underline;
  margin-left: 5px;
  margin-right: 5px;
}
#delivery-logistics #schedule .day .heading a:hover {
  color: #d20a11;
}
#delivery-logistics #schedule .day .heading .track-edit {
  width: 100%;
  margin: 10px;
}
#delivery-logistics #schedule .day .track {
  float: left;
  position: relative;
  border-bottom: solid 1px #666;
  margin-bottom: 30px;
  border-right: solid 1px #666;
}
#delivery-logistics #schedule .day .track .line {
  border-top: solid 1px #666;
  width: 100%;
  height: 59px;
  float: left;
}
#delivery-logistics #schedule .day .track .slot {
  position: absolute;
  background-color: #efefef;
  border: solid 1px #efefef;
  margin-top: 1px;
}
#delivery-logistics #schedule .day .track .top-border {
  border-top: solid 1px #aaa;
}
#delivery-logistics #schedule .day .track .bottom-border {
  border-bottom: solid 1px #aaa;
}
#delivery-logistics #schedule .day .track .left-border {
  border-left: solid 1px #aaa;
}
#delivery-logistics #schedule .day .track .right-border {
  border-right: solid 1px #aaa;
}
#delivery-logistics #schedule .day .track .slot > div {
  padding: 5px;
  position: relative;
}
#delivery-logistics #schedule .day .track .slot > div .time {
  color: #666;
  font-size: 0.8em;
  font-weight: normal;
}
#delivery-logistics #schedule .day .track .slot > div p.session {
  text-align: center;
  color: #000;
  font-weight: bold;
  margin: 0px;
  line-height: normal;
}
#delivery-logistics #schedule .day .track .slot > div p.venue {
  text-align: center;
  color: #000;
  margin: 0px;
  margin-top: 3px;
  font-size: 0.8em;
  line-height: normal;
}
#delivery-logistics #schedule .day .new-track {
  float: left;
  width: 80px;
  margin-left: 10px;
  text-align: center;
}
#delivery-logistics #schedule .day .new-track a {
  color: #666;
  text-decoration: underline;
}
#delivery-logistics #schedule .day .new-track a:hover {
  color: #d20a11;
}

#track-dialog {
  display: none;
  padding: 20px;
}
#track-dialog input[type=text] {
  width: 248px;
}

#delivery-logistics #staff table {
  margin-bottom: 30px;
}
#delivery-logistics #staff-edit #personal-box, #delivery-logistics #staff-edit #address-box {
  margin-right: 20px;
  width: 34%;
}
#delivery-logistics #staff-edit #personal-box input[type=text], #delivery-logistics #staff-edit #address-box input[type=text] {
  width: 233px;
}
#delivery-logistics #staff-edit #personal-box input[type=text].search, #delivery-logistics #staff-edit #address-box input[type=text].search {
  width: 213px;
}
#delivery-logistics #staff-edit #personal-box select, #delivery-logistics #staff-edit #address-box select {
  width: 245px;
}
#delivery-logistics #staff-edit #role-box {
  width: 25%;
  min-height: 150px;
}
#delivery-logistics #staff-edit #role-box label {
  width: 140px;
  border-bottom: none;
}
#delivery-logistics #staff-edit #role-box a {
  text-decoration: underline;
}
#delivery-logistics #staff-edit #leader-box {
  width: 180px;
  min-height: 150px;
  float: left;
}
#delivery-logistics #staff-edit #organization-roles {
  background-color: #efefef;
  padding: 20px;
  float: left;
  border-top: 1px dashed #dbdddc;
  border-left: 1px dashed #dbdddc;
  border-right: 1px dashed #dbdddc;
}
#delivery-logistics #staff-edit #organization-roles h1 {
  float: left;
  background-color: transparent;
}
#delivery-logistics #staff-edit #organization-roles #permissions fieldset {
  width: 100%;
  padding-bottom: 0px;
}
#delivery-logistics #staff-edit #organization-roles #permissions fieldset div {
  width: 100%;
  float: left;
  clear: none;
  border-bottom: 1px dotted #dbdddc;
}
#delivery-logistics #staff-edit #organization-roles #permissions fieldset div input {
  float: left;
}
#delivery-logistics #staff-edit #organization-roles #permissions fieldset div label {
  float: left;
  width: 120px;
  border-bottom: none;
}
#delivery-logistics #staff-edit #organization-roles #permissions fieldset div p {
  float: left;
  width: 70%;
  font-style: italic;
  color: #666;
  margin-bottom: 0px;
}
#delivery-logistics #session #staff-edit #personal-box {
  margin: 20px;
}
#delivery-logistics #session #staff-edit #address-box {
  margin: 20px;
}
#delivery-logistics #session #staff-edit #role-box, #delivery-logistics #session #staff-edit #leader-box {
  margin: 20px;
}

#staff-email-dialog {
  display: none;
  padding: 20px;
}
#staff-email-dialog input[type=text] {
  width: 300px;
}
#staff-email-dialog textarea {
  width: 550px;
  height: 90px;
  margin-bottom: 30px;
}

#delivery-content {
  justify-content: normal;
}
#delivery-content #survey-tab .grid td {
  white-space: normal;
  width: 200px;
}
#delivery-content #survey-tab .grid td:first-child {
  font-weight: normal;
  width: 200px;
}
#delivery-content #survey-tab .grid .card-request, #delivery-content #survey-tab .grid .card-choices {
  height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
}
#delivery-content #survey {
  width: 800px;
}
#delivery-content #survey #cke_survey-description {
  width: 98%;
  float: left;
}
#delivery-content #survey input[type=text] {
  width: 200px;
}
#delivery-content #survey select {
  width: auto;
}
#delivery-content #survey #choices div {
  width: 500px;
  float: left;
}
#delivery-content #survey #choices div input {
  display: block;
  margin-bottom: 3px;
}
#delivery-content #survey textarea {
  width: 85%;
  max-width: none;
}
#delivery-content #display p {
  margin-bottom: 5px;
}
#delivery-content #display img {
  margin-top: 10px;
  display: block;
  float: left;
}
#delivery-content #display iframe {
  height: 0px;
}
#delivery-content #resources-tab #resources .resource-divider {
  margin-top: 7px;
}
#delivery-content #resources-tab #resources .resource-divider h3 {
  margin-bottom: 0px;
}
#delivery-content #resources-tab #resources fieldset {
  margin-right: 20px;
  width: 300px;
}
#delivery-content #resources-tab #resources fieldset div.resource {
  margin-bottom: 10px;
}
#delivery-content #resources-tab #resources fieldset div.resource .resource-header {
  margin-bottom: 3px;
}
#delivery-content #resources-tab #resources fieldset div.resource .resource-header .visibility {
  font-size: 0.8em;
  color: #aaa;
  text-transform: uppercase;
}

#delivery-lifecycle {
  justify-content: normal;
}
#delivery-lifecycle .tab {
  padding: 20px;
  float: left;
  width: 810px;
  padding-left: 25px;
}

#delivery-registration {
  justify-content: normal;
}

#registrant-email-dialog, #participant-email-dialog {
  display: none;
  padding: 20px;
}
#registrant-email-dialog input[type=text], #participant-email-dialog input[type=text] {
  width: 300px;
}
#registrant-email-dialog textarea, #participant-email-dialog textarea {
  width: 550px;
  height: 90px;
  margin-bottom: 30px;
}

#delivery-financial {
  justify-content: normal;
}

#delivery-settings {
  padding: 30px;
  justify-content: normal;
  flex-direction: column;
}
#delivery-settings fieldset {
  margin-right: 100px;
}
#delivery-settings fieldset h3 {
  float: left;
  clear: both;
}
#delivery-settings fieldset hr {
  float: left;
  height: 10px;
}
#delivery-settings fieldset div label {
  width: auto;
}
#delivery-settings fieldset div input {
  width: 20px;
  text-align: center;
}
#delivery-settings fieldset .bottom {
  margin-top: 20px;
}

#delivery-translation {
  padding-top: 20px;
  justify-content: normal;
  flex-direction: column;
}
#delivery-translation select {
  width: fit-content;
  margin-bottom: 20px;
}
#delivery-translation table {
  margin-bottom: 20px;
}
#delivery-translation table td:first-child {
  font-style: italic;
  min-width: 200px;
}
#delivery-translation table td:nth-child(2) {
  /*text-align: justify;*/
  min-width: 560px;
}
#delivery-translation table tr:hover td {
  background-color: #fff;
  cursor: pointer;
  color: #d20a11;
}
#delivery-translation table tr th.label {
  width: 200px;
}
#delivery-translation table tr th.text, #delivery-translation table tr th.translation {
  width: 560px;
}
#delivery-translation #translation-dialog {
  display: none;
}

/*#endregion*/
/* Connector */
#connector {
  padding: 20px;
}
#connector .sidetabs {
  width: 120px;
}
#connector > #tab {
  float: left;
  width: 850px;
}
#connector #connector-jobs {
  width: 850px;
}
#connector #connector-jobs .missing {
  color: #d20a11;
}
#connector #connector-jobs #job #tab {
  width: 850px;
}
#connector #connector-schedule {
  width: 850px;
}
#connector #overview .sidetabs {
  width: 120px;
}
#connector #overview #tab {
  float: left;
  padding: 20px;
}
#connector #overview .pass {
  background-color: #288028;
  color: #fff;
  padding: 3px;
}
#connector #overview .fail {
  background-color: #d20a11;
  color: #fff;
  padding: 3px;
}
#connector #overview .warn {
  background-color: #ffce44;
  color: #000;
  padding: 3px;
}
#connector #overview span.label {
  text-transform: uppercase;
  font-size: 0.7em;
  color: #aaa;
}
#connector #overview span.organizationName {
  text-transform: uppercase;
  font-size: 0.8em;
  color: #aaa;
  font-weight: bold;
}
#connector #overview #legend {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  color: #48535A;
  display: block;
  margin-bottom: 3px;
}
#connector #overview #filters {
  height: 80px;
  border-bottom: 1px #dbdddc dotted;
  margin-bottom: 20px;
}
#connector #overview #filters #take-filter {
  height: 50px;
  display: inline-block;
}
#connector #overview #filters #errorCode-filter {
  height: 50px;
  display: inline-block;
}
#connector #overview #filters #date-filter {
  height: 50px;
  display: inline-block;
}
#connector #overview #filters #date-filter .switch {
  margin-bottom: 10px;
}
#connector #overview #filters #status-filter {
  height: 50px;
  display: inline-block;
}
#connector #overview #filters fieldset div {
  clear: none;
}

/* Guidelines */
.guidelines-error {
  box-shadow: 5px 5px 50px #d20a11;
}

/* Links */
#links {
  float: left;
  padding-top: 20px;
}
#links #data {
  display: none;
}
#links #data .sidetabs {
  width: 200px;
}
#links #data #drag {
  font-style: italic;
}
#links #data > div {
  float: left;
  display: none;
  width: 660px;
  margin-left: 20px;
}
#links #data .chapters {
  margin-bottom: 30px;
}
#links #data .chapters .buttons {
  margin-top: 0px;
}
#links #data .chapters ol {
  margin-left: 0px;
  list-style-position: inside;
}
#links #data .chapters ol > li {
  color: #000;
  font-weight: bold;
  border: solid 1px #fff;
  border-top: 1px dotted #dbdddc;
  padding: 5px;
  padding-top: 10px;
  list-style-type: decimal;
}
#links #data .chapters ol > li:hover {
  border: solid 1px #dbdddc;
  background-color: #efefef;
  cursor: pointer;
}
#links #data .chapters .placeholder {
  width: 500px;
  background-color: #efefef;
  height: 37px;
  float: left;
  padding-left: 10px;
  border: 1px dotted #dbdddc;
  color: #dbdddc;
  line-height: 37px;
}
#links #data .chapters ol > li p {
  margin: 0px;
  font-weight: normal;
  margin-left: 30px;
  padding: 0px;
  margin-top: 3px;
  float: none;
}
#links #data .chapters ol > li .links {
  text-align: right;
  margin-top: 10px;
}
#links #data .chapters ol > li .links a {
  font-weight: normal;
  margin-left: 5px;
  color: #aaa;
}
#links #data .chapters ol > li .links a:hover {
  text-decoration: underline;
  color: #d20a11;
}
#links #data #chapter {
  padding-top: 20px;
  border-top: 1px dashed #dbdddc;
}
#links #data #chapter > div {
  margin-bottom: 10px;
}
#links #data #chapter > div span {
  padding: 5px;
  padding-left: 3px;
  padding-right: 3px;
  background-color: #aaa;
  color: #fff;
  text-transform: uppercase;
}
#links #data #chapter > div input[type=text] {
  margin-right: 0px;
  width: 290px;
}
#links #data #chapter ul {
  margin-left: 30px;
  margin-top: 5px;
}
#links #data #chapter ul > li {
  margin-bottom: 5px;
}
#links #data #chapter .question {
  margin-bottom: 10px;
}
#links #data #chapter .answers {
  margin-left: 0px;
}
#links #data #chapter .answers h4 {
  margin-left: 30px;
}
#links #data #chapter .answers ul {
  margin-left: 0px;
}
#links #data #chapter .answers ul input[type=text] {
  width: 220px;
  margin-right: 5px;
}
#links #data #chapter .answers ul a {
  margin-left: 10px;
}
#links #data #chapter .answers ul a.hide {
  display: none;
}
#links #data #chapter .answers #option-template {
  display: none;
}
#links #data #chapter .answers ul li {
  padding-left: 30px;
}
#links #data #chapter .answers ul li:hover {
  cursor: pointer;
}
#links #data #chapter .answers ul .placeholder {
  background-color: #efefef;
  width: 450px;
  height: 30px;
  margin-left: 30px;
  float: left;
  border: 1px dotted #dbdddc;
  color: #dbdddc;
}
#links #data #chapter a {
  color: #aaa;
}
#links #data #chapter a:hover {
  color: #d20a11;
  text-decoration: underline;
}
#links #data #chapter .delete-question {
  float: left;
}
#links #data #chapter .add-option {
  margin-left: 30px;
  text-align: right;
  display: block;
}
#links #data #popup #english, #links #data #popup #french, #links #data #popup #associations {
  display: none;
}
#links #data #popup #fields {
  float: left;
  clear: both;
}
#links #data #popup textarea {
  width: 650px;
  height: 400px;
  font-family: Lucida Console;
  font-size: 0.9em;
}
#links #data #popup #associations {
  margin-bottom: 20px;
}
#links #data #requirements ol li {
  list-style-type: none;
}
#links #data .meta-container {
  float: left;
}
#links #data .meta-container #meta label {
  padding: 5px;
  padding-left: 3px;
  padding-right: 3px;
  background-color: #aaa;
  color: #fff;
  text-transform: uppercase;
  width: auto;
  border-bottom: none;
  margin-right: 0px;
  line-height: normal;
}
#links #data .meta-container #meta fieldset > div {
  margin-bottom: 10px;
}
#links #data .meta-container #meta fieldset > div textarea {
  width: 660px;
}
#links #data .meta-container .metas > div {
  color: #000;
  border: solid 1px #fff;
  border-top: 1px dotted #dbdddc;
  margin: 0px;
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 0px;
}
#links #data .meta-container .metas .links {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 5px;
}
#links #data .meta-container .metas .links a {
  font-weight: normal;
  margin-left: 5px;
  color: #aaa;
}
#links #data .meta-container .metas .links a:hover {
  text-decoration: underline;
  color: #d20a11;
}
#links #data .meta-container .buttons {
  margin-top: 0px;
}
#links #configure {
  padding: 20px;
}
#links #configure #preview-pane {
  display: none;
  width: 800px;
  height: 800px;
  position: absolute;
}
#links #configure #tree {
  float: left;
  width: 400px;
  margin-right: 20px;
}
#links #configure #tree .library {
  border: solid 1px #fff;
  margin-bottom: 1px;
}
#links #configure #tree .library a {
  color: #000;
}
#links #configure #tree .library a:hover {
  text-decoration: underline;
}
#links #configure #tree .library a.has {
  color: #000;
}
#links #configure #tree .library a.associated {
  color: #000;
  font-weight: bold;
}
#links #configure #tree .library span {
  background-color: #999;
  color: #fff;
}
#links #configure #tree .selected {
  background-color: #efefef;
  border: solid 1px #dbdddc;
}
#links #configure #tree .next {
  margin-left: 20px;
  margin-top: 0px;
  display: none;
  padding: 0px;
}
#links #configure #tree .configured {
  margin-top: 30px;
  float: left;
}
#links #configure #associations {
  width: 450px;
  float: left;
  padding-left: 20px;
  border-left: solid 1px #dbdddc;
}
#links #configure #associations .section {
  margin-bottom: 30px;
}
#links #configure #requirements .requirement {
  margin-bottom: 20px;
}
#links #configure #requirements .library {
  margin-bottom: 1px;
  border: solid 1px #fff;
}
#links #configure #associations .library {
  margin-bottom: 5px;
  border: solid 1px #fff;
}
#links #configure #associations .meta div {
  margin-bottom: 10px;
  border: solid 1px #fff;
}
#links #configure #associations .meta .selected {
  background-color: #efefef;
  border: solid 1px #dbdddc;
}
#links #configure #associations .selected {
  background-color: #efefef;
  border: solid 1px #dbdddc;
}
#links #customize #chooser {
  margin-bottom: 10px;
}
#links #customize .area {
  display: none;
}
#links #customize .area textarea {
  width: 650px;
  height: 400px;
  font-family: Lucida Console;
  font-size: 0.9em;
}
#links #customize .sidetabs {
  width: 200px;
}
#links #customize #detail {
  float: left;
  width: 650px;
  margin-left: 50px;
}
#links #customize #asset-list {
  margin-top: 0px;
}
#links #customize #asset-list h2 {
  margin-top: 30px;
}
#links #customize #asset-buttons {
  display: none;
}
#links #publish .sidetabs {
  width: 200px;
}
#links #publish #detail {
  width: 600px;
  float: left;
  margin-left: 50px;
}
#links #publish #detail h2, #links #publish #detail fieldset {
  clear: both;
}
#links #publish #urls {
  margin-top: 0px;
}
#links #publish #urls input {
  width: 460px;
}
#links #publish #urls p {
  margin-top: 10px;
  float: right;
  color: #999;
  font-style: italic;
}
#links #publish #publishing {
  float: left;
  clear: both;
}

/*#region Context */
.context-tabs li {
  min-width: 100px;
}
.context-tabs li a {
  min-width: 80px;
}

h1.context {
  text-align: left;
  height: auto;
  max-width: 231px;
}
h1.context span {
  overflow: hidden;
  display: inline-block;
  max-width: 130px;
  float: right;
  line-height: normal;
  margin-top: 15px;
  margin-bottom: 10px;
}

#context #snapshot h2 a.name {
  text-transform: none;
  color: #d20a11;
}
#context h3 {
  font-size: 1em;
  color: #000;
  font-weight: bold;
  margin-bottom: 10px;
}
#context h3 > span {
  float: right;
  color: #999;
  font-size: 0.9em;
  margin-right: 3px;
}
#context h3 > span.id {
  float: none;
  color: #999;
  font-size: 0.9em;
  padding: 0px;
  margin: 0px;
}
#context .group {
  margin-bottom: 10px;
  clear: both;
  float: left;
  width: 100%;
}
#context .group h3 {
  height: auto;
}
#context .group h3 a {
  float: right;
  text-transform: none;
  font-weight: normal;
  color: #999;
  border-bottom: none;
  border-left: dotted 0px #dbdddc;
  border-right: none;
  border-top: dotted 0px #dbdddc;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 2px;
  width: auto;
  text-align: right;
  padding-top: 2px;
  margin-bottom: 0px;
  margin-top: 0px;
}
#context .group h3 a:hover {
  color: #d20a11;
}
#context .group h3 input[type=button] {
  float: right;
  margin-top: -10px;
}
#context ul.items {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 3px;
  width: 100%;
  clear: both;
  border: solid 1px #fff;
  position: relative;
}
#context ul.items li {
  margin-top: 2px;
  margin-bottom: 2px;
  border: solid 1px #fff;
  position: relative;
  min-height: 20px;
  display: block;
}
#context ul.items li label {
  border: solid 1px #dbdddc;
  width: 30px;
  display: inline-block;
  font-weight: bold;
  background: #dbdddc;
  color: #fff;
  text-align: center;
  margin-right: 0px;
  position: absolute;
  top: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}
#context ul.items li label.pass {
  background-color: #5a725a;
  border: solid 1px #5a725a;
}
#context ul.items li label.warn {
  background-color: #ffce44;
  border: solid 1px #ffce44;
  color: #000;
}
#context ul.items li span {
  display: block;
  width: 390px;
  margin-left: 35px;
  line-height: 18px;
}
#context ul.items li span.id {
  float: none;
  color: #999;
  font-size: 0.9em;
  display: inline;
  padding: 0px;
  margin: 0px;
}
#context ul.items li:hover {
  cursor: pointer;
  background-color: #efefef;
  border: solid 1px #dbdddc;
}
#context ul.items li.pass {
  border: solid 1px #5a725a;
  background-color: #e9fde5;
}
#context ul.items li.warn {
  border: solid 1px #8a410d;
  background-color: #ffce44;
}
#context ul.items li.pass label {
  background-color: #5a725a;
  border: solid 1px #5a725a;
}
#context ul.items li.warn label {
  background-color: #ffce44;
  border: solid 1px #ffce44;
}
#context ul.items li.empty {
  display: none;
  text-align: left;
  height: auto;
  color: #aaa;
  margin-bottom: 0px;
  font-style: italic;
  font-size: 0.9em;
  line-height: 20px;
  border: 1px dotted #fff;
}
#context ul.items li.empty:hover {
  background-color: #fff;
  border: 1px dotted #fff;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#context ul.items li.knockout-empty {
  text-align: left;
  height: auto;
  color: #aaa;
  margin-bottom: 0px;
  font-style: italic;
  font-size: 0.9em;
  line-height: 20px;
  border: 1px dotted #fff;
}
#context ul.items li.knockout-empty:hover {
  background-color: #fff;
  border: 1px dotted #fff;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#context #search-results h3 {
  clear: both;
  margin-bottom: 0px;
  padding-bottom: 0px;
  cursor: pointer;
}
#context #search-results h3:hover {
  text-decoration: underline;
}
#context .empty {
  border: 1px dotted #dbdddc;
  height: 34px;
  text-align: left;
  padding-left: 10px;
  margin-bottom: 10px;
  background-color: #fff;
}
#context .empty a, #context .empty p {
  color: #aaa;
  line-height: 30px;
  font-style: normal;
}
#context #detail {
  width: 100%;
}
#context #detail h3 {
  color: #d20a11;
  font-weight: normal;
}
#context #detail #info {
  float: left;
  width: 500px;
  padding: 30px;
}
#context #detail #meta {
  width: 400px;
}
#context #detail #meta input[type=text] {
  width: 292px;
}
#context #detail #meta .search input[type=text] {
  width: auto;
}
#context #detail #meta textarea {
  width: 300px;
}
#context #detail #c1 {
  width: 400px;
  float: left;
  margin-bottom: 20px;
}
#context #detail #c2 {
  width: 400px;
  float: left;
}
#context #detail #approvals select {
  width: 100px;
}
#context #detail #approval-2 {
  display: none;
}
#context #detail #approval-2 #approval-options {
  display: none;
}
#context #detail #approval-2 select {
  float: left;
}
#context #detail #approval-2 #dependent {
  float: left;
  margin-left: 10px;
}
#context #detail #approval-3 {
  display: none;
}
#context #detail #organizations {
  float: left;
  width: 380px;
  padding-left: 30px;
  padding-top: 20px;
}
#context #criteria {
  padding: 30px;
  width: 100%;
}
#context #criteria #criteria-template, #context #criteria #criteria-split-template, #context #criteria #outcome-template {
  display: none;
}
#context #criteria hr {
  width: 920px;
}
#context #criteria .outcome {
  float: left;
  padding-bottom: 10px;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: dotted 0px #dbdddc;
}
#context #criteria .outcome a:hover {
  text-decoration: underline;
}
#context #criteria .outcome .add-criteria {
  float: right;
  margin-top: 0px;
  margin-bottom: 7px;
}
#context #criteria .outcome .criteria {
  border-top: solid 0px #000;
  padding-top: 5px;
}
#context #criteria .outcome .criteria .criteria-list {
  display: none;
}
#context #criteria .outcome .criterion {
  margin-bottom: 5px;
  padding-bottom: 0px;
  float: left;
  width: 100%;
  position: relative;
  border-bottom: dotted 0px #dbdddc;
}
#context #criteria .outcome .criterion a {
  float: right;
}
#context #criteria .outcome .criterion .specific > textarea {
  width: 363px;
  height: 35px;
  margin-left: 53px;
  background-color: #f7f7f7;
  overflow: hidden;
}
#context #criteria .outcome .criterion select.standard-list {
  position: relative;
  margin-left: 60px;
  top: auto;
  width: auto;
  max-width: 350px;
}
#context #criteria .outcome .criterion input[type=checkbox] {
  position: absolute;
  top: 0;
}
#context #criteria .outcome .criterion .placeholder {
  background-color: #fff;
  height: 37px;
  float: left;
  padding-left: 10px;
  width: 355px;
  float: right;
  border: 1px dotted #dbdddc;
  color: #dbdddc;
  line-height: 37px;
}
#context #criteria .outcome .criterion .specific {
  display: none;
  width: 420px;
  float: right;
}
#context #criteria .outcome .criterion .standard-requirement {
  width: 30px;
  display: inline-block;
  font-weight: bold;
  background: #dbdddc;
  color: #fff;
  padding: 3px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 55px;
}
#context #criteria .outcome .criterion .standard-name {
  width: 350px;
  display: inline-block;
  line-height: 16px;
  margin-left: 100px;
}
#context #criteria .outcome .criterion .custom-requirement {
  width: 50px;
  position: absolute;
  top: 0;
}
#context #criteria .outcome .criterion .custom-name {
  width: 380px;
  display: inline-block;
  line-height: 16px;
  margin-left: 90px;
  color: #000;
  border-bottom: 1px dotted #dbdddc;
}
#context #criteria .outcome .criterion .move-box {
  width: 400px;
  display: inline-block;
  line-height: 16px;
  margin-left: 90px;
  color: #000;
}
#context #criteria .outcome .criterion .move-box select {
  width: 240px;
}
#context #criteria .outcome .criterion a.split, #context #criteria .outcome .criterion a.move {
  float: none;
  color: #999;
  text-decoration: underline;
  margin-left: 25px;
  position: absolute;
  top: 2px;
}
#context #criteria .outcome .criterion a.split:hover, #context #criteria .outcome .criterion a.move:hover {
  color: #d20a11;
}
#context #criteria .outcome .criterion .specific-name {
  width: 355px;
}
#context #criteria .outcome > input[type=text] {
  float: left;
  margin-right: 5px;
}
#context #criteria .buttons {
  margin-top: 40px;
}
#context #context-module-list {
  padding: 15px;
  margin-bottom: 30px;
}
#context #context-module-list #module-list.compact {
  float: left;
  width: 565px;
}
#context #context-module-list #module-list div.filter-container {
  float: left;
}
#context #context-module-list #module-list fieldset#left {
  float: left;
  margin-right: 50px;
}
#context #context-module-list #module-list fieldset#middle {
  float: left;
  margin-right: 50px;
}
#context #context-module-list #module-list fieldset#right {
  float: left;
}
#context #context-module-list #criteria-checklist {
  float: left;
  width: 380px;
  margin-right: 15px;
}
#context #context-module-list #criteria-checklist h3 {
  float: left;
}
#context #context-module-list #criteria-checklist a#close {
  float: right;
  margin-top: -10px;
  margin-bottom: 10px;
}
#context #context-module-list #criteria-checklist a#close img:hover {
  height: 30px;
}
#context #context-module-list #criteria-checklist #outcome-list {
  padding-right: 5px;
  height: 770px;
  overflow-y: scroll;
}
#context #context-module-list #criteria-checklist #outcome-list tr.criteria td.requirement {
  font-weight: bold;
  color: #fff;
  background-color: #dbdddc;
  border: 1px solid #dbdddc;
}
#context #context-module-list #criteria-checklist #outcome-list tr.criteria.used td.requirement {
  background-color: #e9fde5;
}
#context #context-module-list #criteria-checklist #outcome-list tr.criteria.selected {
  border: 1px solid #e9fde5;
}
#context #context-module-list #criteria-checklist #outcome-list tr.criteria.selected td:not(.requirement) {
  background-color: #e9fde5;
}
#context #context-module-list #criteria-checklist #outcome-list tr.criteria:hover {
  cursor: pointer;
}
#context #context-module-list #criteria-checklist #outcome-list tr.criteria:hover:not(.selected) td:not(.requirement) {
  background-color: #efefef;
}
#context #context-module-list #module h3 {
  color: #d20a11;
  text-transform: uppercase;
  padding-bottom: 0px;
  margin-bottom: 10px;
  font-family: Locker, Verdana;
  font-weight: normal;
}
#context #context-module-list #module #header {
  border-bottom: 1px solid #999;
  padding: 10px 0px;
  margin-top: -21px;
  margin-left: -20px;
  margin-right: -20px;
  font-weight: bold;
}
#context #context-module-list #module #header #moduleId {
  border-right: 1px solid #dbdddc;
  padding: 10px;
  font-size: 1.1em;
}
#context #context-module-list #module #header #name {
  padding: 10px;
  font-size: 1.2em;
}
#context #context-module-list #module #body {
  padding-top: 15px;
}
#context #context-module-list #module #body #details {
  float: left;
  margin-right: 60px;
}
#context #context-module-list #module #body #details label {
  width: 85px;
}
#context #context-module-list #module #body #details span.translation {
  width: 250px;
}
#context #context-module-list #module #body #details input[type=text] {
  width: 250px;
}
#context #context-module-list #module #body #details input[type=text].number {
  width: 30px;
}
#context #context-module-list #module #body #details label > span {
  vertical-align: super;
}
#context #context-module-list #module #body #criteria-list {
  float: left;
}
#context #context-module-list #module #body #criteria-list #criteria-item span:first-child {
  display: inline-block;
  width: 16px;
}
#context #context-module-list #module #body #criteria-list #criteria-item combo input {
  width: 390px;
}
#context #context-module-list #module #body #criteria-list #criteria-item combo ul {
  display: block;
}
#context #context-module-list #module #body #revision-list h4 {
  border-bottom: none;
}
#context #context-module-list #module #body #revision-list fieldset > div > label {
  width: 100px;
}
#context #context-module-list #module #body #resource-list .resource #resource-header h4 {
  float: left;
}
#context #context-module-list #module #body #resource-list .resource #resource-header #controls {
  float: right;
}
#context #context-module-list #module #body #resource-list .resource #resource-header #controls a:first-child {
  margin-right: 5px;
}
#context #context-module-list #module #body #resource-list .resource fieldset#left {
  width: 300px;
  margin-right: 0px;
}
#context #context-module-list #module #body #resource-list .resource fieldset#left #upload input {
  width: 200px;
}
#context #context-module-list #module #body #resource-list .resource fieldset#middle {
  margin-left: 0px;
  margin-right: 40px;
}
#context #context-module-list #module #body #resource-list .resource fieldset#middle select {
  width: 175px;
}
#context #context-module-list #module #body #resource-list .resource fieldset#right #name {
  width: 200px;
}
#context #context-module-list #module #body #resource-list .resource fieldset#right #description {
  width: 206px;
}
#context #context-module-list #module #body #resource-list .resource fieldset #location {
  width: 148px;
}
#context #context-status-list {
  padding: 15px;
  margin-bottom: 30px;
}
#context #context-status-list #status-list.compact {
  float: left;
  width: 565px;
}
#context #context-status-list #status-list div.filter-container {
  float: left;
}
#context #context-status-list #status-list fieldset#left {
  float: left;
  margin-right: 50px;
}
#context #context-status-list #status-list fieldset#middle {
  float: left;
  margin-right: 50px;
}
#context #context-status-list #status-list fieldset#right {
  float: left;
}
#context #context-status-list #module-checklist {
  float: left;
  width: 380px;
  margin-right: 15px;
}
#context #context-status-list #module-checklist h3 {
  float: left;
}
#context #context-status-list #module-checklist a#close {
  float: right;
  margin-top: -10px;
  margin-bottom: 10px;
}
#context #context-status-list #module-checklist a#close img:hover {
  height: 30px;
}
#context #context-status-list #module-checklist #module-list {
  padding-right: 5px;
  height: 770px;
  overflow-y: scroll;
}
#context #context-status-list #module-checklist #module-list h4 {
  cursor: pointer;
}
#context #context-status-list #module-checklist #module-list tr.module td.requirement {
  font-weight: bold;
  color: #fff;
  background-color: #dbdddc;
  border: 1px solid #dbdddc;
}
#context #context-status-list #module-checklist #module-list tr.module.used td.requirement {
  background-color: #e9fde5;
}
#context #context-status-list #module-checklist #module-list tr.module.selected {
  border: 1px solid #e9fde5;
}
#context #context-status-list #module-checklist #module-list tr.module.selected td:not(.requirement) {
  background-color: #e9fde5;
}
#context #context-status-list #module-checklist #module-list tr.module:hover {
  cursor: pointer;
}
#context #context-status-list #module-checklist #module-list tr.module:hover:not(.selected) td:not(.requirement) {
  background-color: #efefef;
}
#context #context-status-list #status h3 {
  color: #d20a11;
  text-transform: uppercase;
  padding-bottom: 0px;
  margin-bottom: 10px;
  font-family: Locker, Verdana;
  font-weight: normal;
}
#context #context-status-list #status #header {
  border-bottom: 1px solid #999;
  padding: 0px 0px;
  margin-top: -21px;
  margin-left: -20px;
  margin-right: -20px;
  font-weight: bold;
}
#context #context-status-list #status #header #statusId {
  border-right: 1px solid #dbdddc;
  padding: 10px;
  font-size: 1.1em;
  float: left;
}
#context #context-status-list #status #header #name {
  padding: 10px;
  font-size: 1.2em;
  float: left;
}
#context #context-status-list #status #header #pathId {
  border-left: 1px solid #dbdddc;
  padding: 10px;
  font-size: 1.1em;
  float: left;
}
#context #context-status-list #status #header #pathId .pending {
  padding: 3px 10px 5px;
  margin-left: 10px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  color: #fff;
}
#context #context-status-list #status #header #pathId .pending.added {
  background-color: #5a725a;
}
#context #context-status-list #status #header #pathId .pending.updated {
  background-color: #8a410d;
}
#context #context-status-list #status #header #pathId .pending.deleted {
  background-color: #dd3c10;
}
#context #context-status-list #status #header #right {
  float: right;
  border-left: 1px solid #dbdddc;
}
#context #context-status-list #status #header #right #statistics {
  padding: 10px;
}
#context #context-status-list #status #header #right #statistics img {
  height: 30px;
}
#context #context-status-list #status #body {
  padding-top: 15px;
}
#context #context-status-list #status #body #details {
  float: left;
  margin-right: 35px;
}
#context #context-status-list #status #body #details label {
  width: 85px;
}
#context #context-status-list #status #body #details span.translation {
  width: 250px;
}
#context #context-status-list #status #body #details input[type=text]:not(.date) {
  width: 250px;
}
#context #context-status-list #status #body #details input[type=text]:not(.date).number {
  width: 30px;
}
#context #context-status-list #status #body #details label > span {
  vertical-align: super;
}
#context #context-status-list #status #body #status-path-list {
  float: left;
  width: 500px;
}
#context #context-status-list #status #body #status-path-list .switch a.pending.selected {
  padding: 6px 9px;
  border: 1px solid black;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
#context #context-status-list #status #body #status-path-list .switch a.pending:hover {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
#context #context-status-list #status #body #status-path-list .switch a.pending.added {
  background-color: #5a725a;
}
#context #context-status-list #status #body #status-path-list .switch a.pending.added:not(.selected) {
  background-color: rgba(90, 114, 90, 0.4);
}
#context #context-status-list #status #body #status-path-list .switch a.pending.updated {
  background-color: #8a410d;
}
#context #context-status-list #status #body #status-path-list .switch a.pending.updated:not(.selected) {
  background-color: rgba(138, 65, 13, 0.4);
}
#context #context-status-list #status #body #status-path-list .switch a.pending.deleted {
  background-color: #dd3c10;
}
#context #context-status-list #status #body #status-path-list .switch a.pending.deleted:not(.selected) {
  background-color: rgba(221, 60, 16, 0.4);
}
#context #context-status-list #status #body #status-path-list #path-preview fieldset {
  margin-bottom: 10px;
}
#context #context-status-list #status #body #status-path-list #path-preview #path-indicator span {
  padding: 3px 10px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  color: #fff;
}
#context #context-status-list #status #body #status-path-list #path-preview #path-indicator .added {
  background-color: #5a725a;
}
#context #context-status-list #status #body #status-path-list #path-preview #path-indicator .updated {
  background-color: #8a410d;
}
#context #context-status-list #status #body #status-path-list #path-preview #path-indicator .deleted {
  background-color: #dd3c10;
}
#context #context-status-list #status #body #path a#add {
  float: right;
}
#context #context-status-list #status #body #path #left, #context #context-status-list #status #body #path #right {
  width: 435px;
  float: left;
}
#context #context-status-list #status #body #path #left #details, #context #context-status-list #status #body #path #right #details {
  min-height: 60px;
}
#context #context-status-list #status #body #path #left {
  padding-right: 20px;
  margin-right: 20px;
}
#context #context-status-list #status #body #path #left.divided {
  border-right: 1px dotted #dbdddc;
}
#context #context-status-list #status #body #path #path-body {
  padding-top: 0px;
}
#context #context-status-list #status #body #path #path-body .added {
  background-color: #5a725a;
}
#context #context-status-list #status #body #path #path-body .deleted {
  text-decoration: line-through;
  color: #fff;
  background-color: #dd3c10;
}
#context #context-status-list #status #body #path #path-body .updated {
  background-color: #8a410d;
}
#context #context-eventLib-list {
  padding: 15px;
  margin-bottom: 30px;
}
#context #context-eventLib-list #eventLib-list.compact {
  float: left;
  width: 565px;
}
#context #context-eventLib-list #eventLib-list div.filter-container {
  float: left;
}
#context #context-eventLib-list #eventLib-list fieldset#left {
  float: left;
  margin-right: 50px;
}
#context #context-eventLib-list #eventLib-list fieldset#middle {
  float: left;
  margin-right: 50px;
}
#context #context-eventLib-list #eventLib-list fieldset#right {
  float: left;
}
#context #context-eventLib-list #module-checklist {
  float: left;
  width: 380px;
  margin-right: 15px;
}
#context #context-eventLib-list #module-checklist h3 {
  float: left;
}
#context #context-eventLib-list #module-checklist a#close {
  float: right;
  margin-top: -10px;
  margin-bottom: 10px;
}
#context #context-eventLib-list #module-checklist a#close img:hover {
  height: 30px;
}
#context #context-eventLib-list #module-checklist #module-list {
  padding-right: 5px;
  height: 770px;
  overflow-y: scroll;
}
#context #context-eventLib-list #module-checklist #module-list h4 {
  cursor: pointer;
}
#context #context-eventLib-list #module-checklist #module-list tr.module td.requirement {
  font-weight: bold;
  color: #fff;
  background-color: #dbdddc;
  border: 1px solid #dbdddc;
}
#context #context-eventLib-list #module-checklist #module-list tr.module.used td.requirement {
  background-color: #e9fde5;
}
#context #context-eventLib-list #module-checklist #module-list tr.module.selected {
  border: 1px solid #e9fde5;
}
#context #context-eventLib-list #module-checklist #module-list tr.module.selected td:not(.requirement) {
  background-color: #e9fde5;
}
#context #context-eventLib-list #module-checklist #module-list tr.module:hover {
  cursor: pointer;
}
#context #context-eventLib-list #module-checklist #module-list tr.module:hover:not(.selected) td:not(.requirement) {
  background-color: #efefef;
}
#context #context-eventLib-list #eventLib h3 {
  color: #d20a11;
  text-transform: uppercase;
  padding-bottom: 0px;
  margin-bottom: 10px;
  font-family: Locker, Verdana;
  font-weight: normal;
}
#context #context-eventLib-list #eventLib #header {
  border-bottom: 1px solid #999;
  padding: 10px 0px;
  margin-top: -21px;
  margin-left: -20px;
  margin-right: -20px;
  font-weight: bold;
}
#context #context-eventLib-list #eventLib #header #eventLibId {
  border-right: 1px solid #dbdddc;
  padding: 10px;
  font-size: 1.1em;
}
#context #context-eventLib-list #eventLib #header #name {
  padding: 10px;
  font-size: 1.2em;
}
#context #context-eventLib-list #eventLib #body {
  padding-top: 15px;
}
#context #context-eventLib-list #eventLib #body #details {
  float: left;
  margin-right: 35px;
}
#context #context-eventLib-list #eventLib #body #details label {
  width: 85px;
}
#context #context-eventLib-list #eventLib #body #details span.translation {
  width: 250px;
}
#context #context-eventLib-list #eventLib #body #details input[type=text] {
  width: 250px;
}
#context #context-eventLib-list #eventLib #body #details input[type=text].number {
  width: 30px;
}
#context #context-eventLib-list #eventLib #body #details label > span {
  vertical-align: super;
}
#context #context-eventLib-list #eventLib #body #eventLib-module-list {
  float: left;
  width: 500px;
}
#context #context-eventLib-list #eventLib #body #eventLib-module-list a#add {
  float: right;
}
#context #context-eventLib-list #eventLib #body #eventLib-module-list .added {
  background-color: #5a725a;
}
#context #context-eventLib-list #eventLib #body #eventLib-module-list .deleted {
  text-decoration: line-through;
  color: #fff;
  background-color: #dd3c10;
}
#context #context-eventLib-list #eventLib #body #eventLib-module-list .updated {
  background-color: #8a410d;
  color: #fff;
}
#context #context-translations {
  padding: 30px;
}
#context #modules {
  width: 100%;
}
#context #statuses {
  width: 100%;
}
#context #eventlibs {
  width: 100%;
}
#context #mappings {
  width: 100%;
}
#context #translation {
  width: 100%;
}
#context #translation .translation {
  margin-top: 20px;
}
#context #translation #criteria, #context #translation #modules, #context #translation #statuses, #context #translation #eventLibs {
  padding: 0px;
}
#context #summary {
  clear: both;
  float: left;
  display: none;
  padding: 30px;
}
#context #summary h2 {
  background: url(images/h2.gif) no-repeat bottom left;
  padding-bottom: 10px;
}
#context #summary h3 {
  margin-bottom: 0px;
  padding-bottom: 0px;
  height: auto;
  line-height: 17px;
}
#context #summary h3 span.bilingual {
  font-size: 1em;
  color: #000;
  float: none;
}
#context #summary h4 {
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-style: italic;
  margin-top: 5px;
}
#context #summary p {
  margin-bottom: 0px;
  font-style: italic;
  color: #aaa;
}
#context #summary ol {
  margin-left: 30px;
}
#context #summary ol li {
  list-style-type: decimal;
  margin-bottom: 5px;
}
#context #summary ul.items {
  margin-top: 0px;
}
#context #summary ul.items span.bilingual {
  margin-left: 0px;
  width: auto;
  display: inline;
}
#context #summary #c1 {
  width: 430px;
  float: left;
  border-right: 1px dotted #dbdddc;
  padding-right: 20px;
  margin-right: 20px;
}
#context #summary #c2 {
  width: 430px;
  float: left;
}
#context #summary hr {
  float: left;
  width: 100%;
  height: 30px;
  background: none;
  border: none;
}
#context #summary .level {
  border: 1px dotted #dbdddc;
  padding: 10px;
  margin-bottom: 10px;
}
#context #summary h3.heading {
  color: #aaa;
  font-size: 1em;
  font-weight: normal;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}
#context #summary #signatures {
  display: none;
  text-align: center;
}

/*#endregion*/
/*#region Sport */
#sport .sidetabs {
  width: 106px;
}
#sport #tab {
  float: left;
  width: 860px;
  padding-left: 30px;
  padding-top: 20px;
}
#sport #checklist {
  padding: 0px;
}
#sport #content {
  padding: 20px;
}
#sport #content table.checklist {
  width: 996px;
}
#sport #content table.checklist th {
  text-align: center;
  border-top: none;
}
#sport #content table.checklist th.step {
  width: 190px;
  text-align: left;
}
#sport #content table.checklist td {
  vertical-align: middle;
  border: solid 1px #dbdddc;
  border-left: none;
  width: 100px;
}
#sport #content table.checklist td a {
  display: block;
  width: 100%;
  height: 100%;
}
#sport #content table.summary tr[data-my=False] {
  display: none;
}
#sport #content table.summary th {
  text-align: center;
}
#sport #content table.summary td {
  text-align: center;
  vertical-align: middle;
  height: 25px;
  width: 80px;
  border: solid 1px #dbdddc;
}
#sport #content table.summary td.logo img {
  float: left;
  margin-right: 5px;
  height: 20px;
}
#sport #content table.summary td.sport {
  text-align: left;
  font-weight: bold;
  white-space: nowrap;
}
#sport #content table.summary td a {
  color: #000;
  text-decoration: none;
  font-size: 1em;
  display: block;
  height: 100%;
  width: 100%;
  line-height: 25px;
}
#sport #content table.summary td a:hover l {
  text-decoration: underline;
}
#sport #content table.summary td.begun a, #sport #content table.summary td.progressing a {
  font-size: 1.2em;
}
#sport #content table.summary td.complete {
  background: transparent url(images/checked.png) no-repeat center center;
}
#sport #content table.summary td.complete a:hover {
  text-decoration: none;
}
#sport #content table.summary td.community {
  background-color: #c0d242;
  border: solid 1px #fff;
}
#sport #content table.summary td.competition {
  background-color: #4dade2;
  border: solid 1px #fff;
}
#sport #content table.summary td.instruction {
  background-color: #ffce44;
  border: solid 1px #fff;
}
#sport #content table.summary td.levels {
  background-color: #dbdddc;
  border: solid 1px #fff;
}
#sport #content #organizations {
  margin-top: 30px;
}

#sport-list {
  margin: 20px;
  width: 100%;
}
#sport-list .switch {
  margin-bottom: 10px;
}

/*#endregion*/
/* Notification */
#notification #notification-inbox #sidetabs {
  width: 230px;
}
#notification #notification-inbox #tab {
  width: 700px;
  float: left;
  padding: 20px;
}
#notification #notification-inbox #tab .buttons {
  margin-top: 50px;
}

/*#region Admin */
#admin {
  width: 100%;
}
#admin .sidetabs {
  width: 120px;
}

#admin-configuration {
  width: 100%;
}
#admin-configuration .sidetabs {
  width: 120px;
}

#admin-tasks {
  width: 100%;
}
#admin-tasks .sidetabs {
  width: 120px;
}

#admin-overview {
  padding: 30px;
  padding-top: 20px;
  float: left;
  width: 85%;
}
#admin-overview #health {
  margin-bottom: 50px;
}
#admin-overview #health .indicator {
  padding: 3px;
  text-align: center;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-transform: uppercase;
  color: #fff;
}
#admin-overview #health .ok {
  background-color: #5a725a;
}
#admin-overview #health .warning {
  background-color: #ffce44;
  color: #000;
}
#admin-overview #health .alert {
  background-color: #dd3c10;
}
#admin-overview #info #col1 {
  width: 40%;
  margin-right: 30px;
  float: left;
  clear: left;
}
#admin-overview #info #col2 {
  width: 56%;
  float: left;
}
#admin-overview #info td h4 {
  font-weight: bold;
  color: #000;
  margin: 0px;
  font-size: 0.9em;
  padding-top: 0px;
}
#admin-overview #info td:first-child {
  width: 200px;
  color: #666;
}
#admin-overview h2 {
  float: left;
  clear: both;
}
#admin-overview fieldset {
  clear: both;
}
#admin-overview fieldset label {
  width: 100px;
  margin-right: 20px;
}
#admin-overview fieldset span {
  color: #000;
}

#admin-translations {
  padding: 30px;
  width: 85%;
  padding-top: 20px;
  float: left;
}
#admin-translations .admin-translation-tabs a {
  padding-left: 20px;
  padding-right: 20px;
}

#admin-roles {
  padding: 30px;
  padding-top: 0px;
}
#admin-roles #list {
  float: left;
  margin-right: 10px;
  margin-left: 20px;
  width: 200px;
}
#admin-roles #list #action {
  float: left;
  width: 1095px;
  text-align: left;
  padding: 10px;
  border-bottom: solid 1px #d20a11;
}
#admin-roles #list .sidetabs {
  width: 200px;
  float: left;
  border-left: solid 1px #dbdddc;
  margin-right: 20px;
}
#admin-roles #detail {
  width: 73%;
  float: left;
}
#admin-roles #detail #definition {
  float: left;
  padding-left: 10px;
  margin-top: 60px;
}
#admin-roles #detail #definition input[type=text] {
  width: 200px;
}
#admin-roles #detail #usage {
  float: left;
}
#admin-roles #detail h1 {
  background-color: #fff;
  float: none;
  font-size: 2em;
  color: #000;
  text-align: left;
  margin-bottom: 20px;
  padding: 0px;
}
#admin-roles #detail #permissions fieldset {
  width: 100%;
  padding-bottom: 10px;
}
#admin-roles #detail #permissions fieldset div {
  width: 100%;
  float: left;
  clear: none;
  border-bottom: 1px dotted #dbdddc;
}
#admin-roles #detail #permissions fieldset div input {
  float: left;
}
#admin-roles #detail #permissions fieldset div label {
  float: left;
  width: 120px;
  border-bottom: none;
}
#admin-roles #detail #permissions fieldset div p {
  float: left;
  width: 70%;
  font-style: italic;
  color: #666;
  margin-bottom: 0px;
}
#admin-roles .admin-roles-tabs {
  margin-bottom: 20px;
}
#admin-roles .admin-roles-tabs a {
  min-width: 100px;
}
#admin-roles .admin-roles-tabs li.fill {
  width: 470px;
}

#admin-notification #notifications {
  padding: 20px;
  float: left;
  width: 87%;
}
#admin-notification #notifications #notification-message {
  margin-top: 30px;
  width: 87%;
}
#admin-notification #notifications #notification-subject {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 1.3em;
  max-width: 100%;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px dotted #dbdddc;
}

#admin-dev {
  margin-left: 20px;
  padding-top: 0px;
  margin-top: 20px;
  float: left;
  float: left;
}

#dev-item input[type=text].date {
  background: #fff;
  border: solid 1px #dbdddc;
  padding: 5px;
  width: 150px;
}

#admin-errors {
  float: left;
  width: 87%;
}
#admin-errors .actions {
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}
#admin-errors iframe {
  width: 1130px;
  height: 1000px;
  margin-left: 0px;
}

#admin-onlinelearning {
  float: left;
  width: 98%;
  padding: 20px;
}

#admin-onlinelearning-setup fieldset {
  margin-right: 30px;
}
#admin-onlinelearning-setup fieldset div.container {
  float: left;
  line-height: normal;
}
#admin-onlinelearning-setup form {
  width: 200px;
}
#admin-onlinelearning-setup iframe {
  height: 0px;
}
#admin-onlinelearning-setup .remote-url, #admin-onlinelearning-setup .restricted-list {
  width: 500px;
}
#admin-onlinelearning-setup .name {
  width: 300px;
}
#admin-onlinelearning-setup .note {
  float: left;
  margin-left: 90px;
  font-style: italic;
  margin-top: 5px;
  margin-bottom: 0px;
}

#admin-onlinelearning-organization #course-list span.online {
  color: #288028;
  font-size: 0.9em;
  text-transform: uppercase;
}
#admin-onlinelearning-organization #course-list span.offline {
  color: #d20a11;
  font-size: 0.9em;
  text-transform: uppercase;
}
#admin-onlinelearning-organization #course-list span.pilot {
  color: #48535A;
  font-size: 0.9em;
  text-transform: uppercase;
}

#admin-program {
  display: inline-block;
  padding: 20px;
  width: 850px;
}

#admin-program-setup {
  padding: 20px;
}
#admin-program-setup #items {
  clear: both;
  display: block;
  margin-bottom: 10px;
  width: auto;
}
#admin-program-setup #to-delivery {
  margin-top: 30px;
  display: block;
}
#admin-program-setup #content .switch {
  margin-bottom: 10px;
}
#admin-program-setup #financial section {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

#admin-requests {
  padding: 20px;
  float: left;
  width: 87%;
}
#admin-requests #grids {
  margin-top: 10px;
}
#admin-requests #filters {
  border-bottom: solid 1px #d20a11;
  float: left;
  width: 100%;
  padding-bottom: 10px;
}
#admin-requests #filters select {
  padding: 6px;
  margin-top: 1px;
  background-image: none;
  background-color: #efefef;
  border: solid 1px #dbdddc;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}

#admin-announcements {
  margin-left: 20px;
  padding-top: 0px;
  margin-top: 20px;
  float: left;
  width: 87%;
}
#admin-announcements fieldset {
  padding-top: 10px;
  margin-right: auto;
}
#admin-announcements fieldset #name input {
  width: 200px;
}
#admin-announcements fieldset#audience label {
  width: 150px;
}
#admin-announcements .switch {
  margin-bottom: 10px;
}

#admin-awards {
  margin: 20px;
}
#admin-awards #awardType-grid .status {
  padding: 3px 7px;
  color: #fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-transform: uppercase;
  font-size: 0.8em;
}
#admin-awards #awardType-grid .status.available {
  background-color: #5a725a;
}
#admin-awards #awardType-grid .status.retired {
  background-color: #d20a11;
}
#admin-awards #admin-awardType #awardType-details {
  float: left;
  margin-right: 50px;
  width: 100%;
}
#admin-awards #admin-awardType #awardType-details input:not(.search), #admin-awards #admin-awardType #awardType-details textarea {
  width: 80%;
  max-width: 80% !important;
}
#admin-awards #admin-awardType #awardType-details input.search {
  width: 40%;
}
#admin-awards #admin-awardType #awardType-details #logo > img:hover {
  transform: scale(1.5);
}
#admin-awards #admin-awardType #awardType-details fieldset > div > label {
  width: 105px;
}
#admin-awards #admin-awardType #awardType-details fieldset > div > select {
  width: 43%;
}
#admin-awards #admin-awardType #awardType-details fieldset > div:nth-child(7) > label {
  line-height: 3;
}
#admin-awards #admin-awardType #awards {
  float: left;
  width: 350px;
}
#admin-awards #admin-awardType #awards table tr td:first-child {
  width: 100px;
}
#admin-awards #admin-awardType #awards span.status {
  padding: 3px;
  text-transform: uppercase;
  display: inline-block;
  font-size: 0.9em;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
#admin-awards #admin-awardType #admin-award #award-details {
  float: left;
  margin-right: 50px;
  width: 400px;
}
#admin-awards #admin-awardType #admin-award #award-details h2 {
  margin-bottom: 10px;
}
#admin-awards #admin-awardType #admin-award #recipients {
  float: left;
  width: 350px;
}
#admin-awards #admin-awardType #admin-award #recipients table tr td:first-child {
  width: 100px;
}

#admin-awards #admin-awardType #awardType-details input:not(.search), #admin-awards #admin-awardType #awardType-details textarea {
  max-width: 630px !important;
}
#admin-awards #admin-awardType #awardType-details input.search {
  width: 40%;
}
#admin-awards #admin-awardType #awardType-details fieldset > div > select {
  width: 44%;
}

#admin-automations {
  padding: 20px;
  float: left;
  width: 87%;
}

#admin-settings {
  padding: 30px;
  width: 85%;
  padding-top: 20px;
  float: left;
}
#admin-settings .warning {
  margin-bottom: 20px;
}
#admin-settings .warning .warning-text {
  width: 650px;
  margin-left: 20px;
  display: inline-block;
  vertical-align: bottom;
  word-spacing: 3px;
}

#dev-items #filters, #dev-items #options {
  float: left;
  margin-right: 30px;
}
#dev-items #filters fieldset {
  margin-right: 30px;
  margin-bottom: 10px;
}
#dev-items #options fieldset {
  margin-right: 30px;
}
#dev-items #options label {
  width: 120px;
}
#dev-items #presets #legend {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  color: #48535A;
  display: block;
  margin-bottom: 3px;
}
#dev-items #presets .switch {
  clear: left;
}
#dev-items #controls {
  float: left;
  width: 100%;
}
#dev-items #controls #search-filter {
  float: left;
}
#dev-items #controls #search-filter input {
  margin-bottom: 5px;
}
#dev-items #controls .grid-buttons {
  margin-bottom: 0px;
  margin-top: 10px;
}

#dev-item #side-bar {
  float: left;
  width: 185px;
  background-color: #fff;
  border-right: solid 1px #dbdddc;
  min-height: 675px;
  height: auto;
}
#dev-item #side-bar h1 {
  margin: 10px;
  font-size: 3em;
  text-align: center;
}
#dev-item #side-bar fieldset {
  margin: 10px;
}
#dev-item #side-bar fieldset #date-received, #dev-item #side-bar fieldset #date-completed {
  color: #aaa;
  width: 150px;
  display: block;
  padding: 0px;
  padding-top: 3px;
  padding-left: 3px;
  font-size: 0.85em;
  text-transform: uppercase;
}
#dev-item #side-bar fieldset legend {
  color: #666;
  text-transform: uppercase;
  font-size: 0.9em;
  margin-bottom: 5px;
}
#dev-item #side-bar fieldset select {
  background-color: #fff;
  background-image: none;
  padding: 5px;
  border: 1px solid #dbdddc;
}
#dev-item #side-bar fieldset .tag-list {
  font-size: 0.9em;
  width: 180px;
}
#dev-item #body {
  width: 1270px;
  float: left;
  margin-left: 20px;
  margin-top: 20px;
  height: 600px;
}
#dev-item #body input[type=text] {
  margin-bottom: 20px;
  text-transform: none;
  font-size: 2em;
  border: solid 1px #fff;
  padding: 10px;
  padding-left: 0px;
  background-color: #fff;
  background-image: none;
  width: 1150px;
  display: inline-block;
}
#dev-item #body input[type=text]:hover {
  border: solid 1px #dbdddc;
}
#dev-item #body #source-pane {
  width: 520px;
  float: left;
  padding-top: 0px;
  margin-right: 10px;
  height: 490px;
}
#dev-item #body #source-pane #source-body {
  border: solid 1px #dbdddc;
  overflow-y: scroll;
  height: 487px;
  max-height: 487px;
}
#dev-item #body #source-pane #source-body #description {
  padding: 10px;
}
#dev-item #body #notes-pane {
  width: 350px;
  float: left;
  margin-right: 10px;
  height: 490px;
}
#dev-item #body #notes-pane #notes-container {
  margin-bottom: 10px;
  height: 440px;
}
#dev-item #body #notes-pane #notes-container #notes {
  width: 355px;
  background-color: #fff;
}
#dev-item #body #notes-pane #notes-container .cke_contents {
  height: 336px !important;
}
#dev-item #body #notes-pane.no-description {
  width: 900px;
}
#dev-item #body #notes-pane.no-description #notes-container .cke_contents {
  height: 371px !important;
}
#dev-item #body #notes-pane #manual-attachments {
  border: 1px solid #dbdddc;
  border-bottom: none;
  display: block;
  min-width: 328px;
  height: 26px;
  background-color: #f9f9f9;
  padding: 10px;
}
#dev-item #body #notes-pane #manual-attachments #upload {
  background-color: #efefef;
  border: solid 1px #aaa;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  color: #333;
  margin: 0;
  height: auto;
  font-weight: normal;
  line-height: normal;
  box-shadow: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1em;
  float: right;
}
#dev-item #body #notes-pane #manual-attachments #upload:hover {
  background-color: #dbdddc;
  border: solid 1px #999;
  cursor: pointer;
}
#dev-item #body #comments-pane {
  width: 350px;
  float: left;
  max-height: 505px;
}
#dev-item #body #comments-pane #comment-add {
  border: solid 1px #dbdddc;
  border-bottom: none;
  background-color: #f7f7f7;
  padding: 10px;
  text-align: right;
}
#dev-item #body #comments-pane #comments {
  border: solid 1px #dbdddc;
  padding: 10px;
  overflow-y: scroll;
  height: 419px;
}
#dev-item #body #comments-pane #comments .comment {
  border-bottom: 1px dotted #dbdddc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#dev-item #body #comments-pane #comments .comment p {
  margin-bottom: 0px;
}
#dev-item #body #comments-pane #comments .comment label {
  font-size: 0.8em;
  color: #666;
  font-style: italic;
}
#dev-item #body #comments-pane #comment-new {
  display: none;
}
#dev-item #body #comments-pane #comment-new textarea {
  width: 344px;
  height: 80px;
}
#dev-item #body #project-tags {
  color: #999;
}
#dev-item #body #tagging {
  padding: 30px;
  padding-right: 0px;
  position: absolute;
  top: 159px;
  left: 200px;
  border-right: solid 1px #dbdddc;
  border-top: solid 1px #d20a11;
  height: 430px;
  background-color: #efefef;
}
#dev-item #body #tagging fieldset {
  margin-right: 30px;
}
#dev-item #body #tagging fieldset legend {
  color: #666;
  text-transform: uppercase;
  font-size: 0.9em;
  margin-bottom: 5px;
}
#dev-item #body #tagging select {
  background-color: #fff;
}
#dev-item #body #tagging #goals {
  width: 540px;
}
#dev-item #body #attachments {
  margin-top: 20px;
}
#dev-item #body #attachments a {
  display: inline-block;
  text-decoration: none;
  border: solid 1px #dbdddc;
  float: left;
  margin-right: 5px;
}
#dev-item #body #attachments a:hover {
  border: solid 1px #d20a11;
}
#dev-item #body #attachments a img {
  display: block;
  height: 50px;
  width: 50px;
}

/*#endregion*/
/* Settings */
#settings-list table td h3 {
  padding: 10px 0px;
}
#settings-list .aura {
  height: 23px;
  width: 24px;
}
#settings-list .aura.dirty {
  background-color: yellow;
}
#settings-list .value.aura {
  height: 26px;
  width: 45px;
  display: inline-block;
  padding-left: 5px;
  margin-left: 10px;
  padding-top: 4px;
}
#settings-list .value input {
  width: 30px;
}

/*#region Analytics */
#reports .multisportmatrix {
  margin-top: 20px;
}
#reports .multisportmatrix fieldset {
  margin-right: 20px;
  width: 57%;
}
#reports .multisportmatrix fieldset div > select {
  width: 80%;
}
#reports .multisportmatrix .instructions {
  margin-bottom: 30px;
}
#reports .multisportmatrix ul:not(.k-pager-numbers) {
  margin-left: 58%;
  border-left: 1px solid #dbdddc;
}
#reports .multisportmatrix ul:not(.k-pager-numbers) li {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
  /*text-align: justify;*/
  line-height: 1.3;
}
#reports .multisportmatrix ul:not(.k-pager-numbers) li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}

#analytics {
  float: left;
  justify-content: normal;
}
#analytics .sidetabs {
  width: 120px;
}
#analytics #container {
  float: left;
  width: 1148px;
}
#analytics #dashboard {
  margin: 20px;
}
#analytics #dashboard #charts {
  margin-top: 30px;
}
#analytics #dashboard #charts #charts-container {
  display: flex;
  justify-content: space-around;
}
#analytics #dashboard #charts .chart {
  padding-bottom: 20px;
  margin-right: 10px;
  margin-bottom: 20px;
}
#analytics #dashboard #charts .chart h2 {
  font-weight: normal;
  text-transform: none;
  margin-bottom: 5px;
  font-size: 1.4em;
  color: #48535A;
  text-align: center;
}
#analytics #dashboard #charts .chart h5 {
  font-weight: normal;
  color: #999;
  margin-bottom: 20px;
  text-align: center;
}
#analytics #dashboard #charts .chart canvas {
  width: 270px;
}
#analytics #dashboard #listings {
  clear: both;
  margin-top: 0px;
}
#analytics #dashboard #listings > div > div {
  float: left;
  width: 345px;
  margin-right: 20px;
}
#analytics #dashboard #listings > div > div h2 {
  border-bottom: solid 1px #d20a11;
  padding-bottom: 5px;
  padding-left: 30px;
  position: relative;
}
#analytics #dashboard #listings > div > div h2 img {
  height: 30px;
  position: absolute;
  left: 0px;
  bottom: -2px;
}
#analytics #dashboard #listings > div > div table tr.pinned td {
  border-bottom: none;
  padding-bottom: 0px;
  padding-top: 15px;
  font-size: 0.85em;
}
#analytics #dashboard #listings > div > div table tr.pinned td h3 {
  font-weight: bold;
}
#analytics #dashboard #listings > div > div table tr td p {
  margin-bottom: 0px;
  line-height: normal;
  margin-top: 5px;
}
#analytics #dashboard #listings > div > div table tr td:hover {
  cursor: pointer;
  color: #d20a11;
}
#analytics #scoreboard {
  padding: 0px;
  margin-left: 20px;
}
#analytics #scoreboard #snapshot .switch {
  margin-top: 14px;
}
#analytics #scoreboard #snapshot img {
  float: left;
  margin-left: -20px;
  margin-top: -15px;
}
#analytics #scoreboard #snapshot select {
  float: left;
  margin-right: 5px;
}
#analytics #scoreboard .widget {
  text-align: center;
  width: 200px;
  background-color: #efefef;
}
#analytics #scoreboard .widget > span {
  font-size: 2em;
  text-align: center;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
#analytics #scoreboard .widget > span.up {
  color: #288028;
}
#analytics #scoreboard .widget > span.down {
  color: #d20a11;
}
#analytics #scoreboard table {
  margin-top: 10px;
  width: 850px;
}
#analytics #scoreboard table tr td {
  border: none;
  padding: 0px;
}
#analytics #scoreboard table tr td:hover {
  background-color: #fff;
  color: #d20a11;
  cursor: pointer;
}
#analytics #scoreboard table tr td.program {
  border-right: none;
  border-bottom: none;
  text-align: center;
  vertical-align: middle;
}
#analytics #scoreboard table tr td.aspect {
  text-align: center;
  vertical-align: middle;
  padding-bottom: 10px;
}
#analytics #scoreboard table tr td.aspect span {
  display: block;
  font-weight: bold;
}
#analytics #scoreboard table tr td.service {
  text-align: center;
  vertical-align: middle;
  border-bottom: none;
  color: #48535A;
  width: 130px;
  padding-left: 10px;
}
#analytics #scoreboard table tr td.service > div {
  height: 125px;
  display: table-cell;
  vertical-align: middle;
  width: 130px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
#analytics #scoreboard table tr td.service span {
  display: block;
  font-weight: bold;
}
#analytics #scoreboard table tr td .widget {
  border: solid 1px #efefef;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  padding: 5px;
  margin: 7px;
  background-color: #fff;
}
#analytics #reports {
  padding: 20px;
}
#analytics #reports .column {
  width: 520px;
  float: left;
}
#analytics #reports .column:first-child {
  margin-right: 50px;
}
#analytics #reports h2 {
  border-bottom: solid 1px #d20a11;
  padding-bottom: 5px;
  margin-bottom: 0px;
}
#analytics #reports h2 img {
  height: 30px;
  margin-bottom: -7px;
}
#analytics #reports table {
  margin-bottom: 30px;
}
#analytics #reports table tr th {
  color: #d20a11;
  font-size: initial;
  border: none;
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 0px;
}
#analytics #reports table tr:hover td {
  cursor: pointer;
}
#analytics #reports table tr:hover td > a {
  color: #d20a11;
}
#analytics #reports table tr td {
  vertical-align: middle;
}
#analytics #reports table tr td a {
  text-decoration: none;
  text-transform: none;
  color: #000;
  font-weight: bold;
}
#analytics #reports table tr td img {
  height: 30px;
  float: left;
  margin-left: 10px;
  margin-right: 5px;
}
#analytics #reports table tr td span {
  font-weight: normal;
  display: block;
  color: #666;
  margin-top: 3px;
}
#analytics #reports .program fieldset div label {
  width: 100px;
}
#analytics #reports .program select[multiple=multiple] {
  background-image: none;
  border: solid 1px #dbdddc;
  background-color: #efefef;
  height: 110px;
}
#analytics #reports .multisportmatrix .instructions {
  margin-left: 50px;
  border-left: solid 1px #dbdddc;
  padding-left: 50px;
  float: left;
  margin-bottom: 30px;
  clear: right;
}
#analytics #reports .multisportmatrix ul li {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
  /*text-align: justify;*/
  line-height: 1.3;
}
#analytics #reports .multisportmatrix ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}
#analytics #reports .advancedcoachingdiplomaparticipants {
  padding: 20px;
}
#analytics #reports #report-eventfeedback table {
  width: 950px;
}
#analytics #reports #report-eventfeedback .organization h1 {
  margin-top: 10px;
}
#analytics #reports #report-eventfeedback select {
  width: 175px;
}
#analytics #reports #report-eventfeedback #filters fieldset:not(:first-child) {
  margin-left: 65px;
}
#analytics #reports #report-eventfeedback #filters .grouping-filters label {
  width: auto;
}
#analytics #reports #report-eventfeedback .organization {
  margin-bottom: 30px;
}
#analytics #reports #report-eventfeedback .organization h1 {
  margin-bottom: 5px;
}
#analytics #reports #report-eventfeedback .event {
  margin-bottom: 30px;
}
#analytics #reports #report-eventfeedback .event h2 {
  color: #d20a11;
}
#analytics #reports #report-eventfeedback h3.simple {
  margin-top: 30px;
  text-transform: none;
  color: #000;
  font-weight: bold;
}
#analytics #reports #report-eventfeedback .stat {
  width: 50px;
  text-align: center;
}
#analytics #reports #report-eventfeedback tr.child-question td {
  border-bottom: 1px solid #d20a11;
  padding-top: 20px;
}
#analytics #reports #report-eventfeedback tr.child-question td h5 {
  font-weight: normal;
  color: #d20a11;
}
#analytics #query {
  margin: 20px;
  margin-right: 0;
}
#analytics #query .sentence {
  margin-top: 0px;
  color: #000;
  font-weight: bold;
  border: solid 1px #dbdddc;
  padding: 10px;
  padding-left: 20px;
}
#analytics #query #query-details #query-builder {
  float: left;
  width: 50%;
  margin-bottom: 20px;
}
#analytics #query #query-details #query-builder select {
  background: none;
  background-color: #fff;
  border: solid 1px #999;
  max-width: 200px;
}
#analytics #query #query-details #query-builder input[type=text] {
  background: none;
  background-color: #fff;
  border: solid 1px #999;
  max-width: 200px;
  margin-right: 5px;
}
#analytics #query #query-details #query-builder .group {
  padding: 15px;
  padding-bottom: 0px;
  display: block;
  background-color: #fff;
  border: solid 1px #dbdddc;
}
#analytics #query #query-details #query-builder .group .group {
  background-color: #fff;
  border: solid 1px #dbdddc;
}
#analytics #query #query-details #query-builder .group .group .group {
  background-color: #fff;
  border: solid 1px #bbb;
}
#analytics #query #query-details #query-builder .group .group .group .group {
  background-color: #fff;
  border: solid 1px #aaa;
}
#analytics #query #query-details #query-builder .group .group .group .group .group {
  background-color: #fff;
  border: solid 1px #aaa;
}
#analytics #query #query-details #query-builder .group .group .group .group .group .group {
  background-color: #fff;
  border: solid 1px #bbb;
}
#analytics #query #query-details #query-builder .group .group .group .group .group .group .group {
  background-color: #fff;
  border: solid 1px #dbdddc;
}
#analytics #query #query-details #query-builder .group.first {
  padding: 0px;
}
#analytics #query #query-details #query-builder .group .static-operator {
  display: inline-block;
  text-transform: uppercase;
  padding-bottom: 0px;
  font-weight: bold;
  font-size: 1em;
  margin-top: 5px;
  margin-bottom: 5px;
}
#analytics #query #query-details #query-builder .group .group-delete {
  text-transform: uppercase;
  float: right;
  margin-top: -15px;
  margin-right: -10px;
  font-size: 1.2rem;
}
#analytics #query #query-details #query-builder .group .group-delete a {
  font-weight: bold;
  color: #666;
}
#analytics #query #query-details #query-builder .group .group-actions {
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: left;
}
#analytics #query #query-details #query-builder .group .group-actions .group-operator {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.8em;
}
#analytics #query #query-details #query-builder .group .group-actions .group-operator a {
  text-decoration: none;
  color: #666;
}
#analytics #query #query-details #query-builder .group .group-actions .group-operator a:hover {
  text-decoration: underline;
}
#analytics #query #query-details #query-builder .group .clause {
  margin-bottom: 10px;
}
#analytics #query #query-details #query-builder .group .clause input[type=text].date {
  border: solid 1px #999;
}
#analytics #query #query-details #query-builder .group .clause .clause-actions {
  display: inline;
}
#analytics #query #query-details #query-builder .group .clause .filter-clause {
  display: inline;
}
#analytics #query #query-details #query-builder .group .clause .join-clause {
  display: block;
  text-align: center;
}
#analytics #query #query-details #query-builder .group .clause select {
  width: auto;
  margin-right: 5px;
}
#analytics #query #query-details #query-builder .group .clause .filter {
  display: inline;
}
#analytics #query #query-details #query-builder .group .clause .filter > div {
  display: inline;
}
#analytics #query #query-details #query-builder .group .clause .filter .search {
  float: none;
  display: inline-block;
  background: url(images/input-search.gif) no-repeat top right;
  margin-right: 0px;
}
#analytics #query #query-details #query-builder .group .clause .join {
  margin-bottom: 5px;
}
#analytics #query #query-details #query-builder .group .clause .or {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.8em;
}
#analytics #query #query-details #query-builder .group .clause .or a {
  text-decoration: none;
  color: #666;
}
#analytics #query #query-details #query-builder .group .clause .or a:hover {
  text-decoration: underline;
}
#analytics #query #query-details #query-builder .group .clause .and {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.8em;
}
#analytics #query #query-details #query-builder .group .clause .and a {
  text-decoration: none;
  color: #666;
}
#analytics #query #query-details #query-builder .group .clause .and a:hover {
  text-decoration: underline;
}
#analytics #query #query-details #query-builder .group .clause .delete {
  margin-left: 2px;
  font-size: 1.1rem;
}
#analytics #query #query-details #query-builder .group .clause .delete a {
  font-weight: bold;
  color: #666;
}
#analytics #query #query-details #query-fields {
  float: left;
  width: 47%;
  border-left: solid 1px #dbdddc;
  padding-left: 10px;
  margin-left: 10px;
}
#analytics #query #query-details #query-fields > div > fieldset > div > span {
  width: auto;
}
#analytics #query #query-details #query-fields > div > fieldset > div > label {
  width: 112px;
}
#analytics #query #query-details #query-fields > div > div > fieldset > div > span {
  width: auto;
}
#analytics #query #query-details #query-fields > div > div > fieldset > div > label {
  width: 112px;
}
#analytics #query #query-details #query-fields fieldset {
  position: relative;
  width: 100%;
}
#analytics #query #query-details #query-fields #aggregation-label {
  display: block;
  width: 210px;
  text-align: right;
  padding-bottom: 10px;
  font-size: 0.85em;
}
#analytics #query #query-details #query-fields div.logo {
  text-align: center;
  float: none;
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border: 1px solid #dbdddc;
  border-bottom: 0;
}
#analytics #query #query-details #query-fields div.logo img {
  height: 40px;
}
#analytics #query #query-details #query-fields div.logo h3 {
  padding-bottom: 5px;
  color: #333;
}
#analytics #query #query-details #query-fields img {
  height: 20px;
}
#analytics #query #query-details #query-fields #aggregates select {
  max-width: inherit;
}
#analytics #query #query-details #query-fields #selected-aggregates {
  padding-bottom: 10px;
  border-bottom: 1px dashed #aaa;
}
#analytics #query #results {
  margin-top: 20px;
}
#analytics #analytics-filter {
  margin-bottom: 15px;
}
#analytics #analytics-filter .filter {
  position: relative;
  display: inline-block;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  padding-left: 7px;
  padding-right: 7px;
  margin-right: 5px;
  margin-bottom: 5px;
  background-color: #fff;
  color: #48535A;
  border: 1px solid #48535A;
}
#analytics #analytics-filter .filter:hover {
  background-color: #48535A;
  color: #fff;
  border: 1px solid #48535A;
}
#analytics #analytics-filter .filter:hover > div > label {
  color: #fff;
}
#analytics #analytics-filter .filter:hover > .summary > img {
  background: url(images/xb.svg) no-repeat center left;
}
#analytics #analytics-filter .filter:hover > .summary > span > label {
  color: #fff !important;
}
#analytics #analytics-filter .filter .summary img {
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}
#analytics #analytics-filter .filter .summary label {
  display: inline-block;
  line-height: 24px;
  font-weight: normal;
  color: #48535A;
}
#analytics #analytics-filter .filter .summary label:hover {
  cursor: pointer;
}
#analytics #analytics-filter .filter .summary label.na {
  cursor: default;
}
#analytics #analytics-filter .filter .summary span {
  display: inline-block;
  line-height: 24px;
  font-weight: bold;
}
#analytics #analytics-filter .filter .summary span:hover {
  cursor: pointer;
}
#analytics #analytics-filter .filter .summary span.na, #analytics #analytics-filter .filter .summary span.na span:hover {
  cursor: default;
}
#analytics #analytics-filter .filter .summary span > label {
  color: #48535A !important;
}
#analytics #analytics-filter .filter .summary input {
  background: none;
  border: none;
}
#analytics #analytics-filter .filter .summary span.advanced {
  margin-left: 13px;
  padding-left: 7px;
  border-left: 1px dotted #aaa;
}
#analytics #analytics-filter .filter .dropdown {
  border: solid 1px #dbdddc;
  margin-top: 5px;
  position: absolute;
  background-color: #fff;
  z-index: 1;
}
#analytics #analytics-filter .filter .dropdown .searcher {
  border-bottom: solid 1px #dbdddc;
  position: relative;
  margin: 5px;
}
#analytics #analytics-filter .filter .dropdown .searcher input {
  border: none;
  background: none;
  padding-right: 20px;
  width: 100%;
}
#analytics #analytics-filter .filter .dropdown .searcher input:focus {
  outline: none;
}
#analytics #analytics-filter .filter .dropdown .searcher a {
  position: absolute;
  right: 5px;
  top: 2px;
}
#analytics #analytics-filter .filter .dropdown .searcher a img {
  height: 15px;
}
#analytics #analytics-filter .filter .dropdown .scroller {
  max-height: 300px;
  overflow-y: scroll;
}
#analytics #analytics-filter .filter .dropdown .scroller ul {
  margin: 5px;
}
#analytics #analytics-filter .filter .dropdown .scroller ul.select-all li {
  padding-left: 0px;
  font-weight: bold;
  color: #495451;
}
#analytics #analytics-filter .filter .dropdown .scroller ul.select-all li:hover {
  cursor: default;
  color: #d20a11;
}
#analytics #analytics-filter .filter .dropdown .scroller ul li {
  line-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  white-space: nowrap;
  color: #495451;
}
#analytics #analytics-filter .filter .dropdown .scroller ul li:hover {
  cursor: pointer;
  color: #d20a11;
}
#analytics #analytics-filter .filter .dropdown .scroller ul li.selected {
  color: #d20a11 !important;
}
#analytics #analytics-filter .filter .dropdown .scroller ul li img {
  height: 20px;
  margin-top: 5px;
  position: absolute;
  margin-left: -20px;
}
#analytics #analytics-filter .filter .dropdown .scroller ul li.optgroup {
  color: #999;
}
#analytics #analytics-filter .filter .dropdown .scroller ul li.optgroup:not(:first-child) {
  padding-top: 10px;
}
#analytics #analytics-filter .filter .dropdown .scroller ul li.optgroup:hover {
  cursor: default;
  user-select: none;
}
#analytics #analytics-filter .filter .dropdown .scroller ul.grouped li span {
  display: inline-block;
  padding-left: 10px;
}
#analytics #analytics-filter .filter .dropdown .scroller p {
  text-align: center;
  font-style: italic;
  padding: 10px;
  margin: 0px;
}
#analytics #analytics-filter .filter .dropdown .chips {
  border-top: solid 1px #dbdddc;
  margin: 5px;
}
#analytics #analytics-filter .filter .dropdown .chips .chip {
  font-weight: bold;
  padding: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  padding-right: 25px;
  position: relative;
  white-space: nowrap;
  display: inline-block;
  background-color: #fff;
  border: solid 1px #dbdddc;
  padding-left: 10px;
  color: #48535A;
}
#analytics #analytics-filter .filter .dropdown .chips .chip img {
  height: 15px;
  position: absolute;
  right: 5px;
  top: 4px;
}
#analytics #analytics-filter .filter .dropdown ul {
  margin: 5px;
}
#analytics #analytics-filter .filter .dropdown ul li {
  line-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  white-space: nowrap;
}
#analytics #analytics-filter .filter .dropdown ul li:hover {
  cursor: pointer;
}
#analytics #analytics-filter .filter .dropdown ul li img {
  height: 20px;
  margin-top: 5px;
  position: absolute;
  margin-left: -20px;
}
#analytics #analytics-filter .filter .dropdown p {
  text-align: center;
  font-style: italic;
  padding: 10px;
  margin: 0px;
}
#analytics #analytics-filter .add {
  position: relative;
  display: inline-block;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
  line-height: 24px;
  font-weight: normal;
  color: #666;
}
#analytics #analytics-filter .add select {
  border: none;
  background: none;
  color: #666;
}
#analytics #analytics-filter .add select optgroup {
  color: #000;
}
#analytics #analytics-filter .add select option {
  padding: 10px;
  color: #000;
}
#analytics #analytics-view {
  width: 100%;
  margin: 5px;
}
#analytics #analytics-view .buttons {
  margin-top: 0px;
}
#analytics #analytics-view #view {
  margin-bottom: 10px;
  position: relative;
}
#analytics #analytics-view #view h1 {
  float: left;
  color: #000;
  font-weight: bold;
}
#analytics #analytics-view #view h2 {
  padding-bottom: 5px;
  padding-left: 30px;
  margin-left: -5px;
  position: relative;
  margin-bottom: 0px;
}
#analytics #analytics-view #view h2 img {
  height: 30px;
  position: absolute;
  left: 0px;
  bottom: -2px;
}
#analytics #analytics-view #view p {
  border-left: solid 1px #dbdddc;
  padding: 2px;
  padding-left: 15px;
  margin-left: 15px;
  float: left;
  margin-top: 5px;
}
#analytics #analytics-view #view ul {
  position: absolute;
  background-color: #fff;
  border: solid 1px #dbdddc;
  top: 30px;
  z-index: 1;
  padding: 20px;
}
#analytics #analytics-view #view ul li {
  border-bottom: solid 1px #dbdddc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#analytics #analytics-view #view ul li p {
  float: none;
  border-left: none;
  margin: 0px;
  padding: 0px;
}
#analytics #analytics-view #view ul li label {
  font-weight: bold;
  margin-bottom: 5px;
}
#analytics #analytics-view #summary {
  margin-bottom: 20px;
}
#analytics #analytics-view #summary .item:first-child {
  border-left: none;
}
#analytics #analytics-view #summary .item:last-child {
  border-right: none;
}
#analytics #analytics-view #summary .item {
  float: left;
  text-align: center;
  border-left: solid 1px #dbdddc;
  border-right: solid 1px #dbdddc;
  padding-left: 20px;
  padding-right: 20px;
  height: 100%;
  margin-left: -1px;
}
#analytics #analytics-view #summary .item.stat h1 {
  margin: 0px;
  font-size: 2em;
  text-align: center;
}
#analytics #analytics-view #summary .item.stat h3 {
  margin-bottom: 10px;
}
#analytics #analytics-view #summary .item.list {
  text-align: left;
}
#analytics #analytics-view #summary .item.list a {
  color: #000;
  display: block;
  margin-bottom: 0px;
  padding: 0px;
  border: solid 1px transparent;
  line-height: 20px;
}
#analytics #analytics-view #summary .item.list a:hover {
  border: solid 1px #dbdddc;
}
#analytics #analytics-view #summary .item.list a img {
  margin-right: 5px;
  height: 20px;
  float: left;
}
#analytics #analytics-view #insights .tile {
  position: relative;
  margin: auto;
  height: 20vh;
  border: solid 1px #dbdddc;
  padding: 10px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-color: #f7f7f7;
  margin-bottom: 20px;
}
#analytics #analytics-view #insights #genderBreakdown {
  width: 32%;
  display: inline-block;
  margin-right: 20px;
}
#analytics #analytics-view #insights #regionBreakdown {
  width: 60%;
  display: inline-block;
}
#analytics #analytics-view .warn {
  clear: both;
  padding: 10px;
  margin: 10px;
  margin-bottom: 20px;
  text-align: center;
}
#analytics #analytics-view .warn span {
  margin: 0px;
  padding: 0px;
  margin-right: 10px;
  font-weight: bold;
}
#analytics #mimic {
  background-color: #efefef;
  position: fixed;
  z-index: 100;
  padding: 10px;
  padding-bottom: 0px;
  left: 0%;
  top: 0%;
  border: 1px solid #dbdddc;
}
#analytics #mimic label {
  text-decoration: none;
  width: auto;
}
#analytics #mimic #account {
  min-height: auto;
  width: auto;
}
#analytics #mimic fieldset {
  margin-bottom: 5px;
}

#analytics-query-save {
  padding: 15px;
}

#analytics-chart {
  margin-top: 20px;
  display: none;
}

/*#endregion*/
/* Documentation */
#documentation {
  padding: 20px;
  float: left;
  clear: both;
}
#documentation ul, #documentation ol {
  margin-left: 30px;
  margin-bottom: 20px;
}
#documentation li {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
  /*text-align: justify;*/
  line-height: 1.3;
}
#documentation li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}
#documentation hr {
  border: none;
  margin-bottom: 30px;
  background: none;
}

/* Preferences */
#preferences #consent-container {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #dbdddc;
}
#preferences fieldset div {
  margin-bottom: 10px;
}
#preferences fieldset input[type=checkbox] {
  margin-left: 30px;
}
#preferences fieldset label {
  width: 500px;
  border-bottom: none;
}
#preferences fieldset p {
  float: left;
  width: 100%;
}

/* Disabled elements */
select[disabled=disabled] {
  background: none;
  background-color: #f7f7f7;
  cursor: default;
  border: none;
  color: #000;
}

/* Status */
div.workflow {
  position: absolute;
  left: 40px;
  bottom: -43px;
  border-bottom: 1px dotted #dbdddc;
  border-right: 1px dotted #dbdddc;
  padding: 0px;
  background-color: #f7f7f7;
  padding-right: 10px;
}
div.workflow label {
  font-weight: normal;
  color: #000;
  background-color: #ffce44;
  display: block;
  padding: 15px;
  float: left;
  font-weight: bold;
  margin-right: 10px;
}
div.workflow input {
  margin-top: 9px;
}
div.workflow span {
  color: #666;
}

/* Subsection */
.subsection {
  padding: 20px;
  border-bottom: solid 1px #dbdddc;
  position: relative;
  width: 100%;
}

/*#region Tiles */
#tile-container {
  padding-left: 20px;
  padding-top: 20px;
  float: left;
  width: 100%;
}
#tile-container .column-single {
  width: 87%;
  float: left;
}
#tile-container .column-double {
  width: 45%;
  margin-right: 20px;
  float: left;
}
#tile-container .column-triple {
  width: 31%;
  margin-right: 20px;
  float: left;
  min-height: 500px;
}
#tile-container .tile-area {
  overflow: hidden;
  margin-bottom: 20px;
}
#tile-container .tile-area > h2 {
  border-bottom: none;
  padding-bottom: 7px;
  padding-top: 10px;
  padding-left: 8px;
  margin-bottom: 0px;
  font-size: 1.2em;
}
#tile-container .tile {
  background-color: #fff;
}
#tile-container .tile fieldset {
  float: none;
  width: 100%;
}
#tile-container .tile .buttons {
  float: none;
  width: 100%;
}
#tile-container .tile:last-child > div {
  border-bottom: solid 1px #dbdddc;
}
#tile-container .tile > div {
  border-left: solid 1px #dbdddc;
  border-right: solid 1px #dbdddc;
}
#tile-container .tile > div > div > div.padded {
  padding: 15px;
  padding-top: 0px;
}
#tile-container .tile > div > div > div h3 {
  margin-bottom: 15px;
}
#tile-container .tile > div > div > div p {
  margin-bottom: 0px;
}
#tile-container .tile > div > div > div ul {
  padding-left: 20px;
}
#tile-container .tile > div > div > div hr {
  border-top: 1px dotted #dbdddc;
  height: 1px;
  background: none;
  margin-bottom: 15px;
  margin-top: 10px;
  display: block;
}
#tile-container .tile > div.divided {
  border-top: solid 1px #48535A;
}
#tile-container .tile > div.divided > div > div.padded {
  padding-top: 15px;
}
#tile-container .tile .expand {
  display: block;
  margin-right: 5px;
  margin-top: 5px;
  float: right;
  height: 15px;
}
#tile-container .tile .expand:hover {
  opacity: 1;
  color: #d20a11;
  cursor: pointer;
  height: 20px;
}
#tile-container .tile #attention-account-sports p {
  margin-bottom: 10px;
}
#tile-container .tile #attention-account-sports a {
  margin-top: 10px;
  display: block;
  text-decoration: underline;
  color: #d20a11;
}
#tile-container .tile #tile-latest-welcome h1 {
  margin-bottom: 0px;
}
#tile-container .tile #tile-latest-welcome #account-links {
  margin-top: 5px;
  color: #48535A;
  margin-bottom: 10px;
}
#tile-container .tile #tile-latest-welcome #account-links a {
  text-decoration: underline;
  font-size: 0.9em;
}
#tile-container .tile #tile-latest-announcements > div {
  border-top: 1px dotted #dbdddc;
  padding-top: 10px;
  margin-bottom: 10px;
}
#tile-container .tile #tile-latest-announcements > div:last-child {
  margin-bottom: 0px;
}
#tile-container .tile #tile-latest-announcements > div h4 {
  color: #999;
  border: solid 1px #aaa;
  font-size: 0.85em;
  background-color: #fff;
  display: inline-block;
  padding: 3px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
#tile-container .tile #tile-latest-announcements > div p {
  margin-bottom: 10px;
}
#tile-container .tile #tile-activity-certifications > div > div {
  margin-bottom: 10px;
  padding: 5px;
}
#tile-container .tile #tile-activity-certifications > div > div a {
  color: #000;
  text-transform: none;
  text-decoration: underline;
  text-align: left;
  display: block;
  font-size: 1em;
  margin-bottom: 5px;
  margin-left: 5px;
}
#tile-container .tile #tile-activity-certifications > div > div input {
  font-size: 0.85em;
  padding: 3px;
  margin-left: 5px;
}
#tile-container .tile #tile-activity-certifications > div > div span {
  padding-left: 5px;
}
#tile-container .tile #tile-activity-certifications h4 {
  display: inline-block;
  padding: 5px;
  font-size: 0.9em;
  padding-left: 7px;
  padding-right: 7px;
  margin-bottom: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
}
#tile-container .tile #tile-activity-certifications h4 span {
  padding-left: 7px;
  margin-left: 7px;
  text-align: center;
  display: inline-block;
}
#tile-container .tile #tile-activity-certifications h4.right {
  float: right;
  font-size: 0.85em;
  cursor: pointer;
}
#tile-container .tile #tile-activity-certifications #in-progress h4 {
  background-color: #48535A;
  color: #fff;
}
#tile-container .tile #tile-activity-certifications #in-progress h4 span {
  border-left: solid 1px #48535A;
}
#tile-container .tile #tile-activity-certifications #in-progress h4.right {
  background-color: #fff;
  color: #48535A;
}
#tile-container .tile #tile-activity-certifications #in-progress div {
  border-top: solid 1px #48535A;
}
#tile-container .tile #tile-activity-certifications #current h4 {
  background-color: #288028;
  color: #fff;
}
#tile-container .tile #tile-activity-certifications #current h4 span {
  border-left: solid 1px #e9fde5;
}
#tile-container .tile #tile-activity-certifications #current h4.right {
  background-color: #fff;
  color: #288028;
}
#tile-container .tile #tile-activity-certifications #current div {
  border-top: solid 1px #288028;
}
#tile-container .tile #tile-activity-certifications #due h4 {
  background-color: #ffce44;
  color: #fff;
}
#tile-container .tile #tile-activity-certifications #due h4 span {
  border-left: solid 1px #ffce44;
}
#tile-container .tile #tile-activity-certifications #due h4.right {
  background-color: #fff;
  color: #ffce44;
}
#tile-container .tile #tile-activity-certifications #due div {
  border-top: solid 1px #ffce44;
}
#tile-container .tile #tile-activity-certifications #overdue h4 {
  background-color: #d20a11;
  color: #fff;
}
#tile-container .tile #tile-activity-certifications #overdue h4 span {
  border-left: solid 1px #d01500;
}
#tile-container .tile #tile-activity-certifications #overdue h4.right {
  background-color: #fff;
  color: #d20a11;
}
#tile-container .tile #tile-activity-certifications #overdue div {
  border-top: solid 1px #d20a11;
}
#tile-container .tile #tile-attention-contexts img {
  height: 20px;
  opacity: 0.75;
}
#tile-container .tile #tile-attention-contexts table {
  margin-bottom: 0px;
}
#tile-container .tile #tile-attention-contexts table tr th:first-child {
  width: 1%;
  padding-right: 0px;
}
#tile-container .tile #tile-attention-contexts table tr th:last-child {
  text-align: right;
}
#tile-container .tile #tile-attention-contexts table tr th a {
  text-decoration: underline;
  color: #333;
  white-space: nowrap;
}
#tile-container .tile #tile-attention-contexts table tr td:last-child {
  text-align: right;
}
#tile-container .tile #tile-attention-contexts table tr td span {
  display: block;
  margin-top: 2px;
  font-size: 0.9em;
  color: #999;
}
#tile-container .tile #tile-attention-agreements img {
  height: 20px;
  opacity: 0.75;
}
#tile-container .tile #tile-attention-agreements table {
  margin-bottom: 0px;
}
#tile-container .tile #tile-attention-agreements table tr th:first-child {
  width: 1%;
  padding-right: 0px;
}
#tile-container .tile #tile-attention-agreements table tr th a {
  text-decoration: underline;
  color: #333;
  white-space: nowrap;
}
#tile-container .tile #tile-attention-agreements table tr td:last-child {
  text-align: right;
}
#tile-container .tile #tile-attention-agreements table tr td span {
  display: block;
  margin-top: 2px;
  font-size: 0.9em;
  color: #999;
}

#tile-dialog {
  padding: 20px;
}

/*#endregion*/
/*#region Campaign */
#campaign #campaign-survey {
  padding: 50px;
  padding-top: 30px;
  margin-left: 10px;
  margin-bottom: 50px;
}
#campaign #campaign-survey .preface p {
  white-space: pre-wrap;
}
#campaign #campaign-survey .preface.first p {
  margin-bottom: 0px;
  padding-bottom: 20px;
  border-left: 3px solid white;
  margin-left: -33px;
  padding-left: 30px;
}
#campaign #campaign-survey .preface.last p {
  margin-bottom: 0px;
  padding-bottom: 20px;
  border-left: 3px solid rgb(204, 204, 204);
  margin-left: -33px;
  padding-left: 30px;
}
#campaign #campaign-survey #question {
  padding-bottom: 50px;
}
#campaign #campaign-survey #question h2 {
  text-transform: initial;
  line-height: 1.5em;
}
#campaign #campaign-survey #question label {
  vertical-align: 0.25em;
  display: inline-block;
}
#campaign #campaign-survey #question table tbody tr td:nth-child(2) {
  width: 150px;
}
#campaign #campaign-survey #question textarea {
  width: 700px;
}
#campaign #campaign-survey #question input {
  vertical-align: baseline;
}
#campaign #campaign-survey #question input[type=checkbox], #campaign #campaign-survey #question input[type=radio] {
  margin: 3px 3px 3px 4px;
}
#campaign #campaign-survey #question input[type=text] {
  width: 500px;
}
#campaign #campaign-survey #question input[type=number] {
  background-color: #efefef;
  border: solid 1px #dbdddc;
  width: 50px;
  height: 24px;
  line-height: 1.3;
  padding: 0;
  padding-left: 5px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: none;
}
#campaign #campaign-survey #question input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#campaign #campaign-survey #question .other {
  margin-top: 5px;
  margin-top: 10px;
  margin-left: 5px;
}
#campaign #campaign-survey #question .other label {
  display: block;
  margin-bottom: 3px;
}
#campaign #campaign-survey #question .matrix-row-number {
  width: 6px;
}
#campaign #campaign-survey #question .matrix-question {
  width: 20px;
}
#campaign #campaign-survey #question .matrix-column-header {
  width: 6px;
  text-align: center;
  font-size: 0.85em;
}
#campaign #campaign-survey #question .matrix-cell {
  width: 6px;
  text-align: center;
}

#campaign-admin-edit {
  padding: 15px;
}
#campaign-admin-edit .status {
  padding: 3px 7px;
  color: #fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-transform: uppercase;
  font-size: 0.8em;
}
#campaign-admin-edit .status.available {
  background-color: #5a725a;
}
#campaign-admin-edit .status.retired {
  background-color: #d20a11;
}

#campaign-admin-setup #questions-tab {
  margin-bottom: 50px;
}
#campaign-admin-setup #questions-tab #top-controls {
  margin-bottom: 10px;
  font-size: 0.8em;
  text-transform: uppercase;
}
#campaign-admin-setup #questions-tab #controls table td {
  border-bottom: none;
}
#campaign-admin-setup #questions-tab #controls table td a {
  text-decoration: none;
}
#campaign-admin-setup #questions-tab label {
  width: 50px;
}
#campaign-admin-setup #questions-tab textarea {
  width: 205px;
}
#campaign-admin-setup #questions-tab input[type=text] {
  width: 200px;
}
#campaign-admin-setup #questions-tab .question-heading {
  margin-bottom: 15px;
  color: #000;
  cursor: pointer;
}
#campaign-admin-setup #questions-tab .question-heading span:last-child {
  color: #999;
}
#campaign-admin-setup #questions-tab .question-container {
  margin-bottom: 75px;
}
#campaign-admin-setup #questions-tab .question-container.collapsed {
  margin-bottom: 10px;
}
#campaign-admin-setup #questions-tab .subquestion-container {
  margin-top: 15px;
}
#campaign-admin-setup #questions-tab .choice-container {
  margin-top: 15px;
}
#campaign-admin-setup #questions-tab fieldset {
  margin-right: 30px;
}
#campaign-admin-setup #questions-tab #middle div {
  margin-top: 27px;
}
#campaign-admin-setup #questions-tab #right {
  margin-right: 0px;
}
#campaign-admin-setup #questions-tab .buttons {
  width: 870px;
}
#campaign-admin-setup #questions-tab .other-toggle {
  margin-bottom: 5px;
}

/*#endregion*/
/* Architecture */
#architecture {
  display: block;
}
#architecture #filters {
  border-left: none;
  left: 10px;
  margin-top: 10px;
  margin-left: 20px;
}
#architecture #filters h1 {
  float: left;
  margin-top: 9px;
}
#architecture #filters > div {
  float: left;
  margin-left: 10px;
}
#architecture #filters label {
  display: block;
  width: 50px;
  text-transform: uppercase;
  font-size: 0.85em;
  margin-bottom: 3px;
}
#architecture #filters select {
  margin-bottom: 10px;
}
#architecture #overview #diagram {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
#architecture #overview #diagram #azure {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url(images/cloud.png);
  background-repeat: no-repeat;
  background-color: #efefef;
  padding-bottom: 10px;
}
#architecture #overview #diagram #azure h1 {
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
  font-size: 1.5em;
}
#architecture #overview #diagram #azure #layer1 {
  margin-left: 70px;
  display: flex;
}
#architecture #overview #diagram #azure #layer1 #person {
  margin-right: 130px;
  font-weight: bold;
}
#architecture #overview #diagram #azure #layer1 #website {
  width: 100px;
  margin-top: 50px;
  font-weight: bold;
}
#architecture #overview #diagram #azure #layer1 #connector {
  width: 120px;
  margin-top: 50px;
  margin-right: 100px;
  font-weight: bold;
}
#architecture #overview #diagram #azure #layer1 #system {
  width: 100px;
  font-weight: bold;
}
#architecture #overview #diagram #azure #layer2 {
  display: flex;
  margin-top: 30px;
  align-items: center;
}
#architecture #overview #diagram #azure #layer2 #lms {
  margin-left: 100px;
  margin-top: 100px;
  font-weight: bold;
}
#architecture #overview #diagram #azure #layer2 #all-components {
  padding: 20px;
  padding-top: 0px;
  margin-top: 20px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-top: solid 1px #d20a11;
  border-bottom: solid 1px #d20a11;
  display: flex;
  width: 50%;
  margin-left: 0px;
  position: relative;
  margin-left: 30px;
}
#architecture #overview #diagram #azure #layer2 #all-components #website-components {
  padding: 20px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}
#architecture #overview #diagram #azure #layer2 #all-components #common-components {
  padding: 20px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}
#architecture #overview #diagram #azure #layer2 #all-components h1 {
  width: 95%;
  bottom: -5px;
}
#architecture #overview #diagram #azure #layer2 #agent {
  width: 120px;
  margin-left: 30px;
  margin-top: 150px;
  font-weight: bold;
}
#architecture #overview #diagram #azure #databases {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
#architecture #overview #diagram #azure #databases #database {
  width: 120px;
  font-weight: bold;
}
#architecture #overview #diagram h1 {
  text-align: center;
  margin-top: 20px;
}
#architecture #overview #diagram .component {
  background-color: #c1d9ff;
  padding: 5px;
  border: solid 1px #aaa;
  text-align: center;
  margin: 5px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  display: flex;
  flex-direction: column;
  width: 95px;
}
#architecture #overview #diagram .component:hover {
  cursor: pointer;
}
#architecture #overview #diagram .component img {
  align-self: center;
  height: 50px;
}
#architecture #overview #diagram .component span em {
  font-size: 0.85em;
  font-weight: normal;
  font-style: italic;
  color: #999;
  display: block;
  margin-top: 5px;
}
#architecture #overview #diagram .component.related {
  border: solid 5px #d20a11;
  margin-top: 0px;
  margin-top: 0px;
  margin-left: 1px;
  margin-right: 1px;
}
#architecture #overview #diagram .component.related.override img {
  border: solid 5px #d20a11;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
#architecture #overview #diagram .component.override {
  background-color: transparent;
  border: none;
}
#architecture #overview #diagram .component.override img {
  height: 70px;
}
#architecture #overview #diagram #connector {
  padding: 0px;
}
#architecture #overview #logical {
  margin: 10px;
  margin-top: 20px;
}
#architecture #overview #logical .row-items {
  flex-wrap: nowrap;
}
#architecture #overview #logical p {
  display: none;
}
#architecture #overview #logical .heading label {
  font-size: 0.9em;
  margin-top: 7px;
}
#architecture #overview #logical .heading img {
  height: 25px;
}
#architecture #overview #logical .item-group {
  padding: 5px;
}
#architecture #overview #logical .item-group .item-system {
  margin: 15px;
  margin-bottom: 30px;
}
#architecture #overview #logical .item {
  padding: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  padding-left: 5px;
  flex-grow: 1;
  margin: 5px;
}
#architecture #overview #logical .item.related {
  background-color: #fff;
  border: 1px solid #d20a11;
}
#architecture #overview #logical .item.hovering {
  background-color: #48535A;
  color: #fff;
}
#architecture #overview #logical .item-system.item-system-locker {
  padding: 10px;
  margin-bottom: 20px;
}
#architecture #overview #logical .item-system.item-system-locker > .heading > img {
  height: 30px;
}
#architecture #overview #logical .item-concept {
  display: flex;
  flex-direction: column;
}
#architecture #overview #logical .item-concept.item-concept-integrations {
  flex-grow: 0;
}
#architecture #overview #logical .item-group {
  display: flex;
  flex-direction: column;
}
#architecture #detail {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 19px;
  width: 100%;
}
#architecture #detail > .heading {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
#architecture #detail > .heading a {
  text-decoration: underline;
}
#architecture #detail > .heading h1 {
  margin-bottom: 0px;
}
#architecture #detail > .heading img {
  height: 30px;
  margin-bottom: -7px;
  margin-left: -3px;
}
#architecture #detail p {
  margin-bottom: 30px;
}
#architecture #detail > div {
  width: 100%;
}
#architecture #detail .rows {
  display: flex;
  flex-direction: column;
}
#architecture #detail .columns {
  display: flex;
  flex-direction: row;
}
#architecture #detail .container {
  width: 100%;
  display: flex;
  justify-content: center;
}
#architecture #detail .system {
  border: solid 1px #d20a11;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-top: solid 5px #d20a11;
  margin: 10px;
  padding: 10px;
  background-color: #fff9d7;
}
#architecture #detail .system > .heading {
  display: flex;
  align-items: center;
}
#architecture #detail .system > .heading > img {
  height: 30px;
  margin-left: 5px;
}
#architecture #detail .system > .heading .name {
  font-weight: bold;
  margin-left: 5px;
}
#architecture #detail .aspect {
  border: none;
  border-top: solid 1px #48535A;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-left: solid 5px #48535A;
  background-color: #fff;
  margin: 20px;
  padding: 10px;
  display: flex;
  flex-direction: column;
}
#architecture #detail .aspect > .heading {
  display: flex;
  align-items: center;
}
#architecture #detail .aspect > .heading img {
  height: 30px;
  margin-left: 5px;
}
#architecture #detail .aspect > .heading .name {
  font-weight: bold;
}
#architecture #detail .group {
  border: 1px dashed #999;
  background-color: #efefef;
  margin: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
}
#architecture #detail .group > .name {
  font-style: italic;
  z-index: 1;
}
#architecture #detail .item {
  display: flex;
  flex-direction: column;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  margin: 10px;
  align-content: center;
  z-index: 1;
}
#architecture #detail .item img {
  align-self: center;
}
#architecture #detail .item > .name {
  font-weight: normal;
  font-size: 1em;
  text-align: center;
}
#architecture #detail .item > p {
  font-size: 1em;
  color: #aaa;
  text-align: center;
  display: none;
}
#architecture #detail .item.component {
  border: solid 1px #48535A;
  background-color: #c1d9ff;
}
#architecture #detail .item.component.selected {
  border: solid 5px #d20a11;
  font-weight: bold;
}
#architecture #detail .item.component img {
  align-self: center;
}
#architecture #detail .item.technology {
  border: solid 1px #d4dae8;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-top: solid 5px #d4dae8;
  background-color: #eceff6;
}
#architecture #detail #setup .section table {
  width: auto;
}
#architecture .row-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
#architecture .column-items {
  display: flex;
  flex-direction: column;
}
#architecture .hide {
  display: none;
}
#architecture .item {
  position: relative;
  border: solid 1px #dbdddc;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  padding: 10px;
  margin: 10px;
}
#architecture .item:hover {
  cursor: pointer;
}
#architecture .item .heading {
  display: flex;
  margin-left: -5px;
}
#architecture .item .heading img {
  height: 30px;
}
#architecture .item .heading img:hover {
  cursor: pointer;
}
#architecture .item .heading .name {
  font-weight: normal;
  margin-top: 9px;
  clear: right;
}
#architecture .item .heading .name:hover {
  cursor: pointer;
}
#architecture .item p {
  clear: both;
  margin: 0px;
  padding: 0px;
  font-size: 0.85em;
}
#architecture .item .toggle {
  position: absolute;
  top: 0px;
  right: 5px;
}
#architecture .item .toggle img {
  height: 15px;
  opacity: 0.5;
}
#architecture .item-aspect {
  border: none;
  border-top: solid 1px #48535A;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-left: solid 5px #48535A;
  background-color: #fff;
  margin: 20px;
  padding: 10px;
  display: flex;
  flex-direction: column;
}
#architecture .item-aspect > .heading {
  display: flex;
  align-items: center;
}
#architecture .item-aspect > .heading img {
  height: 30px;
  margin-left: 5px;
}
#architecture .item-aspect > .heading .name {
  font-weight: bold;
}
#architecture .item-system {
  border: solid 1px #d20a11;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-top: solid 5px #d20a11;
  background-color: #fff;
}
#architecture .item-system > .heading > img {
  margin-left: 5px;
}
#architecture .item-system > .heading .name {
  font-weight: bold;
}
#architecture .item-concept {
  border: none;
  border-top: solid 1px #48535A;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-left: solid 5px #48535A;
  background-color: #fff;
  flex-grow: 1;
}
#architecture .item-concept > .heading .name {
  font-weight: bold;
}
#architecture .item-group {
  border: 1px dashed #999;
  background-color: #efefef;
  flex-wrap: wrap;
}
#architecture .item-group > .heading .name {
  font-style: italic;
}
#architecture .item-component {
  background-color: #d7d7d7;
}
#architecture .item-technology {
  border: solid 1px #d4dae8;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-top: solid 5px #d4dae8;
  background-color: #eceff6;
}

/*#region Item Dialog */
#item-dialog {
  display: none;
}

#item-dialog-content {
  padding: 10px;
}
#item-dialog-content h1 {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
#item-dialog-content > p {
  margin-left: 15px;
}
#item-dialog-content .item.short {
  display: inline-block;
}
#item-dialog-content #relationships {
  width: 850px;
  float: left;
  padding: 10px;
  padding-left: 20px;
}
#item-dialog-content #relationships #cols {
  display: flex;
  flex-direction: row;
}
#item-dialog-content #relationships #cols .col {
  flex-grow: 1;
}
#item-dialog-content #relationships #cols .col h3 {
  text-align: center;
}
#item-dialog-content #relationships #cols .col .none {
  font-size: 1em;
  text-align: center;
}
#item-dialog-content #relationships .item {
  padding: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  padding-left: 5px;
  flex-grow: 1;
  margin: 5px;
}
#item-dialog-content #relationships .item.related {
  background-color: #5a725a;
}
#item-dialog-content #relationships .item .heading .name {
  font-size: 0.9em;
  margin-top: 7px;
}
#item-dialog-content #relationships .item .heading img {
  height: 25px;
}
#item-dialog-content #relationships .item-system.item-system-locker {
  padding: 10px;
  margin-bottom: 20px;
}
#item-dialog-content #relationships .item-concept {
  display: flex;
  flex-direction: column;
}
#item-dialog-content #relationships .item-concept.item-concept-integrations {
  flex-grow: 0;
}
#item-dialog-content #relationships .item-group {
  display: flex;
  flex-direction: column;
}
#item-dialog-content #processes {
  width: 850px;
  float: left;
  padding: 10px;
  padding-left: 20px;
}

/*#endregion*/
/*#region Misc */
.buttons {
  clear: both;
  display: flex;
  float: left;
  width: 98%;
  text-align: right;
  background-color: #fff;
  margin-top: 20px;
  padding: 7px 0 7px 7px;
  border-top: solid 1px #48535A;
}
.buttons input {
  margin-right: 10px;
  font-size: 0.9em;
  letter-spacing: 1px;
}
.buttons input:last-child {
  margin-right: 17px;
}
.buttons p {
  display: inline;
  font-style: italic;
  margin-right: 10px;
  color: #999;
}
.buttons .left {
  float: left;
  margin-top: 10px;
}
.buttons .alt {
  float: right;
  border-left: 1px dotted #d20a11;
  padding-right: 0px;
  padding-left: 17px;
}
.buttons .divider {
  display: inline-block;
  border-left: solid 1px #d20a11;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0px;
  margin-bottom: -7px;
  width: 1px;
  height: 23px;
}
.buttons .left-link {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  color: #999;
  border-bottom: dotted 1px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.9em;
  letter-spacing: 1px;
}
.buttons .left-link:hover {
  color: #d20a11;
  border-bottom: solid 1px;
}
.buttons .primary {
  font-weight: bold;
}

.relative {
  position: relative;
}

.bold {
  font-weight: bold;
}

.validation {
  border-left: solid 5px #d20a11;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 20px;
  clear: both;
  background-color: #efefef;
  float: none;
}
.validation ul li {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #d20a11;
  padding-left: 20px;
  position: relative;
}
.validation ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}

/*#endregion*/
/* Clear fix */
.clear {
  display: block;
}
.clear:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/*#region backslash hack \*/
* html .clear {
  height: 1%;
}

/*#endregion*/
/* Exception */
#exception {
  padding: 30px;
  float: left;
  clear: both;
}

/* Request/Flag popup*/
#action-request {
  padding: 20px;
}
#action-request textarea {
  width: 450px;
}

/* Popup error */
.error div.error-container {
  padding: 20px;
  margin-bottom: 20px;
  line-height: 1.5em;
  color: #666;
}
.error div.error-container ul.error-validation li {
  margin-bottom: 7px;
}

/* Default MVC classes */
.validation-summary-errors {
  margin-bottom: 20px;
  display: block;
  float: none;
  background-color: #efefef;
  border-left: solid 5px #dd3c10;
  padding: 10px;
}
.validation-summary-errors span {
  font-weight: normal;
}
.validation-summary-errors ul {
  display: block;
  margin-top: 0px;
  margin-left: 20px;
  padding-left: 20px;
}
.validation-summary-errors ul li {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
  /*text-align: justify;*/
  line-height: 1.3;
}
.validation-summary-errors ul li:before {
  content: "●";
  color: #d20a11;
  position: absolute;
  left: 8px;
}
.validation-summary-errors ul li label, .validation-summary-errors ul li span {
  display: inline !important;
  font-weight: normal;
}

/*#region jQuery UI overrides */
.ui-widget {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 1em;
}

.ui-dialog-titlebar .options {
  position: absolute;
  right: 50px;
  margin-top: -5px;
}
.ui-dialog-titlebar .options a {
  color: #000;
  display: inline-block;
  margin-bottom: 5px;
  padding: 0px;
  border: solid 1px transparent;
  line-height: 30px;
  text-transform: none;
  font-family: Arial;
  font-weight: normal;
  font-size: 0.85em;
  white-space: nowrap;
}
.ui-dialog-titlebar .options a:hover {
  text-decoration: underline;
}
.ui-dialog-titlebar .options a img {
  margin-right: 5px;
  height: 20px;
  float: left;
  margin-top: 3px;
}

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0em;
  outline: 0;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: solid 1px #bbb;
  box-shadow: 0 0 3px 3px #dbdddc;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 7px 7px;
  position: relative;
  background-color: #fff;
  border: none;
  display: block;
  text-transform: uppercase;
  color: #48535A;
  font-family: Locker, Verdana;
  font-size: 1.2em;
  padding: 15px;
  padding-left: 20px;
  padding-bottom: 12px;
  margin-bottom: 0px;
  background-color: #f9f9f9;
  border-bottom: solid 1px #d20a11;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 5px 0 0;
  padding: 1px;
  height: 20px;
  border: none;
  color: transparent;
  background: transparent url(images/close.png) no-repeat top left;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon {
  background-image: none;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0px;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-widget .buttons {
  margin-bottom: 10px;
}
.ui-widget .buttons input {
  font-size: 0.9em;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

/*#endregion*/
/*#region ********* MEDIA QUERIES *********/
/********** 1300px **********/
@media only screen and (max-width: 1300px) {
  body #fill {
    width: 100%;
  }
  header #top {
    max-width: 1210px;
  }
  .widthlimit {
    max-width: 1210px;
  }
  #admin-errors iframe {
    width: 100%;
  }
  #admin-settings,
  #admin-overview,
  #admin-translations {
    width: 84%;
  }
  #admin-roles #detail {
    width: 72%;
  }
  #admin-automations,
  #admin-notification #notifications,
  #admin-requests {
    width: 86%;
  }
  #account #profile #tab {
    width: 87%;
  }
  #account #events #tab {
    width: 84%;
  }
  #account #account-notes #entry textarea {
    max-width: 1140px;
    max-height: 300px;
  }
  #account-metadata #tab {
    width: 84%;
  }
  #certification #switches {
    width: 86% !important;
  }
  #certification #transcript {
    width: 87% !important;
  }
  #merge #master, #merge .left {
    width: 47%;
  }
  #calendar #details {
    width: 33%;
  }
  #calendar #grid {
    width: 65%;
  }
  #calendar #grid .weekdays, #calendar #grid .day, #calendar #grid .selected {
    width: 100px;
  }
  #event-registration .tab {
    width: 86%;
  }
  #event-registration #top .right {
    width: 67%;
  }
  #delivery-logistics .tab {
    width: 86%;
  }
  #delivery-logistics #staff-edit #address-box input[type=text], #delivery-logistics #staff-edit #personal-box input[type=text] {
    width: 187px;
  }
  #delivery-logistics #staff-edit #address-box input[type=text].search, #delivery-logistics #staff-edit #personal-box input[type=text].search {
    width: 167px;
  }
  #delivery-logistics #staff-edit #address-box select, #delivery-logistics #staff-edit #personal-box select {
    width: 198px;
  }
  #event-search fieldset > div > input:not(.date, [type=checkbox]) {
    width: 178px !important;
  }
  #event-search fieldset > div > select {
    width: 190px !important;
  }
}
/********** 1257px to 1158px **********/
@media only screen and (max-width: 1257px) {
  body #fill {
    width: 100%;
  }
  header #top {
    max-width: 1110px;
  }
  .widthlimit {
    max-width: 1110px;
  }
  .searchexpand {
    width: 93% !important;
  }
  #merge #master, #merge #candidate, #merge .left {
    width: 46%;
  }
  #calendar #details {
    width: 32%;
  }
  #calendar #grid {
    width: 68%;
  }
  #calendar #grid .weekdays, #calendar #grid .day, #calendar #grid .selected {
    width: 95px;
  }
  #delivery-logistics .tab {
    width: 85%;
  }
  #delivery-logistics #schedule {
    width: 100%;
  }
  #delivery-logistics #staff-edit #address-box input[type=text], #delivery-logistics #staff-edit #personal-box input[type=text] {
    width: 187px;
  }
  #delivery-logistics #staff-edit #address-box input[type=text].search, #delivery-logistics #staff-edit #personal-box input[type=text].search {
    width: 167px;
  }
  #delivery-logistics #staff-edit #address-box select, #delivery-logistics #staff-edit #personal-box select {
    width: 198px;
  }
  #analytics #dashboard #listings > div > div {
    width: 30%;
  }
  #analytics #reports .column {
    width: 47%;
  }
  #admin-errors iframe,
  #admin-program-setup #financial section {
    width: 100%;
  }
  #admin-settings,
  #admin-translations,
  #admin-overview {
    width: 83%;
  }
  #admin-roles #list #action {
    width: 100%;
  }
  #admin-roles #detail {
    width: 69%;
  }
  #admin-automations,
  #admin-notification #notifications,
  #admin-requests {
    width: 85%;
  }
  #account #profile #tab {
    width: 86%;
  }
  #account #events #tab {
    width: 84%;
  }
  #account #account-notes #entry textarea {
    max-width: 880px;
    max-height: 300px;
  }
  #account-metadata #tab {
    width: 84%;
  }
  #registry #registry-entry #tab {
    width: 89%;
  }
  #organization-detail #info {
    width: 40%;
  }
  #organization-detail #associations {
    width: 53%;
  }
  #certification #switches {
    width: 82% !important;
    flex-wrap: wrap;
  }
  #certification #switches select {
    margin-top: 10px;
  }
  #certification #self-report {
    width: 86% !important;
  }
  #certification #transcript {
    width: 86% !important;
  }
  #event-registration .tab {
    width: 85%;
  }
  #event-registration #top .right {
    width: 66%;
  }
  #event-search fieldset > div > input:not(.date, [type=checkbox]) {
    width: 155px !important;
  }
  #event-search fieldset > div > select {
    width: 167px !important;
  }
}
/********** 1157px to 1000px **********/
@media only screen and (max-width: 1157px) {
  body #fill {
    width: 100%;
  }
  header #top {
    max-width: 950px;
  }
  header nav {
    width: 82%;
  }
  .widthlimit {
    max-width: 950px;
    justify-content: normal;
  }
  .searchexpand {
    width: 107.5% !important;
  }
  .menustretched {
    width: 162px;
  }
  .grid > tbody:not(.card) > tr:not(.injected) > td {
    max-width: 235px;
    white-space: nowrap;
  }
  .subtabs li a {
    font-size: 0.98em;
  }
  #calendar #details {
    width: 24%;
  }
  #calendar #grid {
    width: 720px;
  }
  #calendar #grid .weekdays, #calendar #grid .day, #calendar #grid .selected {
    width: 90px;
  }
  #event-detail #meta {
    width: 94%;
  }
  #tabs ul {
    width: 80%;
  }
  #tabs ul li a {
    padding-left: 7px;
    padding-right: 7px;
  }
  #delivery-logistics .tab {
    width: 82%;
  }
  #delivery-logistics #schedule {
    width: 100%;
  }
  #delivery .tab {
    width: 82%;
  }
  #delivery #schedule {
    width: 100%;
  }
  #delivery-content #survey {
    width: 98%;
  }
  #delivery-translation table td:first-child {
    min-width: 20%;
  }
  #delivery-translation table td:nth-child(2) {
    min-width: 40%;
  }
  #delivery-settings fieldset {
    margin-right: 40px;
  }
  #analytics #reports .column {
    width: 45%;
  }
  #admin-errors iframe,
  #admin-program-setup #financial section {
    width: 100%;
  }
  #architecture #overview #diagram #azure {
    background-size: 100%;
  }
  #registry #registry-entry #tab {
    width: 87%;
  }
  #admin-settings,
  #admin-translations,
  #admin-overview {
    width: 80%;
  }
  #admin-roles #list #action {
    width: 100%;
  }
  #admin-roles #detail {
    width: 63%;
  }
  #admin-automations,
  #admin-notification #notifications,
  #admin-requests {
    width: 82%;
  }
  #admin-announcements {
    width: 85%;
  }
  #connector #connector-jobs, #connector #connector-schedule {
    width: 114%;
  }
  #account #profile #tab {
    width: 84%;
  }
  #account #profile #c1 fieldset > div > input:not(.date):not(.search):not(input[type=checkbox]) {
    width: 146px !important;
  }
  #account #profile #c1 fieldset > div > select {
    width: 158px !important;
  }
  #account #profile #c1 fieldset > div > input > .search {
    width: 146px !important;
  }
  #account #events #tab {
    width: 84%;
  }
  #account #account-notes #entry textarea {
    max-width: 880px;
    max-height: 300px;
  }
  #account-metadata #tab {
    width: 84%;
  }
  #delivery-logistics #overview #session .tab {
    width: 80%;
  }
  #delivery-logistics #overview #session .col1 select:not(.session-time) {
    width: 193px !important;
  }
  #delivery-logistics #overview #session .col2 select {
    width: 188px;
  }
  #delivery-logistics #overview .name input {
    width: 181px;
  }
  #delivery-logistics #overview .search {
    width: 161px;
  }
  #delivery-logistics #overview #sessions .grid tr.injected td > div {
    width: 83%;
  }
  #delivery-logistics #staff-edit #address-box input[type=text], #delivery-logistics #staff-edit #personal-box input[type=text] {
    width: 130px;
  }
  #delivery-logistics #staff-edit #address-box input[type=text].search, #delivery-logistics #staff-edit #personal-box input[type=text].search {
    width: 110px;
  }
  #delivery-logistics #staff-edit #address-box select, #delivery-logistics #staff-edit #personal-box select {
    width: 142px;
  }
  #delivery .stage {
    width: 28%;
  }
  #certification #switches {
    width: 82% !important;
    flex-wrap: wrap;
  }
  #certification #switches select {
    margin-top: 10px;
  }
  #certification #transcript {
    width: 84% !important;
  }
  #certification #transcript #summary table th.status {
    width: 60% !important;
  }
  #certification #transcript #summary table th.since, #certification #transcript #summary table th.expires {
    width: 10% !important;
  }
  #certification #transcript #summary table th.pd {
    width: 12% !important;
  }
  #certification #transcript #coach-developer .pathway > div img {
    margin-right: 17px !important;
  }
  #certification #self-report {
    width: 84%;
  }
  #merge #master, #merge #candidate, #merge .left {
    width: 46%;
  }
  #organization-detail #info {
    width: 44%;
  }
  #organization-detail #associations {
    width: 49%;
  }
  #organization-detail #settings-list {
    padding: 15px;
  }
  #event-registration .tab {
    width: 82%;
  }
  #event-registration #top .right {
    width: 66%;
  }
  #tabs ul li a {
    font-size: 0.9em;
  }
  #coupon .text input {
    width: 230px;
  }
  #coupon textarea {
    width: 236px !important;
    max-width: 236px !important;
  }
  .wizard li a {
    font-size: 0.9em;
  }
  #elearning #group #mhws #partnerVideo iframe {
    height: 355px;
  }
  #event-search fieldset > div > input.date {
    width: 103px !important;
  }
  #event-search fieldset > div > input:not(.date, [type=checkbox]) {
    width: 123px !important;
  }
  #event-search fieldset > div > label {
    width: 75px !important;
  }
  #event-search fieldset > div > select {
    width: 135px !important;
  }
}
/*#endregion*/
/* Operations */
#operation #operation {
  display: flex;
  float: none;
  padding: 0px;
  margin: 0px;
}
#operation #operation .watermark {
  font-size: 1.5em;
  margin-top: 200px;
  width: 100%;
  text-align: center;
  font-style: italic;
}
#operation #operation-health {
  width: 100%;
}
#operation #operation-health #snapshot {
  border-bottom: none;
}
#operation #operation-health table {
  height: 1px;
  width: 100%;
  border-collapse: collapse;
}
#operation #operation-health table tr th {
  text-align: center;
  color: #000;
  font-size: 1.3em;
  letter-spacing: normal;
}
#operation #operation-health table tr td:hover {
  cursor: pointer;
}
#operation #operation-health table tr td:first-child {
  vertical-align: middle;
  font-size: 1.3em;
}
#operation #operation-health table tr td:first-child a {
  display: block;
  font-size: 0.5em;
  color: #aaa;
  text-transform: uppercase;
}
#operation #operation-health table tr td:first-child a:hover {
  color: #d20a11;
}
#operation #operation-health table tr td:first-child span.date {
  display: block;
  font-size: 0.75em;
  color: #aaa;
}
#operation #operation-health table tr td > div {
  display: flex;
  flex-direction: column;
  text-align: center;
  height: 100%;
  width: 350px;
}
#operation #operation-health table tr td > div > div {
  padding: 5px;
  display: flex;
  justify-content: space-around;
}
#operation #operation-health table tr td > div .details {
  border-top: dashed 1px #ccc;
  margin-top: 0px;
  padding: 10px;
  display: none;
}
#operation #operation-health table tr td > div span.decorator {
  padding: 5px;
  text-transform: uppercase;
  font-size: 0.8em;
  color: #fff;
}
#operation #operation-health table tr td > div span.measure {
  font-weight: bold;
  font-size: 1.3em;
}
#operation #operation-health table tr td > div p {
  padding: 0px;
  color: #000;
  margin: 0px;
  font-size: 0.9em;
}
#operation #operation-health table tr td > div.good {
  border: solid 1px green;
}
#operation #operation-health table tr td > div.good span.decorator {
  background-color: green;
}
#operation #operation-health table tr td > div.warning {
  border: solid 1px orangered;
}
#operation #operation-health table tr td > div.warning span.decorator {
  background-color: orangered;
}
#operation #operation-health table tr td > div.bad {
  border: solid 1px #d20a11;
}
#operation #operation-health table tr td > div.bad span.decorator {
  background-color: #d20a11;
}
#operation #operation-health table tr.group td {
  font-weight: bold;
  background-color: #eee;
}
#operation #operation-health .timeline {
  display: flex;
  justify-content: right;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.7em;
  gap: 5px;
  padding: 5px;
  border-top: dashed 1px #ccc;
}
#operation #operation-health .timeline > div {
  display: flex;
  gap: 2px;
  justify-content: right;
}
#operation #operation-health .timeline > div > div {
  width: 7px;
  height: 13px;
}
#operation #operation-health .timeline > div > div:hover {
  opacity: 0.5;
}
#operation #operation-health .timeline .good {
  background-color: green;
}
#operation #operation-health .timeline .warning {
  background-color: orangered;
}
#operation #operation-health .timeline .bad {
  background-color: #d20a11;
}
#operation #operation-admin #content {
  padding-top: 0px;
}
#operation #operation-admin h2 {
  margin-top: 30px;
}
#operation #operation-admin h3 {
  padding-top: 10px;
}
#operation #operation-admin .component {
  display: flex;
  border-top: solid 1px #ccc;
  align-items: center;
}
#operation #operation-admin .component:hover {
  cursor: pointer;
  background-color: #efefef;
}
#operation #operation-admin .component img {
  height: 30px;
  margin-right: 5px;
}
#operation #operation-admin .component h4 {
  text-transform: none;
  font-weight: bold;
  color: #000;
  margin-bottom: 3px;
  width: 200px;
}
#operation #operation-admin .component p {
  margin-bottom: 0px;
  flex-grow: 3;
}
#operation #operation-detail {
  flex-basis: 100%;
}
#operation #operation-detail #snapshot h1 a {
  text-decoration: underline;
}
#operation #operation-detail #snapshot h1 img {
  height: 30px;
  margin-bottom: -7px;
}
#operation #operation-detail #loading {
  margin-top: 50px;
  text-align: center;
}
#operation #operation-detail #container {
  flex-basis: 100%;
  display: flex;
}
#operation #operation-detail #container .sidetabs {
  width: 100px;
}
#operation #operation-detail #container #content {
  flex-grow: 1;
}

#documentation-admin-index {
  flex-basis: 100%;
}
#documentation-admin-index #snapshot h1 a {
  text-decoration: underline;
}
#documentation-admin-index #snapshot h1 img {
  height: 30px;
  margin-bottom: -7px;
}
#documentation-admin-index #pane {
  display: flex;
}
#documentation-admin-index #list {
  margin-top: 20px;
  padding: 0px;
  margin-right: 20px;
  padding-right: 20px;
  border-right: solid 1px #ccc;
}
#documentation-admin-index #list span, #documentation-admin-index #list a {
  display: block;
  margin-bottom: 10px;
  color: #000;
}
#documentation-admin-index #list span {
  font-style: italic;
}
#documentation-admin-index #list a:hover {
  text-decoration: underline;
}
#documentation-admin-index #list div:nth-child(n+1) {
  margin-bottom: 10px;
  margin-left: 20px;
}
#documentation-admin-index #detail {
  width: 700px;
  padding: 70px;
  border: solid 1px #aaa;
  box-shadow: 0px 10px 10px 10px #ccc;
  margin-top: 30px;
  margin-left: 20px;
}
#documentation-admin-index #detail p {
  color: #000;
}
#documentation-admin-index #detail em {
  font-weight: normal;
  font-style: italic;
}
#documentation-admin-index #detail ol, #documentation-admin-index #detail ul {
  margin-left: 30px;
}
#documentation-admin-index #detail ol li, #documentation-admin-index #detail ul li {
  margin-bottom: 10px;
}
#documentation-admin-index #detail ol {
  list-style: decimal;
}
#documentation-admin-index #detail ul {
  list-style: square;
}
#documentation-admin-index h2 {
  margin-top: 30px;
}
#documentation-admin-index h3 {
  padding-top: 10px;
}
#documentation-admin-index h4 {
  text-transform: none;
  font-weight: bold;
  color: #000;
}
#documentation-admin-index .component {
  display: flex;
  justify-content: space-between;
  border-top: solid 1px #ccc;
  align-items: center;
}
#documentation-admin-index .component .heading {
  display: flex;
  align-items: center;
}
#documentation-admin-index .component .heading img {
  height: 30px;
  margin-right: 5px;
}
#documentation-admin-index .component .heading h4 {
  text-transform: none;
  font-weight: bold;
  color: #000;
  margin-bottom: 3px;
  width: 150px;
}
#documentation-admin-index .component p {
  margin-bottom: 0px;
  flex-grow: 3;
}
#documentation-admin-index .component .statuses {
  display: flex;
}
#documentation-admin-index .component .statuses .status {
  color: #fff;
  padding: 5px;
  text-transform: uppercase;
  font-size: 0.85em;
  margin-left: 10px;
}
#documentation-admin-index .component .statuses .status img {
  height: 10px;
}
#documentation-admin-index .component .statuses .status a {
  color: #fff;
  text-decoration: none;
}
#documentation-admin-index .component .statuses .status.missing {
  background-color: red;
}
#documentation-admin-index .component .statuses .status.incomplete {
  background-color: orange;
}
#documentation-admin-index .component .statuses .status.complete {
  background-color: green;
}

#documentation-detail {
  padding: 20px;
  padding-top: 0px;
}
#documentation-detail h1 {
  display: flex;
  align-items: center;
}
#documentation-detail h1 .divider {
  padding-left: 5px;
  padding-right: 5px;
}
#documentation-detail h1 .document-type {
  color: #d20a11;
}
#documentation-detail .help {
  font-style: italic;
  color: #aaa;
}
#documentation-detail .subtabs {
  margin-top: 20px;
  width: auto;
}
#documentation-detail #document {
  margin-bottom: 30px;
}
#documentation-detail #document h1 a, #documentation-detail #document h2 a, #documentation-detail #document h3 a, #documentation-detail #document h4 a, #documentation-detail #document h5 a {
  display: none;
  text-transform: lowercase;
  text-decoration: underline;
  float: none;
  color: #d20a11;
}
#documentation-detail #document h1:hover a, #documentation-detail #document h2:hover a, #documentation-detail #document h3:hover a, #documentation-detail #document h4:hover a, #documentation-detail #document h5:hover a {
  display: inline;
}
#documentation-detail #document ul {
  list-style-type: disc;
  margin-left: 30px;
  margin-bottom: 20px;
}
#documentation-detail #document ul li {
  margin-bottom: 5px;
}
#documentation-detail #document ol {
  list-style-type: decimal;
  margin-left: 30px;
  margin-bottom: 20px;
}
#documentation-detail #document ol li {
  margin-bottom: 5px;
}
#documentation-detail #document p {
  margin-bottom: 10px;
}
#documentation-detail #document.indent1 {
  margin-left: 0px;
}
#documentation-detail #document.indent2 {
  margin-left: 20px;
}
#documentation-detail #document.indent3 {
  margin-left: 40px;
}
#documentation-detail #document.indent4 {
  margin-left: 60px;
}
#documentation-detail #document .incomplete {
  color: #aaa;
  font-weight: normal;
  font-style: italic;
  text-transform: lowercase;
}
#documentation-detail #document #document-activities,
#documentation-detail #document #document-releases,
#documentation-detail #document #document-content {
  margin-left: 20px;
}
#documentation-detail #documentation-edit .buttons .alt {
  display: flex;
  align-items: center;
}
#documentation-detail #documentation-edit .buttons .alt input {
  margin-right: 5px;
}
#documentation-detail #documentation-edit .buttons .alt label {
  font-weight: bold;
}

#dev {
  display: flex;
  float: none;
  margin: 0px;
}
#dev .sidetabs {
  width: 100px;
}
#dev #async {
  flex-grow: 1;
}
#dev #dev-items {
  margin: 20px;
}
#dev #admin-rules {
  padding: 20px;
}

/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #cd950c;

  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;

  width: 100%;
  height: 3px;
}

/* Fancy blur effect */
#nprogress .peg {

}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


@media print {
  #certification .no-print {
    display: none;
  }
}
/* Certification (Account) */
#certification {
  padding: 0px;
  clear: both;
  float: left;
  width: 100%;
}
#certification #header {
  border: none;
  margin-bottom: 30px;
  height: 140px;
}
#certification #top {
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
  display: none;
  text-align: center;
  width: 100%;
}
#certification #top h2 {
  font-size: 2em;
  color: #48535a;
  text-transform: none;
}
#certification #top h3 {
  font-size: 1.3em;
  color: #cd950c;
  margin-top: 10px;
}
#certification #top h4 {
  font-size: 1.8em;
  background-color: #ffcc33;
  padding: 5px;
  color: #000;
  display: inline-block;
  margin-top: 10px;
}
#certification #top #issued {
  display: none;
  margin-bottom: 5px;
  color: #000;
  margin-top: 10px;
}
#certification .band {
  height: 80px;
  background-color: #f7f7f7;
  margin-left: -40px;
  width: 997px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
#certification h3 {
  font-weight: normal;
  color: #ccc;
  font-size: 3em;
  text-transform: none;
  margin-bottom: -5px;
  clear: both;
  color: #000;
}
#certification hr {
  width: 830px;
  float: left;
  clear: none;
  margin-left: 30px;
}
#certification .bar {
  height: 50px;
  background-color: #f7f7f7;
  border-top: solid 1px #ddd;
}
#certification .sidetabs {
  width: 120px;
}
#certification .csp-init, #certification .csp-ong {
  background-color: #c0d242;
}
#certification .comp-int, #certification .comp-dev, #certification .comp-hp {
  background-color: #4dade2;
}
#certification .inst-beg, #certification .inst-imd, #certification .inst-adv {
  background-color: #ffce44;
}
#certification .global, #certification .general {
  background-color: #cccccc;
}
#certification .old-nccp {
  background-color: #bdbdbd;
}
#certification .top-csp-init, #certification .top-csp-ong {
  border-top: solid 1px #c0d242;
}
#certification .top-comp-int, #certification .top-comp-dev, #certification .top-comp-hp {
  border-top: solid 1px #4dade2;
}
#certification .top-inst-beg, #certification .top-inst-imd, #certification .top-inst-adv {
  border-top: solid 1px #ffce44;
}
#certification .top-global, #certification .top-general {
  border-top: solid 1px #cccccc;
}
#certification .top-old-nccp {
  border-top: solid 1px #bdbdbd;
}
#certification .title-csp-init, #certification .title-csp-ong {
  border-left: solid 55px #c0d242;
  border-top: solid 1px #ccc;
  background-color: #f2f2f2;
  letter-spacing: 1px;
  color: #666;
  font-weight: normal;
  font-size: 0.9em;
  min-height: 14px;
  padding: 5px;
  text-transform: uppercase;
  padding-left: 7px;
}
#certification .title-comp-int, #certification .title-comp-dev, #certification .title-comp-hp {
  border-left: solid 55px #4dade2;
  border-top: solid 1px #ccc;
  background-color: #f2f2f2;
  letter-spacing: 1px;
  color: #666;
  font-weight: normal;
  font-size: 0.9em;
  min-height: 14px;
  padding: 5px;
  text-transform: uppercase;
  padding-left: 7px;
}
#certification .title-inst-beg, #certification .title-inst-imd, #certification .title-inst-adv {
  border-left: solid 55px #ffce44;
  border-top: solid 1px #ccc;
  background-color: #f2f2f2;
  letter-spacing: 1px;
  color: #666;
  font-weight: normal;
  font-size: 0.9em;
  min-height: 14px;
  padding: 5px;
  text-transform: uppercase;
  padding-left: 7px;
}
#certification .title-global, #certification .title-general {
  border-left: solid 55px #cccccc;
  border-top: solid 1px #ccc;
  background-color: #f2f2f2;
  letter-spacing: 1px;
  color: #666;
  font-weight: normal;
  font-size: 0.9em;
  min-height: 14px;
  padding: 5px;
  text-transform: uppercase;
  padding-left: 7px;
}
#certification .title-old-nccp {
  border-left: solid 55px #bdbdbd;
  border-top: solid 1px #ccc;
  background-color: #f2f2f2;
  letter-spacing: 1px;
  color: #666;
  font-weight: normal;
  font-size: 0.9em;
  min-height: 14px;
  padding: 5px;
  text-transform: uppercase;
  padding-left: 7px;
}
#certification #switches {
  padding-top: 10px;
  padding-left: 10px;
  margin-bottom: 5px;
  margin-right: 0px;
  margin-left: 30px;
  float: left;
  border-bottom: dotted 1px #aaa;
  border-top: none;
  padding-bottom: 10px;
  width: 1098px;
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#certification #switches label {
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 10px;
}
#certification #switches select {
  /*width: auto;*/
  outline-color: #dbdddc !important;
}
#certification #programs {
  float: right;
  padding-top: 10px;
  margin-right: 20px;
}
#certification #programs #advancedcoachingdiploma {
  float: right;
  margin-left: 10px;
}
#certification #programs #advancedcoachingdiploma img {
  display: block;
  height: 70px;
}
#certification #programs #professionalcoaching {
  float: right;
}
#certification #programs #professionalcoaching .banner {
  text-align: right;
}
#certification #programs #professionalcoaching .banner p {
  font-size: 0.85em;
  padding: 0px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px;
  background-color: #dcb24c;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
#certification #programs #professionalcoaching .banner h2 {
  font-size: 1.5em;
  margin-top: 5px;
  text-align: center;
}
#certification #programs #professionalcoaching .banner img {
  height: 50px;
  margin-top: 10px;
}
#certification .heading {
  margin-bottom: 5px;
  padding: 0px;
  width: 100%;
  float: left;
}
#certification .heading img {
  float: left;
  display: block;
  margin-right: 8px;
}
#certification .heading h3 {
  display: block;
  font-weight: normal;
  font-size: 2em;
  padding: 0px;
  margin: 0px;
  float: left;
  clear: none;
  margin-top: 18px;
}
#certification #transcript {
  float: left;
  padding-left: 30px;
  width: 87%;
}
#certification #transcript #summary {
  float: left;
  margin-top: 0px;
  width: 100%;
  position: relative;
}
#certification #transcript #summary #no-activity {
  font-size: 2em;
  text-align: center;
  padding-top: 100px;
  font-style: italic;
  color: #666;
  /*margin-right: 100px;*/
  line-height: 1em;
  font-weight: normal;
}
#certification #transcript #summary table {
  margin-bottom: 0px;
}
#certification #transcript #summary table th.status {
  width: 70%;
}
#certification #transcript #summary table th.since, #certification #transcript #summary table th.expires {
  width: 10%;
  text-align: center;
}
#certification #transcript #summary table th.pd {
  width: 10%;
  text-align: center;
}
#certification #transcript #summary table td {
  background-color: transparent;
  border-bottom: solid 1px #e3e3e3;
  vertical-align: middle;
}
#certification #transcript #summary table td:first-child {
  width: 5%;
  padding: 0px;
  position: relative;
  vertical-align: top;
  text-align: center;
}
#certification #transcript #summary table td:first-child .logo {
  position: relative;
  display: inline-block;
  text-align: center;
  margin-bottom: 5px;
  margin-right: 5px;
}
#certification #transcript #summary table td:first-child .logo .gradation {
  z-index: 1;
  position: relative;
  font-size: 0.7em;
  letter-spacing: 0px;
  text-align: center;
  color: #000;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  margin-top: 1px;
}
#certification #transcript #summary table td:first-child .logo.competent .star-container {
  margin-top: 4px;
  margin-left: 4px;
  width: 39px;
}
#certification #transcript #summary table td:first-child .logo.master {
  width: 71px;
  height: 63px;
}
#certification #transcript #summary table td:first-child .logo.master img {
  margin-top: 13px;
}
#certification #transcript #summary table td:first-child .logo.advanced {
  width: 59px;
  height: 49px;
}
#certification #transcript #summary table td:first-child .logo.advanced img {
  margin-top: 7px;
}
#certification #transcript #summary table td:first-child .logo.competent {
  width: 47px;
  height: 29px;
}
#certification #transcript #summary table td:first-child .logo.competent img {
  margin-top: 2px;
}
#certification #transcript #summary table td:first-child .logo.competent.old-nccp {
  width: 47px;
  height: 45px;
}
#certification #transcript #summary table td:first-child .logo img {
  width: 10px;
}
#certification #transcript #summary table td:first-child .logo img.chevron {
  margin-top: auto;
  width: auto;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
}
#certification #transcript #summary table td:first-child .logo.competent.old-nccp img.chevron {
  margin-top: 15px;
}
#certification #transcript #summary table td:first-child .logo .nocert {
  height: 10px;
}
#certification #transcript #summary table td.name span {
  font-size: 1em;
  color: #666;
  margin-bottom: 3px;
  display: block;
}
#certification #transcript #summary table td.name span.not-renewed {
  display: inline;
  color: #ff6a00;
  text-transform: uppercase;
  font-size: 0.9em;
  margin-left: 10px;
}
#certification #transcript #summary table td.name .status-number {
  display: block;
  font-weight: normal;
  margin-bottom: 0px;
  font-style: italic;
  margin-top: 5px;
  color: #666;
}
#certification #transcript #summary table td.name em {
  display: inline;
  font-size: 1em;
  color: #000;
  font-weight: bold;
}
#certification #transcript #summary table td.name em.none {
  color: #666;
}
#certification #transcript #summary table td.center {
  text-align: center;
}
#certification #transcript #summary table td.name .pathway {
  margin-left: 10px;
  vertical-align: sub;
  width: 15px;
}
#certification #transcript #summary #awards {
  margin-top: 15px;
}
#certification #transcript #summary #awards h4 {
  background-color: #ccc;
  color: #333;
  margin-bottom: 0px;
  padding: 5px;
  display: inline-block;
  font-size: 0.9em;
  letter-spacing: 1px;
}
#certification #transcript #summary #awards table th:first-child {
  width: 580px;
}
#certification #transcript #summary #awards table th.year {
  text-align: right;
}
#certification #transcript #summary #awards .award .heading {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #999;
}
#certification #transcript #summary #awards .award .content {
  float: left;
  width: 755px;
}
#certification #transcript #summary #awards .award .content .type {
  float: left;
}
#certification #transcript #summary #awards .award .content .type h3 {
  margin-top: 0px;
}
#certification #transcript #summary #awards .award .content .type h3 .name {
  color: #cd950c;
  display: inline-block;
  width: 500px;
}
#certification #transcript #summary #awards .award .content .type .description {
  font-size: 0.95em;
  color: #aaa;
  display: block;
  float: left;
  width: 500px;
}
#certification #transcript #summary #awards .award .content .years {
  float: left;
  width: 228px;
  text-align: right;
  margin-left: 20px;
  margin-top: 5px;
  color: #000;
}
#certification #transcript #summary #awards .award .content .years .year:not(:first-child) {
  float: left;
}
#certification #transcript #summary .sport {
  margin-bottom: 30px;
  page-break-after: always;
  width: 100%;
}
#certification #transcript #summary .sport h4 {
  background-color: #efefef;
  color: #333;
  margin-bottom: 0px;
  padding: 5px;
  display: inline-block;
  font-size: 0.9em;
  letter-spacing: 1px;
}
#certification #transcript #summary .context {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
#certification #transcript #summary .context .events {
  margin-left: 2px;
}
#certification #transcript #summary .context .events .title {
  padding-top: 15px;
  padding-bottom: 7px;
  border-bottom: solid 1px #eee;
}
#certification #transcript #summary .context .events h5 {
  float: left;
  margin-top: 20px;
  width: 100%;
  letter-spacing: 1px;
  color: #d50100;
  font-weight: normal;
  font-size: 0.9em;
  min-height: 14px;
  text-transform: uppercase;
  padding-bottom: 3px;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  background-color: transparent;
}
#certification #transcript #summary .context .events .none {
  font-style: italic;
  margin-bottom: 0px;
  float: left;
  color: #666;
}
#certification #transcript #summary .context .events .event {
  border-bottom: solid 1px #ddd;
  padding-top: 5px;
  padding-bottom: 5px;
  float: left;
  width: 100%;
}
#certification #transcript #summary .context .events .event .name {
  font-weight: normal;
  color: #333;
  width: 69%;
  display: block;
  float: left;
  margin-left: 0px;
}
#certification #transcript #summary .context .events .event .name span {
  display: block;
}
#certification #transcript #summary .context .events .event .name span.multi {
  margin-top: 5px;
}
#certification #transcript #summary .context .events .event .name span.event-number {
  display: block;
  font-weight: normal;
  margin-bottom: 0px;
  font-style: italic;
  margin-top: 5px;
  color: #666;
}
#certification #transcript #summary .context .events .event .location {
  width: 15%;
  display: block;
  float: left;
  text-align: right;
  border-top: solid 1px #fff;
}
#certification #transcript #summary .context .events .event .when {
  width: 15%;
  display: block;
  float: left;
  text-align: right;
  height: 100%;
}
#certification #transcript #summary .context .events .event ul {
  list-style-type: square;
  margin-left: 40px;
  margin-top: 5px;
  float: left;
  display: block;
  clear: both;
}
#certification #transcript #summary .context .events .event ul li {
  color: #666;
  font-style: italic;
}
#certification #transcript #summary .context .events .event ul li span.id {
  font-style: normal;
  color: #666;
}
#certification #transcript #summary .context h4 {
  background-color: #48535A;
  color: #ffffff;
}
#certification #transcript #summary .context th {
  border-bottom: solid 1px #dbdddc;
  border-top: solid 1px #48535A;
}
#certification #transcript #coach-developer > div {
  margin-bottom: 50px;
  float: left;
  display: flex;
  flex-direction: column;
}
#certification #transcript #coach-developer h2 {
  float: left;
}
#certification #transcript #coach-developer h2 .title {
  color: #000;
  text-transform: none;
  font-size: 2em;
}
#certification #transcript #coach-developer .aux {
  font-weight: normal;
  font-size: 0.9em;
  float: right;
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  text-align: right;
}
#certification #transcript #coach-developer .aux span {
  margin: 1px;
  display: inline-block;
  letter-spacing: 0.5px;
}
#certification #transcript #coach-developer .aux em {
  color: #000;
  font-weight: bold;
}
#certification #transcript #coach-developer .pathway {
  background-color: #d50100;
  /*border-radius: 5px;*/
  /*-webkit-border-radius: 5px;*/
  /*-moz-border-radius: 5px;*/
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
#certification #transcript #coach-developer .pathway > div {
  float: left;
  font-size: 1.15em;
  height: 70px;
}
#certification #transcript #coach-developer .pathway > div > div {
  float: left;
  margin-left: 15px;
}
#certification #transcript #coach-developer .pathway > div > div span {
  display: table-cell;
  min-width: 55px;
  max-width: 100px;
  margin-left: 20px;
  vertical-align: middle;
  height: 70px;
  color: white;
  text-align: center;
  line-height: 1.3em;
}
#certification #transcript #coach-developer .pathway > div > div span.sub {
  display: block;
  width: auto;
  height: auto;
  margin: 0px;
  font-size: 0.9em;
  color: #ff444b;
  text-transform: uppercase;
  border-top: solid 1px #ff444b;
  padding-top: 3px;
  margin-top: 3px;
  margin-right: 10px;
  margin-left: 10px;
}
#certification #transcript #coach-developer .pathway > div > div.has span {
  color: #fff;
}
#certification #transcript #coach-developer .pathway > div > div.has span.sub {
  color: #cd950c;
}
#certification #transcript #coach-developer .pathway > div img {
  float: right;
  margin-right: 30px;
  margin-top: 19px;
  margin-left: 10px;
  width: 30px;
}
#certification #transcript #coach-developer .pathway .med, #certification #transcript #coach-developer .pathway .core, #certification #transcript #coach-developer .pathway .content-specific, #certification #transcript #coach-developer .pathway .co-delivery {
  background: url(/content/images/cd-arrow.png) no-repeat top right;
}
#certification #transcript #coach-developer table td:first-child {
  padding-bottom: 0px;
  padding-top: 0px;
  width: 20px;
}
#certification #transcript #coach-developer table td:nth-child(2) {
  width: 300px;
  padding-right: 100px;
}
#certification #transcript #coach-developer table td img {
  height: 20px;
  margin-bottom: -5px;
}
#certification #transcript #coach-developer table td span.taken {
  color: #000;
  display: inline-block;
  width: 70px;
}
#certification #transcript #coach-developer table td span.available {
  color: #b36200;
  font-style: italic;
  font-weight: normal;
}
#certification #transcript #coach-developer table td.initial span.taken {
  color: #666;
  font-style: italic;
}
#certification #transcript #coach-developer table td.latest span.taken {
  color: #226d22;
}
#certification #transcript #coach-developer table .lead-flag {
  font-size: 0.85em;
  letter-spacing: 1px;
  color: #666;
  text-transform: uppercase;
  width: 150px;
}
#certification #transcript #coach-developer table.extras td {
  font-weight: bold;
  border-bottom: none;
}
#certification #transcript #coach-developer table.extras td:first-child {
  width: 1%;
}
#certification #transcript #detail {
  float: left;
  width: 100%;
}
#certification #transcript #detail #none {
  /*float: left;*/
  width: 100%;
  display: block;
  font-size: 2em;
  color: #666;
  font-style: italic;
  text-align: center;
  padding-top: 100px;
  font-weight: normal;
}
#certification #transcript #detail .sport-container {
  float: left;
  margin-top: 0px;
  page-break-after: always;
}
#certification #transcript #detail .context {
  position: relative;
  float: left;
  margin-bottom: 80px;
}
#certification #transcript #detail .context .certification {
  float: left;
  width: 244px;
  text-align: center;
}
#certification #transcript #detail .context .certification .banner {
  text-align: center;
  width: 200px;
  margin-left: 0px;
  float: left;
  height: auto;
  position: relative;
}
#certification #transcript #detail .context .certification .banner .gradation {
  z-index: 1;
  position: relative;
  font-size: 0.8em;
  letter-spacing: 0px;
  text-align: center;
  color: #666;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  margin-top: 7px;
  width: 100%;
  font-style: normal;
  letter-spacing: 1px;
  font-weight: normal;
}
#certification #transcript #detail .context .certification .banner span {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-family: Arial;
  clear: both;
  float: left;
  width: 200px;
  margin-top: 25px;
}
#certification #transcript #detail .context .certification .banner img.sport {
  float: left;
  margin-left: 15px;
  margin-top: 10px;
  width: 50px;
}
#certification #transcript #detail .context .certification .banner img.cac {
  float: left;
  margin-left: 15px;
  margin-top: 13px;
  width: 50px;
}
#certification #transcript #detail .context .certification .banner p {
  text-align: left;
  font-size: 0.7em;
  font-family: Arial;
  color: #000;
  float: left;
  font-weight: bold;
  line-height: 0.9em;
  margin-left: 15px;
  margin-top: 20px;
  font-style: italic;
  float: left;
}
#certification #transcript #detail .context .certification .banner .levels {
  margin-top: 0px;
  height: 20px;
  float: none;
  clear: both;
  text-align: center;
  margin-bottom: 0px;
  clear: both;
  width: 100%;
}
#certification #transcript #detail .context .certification .banner .levels .star {
  z-index: 1000;
  height: 20px;
  width: 20px;
  display: inline-block;
  padding: 0px;
  margin: 0px;
  margin-top: 0px;
  float: none;
  margin-left: 2px;
  margin-right: 2px;
}
#certification #transcript #detail .context .certification .banner .levels .star-full {
  background: url(/Content/Images/star-full.png) no-repeat center center;
}
#certification #transcript #detail .context .certification .banner .levels .star-blank {
  background: url(/Content/Images/star-empty.png) no-repeat center center;
}
#certification #transcript #detail .context .certification .banner img.chevron {
  margin-top: auto;
  width: auto;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
}
#certification #transcript #detail .context .certification .banner-bottom {
  text-align: center;
  width: 200px;
  margin-left: 0px;
  float: left;
  background: #eaeaea url(/Content/Images/chevron.png) no-repeat bottom center;
  padding-bottom: 20px;
}
#certification #transcript #detail .context .certification .banner-bottom .since {
  font-size: 0.9em;
  text-transform: uppercase;
  margin-top: 5px;
  color: #999;
}
#certification #transcript #detail .context .certification .banner-bottom p {
  margin-bottom: 0px;
  color: #666;
  text-transform: uppercase;
}
#certification #transcript #detail .context .certification h4 {
  color: #000;
  font-size: 2em;
  font-family: Arial;
  font-weight: bold;
  margin-top: 5px;
  padding-left: 30px;
  padding-right: 30px;
}
#certification #transcript #detail .context .certification h4.none {
  color: #aaa;
  margin-top: 20px;
  margin-bottom: 15px;
  font-weight: normal;
}
#certification #transcript #detail .context .certification p {
  color: #999;
}
#certification #transcript #detail .context .certification.master .banner {
  width: 244px;
  height: 194px;
}
#certification #transcript #detail .context .certification.master .banner span {
  width: 244px;
}
#certification #transcript #detail .context .certification.master .banner img.sport {
  margin-left: 30px;
}
#certification #transcript #detail .context .certification.master .banner-bottom {
  margin-left: 22px;
}
#certification #transcript #detail .context .certification.advanced .banner {
  width: 222px;
  height: 168px;
}
#certification #transcript #detail .context .certification.advanced .banner span {
  width: 222px;
  margin-top: 15px;
}
#certification #transcript #detail .context .certification.advanced .banner img.sport {
  margin-left: 20px;
}
#certification #transcript #detail .context .certification.advanced .banner-bottom {
  margin-left: 11px;
}
#certification #transcript #detail .context .certification.competent .banner {
  width: 200px;
  height: 140px;
}
#certification #transcript #detail .context .certification.competent .banner span {
  width: 200px;
  margin-top: 10px;
}
#certification #transcript #detail .context .certification.competent .banner img.sport {
  margin-left: 10px;
}
#certification #transcript #detail .context .certification.competent .banner-bottom {
  margin-left: 0px;
}
#certification #transcript #detail .context .header {
  float: left;
  position: relative;
  width: 560px;
}
#certification #transcript #detail .context .header.csp-init, #certification #transcript #detail .context .header.csp-ong {
  background-color: #c0d242;
}
#certification #transcript #detail .context .header.inst-beg, #certification #transcript #detail .context .header.inst-imd, #certification #transcript #detail .context .header.inst-adv {
  background-color: #ffce44;
}
#certification #transcript #detail .context .header.comp-int, #certification #transcript #detail .context .header.comp-dev, #certification #transcript #detail .context .header.comp-hp {
  background-color: #4dade2;
}
#certification #transcript #detail .context .header h3 {
  text-align: center;
  color: #000;
  font-size: 2em;
  padding-top: 30px;
  float: left;
  padding-bottom: 30px;
  width: 500px;
  background-color: #fff;
}
#certification #transcript #detail .context .header .pd {
  float: right;
  width: 60px;
  position: absolute;
  top: 0px;
  right: 0px;
}
#certification #transcript #detail .context .header .pd .points {
  float: left;
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  font-weight: normal;
  margin-bottom: 0px;
  padding-top: 13px;
  height: 47px;
  width: 60px;
  line-height: 1.2em;
}
#certification #transcript #detail .context .header .pd .points span {
  font-weight: normal;
  display: block;
  font-size: 0.8em;
  margin-top: 0px;
  font-weight: bold;
}
#certification #transcript #detail .context .header .pd .expiry {
  float: left;
  text-align: center;
  background-color: #eaeaea;
  font-size: 0.8em;
  text-transform: uppercase;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 60px;
}
#certification #transcript #detail .context .header .pd .expiry span {
  display: block;
}
#certification #transcript #detail .context .header .subtabs {
  width: 500px;
  background-color: #fff;
  margin-bottom: 0px;
  padding-bottom: 10px;
  float: left;
}
#certification #transcript #detail .context .header .subtabs a {
  width: 120px;
}
#certification #transcript #detail .context .header .subtabs .last {
  width: 200px;
}
#certification #transcript #detail .context .highest-events {
  margin-bottom: 0px;
  float: left;
}
#certification #transcript #detail .context .history {
  float: left;
  margin-left: 20px;
  width: 560px;
}
#certification #transcript #detail .context .events {
  float: right;
}
#certification #transcript #detail .context .events .title {
  padding-top: 15px;
  padding-bottom: 7px;
  border-bottom: solid 1px #eee;
}
#certification #transcript #detail .context .events h4 {
  color: #d50100;
  font-weight: normal;
  text-transform: none;
  font-size: 1.3em;
  margin-bottom: 2px;
  padding-top: 7px;
  padding-bottom: 3px;
  width: 575px;
}
#certification #transcript #detail .context .events h5 {
  float: left;
  padding-top: 15px;
  width: 500px;
  letter-spacing: 1px;
  color: #d50100;
  font-weight: normal;
  font-size: 0.9em;
  min-height: 14px;
  text-transform: uppercase;
  padding-bottom: 3px;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
}
#certification #transcript #detail .context .events .none {
  font-style: italic;
  margin-bottom: 0px;
  clear: left;
  background-color: #fff;
  width: 500px;
  color: #aaa;
}
#certification #transcript #detail .context .events .event {
  border-bottom: solid 1px #eee;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 20px;
  background-color: #fff;
  float: left;
}
#certification #transcript #detail .context .events .event .name {
  font-weight: bold;
  width: 290px;
  display: block;
  float: left;
  margin-left: 0px;
}
#certification #transcript #detail .context .events .event .name span {
  display: block;
}
#certification #transcript #detail .context .events .event .name span.multi {
  margin-top: 5px;
}
#certification #transcript #detail .context .events .event .name span.event-number {
  display: block;
  font-weight: normal;
  margin-bottom: 0px;
  font-style: italic;
  margin-top: 5px;
  color: #666;
}
#certification #transcript #detail .context .events .event .location {
  width: 90px;
  display: block;
  float: left;
  text-align: right;
}
#certification #transcript #detail .context .events .event .when {
  width: 100px;
  display: block;
  float: left;
  text-align: right;
  height: 100%;
}
#certification #transcript #detail .context .events .event ul {
  list-style-type: square;
  margin-left: 40px;
  margin-top: 5px;
  float: left;
  display: block;
  clear: both;
}
#certification #transcript #detail .context .events .event ul li {
  color: #999;
  font-style: italic;
}
#certification #transcript #detail .context .events .event ul li span.id {
  font-style: normal;
  color: #aaa;
}
#certification #transcript #detail .context .events .event ul li span.credited {
  color: #666;
}
#certification #transcript #detail .context .maintenance {
  float: left;
  width: 560px;
  position: relative;
}
#certification #transcript #detail .context .maintenance #aux {
  width: 500px;
  float: left;
  background-color: #fff;
  padding-bottom: 0px;
}
#certification #transcript #detail .context .maintenance #aux #dates {
  color: #999;
  text-align: center;
  float: left;
  width: 300px;
}
#certification #transcript #detail .context .maintenance #aux #dates div {
  float: left;
  width: 50%;
}
#certification #transcript #detail .context .maintenance #aux #dates span {
  color: #666;
}
#certification #transcript #detail .context .maintenance #aux #dates p {
  color: #000;
  font-size: 2em;
}
#certification #transcript #detail .context .maintenance #aux #options {
  display: none;
  float: left;
  border-left: dashed 1px #ccc;
  padding-left: 20px;
}
#certification #transcript #detail .context .maintenance #aux #options p {
  text-align: center;
  margin-bottom: 5px;
}
#certification #transcript #detail .context .maintenance #aux #options ol {
  padding-left: 30px;
  list-style-type: decimal;
}
#certification #transcript #detail .context .maintenance #aux #options ol li {
  margin-bottom: 5px;
}
#certification #transcript #detail .context .maintenance #aux #options ol li a {
  text-decoration: underline;
}
#certification #transcript #detail .context .maintenance .option {
  padding-top: 20px;
  width: 520px;
  float: left;
  background-color: #fff;
  padding-right: 30px;
  position: relative;
  display: none;
}
#certification #transcript #detail .context .maintenance .option div {
  background-color: #eaeaea;
  border-radius: 10px;
  padding: 20px;
}
#certification #transcript #detail .context .maintenance .option div h4 {
  font-weight: bold;
  color: #000;
  width: 100%;
  margin-bottom: 10px;
}
#certification #transcript #detail .context .maintenance .option div h5 {
  color: #d50100;
  font-size: 1.1em;
  width: 100%;
  background-color: transparent;
}
#certification #transcript #detail .context .maintenance .option div p {
  margin-bottom: 0px;
  color: #333;
}
#certification #transcript #detail .context .maintenance .option div .close {
  position: absolute;
  top: 30px;
  right: 40px;
}
#certification #transcript #detail .context .maintenance #pd-header {
  background-color: #fff;
  text-align: center;
  width: 470px;
  text-align: center;
  padding-right: 30px;
  padding-top: 20px;
  float: left;
}
#certification #transcript #detail .context .maintenance #pd-header h5 {
  color: #000;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}
#certification #transcript #detail .context .maintenance .subheading-container {
  width: 500px;
  display: inline-block;
  background-color: #fff;
  padding-top: 18px;
  padding-bottom: 1px;
}
#certification #transcript #detail .context .maintenance .subheading {
  width: 500px;
  display: inline-block;
  background-color: #fff;
  border-bottom: solid 1px #eee;
  padding-bottom: 5px;
  padding-top: 20px;
}
#certification #transcript #detail .context .maintenance #column {
  height: 100px;
  width: 60px;
  position: absolute;
  top: -70px;
  right: 0px;
}
#certification #transcript #detail .context .maintenance .max {
  width: 60px;
  display: inline-block;
  height: 100%;
  color: #fff;
  text-align: center;
  margin-top: 10px;
}
#certification #transcript #detail .context .maintenance .max p {
  margin-bottom: 0px;
  padding-top: 7px;
  padding-bottom: 3px;
  vertical-align: super;
  display: inline-block;
  font-weight: bold;
}
#certification #transcript #detail .context .maintenance h4 {
  float: left;
  margin-top: 0px;
  width: 100%;
  letter-spacing: 1px;
  color: #d50100;
  font-weight: normal;
  font-size: 0.9em;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  margin-bottom: 0px;
}
#certification #transcript #detail .context .maintenance h5 {
  float: left;
  clear: both;
  color: #666;
  background-color: #fff;
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
  text-transform: uppercase;
  font-size: 0.9em;
}
#certification #transcript #detail .context .maintenance .none {
  font-style: italic;
  font-weight: normal;
  margin-bottom: 0px;
  float: left;
  color: #666;
  background-color: #fff;
  width: 500px;
  width: 500px;
}
#certification #transcript #detail .context .maintenance .event {
  float: left;
  width: 615px;
}
#certification #transcript #detail .context .maintenance .event .cover {
  float: left;
  width: 500px;
  background-color: #fff;
  height: 100%;
  border-bottom: solid 1px #eee;
}
#certification #transcript #detail .context .maintenance .event .points {
  width: 60px;
  display: block;
  float: left;
  margin-left: 0px;
  padding-top: 5px;
  border: none;
  color: #fff;
  font-weight: bold;
}
#certification #transcript #detail .context .maintenance .event .points span {
  display: block;
  border-bottom: solid 0px #ccc;
  width: 40px;
  padding-bottom: 5px;
  text-align: center;
  margin-left: 10px;
}
#certification #transcript #detail .context .maintenance .event .name {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
  width: 400px;
  display: block;
  float: left;
  margin-left: 0px;
  background-color: #fff;
}
#certification #transcript #detail .context .maintenance .prescribed .name {
  font-weight: bold;
}
#certification #transcript #detail .context .maintenance .event .name span {
  display: block;
}
#certification #transcript #detail .context .maintenance .event .name span.multi {
  margin-top: 5px;
}
#certification #transcript #detail .context .maintenance .event .name span.event-number {
  display: block;
  font-weight: normal;
  margin-bottom: 3px;
  color: #666;
  font-style: italic;
}
#certification #transcript #detail .context .maintenance .event .when {
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100px;
  display: block;
  float: left;
  text-align: center;
  background-color: #fff;
  height: 100%;
}
#certification #transcript #detail .context .maintenance .event .spacer {
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  float: left;
  width: 10px;
  float: left;
  background-color: #fff;
  border-bottom: solid 1px #fff;
}
#certification #transcript #detail .context .maintenance .event ul {
  list-style-type: square;
  margin-left: 40px;
  margin-top: 5px;
  float: left;
}
#certification #transcript #detail .context .maintenance .event ul li {
  color: #666;
  font-style: italic;
}
#certification #transcript #detail .context .maintenance .event ul li span {
  display: inline;
  font-weight: normal;
}
#certification #transcript #detail .context .maintenance .event ul li span.id {
  font-style: normal;
  color: #666;
}
#certification #transcript #detail .context .maintenance .event ul li span.credited {
  color: #666;
}
#certification #self-report {
  float: left;
  width: 87%;
  margin-left: 30px;
  margin-top: 20px;
}
#certification #self-report p {
  margin-bottom: 0px;
}
#certification #self-report table {
  margin-top: 20px;
  float: left;
  width: 100%;
}
#certification #self-report select {
  width: auto;
  outline-color: #dbdddc !important;
}
#certification #self-report #active {
  width: 45%;
  margin-right: 30px;
  float: left;
}
#certification #self-report #activity {
  width: 45%;
  padding-left: 30px;
  border-left: dotted 1px #ccc;
  float: left;
}
#certification #self-report .add {
  margin-bottom: 20px;
}
#certification #self-report .add div {
  border-right: dotted 1px #ccc;
  padding-right: 10px;
  margin-right: 10px;
  display: inline-block;
}
#certification #self-report tr.none {
  font-style: italic;
  display: none;
}
#certification #self-report #add-active, #certification #self-report #add-activity {
  width: 100%;
}
#certification #self-report #add-active .declaration, #certification #self-report #add-activity .declaration {
  display: block;
  margin-top: 20px;
}
#certification #self-report .buttons input {
  float: right;
}
#certification .help.help-transcript {
  top: 140px;
  left: 85px;
}
#certification .help.help-audience {
  top: 60px;
  left: 85px;
}
#certification .help.help-print {
  top: 40px;
  left: 85px;
}
#certification .help.help-list {
  top: -10px;
  left: 50px;
}
#certification .help.help-status {
  top: 20px;
  left: 660px;
}
#certification .help.help-modifiers {
  top: 180px;
  left: 160px;
}
#certification .help.help-dates {
  top: -10px;
  left: 0px;
}
#certification .help.help-options {
  top: 20px;
  left: 500px;
}
#certification .help.help-points {
  top: 20px;
  left: -15px;
}
#certification .help.help-events {
  top: 200px;
  left: -40px;
}
#certification .help.help-intro {
  top: 300px;
  left: 400px;
}
#certification #transcript.age-unknown {
  background-image: url("/Content/Images/account-age-unknown-EN.png");
  background-repeat: repeat-y;
}
#certification #transcript.age-unknown.age-unknown-fr {
  background-image: url("/Content/Images/account-age-unknown-FR.png");
}

#detail-async {
  width: inherit;
}

.age-unknown #certification #transcript #summary table {
  margin-bottom: 0px;
  background-color: transparent;
}

#certification #transcript #summary table tr {
  background-color: transparent;
}
#certification #transcript #summary table th {
  border-bottom: solid 0px #ccc;
}

.age-unknown #certification #transcript #summary table th {
  border: solid 1px #ccc;
  background-color: transparent;
}