
/*---
/css/FontAwesome/css/font-awesome.min.css
---*/
@font-face{font-family:'FontAwesome';src:url(/css/FontAwesome/css/../font/fontawesome-webfont.eot?v=3.2.1);src:url(/css/FontAwesome/css/../font/fontawesome-webfont.eot?#iefix&v=3.2.1) format('embedded-opentype'),url(/css/FontAwesome/css/../font/fontawesome-webfont.woff?v=3.2.1) format('woff'),url(/css/FontAwesome/css/../font/fontawesome-webfont.ttf?v=3.2.1) format('truetype'),url(/css/FontAwesome/css/../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1) format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}
.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-reply-all:before{content:"\f122";}
.icon-mail-reply-all:before{content:"\f122";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}

/*---
/css/main.css
---*/
/*----------- basic layout */
html {
  /* We need a scrollbar even when everything fits, see https://youtrack.jetbrains.com/issue/TW-55540 */
  overflow-y: scroll;
}

body {
  background: #fff;
  margin: 0;
  padding: 0;
  font: 82%/1.5em "Helvetica Neue", Arial, sans-serif;
  color: #151515;
  text-rendering: optimizeLegibility;
  text-size-adjust: none;
}

.ua-win-chrome body {
  text-rendering: auto;
}

/* Needed for IE10 support */
[hidden] {
  display: none;
}

#bodyWrapper:before {
  content: '';
  height: 90px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  min-width: 100%;
  background: -moz-linear-gradient(top, #f6f6f6 0%, #f6f6f6 40%, #ffffff 100%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #f6f6f6 0%,#f6f6f6 40%,#ffffff 100%, #ffffff 100%);
  background: -ms-linear-gradient(top, #f6f6f6 0%,#f6f6f6 40%,#ffffff 100%, #ffffff 100%);
  background: linear-gradient(to bottom, #f6f6f6 0%, #f6f6f6 40%, #ffffff 100%, #ffffff 100%);
}

body.pageBG.ring {
  background-position: 0 68px;
}

input, select, button {
  font: normal 100% "Helvetica Neue", Arial, sans-serif;
}

textarea {
  font: normal 12px Menlo, "Bitstream Vera Sans Mono", "Ubuntu Mono", Consolas, "Courier New", Courier, monospace;
}

img {
  border: none;
}

/* For browsers that have relative font weight (bolder) defined for the strong tag */
strong {
  font-weight: bold;
}

a {
  color: #1564c2;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: #1564c2;
}

h2 {
  margin: 0;
  padding: 3px 18px 3px 0;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 0;
  color: #222;
}

h3 {
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Normalize styling of form elements */
form {
  margin: 0;
  padding: 0;
}

input, select, textarea {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

optgroup {
  font-style: normal;
  font-weight: bold;
}

optgroup:disabled {
  color: #808080;
}

input[type='text'], input[type='password'], input[type='search'], textarea, select[multiple] {
  min-height: 20px !important;
  margin: 0;
  padding: 1px 3px;
  line-height: 1.5em;

  border: 1px solid;
  border-color: #888 #CCC #CCC;

  /*box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);*/
  font-size: 13px;
}

input[type='checkbox'], input[type='radio'] {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

input[disabled] {
  background-color: #F9F9F9;
  color: #999;
  border-color: #CCC #DDD #DDD;
}

/* select[multiple] horizontal scrollbar emulation */

.select-multiple__wrapper {
  width: 100%;
  height: 166px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;

  border: 1px solid;
  border-color: #888 #CCC #CCC;

  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

select.select-multiple__inner {
  min-width: 100%;
  border: none;
  box-shadow: none;
  outline: none;
  overflow-y: visible;
}

/* Custom buttons */
.btn,
.healthItemIndicator,
.ui-datepicker-buttonpane button {
  display: inline-block;
  padding: 5px 14px 6px;
  outline: 0;
  cursor: pointer;

  background-color: #f6f6f6;

  color: #333;
  font-size: 13px;
  line-height: normal;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  border-radius: 3px;

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.btn:hover,
.healthItemIndicator:hover,
.ui-datepicker-buttonpane button:hover {
  background-color: #efefef;
  filter: none;

  color: #333;
  text-decoration: none;

  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.btn:focus,
.healthItemIndicator:focus,
.ui-datepicker-buttonpane button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:active,
.ui-datepicker-buttonpane button:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  outline: 0;
}
.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:active {
  background-color: #e6e6e6;
  background-image: none;
  background-position: 0 0;
  filter: inherit;

  color: #666;

  box-shadow: inherit;
}

.btn_primary {
  color: #FFF;

  background-color: #2d5fb3;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, #438ed7, #2d5fb3);
  background-image: linear-gradient(to bottom, #438ed7, #2d5fb3);
  filter: none;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

  border-color: #2d5fb3 #2d5fb3 #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  box-shadow: none;
}
.btn_primary:hover {
  color: #FFF;
  background-color: #2d5fb3;
  background-position: 0 -15px;
  box-shadow: none;

  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;

}

.btn_hint {
  background-color: #C0DDFD;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, #F3F8FD, #C0DDFD);
  background-image: linear-gradient(to bottom, #F3F8FD, #C0DDFD);

  filter: none;

  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ua-ie .btn_primary:hover {
  background-color: #204480;
}

.ua-ie .btn_hint:hover {
  background-color: #9bcafd;
}

.btn_small {
  padding: 7px 9px;
}

.btn_mini {
  padding: 0 6px;
}

.btn_mini .icon-caret-down {
  position: relative;
  top: 1px;
  color: #808080;
}

.btn.popupLink .icon-list-ul, .btn_mini.popupLink .icon-list-ul {
  padding-right: 4px;
  padding-left: 2px;
  color: #808080;
}

.btn_mini.popupLink .icon-list-ul {
  font-size: 80%;
}

.btn_line {
  margin: 4px 0;
}

.btn_icon {
  padding: 3px 6px;
}

.btn_icon:focus {
  outline: none;
}

.btn_icon .btn_icon_inner {
  vertical-align: bottom;
}

/* Right part of the combo-button */
.btn_append {
  width: 20px;
  padding: 0;
  text-align: center;
}

/* Button group */
.btn-group {
  display: block;
  white-space: nowrap;
}

.btn-group .btn {
  border-radius: 0;
  margin: 0 0 0 -1px;
}

.btn-group_run .btn {
  line-height: 16px;
  height: 18px;
}

.btn-group .btn:first-child {
  border-radius: 4px 0 0 4px;
}

.btn-group .btn:last-child {
  border-radius: 0 4px 4px 0;
}

.btn-group .btn:only-child {
  border-radius: 4px;
}

.btn-group .popupLink {
  white-space: nowrap;
}

/* Custom checkbox */
.custom-checkbox {
  background: #9A9A9A;
  background-color: rgba(178, 178, 178, 0.8);
  background: -webkit-linear-gradient(rgba(192, 192, 192, 0.5), rgba(49, 49, 49, 0.5));
  background: linear-gradient(rgba(192, 192, 192, 0.5), rgba(49, 49, 49, 0.5));
  background-clip: padding-box;

  display: inline-block;
  font: 0/0 a;
  margin: 0 2px 1px;
  padding: 0;
  vertical-align: middle;

  cursor: default;
}

.custom-checkbox_focused {
  background: #072342;
  background-color: rgba(7, 34, 66, 0.8);
  background: -webkit-linear-gradient(rgba(21, 100, 194, 0.5), rgba(7, 34, 66, 0.5));
  background: linear-gradient(rgba(21, 100, 194, 0.5), rgba(7, 34, 66, 0.5));
  background-clip: padding-box;
}

.custom-checkbox_disabled {
  opacity: 0.4;
}

.custom-checkbox .custom-checkbox_input {
  background: none;
  position: absolute;
  width: 12px;
  height: 12px;
  margin: 1px 0 0;
  padding: 0;
  border: none;
  opacity: 0;
  outline: none;
  z-index: 4;

  /* IE 7, 8 hack */
  zoom: 1.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.custom-checkbox .custom-checkbox_bg {
  background: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  background: -webkit-linear-gradient(top, color-stop(10%, rgba(255, 255, 255, 0.95)), color-stop(60%, rgba(250, 250, 250, 0.85)), color-stop(80%, rgba(245, 245, 245, 0.80)), color-stop(100%, rgba(230, 230, 230, 0.70)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 10%, rgba(250, 250, 250, 0.85) 60%, rgba(245, 245, 245, 0.80) 80%, rgba(230, 230, 230, 0.70) 100%);
  background-clip: padding-box;

  display: inline-block;
  margin: 1px;
  padding: 0;
}

.custom-checkbox .custom-checkbox_tick {
  width: 11px;
  height: 11px;

  display: inline-block;
  font: 0/0 a;
}

.custom-checkbox:not(.custom-checkbox_checked) .custom-checkbox_tick {
  background-position: 0 0;
}

.ua-mac .custom-scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.ua-mac .custom-scroll::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

.ua-mac .custom-scroll::-webkit-scrollbar-thumb {
  background-color: #CCC;
}

.ua-mac .custom-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #999;
}

::selection {
  background-color: #B3D4FD;
}

::-moz-selection {
  background-color: #B3D4FD;
}

.textarea {
  margin-bottom: .3em;
}

._top {
  vertical-align: top;
}

label.tableLabel {
  float: left;
  width: 12.5em;
}

div.fixedWidth {
  min-width: 960px;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 32px;

  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

#bodyWrapper {
  min-height: 100%;
  position: relative;
}

#content {
  margin: 0;
}

#loadingWarning {
  display: none;
  position: fixed;
  top: 0%;
  left: 50%;
  width: 10em;
  height: 2em;
  margin-left: -5em;
  margin-top: -2px;
  padding-top: 2px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #c6c6c6;
  border-radius: 3px;
  font: 1em "Helvetica Neue", Arial, sans-serif;
  z-index: 1000;
}

@-webkit-keyframes ball-colors {
  12.5% {
    background-color: #D73CEA;
  }
  25% {
    background-color: #9135E0;
  }
  37.5% {
    background-color: #5848F4;
  }
  50% {
    background-color: #25B7FF;
  }
  62.5% {
    background-color: #59BD00;
  }
  75% {
    background-color: #FBAC02;
  }
  87.5% {
    background-color: #E32581;
  }
  100% {
    background-color: #D73CEA;
  }
}

@keyframes ball-colors {
  12.5% {
    background-color: #D73CEA;
  }
  25% {
    background-color: #9135E0;
  }
  37.5% {
    background-color: #5848F4;
  }
  50% {
    background-color: #25B7FF;
  }
  62.5% {
    background-color: #59BD00;
  }
  75% {
    background-color: #FBAC02;
  }
  87.5% {
    background-color: #E32581;
  }
  100% {
    background-color: #D73CEA;
  }
}

@-webkit-keyframes ball-moves {
  0% {
    -webkit-transform: rotate(0deg) translateX(-5.5px);
    transform: rotate(0deg) translateX(-5.5px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(-5.5px);
    transform: rotate(360deg) translateX(-5.5px);
  }
}

@keyframes ball-moves {
  0% {
    -webkit-transform: rotate(0deg) translateX(-5.5px);
    transform: rotate(0deg) translateX(-5.5px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(-5.5px);
    transform: rotate(360deg) translateX(-5.5px);
  }
}

@-webkit-keyframes loader-rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loader-rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.ring-loader-inline {
  display: inline-block;
  position: relative;
  margin-top: 4px;
  width: 16px;
  height: 16px;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-animation: loader-rotation 2.5s linear infinite;
  animation: loader-rotation 2.5s linear infinite;
  vertical-align: text-bottom;
}

.ring-loader-inline__ball {
  position: absolute;
  top: 5.5px;
  left: 5.5px;
  width: 5px;
  height: 5px;
  background-color: #D73CEA;
  border-radius: 50%;
  -webkit-animation: ball-moves 1.2s cubic-bezier(0.48, 0.2, 0.48, 0.8) infinite, ball-colors 3s linear infinite;
  animation: ball-moves 1.2s cubic-bezier(0.48, 0.2, 0.48, 0.8) infinite, ball-colors 3s linear infinite;
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}

.ring-loader-inline__ball_second {
  opacity: 0.8;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.ring-loader-inline__ball_third {
  opacity: 0.6;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

#loadingWarning .text{
  display: inline-block;
  padding: 5px 0 0 5px;
}
/*-------------------- content helpers */
pre,
.revisionNum {
  font: normal 12px Menlo, "Bitstream Vera Sans Mono", "Ubuntu Mono", Consolas, "Courier New", Courier, monospace;
}

.hidden,
.advanced_hidden {
  display: none;
}

.invisible {
  visibility: hidden;
}

._inline-block {
  display: inline-block;
}

.posRel {
  display: inline-block;
  position: relative;
  padding-right: 40px;
}

.completionIconWrapper {
  width: 95%;
  position: relative;
  padding-right: 40px;
}

.paramsPopupHandle {
  position: absolute;
  display: inline-block;
  visibility: hidden;
  width: 10px;
  height: 10px;
  cursor: pointer;
  right: 20px;
  top: 0;

  /* IE 7 hack */
  zoom: 1;
  *display: inline;
}

.resolveValue {
  left: -20px;
  position: absolute;
  cursor: pointer;
  top: 3px;
  color: grey;

  /* IE 7 hack */
  zoom: 1;
  *display: inline;
}

.resolveValue:hover {
  color: cornflowerblue;
}

/**
 * Forces long strings without spaces to break.
 * Works across all modern browsers, suitable for cases
 * where inserting soft hyphens is undesired.
 */
.longValue {
  display: inline-block;
  max-width: 50em;
  word-wrap: break-word;
  word-break: break-all;
}

/*-------------------- styles for the top navigation */
#topWrapper {
  margin: 0;
  padding: 0;
  height: 100%;
}

.headBG {
  height: 58px;
  padding: 10px 0;

  box-sizing: border-box;
  -moz-box-sizing: border-box;

  border-bottom: 1px solid #e0e0e0;
}

.headBG .fixedWidth {
  display: flex;
}

.headerLogo {
  float: left;
  padding: 0 0 0 3px;
}

.headerLogoImg {
  margin-top: -3px;
  display: block;
  width: 40px;
  height: 40px;
  background: url(/css/../img/icons/teamcity.svg) no-repeat 50% 50%;
  background-size: 100% 100%;
}
.ua-ie8-below .headerLogoImg {
  margin-top: 0;
  width: 32px;
  height: 32px;
  background-image: url(/css/../img/icons/favicon-32x32.png?v=58406);
}


p.note {
  margin: 0;
  padding-top: 1em;
  font-weight: normal;
}

img.handle {
  cursor: pointer;
}

span.handle,
.blockHeader.expanded:before,
.blockHeader.collapsed:before {
  cursor: pointer;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.leftIconShift,
.blockHeader.expanded,
.blockHeader.collapsed {
  position: relative;
  padding-left: 22px;
}

.blockHeader.expanded:before,
.blockHeader.collapsed:before {
  content: '';
  width: 18px;
  vertical-align: top;
  position: absolute;
  left: 0;
  top: calc(50% - 9px);
}

/*---------------- Collapsible blockHeaders*/
.blockHeader {
  background: #EBEDEF no-repeat 5px 5px;
  color: #3F3F3F;

  padding: 4px 4px 4px 6px;
  border-bottom: 1px solid #E3E9EF;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  cursor: pointer;
  font-weight: bold;
}

span.greyNote {
  color: #888;
  font-size: 90%;
}

span.commentText {
  color: #888;
  font-weight: normal;
}

span.notFixedSettingsRevision {
  color: #888;
  font-weight: normal;
}

span.commentText.small {
  font-size: 80%;
}

.clr {
  clear: both;
  height: 0;
  font-size: 0;

  overflow: hidden;
}

/* Cross-browser clearfix */
.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1; /* IE < 8 */
}

/* -------------------------------------- links*/

a.red {
  color: #e50000;
}

a.red:visited {
  color: #e50000;
}

a.red:hover {
  background-color: #e50000;
  text-decoration: none;
  color: white;
}

/* FontAwesome spinner */
.icon-refresh {
  color: #4da400;
}

.ua-ie9-below .icon-spin.icon-refresh {
  width: 16px;
  height: 16px;
  background-image: url(/css/../img/ajax-loader.gif?v=58406);
}
.ua-ie9-below .icon-refresh:before {
  content: '';
}

/*---------------- Headers */

h3.title_underlined,
h4.title_underlined {
  margin-top: 1.5em;
  padding-bottom: 0.1em;
  border-bottom: #dbdbdb 1px solid;
  font-weight: bold;
}

a.noUnderline,
a.noUnderline:hover {
  text-decoration: none;
}

/*----- Expand All || Collapse All */

.expandCollapseAllLeft {
  margin: 0;
  padding: 0 0 3px;
}

.comment {
  margin: 0.5em 0 0.2em 0;
  padding: 0 25px;
  font-size: 95%;
}

textarea.commentTextArea {
  width: 100%;
  color: #3f3f3f;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

td.action {
  text-align: center;
}

td.action input {
  width: 50px;
}

td.highlight {
  cursor: pointer;
}

.highlightable tr:hover > td.highlight {
  color: #254193;
  background-color: #ffffcc;
}

input.action {
  min-width: 4.5em;
  padding: 0 4px;
  font-size: 9pt;
}

.error,
.red-text {
  color: #e50000;
}

.none {
  color: #888;
}

td.center {
  text-align: center;
}

/** Used when showing several user actions, like in popup with build comment + build change status */
p.userActionBlock {
  margin: 0;
  padding: 0.25em;

  border-bottom: 1px solid #dbdbdb;
}

p.userActionBlock:last-child {
  border-bottom: none;
}

/*---------- pop-up windows*/

.tooltipDiv {
  background-color: #ffe;
  display: none;
  position: absolute;
  width: auto;
  padding: 3px 5px;
  border: black 1px solid;
  z-index: 200;
}

/* ---------------- Overview page toolbar */
#toolbar {
  margin: 10px 0;
}

div.toolbar-left {
  float: left;
  padding-top: 1px;
}

div.toolbar-right {
  float: right;
  padding-top: 1px;
}

/*----------- footer styles */
#footer {
  visibility: hidden;
  position: absolute;
  bottom: 0;
  width: 100%;
  min-width: 960px;
  height: 8.5em;
  background-color: #FFF;
}

#footer .footerMainContainer {
  width: 100%;
  min-width: 960px;
  margin: 20px 0 0;
  border-top: solid 1px #A0A0A0;
}

#footer .footerMain {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}

#footer .column1,
#footer .column2,
#footer .column3 {
  float: left;
  width: 20%;
}

#footer .column2 {
  width: 60%;
  text-align: center;
}

#footer .column3 {
  text-align: right;
}

#footer .columnContent {
  margin: 0 30px;
}
#footer .column1 .columnContent {
  margin-left: 0;
}
#footer .column3 .columnContent {
  margin-right: 0;
}
#footer .columnContent .version {
  color: #444;
}

#footer .helpLink {
  margin-right: 2em;
}

#footer .newVersionLink {
  white-space: nowrap;
}

#footer .expirationWarning {
  color: #e50000;
}

#footer span.vWord {
  display: none;
}

