
/*---
/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: var(--ring-content-background-color, #fff);
  margin: 0;
  line-height: calc(20/14 * 1em);
  color: var(--ring-text-color, #1f2326);
  text-rendering: optimizeLegibility;
  text-size-adjust: none;
}

.ua-win-chrome body {
  text-rendering: auto;
}

@view-transition {
  navigation: auto;
}

[hidden] {
  display: none !important;
}

.bodyWithHeader {
  padding-left: 64px;
}

body,
input,
select,
button {
  font-family: system-ui, -apple-system, BlinkMacSystemFont,
  Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans,
  Helvetica Neue, Arial, sans-serif;
  font-size: var(--ring-font-size, 14px);
  font-variant-numeric: tabular-nums;
}

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: var(--ring-link-color);
  text-decoration-line: none;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;

  @media (resolution >= 2dppx) {
    text-decoration-thickness: 0.5px;
  }
}

a:where(:not(.ring-button-button)):hover {
  color: var(--ring-link-hover-color);
  text-decoration-line: underline;
}

h2 {
  margin: 0;
  padding: 3px 18px 3px 0;
  font-size: 18px;
  letter-spacing: 0;
  color: var(--ring-text-color, #1f2326);
}

.ring-island-title {
  padding: 0;
}

h3 {
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border-color: var(--ring-line-color, #dfe5eb);
}

/* 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: var(--ring-disabled-color);
}

input[type='text']:not(.ring-input-input), input[type='password']:not(.ring-input-input), input[type='search']:not(.ring-input-input), textarea:not(.ring-input-input), select[multiple] {
  min-height: 20px !important;
  margin: 0;
  padding: 1px 3px;
  line-height: 1.5em;
  font-size: var(--ring-font-size, 14px);
}

input, textarea, select {
  background: var(--ring-content-background-color, #fff);
  color: var(--ring-text-color, #1f2326);
  border: 1px solid var(--ring-borders-color, #c5d1db);
  border-radius: var(--ring-border-radius);

  /*box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);*/
  transition: border-color var(--ring-ease);
}