/*------------------------- error messages*/
div.errors {
  background-color: white;
  width: 500px;
  margin: 2em auto;
  border: 2px solid #e50000;
  text-align: center;
  font-size: 120%;
}

/*-------- Styles for the 'success message' -- shown after successful edits*/

.successMessage {
  background-color: #ffc;
  margin: 1em 0;
  padding: 2px 20px;
  font-size: 90%;
  text-align: center;
  font-weight: bold;
}

/* -------- Used on my settings page and on the user notifier settings page and on build configuration pages---------------- */
#globalHealthItems .global-health-item__content {
  margin-left: 1.5em;
  line-height: 1.6em;
}

#globalHealthItems .attentionComment,
#globalHealthItems .attentionRed {
  position: relative;
}

#globalHealthItems .attentionComment .buildStatusIcon,
#globalHealthItems .attentionRed .buildStatusIcon {
  position: absolute;
  top: 0.65em;
}

.attentionComment,
.attentionRed {
  background: #ffc;
  margin: 0.5em 0;
  padding: 5px 8px;
  border: 1px solid #ff8c00;
  color: #222;
}

.attentionComment.noBorder,
.attentionRed.noBorder {
  border: 0;
}

.attentionComment .hideHealthItemLink {
  float: right;
  margin-left: 1em;
  text-align: right;
}

.attentionComment .hideHealthItemLink a {
  color: #ff8c00;
}

.inplaceItemsList .hideHealthItemLink {
  float: right;
  margin-left: 10px;
}

.messageNote {
  background: #E9F3FD;
  margin: 1em 0;
  padding: 2px 20px;
  border: 1px solid #BCE8F1;
  font-size: 90%;
  text-align: center;
  font-weight: bold;
}

.messagePrompt {
  background: #E9F3FD;
  margin-top: 1em;
  padding: 10px 15px 15px;
  border: 1px solid #BCE8F1;
}

.messagePromptButtons {
  margin-bottom: 0;
}

/*--- end*/

/*-------------  Generic popups --------------*/
.popupDiv {
  background-color: white;
  background-clip: padding-box;

  overflow: hidden;
  position: absolute;
  display: none;

  padding: 5px 7px;

  border: 1px solid;
  border-color: #ccc #666 #666 #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

  text-align: left;
  z-index: 100;
}

/*
  Fixes TW-23283: Popups may not be rendered fully in Chrome/Win
  Don't apply this fix on OS X - it's not affected by the problem, and in fact
  translateZ creates color reproduction issues there.
*/
html:not(.ua-mac) .popupDiv {
  -webkit-transform: translateZ(0);
  /* fix for MS Edge which otherwise renders popup blurry - looks like Chrome
  doesn't have this issue in versions 3* */
  transform: none;
}

.popupDiv.quickLinksMenuPopup {
  width: auto;
  min-width: 25em;
}

.popupDiv.popupLoading {
  background-color: #FFF;
  padding: 5px !important;
}

.popupDiv.branchSelector {
  padding: 0 !important;
}

.popupDiv.popupDiv_has-triangle {
  overflow: visible;
}

.popupDiv.popupDiv_has-triangle::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  background-color: inherit;
  border-left: 1px solid;
  border-top: 1px solid;
  border-color: #ccc #666 #666 #ccc;
  transform: rotate(45deg);
  position: absolute;
  top: -5px;
  left: 10%;
}

.popupDiv__inner {
  overflow: hidden;
}

#warningPopup {
  background-color: #ffc;
}

a.actionLinkNew {
  background-color: #fff;
  padding: 3px 10px 3px;
}

a.actionLinkNew:hover,
a.actionLinkNewHover {
  background-color: #e3e9ef;
}

/*-------------  Changes popup --------------*/
#changesPopup {
  width: 42em;
  padding: 0;
  z-index: 80;
}

#changesPopup .changesContainer {
  margin: 0;
  padding: 5px 10px;
}

#changesPopup .userChangesHeader {
  background-color: #F0F5FB;
  padding: 2px 5px;
  font-size: 95%;
  font-weight: bold;
  border: none;
}

#changesPopup .userChangesHeader.highlightChanges {
  background-color: #FFC;
}

#changesPopup .userChangeComment {
  overflow-x: hidden;
  margin-right: .5em;
  font-size: 90%;
  line-height: 1.6em;
  text-overflow: ellipsis;
}

#changesPopup .userChangeFiles {
  float: right;
  min-width: 6em;
  font-size: 85%;
  text-align: right;
}

#changesPopup .userChangeFiles span.highlightChanges{
  left: 0;
}

#changesPopup .userChanges {
  border: none;
}

#changesPopup .userChange {
  clear: both;
  padding: 5px 0 5px 5px;
  border-bottom: 1px solid #E3E9EF;
}

#changesPopup .userChange:last-of-type {
  border: none;
}

#changesPopup .artifactCommentTable {
  width: 100%;
}

#changesPopup .artifactCommentBuildType {
  width: 30%;
  vertical-align: top;
}

#changesPopup .buildChangesHeader {
  font-weight: normal;
}

#changesPopup .buildStartDate {
  float: right;
  font-size: 90%;
}

#changesPopup .buildChanges {
  width: 100%;
}

#changesPopup .buildChanges td.username {
  width: 30%;
  font-weight: bold;
  font-size: 90%;
}

#changesPopup .buildChanges td.userChange {
  width: 70%;
}

#changesPopup .changesPopupTable {
  width: 100%;
}

#changesPopup .changesPopupTable th {
  padding-right: 1em;
}

#changesPopup .changesPopupTable td.files {
  text-align: right;
}

#changesPopup .changesPopupTable td.user {
  padding-right: 1.5em;
  text-align: right;
}

#changesPopup .changesPopupTable .date {
  padding-right: 1.5em;
}

#changesPopup .changesPopupTable td,
#changesPopup .changesPopupTable th {
  vertical-align: top;
  font-size: 90%;
  border-bottom: 1px solid #E3E9EF;
}

#changesPopup .simpleTabs .tabs {
  margin: 5px 0 0 10px;
  overflow: auto;
}

#changesPopup table.buildChanges {
  border-collapse: collapse;
}

#changesPopup table.buildChanges td.username,
#changesPopup table.buildChanges td.userChangeTD {
  border-bottom: 1px solid #E3E9EF;
}

#changesPopup table.buildChanges div.userChange {
  border: none;
}

#changesPopup .ellipsis,
span.textExpandArrow {
  display: inline-block;

  width: 22px;
  height: 1em;

  background: #F3F3F3;
  border: 1px solid #C8C8C8;
  border-radius: 2px;
  color: #C8C8C8;
  text-align: center;
}

#changesPopup .ellipsis:hover,
span.textExpandArrow:hover {
  cursor: pointer;
  background: #E3E3E3;
}

#changesPopup .historyBuildNote {
  margin-bottom: 4px;
}

#changesPopup .changePopupHeader,
#changesPopup .changesPopupFooter {
  background-color: #f5f5f5;
  padding: 4px;
  font-size: 90%;
}

#changesPopup .changePopupHeader {
  margin-bottom: 6px;
  border-bottom: 1px solid #E3E9EF;
}

#changesPopup .changePopupFooter {
  margin-top: 6px;
}

#changesPopup .userChangeComment td.status,
#changesPopup .userChangeComment td.buildNumber {
  vertical-align: top;
}

#changesPopup .userChangeComment td.buildNumber {
  width: 10%;
}

#changesPopup .artifactsChangeHeader {
  background-position: 5px 3px;
  padding-left: 25px;
}

span.changeName {
  font-size: 90%;
}

div.dependencyRelationIcon {
  float: right;
}

div.subrepoIcon {
  float: right;
}

/* ----------------------------------- Style for the context help popup   */
#contextHelpPopup,
#togglePopup,
.name-value-popup {
  padding: 0;
  border: 1px solid #D6D6D6;
}

.helpPopupContent {
  font-size: 95%;
}

.helpPopupBody {
  margin: 0;
  padding: 0;
}

.helpPopupFooter {
  background-color: #F5F5F5;
  padding: 5px;
  text-align: center;
}

/* ----------------------------------- Style for the help icon (that contains link)   */
a.helpIcon .tc-icon_help_small {
  vertical-align: sub;
  width: 10px;
}

a.helpIcon:hover {
  background-color: transparent;
  text-decoration: none;
}

.stopping,
a.stopping:hover {
  color: #e50000;
}

/*------------------------------- styles used in tags */
.iconLink {
  background-position: 0 2px;
  background-repeat: no-repeat;
  padding-bottom: 5px;
  padding-left: 20px;
}

.iconLink_test-history {
  background-image: url(/css/../img/testDetails.png?v=58406);
  background-size: 14px 14px;
}

.iconLink_build-log {
  background-image: url(/css/../img/showInBuildLog.png?v=58406);
  background-size: 14px 14px;
}

.iconLink_IDE {
  background-image: url(/css/../img/openInIde.png?v=58406);
  background-size: 14px 14px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 200 / 100),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

  .iconLink_test-history {
    background-image: url(/css/../img/testDetails@2x.png?v=58406);
  }
  .iconLink_build-log {
    background-image: url(/css/../img/showInBuildLog@2x.png?v=58406);
  }
  .iconLink_IDE {
    background-image: url(/css/../img/openInIde@2x.png?v=58406);
  }
}

form.runBuildTag {
  display: inline;
  padding-right: 0.7em;
}

.activationPanel {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  width: 70px;
  height: 7px;
  background: white;
}

.activationPanel .activationIndicator {
  float: left;
  width: 5px;
  height: 5px;
  margin: 1px 0 1px 1px;
  background: yellow;
}

.messagesHolder {
  margin-top: 0;
  margin-bottom: .5em;
}

.messagesHolder #savingData {
  display: none;
}

.messagesHolder #dataSaved {
  background-color: #ffc;
  display: none;
  margin: auto;
  font-size: 90%;
  text-align: center;
  font-weight: bold;
}

/* -------------- Choose an agent to run a build pop-up*/

#chooseAgentPopup {
  padding: 0;
}

#chooseAgentPopup .noAgents {
  width: 150px;
  padding: 3px 5px;
  font-size: 90%;
  text-align: center;
}

#chooseAgentPopup div.header {
  background-color: #E3E9EF;
  margin: 0;
  padding: 4px 0 4px 10px;
  font-weight: bold;
  white-space: nowrap;
  font-size: 90%;
}

.menuList {
  background-color: #fff;
  margin: 5px;
  padding: 0;
}

.menuList li {
  margin: 2px 0;
  padding: 0 5px;
  list-style: none;
  white-space: nowrap;
  cursor: pointer;
}

.menuList li a {
  display: block;
}

.menuList .menuItemLinkContent {
  line-height: 2;
}

.menuList .menuItemLinkContent a {
  display: inline;
}

.menuListGrouped li {
  border-bottom: none;
}

.menuListGrouped .menuListSeparator {
  padding: 0;
  border-bottom: 1px solid #E7E7E7;
}

.menuList .menuItemSelected,
.menuList .menuItemSelected a,
.menuList li:hover,
.menuList li:hover a {
  background-color: #3773C9;
  color: white;
  text-decoration: underline;
}

.menuList li.menuItemDisabled,
.menuList li.menuItemDisabled a,
.menuList li.menuItemDisabled:hover,
.menuList li.menuItemDisabled:hover a {
  background-color: transparent;
  text-decoration: none;
  cursor: default;
}

.menuListFilterable {
  overflow: hidden;
}

.menuListFilterable .menuItemSelected,
.menuListFilterable .menuItemSelected a {
  background-color: #FFC;
  color: #1564C2;
}

.menuListWrappable li {
  white-space: normal;
}

/*  ----------------------------- Common VCS problems styles */
#systemProblemDetails {
  width: 55em;
  padding: 0;
}

.systemProblemsBar {
  display: inline-block;
  width: auto;
  margin-right: .5em;

  color: #e50000;
  font-size: 90%;
  font-weight: normal;
  text-indent: 0;

  white-space: nowrap;
}

.systemProblemsBarContainer {
  display: inline-block;
  width: auto;
  margin-right: .5em;

  font-size: 12px;
  font-weight: normal;
  text-indent: 0;

  white-space: nowrap;
}

.systemProblemsBarText {
  display: inline-block;
  padding-right: 8px;
}

button.systemProblemsBarButton {
  margin-top: -2px;
  margin-bottom: -3px;
}

.systemProblemsContainer {
  background-color: #fff;
  padding: 1em;
}

.systemProblemHead {
  margin: 1.5em 0 .5em;
}

.systemProblemHead:first-child {
  margin-top: 0;
}

.systemProblemsContainer .systemProblem {
  padding: 0.5em 1em 0.5em 1em;
  border: 1px solid #ccc;
}

.systemProblem .problemMessage {
  color: #e50000;
  font-size: 12px;
}

.systemProblem .problemDetails {
  overflow: auto;
  height: auto !important;
  height: 25em;
  max-height: 25em;
  margin-top: 5px;
  font-size: 80%;
}

/* ------------------------------------------------ */
/* Table with dark header styles, sortable table, other common table styles  */
table.dark {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Fixes the iOS table border bug */
table.dark thead {
  background-color: #ABB1C4;
}

table.dark th {
  background-color: #ABB1C4;
  margin: 0;
  padding: 2px 6px;
  color: #FFF;
  text-align: left;
}

table.dark th.emptyCell,
table.dark td.emptyCell {
  background: #fff none !important;
  width: 2px;
  padding: 0;
  border: none;
}

table.dark td {
  margin: 0;
  padding: 2px 6px;
  text-align: left;
}

table.dark td.center {
  text-align: center;
}

table.dark td.idle {
  padding-right: .5em;
  color: #888;
  text-align: right;
}

table.sortable th {
  font-weight: normal;
}

table.sortable th.sortable {
  font-weight: bold;
  cursor: pointer;
}

table.sortable th.sortable span:last-of-type::after {
  content: " \f0dc";
  font-family: FontAwesome;
}

table.sortable th.sortable span.sortedAsc::after {
  content: " \f0de";
  font-family: FontAwesome;
}

table.sortable th.sortable span.sortedDesc::after {
  content: " \f0dd";
  font-family: FontAwesome;
}

table.sortable .sortedAsc,
table.sortable .sortedDesc {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


table.borderBottom td {
  border-bottom: #ccc 1px solid;
}

span.refreshMessage {
  background-color: #ffc;
  padding: 0.3em 5em;
  text-align: center;
  font-weight: bold;
  font-size: 90%;
}

/** ------------- Styles for toolbar items ------------------------ */
.spacing {
  height: 3px;
}

div.separator {
  background-color: #9BA9BA;
  float: left;
  width: 1px;
  height: 15px;
  margin-top: 3px;
  font-size: 1px;
}

/** To use with cases like <span class='separator'>|</span>
*/
span.separator {
  padding-right: 5px;
  padding-left: 5px;
  color: #9BA9BA;
}

.toolbarItem {
  float: left;
  margin-right: 12px;
}

/* Normally followed by some other element, but not in Guest mode */
.toolbarItem:last-child {
  margin-right: 0;
}

.toolbarItem input[type='checkbox'] {
  position: relative;
  top: -1px;
}

.ua-ie .toolbarItem input[type='checkbox'] {
  position: relative;
  top: 0;
}

.toolbarItem .pinLink {
  position: relative;
  top: -1px;
  padding: 0 0.3em 0 0.4em;
  height: 1.3em;
}

.ua-ie .toolbarItem .pinLink {
  position: relative;
  top: -3px;
}

/* ------------------------- Action bar styles */

.actionBar {
  background-color: #f5f5f5;
  margin: 0 0 .3em;
  padding: .6em 10px;
  line-height: 2.2;
}

.actionBar label {
  margin-left: 0;
  margin-right: 0.5em;
  line-height: 2em;
}

.actionBar label.first {
  display: inline-block;
  width: 9em;
}

.actionBar label.shift {
  margin-left: 1em;
}

.nowrap {
  white-space: nowrap;
}

.actionBar .userDropDown {
  width: 260px;
}

.actionBar input[type=text] {
  width: 262px;
}

.actionBar input.short {
  width: 104px;
}

.actionBar .actionInput {
  margin-right: 0.8em;
}

/* make .ufd baseline-alignable https://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align */
.actionBar .ufd {
  overflow: visible;
  line-height: 20px;
  vertical-align: baseline;
}

/* add some in-flow content */
.actionBar .ufd::after {
  content: '';
  display: inline-block;
}

/* fix overflows */
.actionBar .ufd.default input {
  padding: 0 3px;
}

.actionBar .ufd.default button {
  height: 20px;
}

.actionBar .actionBarAdvancedToggle {
  margin-left: 0.2em;
}

.actionBar .actionBarRight /*--- right side of the action bar */
{
  float: right;
  margin-left: 1em;
  white-space: nowrap;
}

.actionBar .resetLink {
  width: 16px;
  display: inline-block;
}

.actionBar .reset {
  color: #aaa;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
}

.actionBar .reset:hover {
  color: #666;
}

/** ------------- END of styles for toolbar items ------------------------ */

/**  Popup control span popup style */
span.pc {
  padding: 1px 2px 2px 0;
  white-space: nowrap;
  text-decoration: none;
}

span.pc .resultsLink {
  white-space: normal;
}

@supports ((-ms-accelerator:true) or (-ms-ime-align:auto)) { /* target MS Edge 12+ */
  span.pc .resultsLink {
    white-space: pre-wrap;
  }
}

.oneLineStatus {
  display: inline-block;
  vertical-align: bottom;
  max-width: calc(100% - 44px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: inherit;
}

.pc.pc_topRightButton {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;

  max-width: 100%;
  padding-right: 22px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  /* IE 7 hack */
  zoom: 1;
  *display: inline;
}

.pc__toggle-wrapper {
  white-space: nowrap;
}

.pc .toggle:hover {
  cursor: pointer;
}

.pc_topRightButton .pc__toggle-wrapper {
  position: absolute;
  top: 0;
  right: 0;
}

/* Do not wrap text in Changes link and for test names in build summary popup
   TW-21976, TW-53753
*/
.summaryContainer .testNamePart span.pc .resultsLink,
td.changesLink span.pc .resultsLink {
  white-space: nowrap;
}


.orange {
  color:#DB9E44;
}

.smallIcon {
  font-size: 70%;
  vertical-align: middle;
  text-decoration: none !important;
}
.smallIcon:hover {
  text-decoration: none !important;
}

span.pc.highlightChanges {
  background-color: #FFC;
}

span.pc .fixed,
span.pc .fixed a {
  color: #888;
}

span.highlightChanges {
  background-color: #FFC;
  position: relative;
  left: -4px;
  padding-left: 4px;
  border-radius: 4px;
}

div.highlightChanges {
  background-color: #FFC;
}

.mono {
  font-family: Menlo, "Bitstream Vera Sans Mono", "Ubuntu Mono", Consolas, "Courier New", Courier, monospace;
}

.mono-12px {
  font-size: 12px;
}

/*--------------------------- STOP build styles ----------------*/
#reAddSection {
  margin-top: .5em;
}

.stop__infoLine {
  margin: 12px 0;
}

#moreToStop {
  margin-top: .5em;
}

#moreToStopFragment {
  overflow: auto;
  height: auto;
  max-height: 20em;
}

.withUnsharedDepsLabel {
  margin-right: 1em;
}

#stopBuildForm textarea {
  width: 98%;
}

.estimateDetails {
  font-size: 90%;
  margin-left: 43px;
}

#stopBuildForm input.checkboxPlaceholder {
  visibility: hidden;
}

/* build results summary popup */

.summaryContainer {
  padding: 0 0.2em;
}

.summaryContainer table {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
}

.summaryContainer table td {
  vertical-align: top;
}

.summaryContainer .popupHeader {
  margin: .5em 0;
  font-size: 120%;
}

.summaryContainer .header {
  background-color: #F0F5FB;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 2px 5px;
  font-weight: bold;
}

.summaryContainer ul {
  margin: 0.5em 0;
  padding-top: 0;
  padding-left: 0;
}

.summaryContainer ul.bsLinks {
  min-width: 10.5em;
}

.summaryContainer ul.bsLinks li:empty {
  display: none;
}

.summaryContainer ul li {
  padding: 0 .5em .15em 5px;
  list-style: none;
}

.summaryContainer .depsTable td {
  padding-right: 10px;
  padding-left: 25px;
  border-bottom: 1px solid #ececec;
}

.summaryContainer .info {
  padding-top: 0.2em;
  padding-left: 0.5em;
}

.summaryContainer .estimateDetails {
  margin-left: 20px;
}

.summaryContainer .changesTable {
  width: 100%;
  margin-top: 0.5em;
  border-collapse: collapse;
  font-size: 90%;
}

.summaryContainer .changesTable td {
  padding: 5px 1px;
  border-bottom: 1px solid #E3E9EF;
}

.summaryContainer .changesTable .changeUsername {
  width: 20%;
  padding-right: 10px;
  vertical-align: top;
  white-space: nowrap;
  font-weight: bold;
}

.summaryContainer .changesTable .changeComment {
  width: 70%;
  vertical-align: top;
}

.summaryContainer .changesTable .changedFiles {
  width: 10%;
  vertical-align: top;
  text-align: right;
}

#promoDetailsPopup {
  width: 40em;
}

/**--------------------------- Clean checkout dialog, for viewType.jsp and agentSummary.jsp */
.inplaceFilterDiv {
  width: 100%;
  padding: 2px 0 2px 0;
  text-align: right;
  vertical-align: top;
  border-bottom: 1px solid #eee;
}

.inplaceFilterDiv input {
  width: 100%;
  font-size: 90%;
}

td.artifactsLink {
  width: 5em;
  text-align: left;
  white-space: nowrap;
}

td.artifacts.artifacts.artifacts {
  padding: 0;
  width: 1.5%;
  max-width: 80px;
  white-space: nowrap;
}

td.cell-icon.cell-icon.cell-icon,
table.overviewTypeTable td.cell-icon.cell-icon {
  padding-bottom: 0;
  width: 24px;
  overflow: visible;
}

td.tags {
  white-space: nowrap;
}

td.status {
  padding-left: 0.5em;
}

/* ----------------------------------- Styles for the obsolete builds (shown on the Overview and BC homepage)   */
td.obsoleteRunningBuild {
  color: #888;
}

table.testActionsPopup {
  font-weight: normal;
}

table.testActionsPopup td {
  padding: 1px;
  border: none;
  white-space: nowrap;
}

img.actionPopupIcon {
  position: relative;
  top: 2px;
  padding-right: 3px;
}

/**-------- Right-most block near failed test on build results + similar block near change on build changes page */
div.stamp {
  background-color: #f5f5f5;
  float: right;
  min-width: 13.2em;
  padding: 0.7em;
  font-size: 90%;
  font-weight: normal;
  line-height: 1.4em;
}

div.stamp.stampMini {
  background-color: #FFF;
  margin: 0;
  padding: 0;
}

/*--------------- Link for Download build log / artifacts / server logs */
a.downloadLink {
  float: right;
}

a.downloadLink:before {
  margin-right: 0.2em;
}

/*-------------- suspended / disabled note */

.editNotificatorSettingsPage > .enableNote {
  margin-left: 0.6em;
}

/*--------------- Simple table row highlighting support  */
tr.highlightRow:hover td {
  background-color: #f5f5f5;
}

div.placeholder {
  position: absolute;
  padding-left: 3px;
  color: gray;
  font-size: 90%;
}

.dummyDialogClass {
  width: 36em;
}

/*--------------- Divs with headers */
.divsWithHeaders > div {
  padding: 0.6em 0;
}

.divsWithHeaders > div:first-child {
  padding-top: 0;
}

.divsWithHeaders > div:last-child {
  padding-bottom: 1em;
}

.divsWithHeaders h2 {
  display: inline-block;
  margin-bottom: 0.2em;
}

.grey,
.emptyValue {
  color: #888;
}

/*--------------- Refreshable */
.refreshable,
.refreshableInner {
  margin: 0;
  padding: 0;
}

/*--------------- Agent line */
.osIcon {
  background-repeat: no-repeat;
  display: inline-block;
  width: 26px;
  height: 26px;
  margin: 0 6px 0 3px;

  /* IE 7 hack */
  zoom: 1;
  *display: inline;
}

.osIconSmall {
  width: 16px;
  height: 16px;
}

.osIconMedium {
  width: 20px;
  height: 20px;
}

/*--------------- Static UI extensions  (header & footer) */
.staticUIExtension {
  background-color: #F9F9F9;
  width: 100%;
  margin-top: 1em;
  padding: 10px;
  border: 1px solid #DDD;
  font-size: 14px;
}

/*
 * @media screen and (max-device-width: 480px) = iPhone < 4
 * @media screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 960px) = iPhone >= 4
 * @media screen and (min-device-width: 768px) and (max-device-width: 1024px) = iPad
*/
@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 960px), screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .runTable .btn_mini {
    padding: 5px 9px 5px;
  }

  .runTable .btn-group .btn_append {
    width: 30px;
  }
}

/* branch selector in breadcrumbs */
.main-navigation_branch-name-selector {
  white-space: nowrap;
}

.branchNameSelector{
  padding: 0 5px 0 0;
}

.branchNameSelector.branchNameSelector_inline {
  display: inline-block;
  padding-left: 0.5em !important;
  margin: 0;
}

.branchNameSelector.branchNameSelector_inline select.branchNameSelector {
  margin: 0; /* explicitly set to avoid SF rendering issue */
  width: 14em;
}

.branchNameSelector.branchNameSelector_inline .ufd.popup.branchNameSelector {
  height: 20px;
}

.branchNameSelector.branchNameSelector_inline .ufd.popup.branchNameSelector input {
  padding: 0 3px 2px;
}

/* Branch names. See also overviewTable.css */

.branch .branchName {
  padding: 2px 4px;
  border-radius: 3px;

  font-size: 11px;
  font-weight: normal;
  font-family: Verdana, sans-serif; /* Better legibility at small size */
  white-space: nowrap;
  line-height: 14px;
}

.branch.hasBranch .branchName {
  background: #e5f4ff;
}

.branch.default .branchName {
  background: #9DCBFA;
  color: #FFF;
}

/* The following blocks have a colored background, contrast is needed between them and the branch name - add border, reduce padding */
.statusTable .branch.hasBranch .branchName,
.joinedChangeTable .branch.hasBranch .branchName,
.buildQueueTable .branch.hasBranch .branchName,
.buildChainHeader .branch.hasBranch .branchName {
  padding: 1px 3px;
  border: 1px solid #C6CDE2;
}

.statusTable .branch.default .branchName,
.joinedChangeTable .branch.default .branchName,
.buildQueueTable .branch.default .branchName,
.buildChainHeader .branch.default .branchName {
  padding: 1px 3px;
  border: 1px solid #BCE8F1;
}

.contextProjectIcon{
  display: inline;
  cursor: pointer;
  overflow: hidden;
}

.contextProjectDescription{
  padding: 5px;
}

.contextProjectWrapper{
  display: inline;
}

a.testWithDetails:hover {
  text-decoration: none;
}

a.testWithDetails:hover {
  text-decoration: none;
  border-bottom: 1px dotted #3773C9;
}

.hoverable:hover{
  text-decoration: underline;
}

.progress_holder {
  padding-right: 1em;
}

.popupDiv.searchPanel{
  padding: 0px;
  width: 300px;
}

.stickyBar {
  background-color: white;
}

.showMore {
  width: 100%;
  margin: 10px auto;
}

.showMore .btn {
  width: 15%;
  text-align: center;
  margin-left: 40%;
}

td.buildtypename {
  color: #999;
}

td.buildtypename a.buildTypeName {
  color: #444;
}

td.buildtypename a.buildTypeName:hover {
  color: #0F5B99;
}

.optionalQueuedBuildWord {
  display: none;
}

/*---
/css/icons.css
---*/
.icon {
  vertical-align: baseline;
}
/*
 * `icon` and `icon_before` should not be used on the same node
 * (the latter is not block with modifier, underscore is used to avoid clashes with fontAwesome)
 * `icon16` is modifier for both `icon` and `icon_before`
 */
.icon,
.tc-icon,
.icon_before:before,
.tc-icon_before:before,
.tc-icon_after:after {
  display: inline-block;
  background-color: transparent;
  background-image: url(/css/../webComponents/teamcity-elements/icons/teamcity-sprite.png?v=58406);
  background-repeat: no-repeat;
  background-size: 240px 634px;
}

.tc-icon_success,
.bp,
.stage-status .stage-status__icon.stage-system-is-ready {
  background-image: url(/css/../webComponents/teamcity-elements/icons/teamcity-sprite-old.png?v=58406);
  background-size: 240px 532px;
}

.icon.icon16,
.tc-icon.icon16,
.icon_before.icon16:before,
.tc-icon_before.icon16:before,
.tc-icon_after.icon16:after {
  width: 16px;
  height: 16px;

  outline: none;
  vertical-align: text-bottom;
}

.icon_before:before,
.tc-icon_before:before,
.tc-icon_after:after {
  content: '';
}

img.icon {
  vertical-align: text-bottom;
}

.handle.handle_collapsed,
.blockHeader.collapsed:before,
.tc-icon_before.handle_collapsed:before {
  background-position: -173px -16px;
}

.handle.handle_expanded,
.blockHeader.expanded:before,
.tc-icon_before.handle_expanded:before {
  background-position: -175px 4px;
}

/*
 * "expanded_light" and "collapsed_light" do not include any padding information
 * for the enclosing element, so should be used in conjunction with "expanded"
 * and "collapsed", respectively, e.g.:
 *
 * <div class="blockHeader expanded expanded_light"/>
 */
.handle.handle_collapsed_light,
.blockHeader.collapsed_light:before {
  background-position: -213px -16px;
}

.handle.handle_expanded_light,
.blockHeader.expanded_light:before {
  background-position: -195px 4px;
}

.tc-icon.tc-icon_attention {
  height: 14px;
  vertical-align: text-bottom;
}

.icon_before.attentionComment:before,
.tc-icon_before.attentionComment:before,
.tc-icon_attention_yellow {
  background-position: -180px -80px;
  vertical-align: bottom;
}

.tc-icon_attention_red {
  background-position: 0px -103px;
}

/*--------------- project and buildConf icons */

.buildType-icon:before {
  background-position: -97px 3px;
}

.buildType-icon_composite:before {
  background-position: -157px -97px;
}

.project-icon:before {
  background-position: -97px -17px;
}

.template_link:before,
.buildTypeTemplate-icon:before {
  background-position: -97px -37px;
}

.buildType-icon_failing.buildType-icon:before,
#mainNavigation .failed .buildType-icon:before {
  background-position: -117px 3px;
}

.buildType-icon_composite_failing.buildType-icon:before,
#mainNavigation .failed .buildType-icon_composite:before {
  background-position: -117px -97px;
}

.project-icon_failing.project-icon:before {
  background-position: -117px -17px;
}

.buildType-icon_successful.buildType-icon:before,
#mainNavigation .successful .buildType-icon:before {
  background-position: -137px 3px;
}

.buildType-icon_composite_successful.buildType-icon:before,
#mainNavigation .successful .buildType-icon_composite:before {
  background-position: -137px -97px;
}

.project-icon_successful.project-icon:before {
  background-position: -137px -17px;
}

.vcsRoot_link:before {
  background-position: -157px 3px;
}

.tableCaption .buildType-icon {
  margin-left: 1px;
}

.bp {
  margin-bottom: 1px;
}

#allPopupImg {
  float: left;
  position: relative;
  top: 4px;
}

.icon.icon_popup,
span.pc .toggle {
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin-bottom: -2px;
  background-position: -140px -140px;
}

span.pc_white .toggle {
  background-position: -120px -140px;
}

span.pc_grey .toggle {
  background-position: -160px -140px;
}

span.pc_right .toggle {
  background-position: -220px -140px;
}

#allPopupImg.hovered,
.icon.icon_popup:hover,
span.pc .toggle:hover,
span.pc_grey .toggle:hover {
  background-position: -180px -140px;
}

span.pc_right .toggle:hover {
  background-position: -200px -140px;
}

.icon16_watched {
  background-position: -160px -60px;
  margin-top: 4px;
}

.icon16_watched.icon16_watched_no {
  background-position: -160px -60px;
  margin-top: 4px;
  opacity: 0.3;
}

.icon_gray {
  background-position: 0 -280px;
}

.tc-icon_success {
  background-position: -20px 0;
}

.tc-icon__tick,
.tc-icon_before.tc-icon__tick:before {
  background-position: -200px -59px;
}

/* 8th row */
.tc-icon_github {
  background-position: 0px -140px;
}
.tc-icon_github_disabled {
  background-position: -20px -140px;
}

.tc-icon_github-enterprise {
  background-position: -40px -140px;
}
.tc-icon_github-enterprise_disabled {
  background-position: -60px -140px;
}

.tc-icon_bitbucket {
  background-position: -80px -139px;
}
.tc-icon_bitbucket_disabled {
  background-position: -100px -139px;
}
/* 8th row end*/
/* 9th row */
.tc-icon.os-icon {
  height: 13px;
  width: 13px;
  margin-right: 4px;
  vertical-align: -1px;
  line-height: normal;
}

.os-icon_win {
  background-position: 0px -160px;
}

.tc-icon.os-icon_mac {
  width: 11px;
  background-position: -20px -160px;
}

.os-icon_lin {
  background-position: -39px -160px;
}

.os-icon_bsd {
  background-position: -60px -160px;
}

.os-icon_sol {
  background-position: -80px -160px;
}

.os-icon_oux {
  background-position: -99px -160px;
}
/* 9th row end */
/* 18th row */
.tc-icon_group {
  background-position: -20px -340px;
}

.tc-icon_group_current {
  background-position: -0px -340px;
}
/* 18th row end */
/* 19th row */
.commentIcon,
.tc-icon_comment,
.tc-icon_after.commentIcon:after {
  background-position: -20px -360px;
}

.commentIcon:hover,
.tc-icon_comment:hover {
  background-position: 0 -360px;
}

.tc-icon_params {
  background-position: -38px -354px;
}

.tc-icon_params:hover {
  background-position: -58px -354px;
}

.tc-icon_test-history,
.tc-icon_before.tc-icon_test-history:before {
  background-position: -78px -358px;
}

.tc-icon_copy,
.tc-icon_before.tc-icon_copy:before {
  background-position: -100px -358px;
  cursor: pointer;
}

.tc-icon_patch,
.tc-icon_before.tc-icon_patch:before,
.tc-icon_build-log,
.tc-icon_before.tc-icon_build-log:before {
  background-position: -140px -357px;
}

.icon_open-in-ide,
.tc-icon_IDE,
.tc-icon_before.tc-icon_IDE:before {
  background-position: -160px -357px;
}

.tc-icon_run-build-changes {
  background-position: -180px -357px;
}

.icon.externalFileLink {
  background-position: -200px -360px;
  margin-bottom: -1px !important;
}

.icon.externalFileLink_white {
  background-position: -220px -360px;
  margin-bottom: -1px !important;
}
/* 19th row end */

.icon.icon16.bp {
  width: 19px;
}