input::placeholder, textarea::placeholder {
  color: var(--ring-disabled-color, #A8ADBD);
}

input:hover, textarea:hover, select:hover {
  transition: none;
  border-color: var(--ring-border-hover-color);
}

input:not([type='file']):focus, textarea:focus, select:focus-visible {
  outline: none;
}

input:focus, textarea:focus, select:focus-visible {
  transition: none;
  border-color: var(--ring-main-color);
}

input[type='file'] {
  border: none;
  border-radius: 0;
}

input[type='checkbox'], input[type='radio'] {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  vertical-align: middle;
  position: relative;
}

input[type='checkbox'] {
  bottom: 1px;
}

input[type='radio'] {
  bottom: 2px;
}

input.ring-checkbox-input,
input.ring-radio-input,
input.ring-toggle-input {
  position: absolute;
  bottom: 0;
}

.custom-checkbox.ring-checkbox-checkbox {
  display: inline-block;
}

input[disabled], textarea[disabled], select[disabled] {
  color: var(--tc-classic-disabled-input-color);
  border-color: var(--ring-border-disabled-color);
  background-color: var(--ring-disabled-background-color);
}

.ring-variables-light .image-dark,
.ring-variables_dark-dark .image-light {
  display: none;
}

.ufd.default {
  border-color: var(--ring-borders-color, #c5d1db);
  background-color: var(--ring-borders-color, #c5d1db);
  border-radius: var(--ring-border-radius);
}

.ufd.default.disabled {
  border-color: var(--ring-border-disabled-color);
  background-color: var(--ring-border-disabled-color);
}

.ufd.default input.disabled {
  color: var(--tc-classic-disabled-input-color);
  background-color: var(--ring-disabled-background-color) !important;
}

#ufd-container .default li.active,
li.CodeMirror-hint-active.CodeMirror-hint-active {
  background-color: var(--ring-selected-background-color, #d4edff);
  color: var(--ring-text-color, #1f2326);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border-color: var(--ring-selected-background-color, #d4edff);
  background: var(--ring-selected-background-color, #d4edff);
  color: var(--ring-text-color, #1f2326);
}

@font-face {
  font-family: "password-mask";
  src: url(/css/text-security-disc.woff) format("woff");
}

input[data-imitate-password], textarea[data-imitate-password] {
  font-family: "password-mask";
}

textarea[data-imitate-password] {
  resize: none;
}

input[data-imitate-password]:-ms-input-placeholder, textarea[data-imitate-password]:-ms-input-placeholder {
  font-family: Segoe UI, Arial, sans-serif;
}

input[data-imitate-password]:placeholder-shown, textarea[data-imitate-password]:placeholder-shown {
  font-family: inherit;
}

@supports (-webkit-text-security: disc) {
  input[data-imitate-password], textarea[data-imitate-password] {
    font-family: inherit;
    -webkit-text-security: disc;
  }
}

/* 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 var(--ring-borders-color, #c5d1db);
}

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: var(--ring-content-background-color, #fff);

  color: var(--ring-text-color, #1f2326);
  font-size: var(--ring-font-size, 14px);
  line-height: normal;

  border: 1px solid var(--ring-borders-color, #c5d1db);
  border-radius: var(--ring-border-radius);
  transition: border-color var(--ring-ease), background-color var(--ring-ease), box-shadow var(--ring-ease);
}

.btn:hover,
.healthItemIndicator:hover,
.ui-datepicker-buttonpane button:hover {
  border-color: var(--ring-border-hover-color);
  text-decoration: none;
  color: var(--ring-text-color, #1f2326);

  transition: none;
}

.additionalButtonsContainer {
  display: flex;
}

.btn:focus-visible,
.healthItemIndicator:focus-visible,
.ui-datepicker-buttonpane button:focus-visible {
  outline: none;
  transition: none;
  border-color: var(--ring-border-hover-color);
  box-shadow: 0 0 0 1px var(--ring-border-hover-color);
}

.btn:active,
.ui-datepicker-buttonpane button:active {
  transition: none;
  border-color: var(--ring-main-color);
}

.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:active {
  background-color: var(--ring-disabled-background-color);
  border-color: var(--ring-border-disabled-color);
  color: var(--ring-disabled-color);
}

.btn_primary {
  color: var(--ring-white-text-color);
  background-color: var(--ring-main-color);
  border-color: var(--ring-main-color);
}

.btn_primary:hover {
  color: var(--ring-white-text-color);
  background-color: var(--ring-main-hover-color);
  border-color: var(--ring-main-hover-color);
}

.btn_primary:active {
  background-color: var(--ring-button-primary-background-color);
  border-color: var(--ring-button-primary-border-color);
}

.btn_primary:focus-visible {
  background-color: var(--ring-button-primary-background-color);
}

.btn_small {
  padding: 2px 9px 3px;
}

.btn_mini {
  padding: 0 6px;
  line-height: 16px;
}

.btn_mini.toggle {
  height: 18px;
  padding: 0;
}

.btn_mini .icon-caret-down {
  position: relative;
  top: 1px;
  color: var(--ring-secondary-color);
}

.btn.popupLink .icon-list-ul, .btn_mini.popupLink .icon-list-ul {
  padding-right: 4px;
  padding-left: 2px;
  color: var(--ring-secondary-color);
}

.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 {
  position: relative;
  border-radius: 0;
  margin: 0 0 0 -1px;
  z-index: 1;
}

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

.btn-group .btn[disabled] {
  z-index: 0;
}

.btn-group .btn:active {
  z-index: 2;
}

.btn-group .btn:hover {
  z-index: 3;
}

.btn-group .btn:focus-visible {
  z-index: 4;
}

/* Custom checkbox */
.custom-checkbox {
  margin-right: 4px;
  font-size: 0;
  vertical-align: 3px;
}

.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: var(--ring-disabled-color, #999);
}

::selection {
  background-color: rgba(153, 213, 255, 0.5);
}

::-moz-selection {
  background-color: rgba(153, 213, 255, 0.5);
}

.textarea {
  margin-bottom: .3em;
}

._top {
  vertical-align: top;
}

label.tableLabel {
  float: left;
  width: 12.5em;
}

div.fixedWidth {
  min-width: 960px;
  margin: 0 auto;
  padding: 0 var(--tc-page-padding-inline, 24px);

  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

#bodyWrapper {
  min-height: 100%;
  min-width: 960px;
  position: relative;
  padding-bottom: 48px;
}

.pageWithSidebarContentWrapper .fixedWidth {
  min-width: 100%;
}

#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: var(--ring-content-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;
}

.resolveValue {
  left: -20px;
  position: absolute;
  cursor: pointer;
  top: 3px;
  color: grey;
}

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

/*-------------------- styles for the top navigation */
#topWrapper {
  margin: 0;
  padding: 0;
  height: 100%;
}

#topBanners.embedded,
#topWrapper.embedded {
  display: none;
}

#react-header-placeholder {
  background: var(--ring-navigation-background-color, #1E1F22);
  position: fixed;
  z-index: calc(var(--ring-fixed-z-index, 1) + 1);
  top: 0;
  bottom: 0;
  left: 0;
  width: 64px;
}

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: var(--ring-secondary-background-color, #f7f9fa) no-repeat 5px 5px;
  color: var(--ring-text-color, #1f2326);

  padding: 4px 4px 4px 6px;
  border-bottom: 1px solid var(--ring-line-color, #dfe5eb);

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  cursor: pointer;
  font-weight: bold;
}

span.greyNote {
  color: #737577;
  font-size: 90%;
}

span.commentText {
  color: #737577;
  font-weight: normal;
}

span.notFixedSettingsRevision {
  color: #737577;
  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;
}

/* -------------------------------------- links*/

a.red {
  color: var(--ring-error-color);
}

a.red:visited {
  color: var(--ring-error-color);
}

a.red:hover {
  background-color: var(--ring-error-color);
  text-decoration: none;
  color: var(--ring-content-background-color, #fff);
}

/* FontAwesome spinner */
.icon-refresh {
  color: #4da400;
}

/*---------------- 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: var(--ring-text-color, #1f2326);
}

.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: var(--ring-hover-background-color);
}

input.action {
  min-width: 4.5em;
  padding: 0 4px;
  font-size: 9pt;
}

.error,
.red-text {
  color: var(--ring-error-color);
}

.none {
  color: #737577;
}

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

#breadcrumbsWrapper {
  position: relative;
}

div.toolbar-absolute {
  position: absolute;
  top: 0;
  right: 0;
}

/*------------------------- error messages*/
div.errors {
  background-color: var(--ring-content-background-color, #fff);
  width: 500px;
  margin: 2em auto;
  border: 2px solid var(--ring-error-color);
  text-align: center;
  font-size: 120%;
}

/*-------- Styles for the 'success message' -- shown after successful edits*/

.successMessage {
  background-color: var(--tc-classic-highlight-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: var(--ring-line-height-lowest, 16px);
}

.globalWarningsWrapper-sakura #globalHealthItems .global-health-item__content {
  margin-left: 4px;
}

.globalWarningsWrapper-sakura #globalHealthItems .health-report-react-portal .global-health-item__content {
  margin-left: 0;
}

.globalWarningsWrapper-sakura #globalHealthItems a {
  display: inline-block;
}

#globalHealthItems .attentionComment,
#globalHealthItems .attentionRed {
  position: relative;
  font-size: 12px;
}

#globalHealthItems .attentionComment .buildStatusIcon,
#globalHealthItems .attentionRed .buildStatusIcon {
  position: absolute;
  top: 7px;
}

#globalWarningsWrapper.globalWarningsWrapper-sakura .attentionComment .buildStatusIcon,
#globalWarningsWrapper.globalWarningsWrapper-sakura .attentionRed .buildStatusIcon {
  top: 2px;
}

.attentionComment,
.attentionRed {
  background: var(--tc-classic-highlight-color, #ffc);
  margin: 0.5em 0;
  padding: 5px 8px;
  border: 1px solid var(--ring-warning-color);
  color: var(--ring-text-color, #1f2326);
}

.attentionComment--flex {
  display: flex;
  align-items: flex-start;
}

.attentionComment--flex > span {
  margin: 0 5px;
}

.globalWarningsWrapper-sakura.globalWarningsWrapper-sakura .health-report-react-portal {
  background: none;
  padding: 0 32px;
}


.globalWarningsWrapper-sakura.globalWarningsWrapper-sakura .health-report-react-portal .attentionComment,
.globalWarningsWrapper-sakura.globalWarningsWrapper-sakura .health-report-react-portal .attentionRed {
  background: none;
}

.globalWarningsWrapper-sakura.globalWarningsWrapper-sakura .attentionComment,
.globalWarningsWrapper-sakura.globalWarningsWrapper-sakura .attentionRed {
  background: transparent;
  margin: 0;
  padding: 0;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top: none;
}

.attentionComment.noBorder,
.attentionRed.noBorder {
  border: 0;
}

.attentionComment--underField {
  display: inline-block;
  margin-top: 10px;
}

.attentionComment .hideHealthItemLink {
  float: right;
  margin-left: 1em;
  text-align: right;
}

.attentionComment .hideHealthItemLink a {
  color: var(--ring-warning-color);
}

.globalWarningsWrapper-sakura .attentionComment .hideHealthItemLink a {
  color: var(--ring-main-color);
}

.inplaceItemsList .hideHealthItemLink {
  float: right;
  margin-left: 10px;
}

.messageNote {
  background: var(--ring-hover-background-color);
  margin: 1em 0;
  padding: 2px 20px;
  border: 1px solid #BCE8F1;
  font-size: 90%;
  text-align: center;
  font-weight: bold;
}

.messagePrompt {
  background: var(--ring-hover-background-color);
  padding: 10px 32px 15px;
}

.messagePromptButtons {
  margin-bottom: 0;
}

/*--- end*/

/*-------------  Generic popups --------------*/
.popupDiv {
  background-color: var(--ring-content-background-color, #fff);
  background-clip: padding-box;

  overflow: hidden;
  position: absolute;
  display: none;

  padding: 5px 7px;

  border: 1px solid var(--ring-popup-border-color);
  box-shadow: var(--ring-popup-shadow);
  border-radius: var(--ring-border-radius);

  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: var(--ring-content-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: var(--tc-classic-highlight-color, #ffc);
}

a.actionLinkNew {
  background-color: var(--ring-content-background-color, #fff);
  padding: 3px 10px 3px;
}

a.actionLinkNew:hover,
a.actionLinkNewHover {
  background-color: var(--ring-line-color, #dfe5eb);
}

/*-------------  Changes popup --------------*/
#changesPopup {
  width: 42em;
  padding: 0;
  z-index: 80;
}

#changesPopup .changesContainer {
  margin: 0;
  padding: 5px 10px;
}

#changesPopup .userChangesHeader {
  background-color: var(--ring-secondary-background-color);
  padding: 2px 5px;
  font-size: 95%;
  font-weight: bold;
  border: none;
}

#changesPopup .userChangesHeader.highlightChanges {
  background-color: var(--tc-classic-highlight-color, #ffc);
}

#changesPopup .userChangeComment {
  overflow: 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 var(--ring-line-color, #dfe5eb);
}

#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 var(--ring-line-color, #dfe5eb);
}

#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 var(--ring-line-color, #dfe5eb);
}

#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: var(--ring-secondary-background-color, #f7f9fa);
  padding: 4px;
  font-size: 90%;
}

#changesPopup .changePopupHeader {
  margin-bottom: 6px;
  border-bottom: 1px solid var(--ring-line-color, #dfe5eb);
}

#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: var(--ring-secondary-background-color, #f7f9fa);
  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: var(--ring-error-color);
}

/*------------------------------- 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=197325);
  background-size: 14px 14px;
}

.iconLink_build-log {
  background-image: url(/css/../img/showInBuildLog.png?v=197325);
  background-size: 14px 14px;
}

.iconLink_IDE {
  background-image: url(/css/../img/openInIde.png?v=197325);
  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=197325);
  }

  .iconLink_build-log {
    background-image: url(/css/../img/showInBuildLog@2x.png?v=197325);
  }

  .iconLink_IDE {
    background-image: url(/css/../img/openInIde@2x.png?v=197325);
  }
}

form.runBuildTag {
  display: inline;
  padding-right: 0.7em;
}

.activationPanel {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  width: 70px;
  height: 7px;
  background: var(--ring-content-background-color, #fff);
}

.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: var(--tc-classic-highlight-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: var(--ring-line-color, #dfe5eb);
  margin: 0;
  padding: 4px 0 4px 10px;
  font-weight: bold;
  white-space: nowrap;
  font-size: 90%;
}

.menuList {
  background-color: var(--ring-popup-background-color, #fff);
  margin: 8px;
  padding: 0;
}

.menuList li {
  padding: 6px 8px;
  list-style: none;
  white-space: nowrap;
  cursor: pointer;
  border-radius: var(--ring-border-radius);
}

.menuList li a {
  display: block;
  color: var(--ring-text-color);
  text-decoration-line: none;
}

.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 {
  background-color: var(--ring-selected-background-color, #d4edff);
}

.menuList li:hover {
  background-color: var(--ring-hover-background-color, #edf3ff);
}

.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: var(--tc-classic-highlight-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: var(--ring-error-color);
  font-size: 90%;
  font-weight: normal;
  text-indent: 0;

  white-space: nowrap;
}

.systemProblemsBarContainer {
  display: inline-block;
  width: auto;
  margin-right: .5em;
  margin-bottom: -1px;

  font-size: 12px;
  font-weight: normal;
  text-indent: 0;

  white-space: nowrap;
}

.systemProblemsBarText {
  display: inline-block;
  color: var(--ring-error-color);
}

button.systemProblemsBarButton {
  color: #737577;
}

button.systemProblemsBarButton.systemProblemsBarButton {
  margin: -3px 0 -2px;
}

.systemProblemsContainer {
  background-color: var(--ring-content-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 var(--ring-line-color, #dfe5eb);
}

.systemProblem .problemMessage {
  color: var(--ring-error-color);
  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: var(--ring-icon-secondary-color, #999999);
}

table.dark th {
  background-color: var(--ring-icon-secondary-color, #999999);
  margin: 0;
  padding: 2px 6px;
  color: var(--ring-content-background-color, #fff);
  text-align: left;
}

table.dark th.emptyCell,
table.dark td.emptyCell {
  background: var(--ring-content-background-color, #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: #737577;
  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: var(--ring-line-color, #dfe5eb) 1px solid;
}

span.refreshMessage {
  background-color: var(--tc-classic-highlight-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-left: 8px;
}

.toolbarItem:first-child {
  margin-left: 0;
}

.toolbarItem input[type='checkbox'] {
  position: relative;
  top: -1px;
}

.toolbarItem .pinLink {
  padding: 0 0.3em 0 0.4em;
  height: 18px;
  box-sizing: border-box;
  vertical-align: -4px;
}

.toolbarSeparator {
  float: left;
  border-left: 1px solid var(--ring-line-color);
  margin: 4px 8px 0 16px;
  height: 20px;
}

/* ------------------------- Action bar styles */

.actionBar {
  background-color: var(--ring-secondary-background-color, #f7f9fa);
  margin: 0 0 .3em;
  padding: .6em 10px;
  line-height: 2.2;
}

.actionBar_changes {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.actionBar__action {
  white-space: nowrap;
}

.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;
  border-top-left-radius: calc(var(--ring-border-radius) - 1px);
  border-bottom-left-radius: calc(var(--ring-border-radius) - 1px);
}

.actionBar .ufd.default button {
  height: 20px;
  border-top-right-radius: calc(var(--ring-border-radius) - 1px);
  border-bottom-right-radius: calc(var(--ring-border-radius) - 1px);
}

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

.changesPopupWrapper {
  display: flex;

  .pc__label {
    overflow: hidden;
  }
}

@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;
  overflow-wrap: break-word;
}

.pc__toggle-wrapper {
  white-space: nowrap;
  font-size: 12px;
  vertical-align: middle;
}

.pc-title {
  white-space: normal;
  font-size: 24px;
}

.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;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}


.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: var(--tc-classic-highlight-color, #ffc);
}

span.pc .fixed,
span.pc .fixed a {
  color: #737577;
}

span.highlightChanges {
  background-color: var(--tc-classic-highlight-color, #ffc);
  position: relative;
  left: -4px;
  padding-left: 4px;
  border-radius: 4px;
}

div.highlightChanges {
  background-color: var(--tc-classic-highlight-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: var(--ring-secondary-background-color);
  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 var(--ring-line-color, #dfe5eb);
}

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

.summaryContainer .downloadBuildLog {
  margin-left: 8px;
  line-height: normal;
  vertical-align: -1px;
}

#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 var(--ring-line-color, #dfe5eb);
}

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

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: var(--ring-secondary-background-color, #f7f9fa);
  float: right;
  min-width: 13.2em;
  padding: 0.7em;
  font-size: 90%;
  font-weight: normal;
  line-height: 1.4em;
}

div.stamp.stampMini {
  background-color: var(--ring-content-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: var(--ring-secondary-background-color, #f7f9fa);
}

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

/*--------------- 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;
}

.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 var(--ring-line-color, #dfe5eb);
  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: #d4edff;
}

.branch.default .branchName {
  background: #9DCBFA;
  color: var(--ring-content-background-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: var(--ring-content-background-color, #fff);
}

.showMore {
  width: 100%;
  margin: 10px auto;
}

.showMore .btn {
  width: 15%;
  text-align: center;
  margin-left: 40%;
}

td.buildtypename {
  color: #737577;
}

td.buildtypename a.buildTypeName {
  color: var(--ring-text-color, #1f2326);
}

td.buildtypename a.buildTypeName:hover {
  color: #0F5B99;
}

.optionalQueuedBuildWord {
  display: none;
}

.placeIdModule {
  position: relative;
}

.placeIdModule:empty {
  display: none;
}

.placeIdContainer#HEADER_RIGHT_CONTAINER {
  margin-left: auto;
}

@media (prefers-reduced-motion) {
  :not(.resize-triggers),
  :not(.resize-triggers)::before,
  :not(.resize-triggers)::after {
    transition: none !important;
    animation: none !important;
  }
}

#projectsSidebarWrapper {
  position: absolute;
  background-color: var(--ring-sidebar-background-color, #f7f9fa);
  height: 100%;
}

#projectsSidebar {
  width: 100%;
}
/*---
/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=197325);
  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=197325);
  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 {
  background-position: -117px 3px;
}

.buildType-icon_composite_failing.buildType-icon:before {
  background-position: -117px -97px;
}

.project-icon_failing.project-icon:before {
  background-position: -117px -17px;
}

.buildType-icon_successful.buildType-icon:before {
  background-position: -137px 3px;
}

.buildType-icon_composite_successful.buildType-icon: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;
}

.projectName .project-icon {
  vertical-align: 1px;
}

.bp {
  margin-bottom: 1px;
}

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

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

.ring-ui-theme-dark .tc-icon_github {
  filter: invert(1);
}
.ring-ui-theme-dark .tc-icon_github_disabled {
  filter: invert(0.5);
}

.tc-icon_github-enterprise {
  background-position: -40px -140px;
}

.tc-icon_github-enterprise_disabled {
  background-position: -60px -140px;
}

.ring-ui-theme-dark .tc-icon_github-enterprise {
  filter: brightness(1.3);
}

.tc-icon_bitbucket {
  background-position: -80px -139px;
}
.tc-icon_bitbucket_disabled {
  background-position: -100px -139px;
}

.ring-ui-theme-dark .tc-icon_bitbucket_disabled {
  filter: grayscale(1) brightness(0.6);
}

.tc-icon_gitlab {
  filter: grayscale(1) contrast(4.6) brightness(0.6);
}


.ring-ui-theme-dark .tc-icon_gitlab_disabled {
  filter: brightness(0.7) grayscale(1);
}


.tc-icon_gitlab_disabled {
  filter: grayscale(1) contrast(0.1) brightness(1.84);
}

.tc-icon_gitlab-enterprise {
  filter: grayscale(0.2);
}
.tc-icon_gitlab-enterprise_disabled {
  filter: contrast(0.2) brightness(1.8);
}

.ring-ui-theme-dark .tc-icon_gitlab-enterprise_disabled {
  filter: grayscale(0.7) brightness(0.9);
}

/* 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 -357px;
  margin-bottom: -1px !important;
}

.icon.externalFileLink_white {
  background-position: -220px -357px;
  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: var(--ring-content-background-color, #fff);
  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;
}

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

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

@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=197325);
  }

  .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=197325);
  }

}

.ring-ui-theme-dark .tc-icon_azureDevOps_disabled {
  filter: brightness(0.7) grayscale(1);
}

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

.ring-ui-theme-dark .tc-icon_tfs {
  filter: invert(1);
}

.ring-ui-theme-dark .tc-icon_tfs_disabled {
  filter: brightness(0.5);
}

.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=197325);
  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=197325);
  }

}

.searchPanel  .node.tree-node {
  padding-top: 0px;
}

.searchPanel .iron-list {
  margin-top: 0px;
}

.searchPanel .checkboxes.tree-node {
  padding-top: 2px;
}

.svg-icon {
  fill: currentColor;
  line-height: normal;
  vertical-align: -3px;
}

.svg-icon.svg-icon svg {
  vertical-align: baseline;
  overflow: visible;
  shape-rendering: geometricPrecision;
}

.svg-icon svg[width="12"] {
  vertical-align: 2px;
}

button.actionIconWrapper:not(.btn) {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

.actionIcon {
  color: var(--ring-link-color);
  transition: color 0.3s ease-out;
}

.actionIconWrapper {
  outline: none;
}

.actionIconWrapper:hover .actionIcon,
.actionIconWrapper:focus .actionIcon {
  color: var(--ring-link-hover-color);
  transition: none;
}

.actionIconMain,
.actionIconWrapper:active .actionIcon {
  color: var(--ring-link-hover-color);
}

.tagIcon {
  color: var(--ring-disabled-color, #999);
}

.starIconFilled .actionIcon {
  color: var(--ring-text-color);
}

.selectedTag .starIcon,
.menuItemSelected .starIcon {
  color: inherit;
}

.menuItem .starIcon {
  transition: none;
  margin-left: 4px;
}

.addToFavorite .starIconFilled {
  display: none;
}

.starIconEmpty {
  display: none;
}

.addToFavorite .starIconEmpty {
  display: inline;
}

.actionsIcon {
  vertical-align: -1px;
}

.osTypeIcon {
  vertical-align: -2px;
  margin-right: 4px;
  color: #444;
}

.osTypeIcon-secondary {
  color: var(--ring-disabled-color, #999);
}

.statusIcon {
  color: var(--ring-icon-secondary-color, #818594);
}

.statusIcon_failing {
  color: var(--ring-icon-error-color, #db3b4b);
}

.statusIcon_failing .secondary {
  fill: var(--ring-removed-background-color, #FAD4D8);
}

.statusIcon_successful {
  color: var(--ring-icon-success-color, #55a76a);
}

.statusIcon_successful .secondary {
  fill: var(--ring-added-background-color, #C5E5CC);
}

.buildDataIcon,
.projectOrBuildTypeIcon {
  white-space: nowrap;
}

.buildDataIcon::after,
.projectOrBuildTypeIcon::after {
  /* zero-width nbsp */
  content: '\2060';
}

.projectsPopupTable .projectOrBuildTypeIcon,
.chainBuilds .projectOrBuildTypeIcon,
.buildTypesPopup .projectOrBuildTypeIcon,
.projectTree .projectOrBuildTypeIcon,
.projectHierarchy .projectOrBuildTypeIcon {
  margin: 0 4px;
}

.buildStatusIcon,
.buildProblemIcon {
  display: inline-block;
  margin-right: 3px;
  margin-left: 0;
}

td.status .buildStatusIcon {
  line-height: 14px;
}

.buildStatusIcon svg {
  color: var(--ring-secondary-color);
}
.buildStatusIcon .secondary {
  fill: var(--ring-secondary-color);
}

.buildStatusIcon_running-red svg,
.buildStatusIcon_running-red .secondary,
.buildStatusIcon_error svg,
.buildStatusIcon_error .secondary,
.buildStatusIcon_error-empty svg,
.buildStatusIcon_error-empty .secondary,
.buildStatusIcon_red-sign svg,
.buildStatusIcon_red-sign .secondary,
.buildProblemIcon svg {
  fill: var(--ring-icon-error-color);
  color: var(--ring-icon-error-color);
}

.buildStatusIcon_running-green svg,
.buildStatusIcon_running-green .secondary,
.buildStatusIcon_successful svg,
.buildStatusIcon_successful .secondary {
  fill: var(--ring-icon-success-color);
  color: var(--ring-icon-success-color);
}

.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_personal {
  position: relative;
}

.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: -2px;
}

.warningIcon svg {
  color: var(--ring-icon-warning-color);
  fill: var(--ring-icon-warning-color);
}

@keyframes spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.buildProblemIcon {
  width: 20px;
  margin-top: 2px;
}

.buildProblemIcon_new {
  position: relative;
}

.nameT .buildProblemIcon,
.summaryLink .buildProblemIcon {
  width: 16px;
}

.testActionsPopup .buildProblemIcon,
.actions .buildProblemIcon,
.addMessage .buildProblemIcon,
.responsible .buildProblemIcon {
  width: auto;
}

.summaryLink .buildProblemIcon {
  margin-left: 3px;
}

.helpLink .actionIconHelp {
  margin-right: 4px;
}

.buildProblemIcon_taken svg,
.buildProblemIcon_muted svg,
.buildProblemIcon_ignored svg,
.buildProblemIcon_flaky svg,
.buildProblemIcon_fixed svg {
  fill: var(--ring-disabled-color, #999);
}

.buildProblemIcon__icon {
  margin-left: -2px;
}

.buildProblemIcon__asterisk-small {
  position: absolute;
  top: -3px;
  left: 13px;
}

.buildProblemIcon__asterisk-small svg {
  vertical-align: top;
}

.buildProblemIcon__asterisk-small svg,
.buildProblemIcon_asterisk svg {
  fill: #eda200;
}

.reactSpinningIcon {
  display: inline-block;
  margin-right: 4px;
}

.commentIcon .svg-icon {
  color: #999999;
}

.commentIconFlip svg {
  transform: none;
}

.buildNumber .commentIcon {
  margin-left: 4px;
}

button.actionIconWrapper.removeFromQueueIcon {
  padding: 0 8px;
}

/*---
/css/tabs.css
---*/
/* 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: var(--ring-content-background-color, #fff);
}

.mugStuff {
  background-color: #0062c5;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
}

div.mug + p {
  display: none; /* Fix strange bug in IE and Chrome when additional paragraph appears in the top */
}

/* Right-hand side links */
.quickLinks {
  clear: right;
  float: right;
  white-space: nowrap;
  min-height: 1em;
}

.quickLinksItem {
  margin-left: 1.5em;
}

.quickLinksControlLink {
  margin-left: 1.5em;
}

#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: var(--ring-content-background-color, #fff);
  cursor: pointer;
  text-decoration-line: underline;
}

/*----------- 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: var(--ring-text-color, #1f2326);
  text-decoration: none;
}

.simpleTabs .tabs li.selected a:link,
.simpleTabs .tabs li.selected a:hover {
  padding-bottom: 2px;
  color: var(--ring-text-color, #1f2326);
  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 0 -2px 0;
  padding: 0;
  border-collapse: collapse;
}

.tabCounter {
  display: inline-block;
  float: right;
  padding-left: 4px;
  font-weight: normal;

  color: var(--ring-secondary-color, #6C707E);
}

.tabCounter:empty {
  visibility: hidden;
}

.simpleTabs .tabs li.selected .tabCounter {
  position: relative;
  left: -1px;
  top: -1px;
}

/* 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: flex;
  gap: 8px;
  list-style: none;
  margin: 0 calc(var(--tc-page-padding-inline, 24px) * -1) 16px;
  box-sizing: border-box;
  padding: 8px var(--tc-page-padding-inline, 24px);
  min-height: 40px;
  box-shadow: inset 0 -1px var(--ring-line-color, #dfe1e5), 0 -1px var(--ring-line-color, #dfe1e5);
}

#restNavigation, #restPageTitle, #restPageDescription{
  display: none;
  margin: 0;
}

#restPageTitle{
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 20px;
  line-height: 24px;
  vertical-align: middle;
  white-space: nowrap;
}

#restPageTitle .selected{
  font-size: 20px;
  vertical-align: middle;
}

#restPageTitle .selected.buildType,
#restPageTitle .selected.buildTypeTemplate,
#restPageTitle .selected.project {
  white-space: normal;
  max-width: 70vw;
  word-break: break-word;
}

#restPageTitle a:not(.error-url) {
  color: inherit;
}

#restPageDescription{
  color: #737577;
  margin-top: 5px;
}

#restBreadcrumbs ul{
  padding-left: 0;
}

#restNavigation {
  padding: 2px 0;
}

#restNavigation li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

#restNavigation li,
#restNavigation li a {
  color: var(--ring-secondary-color, #6C707E);
}
#restNavigation li a:hover {
  color: var(--ring-link-hover-color, #223C72);
  text-decoration: none;
}
#restNavigation li.selected,
#restNavigation li.selected a {
  color: var(--ring-text-color, #1f2326);
  cursor: default;
}

#restBreadcrumbs .tc-icon_breadcrumb_slash:after {
  content: '/';
  margin: 0 8px;

  color: var(--ring-borders-color, #d3d5db);

  font-size: 16px;
  line-height: 16px;
}

#restBreadcrumbs .contentWrapper {
  display: inline-block;
  padding: 0;
  border-radius: 3px;
}

#restPageTitle .selected .contentWrapper{
  color: var(--ring-text-color, #1f2326);
  font-weight: bold;
  display: flex;
}

#restPageTitle .selected{
  display: inline-block;
}

li.main-navigation_branch-name-selector.rest p{
  padding: 0;
  width: 220px;
}

.prefix{
  color: #737577;
  padding-right: 10px;
}

#restBreadcrumbs .leftIcon {
  margin-right: 2px;
  color: var(--ring-icon-color, #818594)
}

#restBreadcrumbs .buildDataIcon {
  display: none;
}

#restBreadcrumbs .contentWrapper i{
  margin: 0;
  padding: 0;
}

#restBreadcrumbs .contentWrapper .iWrapper{
  height: 16px;
  margin-left: 2px;
  padding: 0;
  border: none;
  background: none;

  vertical-align: -1px;

  line-height: 16px;
  border-radius: 3px;
  color: var(--ring-icon-color, #818594);
}

#restBreadcrumbs .contentWrapper .iWrapper:hover{
  color: var(--ring-icon-hover-color, #5a5d6b);
  background-color: var(--ring-tag-background-color, #EBECF0);
}

#restBreadcrumbs .contentWrapper .iWrapper:active{
  color: var(--ring-main-color, #3574f0);
  background-color: var(--ring-selected-background-color, #D4E2FF);
}

#restPageTitle i.itemSeverity.tc-icon {
  width: 15px;
  height: 15px;
}

#restPageTitle .healthItemIndicator{
  height: 15px;
  vertical-align: middle;
}

#restPageTitle .healthItemIndicator i.itemSeverity {
  vertical-align: baseline;
  font-size: var(--ring-font-size, 14px);
  line-height: 13px;
  width: 0.8em;
}

.branchNameSelector_placeholder {
  display: inline-block;
  width: 100%;
  position: relative;
  border: 1px solid lightgray;
  padding: 0;
  border-radius: 3px;
}

.branchNameSelector_placeholder.minimalistic{
  background-color: #d4edff;
  border: none;
  width: 99%;
  height: 1.8em;
  font-size: var(--ring-font-size, 14px);
  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: #d4edff;
  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: var(--ring-font-size, 14px);
  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;
}

ul.tabs i.tc-icon_attention,
.simpleTabs .warningIcon {
  margin-left: 8px;
  margin-right: 8px;
}

.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 var(--ring-line-color, #dfe5eb) solid;
  border-bottom: .5em white solid;
  background-color: var(--ring-secondary-background-color, #f7f9fa);
}

.failedTestsCaption {
  background-color: var(--ring-line-color, #dfe5eb);
  padding-left: 5px;
}

.package {
  color: #737577;
  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 var(--ring-line-color, #dfe5eb);
  font-weight: normal;
}

/* Artifact dependencies table */

table.artifactsList {
  width: 60%;
  margin: 0 0 .8em 1em;
  border-bottom: solid 1px var(--ring-line-color, #dfe5eb);
}

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 var(--ring-line-color, #dfe5eb);
  border-bottom: 1px solid var(--ring-line-color, #dfe5eb);
  border-left: 1px solid var(--ring-line-color, #dfe5eb);
}

table.plain th {
  background-color: var(--ring-secondary-background-color, #f7f9fa);
}

table.plain td,
table.plain th {
  padding: .2em .5em;
  text-align: left;
  border-right: 1px solid var(--ring-line-color, #dfe5eb);
}

#vcsInformation p.blockHeader {
  margin-top: 0;
}

table.changeRevisionsTable {
  width: 100%;
  margin-left: 0;
}

.changeRevisionsTable td {
  vertical-align: top;
}

.changeRevisionsTable tr:not(:last-child) td {
  border-bottom: 1px solid var(--ring-line-color, #dfe5eb);
}

.changeRevisionsTable .vcsRoot {
  width: 50%;
  white-space: nowrap;
}

.changeRevisionsTable .label {
  width: 15%;
}

.noteOnVcsRootInBuild {
  display: inline-block;
  margin-left: 1em;
  font-style: italic;
  color: #737577;
}

.changeRevisionsActions {
  margin-bottom: 2em;
}

.changeRevisionsActions .right {
  float: right;
}

#buildResults .attentionComment {
  margin-top: 0.5em;
}

.testListSelected td,
.testRowSelected td {
  background-color: var(--ring-secondary-background-color, #f7f9fa)
}

.testListSelected .testRelatedBuilds td {
  background-color: var(--ring-content-background-color, #fff);
}

.artifactsNote {
  margin-top: .5em;
  margin-left: 7px;
}

.build_type_description {
  color: #737577;
}

#deploymentStatus table.modificationBuilds tr td.build_type_name, #deploymentStatus table.modificationBuilds tr td.buildTypeName {
  width: 30%;
}

#deploymentStatus table.modificationBuilds td.branch {
  padding-left: 1em;
}

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

/* 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: var(--ring-secondary-background-color, #f7f9fa);
  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 {
  display: flex;
  align-items: center;
  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 .group-name-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.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: #737577;
  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 td.autoSize {
  max-width: 0;
}

.tests-group .testNameWrapper {
  display: flex;
  align-items: baseline;
}

.tests-group .testNamePopup {
  min-width: 0;
  display: flex;
  align-items: baseline;
}

.tests-group .testNamePopup .pc__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: -22px;
  padding-left: 22px;
}

.tests-group img.icon + .title {
  margin-left: 5px;
}

/** Styles for test details mode, when clicking on test name in test list */
/**=======================================================================*/
/**=======================================================================*/
.testDetailsShown {
  background-color: var(--ring-secondary-background-color, #f7f9fa) !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;
  overflow-wrap: break-word;
}

.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 var(--ring-content-background-color, #fff);
  border-bottom: 5px solid var(--ring-content-background-color, #fff);
}

.testListSelected .testDetailsInline .rightBlock {
  background-color: var(--ring-content-background-color, #fff);
  border-left-color: var(--ring-secondary-background-color, #f7f9fa);
  border-bottom-color: var(--ring-secondary-background-color, #f7f9fa);
}

.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: var(--ring-secondary-background-color, #f7f9fa);
}

.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 {
  display: inline-block;
  color: #737577;
  padding: 5px 0;
}

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

/** 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: var(--ring-text-color, #1f2326);
  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 var(--ring-line-color, #dfe5eb);
  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: #737577;
}

.testFailedInPart a {
  text-decoration-line: underline;
}

.testFailedInPart em {
  padding-right: 23px; /* To align text with cases when there is popup arrow */
}

/*---
/css/testMetadata.css
---*/
.testMetadata__table {
  border-bottom: 1px dotted #ccc;
  margin: 0 0 20px;
}

.testMetadata__title {

  margin-bottom: 5px;
  font-size: var(--ring-font-size, 14px);
  font-weight: bold;

  text-align: left;
}

.testMetadata__row {
  border-top: 1px dotted #ccc;
}

.testMetadata__row:hover {
  background-color: #fafafa;
}

.testMetadata__name {
  box-sizing: border-box;
  padding: 5px 40px 5px 20px;

  vertical-align: top;
}

.testMetadata__value {
  padding: 5px 20px;
  box-sizing: border-box;
}

.testMetadata__value > a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.testMetadataImage,
.testMetadataVideo {
  border: 1px solid var(--ring-line-color, #dfe5eb);
  max-width: 30vw;
}

.testMetadataNumber {
  padding-right: 5px;
  font-weight: 500;
}

/*---
/css/investigation.css
---*/
.responsible span.responsibilityMessage {
  background-color: var(--tc-classic-highlight-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,
#reactui-investigate {
  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 .details {
  width: 40%;
}

#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: var(--tc-classic-highlight-color, #ffc) !important;
}

.investigation-dialog .list {
  overflow: auto;
  max-height: 120px;
  margin: .5em .3em 0;
}

.investigation-dialog .blockHeader {
  background: var(--ring-secondary-background-color, #f7f9fa);
  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;
}

.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: 130px;
  line-height: 26px;
  font-weight: normal;
  text-align: left;
  vertical-align: baseline;
}

table.investigate-params td {
  padding: 0;
  vertical-align: baseline;
}

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: var(--ring-error-color);
}

/* Popups */

div.name-value {
  padding: 4px;
}

div.name-value + div.name-value {
  border-top: 1px solid var(--ring-line-color, #dfe5eb);
  padding-top: 0;
}

div.name-value > table {
  width: 100%;
  max-width: 36em;
}

div.name-value > table + table {
  border-top: 1px solid var(--ring-line-color, #dfe5eb);
}

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 {
  white-space: normal;
  font-style: italic;
}

div.name-value + div.actions {
  background-color: var(--ring-secondary-background-color, #f7f9fa);
  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: var(--ring-error-color);
}

.investigationDetails {
  overflow: hidden;
  text-overflow: ellipsis;
}

/*---
/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: var(--ring-error-color);
}

.changeBuildStatus-warningText {
  color: var(--ring-warning-color);
}

.changeBuildStatus-notificationNote {
  color: #737577;
  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 {
  display: block;
  width: auto;
  list-style: none;
}

.tree li.last {
  background-image: none;
  list-style: none;
}

.tree span.a {
  display: block;
}

/* 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=197325) 0 50% no-repeat;
  cursor: pointer;
}

.tree li.closed span.a.children span.b {
  background-image: url(/css/tree/../../img/tree/plus.gif?v=197325);
}

/* Span-C: Spacing and extending tree line below the icon */
.tree span.c {
  margin-left: 16px;
}

.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=197325) 0 50% no-repeat;
  background-size: 16px;
}

.tree span.a.children a {
  background-image: url(/css/tree/../../img/tree/page-openfoldericon.png?v=197325);
}

.tree span.a.children.spanClosed a {
  background-image: url(/css/tree/../../img/tree/page-foldericon.png?v=197325);
}

/* 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: var(--ring-text-color, #1f2326);
}

.tree li .over {
  background-color: pink;
}

.filesize {
  margin-left: 1em;
}

.treeTotals {
  margin: 4px 0 0 32px;
}

@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=197325);
  }

  .tree span.a.children a {
    background-image: url(/css/tree/../../img/tree/page-openfoldericon@2x.png?v=197325);
  }

  .tree span.a.children.spanClosed a {
    background-image: url(/css/tree/../../img/tree/page-foldericon@2x.png?v=197325);
  }
}

/*---
/css/tree/tree.css
---*/
/* Lazy tree selectors */
.lazy-tree {
  width: auto;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.lazy-tree a {
  color: var(--ring-text-color, #1f2326);
  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 .last {
  background-image: none;
}

.lazy-tree span.a > span.b::before {
  vertical-align: -1px;
}

.lazy-tree .open > span.a,
.lazy-tree .closed > span.a {
  cursor: pointer;
}

.lazy-tree .open > span.a > span.b::before {
  background-position: -177px 6px;
}

.lazy-tree .closed .lazy-subtree {
  display: none;
}

.lazy-tree .closed > span.a > span.b::before {
  background-position: -175px -14px;
}

.lazy-tree .folderIcon {
  color: var(--ring-link-color);
  margin-right: 2px;
}

.lazy-tree .fileIcon {
  color: var(--ring-secondary-color);
  margin-right: 2px;
}

/* 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: var(--ring-text-color, #1f2326);
  font-size: 80%;
}

.lazy-tree .emptyMessage {
  font-style: italic;
  color: var(--ring-secondary-color);
}

.lazy-tree .tree-error {
  color: var(--ring-error-color);
  padding-left: 16px;
}

/* File browse */

.fileBrowse {
  width: 70%;
}

.headMessage {
  margin: 0.6em 0;
}

.headMessage div.downloadLink {
  white-space: nowrap;
}

.headMessage div.downloadLink a.downloadLink {
  float: none;
}

.fileBrowse .upload {
  margin-top: 1em;
}

.fileBrowse .fileName {
  font-weight: bold;
}

.fileBrowse .fileSize {
  color: #737577;
}

.fileBrowse .fileLastModifiedTimestamp {
  color: var(--ring-disabled-color, #999);
  font-size: 80%;
}

.fileBrowse .fileOperations {
  color: var(--ring-disabled-color, #999);
  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;
}

.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-line: underline;
}

.lazy-tree .folder_zip {
  padding-left: 1em;
  color: var(--ring-text-color, #1f2326);
  font-size: 80%;
}

.lazy-tree .folder_zip a {
  color: var(--ring-text-color, #1f2326);
  float: none;
}

/*---
/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{
  font-size: 15px;
  font-style: italic;
  font-weight: 200;
  color: #737577;
  margin-left: 0.5em;
}

.projectHierarchy .project .counter {
  color: #737577;
}

.projectHierarchy .build_type .no_build_types {
  font-style: italic;
  color: #737577;
}

.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: var(--ring-hover-background-color); /* 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: #737577;
}

.projectHierarchy .build_type_description {
  padding-left: 5px;
  color: #737577;
}

.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: var(--ring-content-background-color, #fff);
  border: 1px solid #1564c2;
}

.unselectedTag {
  border: 1px solid var(--ring-line-color, #dfe5eb);
}

.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: var(--ring-line-color, #dfe5eb);
  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: #737577;
}

.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: var(--tc-classic-highlight-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;
  border-radius: var(--ring-border-radius-large);
}

.popupWithTitle {
  padding: 0;
  z-index: 30;
}

.popupWithTitle .popupWithTitleHeader {
  background-color: var(--ring-secondary-background-color, #f7f9fa);
  margin: 0;
  padding: 4px 10px;
  border-bottom: 1px solid var(--ring-line-color, #dfe5eb);
  font: 200 13px "Helvetica Neue", Calibri, Arial, sans-serif;
}

.popupWithTitle .closeWindow {
  top: -2px;
  margin: 0;
}

.quickLinksMenuPopup ul li {
  list-style: none;
}

.quickLinksMenuPopup ul li a,
.quickLinksMenuPopup ul li .commentText {
  outline: none;
}

div.divider {
  margin: .5em 0;
  border-bottom: 1px solid #CFCFD0;
}

/*---
/css/forms.css
---*/
/*
 * Copyright 2000-2024 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: #a90f1a;
  font-weight: bold;
}

.errorField {
  border: 2px solid #a90f1a;
}

.errorMessage {
  color: #a90f1a;
}

div.error,
span.error {
  display: block;
  margin-top: 0;
  margin-left: 12.6em;
  color: #a90f1a;
}

.noJavaScriptEnabledMessage {
  color: #a90f1a;
}

/*--- general elements */

#sidebarAdmin {
  background-color: var(--ring-content-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 solid var(--ring-line-color, #dfe5eb);
}

.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: #db5860;
  font-size: 90%;
}

.grayNote,
.smallNote,
.smallNoteAttention {
  max-width: 640px;
  color: #737577;
  font-size: 90%;
}

.section .grayNote {
  max-width: none;
}

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

.checkboxSectionUnderInput {
  padding-top: 10px;
}

/*---------- Profile styles and User List styles*/
div.modifiedMessage {
  display: none;
  position: fixed;
  bottom: 0;
  left: 64px;
  right: 0;

  padding: 0;

  text-align: center;
  color: var(--ring-text-color, #1f2326);
  z-index: 6;

  opacity: 0.9;
}

.modifiedMessage .messageBody {
  background-color: var(--tc-classic-highlight-color, #ffc);
  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: var(--ring-content-background-color, #fff);
}

#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 solid var(--ring-line-color, #dfe5eb);
  zoom: 1;
}

.saveButtonsBlock.withDslButton,
.popupSaveButtonsBlock.withDslButton {
  display: flex;
  align-items: center;
}

.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 input,
.saveButtonsBlock a,
.popupSaveButtonsBlock input,
.popupSaveButtonsBlock a {
  vertical-align: middle;
}

.saveButtonsBlock .btn,
.popupSaveButtonsBlock .btn {
  margin-left: 0;
  margin-right: 1em;
}

.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: var(--ring-link-color);
}

.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: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--ring-text-color, #1f2326);
  opacity: 0.1;
}

.modalDialog {
  background-color: var(--ring-content-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%;
  min-width: min-content;
}

.modalDialog .dialogHeader {
  background-color: var(--ring-secondary-background-color, #f7f9fa);
  position: relative;
  padding: 0;
  border-bottom: 1px solid var(--ring-line-color, #dfe5eb);
}

.modalDialog .dialogHandle {
  padding: 12px;
  cursor: move;
}


.modalDialog .dialogTitle {
  display: flex;
  align-items: baseline;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  padding-bottom: 1px;
  margin-right: 16px;
}

.modalDialog .dialogTitle > span {
  min-width: 0;
}

.modalDialog .dialogTitle .addNew {
  background: none;
  padding: 0;
}

.modalDialog .titleBuildNumber {
  font: inherit;
}

.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;
  overflow: auto;
  max-height: 90vh;
}

.modalDialogBody_nopaddings {
  padding: 0;
}

.parameterWrapper {
  display: flex;
  padding-bottom: 5px;
}

/*--------------------- 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 solid var(--ring-line-color, #dfe5eb);
}

.runnerFormTable tr:first-child th,
.runnerFormTable tr:first-child td {
  border-top: none;
}

.newSpecTable.runnerFormTable tr:first-child th,
.newSpecTable.runnerFormTable tr:first-child td {
  border-top: 1px solid var(--ring-line-color, #dfe5eb);
}

.newSpecTable.runnerFormTable .posRel,
.newSpecTable.remoteParameter .posRel,
.runnerFormTable.remoteParameter .posRel {
  display: block;
  width: 100%;
  padding-right: 0;
}

.newSpecTable.remoteParameter input[type=text],
.newSpecTable.remoteParameter textarea,
.newSpecTable.remoteParameter select,
.newSpecTable.runnerFormTable input[type=text],
.newSpecTable.runnerFormTable textarea,
.newSpecTable.runnerFormTable select,
.runnerFormTable.remoteParameter input[type=text],
.runnerFormTable.remoteParameter textarea,
.runnerFormTable.remoteParameter select {
  width: 100%;
}

.newSpecTable.runnerFormTable th.formHeader {
  width: 26%;
}


.newSpecTable .posRel {
  display: block;
  padding: 0;
}

.runnerFormTable th.formHeader {
  width: 20%;
}


.runnerFormTable td.at_top {
  vertical-align: top;
}

.runnerFormTable .overridenParam > td {
  font-weight: 600;
}

.overridenParam .paramValue span {
  margin-right: 5px;
}

.runnerFormTable th.noBorder,
.runnerFormTable td.noBorder {
  border-top: none;
}

.runnerFormTable th {
  width: 26%;
  vertical-align: top;
  text-align: left;
}

.userDefinedParametersTable th,
.newSpecTable th,
.remoteParameter th {
  min-width: 150px;
  width: 150px;
}

#editBuildTypeForm #runnerParams .runnerFormTable {
  margin-left: -8px;
}

#editBuildTypeForm .runnerFormTable th {
  width: 1%;
  min-width: 180px;
}

.runnerFormTable span.smallNote,
.runnerFormTable td select {
  margin: 0;
  padding: 0;
}

.runnerFormTable tr.groupingTitle td {
  background-color: var(--ring-secondary-background-color, #f7f9fa);
  padding: .1em 0 .1em 8px;
  border-top: 1px solid var(--ring-line-color, #dfe5eb);
  border-bottom: 1px solid var(--ring-line-color, #dfe5eb);
}

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

.createFormContainer .runnerFormTable,
#createTemplateForm .runnerFormTable {
  table-layout: fixed;
}

/*------------------ styles for the Test Connection dialog*/
.testConnectionFailed,
.testConnectionSuccess,
.testConnectionNeutral {
  margin-bottom: .5em;
  font-weight: bold;
  font-size: 110%;
}

.testConnectionFailed {
  color: #a90f1a;
}

.testConnectionSuccess {
  color: #0c7523;
}

#testConnectionDetails {
  overflow-x: auto;
  padding: 5px;
  border: 1px solid var(--ring-line-color, #dfe5eb);
  font-size: 12px;
  width: 564px;
}

textarea.expandable {
  resize: both;
  overflow: auto;
  padding: 0;
}

/*------------------ Advanced settings */

.advancedSettingsToggle {
  margin: 1em 0;
  color: #b25c00;
}

.advancedSettingsToggle a {
  margin-left: .5em;
  color: #b25c00;
}

.advancedSettingHighlight th {
  color: #b25c00;
}

.advancedSetting {
  background-color: var(--ring-content-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;
}

.agentTree,
.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;
  background: var(--ring-hover-background-color);
  line-height: 2em;
}

.headerNote .basedOn {
  float: left;
}

.editVcsSettingsDialog .vcsUserNames {
  width: 30em;
  white-space: pre;
  word-wrap: normal;
  overflow-x: auto;
}

.editVcsSettingsDialog .vcsUserNamesNote {
  margin-left: 9em;
}

.editAccessTokenFormDialog {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  width: 50em;
}

.editAccessTokenFormDialog .input-wrapper {
  width: 32em;
}

#accessTokenScoped,#accessTokenProjects {
  width: 30em;
}

.editAccessTokenFormDialog .error {
  display: none;
  width: 100%;
  white-space: nowrap;
  margin-left: 0;
}

#accessTokenPermissionsTr .input-wrapper {
  width: 30em;
  padding-top: 1em;
}


.editAccessTokenFormDialog th, .editAccessTokenFormDialog tr {
  margin: 0;
  padding: 8px;
}

.editAccessTokenFormDialog tr:first-child th,
.editAccessTokenFormDialog tr:first-child td {
  border-top: none;
}

.editAccessTokenFormDialog th.noBorder,
.editAccessTokenFormDialog td.noBorder {
  border-top: none;
}

.editAccessTokenFormDialog th {
  vertical-align: top;
  text-align: left;
}

.editAccessTokenFormDialog .mono {
  word-wrap: break-word;
  width: 27em;
}

#select_accessTokenExpirationTimeUnit {
  padding: 2px;
}

#permissionFormContainerInputWrapper {
  max-height: 300px;
  overflow-y: scroll;
}

.permissionGroupList {
  list-style: none;
  padding-left: 0;
  padding-top: 0;
  margin-top: 0;
}

.permissionList {
  list-style: none;
  padding-top: 4px;
  padding-left: 1.5em;
}

.permissionGroupItem {
  padding-top: 5px;
  border-bottom: 1px solid var(--ring-line-color, #dfe5eb);
  padding-bottom: 5px;
}

.permissionCheckboxItem {
  margin-bottom: 1em;
}

.userProfileTable .noRightBorder {
  border-right: none;
}

.userProfileTable .noLeftBorder {
  border-left: none;
}

.draggable {
  margin: 3px 0;
  padding: 2px;
  line-height: 24px;
  border: 2px solid var(--ring-line-color, #dfe5eb);
  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;
}

.buildConfigurationsTableHeader {
  display: flex;
  justify-content: space-between;
}

.subProjectsTableHeader {
  width: 100%;
}

.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,
.branchFilterHelperHandle,
.projectDataPopupHandle {
  cursor: pointer;
}

.branchFilterHelperHandle,
.branchesPopupHandle {
  display: inline-block;
  position: absolute;
  top: 0.35em;
}

.posRel .branchesPopupHandle {
  right: 0;
}

.posRel .branchFilterHelperHandle {
  right: 0;
}

#watchTypeBuildTypeSettings .branchesPopupHandle {
  margin-left: 4px;
}

.dialogDslButtons {
  margin-left: auto;
}

.fragmentEditDsl {
  z-index: 10;
  position: absolute;
  width: 100%;
  background-color: var(--ring-content-background-color, #fff);
  left: -200vw;
  box-sizing: border-box;
  border-right: 20px solid var(--ring-content-background-color, #fff);
  border-left: 20px solid var(--ring-content-background-color, #fff);
  overflow-y: scroll;
}

.dsl_active {
  left: 0;
}

.dsl_inactive {
  position: absolute;
  left: -200vw;
  width: 100%;
  top: 0;
}

.wrapToggle {
  position: absolute;
  right: 4px;
  top: 2px;
}

.wrapToggle .actionIcon,
.wrapToggle:focus .actionIcon {
  color: var(--ring-secondary-color);
}

.wrapToggleOn .actionIcon,
.wrapToggleOn:focus .actionIcon {
  color: var(--ring-link-color);
}

.codeHighlightTD {
  max-width: 0;
}

.codeMirrorWrapper {
  display: block;
}

.codeMirrorWrapper .CodeMirror-scroll {
  min-height: 80px;
  max-height: 320px;
}

.agentTreeSelectedPathDiv {
  margin-top: 10px;
  margin-left: 4px;
}

.agentTreeSelectedPath {
  font-family: monospace;
}
/*---
/css/runCustomBuild.css
---*/
/*
 * Copyright 2000-2024 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: 63em;
}

#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 {
  margin: 0 0 0.5em;
  padding: 0;
  border-collapse: collapse;
}

#runBuild .buildParameters td {
  padding: 4px;
  vertical-align: top;
  text-align: left;
}

#runBuild .buildParameters tr.newParameterRow td {
  padding-top: 0px;
  padding-bottom: 8px;
}

#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 .systemPropOption {
  display: none;
}

#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: var(--tc-classic-highlight-color, #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: var(--tc-classic-highlight-color, #ffc);
}

#runBuild li.modifiedParam.selected {
  background-image: -webkit-linear-gradient(rgba(var(--ring-content-background-components), 0.4), var(--ring-content-background-color, #fff));
  background-image: linear-gradient(rgba(var(--ring-content-background-components), 0.4), var(--ring-content-background-color, #fff));
}

#runBuild table.settings th {
  background-color: var(--ring-secondary-background-color, #f7f9fa);
}

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

table.promoteBuild td.header .buildType_description {
  font-weight: normal;
  color: #737577;
}

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: var(--ring-text-color, #1f2326);
  padding-top: 0px;
  border-bottom: 0px;
}

table.promoteBuild td.last {
  padding-bottom: 12px;
}

div.showArchived {
  margin-top: 10px;
}

.personalPatch {
  margin-top: 5px;
}

#patchDropZone {
  border: 1px dashed #aaaaaa;
  padding: 6px;
  width: 70%;
  cursor: default;
}

#patchDropZone:hover {
  background-color: whitesmoke;
}

#resetPatch {
  display: none;
  margin-right: 6px;
  font-size: 110%;
  font-family: monospace;
  color: #aaaaaa;
  float: right;
}

#resetPatch:hover {
  color: var(--ring-text-color, #1f2326);
  cursor: pointer;
}

#runCustomBuildContentDiv .smallNote {
  width: auto;
  margin-left: 0;
}

#personalPatchFileName {
  padding-left: 4px;
}

.personalPatch input[type=file] {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

/*---
/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: var(--ring-success-color);
}

span.simpleStatus {
  background-color: #F1F4F7;
  padding: 3px 5px;
}

table.issueLogFilter {
  background-color: var(--ring-secondary-background-color, #f7f9fa);
  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: var(--ring-content-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: #737577;
}

table.providersTable {
  margin-top: 1em;
}

table.providersTable th {
  padding: .5em;
  text-align: left;
  background-color: var(--ring-secondary-background-color, #f7f9fa);
}

.providerSummary {
  color: #737577;
}

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: var(--ring-font-size, 14px);
}

.fieldExplanation {
  display: block;
  color: #737577;
  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: var(--ring-error-color);
  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;
}

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

.codemirror-autocomplete-item,
.codemirror-autocomplete-separator ,
.codemirror-autocomplete-nothing {
  font-family: system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans,
    Helvetica Neue, Arial, sans-serif;
  line-height: 22px;
  padding-bottom: 2px;
}

.codemirror-autocomplete-separator ,
.codemirror-autocomplete-nothing.codemirror-autocomplete-nothing {
  background: var(--ring-content-background-color, #fff);
  color: var(--ring-text-color, #1f2326);
  pointer-events: none;
  margin: 0 -4px;
}

.codemirror-autocomplete-separator {
  font-weight: bold;
}

.codemirror-autocomplete-nothing.codemirror-autocomplete-nothing {
  font-style: italic;
  padding: 0 8px;
}

/*---
/css/codemirror/codemirror.css
---*/
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: var(--ring-text-color, #1f2326);
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: var(--ring-content-background-color, #fff); /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid var(--ring-line-color, #dfe5eb);
  background-color: var(--ring-secondary-background-color, #f7f9fa);
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: var(--ring-disabled-color, #999);
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: var(--ring-text-color, #1f2326); }
.CodeMirror-guttermarker-subtle { color: var(--ring-disabled-color, #999); }

/* CURSOR */

.CodeMirror div.CodeMirror-cursor {
  border-left: 1px solid var(--ring-text-color, #1f2326);
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid var(--ring-borders-color, #c5d1db);
}
.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
  width: auto;
  border: 0;
  background: #7e7;
}
.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
@-moz-keyframes blink {
  0% { background: #7e7; }
  50% { background: none; }
  100% { background: #7e7; }
}
@-webkit-keyframes blink {
  0% { background: #7e7; }
  50% { background: none; }
  100% { background: #7e7; }
}
@keyframes blink {
  0% { background: #7e7; }
  50% { background: none; }
  100% { background: #7e7; }
}

/* Can style cursor different in overwrite (non-insert) mode */
div.CodeMirror-overwrite div.CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-ruler {
  border-left: 1px solid var(--ring-line-color, #dfe5eb);
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: var(--ring-code-attribute-color, #00f);}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: var(--ring-code-string-color, #007a00);}
.cm-s-default .cm-hr {color: var(--ring-disabled-color, #999);}
.cm-s-default .cm-link {color: #00c;}

.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: var(--ring-content-background-color, #fff);
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actuall scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  margin-bottom: -30px;
  /* Hack to make IE7 behave */
  *zoom:1;
  *display:inline;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  height: 100%;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.CodeMirror-widget {}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-measure pre { position: static; }

.CodeMirror div.CodeMirror-cursor {
  position: absolute;
  border-right: none;
  width: 0;
}

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror ::selection { background: #d7d4f0; }
.CodeMirror ::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background: var(--tc-classic-highlight-color, #ffc);
  background: rgba(255, 255, 0, .4);
}

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span { *vertical-align: text-bottom; }

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

/*---
/css/codemirror/codemirror-teamcity.css
---*/
.CodeMirror {
  font: 12px/1.5 Menlo, "Bitstream Vera Sans Mono", "Ubuntu Mono", Consolas, "Courier New", Courier, monospace;
  height: auto;
  border: 1px solid var(--ring-line-color, #dfe5eb);
}

.CodeMirror-scroll {
  overflow-y: hidden;
  overflow-x: auto;
}

/* Editor - brackets highlighting */
div.CodeMirror span.CodeMirror-matchingbracket {
  background-color: #AAD7FD;
  color: inherit;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  background-color: #FFE3E3;
  color: inherit;
}

/* Editor - selection */
.CodeMirror-selected {
  background: rgba(var(--ring-secondary-components), 0.2);
}

.CodeMirror-focused .CodeMirror-selected {
  background: rgba(var(--ring-secondary-components), 0.2);
}

.CodeMirror-focused pre.CodeMirror-cursor {
  z-index: 1;
}

.CodeMirror-activeline-background {
  background-color: var(--ring-hover-background-color, #ebf6ff);
}

/*---
/css/codemirror/addon/hint/show-hint.css
---*/
.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;

  margin: 0;
  padding: 2px;

  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  border-radius: 3px;
  border: 1px solid silver;

  background: var(--ring-content-background-color, #fff);
  /*font-size: 90%;*/
  font-family: monospace;

  max-height: 20em;
  overflow-y: auto;
}

.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  /*max-width: 25em;*/
  overflow: auto;
  white-space: pre;
  color: var(--ring-text-color, #1f2326);
  cursor: pointer;
}

li.CodeMirror-hint-active {
  background: #08f;
  color: var(--ring-content-background-color, #fff);
}


.ui-autocomplete-matched-part {
  font-weight: bold;
}

.ui-autocomplete-meta-info {
  float: right;
  margin-left: 1em;
  font-size: 80%;
  font-style: italic;
}