.summaryLink .icon.icon16.bp {
  width: 16px;
}

.bp {
  background-position: 0 -20px;
}

.bp.fixed {
  background-position: 0 -60px;
}

.bp.taken {
  background-position: 0 -40px;
}

.bp.muted {
  background-position: 0 -80px;
}

.groupHeader.blockExpanded .bp.arrow {
  background-position: -180px 0;
  margin-bottom: -2px;
}

.groupHeader.blockCollapsed .bp.arrow {
  background-position: -180px -20px;
}

a.expandable,
a.collapsable {
  padding-right: 1.3em;
  padding-bottom: 0;
  text-decoration: none;
}

a.expandable:hover,
a.collapsable:hover {
  background-color: white;
  border-bottom: none;
  color: #3356C0;
}

a.expandable:active,
a.collapsable:active {
  background: none;
  border-bottom: none;
  color: #3356C0;
}

.tc-icon_breadcrumb,
.tc-icon_after.tc-icon_breadcrumb:after {
  background-position: -176px -100px;
}

.tc-icon_breadcrumb_siblings_small,
.tc-icon_after.tc-icon_breadcrumb_siblings_small:after {
  background-position: -180px -120px;
  width: 8px;
  height: 8px;
  margin-top: -1px;
}

.tc-icon_breadcrumb_siblings,
.tc-icon_after.tc-icon_breadcrumb_siblings:after {
  background-position: -220px 7px;
  margin-left: 1px;
}
/* 20th row */
.tc-icon_help_small {
  background-position: 0 -380px;
}

.tc-icon_help,
.tc-icon_help_grey:hover,
.tc-icon_before.tc-icon_help_grey:hover:before {
  background-position: -19px -379px;
}

.tc-icon_help_grey,
.tc-icon_before.tc-icon_help_grey:before {
  background-position: -39px -379px;
}

.tc-icon_help_disabled {
  background-position: -20px -380px;
}

.newVersionLink:before {
  background-position: -79px -379px;
}

.tc-icon_subrepo {
  background-position: -100px -379px;
}

.tc-icon_feed {
  background-position: -120px -379px;
}
/* 20th row end */
/* 21st row */
.addNew:before {
  background-position: 0 -397px;
}

.tc-icon_cog {
  background-position: -79px -399px;
}

.agentVersion, .cloudIcon {
  margin-right: 5px;
}

.cloudIcon {
  background-position: -100px -397px;
}

.tc-icon_branch,
.tc-icon_before.tc-icon_branch:before {
  background-position: -120px -398px;
}

.tc-icon_branch_disabled {
  background-position: -140px -398px;
}

.tc-icon_graph,
.tc-icon_before.tc-icon_graph:before {
  background-position: -158px -398px;
}

.tc-icon_wand {
  background-position: -180px -400px;
}

.tc-icon_folders {
  background-position: -200px -398px;
}
/* 22nd row */
.collapser.collapser_collapsed:before {
  background-position: 2px -417px;
}

.collapser.collapser_expanded:before {
  background-position: -17px -417px;
}

.tc-icon_x {
  background-position: -40px -417px;
}

.icon_collapse-all {
  background-position: -59px -419px;
}

.icon_expand-all {
  background-position: -79px -418px;
}

.tc-icon_move-top,
.tc-icon_move-top.tc-icon_move-top_inactive {
  background-position: -100px -419px;
  cursor: pointer;
}

.tc-icon_move-top.tc-icon_move-top_disabled {
  background-position: -120px -419px;
  cursor: auto;
}

.tc-icon_move-top:hover,
.tc-icon_move-top.tc-icon_move-top_active {
  background-position: -140px -419px;
}

.tc-icon_top {
  background-position: -160px -420px;
}

.tc-icon_draggable,
.tc-icon_before.tc-icon_draggable:before,
.draggable:before {
  background-position: -177px -420px;
}

.tc-icon_download,
.tc-icon_before.tc-icon_download:before {
  background-position: -200px -420px;
  vertical-align: bottom;
}

.tc-icon_download_white {
  background-position: -220px -420px;
}
/* 22nd row end */

.icon.tc-icon_switch,
.icon_before.tc-icon_switch:before {
  width: 20px;
  height: 12px;
}

.icon.tc-icon_switch_on,
.icon_before.tc-icon_switch_on:before,
.icon.tc-icon_switch_enabled,
.icon_before.tc-icon_switch_enabled:before {
  background-position: -180px -40px;
  cursor: pointer;
}
.icon.tc-icon_switch_off,
.icon_before.tc-icon_switch_off:before,
.icon.tc-icon_switch_disabled,
.icon_before.tc-icon_switch_disabled:before {
  background-position: -200px -40px;
  cursor: pointer;
}

.icon.tc-icon_switch_error,
.icon_before.tc-icon_switch_error:before {
  background-position: -220px -40px;
}

/*
  switch icon with comment
  e.g. icon.icon16.tc-icon_switch.tc-icon_switch_enabled.tc-icon_after.commentIcon
  i.e. switch icon in element and commentIcon in its :after pseudo-element
 */
.tc-icon_switch.commentIcon {
  margin-right: 16px;
}
.tc-icon_switch.commentIcon:after {
  margin-left: 22px;
}


.ua-ie9-below #loadingWarning .ring-loader-inline, .loader{
  background-image: url(/css/../webComponents/teamcity-elements/icons/loader.gif?v=58406);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  margin-top: 0;
  display: inline-block;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 200 / 100),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

  .icon,
  .tc-icon,
  .icon_before:before,
  .tc-icon_before:before,
  .tc-icon_after:after {
    background-image: url(/css/../webComponents/teamcity-elements/icons/teamcity-sprite@2x.png?v=58406);
  }

  .tc-icon_success,
  .bp,
  .stage-status .stage-status__icon.stage-system-is-ready {
    background-image: url(/css/../webComponents/teamcity-elements/icons/teamcity-sprite-old@2x.png?v=58406);
  }

  .ua-ie9-below #loadingWarning .ring-loader-inline, .loader {
    background-image: url(/css/../webComponents/teamcity-elements/icons/loader@2x.gif?v=58406);
  }

}

.testActionsPopup .icon16.tc-icon_before:before,
.problemPopup .icon16.tc-icon_before:before {
  width: 19px;
  margin-right: 3px;
}

#restPageTitle .icon,
#restPageTitle .tc-icon,
#restPageTitle .icon_before:before,
#restPageTitle .tc-icon_before:before,
#restPageTitle .tc-icon_after:after,
#restPageTitle .buildTypeTemplate-icon:before{
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

#restPageTitle .project-icon:before {
  background-position: 0px -240px;
}

#restPageTitle .buildType-icon:before {
  background-position: 0px -220px;
}

#restPageTitle .buildType-icon_composite:before {
  background-position: -220px -220px;
}

#restPageTitle .buildTypeTemplate-icon,
#restPageTitle .buildTypeTemplate-icon:before{
  background-position: -60px -220px;
}

#restPageTitle .failed .buildType-icon,
#restPageTitle .failed .buildType-icon:before{
  background-position: -40px -220px;
}

#restPageTitle .failed .buildType-icon_composite:before {
  background-position: -180px -220px;
}

#restPageTitle .successful .buildType-icon,
#restPageTitle .successful .buildType-icon:before{
  background-position: -20px -220px;
}

#restPageTitle .successful .buildType-icon_composite:before {
  background-position: -200px -220px;
}

#restBreadcrumbs .contentWrapper .hasSiblings{
  cursor: pointer;
}

#restPageTitle .contentWrapper:hover .project-icon.hasSiblings:before {
  background-position: -120px -240px;
}

#restPageTitle .contentWrapper:hover .buildType-icon.hasSiblings:before {
  background-position: -120px -220px;
}

#restPageTitle .contentWrapper:hover .buildType-icon_composite.hasSiblings:before {
  background-position: -220px -240px;
}

#restPageTitle .contentWrapper:hover .buildTypeTemplate-icon.hasSiblings,
#restPageTitle .contentWrapper:hover .buildTypeTemplate-icon.hasSiblings:before{
  background-position: -60px -240px;
}

#restPageTitle .failed .contentWrapper:hover .buildType-icon.hasSiblings,
#restPageTitle .failed .contentWrapper:hover .buildType-icon.hasSiblings:before{
  background-position: -160px -220px;
}

#restPageTitle .failed .contentWrapper:hover .buildType-icon_composite.hasSiblings:before{
  background-position: -180px -240px;
}

#restPageTitle .successful .contentWrapper:hover .buildType-icon.hasSiblings,
#restPageTitle .successful .contentWrapper:hover .buildType-icon.hasSiblings:before{
  background-position: -140px -220px;
}

#restPageTitle .successful .contentWrapper:hover .buildType-icon_composite.hasSiblings:before{
  background-position: -200px -240px;
}

#restNavigation .contentWrapper:hover .project-icon.hasSiblings,
#restNavigation .contentWrapper:hover .project-icon.hasSiblings:before{
  background-position: -117px -77px;
}

#restNavigation .contentWrapper:hover .buildType-icon.hasSiblings,
#restNavigation .contentWrapper:hover .buildType-icon.hasSiblings:before{
  background-position: -97px -77px;
}

#restNavigation .contentWrapper:hover .buildType-icon_composite.hasSiblings:before{
  background-position: -157px -117px;
}

.branchNameSelector_placeholder .branch{
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 4px;
  left: 4px;
  background-position: -120px -397px;
}

.branchNameSelector_placeholder .branch.loading{
  background-position: -140px -139px;
}

.tc-icon_tfs {
  background-position: -60px -440px;
}
.tc-icon_tfs_disabled {
  background-position: -80px -440px;
}

.tc-icon_edit,
.tc-icon_edit_gray:hover {
  background-position: 0px -440px;
  margin-bottom: -1px;
}
.tc-icon_edit_disabled,
.tc-icon_edit_gray {
  background-position: -20px -440px;
  margin-bottom: -1px;
}

.tc-icon_build-chain {
  background-position: -160px -40px;
  position: relative;
  top: 2px;
}


/*editing notification rules form (temporary solution to show loading)*/
#selectorWrapper iron-list, #sbtSelector iron-list{
  background-image: url(/css/../webComponents/teamcity-elements/icons/teamcity-sprite.png?v=58406);
  background-position: 0 487px;
  background-size: 240px 634px;
  background-repeat: no-repeat;
}

#selectorWrapper iron-list.nothing_found, #sbtSelector iron-list.nothing_found{
  background: none;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 200 / 100),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
  #selectorWrapper iron-list, #sbtSelector iron-list{
    background-image: url(/css/../webComponents/teamcity-elements/icons/teamcity-sprite@2x.png?v=58406);
  }

}

.searchPanel  .node.tree-node {
  padding-top: 0px;
}

.searchPanel .iron-list {
  margin-top: 0px;
}

.searchPanel .checkboxes.tree-node {
  padding-top: 2px;
}

.svg-icon {
  display: inline-block;
  fill: currentColor;
}

.svg-icon svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  shape-rendering: geometricPrecision;
}

button.actionIconWrapper:not(.btn) {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

.actionIcon {
  color: #B8D1E5;
  vertical-align: -3px;
  line-height: normal;
  transition: color 0.3s ease-out;
}

.actionIconSuper {
  vertical-align: 3px;
}

.actionIconWrapper:hover .actionIcon {
  color: #80C6FF;
  transition: none;
}

.actionIconMain,
.actionIconWrapper:active .actionIcon {
  color: #008EFF;
}

.tagIcon {
  color: #999;
  vertical-align: -6px;
}

.starIcon {
  vertical-align: -2px;
}

.starIconFilled {
  color: #444;
}

.selectedTag .starIcon,
.menuItemSelected .starIcon {
  color: inherit;
}

.menuItem .starIcon {
  transition: none;
  margin-left: 4px;
}

.addToFavorite .starIconFilled {
  display: none;
}

.starIconEmpty {
  display: none;
}

.addToFavorite .starIconEmpty {
  display: inline-block;
}

.osTypeIcon {
  vertical-align: -2px;
  margin-right: 4px;
  margin-left: -2px;
  color: #bfbfbf;
}

.statusIcon {
  color: #a6a6a6;
}

.statusIcon_failing {
  color: #e50000;
}

.statusIcon_successful {
  color: #4da400;
}

.projectOrBuildTypeIcon {
  vertical-align: -3px;
  line-height: normal;
}

#mainNavigation .projectOrBuildTypeIcon {
  vertical-align: 0px;
  margin-right: 4px;
}

#restNavigation .projectOrBuildTypeIcon {
  margin: 0 1px 0 3px;
}

#restPageTitle .projectOrBuildTypeIcon {
  vertical-align: 2px;
}

#restBreadcrumbs .contentWrapper:hover .projectOrBuildTypeIcon.hasSiblings {
  display: none;
}
#restBreadcrumbs .contentWrapper:hover .projectOrBuildTypeIcon_arrow.hasSiblings {
  display: inline;
}

.tableCaption .projectOrBuildTypeIcon {
  vertical-align: -4px;
}

.projectsPopupTable .projectOrBuildTypeIcon,
.chainBuilds .projectOrBuildTypeIcon,
.buildTypesPopup .projectOrBuildTypeIcon,
.projectTree .projectOrBuildTypeIcon,
.projectHierarchy .projectOrBuildTypeIcon {
  margin: 0 4px;
}

.buildStatusIcon,
.buildProblemIcon {
  display: inline-block;
  line-height: normal;
  vertical-align: -1px;
  margin-right: 4px;
}

.buildStatusIcon svg,
.buildProblemIcon svg {
  vertical-align: baseline;
}

.buildStatusIcon svg,
.buildStatusIcon .secondary {
  fill: #999999;
}

.buildStatusIcon_running-red svg,
.buildStatusIcon_running-red .secondary,
.buildStatusIcon_error svg,
.buildStatusIcon_error .secondary,
.buildStatusIcon_red-sign svg,
.buildStatusIcon_red-sign .secondary,
.buildProblemIcon svg {
  fill: #e50000;
}

.buildStatusIcon_running-green svg,
.buildStatusIcon_running-green .secondary,
.buildStatusIcon_successful svg,
.buildStatusIcon_successful .secondary {
  fill: #4da400;
}

.buildStatusIcon_running-green svg,
.buildStatusIcon_running-red svg {
  position: relative;
  z-index: 4; /* should be unique for different composite layer */

  transform-origin: 50% 50%;

  animation: spin 1.8s linear infinite;
}

.buildStatusIcon_running-red svg {
  animation-direction: reverse;
}

.buildStatusIcon_queued {
  margin-left: -1px;
}

.buildStatusIcon_queued svg {
  fill: #bbb;
}

.buildStatusIcon_personal {
  position: relative;
  vertical-align: -2px;
}

.buildStatusIcon_personal svg {
  fill: #999999;
}

.buildStatusIcon_my svg {
  fill: #008EFF;
}

.buildStatusIcon__static {
  vertical-align: baseline;
}

.buildStatusIcon__static .secondary {
  display: none;
}

.buildStatusIcon__static svg {
  animation: none;
}

.buildStatusIcon__spinning {
  position: absolute;
  top: 0;
  left: 0;
}

.buildStatusIcon__spinning path:not(.secondary) {
  display: none;
}

.buildStatusIcon__spinning svg {
  transform-origin: 69.92% 66.8%;
}

.buildStatusIcon_size_M {
  vertical-align: baseline;
}

.buildStatusIcon_red-sign {
  margin-left: -1px;
  vertical-align: -2px;
}

.buildStatusIcon_size_M.buildStatusIcon_personal {
  vertical-align: -3px;
}

.warningIcon svg {
  fill: #ff8c00;
}

@keyframes spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.buildProblemIcon {
  width: 20px;
}

.buildProblemIcon_new {
  position: relative;
}

.nameT .buildProblemIcon,
.summaryLink .buildProblemIcon {
  width: 16px;
}

.testActionsPopup .buildProblemIcon,
.actions .buildProblemIcon,
.addMessage .buildProblemIcon,
.responsible .buildProblemIcon {
  width: auto;
}

.summaryLink .buildProblemIcon {
  margin-left: 4px;
}

.helpLink .actionIconHelp,
.feedbackLink .actionIcon {
  margin-right: 4px;
}

.buildProblemIcon_internal {
  vertical-align: -2px;
}

.buildProblemIcon_taken {
  vertical-align: -4px;
}

.buildProblemIcon_taken svg,
.buildProblemIcon_muted svg,
.buildProblemIcon_ignored svg,
.buildProblemIcon_flaky svg {
  fill: #999999;
}

.buildProblemIcon_fixed svg {
  fill: #008EFF;
}

.buildProblemIcon__asterisk-small {
  position: absolute;
  top: -3px;
  left: 12px;
}

.buildProblemIcon__asterisk-small svg {
  vertical-align: top;
}

.buildProblemIcon__asterisk-small svg,
.buildProblemIcon_asterisk svg {
  fill: #e19c22;
}

.reactSpinningIcon {
  margin-right: 4px;
}

.commentIcon .svg-icon{
  color: #999999;
  vertical-align: -2px;
}

.commentIcon svg {
  transform: scaleX(-1);
}

.commentIconFlip svg {
  transform: none;
}

.buildNumber .commentIcon {
  margin-left: 4px;
}

/*---
/css/footer.css
---*/
/* Bottom-sticking footer */
html, body {
  height: 100%;
}

#mainContent {
  padding-bottom: 8em;
}

/*---
/css/tabs.css
---*/
/* Top-level tabs (header) */
#tabsContainer .tabs {
  margin: 0;
  padding: 0;
}

#tabsContainer .tabs li {
  float: left;
  height: 26px;
  margin: 6px 0 0 0;
  list-style: none;
}

#tabsContainer .tabs li.first {
  margin-left: 10px;
}

#tabsContainer .tabs li p {
  float: left;
  margin: 0;
  padding: 3px 10px;
}

#tabsContainer .tabs li.leftBorder p {
  border-left: none;
  padding-left: 16px;
}

#tabsContainer .tabs li.selected,
#tabsContainer .tabs li.selected a {
  color: black;
}

#tabsContainer .tabs #overview_Tab {
  padding-right: 5px;
}

#tabsContainer .tabs #overview_Tab p {
  width: auto;
  padding-right: 0;
}

#tabsContainer .tabs #overview_Tab p a {
  padding-right: 5px;
}

#tabsContainer .tabs #agents_Tab {
  width: auto;
  min-width: 115px; /* to avoid page jumping when mug is painted */
}

#tabsContainer .tabs #agents_Tab p {
  padding-right: 5px;
}

#tabsContainer .tabs #agents_Tab p a {
  margin-right: 0;
}

#tabsContainer .tabs #changes_Tab p {
  padding-left: 13px;
  padding-right: 13px;
}

/* Agent busyness indicator */
.mug {
  float: left;
  position: relative;
  width: 12px;
  height: 16px;
  margin: 4px 10px 0 0;
  padding: 0;

  border: 1px solid #0062c5;
  border-radius: 3px;

  font-size: 0;
  line-height: 0;

  background-color: white;
}

.mugStuff {
  background-color: #0062c5;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
}

div.mug + p,
#allPopupImg + p {
  display: none; /* Fix strange bug in IE and Chrome when additional paragraph appears in the top */
}

/* Breadcrumb */
#mainNavigation {
  visibility: hidden;
  clear: left;
  float: left;
  margin: 10px 0;
  padding: 0;
  list-style: none;
  max-width: 60%;
  line-height: 22px;
}

#mainNavigation li {
  display: inline;
  margin: 0 2px 0 0;
  padding: 0;
  font-size: 130%;
}

#mainNavigation .contentWrapper {
  display: inline-block;
  /* IE 7 hack */
  zoom: 1;
  *display: inline;
}

#mainNavigation li.last {
  white-space: nowrap; /* TW-29035 - only nowrap the last item, should be enough. If we nowrap all items, the breadcrumb stops wrapping completely */
}

#mainNavigation small {
  font-size: 100%;
  color: #888;
}

#mainNavigation li .tc-icon_after:after {
  margin-left: 6px;
}

#mainNavigation li.selected .tc-icon_after:after,
#mainNavigation li.buildType.last .tc-icon_after:after {
  background: none;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

#mainNavigation li.selected,
#mainNavigation li.selected a,
#mainNavigation li a:hover {
  color: #3f3f3f;
}

#mainNavigation .icon16 {
  margin-right: 3px;
  cursor: pointer;
}

#mainNavigation .icon16.toggle {
  margin-bottom: 0;
}

#mainNavigation .project-icon:before,
#mainNavigation .buildType-icon:before,
#mainNavigation .buildTypeTemplate-icon:before {
  margin-bottom: 2px;
}

#mainNavigation .icon16.icon_disabled {
  opacity: 0.3;
  cursor: default;
}

#mainNavigation .icon16.buildDataIcon {
  position: relative;
  top: -2px;
  margin-right: 3px;
}

/* Right-hand side links */
.quickLinks {
  clear: right;
  float: right;
  margin: 10px 0;
  white-space: nowrap;
  min-height: 1em;
}

.quickLinksItem {
  margin-left: 1.5em;
}

.quickLinksControlLink {
  margin-left: 1.5em;
}


/*-------------------- styles for the user panel navigation */

#userPanel {
  flex: 1;

  clear: right;
  float: right;
  width: 45%;
  margin: 6px 0 0;
  color: #888;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
}

.lt1000 #userPanel {
  width: 42%;
}

#userPanel .info {
  display: inline-block;
  padding: 3px 4px 15px;
  vertical-align: top;
  white-space: nowrap;
}

#userPanel .info.selected,
#userPanel .info.selected .pc__label a {
  color: #000;
}

#usernamePopupContent {
  padding: 0.2em;
  border: 1px solid #D6D6D6;
}

#usernamePopupContent div {
  padding: 0.2em 0.6em;
}

#usernamePopupContent div.settings {
  border-bottom: 1px solid #D6D6D6;
}

#usernamePopupContent div:hover,
#usernamePopupContent div:hover a {
  background-color: #3773C9;
  color: white;
  cursor: pointer;
  text-decoration: underline;
}

.investigationsTicker {
  float: left;
  margin-right: 4px;
  min-width: 21px;
  height: 19px;
  box-sizing: border-box;
}

.investigationsTicker.investigationsOld,
.investigationsTicker.investigationsNew {
  border: 1px solid #CCC;
  border-radius: 4px;
}

.investigationsTicker .investigationsLink {
  display: block;
  min-width: 13px;
  height: 13px;
  line-height: 13px;
  padding: 2px 3px;
  text-align: center;
}

.investigationsOld .investigationsLink {
  color: #666;
}

.investigationsOld .investigationsLink:hover {
  color: #1564C2;
  text-decoration: none;
}

.investigationsNew {
  background-color: #e58902;
  border: 1px solid #e58902;
}

.investigationsNew .investigationsLink {
  color: white;
  font-weight: bold;
}

.investigationsNew .investigationsLink:hover {
  color: white;
}

/*----------- Navigation for 3rd, 4th level ---*/

.simpleTabs .tabs {
  margin: 0;
  padding: 0;
  list-style: none;
}

.simpleTabs .tabs li {
  float: left;
  margin: 4px 0 0;
  padding: 0 2px 0 0;
  cursor: pointer;
  border-bottom: 1px solid #e0e0e0;
  vertical-align: bottom;
  white-space: nowrap;
}

.simpleTabs .tabs li #restBranchSelector{
  cursor: auto;
}

.simpleTabsWithSelector .tabs li { height: 2.1em }

.simpleTabs .tabs li.last {
  padding: 0 4px 0 0;
}

.simpleTabs .tabs li p {
  margin: 0;
  padding: 5px 10px 3px;
}

.simpleTabs .tabs li.selected {
  margin: 4px 0 0;
  padding: 0;

  border: 1px solid #e0e0e0;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
}

.simpleTabs .tabs li.selected a {
  position: relative;
  top: -1px;
  left: -1px;
  color: #151515;
  text-decoration: none;
}

.simpleTabs .tabs li.selected a:link,
.simpleTabs .tabs li.selected a:hover {
  padding-bottom: 2px;
  color: #3f3f3f;
  text-decoration: none;
}

.simpleTabs .tabs li span.mandatoryAsterix {
  font-size: 100%;
}

.simpleTabs .tabs li p.branchNameSelector {
  padding-left: 0;
}

.tabs .branchNameSelector.rest {
  margin-top: -5px;
}

.simpleTabs .tabs li p.branchNameSelector #branchNameSelector,
.simpleTabs .tabs li p.branchNameSelector > span.ufd {
  position: relative;
  top: -5px;
  width: 15em;
}

.-ufd-teamcity-ui-branchNameSelector{
  width: 15px !important;
}

.simpleTabs .tabs li p.branchNameSelector #branchNameSelector input{
  width: 174px !important;
}

/*---- table for showing content beside the tabs */
.tabsTable {
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

.tabCounter {
  position: relative;
  top: -1px;
  display: inline-block;
  margin: 0 5px;
  padding: 0 7px;
  border-top: 1px solid #D1E0F3;
  border-bottom: 1px solid #E7F0F9;
  border-radius: 8px;

  background: #E7F0F9;
  color: #1564C2;

  font-size: 10px;
  line-height: 14px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}

.tabCounter:empty {
  visibility: hidden;
}

.simpleTabs .tabs li.selected .tabCounter {
  left: -1px;
  top: -2px;
  border-top: 1px solid #DDD;

  background: #EFEFEF;
  color: #151515;
}

/* For when one level of tabs is not enough (Build Log, Dependencies) */
.subTabs {
  margin-top: 10px;
  margin-left: 10px;
}

.subTabs:empty {
  margin: 0;
}

.subTabs .subTabsRight {
  float: right;
  border-collapse: collapse;
}


#restBreadcrumbs{
  display: none;
  clear: left;
  float: left;
  padding: 0;
  list-style: none;
  max-width: 70%;
  margin: 0;
  margin-bottom: 5px;
}

#restNavigation, #restPageTitle, #restPageDescription{
  display: none;
  margin: 0;
}

#restPageTitle{
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 22px;
  line-height: 26px;
  vertical-align: middle;
  white-space: nowrap;
}

#restPageTitle .selected{
  font-size: 22px;
  vertical-align: middle;
}

#restPageTitle .selected.buildType,
#restPageTitle .selected.project{
  white-space: normal;
  max-width: 70vw;
}

#restPageTitle a:not(.error-url) {
  color: #151515;
  font-weight: 500;
}

#restPageDescription{
  color: #808080;
  margin-top: 5px;
}

#restBreadcrumbs ul{
  padding-left: 0;
}

#restNavigation{
  margin-top: 10px
}

#restNavigation li {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
}

#restNavigation li a{
  color: #808080;
}

#restNavigation li a:hover{
  color: #808080;
  text-decoration: underline;
}

#restBreadcrumbs .contentWrapper {
  display: inline-block;
  /* IE 7 hack */
  zoom: 1;
  *display: inline;
}

#restBreadcrumbs .tc-icon_breadcrumb_slash:after {
  content: '/';
  color: #808080;
  margin-right: 5px;
  margin-left: 4px;
  vertical-align: 1px;
}

#restBreadcrumbs li{
  margin-left: -3px;
}

#restBreadcrumbs .contentWrapper{
  padding: 0;
  border-radius: 3px;
}

#restNavigation .contentWrapper a{
  padding-right: 1px;
}

#restPageTitle .selected{
  display: inline-block;
}

li.main-navigation_branch-name-selector.rest p{
  padding: 0;
  width: 220px;
}

.prefix{
  color: #808080;
  padding-right: 10px;
}

#restBreadcrumbs .contentWrapper i{
  margin: 0;
  padding: 0;
}

#restBreadcrumbs .contentWrapper .iWrapper{
  margin: -3px 1px -2px -2px;
  padding: 3px 2px 2px 2px;
  border-radius: 3px;
}

#restBreadcrumbs .contentWrapper .iWrapper:hover{
  background-color: #e8e8e8;
}

#restPageTitle .contentWrapper .iWrapper{
  margin: -1px 2px -3px -6px;
  padding: 1px 3px 3px 6px;
  border-radius: 3px;
}

#restPageTitle .contentWrapper .iWrapper:hover{
  background-color: #e8e8e8;
}

#restPageTitle i.itemSeverity.tc-icon {
  width: 15px;
  height: 15px;
}

#restPageTitle .healthItemIndicator{
  height: 15px;
  vertical-align: middle;
}

.healthItemIndicator .warningIcon {
  margin-left: 0.3em;
}

#restPageTitle .healthItemIndicator i.itemSeverity {
  vertical-align: baseline;
  font-size: 13px;
  line-height: 13px;
  width: 0.8em;
}

#restNavigation .noIconLink{
  margin-left: 4px;
}

.branchNameSelector_placeholder {
  display: inline-block;
  width: 100%;
  position: relative;
  border: 1px solid lightgray;
  padding: 0;
  border-radius: 3px;
}

.branchNameSelector_placeholder.minimalistic{
  background-color: #e5f4ff;
  border: none;
  width: 99%;
  height: 1.8em;
  font-size: 13px;
  padding-top: 1px;
  box-sizing: border-box;
}

.branchNameSelector_placeholder input{
  border: none;
  background-color: transparent;
  width: 83%;
  padding-left: 4px;
}

.branchNameSelector_placeholder.minimalistic .branch{
  top: -2.5px;
  left: 7px;
}

.branchNameSelector_placeholder.minimalistic .branch.loading{
  left: 2.5px;
  top: -1.5px;
}

#restBranchSelector .minimalistic {
  display: inline-block;
  width: 100%;
  vertical-align: -7px;
}

#restBranchSelector .minimalistic input{
  vertical-align: top;
  background-color: #e5f4ff;
  border: none;
  border-radius: 3px;
  padding-left: 24px;
  height: 1.8em;
  line-height: 1.8em;
}

#restBranchSelector .minimalistic  search-input.search-panel {
  border: none;
  margin: 0;
  padding: 0;
}

#restBranchSelector .minimalistic  .it.branch {
  top: 4px;
}

#restBranchSelector .minimalistic  .it.itr {
  top: 3px;
  right: 2px;
}

#restBranchSelector .minimalistic .dropdown-content{
  font-size: 13px;
  padding: 0 0 0 10px;
  border: 1px solid lightgray;
  margin-top: -3px;
}

#restBranchSelector .minimalistic .node.helper{
  margin-left: -8px;
}

.branchSearchWrapper{
  display: inline-block;
  margin-left: 10px;
  margin-right: 4px;
  height: 24px;
}

ul.tabs i.tc-icon_attention {
  margin-left: -18px;
  margin-right: 2px;
}

.experimental-ui-toggle {
  float: left;
  margin-right: 16px;
}

.usernamePopup .pc__label {
  margin-left: 4px;
}

/*---
/css/buildLog/buildResultsDiv.css
---*/
td.detailsPart {
  /* Disallow floating First Failed In block to flow far right for wide stacktraces in expanded state: */
  max-width: 1000px;
  overflow: visible;

  padding-left: 4.3em;
}

td.detailsPart .stamp {
  float: right;
}

p.blockHeader {
  font-size: 100%;
  font-weight: bold;
}

p.blockHeader,
p.passedTestsBlock {
  margin-bottom: 0;
}

p.passedTestsBlock {
  padding-left: 22px;
}

#failedTestsDl span.pc.testNamePopup {
  font-weight: bold;
}

#depsData {
  padding-top: 10px;
  padding-left: 40px;
}

#depsData table {
  width: 100%;
}

#depsData td {
  padding: 2px 5px;
}

#depsData td.buildNumber {
  white-space: nowrap;
  text-align: right;
}

#depsData tr.failedConfig td {
  border-top: 1px #E3E9EF solid;
  border-bottom: .5em white solid;
  background-color: #f5f5f5;
}

.failedTestsCaption {
  background-color: #E3E9EF;
  padding-left: 5px;
}

.package {
  color: #888;
  font-weight: normal;
  font-family: arial, sans-serif;
}

#mutedTestsDl div {
  margin: 0.3em 0 0.3em 13px;
}

#mutedTestsDl dd {
  min-height: 1em;
  margin-bottom: 0.6em;
}

.fullView {
  display: none;
  height: auto;
  font: 12px Menlo, "Bitstream Vera Sans Mono", "Ubuntu Mono", Consolas, "Courier New", Courier, monospace;
  color: darkred;
}

.fullView .hideStacktrace {
  display: block;
  padding: 3px;
}

/* Hide first link "hide details" on the grouped test view */
.testList .fullView a.hideStacktrace:first-child {
  display: none;
}

dd.full input {
  display: block;
  margin: 0.7em 0;
}

div.firstFailedWhenFixed {
  font-size: 80%;
}

span.showTrace {
  padding-left: 10px;
  border-left: 1px solid #eee;
  font-weight: normal;
}

/* Artifact dependencies table */

table.artifactsList {
  width: 60%;
  margin: 0 0 .8em 1em;
  border-bottom: solid 1px #eee;
}

table.artifactsList td {
  margin: 0;
  padding: 0 2px;
  text-align: left;
}

table.artifactsList td.right {
  text-align: right;
}

table.artifactsList .second_line {
  font-size: 85%;
  vertical-align: top;
}

table.artifactsList .second_line td {
  padding-bottom: .3em;
}

#dependencies p {
  margin-bottom: .5em;
  margin-left: 10px;
}

/* Styles for VCS revisions and labels section */
table.plain {
  width: 80%;
  margin: 10px 0 5px 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

table.plain th {
  background-color: #f5f5f5;
}

table.plain td,
table.plain th {
  padding: .2em .5em;
  text-align: left;
  border-right: 1px solid #ccc;
}

table.changeRevisionsTable {
  width: 100%;
  margin-left: 0;
}

.changeRevisionsTable td {
  vertical-align: top;
}

.changeRevisionsTable .vcsRoot {
  width: 50%;
  white-space: nowrap;
}

.changeRevisionsTable .revision {
  width: 35%;
}

.changeRevisionsTable .label {
  width: 15%;
}

.noteOnVcsRootInBuild {
  display: inline-block;
  margin-left: 1em;
  font-style: italic;
  color: #888;
}

.changeRevisionsActions {
  margin-bottom: 2em;
}

.changeRevisionsActions .right {
  float: right;
}

#buildResults .attentionComment {
  margin-top: 0.5em;
}

.testListSelected td,
.testRowSelected td {
  background-color: #f5f5f5
}

.testListSelected .testRelatedBuilds td {
  background-color: #fff;
}

.artifactsNote {
  margin-top: .5em;
  margin-left: 7px;
}

.build_type_description {
  color: #888;
}

#deploymentStatus table.modificationBuilds tr td.build_type_name, #deploymentStatus table.modificationBuilds tr td.buildTypeName {
  width: 30%;
}

#deploymentStatus table.modificationBuilds td.branch {
  padding-left: 1em;
  width: 2%;
}

#deploymentStatus table.modificationBuilds div.runButton {
  float: right;
  padding-left: 2em;
}

#deploymentStatus table.modificationBuilds tr td.status {
  width: 26%
}

#deploymentStatus table.modificationBuilds tr td.estimate {
  width: 58%
}

/*---
/css/testGroups.css
---*/
/* Test grouping */

.tests-group {
  /* For absolute checkboxes positioning */
  position: relative;
}

.tests-group .multi-select {
  vertical-align: middle;
}

.tests-group input.checkbox,
.tests-group .custom-checkbox {
  margin-right: 10px;
}

.group-div table.testList {
  width: 100%;
}

.expanded_view_container .group-div table.testList {
  table-layout: fixed;
}

.group-div table.testList td.testNamePart,
.group-div table.testList tr.testDetailsRow > td {
  padding-left: 27px;
  padding-right: 0;
}

.allFailedInOtherConfigs {
  font-style: italic;
  padding-left: 10px;
}

.subgroups {
  padding-left: 22px;
}

/* This is checkbox replacement, to avoid shift to the left: */
.subgroups span.chkboxPlace,
table.testList span.chkboxPlace {
  display: inline-block;
  width: 27px;
}

/* Place checkboxes to the left column: */
.tests-group table.testList input.checkbox,
.tests-group table.testList .custom-checkbox,
.tests-group .subgroups input.checkbox,
.tests-group .subgroups .custom-checkbox {
  position: absolute;
  left: 0;
  margin-top: 2px;
}

.tests-group span.handle {
  position: relative;
  margin-right: 0.3em;
}


.tests-group .marker {
  width: 2px;
  border: 1px solid #CCCCCC;
  border-right: none;
}

.tests-group .action-bar,
.expand_collapse.action-bar {
  background-color: #F5F5F5;
  margin-bottom: 5px;
  margin-left: 0;
  padding: 0.5em 8px;
  line-height: 2em;
}

.tests-group .action-bar .group-by-section {
  margin-left: 1em;
  margin-right: 0;
}

.tests-group .action-bar > span.select a {
  margin-left: 4px;
}

.tests-group .group-name {
  white-space: nowrap;
  margin-top: 5px;
  border-top: 1px dotted #DEDEDE;
  margin-bottom: 3px;
  padding-top: 3px;
}

.tests-group .group-name:first-of-type {
  border-top: none;
  padding-top: 0;
}

.tests-group table.bulk-toolbar {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}

.tests-group table.bulk-toolbar td.testNamePart {
  padding-left: 0;
}

.by-bt span.title {
  font-weight: normal;
}

.tests-group .testCount {
  color: #888;
  font-weight: normal;
}

.failedInPopup {
  white-space: nowrap;
}

.tests-group .select-all {
  margin-top: 5px;
}

.tests-group .select-all input.checkbox,
.tests-group .select-all .custom-checkbox {
  position: relative;
  left: 0;
}

.tests-group .select-all .custom-checkbox {
  margin-right: 10px;
}

.tests-group .by-nothing {
  margin-top: 5px;
}

#failedTestsDl .tests-group span.pc.testNamePopup {
  font-weight: normal;
}

.tests-group td.testNamePart {
  padding: 0;
  white-space: nowrap;
}

.tests-group img.icon + .title {
  margin-left: 5px;
}

/** Styles for test details mode, when clicking on test name in test list */
/**=======================================================================*/
/**=======================================================================*/
.testDetailsShown {
  background-color: #f5f5f5 !important;
}

.testDetailsShown span.pc,
#failedTestsDl .tests-group .testDetailsShown span.pc.testNamePopup {
  font-weight: bold;
}

.testDetailsInline {
  margin-bottom: 0.5em;
  margin-left: 22px;
  overflow: visible;
}

.tests-group.with-actions .subgroups .testDetailsInline {
  margin-left: 50px;
}

.group-div.by-nothing .testDetailsInline, .group-div.by-package .testDetailsInline {
  margin-left: 50px;
}

.group-div.by-package.no-actions .testDetailsInline {
  margin-left: 22px;
}

.testDetailsInline .simpleTabs {
  margin-bottom: 5px;
}

.testDetailsInline .fullStacktrace {
  margin-top: 0.5em;
  margin-bottom: 0.5em;

  white-space: pre-wrap;
  word-break: break-all;
}

.fullStacktrace,
dd.full {
  padding: 3px 3px 0 3px;
  font: 12px/1.2em Menlo, "Bitstream Vera Sans Mono", "Ubuntu Mono", Consolas, "Courier New", Courier, monospace;
  color: darkred;
}

.testDetailsInline .hideStacktrace {
  padding-top: .5em;
  margin-right: 1em;
  display: inline-block;
}

.testDetailsInline .testBlock {
  position: relative;
  width: 100%;
}

.testDetailsInline .rightBlock {
  float: right;

  background-color: rgba(245, 245, 245, 0.81);
  border-left: 5px solid #fff;
  border-bottom: 5px solid #fff;
}

.testListSelected .testDetailsInline .rightBlock {
  background-color: #fff;
  border-left-color: #f5f5f5;
  border-bottom-color: #f5f5f5;
}

.testDetailsInline .collapser {
  float: right;
  height: 2em;
  padding: 5px;
  cursor: pointer;
}

.testDetailsInline .collapsedDetails {
  line-height: 2em;
  padding-left: 6px;
}

.testDetailsInline .collapsedDetails .collapser {
  padding: 0 5px;
  line-height: 2em;
}

.testDetailsInline .relatedBuildsWrapper {
  border-right: solid white 3px;
  float: right;
}

.testListSelected .testDetailsInline .relatedBuildsWrapper {
  border-right-color: #f5f5f5;
}

.testDetailsInline .testRelatedBuilds {
  width: auto;
  margin: 5px;
}

.testDetailsInline .branchName,
.testDetailsBranchName {
  margin-left: 5px;
  position: relative;
  top: -1px;
}

.testDetailsBranchName {
  max-width: 104px;
}

.testRelatedBuilds td {
  padding: 2px 5px;
  white-space: nowrap;
}

.testDetailsInline .testRunsNote {
  color: #888;
  padding-top: 5px;
}

.testDetailsInline .otherBuilds {
  border-left: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  padding: 10px;
}

.testStatus.successful{
  color: darkgreen;
}
.testStatus.ignored, .testStatus.muted, .testStatus.unknown {
  color: #888;
}

/** Stack trace switcher: */
.testRelatedBuilds .selector {
  padding-left: 2px;
  padding-right: 0;

  text-align: right;
}

/** Clickable cells for FFI: */
.testRelatedBuilds .clickable .selector,
.testRelatedBuilds .clickable .header {
  color: #222;
  cursor: pointer;
}

/** Non-clickable cells for current row: */
.testRelatedBuilds .clickable.selectedBuild .selector,
.testRelatedBuilds .clickable.selectedBuild .header {
  cursor: default;
}

.testRelatedBuilds .buildNumber,
.testRelatedBuilds .changes,
.testRelatedBuilds .date,
.testRelatedBuilds .agent {
  min-width: 8em;
}

.testRelatedBuilds .changes {
  white-space: normal;
}

.testDetailsRow .testLoading {
  margin-left: 27px;
}

.testIcons {
  min-width: 45px;
  display: inline-block;
  margin-left: -22px;
}

.testIcons > :only-child {
  margin-left: 24px;
}

.testIcons:empty {
  display: none;
}

.viewAllUrl {
  padding-top: 10px;
}
/*---
/css/testList.css
---*/
table.testList {
  width: 100%;
  border-collapse: collapse;
}

table.testList > td {
  padding-top: .3em;
  padding-bottom: .3em;
  border-bottom: 1px solid #eee;
  vertical-align: top;
}

.testNamePart.more {
  font-style: italic;
}

#muted-problems .action-bar {
  padding-right: 0;
  padding-left: 0;
}

#muted-problems table.bulk-toolbar td {
  margin: 0;
  padding: 0 6px;
  text-align: left;
}

#muted-problems table.bulk-toolbar td.testNamePart {
  padding-left: 10px;
}

#muted-problems table.bulk-toolbar td.mute-scope {
  padding-left: 1.6em;
}

#muted-problems table.bulk-toolbar td.mute-time {
  padding-left: 2.2em;
}

#muted-problems .testNamePart {
  width: 62%;
}

#muted-problems .mute-scope {
  width: 22%;
}

#muted-problems .mute-time {
  width: 16%;
}

.testFailedInPart {
  width: 15%;
  padding-right: 1em;
  vertical-align: top;
  text-align: right;
  white-space: nowrap;
}

.testFailedInPart span.highlightChanges {
  left: 0;
}

.testFailedInPart,
.testFailedInPart a {
  color: #888;
}

.testFailedInPart a {
  text-decoration: underline;
}

.testFailedInPart em {
  padding-right: 23px; /* To align text with cases when there is popup arrow */
}
/*---
/css/investigation.css
---*/
.responsible span.responsibilityMessage {
  background-color: #ffc;
  display: inline-block;
}

.responsible .commentIcon {
  margin-left: 4px;
  width: 12px;
}

/*

       ALSO see statusChangeLink.css

*/

/* Build type investigate dialog */

#investigationFormDialog {
  width: 575px;
}

#investigationFormDialog .list table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
}

#investigationFormDialog .list table td {
  vertical-align: top;
}

#investigationFormDialog .list table td.bt {
  width: 165px;
}

#investigationFormDialog .list table td:last-child {
  text-align: right;
}

#investigationFormDialog .list table td:last-child span {
  left: 0;
  padding: 0;
}

#investigationFormDialog .right {
  float: right;
}

#investigationFormDialog .configurations {
  padding-top: 4px;
}

#investigationFormDialog #bt-responsible,
#investigationFormDialog #bt-investigation-warning {
  width: 410px;
}

#investigationFormDialog table.inner th {
  width: 65px;
}

#investigationFormDialog #bt-remove-investigation {
  width: 341px;
}

#investigationFormDialog #bt-comment {
  width: 100%;
}

#bt-investigation-warning > div.attentionComment,
#test-investigation-warning > div.attentionComment {
  margin: 0.5em 0 0;
  padding-right: 0.5em;
}

#investigationFormDialog h3.dialogTitle span {
  padding: 0 0 0 20px;
}

#investigationFormDialog div.dialogBody {
  margin: 1em 0;
}

/* Investigations page */

select.wideUserDropDown {
  width: 24em;
}

#responsibilitiesTable h2 {
  margin: 0.5em 0 0 10px;
}

#responsibilitiesTable td {
  vertical-align: top;
}

#responsibilitiesTable .testFailedInPart {
  padding: 0 0 0 1em;
}

#responsibilitiesTable .testNamePart {
  width: 45%;
}
.gt1200 #responsibilitiesTable .testNamePart {
  width: 43%;
}

#responsibilitiesTable .actions {
  width: 15em;
  white-space: nowrap;
  text-align: right;
}

.testDetailsShown .details .testActionsLinks {
  display: none;
}

/* Bottom toolbar */

.bulk-operations-toolbar {
  text-align: center;
}

.bulk-operations-toolbar .bulk-operation-cancel {
  margin-left: 1em;
}

/* Investigate/Mute dialog */

.modalDialog.muteTestsFormDialog.wideDialog {
  width: 735px; /* The internal inputs are in pixel, so it's safer to have pixels here as well. */
}

.investigation-dialog .modifiedParam {
  background-color: #FFC !important;
}

.investigation-dialog .list {
  overflow: auto;
  max-height: 120px;
  margin: .5em .3em 0;
}

.investigation-dialog .blockHeader {
  background: #F5F5F5;
  margin-top: 1em;
  margin-bottom: 0.5em;
  padding: 0 0.3em;
  border-top: 1px dotted #CCC;
  border-bottom: 1px dotted #CCC;
  border-right: none;
  cursor: default;
  font: normal 1em/1.5em "Helvetica Neue", Arial, sans-serif;
}

.investigation-dialog .collapsible-section {
  width: 100%;
  border-collapse: collapse;
}

.investigation-dialog .reset {
  display: none;
  float: right;
  font-weight: normal;
}

.investigation-dialog h3 input, .investigation-dialog #commentOrScopeChanged {
  display: none;
}

.investigation-dialog table.inner th {
  width: 70px;
  vertical-align: middle;
}

.investigation-dialog .project-info {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #dedede;
}

.investigation-dialog .relatedProjects {
  list-style: circle;
  overflow-y: scroll;
  max-height: 150px;
  padding: 0 20px;
}

.investigation-dialog .popupSaveButtonsBlock {
  height: auto;
}

.investigate-no-permission {
  display: block;
  margin: 5px 0;
}

table.investigate-params th {
  width: 120px;
  height: 26px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

table.investigate-params td {
  padding: 0;
}

table.investigate-params .inner select {
  width: 490px;
}

table.mute-params {
  margin-top: 0.5em;
}

table.mute-params th {
  width: 120px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

table.mute-params td textarea {
  width: 100%;
}

table.mute-params td input[type=text],
table.investigate-params td input[type=text] {
  width: 558px;
}

table.mute-params td select,
table.investigate-params td select {
  width: 564px;
}

table.mute-params table.inner {
  width: 100%;
  margin-top: 3px;
}

table.mute-params table.inner td {
  text-align: right;
}

table.mute-params .inner input[type=text] {
  width: 440px;
}

table.mute-params .inner select {
  width: 487px;
}

div.hr {
  height: 1px;
  margin-top: 0.8em;
  margin-bottom: 0.5em;
  border: none;
  border-top: 1px solid #aaaaaa;
}

.do-mute {
  margin-top: 1em;
  margin-left: 12px;
}

#mute-in-bt-list {
  overflow: auto;
  max-height: 200px;
  padding: 3px 5px;
  position: relative;
}

#muted-tests {
  width: 100%;
  border-collapse: collapse;
}

#muted-tests td {
  padding: 0.3em 0.6em;
}

#mute-dialog-container .error-msg {
  color: #e50000;
}

/* Popups */

div.name-value {
  padding: 4px;
}

div.name-value + div.name-value {
  border-top: 1px solid #ddd;
  padding-top: 0;
}

div.name-value > table {
  width: 100%;
  max-width: 36em;
}

div.name-value > table + table {
  border-top: 1px solid #ddd;
}

div.name-value > table th {
  padding-right: 0.4em;
}

div.name-value > table th,
div.name-value > table td {
  vertical-align: top;
  text-align: left;
  white-space: nowrap;
}

div.name-value > table th {
  width: 40%;
}

div.name-value > table td.resp-comment,
div.name-value > table td.mute-comment {
  max-width: 400px;
  white-space: normal;
  font-style: italic;
}

div.name-value + div.actions {
  background-color: #F6F6F6;
  padding: 5px 5px 5px 8px;
  border-top: 1px solid #D6D6D6;
}

div.name-value > div.flakyReason {
  font-weight: bold;
}

div.name-value > ul.flakyReason {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1em;
}

table.projectHierarchy.buildTypesRespTable td.build_type_name, table.projectHierarchy.buildTypesRespTable td.project_name {
  width: 50%;
}

table.projectHierarchy.buildTypesRespTable td.actions {
  width: 15%;
}

.buildTypeProblemText {
  color: #e50000;
}

/*---
/css/statusChangeLink.css
---*/
/*
   Used for change responsibility links
*/

button.statusChangeLink {
  margin-top: -2px;
  margin-bottom: -3px;
  margin-left: 8px;
}
button.statusChangeLink-first {
  margin-left: 0;
}
.statusChangeLink:after {
  content: "...";
}

.changeBuildStatus-errorText {
  color: #e50000;
}

.changeBuildStatus-warningText {
  color: #C47003;
}

.changeBuildStatus-notificationNote {
  color: #808080;
  font-style: italic;
}

.changeBuildStatus-why {
  display: none;
}

.changeBuildStatus-reason {
  line-height: 2;
  font-weight: bolder;
}
/*---
/css/tree/oldTree.css
---*/
/*
 * CSS for Standard tree layout
 * Copyright (C) 2005 SilverStripe Limited
 * Feel free to use this on your websites, but please leave this message in the fies
 * http://www.silverstripe.com/blog
 */

.tree {
  width: auto;
  margin: 0;
  padding: 0;
}

.tree,
.tree ul {
  padding-left: 0;
}

.tree ul {
  margin-left: 16px;
}

.tree li.closed ul {
  display: none;
}

.tree li {
  background: url(/css/tree/../../img/tree/i-repeater.gif?v=58406) 0 0 repeat-y;
  display: block;
  width: auto;
  list-style: none;
}

.tree li.last {
  background-image: none;
  list-style: none;
}

/* Span-A: I/L/I glpyhs */
.tree span.a {
  background: url(/css/tree/../../img/tree/t.gif?v=58406) 0 50% no-repeat;
  display: block;
}

.tree span.a.last {
  background-image: url(/css/tree/../../img/tree/l.gif?v=58406);
}

/* Span-B: Plus/Minus icon */
.tree span.b {
}

.tree span.a.children span.b {
  display: inline-block;
  background: url(/css/tree/../../img/tree/minus.gif?v=58406) 0 50% no-repeat;
  cursor: pointer;
}

.tree li.closed span.a.children span.b {
  background-image: url(/css/tree/../../img/tree/plus.gif?v=58406);
}

/* Span-C: Spacing and extending tree line below the icon */
.tree span.c {
  margin-left: 16px;
}

.tree span.a.children span.c {
  background: url(/css/tree/../../img/tree/i-bottom.gif?v=58406) 0 50% no-repeat;
}

.tree span.a.spanClosed span.c {
  background-image: none;
}

/* Anchor tag: Page icon */
.tree a {
  white-space: nowrap;
  overflow: hidden;

  padding: 0 0 0 18px;

  background: url(/css/tree/../../img/tree/page-file.png?v=58406) 0 50% no-repeat;
  background-size: 16px;
}

.tree span.a.children a {
  background-image: url(/css/tree/../../img/tree/page-openfoldericon.png?v=58406);
}

.tree span.a.children.spanClosed a {
  background-image: url(/css/tree/../../img/tree/page-foldericon.png?v=58406);
}

/* Unformatted tree */
.tree.unformatted li {
  background-image: none;
  padding-left: 16px;
}

.tree.unformatted li li {
  background-image: none;
  padding-left: 0;
}

/*
 * Divs, by default store vertically aligned data
 */

.tree li div {
  float: right;
  clear: right;
  height: 1em;
  margin-top: -26px;
}

/* As inside DIVs should be treated normally */
.tree div a {
  padding: 0;
  background-image: none;
  height: auto;
}

.tree li A:link,
.tree li A:hover,
.tree li A:visited {
  color: #151515;
}

.tree li .over {
  background-color: pink;
}

.filesize {
  margin-left: 1em;
}

.treeTotals {
  margin: 4px 0 0 7px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 200 / 100),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
  .tree a {
    background-image: url(/css/tree/../../img/tree/page-file@2x.png?v=58406);
  }

  .tree span.a.children a {
    background-image: url(/css/tree/../../img/tree/page-openfoldericon@2x.png?v=58406);
  }

  .tree span.a.children.spanClosed a {
    background-image: url(/css/tree/../../img/tree/page-foldericon@2x.png?v=58406);
  }
}

/*---
/css/tree/tree.css
---*/
/* Lazy tree selectors */

.lazy-tree {
  width: auto;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.lazy-tree a {
  color: #151515;
  white-space: nowrap;
}

.lazy-tree a:focus {
  outline: thin dotted;
}

.lazy-tree,
.lazy-tree .lazy-subtree {
  padding-left: 0;
}

.lazy-tree .lazy-subtree {
  margin-left: 16px;
}

.lazy-tree .leaf,
.lazy-tree .open,
.lazy-tree .closed {
  background: url(/css/tree/../../img/tree/i-repeater.gif?v=58406) 0 0 repeat-y;
}

.lazy-tree .last {
  background-image: none;
}

.lazy-tree .open > span.a,
.lazy-tree .closed > span.a {
  background: url(/css/tree/../../img/tree/l.gif?v=58406) 0 -15px no-repeat;
}

.lazy-tree .open > span.a > span.b {
  background: url(/css/tree/../../img/tree/minus.gif?v=58406) 0 -15px no-repeat;
}

.lazy-tree .open > span.a > span.b > span.c {
  background: url(/css/tree/../../img/tree/page-openfoldericon.png?v=58406) 16px 0 no-repeat;
  background-size: 16px;
  cursor: pointer;
  padding-left: 34px;
}

.lazy-tree .closed .lazy-subtree {
  display: none;
}

.lazy-tree .closed > span.a > span.b {
  background: url(/css/tree/../../img/tree/plus.gif?v=58406) 0 -15px no-repeat;
}

.lazy-tree .closed > span.a > span.b > span.c {
  background: url(/css/tree/../../img/tree/page-foldericon.png?v=58406) 16px 0 no-repeat;
  background-size: 16px;
  padding-left: 34px;
  cursor: pointer;
}

.lazy-tree .leaf > span.a > span.b {
  background: url(/css/tree/../../img/tree/t.gif?v=58406) 0 50% no-repeat;
}

.lazy-tree .leaf.last > span.a > span.b {
  background: url(/css/tree/../../img/tree/l.gif?v=58406) 0 50% no-repeat;
}

.lazy-tree .leaf > span.a > span.b > span.c {
  background: url(/css/tree/../../img/tree/page-file.png?v=58406) 17px 0 no-repeat;
  background-size: 16px;
  overflow: hidden;
  padding-left: 34px;
}

/* TW-20880 */
.lazy-tree .leaf.last > span.a,
.lazy-tree .leaf.last > span.a > span.b {
  display: block;
}

.lazy-tree .filesize {
  margin-left: 0.5em;
  color: #3F3F3F;
  font-size: 80%;
}

.lazy-tree .emptyMessage {
  font-style: italic;
  color: #888;
}

.lazy-tree .tree-error {
  color: #e50000;
  padding-left: 16px;
}

/* Archives */

.lazy-tree .closed > span.a > span.b > span.c.archive {
  background: url(/css/tree/../../img/tree/archive.png?v=58406) 16px 0 no-repeat;
  background-size: 16px;
}

.lazy-tree .open > span.a > span.b > span.c.archive {
  background: url(/css/tree/../../img/tree/openArchive.png?v=58406) 16px 0 no-repeat;
  background-size: 16px;
}

/* File browse */

.fileBrowse {
  width: 70%;
}

.headMessage {
  margin: 0.6em 0;
}

.headMessage div.downloadLink {
  float: right;
}

.headMessage div.downloadLink a.downloadLink {
  float: none;
}

.fileBrowse .upload {
  margin-top: 1em;
}

.fileBrowse .fileName {
  font-weight: bold;
}

.fileBrowse .fileSize {
  color: #888888;
}

.fileBrowse .fileOperations {
  color: #999999;
  margin-left: 2em;
  white-space: nowrap;
}

.fileBrowse .fileOperations a {
  margin: 0 2px;
}

.fileBrowse .fileOperations a.downloadLink {
  float: none;
}

.fileBrowse pre {
  clear: both;
}

.uploadDialog input {
  margin-left: 0.5em;
}

.uploadDialog .runnerFormTable .smallNote,
#uploadError {
  margin: 0.2em 0 0 0.6em;
}

.uploadDialog th {
  text-align: left;
}

.uploadDialog #fileName,
.uploadDialog #destination {
  width: 25em;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 200 / 100),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
  .lazy-tree .closed > span.a > span.b > span.c {
    background-image: url(/css/tree/../../img/tree/page-foldericon@2x.png?v=58406);
  }

  .lazy-tree .open > span.a > span.b > span.c {
    background-image: url(/css/tree/../../img/tree/page-openfoldericon@2x.png?v=58406);
  }


  .lazy-tree .closed > span.a > span.b > span.c.archive {
    background-image: url(/css/tree/../../img/tree/archive@2x.png?v=58406);
  }

  .lazy-tree .open > span.a > span.b > span.c.archive {
    background-image: url(/css/tree/../../img/tree/openArchive@2x.png?v=58406);
  }

  .lazy-tree .leaf > span.a > span.b > span.c {
    background-image: url(/css/tree/../../img/tree/page-file@2x.png?v=58406);
  }
}

.tree-full-width-click .a {
  display: block;
  width: 100%;
  cursor: pointer;
}

.tree-full-width-click span.a:hover {
  background-color: #f2f9ff;
}

.tree-full-width-click span.a:hover a {
  text-decoration: underline;
}

/*---
/css/projectHierarchy.css
---*/
.projectHierarchy {
  border-collapse: collapse;
  width: 100%;
}

.projectHierarchy span.handle {
  vertical-align: text-bottom;
}

.projectHierarchy .sub_project_table {
  border: none;
  padding: 0;
}

.projectHierarchy .project .archived_project,
.archived_project {
  font-size: 15px;
  font-style: italic;
  font-weight: 200;
  color: #808080;
  margin-left: 0.5em;
}

.projectHierarchy .project .counter {
  color: #888;
}

.projectHierarchy .build_type .no_build_types {
  font-style: italic;
  color: #808080;
}

.projectHierarchy td {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

.projectHierarchy table.project_content_holder {
  padding: 0;
  margin: 0;
  border: none;
  border-collapse: collapse;
  width: 100%;
}

.projectHierarchy td.project_content_holder {
  padding: 0;
  margin: 0;
  border: none;
  border-collapse: collapse;
}

.projectHierarchy tr.project {
  background: none;
}

.projectHierarchy tr.project:hover,
.projectHierarchy tr.vcsRoot:hover,
.projectHierarchy tr.template:hover,
.projectHierarchy tr.build_type:hover {
  background-color: #F9F9F9; /* Highlight for better visibility, the row is not clickable */
}

.projectHierarchy.modificationBuilds tr:hover,
.projectHierarchy.buildTypesRespTable tr:hover {
  background-color: inherit;
}

.projectHierarchy .project_description {
  padding-left: 5px;
  color: #888;
}

.projectHierarchy .build_type_description {
  padding-left: 5px;
  color: #888;
}

.projectHierarchy tr.project {
  font-weight: normal;
}

.projectHierarchy .depth-0 {padding-left: 2px; }
.projectHierarchy .depth-1 {padding-left: 20px; }
.projectHierarchy .depth-2 {padding-left: 40px; }
.projectHierarchy .depth-3 {padding-left: 60px; }
.projectHierarchy .depth-4 {padding-left: 80px; }
.projectHierarchy .depth-5 {padding-left: 100px; }
.projectHierarchy .depth-6 {padding-left: 120px; }
.projectHierarchy .depth-7 {padding-left: 140px; }
.projectHierarchy .depth-8 {padding-left: 160px; }
.projectHierarchy .depth-9 {padding-left: 180px; }

.projectHierarchy td.details {
  width: 80%;
}

/*---
/css/tags.css
---*/
span.selectedTag,
.unselectedTag {
  margin-right: 2px;
  padding: 1px 5px 2px;
  border-radius: 3px;

  font-size: 11px;
  font-weight: bold;
}

span.selectedTag {
  background-color: #1564c2;
  color: white;
  border: 1px solid #1564c2;
}

.unselectedTag {
  border: 1px solid #eee;
}

.editTagsDialog .unselectedTag,
.historyList .unselectedTag,
.tagsPopup .unselectedTag {
  display: inline-block;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  line-height: 12px;
  white-space: nowrap;
  vertical-align: middle;
}

.unselectedTag:hover {
  background-color: #eee;
  text-decoration: none;

  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.historyList .tags {
  max-width: 500px;
}

.tagsPopup {
  max-width: 1000px;
}

.more-tags-separator {
  white-space: nowrap;
  cursor: pointer;
}

.all-tags-switch {
  visibility: hidden;
  position: absolute;
}

.all-tags-switch ~ .unselectedTag,
.all-tags-switch:checked ~ .unselectedTag.more-tags-separator,
.editTagsDialog .all-tags-switch:checked ~ .unselectedTag.more-tags-separator {
  display: none;
}

.all-tags-switch:checked ~ .unselectedTag,
.all-tags-switch ~ .unselectedTag.more-tags-separator {
  display: inline;
}

.editTagsDialog .all-tags-switch:checked ~ .unselectedTag,
.editTagsDialog .all-tags-switch ~ .unselectedTag.more-tags-separator {
  display: inline-block;
}

.tagsApplyAll {
  margin-top: 1em;
}

.editTagsDialog .textLabel {
  line-height: 2;
  font-weight: bolder;
}

.editTagsDialog .note {
  color: #888;
}

.favoriteBuild {
  color: #4d93c1;
  cursor: pointer;
  font-style: normal;
}

.favoriteBuildDescription{
  margin-bottom: 1em;
}

.favoriteBuildsTable tr{
  vertical-align: top;
}

.favoriteBuildsTable tr td{
  font-size: 90%;  /*this table is similar to presentation we have on running builds agents page, let's copy font size from that page*/
}

.favoriteBuildsTable .buildNumber{
  min-width: 10em;
}

.favoriteBuildsTable .pin{
  min-width: 5em;
  text-align: right;
}

.favoriteBuildsTable .duration{
  min-width: 8em;
  max-width: 11em;
  white-space: nowrap;
}


.loadMoreContainer{
  padding: 1em;
  width: 100%;
  text-align: center;
}

.loadMoreBtn{
  width: 30%;
  text-align: center;
}

.showMoreFavoriteBuildsProgress {
  margin-left: -25px;
}
.recent{
  background-color: #ffc;
}

.available-tags-container {
  max-height: 350px;
  overflow-y: auto;
}
/*---
/css/quickLinksPopUp.css
---*/
/*------------------------ styles for the quickLinks - like popups*/

.quickLinksMenuPopup {
  width: 22em;
  padding: 0;
  overflow-y: auto;
  z-index: 30;
}

.popupWithTitle {
  padding: 0;
  z-index: 30;
}

.popupWithTitle .popupWithTitleHeader {
  background-color: #F6F6F6;
  margin: 0;
  padding: 4px 10px;
  border-bottom: 1px solid #EEE;
  font: 200 13px "Helvetica Neue", Calibri, Arial, sans-serif;
}

.popupWithTitle .closeWindow {
  top: -2px;
  margin: 0;
}

.quickLinksMenuPopup ul li {
  list-style: none;
  padding-top: 3px;
  padding-bottom: 3px;
}

.quickLinksMenuPopup ul li a,
.quickLinksMenuPopup ul li .commentText {
  padding-left: 1em;
  outline: none;
}

div.divider {
  margin: .5em 0;
  border-bottom: 1px solid #CFCFD0;
}
/*---
/css/forms.css
---*/
/*
 * Copyright 2000-2018 JetBrains s.r.o.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/*-------------- error styles */
#errorMessage {
  display: none;
  margin-top: 15px;
  color: #e50000;
  font-weight: bold;
}

.errorField {
  border: 2px solid #e50000;
}

.errorMessage {
  color: #e50000;
}

div.error,
span.error {
  display: block;
  margin-top: 0;
  margin-left: 12.6em;
  color: #e50000;
}

.noCookiesEnabledMessage,
.noJavaScriptEnabledMessage {
  color: #e50000;
}

/*--- general elements */

#sidebarAdmin {
  background-color: #fff;
  float: right;
  width: 240px;
  margin: 0 0 0 20px;
  padding: 0;
}

div.divider {
  margin: 0 0 1em 0;
  border-bottom: 1px solid #CFCFD0;
}

h3.title {
  background-color: #F3F4F8;
  height: 100%;
  margin: 15px 0 10px 0;
  padding: .1em 1em;
  font-weight: bold;
  color: #26272B;
  border-bottom: #E6E7EB solid 2px;
}

/*------------- Useful links part of the Sidebar */
.usefulLinks {
  width: 100%;
  margin: 10px 0 0 0;
  border-collapse: collapse;
  border-top: 1px dotted #E3E9EF;
}

.usefulLinks td {
  padding: .5em 0.5em 0.5em 0;
  line-height: 1.2;
}

.usefulLinks td.homepage img {
  float: left;
}

.usefulLinks td.homepage a {
  display: block;
  margin-left: 22px;
}

.usefulLinks td.button {
  width: 50px;
  vertical-align: top;
}

.usefulLinks td.descr {
  font-size: 90%;
}

.usefulLinks td.descr span.smallNote {
  display: inline;
  margin: 0;
  padding: 0;
}

.usefulLinks ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.usefulLinks li {
  margin-bottom: .5em;
}

.usefulLinks .inline {
  display: inline-block;
}

/*--------- end of useful links*/

label.rightLabel {
  margin-left: 0;
}
label.fixedLabel {
  width: 60px;
  display: inline-block;
}

.textField {
  width: 200px;
  margin-left: 0;
  padding-left: 0.1em;
}

input.smallField,
textarea.smallField {
  width: 8em;
}
select.smallField {
  width: 7.6em;
}

input.mediumField,
textarea.mediumField {
  width: 20em;
}
select.mediumField {
  width: 19.6em;
}

div.longField,
input.longField,
textarea.longField {
  width: 31em;
  margin: 0;
  padding-left: 0.1em;
}
select.longField {
  width: 30.6em;
}

.modalDialog div.longField,
.modalDialog input.longField,
.modalDialog textarea.longField,
.modalDialog .smallNote {
  width: 28em;
}
.modalDialog select.longField {
  width: 27.6em;
}

.modalDialog_small div.longField,
.modalDialog_small input.longField,
.modalDialog_small textarea.longField {
  width: 26em;
}
.modalDialog_small select.longField {
  width: 25.6em;
}

.textProperty.textProperty_max-width {
  width: 100%;
}

input.but {
  margin-right: 0.5em;
  margin-left: 0.5em;
  padding-left: 0.1em;
}

.addNew {
  white-space: nowrap;
}

span.mandatoryAsterix {
  color: #e50000;
  font-size: 90%;
}

.grayNote,
.smallNote,
.smallNoteAttention {
  color: #888;
  font-size: 90%;
}

.smallNote,
.smallNoteAttention {
  margin-top: 0;
  margin-left: 14.2em;
  padding-top: 0;
}

.smallNote kbd,
.smallNoteAttention kbd {
  font-size: 12px;
  white-space: nowrap;
  font-weight: bold;
}

.smallNoteAttention {
  margin-left: 0;
  padding-left: 0;
  line-height: 1.5em;
}

/*---------- Profile styles and User List styles*/
div.modifiedMessage {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;

  width: 100%;
  padding: 0;

  text-align: center;
  color: #000;
  z-index: 4;

  opacity: 0.9;
}

.modifiedMessage .messageBody {
  background-color: #ffa;
  margin: 0;
  padding: .5em 0;
  border: 1px solid #8a8d7f;
}

.modifiedMessage .messageText {
  position: relative;
  top: 2px;
}

.modifiedMessage .bulk-operations {
  font-weight: normal;
}

.modifiedMessage input {
  min-width: 4em;
  margin-top: 0.1em;
  margin-left: 1.5em;
  vertical-align: middle;
}

p.notificatorType {
  margin-top: 1em;
  margin-bottom: -1.5em;
  font-weight: bold;
}

p.notificatorType input,
p.administratorStatus input {
  float: left;
  margin-right: 0.5em;
  margin-left: 0;
}

p.administratorStatus {
  margin-top: 0;
  margin-bottom: 1.5em;
}

p.createMoreUsers {
  width: 70%;
  margin-top: 0;
  margin-bottom: 0.5em;
  padding: 0 0 0 27px;
}

p.createMoreUsers input {
  float: left;
  margin-right: 0.5em;
}

label.right {
  width: 6.5em;
  margin-left: 1.5em;
}

#licenseInfo {
  width: auto;
  background-color: white;
}

#licenseInfo .groupBox {
  margin-top: 0;
  padding-bottom: 30px;
}

div.selectUserText {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 90%;
}

#licenseInfo .submitButton {
  margin-top: 1em;
  margin-right: 1em;
}

.licenseStatus {
  margin: 0;
  padding: 0;
}

#licenseInfo .usersSelector {
  width: 19em;
  margin: 0 5px;
}

/*----------------- Save or Cancel block*/
.saveButtonsBlock,
.popupSaveButtonsBlock {
  height: 32px;
  margin-top: 2em;
  padding-top: 1em;
  border-top: 1px dotted #CCC;
  zoom: 1;
}

.saveButtonsBlock_noborder {
  border: none;
  padding-top: 0;
}

.saveButtonsBlock {
  margin-bottom: 1em;
}

.popupSaveButtonsBlock {
  margin-top: 1em;
  white-space: nowrap;
}

/* Cross-browser clearfix */
.saveButtonsBlock:before,
.saveButtonsBlock:after,
.popupSaveButtonsBlock:before,
.popupSaveButtonsBlock:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}

.saveButtonsBlock:after,
.popupSaveButtonsBlock:after {
  clear: both;
}

.saveButtonsBlock,
.popupSaveButtonsBlock {
  zoom: 1; /* IE < 8 */
}

.saveButtonsBlock input,
.saveButtonsBlock a,
.popupSaveButtonsBlock input,
.popupSaveButtonsBlock a {
  vertical-align: middle;
}

.saveButtonsBlock .btn,
.popupSaveButtonsBlock .btn {
  margin-left: 0;
  margin-right: 1em;
}

/* Vertically align links with buttons (backward compatibility) */
.ua-ie .saveButtonsBlock a,
.ua-ie .popupSaveButtonsBlock a {
  line-height: 2em;
}

/* Reset previous rule for link-buttons */
.ua-ie .saveButtonsBlock a.btn,
.ua-ie .popupSaveButtonsBlock a.btn {
  line-height: normal;
}

.saveButtonsBlock.saveButtonsBlockCentered {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  border-top: none;
  text-align: center;
}

.saveButtonsBlock.saveButtonsBlockCentered .btn {
  margin: 0 1em;
}

.saveButtonsBlock.saveButtonsBlockRight {
  margin-top: 0;
  border-top: none;
  text-align: right;
}

.saveButtonsBlock.saveButtonsBlockRight .btn {
  margin: 0 0 0 1em;
}

.icon-magic {
  color: #5A8AA5;
}

.icon-refresh.icon-spin {
  width: auto;
  height: auto;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

.progressRingDefault {
  float: right;
  position: relative;
  top: 1px;
}

.progressRingSubmitBlock {
  float: none;
}

.progressRingInline {
  float: none;
  margin-left: 5px;
}

.progressRing.ring-loader-inline {
  margin-left: 0;
}

.saveButtonsBlock .progressRing,
.popupSaveButtonsBlock .progressRing {
  float: none;
}

a.cancel,
.btn.cancel {
  margin-right: 1em;
}

.submitButton {
  margin-right: 1em;
  padding-left: 1em;
  padding-right: 1em;
}

.shortButton {
  width: 5.5em;
}

/*---------- Modal dialogs*/
#overlappingDiv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.1;
}

.ua-ie #overlappingDiv {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=10);
}

.modalDialog {
  background-color: #FFF;

  display: none;
  position: absolute;
  width: 42em;
  min-height: 4em;
  margin: 0;
  border: 1px solid;
  border-color: #CCC #666 #666 #CCC;
  border-color: rgba(0,0,0,0.2);

  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);

  z-index: 100;
}

.modalDialog_small {
  width: 32em;
}

.modalDialog_large {
  width: 52em;
}

.modalDialogFixed {
  position: absolute;
  top: 50%;
  left: 50%;
}

.modalDialog .dialogHeader {
  background-color: #F6F6F6;
  position: relative;
  padding: 0;
  border-bottom: 1px solid #EEE;
}

.modalDialog .dialogHandle {
  padding: 12px;
  cursor: move;
}


.modalDialog .dialogTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modalDialog .dialogTitle .addNew {
  background: none;
  padding: 0;
}

.closeWindow {
  float: right;
  position: relative;
  top: -1px;
  margin: 12px 12px 0 0;
}

.removeItemLink {
  display: inline-block;
  text-align: center;
  color: #C0C0C0;
  font-size: 16px;
  padding: 0 10px 0 0;
}

.removeItemLink:hover {
  text-decoration: none;
  color: #A0A0A0;
}

.closeWindowLink,
.closeWindowLink:hover {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: #B2B2B2;
  font-size: 16px;
}

.modalDialog h3 {
  margin: 0;
  font: 200 16px "Helvetica Neue", Calibri, Arial, sans-serif;
}

.modalDialogBody {
  padding: 12px;
}

.modalDialogBody_nopaddings {
  padding: 0;
}

/*--------------------- table layout for the project form, build type forms */
.runnerFormTable {
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

.runnerFormTable th,
.runnerFormTable td {
  margin: 0;
  padding: 8px;
  border-top: 1px dotted #CCC;
}

.runnerFormTable tr:first-child th,
.runnerFormTable tr:first-child td {
  border-top: none;
}

.ua-ie8-below .runnerFormTable td {
  position: relative;
}

.runnerFormTable td.at_top {
  vertical-align: top;
}

.runnerFormTable th.noBorder,
.runnerFormTable td.noBorder {
  border-top: none;
}

.runnerFormTable th {
  width: 26%;
  vertical-align: top;
  text-align: left;
}

.runnerFormTable span.smallNote,
.runnerFormTable td select {
  margin: 0;
  padding: 0;
}

.runnerFormTable tr.groupingTitle td {
  background-color: #f5f5f5;
  padding: .1em 0 .1em 8px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

.runnerFormTable td.forkModeOptions .forkModeOption {
  margin: 10px 0;
}

.runnerFormTable td span.smallNote,
.runnerFormTable td span.error {
  display: block;
  margin: 0;
  padding: 0;
}

.runnerFormTable .smallNote.smallNote_hidden {
  display: none;
}

.runnerFormTable td span.smallNoteAttention {
  display: block;
  margin: 0;
}

.runnerFormTable .labelAfterControl {
  margin-left: 2px;
}
/*------------------ styles for the Test Connection dialog*/
.testConnectionFailed,
.testConnectionSuccess {
  margin-bottom: .5em;
  font-weight: bold;
  font-size: 110%;
}

.testConnectionFailed {
  color: #e50000;
}

.testConnectionSuccess {
  color: #4da400;
}

#testConnectionDetails {
  overflow-x: auto;
  padding: 5px;
  border: 1px solid #ccc;
  font-size: 12px;
}

textarea.expandable {
  overflow: hidden;
  padding: 0;
}

/*------------------ Advanced settings */

.advancedSettingsToggle {
  margin: 1em 0;
  color: #ff8c00;
}

.advancedSettingsToggle a {
  margin-left: .5em;
  color: #ff8c00;
}

.advancedSettingHighlight th {
  color: #ff6e00;
}

.advancedSetting {
  background-color: #fff;
  -webkit-transition: background-color 500ms;
  transition: background-color 500ms;
}

.strongHighlight {
  background-color: #fffccf;
}

tr.valueChanged,
div.valueChanged {
  border-left: 3px solid #FFE181;
}

a.resetLink {
  margin-left: 0.5em;
}

div.textOptionWrapper {
  position: relative;
  white-space: nowrap;
  padding-right: 40px;
}

.textOptionWrapper .textOptionLinksContainer {
  position: absolute;
  top: 0px;
}

div.textOptionWrapper a.resetLink, div.textOptionWrapper span.inheritedParam {
  padding-left: 2px;
}

.tc-icon_folders.agentTree,
.tc-icon_folders.vcsTreeHandle {
  cursor: pointer;
  vertical-align: top;
  margin-top: 0.1em;
  position: absolute;
  right: 0;
  top: 0;
}

.headerNote {
  margin: 4px 0 8px 0;
  padding: .5em 0 .5em 1em;
  border: 1px solid #E9F3FD;
  background: #E9F3FD;
  line-height: 2em;
}

.headerNote .basedOn {
  float: left;
}

.editVcsSettingsDialog .vcsUserNames {
  width: 30em;
  white-space: pre;
  word-wrap: normal;
  overflow-x: scroll;
}

.editVcsSettingsDialog .vcsUserNamesNote {
  margin-left: 9em;
}

.draggable {
  margin: 3px 0;
  padding: 2px;
  line-height: 24px;
  border: 2px solid #e3e9ef;
  cursor: move;
  overflow: hidden;
}

.reorderDialog .resetOrder {
  float: right;
  margin-right: 0;
}

.reorderDialog #sortableList {
  max-height: 350px;
  overflow: auto;
}

#sortableList .tc-icon_draggable:before {
  margin-right: 4px;
  margin-bottom: -2px;
}

.editProjectPage .editCustomOrder {
  display: inline;
  float: right;
}

.branchesContainer ul.itemsList, .projectDataContainer ul.itemsList {
  margin: 0.5em 0 0 0;
  max-height: 15em;
  padding: 0;
  overflow: auto;
  min-width: 20em;
}

.branchesContainer ul.itemsList li, .projectDataContainer ul.itemsList li {
  padding: 0 .5em 0;
  list-style: none;
  white-space: nowrap;
}

.branchesContainer select.itemsList, .projectDataContainer select.itemsList {
  min-width: 20em;
}

.branchesPopupHandle,
.projectDataPopupHandle {
  cursor: pointer;
}

.branchesPopupHandle {
  display: inline-block;
  position: absolute;
  top: 0.35em;
}

.posRel .branchesPopupHandle {
  right: 0;
}

#watchTypeBuildTypeSettings .branchesPopupHandle {
  margin-left: 4px;
}


/*---
/css/runCustomBuild.css
---*/
/*
 * Copyright 2000-2018 JetBrains s.r.o.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* -------- styles for the Run Custom Build Dialog ---- */

#runBuildDialog {
  width: 58em;
}

#runCustomBuildDiv {
  overflow: auto;
  max-height: 500px;
}

#runCustomBuildContentDiv {
  overflow: auto;
  max-height: 450px;
  width: 99%;
}

#runBuild .runnerFormTable {
  margin-top: 1em;
}

#runBuild .runnerFormTable td,
#runBuild .runnerFormTable th {
  padding: 4px;
}

#runBuild .runnerFormTable td.paramsCell {
  padding: 2px;
}

#runBuild table.plain {
  width: 95%;
}

#runBuild table.plain th {
  text-align: left;
}

#runBuild .buildParameters {
  width: 660px;
  margin: 1em 0 0.5em;
  padding: 0;
  border-collapse: collapse;
}

#runBuild .buildParameters td {
  padding: 4px;
  vertical-align: top;
  text-align: left;
}

#runBuild .buildParameters .paramName {
  width: 25%;
  padding-left: 2em;
  padding-right: 6px;
}

#runBuild .buildParameters .paramName__label {
  max-width: 20em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

#runBuild .buildParameters .addParam td {
  padding-bottom: 1.5em;
}

#runBuild .buildParameters .paramName input {
  height: 1.25em;
}

#runBuild .buildParameters .paramValue {
  width: 65%;
  padding-right: 20px;
}

#runBuild .buildParameters .paramValue input,
#runBuild .buildParameters .paramValue textarea {
  width: 100%;
}

/* Modified parameter - highlighted table row */
#runBuild .modifiedParam td {
  background: #FFC;
}

#computedRevisions input {
  width: 100%;
}

#runBuild td {
  white-space: normal;
}

#runBuild .buildParameters td.edit {
  width: 7em;
  font-size: 9pt;
  white-space: nowrap;
}

#runBuild .buildParameters td.edit a {
  display: inline-block;
  margin-left: .5em;
}

#runBuild .buildParameters td.noBorder {
  border-bottom: none;
}

/* Modified parameter - highlighted Parameters tab */
#runBuild li.modifiedParam {
  background-image: none;
  background-color: #ffc;
}

#runBuild li.modifiedParam.selected {
  background-image: -webkit-linear-gradient(#ffffcc, #ffffff);
  background-image: linear-gradient(#ffffcc, #ffffff);
}

#runBuild table.settings th {
  background-color: #f5f5f5;
}

#runBuild .note {
  white-space: normal;
  margin-bottom: 0.5em;
  font-style: italic;
}

#selectedChangeInfo {
  white-space: normal;
}

#runBuild .attentionComment {
  margin-top: 0.5em;
  white-space: normal;
}

#runBuild table.dependenciesList td {
  padding: 5px 2px 5px 2px;
}

#runBuild .lastChangeTo {
  margin-bottom: .5em;
}

#runBuild #branchFilter select {
  width: 15em;
}

/* Build promotion */

.promoteBuildContainer {
  max-height: 600px;
  overflow: auto;
}

table.promoteBuild {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

table.promoteBuild td {
  padding: 4px;
}

table.promoteBuild td.runButton {
  white-space: nowrap;
  text-align: right;
  vertical-align: top;
}

table.promoteBuild td.header {
  font-weight: bold;
}

table.promoteBuild td.header .archived_project {
  font-weight: normal;
  font-style: italic;
  color: #808080;
}

table.promoteBuild td.header .buildType_description {
  font-weight: normal;
  color: #808080;
}

table.promoteBuild td.noBorder {
  border-bottom: none;
}

table.promoteBuild tr:nth-last-of-type(1) td {
  border-bottom: none;
}

table.promoteBuild tr.archived {
  display: none;
}

table.promoteBuild td.groupName {
  font-weight: bold;
  color: #151515;
  padding-top: 0px;
  border-bottom: 0px;
}

table.promoteBuild td.last {
  padding-bottom: 12px;
}

div.showArchived {
  margin-top: 10px;
}

/*---
/css/issues.css
---*/
/* Issue popup */

.issueDetailsPopup {
  padding: 4px 4px 4px 0;
  margin-bottom: 0.5em;
}

.issueDetailsPopup span {
  margin-right: 1px;
}

.issueDetailsPopup .resolved {
  color: #676E75 !important;
}

.issueDetailsPopup .resolved td:first-child {
  text-decoration: line-through;
}

.issueDetailsPopup .main {
  margin-bottom: 0.3em;
}

.issueDetailsPopup td:first-child {
  padding-right: 21px;
  white-space: nowrap;
}

.issueDetailsPopup .other {
  border-collapse: collapse;
}

.issueDetailsPopup .other td {
  text-align: center;
  border: none;
  border-left: solid 1px #D4D5D6;
  border-right: solid 1px #D4D5D6;
  min-width: 10em;
  padding: 0 0.2em;
}

.issueDetailsPopup .other td:first-child {
  padding: 0;
}

.issueDetailsPopup .other td:last-child {
  border-right: none;
}

.issueDetailsPopup .type.feature {
  color: #64992C;
}

.issueDetailsPopup .other .priority div {
  color: #64992C;
}

.issueDetailsPopup .p0 div {
  border: 1px solid #C00;
  background: #FFE3E3;
  color: #C00 !important;
}

.issueDetailsPopup .p1 div {
  background: #FFE3E3;
  color: #C00 !important;
}

.issueDetailsPopup .p2 div {
  background: #F0F2F3;
  color: #C00 !important;
}

.issueDetailsPopup .p3 div {
  background: #EBF4DD;
  color: #64992C;
}

/* Issue log */

table.issues th {
  text-align: left;
}

table.issues td {
  padding: 0.5em 2px 0.3em 6px;
  font-size: 90%;
}

table.issues tr td.status span,
span.resolvedStatus {
  padding: 3px 5px;
}

table.issues tr.fixed td.status span,
span.resolvedStatus {
  background-color: #F1F4F7;
  font-weight: bold;
  color: #4da400;
}

span.simpleStatus {
  background-color: #F1F4F7;
  padding: 3px 5px;
}

table.issueLogFilter {
  background-color: #F5F5F5;
  width: 100%;
  margin-bottom: 0.3em;
  border-collapse: collapse;
}

table.issueLogFilter td {
  padding: 4px;
}

table.issueLogFilter td.fromLabel,
table.issueLogFilter td.recordsPerPage {
  width: 13%;
  white-space: nowrap;
}

table.issueLogFilter td .submitButton {
  width: 5.5em;
}

table.issueLogFilter input {
  width: 8em;
}

table.issueLogTable {
  table-layout: auto;
  background-color: #fff;
  width: 100%;
}

table.issueLogTable td {
  margin: 0;
  padding: 0.3em 0;
  text-align: left;
  vertical-align: top;
}

table.issueLogTable td.id {
  width: 10%;
  padding-left: 0.5em;
}

table.issueLogTable td.summary {
  width: 50%;
  padding-right: 5px;
  padding-left: 25px;
  font-weight: bold;
}

table.issueLogTable td.state {
  width: 15%;
}

table.issueLogTable td .retrievingNote {
  color: #888;
}

table.providersTable {
  margin-top: 1em;
}

table.providersTable th {
  padding: .5em;
  text-align: left;
  background-color: #F5F5F5;
}

.providerSummary {
  color: #888;
}

table.editProviderTable th {
  vertical-align: top;
  width: 12em;
}

table.editProviderTable td,
table.editProviderTable th {
  padding: 8px;
  text-align: left;
  border-bottom: 1px dotted #CCC;
}

table.editProviderTable tr:last-child td,
table.editProviderTable tr:last-child th {
  border-bottom: none;
}

table.editProviderTable label.shortLabel {
  display: inline-block;
  width: 10em;
  white-space: nowrap;
}

table.editProviderTable td span.error {
  margin: 0;
  padding: 0;
}

table.editProviderTable .textProperty,
table.editProviderTable .textField {
  width: 16em;
  font-size: 13px;
}

.fieldExplanation {
  display: block;
  color: #888;
  font-size: 90%;
}

.testConnectionDialog {
  width: 30em;
}

.testConnectionDialog table th {
  text-align: left;
}

#issueDetails {
  margin-top: 0.5em;
  font: 12px Menlo, "Bitstream Vera Sans Mono", "Ubuntu Mono", Consolas, "Courier New", Courier, monospace;
  white-space: normal;
}

#issueDetails .err,
table.issueLogTable .err,
#buildIssuesTable .err {
  color: #e50000;
  font-weight: normal;
}

.editProviderTable {
  width: 100%;
}

.editProviderTable .posRel {
  padding-right: 0;
}

.editProviderTable input.textProperty {
  width: 22em;
}

#providerType {
  width: 21.6em;
}
/*---
/css/ellipsis.css
---*/
.has-ellipsis {
  overflow: hidden;
  position: relative;
  padding-right: 28px;
  height: 1.5em;
}

.ellipsis-expander {
  position: absolute;
  top: 2px;
  right: 0.4em;

  width: 20px;
  height: 1em;

  background: #F3F3F3;
  border: 1px solid #C8C8C8;
  border-radius: 2px;
  color: #C8C8C8;
  text-align: center;
}

.ellipsis-expander:hover {
  cursor: pointer;
  background: #E3E3E3;
}

/*---
/css/autocompletion.css
---*/
/* jQuery UI autocomplete */
.ui-autocomplete {
  max-height: 39ex;
  overflow-x: hidden;
  overflow-y: auto;
  font: 1em/1.5 "Helvetica Neue", Arial, sans-serif;
}

/* IE < 8 */
* html .ui-autocomplete {
  height: 39ex;
}

.ui-autocomplete-nothing {
  margin-left: .8em;
  padding-left: .2em;
  font: italic 1em/1.5 "Helvetica Neue", Arial, sans-serif;
}

.ui-menu-separator {
  font: italic bold 1em/1.5 "Helvetica Neue", Arial, sans-serif;
}

.ui-autocomplete-matched-part {
  font-weight: bold;
}

.ui-autocomplete-meta-info {
  float: right;
  margin-left: 1em;
  font-size: 80%;
  font-style: italic;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  margin: 0; /* To avoid jumping lines while selecting them */
}