/* Minification failed. Returning unminified contents. (1946,38): run-time error CSS1019: Unexpected token, found ':' (1946,38): run-time error CSS1042: Expected function, found ':' (1946,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (2063,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3430,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3958,26): run-time error CSS1019: Unexpected token, found ':' (3958,26): run-time error CSS1042: Expected function, found ':' (3958,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (4635,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */ /* Minification failed. Returning unminified contents. (1935,38): run-time error CSS1019: Unexpected token, found ':' (1935,38): run-time error CSS1042: Expected function, found ':' (1935,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (2052,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3419,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3947,26): run-time error CSS1019: Unexpected token, found ':' (3947,26): run-time error CSS1042: Expected function, found ':' (3947,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (4624,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */ /* Minification failed. Returning unminified contents. (1924,38): run-time error CSS1019: Unexpected token, found ':' (1924,38): run-time error CSS1042: Expected function, found ':' (1924,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (2041,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3408,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3936,26): run-time error CSS1019: Unexpected token, found ':' (3936,26): run-time error CSS1042: Expected function, found ':' (3936,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (4613,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */ /* Minification failed. Returning unminified contents. (1913,38): run-time error CSS1019: Unexpected token, found ':' (1913,38): run-time error CSS1042: Expected function, found ':' (1913,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (2030,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3397,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3925,26): run-time error CSS1019: Unexpected token, found ':' (3925,26): run-time error CSS1042: Expected function, found ':' (3925,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (4602,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */ /*This file is auto generated from base css file in ..\_index.css*/ /****** Begin Site styles*****/ /****** Begin Global styles*****/ body { font-family: Segoe UI, Tahoma, Arial, Verdana; color: #000000; background-color: #fcfcfc; font-size: 12px; overflow: hidden; margin: 0; padding: 0; background-image: url(/Content/iBoris/site/texture.png); } body.Admin { background-color: #500; background-image: none; } body.no-chrome { background-image: none; } body.Oi { background-color: #0071BC; background-image: none; } input, button, textarea, select { font-family: Segoe UI, Tahoma, Arial, Verdana; font-size: 100%; } input, textarea, select { background-color: #ffffff; } .textbox, .input-text { border: 1px solid #e6e6e6; outline: 0; } label, legend { color: #6D6D6D; } A { color: #2470e3; /*text-decoration: none;*/ cursor: pointer; } A:hover { color: #2470e3; text-decoration: underline; } A:visited { color: #2470e3; } A:active { color: #2470e3; } fieldset { border: 0; margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; } /* Global Backend Button Styling */ button, button.ui-state-default, button.ui-button { font-family: "Segoe UI"; height: 30px; border: 1px solid #ccc; background-color: #f8f8f8; color: #333; cursor: pointer; border-radius: 2px; outline: 0; padding: 2px 12px 2px 12px; } button:hover, button:focus { color: #000; border-color: #aaa; background-color: #fefefe; -moz-box-shadow: 1px 1px 1px rgba(160,160,160,0.2); -webkit-box-shadow: 1px 1px 1px rgba(160,160,160,0.2); box-shadow: 1px 1px 1px rgba(160,160,160,0.2); } button[disabled], button[disabled]:hover, button[disabled]:focus { color: #ababab; background-color: #fcfcfc; border: 1px solid #e6e6e6; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .inline-error { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 20px; padding: 10px; overflow: hidden; width: 100%; border: 1px solid #cccccc; background-color: #ffffcc; font-size: 18px; } .blank-message { font-size: 14px; margin: 10px 0 20px 0; padding: 10px; border: 1px dashed #cccccc; background-color: #ffffcc; color: #7d7a11; } /* Required to center align checkboxes vertically with labels within the same inline */ .checkbox-centered { vertical-align: middle; margin-top: -1px; } /****** Begin ICON DEFINITIONS*****/ .add-icon { background: url(/Content/iBoris/site/add_row.png) no-repeat 0px 0px !important; } .undo-icon { background: url(/Content/iBoris/site/undo-icon-3.png) no-repeat -0px -0px !important; background-size: 16px auto !important; margin-left: -4px !important; margin-top: -4px !important; } .k-button-undo-icon { width: 26px !important; min-width: 26px !important; padding-left: 8px !important; } a.disabled { pointer-events: none; } .icon-admin { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -16px -16px !important; } .icon-alert { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -64px -16px !important; } .icon-alert-2 { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -112px -16px !important; } .icon-arrow-down { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4478px -16px !important; } .icon-arrow-left { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4574px -16px !important; } .icon-arrow-right { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4526px -16px !important; } .icon-arrow-up { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4430px -16px !important; } .icon-associate { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -160px -16px !important; } .icon-attachment { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -208px -16px !important; } .icon-attachment-add { background: url(/Content/iBoris/site/add_row.png) no-repeat 0px 0px !important; } .icon-attachment-open { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -2560px -16px !important; } .icon-branch { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -352px -16px !important; } .icon-build-histogram-default { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -247px -142px !important; } .icon-build-histogram-failed { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -157px -142px !important; } .icon-build-histogram-failed-hover { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -37px -142px !important; } .icon-build-histogram-inprogress { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -217px -142px !important; } .icon-build-histogram-inprogress-hover { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -97px -142px !important; } .icon-build-histogram-partiallysucceeded { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -187px -142px !important; } .icon-build-histogram-partiallysucceeded-hover { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -67px -142px !important; } .icon-build-histogram-succeeded { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -127px -142px !important; } .icon-build-histogram-succeeded-hover { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -7px -142px !important; } .icon-build-qualities { background: url(/Content/iBoris/site/build-icons.png) no-repeat -1264px -16px !important; } .icon-calendar { background: url(/Content/iBoris/site/common-icons.png) no-repeat -16px -16px !important; } .icon-cancel { background: url(/Content/iBoris/site/common-icons.png) no-repeat -64px -16px !important; } .icon-chart { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -400px -16px !important; } .icon-chart-bar { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -448px -16px !important; } .icon-chart-pie { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -496px -16px !important; } .icon-chart-series { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -544px -16px !important; } .icon-clipboard { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -592px -16px !important; } .icon-close { background: url(/Content/iBoris/site/common-icons.png) no-repeat -112px -16px !important; } .icon-close-2 { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -640px -16px !important; } .icon-close-3 { background: url(/Content/iBoris/site/close_addpanel.png) no-repeat 3px 3px !important; } .icon-colors { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -688px -16px !important; } .icon-comments { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -736px -16px !important; } .icon-compare { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -784px -16px !important; } .icon-compare-2 { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -832px -16px !important; } .icon-conflict { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -880px -16px !important; } .icon-copy { background: url(/Content/iBoris/site/common-icons.png) no-repeat -160px -16px !important; } .icon-cut { background: url(/Content/iBoris/site/common-icons.png) no-repeat -208px -16px !important; } .icon-delete { background: url(/Content/iBoris/site/common-icons.png) no-repeat -256px -16px !important; } .icon-document { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -928px -16px !important; } .icon-dot { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4670px -16px !important; } .icon-down { background: url(/Content/iBoris/site/common-icons.png) no-repeat -304px -16px !important; } .icon-down-2 { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -976px -16px !important; } .icon-down-gray { background: url(/Content/iBoris/site/common-icons.png) no-repeat -350px -16px !important; } .icon-drop { background: url(/Content/iBoris/site/common-icons.png) no-repeat -398px -16px !important; } .icon-drop-left { background: url(/Content/iBoris/site/common-icons.png) no-repeat -448px -16px !important; } .icon-drop-right { background: url(/Content/iBoris/site/common-icons.png) no-repeat -496px -16px !important; } .icon-edit { background: url(/Content/iBoris/site/common-icons.png) no-repeat -540px -16px !important; } .icon-edit-next { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1024px -16px !important; } .icon-editor-color-back { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -16px -16px !important; } .icon-editor-color-fore { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -64px -16px !important; } .icon-editor-font-bold { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -112px -16px !important; } .icon-editor-font-italic { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -160px -16px !important; } .icon-editor-font-underline { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -208px -16px !important; } .icon-editor-hyperlink { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -256px -16px !important; } .icon-editor-hyperlink-remove { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -304px -16px !important; } .icon-editor-indent { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -352px -16px !important; } .icon-editor-justify { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -400px -16px !important; } .icon-editor-justify-center { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -448px -16px !important; } .icon-editor-justify-left { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -496px -16px !important; } .icon-editor-justify-right { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -544px -16px !important; } .icon-editor-list-bullet { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -592px -16px !important; } .icon-editor-list-number { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -640px -16px !important; } .icon-editor-outdent { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -688px -16px !important; } .icon-editor-picture { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -736px -16px !important; } .icon-edit-prev { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1072px -16px !important; } .icon-edit-table { background: url(/Content/iBoris/site/common-icons.png) no-repeat -592px -16px !important; } .icon-edit-window { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1120px -16px !important; } .icon-empty { background: url(/Content/iBoris/site/common-icons.png) no-repeat -640px -16px !important; } .icon-envelope { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1168px -16px !important; } .icon-error { background: url(/Content/iBoris/site/common-icons.png) no-repeat -688px -16px !important; } .icon-fail { background: url(/Content/iBoris/site/common-icons.png) no-repeat -688px -16px !important; } .icon-favorite { background: url(/Content/iBoris/site/common-icons.png) no-repeat -736px -16px !important; } .icon-favorite-in { background: url(/Content/iBoris/site/common-icons.png) no-repeat -2560px -16px !important; } .icon-favorite-out { background: url(/Content/iBoris/site/common-icons.png) no-repeat -2512px -16px !important; } .icon-favorites { background: url(/Content/iBoris/site/common-icons.png) no-repeat -784px -16px !important; } .icon-favorites-add { background: url(/Content/iBoris/site/common-icons.png) no-repeat -832px -16px !important; } .icon-filter { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4768px -16px !important; } .icon-filter2 { background: url(/Content/iBoris/site/filter_20.png) no-repeat 0px 0px !important; background-size: 14px auto !important; } .icon-filter2-clear { background: url(/Content/iBoris/site/clear_filter_20.png) no-repeat 0px 0px !important; background-size: 14px auto !important; } .icon-find { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1216px -16px !important; } .icon-find-in-document { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1264px -16px !important; } .icon-find-in-folders { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1312px -16px !important; } .icon-folder { background: url(/Content/iBoris/site/common-icons.png) no-repeat -928px -16px !important; } .icon-folder-open { background: url(/Content/iBoris/site/common-icons.png) no-repeat -976px -16px !important; } .icon-folder-up { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1024px -16px !important; } .icon-full-view { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1360px -16px !important; } .icon-gear { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1408px -16px !important; } .icon-gears { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1456px -16px !important; } .icon-go { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4718px -16px !important; } .icon-hand { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1504px -16px !important; } .icon-help { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1552px -16px !important; } .icon-hierarchy { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1600px -16px !important; } .icon-highlight { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1648px -16px !important; } .icon-history { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1696px -16px !important; } .icon-home { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1072px -16px !important; } .icon-idea { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1744px -16px !important; } .icon-info { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1120px -16px !important; } .icon-legend { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1792px -16px !important; } .icon-link { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1840px -16px !important; } .icon-minus { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1888px -16px !important; } .icon-minus-blue { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1936px -16px !important; } .icon-minus-green { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1984px -16px !important; } .icon-minus-orange { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2032px -16px !important; } .icon-new-card { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2080px -16px !important; } .icon-new-document { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2128px -16px !important; } .icon-new-folder { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2176px -16px !important; } .icon-new-window { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1168px -16px !important; } .icon-next { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1216px -16px !important; } .icon-next-2 { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2224px -16px !important; } .icon-open { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1264px -16px !important; } .icon-open-2 { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2272px -16px !important; } .icon-open-visualstudio { background: url(/Content/iBoris/site/open-visualstudio-16px.png) no-repeat 0px 0px !important; } .icon-options { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1312px -16px !important; } .icon-paste { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1360px -16px !important; } .icon-pause { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2320px -16px !important; } .icon-people { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1408px -16px !important; } .icon-play { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2368px -16px !important; } .icon-plus { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2416px -16px !important; } .icon-plus-blue { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2464px -16px !important; } .icon-plus-green { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2512px -16px !important; } .icon-plus-orange { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2560px -16px !important; } .icon-post-it { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2608px -16px !important; } .icon-powerpoint { background: url(/Content/iBoris/site/powerpoint.png) no-repeat 0px 0px !important; } .icon-prev { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1456px -16px !important; } .icon-prev-2 { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2656px -16px !important; } .icon-print { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1504px -16px !important; } .icon-print-details { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2704px -16px !important; } .icon-print-preview { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1552px -16px !important; } .icon-profile { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1600px -16px !important; } .icon-properties { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1648px -16px !important; } .icon-push-pin { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2752px -16px !important; } .icon-queue-build { background: url(/Content/iBoris/site/build-icons.png) no-repeat -1312px -16px !important; } .icon-record { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2800px -16px !important; } .icon-redo { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2848px -16px !important; } .icon-refresh { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2896px -16px !important; } .icon-refresh-2 { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2896px -16px !important; } .icon-refresh-3 { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2944px -16px !important; } .icon-rename { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1744px -16px !important; } .icon-repeat { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2992px -16px !important; } .icon-report { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3040px -16px !important; } .icon-restricted-2 { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3088px -16px !important; } .icon-restricted-document { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3138px -18px !important; } .icon-restrited { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3184px -16px !important; } .icon-results { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3232px -16px !important; } .icon-row-delete { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3280px -16px !important; } .icon-row-insert { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3328px -16px !important; } .icon-row-remove { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3376px -16px !important; } .icon-rss { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1788px -16px !important; } .icon-save { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1840px -16px !important; } .icon-save-all { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1888px -16px !important; } .icon-save-as { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1936px -16px !important; } .icon-save-close { background: url(/Content/iBoris/site/common-icons.png) no-repeat -1984px -16px !important; } .icon-search { background: url(/Content/iBoris/site/common-icons.png) no-repeat -2028px -16px !important; } .icon-search-2 { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3424px -16px !important; } .icon-search-3 { background: url(/Content/iBoris/site/search_20.png) no-repeat 0px 0px !important; background-size: 11px auto !important; } .icon-search-folder { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3472px -16px !important; } .icon-send { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3520px -16px !important; } .icon-send-2 { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3568px -16px !important; } .icon-settings { background: url(/Content/iBoris/site/common-icons.png) no-repeat -2080px -16px !important; } .icon-sort { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3616px -16px !important; } .icon-sort-asc { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3664px -16px !important; } .icon-sort-asc-1 { background: url(/Content/iBoris/site/common-icons.png) no-repeat -2124px -16px !important; } .icon-sort-desc { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3712px -16px !important; } .icon-sort-desc-1 { background: url(/Content/iBoris/site/common-icons.png) no-repeat -2167px -16px !important; } .icon-stop-play { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3760px -16px !important; } .icon-success { background: url(/Content/iBoris/site/common-icons.png) no-repeat -2224px -16px !important; } .icon-synchronize { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3808px -16px !important; } .icon-backend-branch { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -16px -16px !important; } .icon-backend-bug { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -64px -16px !important; } .icon-backend-build { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -112px -16px !important; } .icon-backend-build-reason-batchedci { background: url(/Content/iBoris/site/build-icons.png) no-repeat -448px -16px !important; } .icon-backend-build-reason-checkinshelveset { background: url(/Content/iBoris/site/build-icons.png) no-repeat -400px -16px !important; } .icon-backend-build-reason-header { background: url(/Content/iBoris/site/build-icons.png) no-repeat -64px -16px !important; } .icon-backend-build-reason-individualci { background: url(/Content/iBoris/site/build-icons.png) no-repeat -400px -16px !important; } .icon-backend-build-reason-manual { background: url(/Content/iBoris/site/build-icons.png) no-repeat -32px -16px !important; } .icon-backend-build-reason-schedule { background: url(/Content/iBoris/site/build-icons.png) no-repeat -496px -16px !important; } .icon-backend-build-reason-scheduleforced { background: url(/Content/iBoris/site/build-icons.png) no-repeat -352px -16px !important; } .icon-backend-build-reason-triggered { background: url(/Content/iBoris/site/build-icons.png) no-repeat -32px -16px !important; } .icon-backend-build-reason-usercreated { background: url(/Content/iBoris/site/build-icons.png) no-repeat -32px -16px !important; } .icon-backend-build-reason-validateshelveset { background: url(/Content/iBoris/site/build-icons.png) no-repeat -304px -16px !important; } .icon-backend-build-retain-header { background: url(/Content/iBoris/site/build-icons.png) no-repeat -112px -16px !important; } .icon-backend-build-status-canceled { background: url(/Content/iBoris/site/build-icons.png) no-repeat -736px -16px !important; } .icon-backend-build-status-completed { background: url(/Content/iBoris/site/build-icons.png) no-repeat -832px -16px !important; } .icon-backend-build-status-failed { background: url(/Content/iBoris/site/build-icons.png) no-repeat -736px -16px !important; } .icon-backend-build-status-header { background: url(/Content/iBoris/site/build-icons.png) no-repeat -16px -16px !important; } .icon-backend-build-status-inprogress { background: url(/Content/iBoris/site/build-icons.png) no-repeat -880px -16px !important; } .icon-backend-build-status-notstarted { background: url(/Content/iBoris/site/build-icons.png) no-repeat -32px -16px !important; } .icon-backend-build-status-partiallysucceeded { background: url(/Content/iBoris/site/build-icons.png) no-repeat -976px -16px !important; } .icon-backend-build-status-postponed { background: url(/Content/iBoris/site/build-icons.png) no-repeat -1024px -16px !important; } .icon-backend-build-status-queued { background: url(/Content/iBoris/site/build-icons.png) no-repeat -1122px -16px !important; } .icon-backend-build-status-retry { background: url(/Content/iBoris/site/build-icons.png) no-repeat -1122px -16px !important; } .icon-backend-build-status-stopped { background: url(/Content/iBoris/site/build-icons.png) no-repeat -784px -16px !important; } .icon-backend-build-status-succeeded { background: url(/Content/iBoris/site/build-icons.png) no-repeat -832px -16px !important; } .icon-backend-change request { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -160px -16px !important; } .icon-backend-changeset { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -208px -16px !important; } .icon-backend-check-in { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -256px -16px !important; } .icon-backend-checkout { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -304px -16px !important; } .icon-backend-clause-group { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -400px -16px !important; } .icon-backend-clause-remove { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -448px -16px !important; } .icon-backend-clause-ungroup { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -496px -16px !important; } .icon-backend-compare { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -544px -16px !important; } .icon-backend-confirm-step { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -2704px -16px !important; } .icon-backend-empty { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -560px -16px !important; } .icon-backend-feature { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -592px -16px !important; } .icon-backend-get { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -640px -16px !important; } .icon-backend-get-latest { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -688px -16px !important; } .icon-backend-issue { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -736px -16px !important; } .icon-backend-link { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -784px -16px !important; } .icon-backend-link-add { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -832px -16px !important; } .icon-backend-link-delete { background: url(/Content/iBoris/site/common-icons.png) no-repeat -256px -16px !important; } .icon-backend-link-edit { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -928px -16px !important; } .icon-backend-link-locked { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -976px -16px !important; } .icon-backend-microsoft-bugcategory { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1024px -16px !important; } .icon-backend-microsoft-requirementcategory { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1072px -16px !important; } .icon-backend-microsoft-sharedstepcategory { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1120px -16px !important; } .icon-backend-microsoft-testcasecategory { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1168px -16px !important; } .icon-backend-process-guidance { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -3664px -16px !important; } .icon-backend-project { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1216px -16px !important; } .icon-backend-project-portal { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -3616px -16px !important; } .icon-backend-quality-of-service-requirement { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1072px -16px !important; } .icon-backend-queries-my { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1312px -16px !important; } .icon-backend-queries-team { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1360px -16px !important; } .icon-backend-query-column-options { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1408px -16px !important; } .icon-backend-query-edit { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1456px -16px !important; } .icon-backend-query-flat { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1504px -16px !important; } .icon-backend-query-new { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1552px -16px !important; } .icon-backend-query-onehop { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1600px -16px !important; } .icon-backend-query-run { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1648px -16px !important; } .icon-backend-query-stop { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1696px -16px !important; } .icon-backend-query-tree { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1744px -16px !important; } .icon-backend-reports { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -3712px -16px !important; } .icon-backend-requirement { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1792px -16px !important; } .icon-backend-review { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1840px -16px !important; } .icon-backend-risk { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1888px -16px !important; } .icon-backend-scenario { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1936px -16px !important; } .icon-backend-shared-test-steps { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -2656px -16px !important; } .icon-backend-source { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1984px -16px !important; } .icon-backend-task { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -2032px -16px !important; } .icon-backend-teamserver { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -2080px -16px !important; } .icon-backend-test { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -2128px -16px !important; } .icon-backend-test-step { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -2752px -16px !important; } .icon-backend-triage-view { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -2176px -16px !important; } .icon-backend-work-item { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -2272px -16px !important; } .icon-backend-work-item-add { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -2320px -16px !important; } .icon-backend-work-item-copy { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -2368px -16px !important; } .icon-backend-work-item-linked { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -2416px -16px !important; } .icon-backend-work-item-new { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -2464px -16px !important; } .icon-backend-work-item-new-linked { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -2512px -16px !important; } .icon-backend-work-item-open { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -2560px -16px !important; } .icon-backend-work-item-states { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -2608px -16px !important; } .icon-tick { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3856px -16px !important; } .icon-tick-2 { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3904px -16px !important; } .icon-tip { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3952px -16px !important; } .icon-tools { background: url(/Content/iBoris/site/common-icons.png) no-repeat -2258px -16px !important; } .icon-tree { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -3998px -16px !important; } .icon-tree-add { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4046px -16px !important; } .icon-tree-collapse-all { background: url(/Content/iBoris/site/tree-icons.png) no-repeat -16px -16px !important; } .icon-tree-collapsed { background: url(/Content/iBoris/site/tree-icons.png) no-repeat -64px -16px !important; } .icon-tree-collapsed-2 { background: url(/Content/iBoris/site/tree-icons.png) no-repeat -108px -16px !important; } .icon-tree-corner { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4622px -16px !important; } .icon-tree-empty { background: url(/Content/iBoris/site/tree-icons.png) no-repeat -156px -16px !important; } .icon-tree-expand-all { background: url(/Content/iBoris/site/tree-icons.png) no-repeat -208px -16px !important; } .icon-tree-expanded { background: url(/Content/iBoris/site/tree-icons.png) no-repeat -252px -16px !important; } .icon-tree-expanded-2 { background: url(/Content/iBoris/site/tree-icons.png) no-repeat -296px -16px !important; } .icon-undo { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4095px -16px !important; } .icon-untrusted { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4142px -16px !important; } .icon-up { background: url(/Content/iBoris/site/common-icons.png) no-repeat -2320px -16px !important; } .icon-up-2 { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4190px -16px !important; } .icon-user { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4238px -16px !important; } .icon-users { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4286px -16px !important; } .icon-warning { background: url(/Content/iBoris/site/common-icons.png) no-repeat -2368px -16px !important; } .icon-window { background: url(/Content/iBoris/site/common-icons.png) no-repeat -2416px -16px !important; } .icon-windows { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4334px -16px !important; } .icon-windows-tile { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4382px -16px !important; } .icon-zoom { background: url(/Content/iBoris/site/common-icons.png) no-repeat -2464px -16px !important; } /***** End ICON DEFINITIONS******/ .ui-dialog-title { font-family: Segoe UI, Tahoma, Arial, Verdana; font-size: 12px; color: #000000; text-transform: uppercase; } .ui-button-text { padding: 0; line-height: normal; white-space: nowrap; } .ui-dialog { padding: 0; background-color: #fcfcfc; box-shadow: rgb(128, 128, 128) 0px 0px 30px; } .ui-dialog-buttonpane { background-color: #f3f3f3; border: 1px solid #ddd; } .ui-dialog .ui-dialog-titlebar { padding: 0; position: relative; background-color: #f3f3f3; border-bottom: 1px solid #ddd; height: 28px; margin-bottom: 8px; } .ui-dialog .ui-dialog-title { float: none; margin: 0; white-space: nowrap; color: #222; height: 28px; line-height: 28px; padding-left: 10px; } .ui-dialog .ui-dialog-titlebar-progress-container { position: relative; height: 3px; } .ui-dialog .ui-dialog-titlebar-progress-element { height: 100%; width: 100%; background: url(/Content/iBoris/site/progress.gif); } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0; top: -1px; padding: 6px 0 0 6px; margin: 0; height: 100%; background-color: #f3f3f3; width: 30px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; position: absolute; z-index: 101; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 6px 0 0 6px; } .ui-dialog .ui-dialog-content { margin: 0 10px; padding: 0; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { color: #ababab; background-color: #fcfcfc; border: 1px solid #e6e6e6; text-decoration: none; background-image: none; text-shadow: none; } .team-home-view ul { padding: 0; list-style-type: none; } .team-home-view ul > li { margin: 5px; } .team-home-view .icon { width: 16px; height: 16px; margin: 0 1em 0 0; } .team-home-view .wit > .icon { width: 16px; height: 16px; margin-right: 0.3em; } .team-home-view .backend-host-notifications .icon { margin-right: 0; } .team-home-identity-picture { height: 24px !important; width: 24px !important; border: 1px solid #e6e6e6 !important; margin-right: 0.8em !important; } .team-home-view .inline-error { width: 300px; font-size: 12px; } .team-home-view .information-container { margin: 10px; padding: 10px; position: absolute; left: 0; top: 0; width: 600px; } .team-home-view .information-container .work-item-types { min-height: 40px; } .team-home-view .information-container .more { margin: 0; } .team-home-view .inprogress { margin-top: 10px; font-size: 14px; } .team-home-view .information-container button.wit { font-size: 14px; margin-right: 1em; } .team-home-view .information-container ul.messages { margin: 2em 0 0 1em; list-style-type: circle; } .team-home-view .navigation-container { margin: 10px; padding: 0 0 10px 20px; position: absolute; left: 600px; top: 0; right: 0; min-height: 300px; border-left: 1px solid #cccccc; } .team-home-view h3 { text-transform: uppercase; font-weight: normal; font-size: 18px; } .welcome-view h3 { text-transform: uppercase; font-weight: normal; font-size: 18px; } .welcome-start { position: relative; display: inline-block; vertical-align: top; width: 680px; } .welcome-start .section { display: inline-block; width: 325px; vertical-align: top; } .welcome-start .section > .item { margin-bottom: 12px; min-height: 60px; } .welcome-start .section > .item > .info { display: inline-block; vertical-align: top; width: 240px; } .welcome-start .section > .item > .info > .description { color: #808080; } .welcome-start .section > .item > .info > div { word-wrap: break-word; } .icon-large { display: inline-block; width: 48px; height: 48px; margin-right: 16px; } .icon-home-add { background: url(/Content/iBoris/site/home-icons.png) no-repeat -0px -0px !important; } .icon-home-settings { background: url(/Content/iBoris/site/home-icons.png) no-repeat -48px -0px !important; } .icon-home-gallery { background: url(/Content/iBoris/site/home-icons.png) no-repeat -96px -0px !important; } .icon-home-feedback { background: url(/Content/iBoris/site/home-icons.png) no-repeat -144px -0px !important; } .icon-home-help { background: url(/Content/iBoris/site/home-icons.png) no-repeat -192px -0px !important; } .icon-home-tutorial { background: url(/Content/iBoris/site/home-icons.png) no-repeat -336px -0px !important; } .icon-home-invite-codes { background: url(/Content/iBoris/site/home-icons.png) no-repeat -288px -0px !important; } .welcome-projects { width: 450px; position: relative; display: inline-block; margin-right: 20px; vertical-align: top; } .welcome-project-list { display: block; list-style: none; padding: 0; padding-left: 10px; margin: 0; margin-bottom: 20px; } .welcome-project-list > li { white-space: nowrap; overflow: hidden; } .welcome-project-list > li > a { text-decoration: none; } .welcome-project-list > li .icon { display: inline-block; width: 24px; height: 24px; background-color: #2470E3; alignment-baseline: baseline; } .welcome-project-list > li .text { display: inline-block; font-weight: bold; font-size: 10pt; line-height: 32px; vertical-align: middle; padding-left: 16px; max-width: 360px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .welcome-project-list > li:hover .text { text-decoration: underline; } .welcome-project-list > li .icon-delete { height: 16px; width: 16px; display: none; vertical-align: middle; margin-left: 8px; } .welcome-project-list > li:hover .icon-delete { display: inline-block; background: url(/Content/iBoris/site/common-icons.png) no-repeat -256px 50% !important; } .welcome-project-list > li a:focus .icon-delete { display: inline-block; background: url(/Content/iBoris/site/common-icons.png) no-repeat -256px 50% !important; } .welcome-project-list > li .icon-delete:focus { display: inline-block; background: url(/Content/iBoris/site/common-icons.png) no-repeat -256px 50% !important; } /***** End Global styles******/ /****** Begin --Common styles--*****/ /* Do not give stlyles here. */ /* These selectors are here to document which selector should not be used only for display purposes.*/ .heading { text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 22px; margin-right: 6px; } .hidden { display: none !important; } .icon { display: inline-block; width: 16px; height: 16px; overflow: hidden; vertical-align: middle; } .header { } .title { } .tooltip { } .dialog { } .name { } .value { } .subject { } .content { } .body { } /*do not confuse with the tag BODY*/ .summary { } .message { } .comment { } .section { } .footer { } .handle { } .action { } /* Applied to icons which are clickable. Ensures the user gets * an indication that the icon is clickable. Similar behavior can * be achieved by surrounding the icon with an but in cases * where there is an icon associated with an existing link this * class can be applied so that when navigating through the keyboard * the icon and the link are not both tab stops. */ .action.icon { cursor: pointer; } /*Buttons*/ .ok { } .close { } .cancel { } .save { } .save-all { } .error { color: #e6b9b9; font-size: 16px; } .validation-summary.invalid { color: #e6b9b9; border: 1px solid #cccccc; background-color: #ffffcc; padding: 4px; overflow: hidden; width: 100%; } .field-validation-error { color: #e6b9b9; } .field-validation-valid { display: none; } .input-validation-error, INPUT.validation-failure { border: 1px solid #e6b9b9; background-color: yellow; } .validation-summary-errors { font-weight: bold; color: #ff0000; } .validation-summary-valid { display: none; } input.invalid { background-color: #ffffcc; } .identity-picture { border: 1px solid #808080; width: 48px; height: 48px; } .identity-picture.preload { display: none; } .identity-picture.large-identity-picture { height: 80px; width: 80px; padding: 1px; border: 1px solid #e6e6e6; } .identity-picture.small { border: 1px solid #808080; width: 32px; height: 32px; } .identity-picture.x-small { border: 1px solid #808080; width: 16px; height: 16px; } .requiredInfoLight { width: 100%; padding: 2px; border: 1px solid #e6e6e6; } .control-busy-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #aaaaaa; opacity: .30; filter: Alpha(Opacity=30); z-index: 10000; } /* Used for displaying the main error message in error pages */ .error-header { color: #C00000; font-size: 16px; } .signout-actions { clear: both; padding-top: 8px; } .signout-actions ul li { display: inline; padding: 0 6px 0 6px; border-left: 1px solid #808080; } .signout-actions ul li:first-child { border: none; padding-left: 0px; } .signout { padding: 22px; } .signout ul { margin: 0; padding: 0; } .signout .err { border: 1px solid #808080; background-color: #ffffcc; color: #000000; margin-top: 10px; margin-bottom: 10px; padding: 4px; font-size: 18px; font-weight: bold; width: 100%; } /***** End --Common styles--******/ /****** Begin Controls*****/ /*Menu control styles*/ .menu-bar, .menu-popup, .menu-popup-static { position: relative; } .menu, .menu-bar, .menu-popup, .menu-popup-static { list-style-type: none; margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .sub-menu { overflow-y: auto; } .menu { border: 1px solid #cccccc; background-color: #fcfcfc; min-width: 150px; max-width: 300px; -moz-box-shadow: 3px 3px 3px rgba(160,160,160,0.5); -webkit-box-shadow: 3px 3px 3px rgba(160,160,160,0.5); box-shadow: 3px 3px 3px rgba(160,160,160,0.5); } .menu > .menu-item { cursor: pointer; padding: 5px 0; margin-right: 4px; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } .menu > .menu-item.hover { background-color: #dce6f4 !important; } .menu > .menu-item.disabled { cursor: default; color: #6D6D6D; } .menu > .menu-item.disabled .icon, .menu-bar > .menu-item.disabled .icon { filter: alpha(opacity:50); -khtml-opacity: 0.50; -moz-opacity: 0.50; opacity: 0.50; } .menu > .menu-item > .drop { width: 16px; height: 16px; vertical-align: middle; position: absolute; right: 0px; overflow: hidden; background: url(/Content/iBoris/site/common-icons.png) no-repeat -497px 50% !important; } .menu > .menu-item > .separator { height: 1px; background-color: #cccccc; border-top: 1px solid transparent; } .menu > .menu-item.people { height: 38px; } .menu > .menu-item.people > span.text { padding-left: 20px; } .menu > .menu-item.people > span.icon { width: 32px; height: 32px; } .menu-item { position: relative; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .menu-bar .menu, .menu-popup .menu, .menu-popup-static .menu { position: fixed; left: -50000px; top: -50000px; z-index: 2000; } .menu-popup { height: 0; width: 0; } .menu-item { white-space: nowrap; } .menu-item .icon { margin: 0 6px 0 4px; height: 16px; width: 16px; } .menu-item .text { padding-right: 3px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .menu-popup > .menu-item.drop-visible .text { padding-right: 23px; } .menu-item.invisible { display: none !important; } .menu.invisible { display: none !important; } .menu-item .text-separator { font-weight: bold; margin: 5px 0 0 0; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; color: #6D6D6D; } .menu-bar { padding: 1px; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } .menu-bar > .menu-item { display: inline-block; max-width: 250px; padding: 3px 6px 3px 6px; margin: 0; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } .menu-bar > .menu-item { * display: inline; } .menu-bar > .menu-item.hover > span { cursor: pointer; text-decoration: underline; } .menu-bar > .menu-item.hover.icon-only { outline: 1px solid #B8D6FB; background-color: #F2F7FD; } .menu-bar > .menu-item.pressed.icon-only { outline: 1px solid #B8D6FB; background-color: #DCE6F4; } .menu-bar > .menu-item.focus { outline: 1px solid #B8D6FB; } .menu-bar > .menu-item.disabled { cursor: default; color: #aaa; /* TODO */ } .menu-bar > .menu-item > .icon { margin-right: 2px; } .menu-bar > .menu-item > .drop { display: inline-block; position: relative; width: 16px; height: 16px; vertical-align: middle; overflow: hidden; background: url(/Content/iBoris/site/common-icons.png) no-repeat -399px 50% !important; } .menu-bar > .menu-item > .separator { width: 1px; background-color: #CCC; height: 1em; border-left: 1px solid transparent; } .menu-focus-container { position: absolute; overflow: hidden; top: -5px; } .menu-focus-receiver { position: absolute; width: 1px; height: 6px; top: -5px; overflow: hidden; } .menu.sub-menu > .menu-item { padding: 0.3em; margin: 1px; border: 1px solid transparent; } .menu.sub-menu > .menu-item.hover { cursor: pointer; border: 1px solid #c5d6f1; background-color: #dce6f4 !important; } /*Combo Control Styles*/ .virtualizing-list-view { border: 1px solid #cccccc; background-color: #fcfcfc; position: relative; } .virtualizing-list-view > .items { position: absolute; left: 0; right: 0; list-style-type: none; padding: 0; margin: 0; white-space: nowrap; } .virtualizing-list-view.scroll > .items { right: 18px; } .virtualizing-list-view > .items > li { margin: 0; cursor: default; white-space: nowrap; padding: 2px; overflow: hidden; text-overflow: ellipsis; /*height: 24px;*/ cursor: pointer; border: 1px solid transparent; } .virtualizing-list-view.tree > .items li > div.node-content { white-space: nowrap; /*height: 22px;*/ cursor: default; overflow: hidden; text-overflow: ellipsis; } .virtualizing-list-view.tree > .items div.node-content > .icon { float: left; } .virtualizing-list-view.tree > .items div.node-content > .text { } .virtualizing-list-view.tree > .items li.expanded > div.node-content > .node-img.icon { background: url(/Content/iBoris/site/tree-icons.png) no-repeat -252px 50% !important; } .virtualizing-list-view.tree > .items li.collapsed > div.node-content > .node-img.icon { background: url(/Content/iBoris/site/tree-icons.png) no-repeat -64px 50% !important; } .virtualizing-list-view > .items > li.selected { border: 1px solid #c5d6f1; background-color: #dce6f4; } .virtualizing-list-view.multi-value > .items > li input { float: left; margin: 1px; } .virtualizing-list-view.multi-value > .items > li label { float: left; margin-left: 4px; } .virtualizing-list-view > .scroller { position: absolute; top: 0; right: 0; bottom: 0; width: 3em; overflow-y: scroll; overflow-x: hidden; display: none; } .virtualizing-list-view.scroll > .scroller { display: block; } .virtualizing-list-view > .scroller > div { top: 0px; width: 1px; overflow: hidden; } .combo-drop-popup { overflow: hidden; position: fixed; left: -50000px; top: -50000px; z-index: 1005; border: 1px solid #cccccc; background-color: #fcfcfc; } .combo { position: relative; width: 100%; border: 1px solid #e6e6e6; height: 1.7em; background: #fcfcfc; } .combo.no-background { background-color: transparent; border: none; } .combo.no-edit.drop > div.wrap > input { cursor: pointer; } .combo.no-edit.text > div.wrap > input { cursor: default; } .combo > div.wrap > input.disabled { cursor: default; color: #6D6D6D; } .combo > div.wrap > input { width: 100%; height: 100%; border: none; outline: none; } /* Ensure wrapped input elements which are invalid get the invalid style */ .combo > div.wrap > input.invalid, .combo.invalid > div.wrap > input { background-color: #ffc; } .combo > div.wrap /*combo-input-wrap*/ { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; overflow: hidden; display: block; padding-left: 2px; } .combo.drop > div.wrap { right: 20px; } .combo.text > .drop { display: none; } .combo > .drop { position: absolute; cursor: pointer; overflow: hidden; } .combo > .drop { background: url(/Content/iBoris/site/common-icons.png) no-repeat -396px 50% !important; } .combo.date-time > .drop { background: url(/Content/iBoris/site/common-icons.png) no-repeat -14px 50% !important; } .combo.no-background > .drop { width: 0; height: 0; } .combo.drop > .drop { right: 0px; height: 100%; width: 20px; } .combo > .drop.hover { background-color: #dce6f4; } .combo.invalid { background-color: #ffc; } .combo.disabled { background-color: #eee; } /*DatePanel Control Styles*/ .date-panel { font-size: 11px; } .date-panel table { border-collapse: separate; } .date-panel .quick-nav { background-color: #e6e6e6; } .date-panel .quick-nav .month-year { width: 13em; text-align: center; } .date-panel .days table { width: 100%; } .date-panel .days td { width: 24px; height: 14px; text-align: right; border: 1px solid transparent; } .date-panel .day-names td { border-bottom: 1px solid #e6e6e6; } .date-panel .days td.today { border: 1px solid #c5d6f1; } .date-panel .legend span.today { width: 14px; height: 14px; float: left; margin: 3px; border: 1px solid #c5d6f1; } .date-panel .days td.other-month A { color: #6D6D6D; } .date-panel .days td.selected { background-color: #2470e3; border: 1px solid #2470e3; } .date-panel .days td.selected A { color: #fcfcfc; } /*CheckBoxList control styles*/ .checkbox-list { list-style-type: none; margin: 0px; padding-left: 10px; outline: none; overflow: auto; } .checkbox-list li { clear: both; outline: none; white-space: nowrap; } /*Grid Control Styles*/ /* Grid Styles */ .grid { overflow: hidden; position: relative; border: 1px solid transparent; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .grid-focus { width: 50%; height: 3px; position: absolute; top: 5px; outline: none; } .grid-canvas { overflow: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -moz-user-select: -moz-none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .grid.has-header .grid-canvas { top: 33px; } .grid-content-spacer { position: absolute; left: 0; top: 0; width: 1px; height: 1px; } .grid-header { background-color: #fcfcfc; left: 0px; right: 0; top: 0; height: 2.2em; overflow: hidden; position: absolute; z-index: 6; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .grid-header-canvas { border-bottom: 1px solid transparent; position: absolute; left: 0; top: 0; bottom: 0; width: 999999px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .grid-header-column /*Header Column*/ { background-color: #fcfcfc; overflow: visible; position: relative; float: left; cursor: default; height: 100%; width: 20px; border-right: 1px solid transparent; background: url(/Content/iBoris/site/grid-header-separator.png) no-repeat top right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .grid-header-column:hover { background-color: #eee; /*TODO:colors*/ } .grid-header-column > .separator /*Header Cell Separator*/ { background: url(/Content/iBoris/site/updownsep.png) -1000px 0px repeat-y; width: 12px; position: absolute; cursor: e-resize; right: -6px; top: 0; bottom: 0; z-index: 6; } .grid-header-column > .sort-handle /*Ascending Order*/ { width: 7px; position: absolute; top: 2px; right: -5000px; height: 7px; z-index: 3; overflow: hidden; } /*Ascending Order*/ .grid-header-column.ascending > .sort-handle { left: 49%; background: url(/Content/iBoris/site/common-icons.png) no-repeat -2128px 50% !important; } /*Descending Order*/ .grid-header-column.descending > .sort-handle { left: 49%; background: url(/Content/iBoris/site/common-icons.png) no-repeat -2171px 50% !important; } .grid-header-column > .title /*Header Text*/ { color: #808080; position: absolute; top: 3px; left: 0px; right: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; text-align: left; cursor: default; padding: 4px; } .grid-header-column > .indented-title { text-indent: 16px; } .grid-header-column.ascending > .title, .grid-header-column.descending > .title /*sort handle is present*/ { } .grid-column-sizing /*Column sizing div*/ { position: absolute; z-index: 5; border-left: solid 1px #cccccc; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; width: 0px; } .grid-column-moving /*Column moving div*/ { position: absolute; z-index: 5; overflow: hidden; text-overflow: ellipsis; cursor: pointer; white-space: nowrap; vertical-align: middle; background-color: #dce6f4 !important; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; padding: 4px; padding-top: 7px; height: 100%; } .grid-column-moving-placer /*Column move placer*/ { background: url(/Content/iBoris/site/columnmove.png) -2px -4px; width: 7px; height: 4px; position: absolute; z-index: 100; font-size: 1pt; } .grid-gutter /*Gutter Area*/ { left: 0; top: 0; width: 20px; height: 50px; overflow: hidden; position: absolute; z-index: 6; } .grid-gutter-canvas /*Gutter Canvas*/ { left: 0px; top: 0px; width: 29px; height: 1px; position: absolute; z-index: 5; } .grid-gutter-header /*Gutter Header*/ { width: 20px; position: absolute; left: 0px; top: 0px; bottom: 0; /* border-bottom: solid 1px #fcfcfc; border-right: solid 1px #fcfcfc; background-color: #fcfcfc; */ z-index: 7; } .grid-gutter-row { position: absolute; overflow: hidden; width: 100%; height: 1em; } .grid-gutter-cell { height: 100%; vertical-align: middle; position: relative; float: left; overflow: hidden; cursor: default; display: table-cell; border: none; } .grid-gutter-menu { width: 12px; margin: 0 3px; } .grid-gutter-icon { width: 16px; height: 100%; } .grid-gutter-row-normal { background-color: #fcfcfc; border: 1px solid #fcfcfc; border-right: 0; } .grid-gutter-row-hover { } .grid-gutter-row-hover .grid-gutter-drop { } .grid-gutter-row-selected { background-color: #fcfcfc; border: 1px solid #fcfcfc; border-right: 0; } .grid-gutter-row-selected .grid-gutter-drop { background: url(/Content/iBoris/site/common-icons.png) no-repeat -401px 50% !important; } .grid-gutter-drop:hover { background: url(/Content/iBoris/site/common-icons.png) no-repeat -401px 50% !important; } .grid-gutter-row-selected-blur /*Selected Row when blur*/ { background-color: #fcfcfc; border: 1px solid #fcfcfc; border-right: 0; } .grid-gutter-row-selected-blur .grid-gutter-drop { background: url(/Content/iBoris/site/common-icons.png) no-repeat -401px 50% !important; } .grid-gutter-row-current { border: 1px solid #fcfcfc; background-color: #fcfcfc; border-right: 0; } .grid-row /*Row*/ { position: absolute; overflow: hidden; width: 100%; color: #000000; cursor: default; margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .grid-row:hover { background-color: #F2F7FD; /*TODO:colors*/ border: 1px solid #B8D6FB; } .grid-row-normal { border: solid 1px transparent; } .grid-row-selected /*Selected Row*/ { color: #000000; background-color: #DCEBFC; /*TODO:colors*/ border: 1px solid #DCEBFC; /*TODO:colors*/ } .grid-row-selected A { text-decoration: none; } .grid-row-selected A:hover { text-decoration: underline; } .grid-row-selected A:visited { } .grid-row-selected A:active { } .grid-row-selected-blur /*Selected Row when blur*/ { /* todo */ border: 1px solid #e6e6e6; background-color: #e6e6e6; } .grid-row-current /*Current Row*/ { border: 1px solid #cccccc; } .grid-row-current:hover /*Current and Selected Row*/ { background-color: #DCEBFC; /*TODO:colors*/ border: 1px solid #B8D6FB; /*TODO:colors*/ } .grid-row-current.grid-row-selected /*Current and Selected Row*/ { background-color: #DCEBFC; /*TODO:colors*/ border: 1px solid #B8D6FB; /*TODO:colors*/ } .grid-row-drop-active { border-top: 2px solid Blue; } .grid-row-dragging { border: 1px solid #c5d6f1; background-color: #e6e6e6; } .grid-row-group /*Row*/ { position: absolute; border-bottom: solid 1px #f0f0f0; overflow: hidden; width: 100%; color: #000000; cursor: default; background-color: #ffffff; font-weight: bold; } .grid-cell /*Cell*/ { vertical-align: middle; position: relative; float: left; overflow: hidden; text-overflow: ellipsis; text-align: left; text-indent: 2px; white-space: nowrap; width: 100px; cursor: default; display: table-cell; padding: 4px; border: none; } .grid-cell input[type="checkbox"] { margin: 0; } .grid-cell-first /*First row cell*/ { width: 100%; height: 100%; text-overflow: ellipsis; text-align: left; overflow: hidden; vertical-align: middle; cursor: default; } .grid-tree-icon { position: absolute; cursor: pointer; text-indent: 0; } /** Used by the CheckboxSelectionGrid but currently the only consumer of that grid - "CheckedIdentityGrid" bypasses the code that would use this style. **/ input#header-checkbox { margin: 8px 0 5px 7px; } /*Splitter control styles*/ /* Remove overflow:hidden because this breaks the file diff viewer in IE9 TODO: Figure out why this breaks the diff viewer in IE9 and add back in */ .splitter { position: relative; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .splitter > .leftPane { position: absolute; overflow: hidden; } .splitter > .rightPane { position: absolute; overflow: hidden; } .splitter > .handleBar { position: absolute; overflow: hidden; -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none; background-color: #eee; } .splitter.dragging > .handleBar, .splitter.dragging > .handleBar.hover { z-index: 101; background-color: #cccccc; } .splitter > .handleBar.hover { background-color: #f2f2f2; } .splitter > .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background-color: #fcfcfc; z-index: 100; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none; } /* Vertical */ .splitter.vertical > .leftPane { height: 40%; top: 0; bottom: auto; left: 0; right: 0; margin-bottom: 0; } .splitter.vertical > .handleBar { top: 40%; height: 5px; bottom: auto; cursor: n-resize; left: 0; right: 0; } .splitter.vertical > .rightPane { top: 40%; bottom: 0; left: 0; right: 0; margin-top: 5px; } .splitter.vertical.right-fix > .leftPane { height: auto; top: 0; bottom: 40%; margin-bottom: 5px; } .splitter.vertical.right-fix > .rightPane { height: 40%; top: auto; bottom: 0; margin-top: 0; } .splitter.vertical.right-fix > .handleBar { top: auto; bottom: 40%; } /* Horizontal */ .splitter.horizontal > .leftPane { width: 40%; left: 0; top: 0; bottom: 0; margin-right: 0; } .splitter.horizontal > .handleBar { left: 40%; right: auto; width: 5px; cursor: e-resize; top: 0; bottom: 0; } .splitter.horizontal > .rightPane { width: auto; left: 40%; right: 0; top: 0; bottom: 0; margin-left: 5px; } .splitter.horizontal.right-fix > .leftPane { width: auto; left: 0; right: 40%; margin-right: 5px; } .splitter.horizontal.right-fix > .rightPane { width: 40%; left: auto; right: 0; margin-left: 0; } .splitter.horizontal.right-fix > .handleBar { left: auto; right: 40%; } /*Left Expand*/ .splitter.left-expand.vertical > .handleBar { top: auto !important; bottom: 0; background-color: #e6e6e6; } .splitter.left-expand.vertical > .leftPane { height: auto !important; bottom: 0; } .splitter.left-expand.vertical > .rightPane { top: auto !important; height: 0; } .splitter.left-expand.horizontal > .handleBar { left: auto !important; right: 0; background-color: #e6e6e6; } .splitter.left-expand.horizontal > .leftPane { width: auto !important; right: 0; } .splitter.left-expand.horizontal > .rightPane { left: auto !important; width: 0; } /*Right Expand*/ .splitter.right-expand.vertical > .handleBar { top: 0 !important; bottom: auto; background-color: #e6e6e6; } .splitter.right-expand.vertical > .leftPane { height: 0 !important; bottom: auto; } .splitter.right-expand.vertical > .rightPane { top: 0 !important; height: auto; } .splitter.right-expand.horizontal > .handleBar { left: 0 !important; right: auto; background-color: #e6e6e6; } .splitter.right-expand.horizontal > .leftPane { width: 0 !important; right: auto; } .splitter.right-expand.horizontal > .rightPane { left: 0 !important; width: auto; } /*No Split */ .splitter.no-split > .handleBar { display: none !important; } .splitter.no-split > .leftPane { margin: 0 !important; } .splitter.no-split > .rightPane { margin: 0 !important; } .splitter.no-split.vertical .leftPane { height: 0 !important; bottom: auto; } .splitter.no-split.vertical .rightPane { top: 0 !important; height: auto; } .splitter.no-split.vertical.right-fix > .leftPane { height: auto !important; bottom: 0; } .splitter.no-split.vertical.right-fix > .rightPane { top: auto !important; height: 0; } .splitter.no-split.horizontal > .leftPane { width: 0 !important; right: auto; } .splitter.no-split.horizontal > .rightPane { left: 0 !important; width: auto; } .splitter.no-split.horizontal.right-fix > .leftPane { width: auto !important; right: 0; } .splitter.no-split.horizontal.right-fix > .rightPane { left: auto !important; width: 0; } /*TreeView Control Styles*/ .tree-view { } .tree-view > ul.tree-children li { clear: both; outline: none; } .tree-view ul.tree-children { list-style-type: none; margin: 0px; padding-left: 0; } .tree-view > ul.tree-children { padding-left: 0px !important; } .tree-view > ul.tree-children li.node { margin: 0; } .tree-view > ul.tree-children li > div.node-context-menu, .tree-view > ul.tree-children li > div.node-no-context-menu { float: left; width: 16px; height: 24px; margin: 1px 1px 1px 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .tree-view > ul.tree-children li.selected > div.node-context-menu { background: url(/Content/iBoris/site/common-icons.png) no-repeat -398px 50% !important; } .tree-view > ul.tree-children li.focus > div.node-context-menu { background: url(/Content/iBoris/site/common-icons.png) no-repeat -398px 50% !important; } .tree-view > ul.tree-children li.hover > div.node-context-menu { background: url(/Content/iBoris/site/common-icons.png) no-repeat -398px 50% !important; } .tree-view > ul.tree-children li.context-menu-active > div.node-context-menu { background: url(/Content/iBoris/site/common-icons.png) no-repeat -398px 50% !important; } .tree-view .tree-children div.node-content { white-space: nowrap; height: 24px; padding-top: 0.3em; padding-bottom: 0.3em; overflow: hidden; text-overflow: ellipsis; border: 1px solid transparent; } .tree-view > ul.tree-children li .icon { margin: 1px; float: left; } .tree-view > ul.tree-children li > a { outline: none; text-decoration: none; } .tree-view .node-img { cursor: default; } .tree-view > ul.tree-children li.expanded > a > div.node-content > .node-img.icon { background: url(/Content/iBoris/site/tree-icons.png) no-repeat -252px 50% !important; } .tree-view > ul.tree-children li.collapsed > a > div.node-content > .node-img.icon { background: url(/Content/iBoris/site/tree-icons.png) no-repeat -64px 50% !important; } .tree-view > ul.tree-children li.folder > a { color: #000000; } .tree-view .node.info a.node-link { cursor: default; color: #6D6D6D; } .tree-view .node .node-remove { position: absolute; top: 4px; right: 6px; height: 16px; width: 16px; display: none; } .tree-view .node.focus > a.node-link .node-remove { display: block; background: url(/Content/iBoris/site/common-icons.png) no-repeat -256px 50% !important; } .tree-view .node.focus > a.node-link .node-remove:hover { background: url(/Content/iBoris/site/common-icons.png) no-repeat -256px 50% !important; } .tree-view > ul.tree-children li.focus > a > div.node-content, .tree-view > ul.tree-children li.hover > a > div.node-content, .tree-view > ul.tree-children li.context-menu-active > a > div.node-content { background-color: #c5d6f1; background-color: #F2F7FD; /*TODO:colors*/ border: 1px solid #B8D6FB; /*TODO:colors*/ } .tree-view > ul.tree-children li.context-menu-active > div.node-context-menu { } .tree-view > ul.tree-children li.selected > a > div.node-content { background-color: #DCEBFC; /*TODO:colors*/ border: 1px solid #B8D6FB; /*TODO:colors*/ } .tree-view > ul.tree-children li.selected > a { } .tree-view.focus > ul.tree-children li.selected > a > div.node-content { background-color: red#2470e3; background-color: #DCEBFC; /*TODO:colors*/ border: 1px solid #B8D6FB; /*TODO:colors*/ } .tree-view .folder > .node-link > .node-content { color: #000000; font-weight: bold; } .tree-view .node { position: relative; } /*VerticalBreadCrumb Control Styles*/ .vertical-bread-crumb { } .vertical-bread-crumb li { clear: both; outline: none; } .vertical-bread-crumb li > a { outline: none; text-decoration: none; } .vertical-bread-crumb ul { list-style-type: none; margin: 0px; padding-left: 10px; } .vertical-bread-crumb > ul { padding-left: 0px !important; } .vertical-bread-crumb li div.node-content { white-space: nowrap; height: 2em; padding-top: 0.3em; padding-bottom: 0.3em; overflow: hidden; text-overflow: ellipsis; border: 1px solid transparent; position: relative; } .vertical-bread-crumb li .icon.bread-crumb { margin: 0px 2px 0px 0px; float: left; height: 100%; background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4670px 50% !important; } .vertical-bread-crumb li.up span.icon.bread-crumb { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4430px 50% !important; } .vertical-bread-crumb li.corner span.icon.bread-crumb { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4622px 50% !important; } .vertical-bread-crumb li.selected > div.node-content { color: #fcfcfc; background-color: #2470e3; border: 1px solid #4d6082; } .vertical-bread-crumb li.selected a { color: #fcfcfc; } .vertical-bread-crumb .focus li.selected div.node-content { background-color: #2470e3; } .vertical-bread-crumb li div.node-context-menu { width: 16px; margin-left: 4px; background: none !important; margin: 1px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .vertical-bread-crumb li.selected div.node-context-menu.icon { background: url(/Content/iBoris/site/common-icons.png) no-repeat -398px 50% !important; } .vertical-bread-crumb li.focus div.node-context-menu.icon { background: url(/Content/iBoris/site/common-icons.png) no-repeat -398px 50% !important; } .vertical-bread-crumb li.context-menu-active div.node-context-menu { background: url(/Content/iBoris/site/common-icons.png) no-repeat -398px 50% !important; } .vertical-bread-crumb li.focus div.node-content { background-color: #F2F7FD; /*TODO:colors*/ border: 1px solid #B8D6FB; /*TODO:colors*/ } .vertical-bread-crumb li.selected.focus div.node-content { background-color: #2470e3; } .vertical-bread-crumb a.node-link:focus div.node-content { background-color: #F2F7FD; /*TODO:colors*/ border: 1px solid #B8D6FB; /*TODO:colors*/ } /*RichEditor Control Styles*/ .richeditor-container { position: relative; border: 1px solid #e6e6e6; margin-top: 20px; } .richeditor-container textarea { position: absolute; border: none; width: 1px; height: 1px; outline: 0; resize: none; } .richeditor-editarea { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .richeditor-editarea > iframe { width: 100%; height: 100%; z-index: 10; } .richeditor-toolbar { position: absolute; top: -20px; left: 0; height: 20px; border: 1px solid #cccccc; background-color: #e6e6e6; } .richeditor-toolbar-button { width: 20px; height: 100%; display: inline-block; overflow: hidden; cursor: pointer; } .richeditor-toolbar-group { padding-left: 5px; height: 100%; display: inline-block; } .richeditor-toolbar-group { display: inline; } .richeditor-toolbar-combo { width: 125px; height: 100%; display: inline-block; } .richeditor-toolbar-combo { * display: inline; } .richeditor-toolbar-hover { background-color: #c5d6f1 !important; } .richeditor-toolbar-bold { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -111px -15px !important; } .richeditor-toolbar-italic { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -159px -15px !important; } .richeditor-toolbar-underline { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -207px -15px !important; } .richeditor-toolbar-insertunorderedlist { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -591px -15px !important; } .richeditor-toolbar-insertorderedlist { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -639px -15px !important; } .richeditor-toolbar-indent { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -351px -15px !important; } .richeditor-toolbar-outdent { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -687px -15px !important; } .richeditor-toolbar-createlink { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -831px -15px !important; } .richeditor-toolbar-unlink { background: url(/Content/iBoris/site/common-icons.png) no-repeat -255px -15px !important; } .richeditor-toolbar-insertImage { background: url(/Content/iBoris/site/editor-icons.png) no-repeat -735px -15px !important; } .richeditor-navigator { position: absolute; top: -19px; right: 0; padding: 1px; z-index: 2000; background-color: #ffffff; color: #C00000; } .richeditor-navigator > a.focus { background-color: #dce6f4; } .backend-collapsible { } .backend-collapsible.collapsed { display: none; } .backend-collapsible-container { } .backend-collapsible-header { position: relative; min-height: 1.5em; } .backend-collapsible-collapse { margin: 0 2px; } .backend-collapsible-content { padding: 2px 2px 2px 20px; } .status-indicator { margin-right: 5px; } .status-indicator.inline { display: inline; } .status-indicator.center { width: 100%; height: 100%; } .status-inline { display: inline; } .status-indicator.center > .status { height: 100%; } .status-indicator.center > .status table { height: 100%; width: 100%; text-align: center; } .status-progress { background: url(/Content/iBoris/site/spinner.gif); width: 16px; height: 16px; overflow: hidden; display: inline-block; } .big-status-progress { display: inline-block; width: 40px; height: 40px; background: url(/Content/iBoris/site/big-progress.gif) no-repeat -0px -0px !important; } .pivot-filter { display: inline-block; margin: 0; padding: 0 6px 0 9px; border: 0; line-height: 21px; float: left; } .pivot-filter .title { margin: 0 0.5em 0 0; white-space: nowrap; float: left; color: #808080; overflow: hidden; text-overflow: ellipsis; max-width: 10em; } /* adding a style to the ul to prevent mixing them with combo ul*/ .pivot-filter ul.pivot-filter-items { margin: 0; padding: 0; border: 0; outline: 0; list-style: none; display: inline-block; } /* adding a style to the il to prevent mixing them with combo il*/ .pivot-filter li.pivot-filter-item { list-style: none; float: left; position: relative; margin: 0; padding: 0; white-space: nowrap; display: none; min-width: 10px; } .pivot-filter.radio li, .pivot-filter.checkbox li { padding-left: 6px; } .pivot-filter.radio li.pivot-filter-item { color: #2470e3; display: inline-block; } .pivot-filter.radio li.pivot-filter-item.selected a { color: #000000; } .pivot-filter li.pivot-filter-item.selected { display: inline-block; } .pivot-filter a { float: left; text-decoration: none; text-align: center; color: #000000; white-space: nowrap; } .pivot-filter.dropdown { border: 1px solid transparent; border-bottom: 0; } .pivot-filter.dropdown > a.selected { overflow: hidden; max-width: 12em; text-overflow: ellipsis; } .pivot-filter.dropdown.active { border: 1px solid #cccccc; border-bottom: 0; } .pivot-filter.dropdown li.menu-item { line-height: normal; } .pivot-view { margin: 0; padding: 0 6px 0; border-top: 0; border-left: 0; border-right: 0; display: inline-block; } .pivot-view ul { margin: 0; padding: 0; border: 0; outline: 0; list-style: none; display: inline-block; } .pivot-view li { list-style: none; float: left; position: relative; margin: 0 1px 0 1px; top: 4px; padding: 0; white-space: nowrap; min-width: 10px; background-color: #f6f6f6; /*TODO:revisit color*/ border: 1px solid #ddd; height: 30px; } .pivot-view li.selected { background-color: #fcfcfc; /*TODO:revisit color*/ border-bottom: 1px solid transparent; } .pivot-view a { float: left; text-decoration: none; text-align: center; padding: 6px; padding-left: 16px; padding-right: 16px; height: 30px; line-height: 16px; } .pivot-view li.selected a { color: #000000; } .pivot-view li.disabled { display: none; } .pivot-actions { display: inline-block; float: left; margin-left: 6px !important; text-transform: capitalize; } .pivot-actions.menu-bar { } .pivot-actions.menu-bar > .menu-item { display: inline-block; max-width: 250px; border: 0; } .pivot-actions.menu-bar > .menu-item.hover { cursor: pointer; background-color: transparent; } .pivot-actions.menu-bar > .menu-item.disabled { color: #aaa; /* TODO */ } .pivot-actions.menu-bar > .menu-item.selected { color: #000000; } .pivot-actions.menu-bar > .menu-item.selected.hover { color: #4d6082; } .pivot-actions.menu-bar > .menu-item > .text { text-transform: uppercase; } .pivot-actions.menu-bar > .menu-item.hover > .text { color: #2470e3; } .visual-progress-container { position: relative; width: 100%; } .visual-progress-current { } .visual-progress-underallocated { background-color: #9bbb59; } .visual-progress-overallocated { background-color: #e6b9b8; } .visual-progress-total-unallocated { background-color: #eeece1; } .visual-progress-no-total { background-color: #dce6f2; } .visual-progress-total { border-right: 2px solid black; } .visual-progress-summary-current { display: inline-block; font-size: 32pt; margin-right: 8px; height: 50px; } .visual-progress-total > .visual-progress-current, .visual-progress-current > .visual-progress-total { height: 18px; } .toolbar { width: 100%; height: 28px; overflow: hidden; padding-left: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .toolbar > .menu-bar { white-space: nowrap; overflow: hidden; } /* Modal Dialog Styles */ .modal-dialog label { color: #6D6D6D; display: block; margin-top: 6px; } .modal-dialog label.hidden { display: none; } .modal-dialog td.label label { margin-top: 0; } .modal-dialog .ui-dialog-title { word-wrap: break-word; word-break: break-all; } .modal-dialog label + .combo { margin-top: 2px; } .modal-dialog .error { color: #e6b9b9; font-size: 18px; } .modal-dialog .filter { padding: 6px 6px 0 6px; } .modal-dialog .filter td { min-height: 26px; } /* Copy to clipboard dialog */ .copy-content-textarea { height: 275px; width: 100%; resize: none; white-space: nowrap; overflow: auto; } .confirmation-dialog div { margin-bottom: 5px; } .confirmation-dialog-error { background-color: #e6b9b9; border: 1px solid #C00000; color: #C00000; padding: 5px 10px 5px 10px; margin-bottom: 10px; } .histogram { position: relative; } .histogram > .bar { position: absolute; } .histogram > .bar.default { background-color: #eee; } /* Wait Styles */ .wait-element { background-color: #cccccc; opacity: 0.50; filter: alpha(opacity=50); position: absolute; cursor: wait; z-index: 2000; } .wait-box { background-color: #fcfcfc; border: 1px solid #808080; box-shadow: rgb(128, 128, 128) 0px 0px 10px; cursor: wait; padding: 20px; position: absolute; z-index: 2001; } .wait-image { vertical-align: middle; padding-right: 20px; } .wait-message { padding-left: 5px; padding-right: 15px; display: inline-block; } .wait-button { width: 73px; height: 23px; } .bulkedit-operator-control { border: 0; background: none; } .bulkedit-operator-control input { text-align: center; background: none; } .bulkedit-dialog .clauses .operator { width: 35px; } .bulkedit-dialog .clauses .field { width: 35%; } .bulkedit-dialog .fields-panel { position: absolute; top: 0; bottom: 180px; left: 0; right: 0; overflow: auto; } .bulkedit-dialog .history-panel { position: absolute; bottom: 0; height: 170px; left: 0; right: 0; } .bulkedit-controls-container { position: relative; height: 100%; } .rich-content-tooltip { display: block; position: fixed; padding: 5px; width: 400px; color: #ffffff; background-color: #555; filter: alpha(opacity:80); KHTMLOpacity: 0.80; MozOpacity: 0.80; opacity: 0.80; } /***************************** * Styles for the SavingRowManager *****************************/ .saving-row { color: #6D6D6D; } .saving-row-gutter { background: url(/Content/iBoris/site/saving-icon.gif) no-repeat -0px -0px !important; } /* The 3 styles below are to switch off the context menu drop down icon when a row is saving */ .saving-row-gutter.grid-gutter-row-selected-blur .grid-gutter-drop { background: none !important; } .saving-row-gutter.grid-gutter-row-selected .grid-gutter-drop { background: none !important; } .saving-row-gutter .grid-gutter-drop:hover { background: none !important; } /* End SavingRowManager Styles */ /* * Styles specific to the drag/drop iteractions. */ .ui-draggable, .tile-zone-team-favorites > .tile { /* * Disable touch actions such as panning (scrolling) and zooming as these gestures will prevent the element from * getting events needed to perform the drag. */ -ms-touch-action: none; } .ui-sortable-helper a { /* * Set the cursor to a default when dragging an element that contains a hyperlink. */ cursor: default; } .sidebar-search .search-input-wrapper { position: relative; border: 1px solid #dddddd; background-color: #ffffff; height: 24px; margin: 10px 2px 0 16px; } .sidebar-search .search-input-container { position: absolute; top: 2px; left: 2px; right: 20px; bottom: 0; } .sidebar-search .search-input-container .input { outline: none; border: 0; width: 100%; height: 100%; } .sidebar-search .button { position: absolute; top: 0.3em; right: 2px; cursor: pointer; } /***** End Controls******/ /****** Begin Layout*****/ .main-container { overflow: auto; position: relative; margin: 0; padding: 0; height: 100%; width: 100%; } .main { display: flex; flex-direction: column; overflow: hidden; min-width: 900px; width: 100%; height: 100%; position: relative; margin: 0; padding: 0; background-repeat: no-repeat; background-position: right top; } .Admin .main { background-image: url(/Content/iBoris/site/bggear.png); } .no-chrome .main { min-width: 0; } .header-section { position: relative; left: 0; right: 0; top: 0; height: 70px; width: 100%; overflow: hidden; padding-left: 16px; padding-right: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .header-group { height: 35px; width: 100%; padding: 5px 5px 5px 5px; } .second-header { background-color: #494949; } .header-color-white { background-color: #fff; } /* == Hub Groups ======================== */ .hub-groups-section { float: left; } .hub-groups { list-style: none; padding: 0; margin: 0; text-transform: uppercase; margin-bottom: 6px; white-space: nowrap; } /* Hub group container */ .hub-groups > li { position: relative; display: inline-block; padding: 0; margin: 0; } .hub-groups > li.selected { font-weight: bold; } /* Hub group links */ .hub-groups > li > a { color: #fff; text-decoration: none; display: inline-block; padding: 3px 12px 6px 12px; outline: 0; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } .hub-groups > li > a:hover, .hub-groups > li > a:focus { background-color: #888; } /* == Hubs ============================== */ .hubs-section { position: relative; top: 40px; height: 30px; z-index: 1; } .hubs { list-style: none; padding: 0; margin: 0; white-space: nowrap; text-transform: lowercase; height: 100%; } .hubs > li { position: relative; display: inline-block; margin: 0; padding: 0; padding-bottom: 0; height: 30px; margin-right: 2px; } .hubs > li > a { color: #eee; background-color: #555; text-decoration: none; display: block; padding: 0; padding-left: 20px; padding-right: 20px; line-height: 30px; height: 30px; border: 1px solid transparent; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } .Admin .hubs > li > a { background-color: #600; } .Oi .hubs > li > a { background-color: #0071BC; } /* Hub hover and focus */ .hubs > li > a:hover, .hubs > li > a:focus { color: #fff; background-color: #888; } .Admin .hubs > li > a:hover, .Admin .hubs > li > a:focus { background-color: #800; } .Oi .hubs > li > a:hover, .Oi .hubs > li > a:focus { background-color: #0071F1; } /* Selected hub */ .hubs > li.selected > a, .Admin .hubs > li.selected > a, .Oi .hubs > li.selected > a { background-color: #fcfcfc; color: #333; } /* Selected hub hover */ .hubs > li.selected > a:hover { color: #000; } .header-handle { position: absolute; left: 0px; top: 0px; height: 100%; width: 10px; overflow: hidden; } .header-admin { position: absolute; left: 20px; top: 0px; height: 46px; width: 120px; overflow: hidden; } .admin-bread-crumb { position: absolute; top: 5px; left: 10px; color: #fcfcfc; } .header-user { position: relative; float: right; } ul.header-user { list-style-type: none; margin: 0; } ul.header-user > li { list-style-type: none; display: inline-block; max-width: 390px; } .header-user adminLink { color: #fcfcfc; } .header-user .menu-bar > .menu-item { margin: 0 0 3px 0 !important; } .header-search { position: absolute; top: 40px; right: 10px; border: 1px solid #cccccc; background-color: #fff; z-index: 1; } .search-text { position: relative; left: 2px; width: 230px; height: 20px; border: 0; padding: 0; padding-left: 4px; margin: 0 0 2px 0; outline: none; vertical-align: middle; } .search-box { padding-top: 2px; } .search-box > .icon { cursor: pointer; margin: 0 2px 0 0; } .search-shortcut { color: #2470e3; } .search-popup .menu-item { min-width: 264px; } .application-logo { height: 50px; margin-top: 12px; } .application-logo-onpremise { background: url(/Content/iBoris/site/application-logo.png) no-repeat -0px -0px !important; } .application-logo-hosted { background: url(/Content/iBoris/site/hosted-logo.png) no-repeat -0px -0px !important; } .content-section { position: relative; height: 100%; overflow: auto; margin: 0; background-color: #fcfcfc; /*TODO: match .footer-section from footer.css*/ /* width: 100%; */ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; opacity: 0.99; /* Hack for BlockUI and Kendo menus related to z-index */ padding-bottom: 22px; } .no-chrome .content-section { top: 0; bottom: 0; } .footer-section { position: absolute; left: 0; right: 0; bottom: 0; height: 22px; overflow: hidden; color: #999; background-color: #fcfcfc; /*TODO: match .content-section from content.css*/ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .footer-container { margin: 0; border-top: 1px solid #ddd; } .footer-copyright { position: absolute; right: 10px; bottom: 0; padding: 2px; } .footer-appname { position: absolute; bottom: 0; padding: 2px; } .footer-appname ul { display: inline-block; list-style: none; margin: 0px; padding: 0px; } .footer-appname li { display: inline; padding: 0 10px; border-left: 1px solid #e6e6e6; } .footer-appname li:first-child { border-left: 0; padding: 0 10px 0 0; } .footer-appname a { color: #999; } .hosted-footer { font-size: 10px; } .hosted-footer p { display: inline; } .hosted-footer div { display: inline-block; } .hosted-footer ul { display: inline-block; list-style: none; margin-top: 4px; padding: 0px; } .hosted-footer li { display: inline; } .hosted-footer a { padding: 0 10px; border-left: 1px solid gray; } .hosted-footer a.first { border-left: 0; padding: 0 10px 0 2px; margin-left: 2px; } .hosted-footer img { border: none; } .error-section { top: 10px; position: absolute; z-index: 100000; width: 60%; overflow: auto; left: 20%; background-color: #e6e6e6; border: 1px solid #808080; display: none; } .error-section div { padding: 5px; } .error-section > .message { color: #C0504D; height: 150px; overflow: auto; } .error-section > .close { background-color: #C0504D; color: White; font-weight: bold; text-align: right; cursor: pointer; } /* Navigation skins */ /* First level navigation static skin */ .top-level-menu.menu-bar { color: #fcfcfc; } .top-level-menu.menu-bar > .menu-item { display: inline-block; max-width: 180px; margin: 2px 0; border: none; min-height: 17px; } .top-level-menu.menu-bar.navigation-context > .menu-item { max-width: 250px; } .top-level-menu.menu-bar > .menu-item.hover { background-color: #888; cursor: pointer; } .top-level-menu.menu-bar > .menu-item.disabled { color: #6D6D6D; } .Oi .top-level-menu.menu-bar > .menu-item.disabled { color: #fcfcfc; } .top-level-menu.menu-bar > .menu-item.selected { font-weight: bold; } .top-level-menu.menu-bar > .menu-item.selected.hover { } .top-level-menu.menu-bar > .menu-item > .drop { display: inline-block; position: relative; width: 16px; height: 16px; vertical-align: middle; overflow: hidden; background: url(/Content/iBoris/site/common-icons.png) no-repeat -351px 50% !important; } .top-level-menu.menu-bar > .menu-item > .drop { } .top-level-menu.menu-bar > .menu-item > .text { max-width: 145px; } .top-level-menu.menu-bar.navigation-context .menu-item > .text { max-width: 215px; } .top-level-menu.menu-bar > .menu-item.hover > .text { } .top-level-menu.menu-bar > .menu-item > .separator { margin-left: 20px; height: 1px; background-color: #cccccc; } /* First level navigation popup skin */ .top-level-menu .menu { border: 1px solid #cccccc; background-color: #fcfcfc; color: #000000; } .top-level-menu .menu > .menu-item { padding: 2px; padding-top: 3px; padding-bottom: 3px; margin: 0; margin-left: 1px; margin-right: 1px; font-weight: normal; border: 1px solid transparent; } .top-level-menu .menu > .menu-item.hover { cursor: pointer; background-color: transparent; border: 1px solid #c5d6f1; background-color: #dce6f4 !important; } .top-level-menu .menu > .menu-item.disabled { color: #ccc; /* todo */ } .top-level-menu .menu > .menu-item > .text { font-size: 120%; margin-left: 10px; margin-right: 4px; } .top-level-menu .menu > .menu-item > .drop { position: absolute; right: 0; top: 0; width: 10px; height: 100%; background: url(/Content/iBoris/site/common-icons.png) no-repeat -499px 50% !important; } .top-level-menu .menu > .menu-item > .text-separator { font-size: 120%; font-weight: bold; margin: 5px 0 0 0; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; color: #6D6D6D; height: 1.3em; } .top-level-menu .menu > .menu-item:first-child > .text-separator { margin: 0; } .top-level-menu .menu > .menu-item > .separator { height: 1px; background-color: #e6e6e6; } /* Second level navigation static skin */ .navigation-hubs.menu-bar { color: #2470e3; } .navigation-hubs.menu-bar > .menu-item { display: inline-block; max-width: 250px; margin: 2px 20px 2px 0; padding: 3px 2px 3px 0; border: none; } .navigation-hubs.menu-bar > .menu-item { * display: inline; } .navigation-hubs.menu-bar > .menu-item.hover { cursor: pointer; background-color: transparent; } .navigation-hubs.menu-bar > .menu-item.disabled { color: #ccc; /* todo */ } .navigation-hubs.menu-bar > .menu-item.selected { color: #000000; } .navigation-hubs.menu-bar > .menu-item.selected.hover { color: #4d6082; } .navigation-hubs.menu-bar > .menu-item > .text { font-size: 18px; text-transform: lowercase; } .navigation-hubs.menu-bar > .menu-item.hover > .text { color: #2470e3; } .navigation-hubs.menu-bar > .menu-item > .separator { margin-left: 20px; height: 1px; background-color: #e6e6e6; } /* End of Navigation Skins */ .user-info { position: relative; height: 70px; } .user-info img.identity-picture { width: 64px; height: 64px; position: absolute; } .user-info .display-name { display: block; margin-left: 70px; } .user-info .email { display: block; margin-left: 70px; text-transform: lowercase; } .Admin .top-level-menu.menu-bar > .menu-item.separator { color: #fcfcfc; padding: 0; } .Admin .top-level-menu.menu-bar > .menu-item.hover { background-color: #800; } .home-view .hub-content { padding-top: 10px; top: 0px; } .home-action-list { margin-left: 12px; display: inline-block; width: 500px; } .home-action { position: relative; height: 24px; } .home-action-title { position: absolute; margin-left: 8px; } .hub-view { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .hub-title { position: absolute; top: 0; right: 0; left: 0; height: 45px; padding-top: 10px; padding-left: 10px; padding-right: 10px; font-family: Segoe UI Light, Tahoma, Arial, Verdana; font-weight: normal; font-size: 24px; color: #000000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .hub-content { position: absolute; left: 0px; top: 55px; right: 0px; bottom: 0; overflow: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .hub-view.explorer .hub-content { top: 0; } .hub-no-content-gutter { padding-left: 20px; } .hub-pivot { font-size: 11px; position: relative; left: 0; top: 0; right: 0; overflow: visible; padding-left: 10px; height: 34px; border-bottom: 1px solid #ddd; /*TODO: revisit color*/ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .views { float: left; font-size: 12px; text-transform: lowercase; height: 34px; } .hub-pivot > .filters { /*TODO: revisit color*/ position: relative; top: 8px; right: 20px; font-size: 12px; text-transform: lowercase; float: right; /* font-size: 12px; text-transform: lowercase; position: absolute; top: 34px; left: 0; right: 0; padding-top: 6px; padding-left: 16px; background-color: #f3f3f3; border-bottom: 1px solid #ddd; */ } .hub-pivot > .filters .title { font-size: 12px; text-transform: lowercase; } .hub-pivot-content { position: absolute; left: 0; top: 34px; right: 0; bottom: 0; overflow: auto; background-color: #fcfcfc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .hub-pivot-toolbar { height: 35px; padding-top: 4px; padding-left: 10px; background: #f3f3f3; background: linear-gradient(top, #fcfcfc, #f3f3f3); background: -ms-linear-gradient(top, #fcfcfc, #f3f3f3); background: -webkit-linear-gradient(top, #fcfcfc, #f3f3f3); background: -moz-linear-gradient(top, #fcfcfc, #f3f3f3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f3f3'); /* TODO: Move border bottom color and shadow color to TT constant. Note that these are used in many places so a bigger refactoring might be needed. */ border-bottom: 1px solid #ddd; box-shadow: 0px 1px 2px rgba(160,160,160,0.2); } .hub-splitter { } .hub-splitter.splitter.horizontal > .leftPane { width: 250px; border-right: 1px solid #e3e3e3; } .hub-splitter.splitter.horizontal > .rightPane { left: 250px; } .hub-splitter.splitter.horizontal > .handleBar { left: 250px; } .left-hub-content { position: absolute; top: 10px; left: 0; right: 10px; bottom: 0; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .right-hub-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .hub-view.explorer .right-hub-content { top: 0px; } /***** End Layout******/ /*This is the folder each area should put stylesheets.*/ /****** Begin Areas*****/ /****** Begin Work Item Tracking styles*****/ /****** Begin Work Item Area\Controls*****/ /****** Begin Work Item Area\Controls\WorkItem*****/ .workitemcontrol-label { color: #6D6D6D; } .wit-font-size-small { font-size: 80%; } .wit-font-size-normal { font-size: 100%; } .wit-font-size-large { font-size: 150%; margin-bottom: 6px; } .wit-font-size-xlarge { font-size: 200%; margin-bottom: 8px; } .wit-font-size-xxlarge { font-size: 300%; margin-bottom: 12px; } table.witform-layout { width: 100%; table-layout: fixed; } .witform-layout .group > td > table.content, .witform-layout .group > td > fieldset > table.content { width: 100%; } .witform-layout .column > table.content { width: 100%; } .witform-layout .tab-page > table.content { width: 100%; } .witform-layout .control > td.label-cell { width: 1%; white-space: nowrap; overflow: hidden; } .witform-layout .control > td.label-cell.left-label { padding-right: 6px; } .witform-layout .control > td.control-cell { min-width: 60px; } /* Used to hide a control on the work item form. This ensures * that the horizontal space the control takes up does not go away * when the control is collapsed. Only the vertical space goes away. */ .control.collapsed > td > * { height: 0px; overflow: hidden; } .control.collapsed > td { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .plaintextcontrol { width: 100%; height: 250px; resize: none; border: 1px solid #e6e6e6; } .workitemlogcontrol { width: 100%; margin: 0; border: 0; padding: 2px; min-height: 300px; } .workitemlogcontrol .discussion-host .discussion-host .messages { } .workitemlogcontrol .ui-tabs-nav { font-size: 11px; text-transform: uppercase; } /* We need to reset here for case where 's href is strippped. We do not want this to look like a real link. However, global styles will make it look like a link so we reset here and then only apply to 's that have hrefs. See bug 823626 */ .workitemlogcontrol A { text-decoration: none; color: #000000; cursor: default; } .workitemlogcontrol A[href] { color: #2470e3; text-decoration: none; cursor: pointer; } .workitemlogcontrol A[href]:hover { color: #2470e3; text-decoration: none; cursor: pointer; } .details-host { overflow: auto; } .discussion-host { overflow: auto; } .discussion-host .message-list { list-style-type: none; margin-left: 0; padding: 0; } .discussion-host .message-row { position: relative; list-style-type: none; padding: 0 0 5px 0; min-height: 40px; } .discussion-host .message-section { margin: 0 0 0 50px; } .discussion-host .message-sender { position: absolute; left: 0; top: 0; width: 40px; height: 32px; margin: 0 0 0 2px; } .discussion-host .message-sendername { color: #6D6D6D; } .discussion-host .message-date { font-size: 85%; text-transform: lowercase; font-style: italic; color: #6D6D6D; } .discussion-host .identity-picture { width: 32px; height: 32px; } .workitemlogcontrol > .details-host { } .details-host .action { } .details-host .action-hover { /* background-color: #ffe; */ } .details-host .action-expand { /* background-color: #eee; */ } .details-host > .item { margin-bottom: 0.2em; } .details-host .identity-picture { width: 24px; height: 24px; margin-right: 5px; } .details-host .action-headerperson { padding-right: 5px; color: #6D6D6D; } .details-host .action-headeritemhilite { font-weight: bold; } .details-host .action-headeritem { font-style: italic; } .details-host .action-headerdate { padding-left: 10px; text-transform: lowercase; font-style: italic; color: #999; } .details-host .message { padding: 5px; background-color: #fcfcfc; border: 1px solid transparent; /* todo: remove */ margin: 2px 0 2px 0; } .details-host .container { padding: 2px; } .details-host .detail-list { background-color: #fcfcfc; table-layout: fixed; border-collapse: collapse; /* width: 100%; */ } .details-host .detail-list TD { border: 1px solid #e6e6e6; overflow: auto; padding: 4px; } .webpagecontrol { width: 100%; height: 600px; overflow: hidden; border: 1px solid #e6e6e6; } .webpagecontrol > iframe { width: 100%; height: 100%; overflow: auto; } .attachmentscontrol { width: 100%; border: 1px solid #e6e6e6; } .attachment-dialog { width: 100%; padding: 1em; overflow: hidden; } .attachment-dialog > .label { display: block; } .attachment-dialog > .comment, .attachment-dialog .file { width: 100%; } .link-dialog { } .link-dialog-form { } .link-dialog-form-container { width: 100%; overflow: hidden; } .link-dialog-workitem-description { width: 100%; height: 60px; margin: 0; overflow: auto; padding: 5px 0 0 20px; } .link-dialog-form .fetching { color: #6D6D6D; font-style: italic; } .link-dialog-form .notfound { background-color: #e6b9b9; font-style: italic; } .link-dialog-form .selflink { background-color: #e6b9b9; font-style: italic; } .link-dialog-form .filtered { background-color: #e6b9b9; font-style: italic; } .link-dialog-form .duplicate { background-color: #e6b9b9; font-style: italic; } .link-dialog-form .message { color: #6D6D6D; font-style: italic; } .link-dialog-form .test-result { margin-top: 1em; } /* Link dialog visualization styles */ .link-visualization { position: relative; overflow: hidden; width: 100%; height: 110px; background: url(/Content/iBoris/site/linking.png) no-repeat; } .link-visualization.invalid { background-color: #fcfcfc; filter: alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65; } .link-visualization > .text { position: absolute; overflow: hidden; width: 115px; height: 35px; font-size: 10px; color: #fcfcfc; border: 1px solid transparent; text-align: center; } .link-visualization.tree { } .link-visualization.tree > .text-forward { left: 183px; top: 65px; } .link-visualization.tree > .text-reverse { left: 183px; top: 3px; } .link-visualization.tree.image-singlesrc-singletgt { background-position: 50% 3px; } .link-visualization.tree.image-singlesrc-multipletgt { background-position: 50% -1752px; } .link-visualization.tree.image-singletgt-singlesrc { background-position: 50% -213px; } .link-visualization.tree.image-singletgt-multiplesrc { background-position: 50% -452px; } .link-visualization.network > .text-forward { left: 258px; top: 36px; } .link-visualization.network > .text-reverse { left: 109px; top: 36px; } .link-visualization.network.image-singletgt-singlesrc { background-position: 50% -774px; } .link-visualization.network.image-singletgt-multiplesrc { background-position: 50% -616px; } .link-visualization.network.image-multipletgt-singlesrc { background-position: 50% -2074px; } .link-visualization.network.image-multipletgt-multiplesrc { background-position: 50% -1850px; } .link-visualization.dependency > .text-forward { left: 258px; top: 36px; } .link-visualization.dependency > .text-reverse { left: 109px; top: 36px; } .link-visualization.dependency.image-singlesrc-singletgt { background-position: 50% -1418px; } .link-visualization.dependency.image-multiplesrc-singletgt { background-position: 50% -1260px; } .link-visualization.dependency.image-singletgt-singlesrc { background-position: 50% -1109px; } .link-visualization.dependency.image-singletgt-multiplesrc { background-position: 50% -951px; } .link-visualization.dependency.image-singlesrc-multipletgt { background-position: 50% -2718px; } .link-visualization.dependency.image-multiplesrc-multipletgt { background-position: 50% -2560px; } .link-visualization.dependency.image-multipletgt-singlesrc { background-position: 50% -2409px; } .link-visualization.dependency.image-multipletgt-multiplesrc { background-position: 50% -2251px; } .vc-link-container { width: 100%; } .vc-link-container .changeset-container { } .vc-link-container .changeset-browse-container { width: 1%; } .vc-link-container .path-container { } .vc-link-container input { width: 100%; } .vc-link-container .link-to-container { width: 1%; } .vc-link-container .link-to-container select { } .label-text-control { display: inline; } /* Work Item Picker Styles */ .work-item-find { position: relative; width: 100%; height: 100%; } .work-item-find > .filter-container { position: absolute; left: 0; top: 0; right: 0; height: 4em; overflow: hidden; } .backend-treenode-text.finder-query { color: #2470e3; } .work-item-find > .filter-container table { width: 100%; } .work-item-find input { width: 100%; } .work-item-find .project-cell { width: 30%; } .work-item-find .query-cell { width: 70%; } .work-item-find > .status-container { font-weight: bold; padding: 2px; position: absolute; left: 0; top: 4em; right: 0; height: 2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .work-item-find > .status-container.error { color: #e6b9b9; font-size: 12px; } .work-item-find > .list-container { border: 1px solid #cccccc; position: absolute; left: 0; top: 6em; right: 0; bottom: 0; overflow: hidden; } .work-item-find > .list-container .query-result-grid { width: 100%; height: 100%; } /* End of Work Item Picker Styles */ .work-item-form { position: relative; width: 100%; height: 100%; overflow: hidden; } .work-item-view { overflow-y: hidden; overflow-x: hidden; position: relative; height:100%; width:100%; padding: 0px; padding-top: 0px; margin-left: 0px; /* z-index: 1; */ /* TODO: Check */ /* margin-right: 10px; */ } .work-item-form.no-info-bar .work-item-view { top: 30px; } .work-item-form.no-info-bar .workitem-tool-bar { margin-top: 0; } .work-item-form.no-toolbar.no-info-bar .work-item-view { top: 0px; } .work-item-view legend { text-transform: uppercase; font-size: 11px; color: #000000; font-weight: bold; line-height: 22px; } .work-item-view-block { position: relative; height: calc(100% - 30px); overflow-y: auto; } .workitem-dialog.ui-dialog .control-busy-overlay { position: absolute; top: 38px; left: 0; bottom: 51px; right: 0; background: #aaaaaa; opacity: .30; filter: Alpha(Opacity=30); z-index: 10000; } .triage-view .control-busy-overlay { top: 36px; } .workitem-dialog.ui-dialog .ui-dialog-titlebar { position: absolute; border: 0; padding-top: 2px; padding-bottom: 2px; top: 0; height: 10px; width: 100%; z-index: 2002; } .workitem-dialog.ui-dialog .ui-dialog-titlebar-close { background-color: #f3f3f3; padding-top: 8px; z-index: 2002; } .workitem-dialog.ui-dialog .ui-dialog-titlebar-progress-container { margin: 35px 0 0 0; } .workitem-dialog.ui-dialog .ui-dialog-content { margin: 0; padding: 0; } .workitem-dialog.ui-dialog .ui-dialog-title { display: none; } .workitem-dialog.ui-dialog .ui-dialog-titlebar { padding: 0; } .workitem-tool-bar { position: relative; overflow: hidden; height: 30px; padding-left: 5px; padding-top: 2px; background-color: #f3f3f3; border-bottom: 1px solid #ddd; box-shadow: 0px 1px 2px rgba(160,160,160,0.2); z-index: 2; } .workitem-dialog .workitem-tool-bar { z-index: 2002; } .work-item-view .ui-tabs .ui-tabs-panel { padding: 0; } .workitem-info-bar { font-family: Segoe UI Light, Tahoma, Arial, Verdana; font-size: 18px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 35px; background-color: #f3f3f3; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; padding-left: 15px; padding-right: 20px; padding-top: 5px; } .workitem-dialog .workitem-info-bar { border: 0; } .workitem-info-bar > span { padding-left: 4px; } .workitem-info-bar > span.caption { color: #888; } .workitem-info-bar.invalid > .info-text { color: #d00; } .error-work-item-download { position: relative; top: 10px; height: 30px; color: #d00; background-color: #f3f3f3; border-bottom: 1px solid #ddd; padding-left: 20px; padding-top: 2px; } .wit-state-transition-graph { overflow-x: auto; overflow-y: hidden; width: 100%; height: 100px; margin-bottom: 4px; } .transition-container, .state-container { float: left; height: 75px; text-align: center; padding: 4px; position: relative; } .transition-container { margin-right: 9px; color: #6d6d6d; } .state-container { position: relative; } .state { background-color: #DCE6F4; padding: 10px; position: relative; top: 50%; margin-top: -17.5px; } .transition-and-state-container.show-more .state { background-color: white; border: 2px dashed #6d6d6d; cursor: pointer; } .transition-and-state-container.show-more .state a, .transition-and-state-container.show-more .state a:hover { color: #2470E3; } .transition-and-state-container.show-more .arrow-tail { width: 10px; } .transition-arrow { height: 20px; position: relative; top: 50%; margin-top: -10px; } .arrow-head { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #95b3d7; position: absolute; margin-left: 100%; } .arrow-tail { background-color: #95b3d7; height: 8px; width: 100%; margin-top: -4px; float: left; position: relative; top: 50%; } .transition-change-info { position: relative; } .transition-reason { position: relative; bottom: 17px; } .off-screen { position: absolute; left: -5000px; } /***** End Work Item Area\Controls\WorkItem******/ /****** Begin Work Item Area\Controls\Query*****/ .query-result-grid-info { font-family: Segoe UI Light, Tahoma, Arial, Verdana; font-size: 18px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 36px; padding: 2px 2px 2px 2px; margin-left: 6px; overflow: hidden; margin-right: 22px; border: 1px transparent; position: relative; text-overflow: ellipsis; white-space: nowrap; } .query-result-grid-info table { width: 100%; } .query-result-grid-info .status-indicator { margin-left: 2px; } .query-result-grid-info .query-title { overflow: hidden; text-overflow: ellipsis; max-width: 500px; padding-right: 10px; color: #666; font-size: 16px; } .query-result-grid-info .query-status { overflow: hidden; text-overflow: ellipsis; padding-top: 2px; color: #666; font-size: 16px; text-align: right; padding-right: 10px; } .query-result-grid-info tr.no-title .query-title { padding-right: 0px; } .query-result-grid-info tr.no-title .query-status { text-align: left; } .query-result-grid-info.invalid { background-color: #ffc; border: 1px solid #e6e6e6; } .query-result-grid.grid { border: 0; } .query-result-grid .grid-header { background-color: #f3f3f3; box-shadow: 0px 1px 2px rgba(160,160,160,0.2); border-bottom: 1px solid #ddd; height: 33px; z-index: 8; } .dirty-workitem-row { font-weight: bold; } .invalid-workitem-row { color: #c00; /* #e6b9b9; */ } .grid-row-selected.invalid-workitem-row { color: #fbb; /* #e6b9b9; */ } .triage-view { position: relative; height:100%; width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .triage-view > .content { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .triage-view > .content.splitter.vertical > .leftPane { } .triage-view .splitter.vertical > .rightPane { margin-top: 4px; } .triage-view .hub-no-content-gutter { padding-left: 0; } .triage-view .work-item-list { position: absolute; left: 0; right: 0; bottom: 0; width: auto; height: auto; top: 38px; border-top: 0 !important; border-bottom: 0 !important; } .triage-view .work-item-form { /* border: 1px solid transparent; */ } .triage-view .splitter.horizontal .work-item-form { border-left: 1px solid #ddd; } .triage-view .workitem-info-bar { background: #f3f3f3; background: linear-gradient(top, #fcfcfc, #f3f3f3); background: -ms-linear-gradient(top, #fcfcfc, #f3f3f3); background: -webkit-linear-gradient(top, #fcfcfc, #f3f3f3); background: -moz-linear-gradient(top, #fcfcfc, #f3f3f3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f3f3'); } .query-result-grid-toolbar { height: 38px; padding-top: 6px; padding-left: 10px; background: #f3f3f3; background: linear-gradient(top, #fcfcfc, #f3f3f3); background: -ms-linear-gradient(top, #fcfcfc, #f3f3f3); background: -webkit-linear-gradient(top, #fcfcfc, #f3f3f3); background: -moz-linear-gradient(top, #fcfcfc, #f3f3f3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f3f3'); } .query-type { height: 35px; background-color: #f3f3f3; border-bottom: 1px solid #ddd; box-shadow: 0px 1px 2px rgba(160,160,160,0.2); } .query-type .pivot-filter { width: 100%; padding-top: 4px; line-height: 24px; overflow: hidden; padding-left: 26px; white-space: nowrap; } .query-type .pivot-filter li { padding: 0 6px 0 6px; } .query-type .pivot-filter li.selected { background-color: #e6e6e6; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; } .query-type .pivot-filter li .icon { vertical-align: middle; } .query-type .pivot-filter li .text { font-weight: normal; margin-left: 4px; } .query-type .pivot-filter li.selected .text { color: #000000; } .icon.query-type-flat { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1504px 50% !important; } .icon.query-type-link { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1600px 50% !important; } .icon.query-type-tree { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -1744px 50% !important; } .query-editor { position: absolute; left: 0; top: 0; right: 0; bottom: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .query-editor .content { position: absolute; top: 71px; bottom: 0; height: auto; } .query-editor > .content.splitter.vertical > .leftPane { } .query-editor .filters { padding-left: 26px; height: 100%; overflow: auto; } .query-editor .filters fieldset { margin-top: 5px; margin-bottom: 5px; } .query-editor .filters fieldset > legend { font-weight: normal; color: #6D6D6D; padding-bottom: 5px; } .query-editor .filters > .link { width: 100%; overflow: hidden; } .query-editor .filters > .link > .query-mode { float: left; margin-left: 15px; } .query-editor .filters > .link > .query-mode select { display: block; } .query-editor .filters > .link > div.link-types { float: left; margin-left: 15px; display: block; } .query-editor .filters > .link > div.link-types > .checkbox-list.link-types { width: 250px; max-height: 100px; } .query-editor .filters > .link > fieldset { clear: both; } .query-editor .filters > .tree { width: 100%; overflow: hidden; } .query-editor .filters > .tree > .query-mode { float: left; margin-left: 15px; } .query-editor .filters > .tree > .query-mode select { display: block; } .query-editor .filters > .tree > div.link-types { float: left; margin-left: 15px; display: block; } .query-editor .filters > .tree > .link-types select { display: block; } .query-editor .filters > .tree > fieldset { clear: both; } .query-editor .work-item-list { position: absolute; width: 100%; top: 36px; bottom: 0; border-top: 0 !important; border-bottom: 0 !important; } .query-editor .toolbar { background: #f3f3f3; background: linear-gradient(top, #fcfcfc, #f3f3f3); background: -ms-linear-gradient(top, #fcfcfc, #f3f3f3); background: -webkit-linear-gradient(top, #fcfcfc, #f3f3f3); background: -moz-linear-gradient(top, #fcfcfc, #f3f3f3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f3f3'); height: 36px; padding-top: 6px; padding-left: 10px; } .query-editor .grid-header { height: 33px; background-color: #F3F3F3; border-bottom: 1px solid #ddd; box-shadow: 0px 1px 2px rgba(160,160,160,0.2); } .clauses { border-collapse: collapse; padding: 1px; width: 100%; } .add-row-link { cursor: pointer; line-height: 22px; display: inline-block; } .add-row-link .add-icon { margin: 0 9px 0 1px; vertical-align: middle; } .clauses .header { color: #6D6D6D; } .clauses .clause-row { height: 25px; } .clauses .header .grouping .icon { vertical-align: middle; background: url(/Content/iBoris/site/backend-icons.png) no-repeat -400px 50% !important; } .clauses .add-remove { width: 50px; } .clauses .add-remove > a { margin-right: 5px; } .clauses .add-remove > a.add-row-link { margin-left: 5px; vertical-align: middle; } .clauses .grouping { width: 26px; top-padding: 2px; text-align: center; } .clauses .group { border-left: 1px solid #cccccc; width: 1px; } .clauses .no-group { width: 1px; } .clauses .logical { width: 10%; max-width: 100px; } .clauses .field { width: 25%; } .clauses .operator { width: 13%; max-width: 150px; } .group-placeholder { width: 2px; height: 2px; overflow: hidden; } .clauses .group-start { border-top: 1px solid #cccccc; } .clauses .group-end { border-bottom: 1px solid #cccccc; } .g-cat-0 { background-color: #FFE1FF; } .g-cat-1 { background-color: #FFFACD; } .g-cat-2 { background-color: #F0FFFF; } .g-cat-3 { background-color: #FFEFD5; } .g-cat-4 { background-color: #F0FFF0; } .query-folder-explorer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; } .query-folder-explorer > .query-folder-tree { position: absolute; top: 2.4em; left: 0; right: 0; bottom: 0px; overflow: hidden; } .query-folder-explorer > .query-folder-tree:hover { overflow: auto; } .query-folder-explorer .dirty-query .node-content:after { content: " * "; } .query-folder-tree { border: 1px solid transparent; } .query-folder-tree .folder.empty { display: none; } .query-folder-tree .folder.top-separator { padding-top: 4px; border-top: 1px solid #eee; } .query-folder-tree .node.focus > a.node-link .node-content { padding-right: 22px; } .query-folder-tree .node .fav-star { position: absolute; top: 4px; right: 6px; height: 16px; width: 16px; display: none; } .query-folder-tree .node.focus > a.node-link .fav-star { display: block; background: url(/Content/iBoris/site/common-icons.png) no-repeat -2512px 50% !important; } .query-folder-tree .node.focus > a.node-link .fav-star:hover { background: url(/Content/iBoris/site/common-icons.png) no-repeat -2560px 50% !important; } .query-folder-tree .node.focus.starred > a.node-link .fav-star { display: block; background: url(/Content/iBoris/site/common-icons.png) no-repeat -2560px 50% !important; } .query-folder-tree .node.focus.starred > a.node-link .fav-star:hover { background: url(/Content/iBoris/site/common-icons.png) no-repeat -2512px 50% !important; } .query-rename-new-folder-dialog .input-text { width: 100%; } .query-rename-new-folder-dialog .validation-summary.invalid { margin-top: 10px; } .query-rename-new-folder-dialog .error { margin-top: 10px; color: #e6b9b9; border: 1px solid #cccccc; background-color: #ffffcc; padding: 4px; overflow: hidden; width: 100%; } .column-options-host { position: relative; } .column-options { position: relative; height: 100%; } .column-options .views { width: 100%; border-bottom: 1px solid #cccccc; } .column-options.no-sort .sort-columns-view { display: none; } .column-options > .filters { position: absolute; left: 6px; right: 6px; top: 30px; } .column-options > .filters p { margin: 0; margin-top: 10px; } .column-options label { margin-bottom: 3px; } .column-options > .columns { position: absolute; left: 6px; right: 6px; top: 135px; bottom: 0; } .simple > .column-options > .columns { top: 0px; } .column-options .content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .column-options .content > .available { position: absolute; left: 0; right: 50%; top: 0; bottom: 0; } .column-options .content > .selected { position: absolute; left: 50%; right: 0; top: 0; bottom: 0; } .column-options .content .list-container { position: absolute; left: 0; top: 23px; right: 3.5em; bottom: 0; } .column-options .content .buttons { position: absolute; right: 0; width: auto; top: 23px; bottom: 0; text-align: right; } .column-options select { width: 100%; height: 100%; border: 1px solid #cccccc; } .column-options button { padding: 1px; width: 24px; height: 24px; margin: 0 10px 2px 0; } .column-options .ui-button-text { padding: 2px 0 0 0 !important; } .column-options .width { width: 3em; } .column-options .width.disabled { cursor: default; background-color: #e6e6e6; } .column-options .width-container { overflow: hidden; word-break: break-all; } .column-options .width-container > label { white-space: nowrap; } /***** End Work Item Area\Controls\Query******/ /***** End Work Item Area\Controls******/ .work-items-right-pane { position: relative; height:100%; overflow: hidden; } .work-items-view { width: 100%; height: 100%; } .work-items-view.work-item-editor-view .hub-title { padding-left: 0; padding-right: 0; } .work-items-view.work-item-editor-view .workitem-info-bar { background: #f3f3f3; background: linear-gradient(top, #fcfcfc, #f3f3f3); background: -ms-linear-gradient(top, #fcfcfc, #f3f3f3); background: -webkit-linear-gradient(top, #fcfcfc, #f3f3f3); background: -moz-linear-gradient(top, #fcfcfc, #f3f3f3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f3f3'); } .work-items-view.work-item-editor-view .hub-pivot { display: none; } .work-items-view.work-item-editor-view .hub-pivot-content { top: 0px; } .work-items-view.query-editor-view .work-items-pane-filter { display: none; } .work-items-view.error-view .hub-title { display: none; } .work-items-view.error-view .hub-pivot { display: none; } .work-items-view.error-view .right-hub-content { top: 0; } .work-items-view.error-view .hub-pivot-content { top: 0; } .query-tile { background-color: #77933C; } #filter-controls { display: flex; flex-direction: column; height: 100%; } #pane-content-wrapper { height: 100%; display: flex; flex-direction: column; } /***** End Work Item Tracking styles******/ /****** Begin Version Control Area*****/ /****** Begin Version Control Area\Controls*****/ .version-control-file-list .grid-gutter { width: 40px; } .version-control-file-list .grid-gutter-icon.go-upper { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4430px 50% !important; } .version-control-file-list .grid-gutter-icon.folder { background: url(/Content/iBoris/site/common-icons.png) no-repeat -928px 50% !important; } .version-control-file-list .grid-gutter-icon.branch { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -16px 50% !important; } .version-control-file-list .grid-gutter-icon.file { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -928px 50% !important; } .version-control-change-list .grid-gutter-icon.go-upper { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4430px 50% !important; } .version-control-change-list .grid-gutter-icon.folder { background: url(/Content/iBoris/site/common-icons.png) no-repeat -928px 50% !important; } .version-control-change-list .grid-gutter-icon.branch { background: url(/Content/iBoris/site/backend-icons.png) no-repeat -16px 50% !important; } .version-control-change-list .grid-gutter-icon.file { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -928px 50% !important; } .shelveset-change-tree { margin-left: 20px; position: absolute; top: 11em; left: 0; right: 0; bottom: 0px; overflow: hidden; } .shelveset-change-tree:hover { overflow: auto; } .changeset-change-tree { margin-left: 20px; position: absolute; top: 14em; left: 0; right: 0; bottom: 0px; overflow: hidden; } .changeset-change-tree:hover { overflow: auto; } .change-tree .icon.folder { background: url(/Content/iBoris/site/common-icons.png) no-repeat -928px 50% !important; } .change-tree .icon.file { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -928px 50% !important; } .change-tree li.no-change div { color: #6D6D6D; } .change-tree li.delete div { text-decoration: line-through; } .version-control-change-list-workitems { height: 100%; border-top: 0 !important; border-bottom: 0 !important; } .version-control-change-list-workitems .grid-header { height: 35px; background: #f3f3f3; background: linear-gradient(top, #fcfcfc, #f3f3f3); background: -ms-linear-gradient(top, #fcfcfc, #f3f3f3); background: -webkit-linear-gradient(top, #fcfcfc, #f3f3f3); background: -moz-linear-gradient(top, #fcfcfc, #f3f3f3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f3f3'); border-bottom: 1px solid #ddd; box-shadow: 0px 1px 2px rgba(160,160,160,0.2); } .version-control-change-list-workitems .grid-header .grid-header-canvas { padding-top: 8px; } table.filter tr.filter-row > td { padding-bottom: 6px; } .changeset-list.filtered-list .list-container table, .shelveset-list.filtered-list .list-container table { width: auto; table-layout: auto; } .shelveset-list .list-container table.filter tr.filter-row > td { padding: 6px; } .changeset-list .list-container .popup { width: 2em; text-align: center; } .changeset-list .list-container .picture { width: 4em; text-align: center; } .changeset-list .list-container .change { max-width: 120px; text-align: left; padding-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .changeset-list .identity-picture { width: 36px; height: 36px; } .changeset-list .changeset-date, .shelveset-list .list-container .date { color: #6D6D6D; font-style: italic; padding-top: 4px; } .changeset-list .list-container .id, .shelveset-list .list-container .name { text-align: left; padding-right: 6px; } .changeset-list .list-container .id a { max-width: 95px; font-weight: bold; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding: 2px; padding-left: 4px; padding-right: 4px; } .shelveset-list .list-container .name a { width: 150px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding: 2px; } .changeset-list .list-container .user, .shelveset-list .list-container .date { white-space: nowrap; min-width: 100px; max-width: 175px; color: #6D6D6D; } .changeset-list .list-container .user div, .shelveset-list .list-container .date span { overflow: hidden; text-overflow: ellipsis; } .changeset-list .list-container .comment, .shelveset-list .list-container .comment { padding-left: 20px; text-align: left; word-break: normal; } .changeset-list .list-container .comment > span, .shelveset-list .list-container .comment > span { margin-right: 6px; } .shelveset-list .list-container .selection, .changeset-list .list-container .selection { width: auto; text-align: left; padding-right: 6px; } .shelveset-list .list-container .selection input, .changeset-list .list-container .selection input { margin: 0; padding: 0; } .filtered-list { width: 100%; } .filtered-list .combo { border: 1px solid #cccccc; } .filtered-list label { color: #6D6D6D; display: block; } .filtered-list .filter-container input { margin: 0; padding: 1px; border: 1px solid #cccccc; width: 100%; height: 1.7em; } .filtered-list .filter-container input.disabled { background-color: #f2f2f2; } .filtered-list .filter-container button { height: 1.7em; margin-left: 0.5em; } .filtered-list .filter-container { width: 100%; max-width: 650px; display: none; padding-bottom: 6px; } .filtered-list .filter-container.show-filter { display: block; } .filtered-list .list-container table { width: 100%; table-layout: fixed; } .filtered-list .group-header { text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 22px; } .filtered-list .list-container .selection { width: 2em; text-align: center; } /*When the change list is in a dialog*/ .modal-dialog .filtered-list { position: relative; height: 100%; overflow: hidden; } .modal-dialog .filtered-list .filter-container { position: absolute; top: 0; left: 0; width: 100%; height: 20px; overflow: hidden; } .modal-dialog .filtered-list .list-container { position: absolute; left: 0; right: 10px; top: 20px; bottom: 20px; overflow: auto; } .modal-dialog .changeset-list .filter-container.show-filter { height: 9em; } .modal-dialog .changeset-list .list-container { top: 0; } .modal-dialog .changeset-list .list-container.show-filter { top: 9em; } .modal-dialog .shelveset-list .filter-container.show-filter { height: 5.5em; } .modal-dialog .shelveset-list .list-container { top: 0; right: 1em; bottom: 1.5em; } .modal-dialog .shelveset-list .list-container.show-filter { top: 6em; } .version-control-history-viewer { margin: 10px 0 0 26px; } .version-control-history-viewer.no-filter .filter-container { display: none; } .version-control-diff-viewer { height: 100%; } /* Diff Contents Styles */ .diff-contents { width: 100%; table-layout: fixed; } .file-diff-view > table.diff-contents { background: #f3f3f3; background: linear-gradient(top, #fcfcfc, #f3f3f3); background: -ms-linear-gradient(top, #fcfcfc, #f3f3f3); background: -webkit-linear-gradient(top, #fcfcfc, #f3f3f3); background: -moz-linear-gradient(top, #fcfcfc, #f3f3f3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f3f3'); border-bottom: 1px solid #ddd; box-shadow: 0px 1px 2px rgba(160,160,160,0.2); } .diff-title { height: 32px; overflow: visible; vertical-align: top; } .diff-navigation { padding: 10px 0 0 10px; white-space: nowrap; overflow: hidden; } .diff-legend { padding: 10px 0 0 10px; white-space: nowrap; width: 30%; } .diff-title button { height: 26px; margin: 0 6px 0 0; } .changed-text { color: #0000CC; padding: 2px; padding-left: 5px; padding-right: 5px; display: inline; border: 1px solid #0000CC; } .inserted-text { color: #336600; padding: 2px; padding-left: 5px; padding-right: 5px; display: inline; border: 1px solid #336600; } .deleted-text { color: #ff0000; padding: 2px; padding-left: 5px; padding-right: 5px; display: inline; border: 1px solid #ff0000; } .diff-part { width: 50%; } .diff-part-side { width: 100%; height: 100%; overflow: scroll; } .diff-part-side-content-pre { margin: 0; } .diff-part-side table { border-spacing: 2px 0px; width: 100%; } .diff-part-side td:first-child { width: 1%; text-align: right; } .diff-number { background-color: #e6e6e6; padding: 0px 8px; } .diff-hub-view .hub-pivot-content { overflow: hidden !important; } .diff-type-changed { color: #0000CC; background-color: #e6e6e6; } .diff-type-inserted { color: #336600; background-color: #e6e6e6; } .diff-type-deleted { color: #ff0000; background-color: #e6e6e6; } .diff-original { position: absolute; top: 71px; bottom: 0; width: 50%; left: 0; } .diff-modified { position: absolute; top: 71px; bottom: 0; width: 50%; right: 0; } .file-diff-view { position: absolute; top: 0; bottom: 0; left: 0; right: 2px; } .file-diff-view.truncated { top: 3.5em; } .diff-number.selected { background-color: #FF9900; } .diff-menu { padding-left: 10px; padding-top: 4px; } .diff-menu > .diff-menu-main.menu-item { max-width: 100%; width: 100%; padding: 0 0 0 3px; vertical-align: top; /* border: 1px solid #e6e6e6; */ height: 21px; } .diff-menu .menu-item.selected { font-weight: bold; } .diff-menu > .diff-menu-main.menu-item.focus { outline: 0; } /* End of Diff Contents Styles */ .version-control-file-viewer { height: 100%; position: relative; } .source-content .backend-collapsible-header { margin-left: 20px; } /* File Contents Styles */ .file-contents { position: absolute; top: 35px; bottom: 0; left: 0; right: 0; overflow: auto; } .file-contents.truncated { top: 7.5em; } .file-contents-menu { padding-left: 10px; padding-top: 2px; height: 35px; background: #f3f3f3; background: linear-gradient(top, #fcfcfc, #f3f3f3); background: -ms-linear-gradient(top, #fcfcfc, #f3f3f3); background: -webkit-linear-gradient(top, #fcfcfc, #f3f3f3); background: -moz-linear-gradient(top, #fcfcfc, #f3f3f3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f3f3'); border-bottom: 1px solid #ddd; box-shadow: 0px 1px 2px rgba(160,160,160,0.2); } .file-contents-row { vertical-align: text-top; } .file-contents pre { margin: 0; } .file-contents table { border-spacing: 2px 0px; } .file-contents td:first-child { width: 1%; background-color: #e6e6e6; text-align: right; } .file-contents-line { padding: 0px 8px; } .file-contents-error { border: 1px solid #808080; background-color: #ffffcc; color: #000000; padding: 4px; font-size: 12px; width: 100%; } .file-content-image { padding: 25px 10px; } .file-content-no-viewer { border: 1px solid #e6e6e6; background-color: #f2f2f2 !important; padding: 5px; color: #000000; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .source-bread-crumb { overflow: auto; } .source-bread-crumb.vertical-bread-crumb li.bread-crumb-node { height: 24px; } .source-bread-crumb .bread-crumb-node .node-content { height: 100% !important; } .source-bread-crumb .bread-crumb-node.selected .node-content .node-link { color: #fcfcfc; } .source-bread-crumb .node.focus > a.node-link .node-content, .source-bread-crumb .node.focus.selected > .node-content { padding-right: 22px; } .source-bread-crumb .bread-crumb-node .definition { width: 100%; height: 100%; table-layout: fixed; } .source-bread-crumb .bread-crumb-node .summary { overflow: hidden; } .source-bread-crumb .bread-crumb-node .star { width: 20px; } .source-bread-crumb .bread-crumb-node .star-icon { position: absolute; top: 4px; right: 6px; width: 16px !important; height: 16px !important; cursor: pointer; } .source-path { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #cccccc; background-color: #fff; height: 24px; overflow: hidden; margin-right: 10px; } .source-path .text-wrap { overflow: hidden; line-height: 22px; margin-left: 3px; } .source-path .text-wrap > input { width: 100%; height: 100%; border: none; outline: 0; } .source-path .btn-go { width: 20px; height: 22px; float: right; cursor: pointer; overflow: hidden; background: url(/Content/iBoris/site/misc-icons.png) no-repeat -4715px 50% !important; } .source-favorites.tree-view > ul.tree-children li.selected div.node-content { color: #2470e3; background-color: #fcfcfc; border: 1px solid #fcfcfc; } .source-favorites.tree-view > ul.tree-children li.selected div.node-content > a { color: #2470e3; } .source-favorites.tree-view.focus > ul.tree-children li.selected div.node-content { background-color: #fcfcfc; } .source-favorites.tree-view .node.focus > a.node-link .node-content { padding-right: 22px; } /***** End Version Control Area\Controls******/ .change-list-summary { /* max-width: 600px; margin: 10px 0 0 20px; */ } .change-list-summary table { background: #f3f3f3; background: linear-gradient(top, #fcfcfc, #f3f3f3); background: -ms-linear-gradient(top, #fcfcfc, #f3f3f3); background: -webkit-linear-gradient(top, #fcfcfc, #f3f3f3); background: -moz-linear-gradient(top, #fcfcfc, #f3f3f3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f3f3'); border-bottom: 1px solid #ddd; box-shadow: 0px 1px 2px rgba(160,160,160,0.2); width: 100%; } .change-list-summary table td { vertical-align: top; padding: 6px; padding-top: 10px; padding-left: 10px; } .change-list-summary table td:first-child { width: 80px; padding-left: 20px; } .change-list-summary > div { margin-top: 10px; margin-left: 10px; } .change-list-owner, .change-list-creation-date { margin-left: 6px; } .change-list-creation-date { margin-top: 12px; } .change-list-comment { width: 100%; } .change-list-comment textarea { width: 600px; max-width: 100%; overflow: auto; min-height: 8em; height: 8em; } .change-list-notes { width: 100%; } .change-list-notes input { width: 100%; } .change-list-summary .identity-picture { width: 64px; height: 64px; } .change-list-right-pane { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .change-list-more { margin-top: 20px; } .source-home { margin: 10px 10px 0 26px; } .source-home .header { font-size: 12px; text-transform: uppercase; font-weight: bold; } .source-item-view .hub-content .leftPane { width: 295px; } .source-home-view .hub-content .leftPane { width: 295px; } .source-home-view .hub-no-content-gutter { padding-left: 0; } .source-home-view .source-node-container { position: absolute; left: 0; top: 6.5em; right: 0; bottom: 0; overflow: auto; } .source-path-filter { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; background: #f3f3f3; background: linear-gradient(top, #fcfcfc, #f3f3f3); background: -ms-linear-gradient(top, #fcfcfc, #f3f3f3); background: -webkit-linear-gradient(top, #fcfcfc, #f3f3f3); background: -moz-linear-gradient(top, #fcfcfc, #f3f3f3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f3f3'); border-bottom: 1px solid #ddd; box-shadow: 0px 1px 2px rgba(160,160,160,0.2); } .source-path-label { float: left; margin: 0 10px 0 6px; line-height: 24px; } .source-view-error { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 20px; padding: 10px; overflow: hidden; width: 100%; border: 1px solid #cccccc; background-color: #ffffcc; font-size: 18px; } .version-control-item-left-pane { position: absolute; top: 10px; left: 0; right: 0; bottom: 0; } .version-control-item-right-pane { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .version-control-item-right-pane .version-control-file-list { height: 100%; } .version-control-item-right-pane.mode-explorer { top: 44px; } .overview-content-left { float: left; width: 350px; overflow: hidden; } .overview-content-right { margin-left: 350px; } .overview-content-left label { display: inline-block; width: 95px; line-height: 26px; } .overview-content-left .changeset-list .list-container .picture { display: none; } .vc-path-tile { background-color: #604A7B; } .version-control-item-left-pane .sidebar-content-separator { width: auto; background-color: #cccccc; height: 1px; margin-left: 16px; margin-bottom: 6px; margin-top: 6px; } .version-control-item-left-pane .source-goto-action-container { margin-left: 16px; margin-top: 30px; } .version-control-item-left-pane .grid { position: absolute; left: 10px; right: 0; top: 14.5em; overflow: hidden; bottom: 0; } .version-control-item-left-pane .shelveset.grid { top: 11.5em; } .version-control-item-left-pane .source-bread-crumb-container { margin-left: 20px; margin-right: 6px; } .version-control-item-left-pane .source-bread-crumb-container .hub-pivot { position: relative; left: 0; border: 0; } .version-control-item-left-pane .source-bread-crumb-container .hub-pivot > .filters { position: absolute; width: 25px; right: 0; top: 0; } .version-control-item-left-pane .source-bread-crumb-container .hub-pivot > .filters > .pivot-filter { line-height: inherit; margin-right: 20px; } .version-control-item-left-pane .source-bread-crumb-container .views { position: relative; width: 100%; border: 0; margin-left: 12px; text-transform: capitalize; } .version-control-item-left-pane .source-bread-crumb-container .views a.source-item-title { outline: none; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 14px; font-weight: bold; margin-right: 24px; } .version-control-item-left-pane .source-bread-crumb-container .views a.source-item-title:hover { text-decoration: underline; } .version-control-item-left-pane .source-bread-crumb-container .hub-pivot-content { position: initial; } .source-goto-action-container { padding: 0 0 10px 0px; } .source-goto-action { white-space: nowrap; } .source-goto-action-container button { padding: 0 6px; margin: 0 6px 0 4px; height: 21px; } .source-goto-action-container input { margin: 0; height: 21px; width: 150px; border: 1px solid #dddddd; } .goto-source-item { cursor: pointer; margin: 2px 2px 0 0; } .pick-source-item { cursor: pointer; margin: 2px 2px 0 0; } /***** End Version Control Area******/ /****** Begin Build Area*****/ .build-list-view .right-hub-content .hub-pivot { min-width: 800px; } .build-pane-filter { display: none; } .build-view { z-index: 1; } .build-view .hub-title .icon { margin-left: 10px; margin-right: 10px; } .build-view-right-pane { position: absolute; top: 35px; bottom: 0; left: 0; right: 0; } .build-view-right-pane .grid-header-column .icon { margin: 4px 0 0 4px; } .build-view-right-pane > .completed-build-list, .build-view-right-pane > .deployed-build-list, .build-view-right-pane > .queued-build-list { display: none; height: 100%; } .deployed-build-list .empty-deployed-builds { margin: 10px; color: #808080; } .deployed-build-list .grid-row { height: 84px; padding: 10px; } .deployed-build-list .grid-row .requested-by-image { border: 1px solid #cccccc; float: left; margin-right: 10px; height: 60px; width: 60px; } .deployed-build-list .grid-row img { height: 100%; width: 100%; } .deployed-build-list .grid-row .identity-picture { border: 0; } .deployed-build-list .build-name { font-size: 14px; font-weight: bold; } .deployed-build-list .changeset-name, .deployed-build-list .build-description { font-size: 14px; color: #808080; } .deployed-build-list .build-description { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-right: 28px; margin-bottom: 4px; } .deployed-build-list .changeset-name { display: inline; text-transform: lowercase; margin-left: 4px; } .deployed-build-list .build-status-text { color: #808080; display: inline-block; vertical-align: middle; padding: 6px 4px 4px 0; } .deployed-build-list .successful-build-icon, .deployed-build-list .failed-build-icon, .deployed-build-list .partially-successful-build-icon { height: 16px; width: 16px; position: absolute; top: 60px; left: 60px; margin-top: -3px; margin-left: -3px; } .deployed-build-list .successful-build-icon { background-image: url(/Content/iBoris/site/buildstatus-succeeded-16px.png); } .deployed-build-list .failed-build-icon { background-image: url(/Content/iBoris/site/buildstatus-failed-16px.png); } .deployed-build-list .partially-successful-build-icon { background-image: url(/Content/iBoris/site/buildstatus-partiallysucceeded-16px.png); } .deployed-build-list .delete-build-action { position: absolute; right: 10px; top: 10px; height: 18px; width: 18px; } .deployed-build-list .delete-build-action img { height: 100%; width: 100%; border: 0; } .deployed-build-list .retain-build-action { position: absolute; right: 10px; bottom: 10px; height: 24px; background-repeat: no-repeat; } .deployed-build-list .retain-build-action.locked { background-image: url(/Content/iBoris/site/buildretention-keep-24px.png); background-position: -3px; width: 18px; } .deployed-build-list .retain-build-action.locked:hover { background-image: url(/Content/iBoris/site/buildretention-normal-hover-24px.png); background-position: 0; width: 24px; } .deployed-build-list .retain-build-action.unlocked { background-image: url(/Content/iBoris/site/buildretention-normal-24px.png); background-position: 0; width: 24px; } .deployed-build-list .retain-build-action.unlocked:hover { background-image: url(/Content/iBoris/site/buildretention-keep-hover-24px.png); background-position: -3px; width: 18px; } .deployed-build-list .deployed-build-toolbar { display: inline-block; } .deployed-build-list .delete-build-action, .deployed-build-list .retain-build-action, .deployed-build-list .deployed-build-toolbar { filter: alpha(opacity=0); opacity: 0; transition: opacity .1s linear; -moz-transition: opacity .1s linear; -webkit-transition: opacity .1s linear; } .deployed-build-list .grid-row:hover .delete-build-action, .deployed-build-list .grid-row-current .delete-build-action, .deployed-build-list .grid-row:hover .retain-build-action, .deployed-build-list .grid-row-current .retain-build-action, .deployed-build-list .grid-row:hover .deployed-build-toolbar, .deployed-build-list .grid-row-current .deployed-build-toolbar { filter: alpha(opacity=100); opacity: 1; } .build-view-right-pane .status-indicator { margin: 5px 5px 0 5px; } .build-view-right-pane .status-indicator.inline { display: block; } .build-view-right-pane .request { color: #6D6D6D; } .build-list-histogram { position: absolute !important; top: 10px; right: 10px; width: 140px; height: 45px; z-index: 2; } .build-list-icon { padding: 1px !important; text-indent: 0; } .build-detail-view { } .build-detail-view .status.icon { margin-right: 10px; } .build-detail-view table { width: 100%; } .build-detail-view .header { position: absolute; left: 0; top: -1px; right: 0; height: 60px; background-color: #f3f3f3; border-bottom: 1px solid #ddd; box-shadow: 0px 1px 2px rgba(160,160,160,0.2); } .build-detail-view .header table { margin-top: 5px; } .build-detail-view .overview { font-size: 16px; } .build-detail-view .overview .reason, .build-detail-view .overview .duration { white-space: nowrap; } .build-detail-view .content { position: absolute; left: 26px; top: 70px; right: 0; bottom: 0; overflow: auto; } .build-detail-view .content .summary-section { display: none; margin-bottom: 20px; } .build-detail-view .content .summary-header { font-size: 18px; color: #4d6082; border-bottom: 1px solid #f2f2f2; margin: 5px 0 10px 0; } .build-detail-view .header .bld-histogram { width: 1%; } .build-detail-view .header .info { } .build-detail-view .header .reason { } .build-detail-view .header .duration { color: #6D6D6D; } .build-detail-view pre { margin: 0; font-family: Segoe UI, Tahoma, Arial, Verdana; white-space: pre-wrap; } .build-detail-view .log .info { margin: 2px; word-wrap: break-word; word-break: break-all; } .build-detail-view .log .property { margin: 2px; color: #6D6D6D; } .build-detail-view .log .property-value { margin: 2px; color: #6D6D6D; } .build-detail-view .summary .sub-header { font-size: 14px; font-weight: bold; margin: 5px 5px 5px 20px; } .build-detail-view .summary .sub-content { margin: 1px 2px 1px 30px; } .build-detail-view .summary .warning { border: 1px solid #cccccc; padding: 5px; margin: 5px; background-color: #f2f2f2; } .build-detail-view .summary .message { margin: 1px 2px 1px 20px; } .build-detail-view .summary .collapsible { margin: 1px 2px 1px 6px; } .build-detail-view .summary .disabled-link { color: #6D6D6D; } .build-detail-view .associated-cs .changeset { margin-bottom: 10px; } .build-detail-view .associated-cs .comment { margin: 5px 0 0 0; color: #6D6D6D; font-family: Segoe UI, Tahoma, Arial, Verdana; } .build-detail-view .associated-cs .title { margin: 0 0 0 5px; } .build-detail-view .associated-wi .workitem { margin-bottom: 10px; } .build-detail-view .associated-wi .summary { margin: 5px 0 0 0; color: #6D6D6D; } .build-detail-view .associated-wi .title { margin: 0 0 0 5px; } .build-definition-explorer { min-width: 220px; } .build-definition-explorer > .left-toolbar { margin-left: 1.3em; } .build-definition-explorer .build-container-node > .node-link > .node-content { color: #000000; font-weight: bold; } .build-definition-explorer .build-favorite-empty-node .node-content { height: 100% !important; } .build-definition-explorer .build-favorite-empty-node > .node-link { font-style: italic; color: #6D6D6D; text-decoration: none; cursor: default; } .build-definition-explorer .build-favorite-node .node-content { height: auto !important; } .build-definition-explorer .build-favorite-node .definition-name { overflow: hidden; text-overflow: ellipsis; } .build-definition-explorer .build-favorite-node .ago { font-style: italic; color: #6D6D6D; overflow: hidden; text-overflow: ellipsis; margin-right: 55px; /* 55 is the width of build histogram */ } .build-definition-explorer .build-favorite-node .histogram { position: absolute; width: 60px; right: 5px; bottom: 5px; } .build-definition-explorer .build-definition-node .fav-icon { position: absolute; top: 4px; right: 2px; width: 16px !important; height: 16px !important; cursor: pointer; } .build-definition-explorer > .build-definition-list-container { position: absolute; top: 6em; bottom: 0; left: 0; right: 0; overflow: hidden; } .build-definition-explorer > .build-definition-list-container:hover { overflow: auto; } .build-definition-explorer .build-definition-list .icon { margin-right: 4px !important; } .queue-build { } .queue-build input[type='text'] { width: 100%; border: 1px solid #cccccc; } .queue-build table { width: 100%; } .queue-build select { width: 100%; border: 1px solid #cccccc; } .queue-build .shelveset-picker-container { display: none; vertical-align: bottom; } .queue-build .check-in-container { display: none; } .queue-build label.check-in { display: inline; } .build-quality-view { width: 100%; } .build-quality-button { vertical-align: top; width: 1%; } .build-quality-button button { height: 22px; margin: 2px 0 0 2px; } .build-quality-view input { margin: 0; padding: 1px; border: 1px solid #cccccc; width: 100%; height: 1.7em; } .build-qualities-list { height: 250px; overflow: auto; } .build-qualities-list select { border: 1px solid #cccccc; width: 100%; height: 100%; } .build-histogram > .bar.default { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -247px -142px !important; } .build-histogram > .bar.succeeded { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -127px -142px !important; } .build-histogram > .bar.succeeded.hover { cursor: pointer; background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -7px -142px !important; } .build-histogram > .bar.succeeded.selected { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -7px -142px !important; } .build-histogram > .bar.failed { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -157px -142px !important; } .build-histogram > .bar.failed.hover { cursor: pointer; background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -37px -142px !important; } .build-histogram > .bar.failed.selected { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -37px -142px !important; } .build-histogram > .bar.partiallysucceeded { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -187px -142px !important; } .build-histogram > .bar.partiallysucceeded.hover { cursor: pointer; background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -67px -142px !important; } .build-histogram > .bar.partiallysucceeded.selected { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -67px -142px !important; } .build-histogram > .bar.inprogress { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -217px -142px !important; } .build-histogram > .bar.inprogress.selected { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -97px -142px !important; } .build-histogram > .bar.stopped { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -217px -142px !important; } .build-histogram > .bar.stopped.selected { background: url(/Content/iBoris/site/build-histogram-bars.png) no-repeat -97px -142px !important; } .build-definition-tile { background-color: #595959; } .build-definition-tile .build-histogram { position: absolute; top: 25px; right: 10px; } .build-definition-tile .icon { width: 32px; height: 32px; margin-top: 10px; } .build-definition-tile .icon.Succeeded { background: url(/Content/iBoris/site/build-tile-icons.png) no-repeat -8px -8px !important; } .build-definition-tile .icon.PartiallySucceeded { background: url(/Content/iBoris/site/build-tile-icons.png) no-repeat -104px -8px !important; } .build-definition-tile .icon.Failed { background: url(/Content/iBoris/site/build-tile-icons.png) no-repeat -56px -8px !important; } /***** End Build Area******/ /****** Begin Alerts Area*****/ /****** Begin Alerts Controls Area*****/ .alertInfoBar-container { display: inline-block; } .alertInfoBar-filler { display: inline-block; height: 20px; } .alertInfoBar-invalidMailSettings { display: inline-block; margin-right: 4px; padding-left: 4px; padding-right: 4px; background-color: #ffc; border: 1px solid #e6e6e6; } .alertInfoBar-invalidMailSettingsIcon { margin-top: 4px; height: 16px; width: 16px; display: inline-block; overflow: hidden; } .alertInfoBar-invalidMailSettingsMsg { margin-left: 4px; margin-top: 4px; margin-bottom: 4px; display: inline-block; } .alertInfoBar-statusMessage { margin-top: 4px; display: inline-block; } .alerts-editor { height: 100%; display: block; margin-left: 26px; } .alert-editor-host .alert-editor-container { position: absolute; top: 1.5em; bottom: 5em; left: 0.5em; right: 0.5em; } .alerts-editor fieldset { position: absolute; top: 6.5em; left: 1em; right: 1em; bottom: 1em; height: auto; } .alerts-editor fieldset > legend { font-weight: normal; color: #6D6D6D; } .alert-filter { height: 100%; overflow-y: auto; } .alert-editor-properties { position: absolute; left: 1em; right: 1em; top: 0.5em; height: 6em; } .alert-editor-properties .name-label { position: absolute; left: 0em; top: 0.5em; width: 5em; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .alert-editor-properties .name-combo { position: absolute; left: 5em; top: 0.5em; right: 29em; width: auto !important; } .alert-editor-properties .format-label { position: absolute; right: 20em; top: 2.8em; width: 7em; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .alert-editor-properties .format-combo { position: absolute; right: 0em; top: 2.8em; width: 20em; } .alert-editor-properties .address-label { position: absolute; left: 0em; top: 2.8em; width: 5em; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .alert-editor-properties .address-combo { position: absolute; left: 5em; top: 2.8em; right: 32.5em; width: auto !important; } .alert-editor-properties .edit-address-link { position: absolute; top: 2.8em; right: 29em; width: 3em; margin-top: 6px; } .alert-editor-properties .subscriber-label { position: absolute; right: 20em; top: 0.5em; width: 7em; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .alert-editor-properties .subscriber-combo { position: absolute; right: 0em; top: 0.5em; width: 20em; } .alerts-editor .validation-summary { position: absolute; left: 8em; right: 1em; top: 5.5em; width: auto !important; } .dirty-alert-row { font-weight: bold; } .invalid-alert-row { color: #c00; /* #e6b9b9; */ } .alerts-grid { left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; height: auto; width: auto; } .alerts-basic-alert { white-space: nowrap; padding-left: 4px; padding-bottom: 6px; } .alerts-basic-alert input { margin-right: 4px; } .alerts-basic-alert label { display: inline-block; color: #000000; } ul.quickAlertsList { padding-left: 1.5em; padding-right: 1em; list-style-type: circle; } .quickAlertsList li { padding-bottom: 0.5em; } /***** End Alerts Controls Area******/ .advanced-alerts-view .hub-splitter.splitter.horizontal > .leftPane { width: 290px; } .advanced-alerts-view .hub-splitter.splitter.horizontal > .rightPane { left: 290px; } .advanced-alerts-view .hub-splitter.splitter.horizontal > .handleBar { left: 290px; } .advanced-alerts-view .left-hub-content { overflow: auto; } .advanced-alerts-view .alerts-tree { margin-top: 1em; } .advanced-alerts-view .alerts-grid { top: 70px; border-top: 0 !important; border-bottom: 0 !important; } .alerts-grid-pane .menu-bar { background-color: #f3f3f3; border-bottom: 1px solid #ddd; box-shadow: 0px 1px 2px rgba(160,160,160,0.2); height: 35px; padding-left: 10px; padding-top: 4px; } .alerts-quick-alerts { margin-top: 1em; } .advanced-alerts-view .identity-input { width: 235px !important; } .alerts-leftpane-header { height: 22px; background-color: #e6e6e6; padding: 3px; font-weight: bold; text-transform: uppercase; font-size: 11px; } .alerts-manage-splitter .leftPane { height: 350px; } .alerts-manage-splitter .rightPane { top: 355px; } .advanced-alerts-view .alertInfoBar { font-family: Segoe UI Light, Tahoma, Arial, Verdana; font-size: 14px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 32px; padding: 2px 2px 2px 15px; overflow: hidden; margin-right: 22px; border: 1px transparent; border-top: 1px solid #ddd; position: relative; text-overflow: ellipsis; white-space: nowrap; background-color: #f3f3f3; } .advanced-alerts-view .hub-no-content-gutter { padding-left: 16px; } .alerts-admin-actions label { margin-bottom: 4px; display: block; } .edit-email-dialog-contents { position: absolute; left: 0.7em; right: 1em; top: 3em; bottom: 9.5em; } .edit-email-dialog-contents .textAreaContainer { position: absolute; left: 0em; right: 0em; top: 2em; bottom: 0em; } .edit-email-dialog-contents.radioMode .textAreaContainer { top: 4.5em !important; left: 0.5em; } .edit-email-dialog-contents textarea { height: 100%; width: 100%; } .edit-email-dialog-contents.radioMode label { display: inline-block; color: #000000; margin-top: 6px; vertical-align: middle; } .edit-email-dialog-contents.radioMode input { vertical-align: middle; margin-top: 6px; } .edit-email-dialog-host .emailFormatInfo { position: absolute; bottom: 4.5em; left: 1em; right: 1em; height: 4.5em; } .edit-email-dialog-host .singleEmailFormatInfo { font-style: italic; margin-top: 8px; } .manage-alerts-view fieldset { border: 1px solid #6D6D6D; padding: 4px; } .manage-alerts-view legend > span { margin-top: 4px; display: inline-block; } .alerts-management-my-address { top: 1em; left: 12px; right: 12px; position: absolute; height: 4em; width: auto; } .manage-alerts-dialog-host .alerts-management-my-address { top: 2.5em !important; } .alerts-management-my-address-text { left: 8px; right: 4px; margin-top: 0.3em; position: absolute; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .alerts-management-advanced-link { color: #6D6D6D; top: 5.5em; left: 1.2em; right: 1.5em; position: absolute; height: auto; width: auto; } .manage-alerts-dialog-host .alerts-management-advanced-link { top: 7em !important; } .alerts-management-advanced-link .disabled-link { color: #6D6D6D; } .alerts-management-tabsHost { top: 9em; bottom: 0em; left: 8px; right: 8px; position: absolute; height: auto; width: auto; } .manage-alerts-dialog-host .alerts-management-tabsHost { top: 10em !important; bottom: 4.5em !important; } .alerts-management-tab { height: 90%; } .manage-alerts-page-content .manage-alerts-view .splitter.horizontal > .leftPane { width: 300px; } .manage-alerts-page-content .manage-alerts-view .splitter.horizontal > .rightPane { left: 300px; } .manage-alerts-page-content .manage-alerts-view .splitter.horizontal > .handleBar { left: 300px; } .manage-alerts-dialog-host .splitter.horizontal > .leftPane { width: 215px; } .manage-alerts-dialog-host .splitter.horizontal > .rightPane { left: 215px; } .manage-alerts-dialog-host .splitter.horizontal > .handleBar { left: 215px; } .alerts-custom-splitter fieldset { left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; height: auto; width: auto; } .manage-alerts-view .alerts-grid { top: 2.0em !important; } .manage-alerts-view .quickAlerts-fieldset { overflow-y: auto; } /***** End Alerts Area******/ /****** Begin Admin Area*****/ a.admin-disabled-link { color: #808080; } a.admin-disabled-link:hover { color: #808080; text-decoration: none; } #identityInfo { line-height: 18px; height: 100%; width: 100%; } .account-section-control { clear: both; padding-bottom: 30px; } .account-section-control .secondary-guidance { margin-left: 0; } .account-section-control .header span, .groups-section-header .main-header { font-weight: bold; text-transform: uppercase; } .group-info-errors { margin-top: 10px; } .group-info-error-message { color: #C00000; } .group-info-input { border: 0; margin: 0; padding: 0; outline: none; width: 100%; background-color: transparent; overflow: hidden; resize: none; } .group-info-buttons { margin-top: 10px; } .inline-input-wrapper { border: 1px solid transparent; padding: 4px; margin-left: -5px; } .inline-input-wrapper:hover, .inline-input-wrapper.focused { border-color: #6D6D6D; } .inline-input-wrapper.invalid { border-color: #C00000; } .groups-section-header { margin-bottom: 10px; } .manage-group-image { display: inline-block; margin-right: 20px; vertical-align: top; } .manage-group-image img { display: block; margin-bottom: 10px; } .manage-group-data { display: inline-block; } .group-actions { display: inline-block; margin-left: 20px; border-left: solid 1px; padding-left: 5px; font-size: 12px; font-family: Segoe UI, Tahoma, Arial, Verdana; vertical-align: text-bottom; } .group-actions:hover { cursor: pointer; } .add-account-users td:first-child { white-space: nowrap; } .add-account-users .header span { font-weight: bold; text-transform: uppercase; } /* ACCOUNT USERS AND SECURITY */ .identity-list-section { height: 100%; } .identity-list-section .toolbar { padding-left: 0; } .manage-identities-view .identity-list-section { margin-left: 10px; } .security-view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .main-container .security-view { margin-left: 10px; } .security-view .leftPane .hub-pivot-content { top: 0; } .security-view .rightPane .hub-pivot { padding-left: 20px; } .security-view .hub-splitter.splitter.horizontal > .leftPane, .manage-identities-view .hub-splitter.splitter.horizontal > .leftPane { width: 350px; } .security-view .hub-splitter.splitter.horizontal > .rightPane, .manage-identities-view .hub-splitter.splitter.horizontal > .rightPane { left: 350px; } .security-view .hub-splitter.splitter.horizontal > .handleBar, .manage-identities-view .hub-splitter.splitter.horizontal > .handleBar { left: 350px; } .manage-identities-view.hub-view.explorer .right-hub-content { top: 70px; } .manage-identities-view.hub-view.explorer .hub-progress { top: 60px; right: 100px; } .manage-identities-view .hub-content { top: 15px; } .manage-identities-view .left-hub-content { top: 0px; right: 0; } .manage-identities-view .left-hub-content .hub-pivot { top: 5px; } .manage-identities-view .hub-pivot-content { top: 39px; } .manage-identities-view.team-view .hub-pivot-content { top: 0; } .manage-identities-view .left-hub-content .hub-pivot-content { left: 0; } .manage-identities-view .right-hub-content .hub-pivot-content { top: 34px; } .manage-identities-view .identity-search-control { background-color: #fff; } .manage-identities-view .hub-title { height: 100px; } .manage-identities-view .hub-title .label { position: absolute; top: 0; left: 10px; right: 110px; bottom: 0; font-size: 24px; font-family: Segoe UI Light, Tahoma, Arial, Verdana; white-space: nowrap; overflow: hidden; padding-top: 20px; } .manage-identities-view .hub-title .label .title-text { display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .manage-identities-view .hub-title .image { position: absolute; top: 10px; right: 10px; } .security-view .leftPane .hub-pivot { left: 0; } .main-identity-grid.grid { border: 0px; } .empty-cell { font-style: italic; color: #6D6D6D; } .membership-control-header .message-area-control { max-width: 500px; margin-bottom: 6px; } .identity-details-section { height: 100%; position: relative; width: 100%; } .identity-details-section .membership-control-header { padding-top: 6px; padding-left: 10px; background: #f3f3f3; background: linear-gradient(top, #fcfcfc, #f3f3f3); background: -ms-linear-gradient(top, #fcfcfc, #f3f3f3); background: -webkit-linear-gradient(top, #fcfcfc, #f3f3f3); background: -moz-linear-gradient(top, #fcfcfc, #f3f3f3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f3f3'); } .identity-details-section .manage-membership-grid { border: 0; } .identity-details-section .manage-membership-grid .grid-header { background-color: #f3f3f3; border-bottom: 1px solid #ddd; box-shadow: 0px 1px 2px rgba(160,160,160,0.2); } .identity-details-section .manage-membership-grid .grid-header-canvas { padding-left: 10px !important; } .identity-details-section .manage-membership-grid .grid-canvas { margin-left: 10px; } .dialog-errors { margin: 0; padding: 0; list-style-type: none; } .dialog-errors li { padding-bottom: 5px; } .dialog-errors li:last-child { padding-bottom: 0; } .membership-control-actions { display: inline-block; vertical-align: top; height: 32px; margin-right: 1px; } .manage-membership-notifications { padding: 2px; } .manage-membership-action-cell { visibility: hidden; } .grid-row-current .manage-membership-action-cell { visibility: visible; } .grid-row:hover .manage-membership-action-cell { visibility: visible; } .removed-identity { color: #808080; } .removed-identity.grid-row-selected { color: #6D6D6D; } .removed-identity.grid-row-selected .manage-membership-action-cell { color: #fcfcfc; } .add-identity-dialog .main-description { background-color: #e6e6e6; font-weight: bold; padding: 4px; text-transform: uppercase; } .add-identity-dialog .table-section-text { color: #808080; white-space: nowrap; line-height: 24px; } .add-identity-dialog .table-section { float: left; margin-left: 10px; } .add-identity-dialog .main-table td { min-height: 20px; vertical-align: top; } .add-identity-dialog .main-table td:first-child { padding-right: 16px; } .add-identity-dialog .section { clear: both; padding-top: 10px; } .add-identity-dialog .header { font-size: 16px; line-height: 20px; margin: 0; } .add-identity-dialog .description { color: #808080; margin: 0 0 15px 0; line-height: 20px; } .add-identity-dialog .browse-context { height: 100%; } .permission-changed-background { font-weight: bold; } ul.error-list { list-style-type: square; padding: 5px 10px; margin: 5px 10px; } ul.error-list li { background-color: #e6b9b9; color: #000000; } .permission-warning { background-color: #ffffcc; } .identity-grid-search { width: 260px; display: inline-block; } input.submit-button { margin-right: 10px; text-transform: lowercase; border: 1px solid #e6e6e6; background-color: #fcfcfc; font-size: 12px; padding: 4px 12px; text-align: center; cursor: pointer; border-radius: 3px; } input.submit-button:hover { background-color: #cccccc; color: #000000; } /* ACE/Permissions Control */ .ace-control { white-space: nowrap; } .ace-control table td { padding: 4px 0px; } .ace-control table td.permissionNameColumn { padding-right: 15px; } .ace-control table td.permissionValueColumn { text-align: center; width: 60px; cursor: pointer; } .ace-control table td.traceColumn { padding-right: 10px; } .ace-control table td.hide { visibility: hidden; } .ace-control table tr.style_ShadeBackground { background-color: #e6e6e6; } /* accountSection Actions Control */ .account-section-actions { clear: both; padding-top: 8px; padding-bottom: 8px; } .account-section-actions ul { margin: 0; padding: 0; list-style-type: none; } .account-section-actions ul li { display: inline; padding: 0 6px 0 6px; border-left: 1px solid #808080; } .account-section-actions ul li:first-child { border: none; padding-left: 0px; } /* Used for general exceptions where we don't know what the error text will be, and the error text may not be actionable or easy to understand. Examples: "Timeout connecting to server", "Object reference not set to an instance of an object.", "Your network connection is unavailable. Please reconnect and try again.", "Ajax request failed with status: Forbidden." (if server returns a HttpStatusCode.Forbidden), */ .admin-exception-message { font-family: monospace; } /* ACE/Permissions Control */ .owner-identity-control-wrapper { padding-bottom: 8px; position: relative; z-index: 1000; } .owner-identity-control-wrapper .control-label { display: table-cell; vertical-align: top; padding-top: 4px; padding-right: 10px; font-weight: bold; } .owner-identity-control-wrapper .owner-identity-control { display: table-cell; } .owner-identity-control-wrapper .identity-input-error { clear: none; padding-left: 10px; padding-top: 4px; display: inline-block; } .owner-identity-control .status-section { position: absolute; right: -16px; top: 4px; } .permission-header { white-space: nowrap; } .permission-header .header { font-weight: bold; text-transform: uppercase; } .permission-actions { padding-top: 10px; padding-bottom: 10px; } .permission-actions .btn-close { display: none; } .no-chrome .permission-actions { text-align: right; } .no-chrome .permission-actions .btn-close { display: block; } .permission-info { height: 100%; margin-left: 20px; } .permission-info .description { white-space: pre-wrap; padding-top: 10px; } .no-permission-info { height: 100%; width: 100%; } .no-permission-info td { vertical-align: bottom; text-align: right; padding: 0px; } .permission-content { padding-top: 10px; } .ace-control table td { padding: 4px 0px; } .ace-control table td.permission-name-column { padding-right: 15px; color: #808080; } .ace-control table td.permission-value-column { cursor: pointer; padding: 0 5px; border-style: solid; border-width: 1px; border-color: transparent; min-width: 110px; text-transform: lowercase; } .ace-control table td.permission-value-column.hovered { border-color: #2470e3; } .ace-control table td.permission-data { width: 0; } .ace-control table tr.permission-not-editable .permission-value-column { color: #6D6D6D; text-transform: lowercase; cursor: auto; } .ace-control table .trace-permission-column { padding-left: 10px; } .ace-control table td.traceColumn { padding-right: 10px; } .ace-control .permissions-table tr:hover { background-color: transparent; } .ace-control .permissions-table { border-collapse: separate; } .permissions-inherit-deny { color: #D56B01; } /* TRACE PERMISSIONS */ .trace-permission-page .info-section { margin-bottom: 20px; } .trace-permission-page .info-section .header { color: #4d6082; font-size: 36px; font-family: Segoe UI Light, Tahoma, Arial, Verdana; } .trace-permission-page .info-section .description { font-weight: bold; text-transform: uppercase; margin-bottom: 10px; background-color: #e6e6e6; color: #000000; padding: 4px 4px 4px; } .trace-permission-page .info-section .key { color: #808080; padding-right: 10px; } .trace-permission-page .info-section .effective-value { text-transform: capitalize; } .trace-permission-page .info-section table, .trace-permission-page .info-section .form-inline { margin-left: 4px; } .trace-permission-page .groups-section .secondary-guidance { margin-bottom: 15px; } .trace-permission-page .groups-section .key { background-image: url(/Content/iBoris/site/BreadCrumb.png); background-position: 0 2px; background-repeat: no-repeat; padding-left: 15px; padding-right: 35px; } .trace-permission-page .groups-section .key-subtitle { padding-left: 15px; } .trace-permission-page .groups-section .value { padding-left: 15px; } .trace-permission-page .groups-section .value.permission { text-transform: lowercase; } .trace-permission-page .groups-section .current { color: #a5b6ed; } .trace-permission-page td { padding-bottom: 8px; } .trace-permission-page table { clear: both; } .trace-permission-page .account-section-control { padding-left: 4px; } .trace-permission-error { color: #C00000; margin-left: 10px; } .permission-button { display: inline-block; margin-right: 5px; } .permission-link-buttons { margin-top: 20px; } /* GETTING STARTED PAGES */ .creating-collection-text { margin-bottom: 10px; } /* PROPERTIES CONTROL */ .properties-list tr td:first-child { font-weight: bold; padding-right: 20px; } .admin-dialog .create-team-area-label { display: inline; } .team-error { color: #C00000; } /* ==============================================================*/ /* Styles specific to Create/Edit/Delete/Security Area/Iteration dialogs /* ==============================================================*/ .row-drag-tile { height: 48px; width: 76px; padding: 3px; position: absolute; font-size: 7pt; cursor: default; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; background-color: #C6DBF7; } .admin-area-iteration-grid-row-drop-active { background-color: #ffc; } .request-user-info-control > div:first-child { white-space: nowrap; width: auto; padding-top: 0px; } .request-user-info-control > div { width: 400px; padding: 5px 10px 5px 0px; } .areas-iterations-edit-control td:first-child { white-space: nowrap; width: auto; padding-top: 0px; } .areas-iterations-edit-control td { width: 400px; padding: 5px 10px 5px 0px; } /* ==============================================================*/ .admin-area-iterations .grid-gutter-icon.icon-edit-next { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1024px 50% !important; } .admin-area-iterations .grid-gutter-icon.icon-edit-prev { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1072px 50% !important; } .admin-area-iterations .grid-gutter-icon.icon-delete { background: url(/Content/iBoris/site/common-icons.png) no-repeat -256px 50% !important; } .admin-area-iterations .grid-gutter-icon.icon-edit-window { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -1120px 50% !important; } .admin-area-iterations .grid-gutter-icon.icon-new-document { background: url(/Content/iBoris/site/misc-icons.png) no-repeat -2128px 50% !important; } .admin-iterations-container { margin-bottom: 10px; margin-right: 10px; width: 350px; } /* This is the class applied to the filter that we render ourselves on the Areas/Iterations dialog */ .admin-iterations-filter { float: right; font-size: 12px; text-transform: lowercase; display: inline-block; } .delete-iterations-field-label { margin-top: 40px; margin-bottom: 4px; } .extension-plugins > .toolbar { position: absolute; top: 0; height: 35px; left: 0; right: 0; padding-top: 4px; background: #f3f3f3; background: linear-gradient(top, #fcfcfc, #f3f3f3); background: -ms-linear-gradient(top, #fcfcfc, #f3f3f3); background: -webkit-linear-gradient(top, #fcfcfc, #f3f3f3); background: -moz-linear-gradient(top, #fcfcfc, #f3f3f3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f3f3'); border-bottom: 1px solid #ddd; box-shadow: 0px 1px 2px rgba(160,160,160,0.2); } .extension-plugins > .list { position: absolute; top: 46px; bottom: 0; left: 20px; right: 0; } .extension-plugins .extension-list { width: 100%; } .extension-plugins .extension-list .highlight { background-color: #c5d6f1; } .extension-plugins .extension-list .name { width: 40%; } .extension-plugins .extension-list .name > .plugin-name { font-weight: bold; } .extension-plugins .extension-list .name > .plugin-description { font-size: 14px; } .extension-plugins .extension-list .name > .plugin-more-info { font-size: 14px; } .extension-plugins .extension-list .vendor { width: 20%; } .extension-plugins .extension-list .install-date { width: 15%; } .extension-plugins .extension-list .actions { text-align: right; font-size: 12px; width: 25%; } .extension-plugins .extension-list .list-header { color: #6D6D6D; } .extension-plugins .extension-list .plugin-enabled { font-size: 16px; color: #000000; } .extension-plugins .extension-list .plugin-disabled { font-size: 16px; color: #6D6D6D; } .upload-plugin-dialog label { margin-top: 10px; } .upload-plugin-dialog .file { width: 100%; } .upload-plugin-dialog .progress { margin: 10px 0 10px 0; font-size: 16px; } .upload-plugin-dialog .progress > .text { margin-left: 5px; } /* ==============================================================*/ /*team iterations styles*/ /* ==============================================================*/ .toolbar.admin-areas-iterations { width: auto; padding-left: 0; } .admin-areas-iterations-header { padding-top: 10px; } .admin-area-iterations-link { visibility: hidden; } .grid-row:hover .admin-area-iterations-link { visibility: visible; } .grid-row-current .admin-area-iterations-link { visibility: visible; } .guidance-text { padding-top: 10px; padding-bottom: 10px; width: 470px; } .guidance-text.secondary-guidance { clear: both; margin-left: 7px; } .guidance-text.admin-areas-iterations { clear: both; padding: 0; padding-left: 8px; } .message-area.admin-areas-iterations { width: auto; margin: 0; margin-top: 5px; float: none; } .admin-areas-iterations-grid { clear: left; /* Message area uses left float so need to clear float */ height: 600px; /* This should always be changed by the javascript when the grid is rendered */ } .admin-areas-iterations-control { padding-left: 15px; } .admin-areas-iterations-permission-warning { display: none; background-color: #ffffcc; padding-left: 8px; } /* ==============================================================*/ /* styles for the Team Workitem */ /* ==============================================================*/ .team-field .field-value { width: 200px; } .team-field .label-cell { vertical-align: top; margin: 0; padding: 0; } .team-field .row-delete-cell { width: 22px; } .team-field .control-cell { padding: 4px 6px 0 0; } .team-field .row-delete { cursor: pointer; } .team-field .controls-layout { margin-bottom: 20px; border-spacing: 0px; border-collapse: collapse; border-width: 0; } .team-field .controls-container { padding-bottom: 4px; border-spacing: 0px; border-collapse: collapse; border-width: 0; } .team-field .field-name { font-weight: bold; } .field-config-controls .add-icon { margin: 0 4px 0 0; } /*** Feature Enablement Dialog ***/ .feature-enablement-dialog > .ui-dialog-content { padding: 20px 40px 20px 40px; } .feature-enablement-dialog td.incorrectly-configured-feature { color: #D56B01; } .feature-enablement-dialog table.featureList { margin-left: 1em; } .feature-enablement-dialog table.featureList td:first-child { padding-right: 3em; } .feature-enablement-dialog .templateName { font-weight: bold; } .deleted .feature-enablement-dialog div.issues { border: 1px solid #e6e6e6; height: 110px; max-height: 110px; overflow: auto; } .feature-enablement-dialog textarea { width: 100%; height: 110px; max-height: 110px; resize: none; } .feature-enablement-dialog p { margin-top: 1.75em; } .feature-enablement-info { background-color: #ffffcc; padding: 8px; } .form-key { color: #808080; white-space: nowrap; } .form-inline { display: table; } .form-inline .form-pair { display: table-row; } .form-inline .form-key { display: table-cell; vertical-align: top; padding: 6px 16px 6px 0; } .form-inline .form-value { display: table-cell; padding-top: 6px; } .form-inline .form-value.team-admins-list { vertical-align: top; padding-top: 3px; } .admin-overview .form-key { padding-top: 15px; } .admin-overview .form-value { padding-top: 5px; white-space: normal; } .control-panel-hub-view .hub-title { text-transform: none; } .control-panel-hub-view .control-panel-hub-header { padding: 15px; } .control-panel-hub-view .control-panel-hub-header .header { font-weight: bold; text-transform: uppercase; } .control-panel-container { height: 100%; } .control-panel-list-view { height: 100%; } .control-panel-list-view .sidebar-search { overflow: auto; } .control-panel-list-view .tree-view .folder > .node-link > .node-content { font-weight: normal; } .control-panel-list-view .tree-view > ul.tree-children li.selected > a > div.node-content { font-weight: bold; } .control-panel-list-view .empty-node > .node-link { font-style: italic; color: #6D6D6D; cursor: default; } .control-panel-view-right-pane { height: 100%; padding: 20px; } .control-panel-view-right-pane .browse-info { margin-bottom: 30px; } .browse-info .form-inline { font-size: 14px; } .browse-tasks-header { font-weight: bold; margin-bottom: 10px; } .browse-tasks { margin: 0; padding: 0; list-style-type: none; } .browse-tasks li { margin-bottom: 5px; } .account-section-control .identity-picture, .browse-info .identity-picture { margin-bottom: 15px; } .control-panel-search-wrapper .sidebar-search { padding-left: 1px; padding-bottom: 10px; } .Admin .header-section { } .Admin .header-handle { background-color: #000; } .Admin .header-search { display: none; } a.linkAction { text-transform: lowercase; } .ui-dialog .admin-dialog .main-container { margin: 10px; } .ui-dialog .admin-dialog .hub-content { top: 0; left: 0; } .ui-dialog .admin-dialog .content-section { top: 0; bottom: 0; } .ui-dialog .admin-dialog .splitter.horizontal > .rightPane { z-index: 0; } .user-profile-table { width: 100%; } .user-profile-table td { padding: 2px; } .user-profile-table td.min-column-width { white-space: nowrap; width: 1%; } .user-profile-table td:first-child { padding-right: 10px; } .user-profile-table .settings-combo { padding: 2px; } .user-profile-table .combo { height: 20px; } .user-profile-table .user-profile-hint { height: 20px; background-color: #e6e6e6; border: 1px solid #6D6D6D; visibility: hidden; padding: 3px; font-size: 10px; } .user-profile-table .active .combo, .user-profile-table .hover .combo { border-color: #2470e3; } .user-profile-table .active .user-profile-hint, .user-profile-table .hover .user-profile-hint { visibility: visible; } .properties-section { margin-top: 6px; } .properties-section li { padding: 3px 0px; } .properties-section table td { padding: 3px 0px; } .properties-section table td:first-child { white-space: nowrap; padding-right: 16px; color: #808080; } .custom-text-actions { display: inline-block; } .custom-text-actions a { padding: 0 5px; } .custom-text-input { border: 1px solid #e6e6e6; margin-left: -2px; } .custom-text-input:focus { outline: none; } .identity-header { overflow: auto; line-height: 20px; padding-bottom: 10px; } .identity-header .identity-picture { height: 64px; width: 64px; margin-right: 10px; float: left; } .identity-header-name { margin: 5px 0; font-size: 18px; font-weight: bold; } .properties-section table .custom-text-input-cell { padding: 0; } .user-profile-header { font-weight: bold; margin: 10px 2px 4px 0; text-transform: uppercase; } .user-profile-properties tr { height: 26px; } .dialog-header { color: #2470e3; font-family: Segoe UI Light, Tahoma, Arial, Verdana; font-size: 24px; font-weight: normal; padding-bottom: 5px; text-overflow: ellipsis; text-transform: capitalize; overflow: hidden; display: block; white-space: nowrap; } .ui-tabs .manage-group-tabs { font-size: 24px; background-color: transparent; text-transform: lowercase; font-family: Segoe UI Light, Tahoma, Arial, Verdana; margin-bottom: 20px; } .ui-tabs .manage-group-tabs li.ui-tabs-selected { font-weight: normal; } .ui-tabs .manage-group-tabs li.ui-tabs-selected a { color: #C00000; } .admin-dialog .manage-group-label { color: #6D6D6D; margin-top: 0; } .team-members-container { height: 100%; width: 100%; } .admin-header { margin-bottom: 10px; } .admin-header a { margin-left: 15px; } .team-warning-section .header { margin-bottom: 10px; } .team-warning-section .content { background-color: #ffffcc; border: 1px solid #D56B01; padding: 0px 5px 5px 5px; } .team-warning-section li { margin-top: 5px; } .message-area-control { position: relative; width: 100%; padding: 5px; word-wrap: break-word; white-space: pre-wrap; } .message-area-control .clickable { text-decoration: underline; cursor: pointer; } .message-area-control.error-message { background-color: #e6b9b9; border: 1px solid #C00000; } .message-area-control.warning-message { background-color: #ffffcc; border: 1px solid #D56B01; } .message-area-control.info-message { background-color: #dce6f4; border: 1px solid #2470e3; } .message-area-control.closeable .message-header { margin-right: 16px; } .message-area-control .show-details-action { margin-left: 8px; padding-left: 8px; text-decoration: underline; border-left: 1px solid #2470e3; } .message-area-control a { color: #1616EF; } .message-area-control.error-message .show-details-action, .message-area-control.warning-message .show-details-action { border-left: 1px solid #C00000; } .message-area-control .close-action { cursor: pointer; position: absolute; right: 0; top: 0; display: none; } .message-area-control.closeable .close-action { display: block; } .message-area-control .error-content { padding-top: 10px; } .getting-started-header { font-family: Segoe UI Light, Tahoma, Arial, Verdana; font-weight: normal; font-size: 24px; color: #2470e3; text-transform: lowercase; margin-top: 0px; margin-bottom: 10px; } .getting-started-lighttext { color: #6D6D6D; } .getting-started-tinytext { font-size: 10px; } .getting-started { margin-top: 40px; } .getting-started table { margin-left: 20px; } .getting-started td:first-child { padding-right: 20px; width: 560px; } .getting-started td { vertical-align: top; } .getting-started-vertical-small { margin-top: 10px; margin-bottom: 10px; } .social-invitation-code span.getting-started-lighttext { margin-left: 4px; } .getting-started-description { max-width: 1280px; margin-bottom: 10px; } .getting-started-links li { padding-bottom: 5px; } .invitation-code-header { color: #2470e3; } .invitation-code-name { font-weight: bold; } .invitation-code-uses { color: #808080; } .progress-container { border: 1px solid #e6e6e6; width: auto; height: 15px; margin-top: 5px; } .progress-container div.completed { height: 13px; float: left; background-color: #a5b6ed; } .progress-container div.remaining { height: 13px; float: left; } #members-list .resolved-member { display: inline-block; padding: 1px 2px; margin: 2px 3px 2px 0; border: 1px solid #e6e6e6; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } #members-list .resolved-member:hover { border: 1px solid #cccccc; } #members-list #remove-action { display: inline-block; vertical-align: top; cursor: pointer; } .owner-identity-control #members-list .resolved-member { padding: 0px; margin: 0px; border: none; } .owner-identity-control span.resolved-member-name { line-height: 24px; } .identity-picker-main { min-height: 24px; position: relative; } .identity-input-wrapper { display: inline-block; padding-right: 10px; vertical-align: top; } .identity-input { width: 360px; border: 1px solid #cccccc; padding: 3px; } .identity-input ::-ms-clear, .search-input-wrapper ::-ms-clear { display: none; } .parent-group-identity .identity-input { width: 390px !important; } .identity-input.invalid { border-color: #e6b9b9; } .identity-input-error { color: #C00000; margin: 0; clear: both; white-space: pre-wrap; } .identity-browse-search { width: 260px; } .identity-browse-search-wrapper { padding: 10px 0; } .actions-section { display: inline-block; line-height: 24px; white-space: nowrap; } .actions-section ul { margin: 0; padding: 0; list-style-type: none; } .actions-section ul li { display: inline; padding: 0 6px; border-left: 1px solid #808080; } .add-identities-actions-section ul li:first-child { border: none; padding-left: 0px; } .change-owner-action { padding-left: 10px; } .identity-picker-control { position: relative; } .browse-identities-popup { background-color: White; border: 1px solid gray; padding: 10px; position: absolute; z-index: 1001; height: 300px; width: 500px; } .browse-identities-popup-close { position: absolute; right: 10px; top: 10px; } .browse-identities-content { height: 100%; } .identity-info-message { margin: 10px; } .identity-grid .grid-row { line-height: 20px; height: 30px; } .identity-cell .identity-image { width: 20px; height: 20px; vertical-align: middle; position: absolute; border: 0; } .identity-cell .identity-name { margin-left: 28px; white-space: pre; } .identity-search-box { padding-bottom: 10px; } .identity-cell.default-team { font-weight: bold; } .team-view .identity-search-box { padding-bottom: 22px; } .identity-search-control { height: 24px; border: 1px solid #dddddd; background-color: #fcfcfc; padding: 2px 1px 0px 2px; margin-right: 10px; } .identity-search-control .search-input-wrapper { width: 100%; float: left; margin-right: -20px; padding-right: 20px; } .identity-search-control .search-input-wrapper label.hidden { display: none; } .search-input { border: 0; margin: 0; outline: none; width: 100%; } .cancel-button { overflow: hidden; height: 18px; width: 18px; cursor: pointer; float: right; margin-right: 1px; border: 0; background: url(/Content/iBoris/site/common-icons.png) no-repeat -63px 50% !important; } .search-button { overflow: hidden; height: 18px; width: 18px; cursor: pointer; float: right; margin-right: 1px; border: 0; background: url(/Content/iBoris/site/common-icons.png) no-repeat -2027px 50% !important; } .go-button { cursor: pointer; margin-bottom: -3px; float: right; margin: 1px; } .update-profile-image-control div.uploadSection { padding: 15px; } .update-profile-image-control table td { vertical-align: top; } .image-upload-div { position: relative; } .image-upload-div .image-upload-wait { position: absolute; left: 30px; top: 30px; display: none; } .image-upload-div.loading .image-upload-wait { display: block; } .image-upload-div.loading .identity-picture { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } .update-profile-image-control .profile-image-cell { text-align: center; } .update-profile-image-control .image-input-div { margin-left: 20px; } .update-profile-image-control .legal { font-size: 10px; } .update-profile-image-control div.actions { position: absolute; bottom: 0; } .account-section-control .identity-picture { float: right; margin: 10px 0 0 10px; } .overview-control { height: 100%; } .overview-control > .fixed-header { padding-top: 20px; width: 800px; } .overview-grid-header { font-family: Segoe UI Light, Tahoma, Arial, Verdana; font-weight: normal; font-size: 20px; color: #000000; white-space: nowrap; padding-top: 30px; } .overview-desc { white-space: pre-wrap; } .collection-overview-note { background-color: #dce6f4; padding: 10px; margin-bottom: 10px; } .team-admins #members-list .resolved-member { display: block; border: none; } .team-admins #members-list .resolved-member:hover { border: none; } .admin-overview .pivot-filter { float: none; position: absolute; right: 2px; top: 10px; } .overview-profile { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 250px; } .overview-detail { position: absolute; left: 320px; top: 0px; bottom: 0px; right: 0px; vertical-align: top; height: 100%; } button.overview-button { margin-top: 5px; background-color: #F2F2F2; border: 1px solid #BFBFBF; margin-right: 10px; } button.overview-button:hover, button.overview-button:focus { color: #000; border-color: #aaa; background-color: #fefefe; -moz-box-shadow: 1px 1px 1px rgba(160,160,160,0.2); -webkit-box-shadow: 1px 1px 1px rgba(160,160,160,0.2); box-shadow: 1px 1px 1px rgba(160,160,160,0.2); } .overview-detail .actions-control { padding-top: 10px; padding-bottom: 10px; } .overview-detail .actions-control span { vertical-align: middle; } .overview-detail .header { padding-left: 4px; } .admin-overview { height: 100%; padding-top: 10px; margin-left: 16px; } .admin-overview .header { color: #C00000; font-size: 24px; text-transform: lowercase; font-family: Segoe UI Light, Tahoma, Arial, Verdana; } .admin-overview .membership-control .display-name { font-weight: bold; color: #000000; } .collection-overview { height: 100%; } .collection-management { background-color: #DCE6F2; padding: 8px; font-size: 10px; } .overview { position: relative; } .collection-overview .overview { padding-top: 10px; } .project-overview { height: 100%; padding-top: 10px; } .project-overview .fixed-header { padding-left: 20px; } .team-overview { height: 100%; padding-top: 10px; } .overview-grid-wrapper { height: 100%; } .actions-control li:first-child { padding-left: 4px; } .overview-grid-wrapper .overview-grid-name, .overview-grid-wrapper .identity-grid-display-name { font-weight: bold; color: #000000; } .profile-picture { margin-top: 15px; } .create-project-page .progress-container { height: 25px; } .create-project-page .progress-container div.completed { height: 23px; border: 1px solid transparent; } .create-project-page .progress-container div.remaining { height: 23px; } .create-project-page .getting-started-header { margin-bottom: 20px; } #project-name { width: 100%; } #project-description { overflow: hidden; width: 100%; } .create-project-info td:first-child { padding-right: 20px; width: 1%; white-space: nowrap; } .create-project-info td { padding-top: 20px; width: 99%; } div.create-warning-box { border: 1px solid #D56B01; padding: 5px; background-color: #ffffcc; } div.create-error-box { border: 1px solid #C00000; padding: 5px; background-color: #e6b9b9; } div.create-done-box { border: 1px solid #7d7a11; padding: 5px; background-color: #DCF2DC; } #create-project-content { margin-top: 20px; } .create-project-progress { margin-top: 20px; margin-bottom: 20px; } .licenses-info, .display-license-control { height: 100%; } .licenses-info { padding-left: 20px; } .license-info { padding-bottom: 20px; } .license-info .features-list { margin: 0; padding: 0; list-style-type: none; } .licenses-view .hub-title { padding-left: 16px; } .licenses-view .hub-pivot-content { padding-left: 0px; left: 16px; } .licenses-view .hub-pivot { left: 16px; } .licenses-view .licenses-list-control.grid { border: 0; } .email-confirmation-main-content { margin-top: 20px; margin-left: 60px; } .email-confirmation-header { font-size: 24px; color: #2470e3; margin-bottom: 15px; } .email-confirmation-subheader { margin-bottom: 10px; } .email-confirmation-address { font-weight: bold; } .email-confirmation-error { color: #C00000; } .connected-services-view .connected-service-entry { overflow: auto; padding: 10px; } .connected-services-view .connected-service-entry:hover { background-color: #e6e6e6; } .connected-services-view .connected-service-icon { height: 64px; width: 64px; margin-right: 10px; vertical-align: middle; } .connected-services-view .connected-service-info { display: inline-block; vertical-align: middle; } .connected-services-view .connected-service-name { font-weight: bold; font-size: 14px; } .connected-services-view ul.connected-service-actions { margin: 15px 0 0 0; padding: 0; } .connected-services-view ul.connected-service-actions li { display: inline; list-style-type: none; padding: 0 5px; border-left: 1px solid #cccccc; } .connected-services-view ul.connected-service-actions li.first { border-left: 0; padding-left: 0; } .connected-services-view .empty-connected-services { margin-left: 10px; } /***** End Admin Area******/ /****** Begin Requirements Area*****/ .feedback-request-dialog .feedback-form-control-container { margin-top: 5px; margin-bottom: 5px; } .feedback-request-dialog .status-indicator.center { height: 1%; } .feedback-request-view input[type="radio"] { margin-top: 6px; margin-left: 0; background: inherit; } .feedback-request-view .radio-button-label { margin-top: 0; margin-bottom: 2px; } .feedback-request-view .identity-input.invalid { background-color: #ffffcc; border-color: #cccccc; } .feedback-request-view .add-request-item-link { cursor: pointer; text-transform: lowercase; line-height: 22px; display: inline-block; } .feedback-request-view .add-icon { margin: 0 4px 0 4px; vertical-align: middle; } .feedback-request-view .align-with-label { margin-top: 6px; } .feedback-request-view .request-item-summary-text { margin-top: 6px; } .request-item-summary-text.invalid { color: #C00000; } .feedback-request-view .rich-editor-label { margin-top: 14px; } .feedback-request-view .section { display: inline-block; list-style-type: none; padding: 0px; -webkit-padding-start: 0px; } .feedback-request-view .section-item { margin-top: 20px; } .feedback-request-view .section-item-tag { display: inline-block; max-width: 48px; max-height: 48px; background: #7F7F7F; vertical-align: top; margin-right: 12px; padding-left: 17px; padding-right: 17px; padding-top: 13px; padding-bottom: 13px; font-size: 16pt; font-family: sans-serif; font-weight: bold; color: white; } .feedback-request-view .section-item-header { font-weight: bold; } .feedback-request-view .section-item-info { width: 700px; max-width: 700px; display: inline-block; } .feedback-request-view .section-item-instructional-text { margin-bottom: 12px; } .feedback-request-view .section-item-swimlane { display: inline-block; width: 48px; max-width: 48px; max-height: 48px; vertical-align: top; text-align: right; margin-right: 12px; margin-top: 8px; } /***** End Requirements Area******/ /****** Begin Agile Area*****/ .sprint-capacity-summary-part { background-color: transparent; } .sprint-capacity-summary-part .error-text { color: red; white-space: normal; text-overflow: inherit; } .sprint-capacity-summary-part a { white-space: normal; } .sprint-capacity-summary-part div { color: black; text-transform: none; overflow: hidden; white-space: nowrap; } .sprint-summary-tile-sprint-name { color: black; font-size: 18px; text-transform: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .sprint-summary-tile-sprint-dates { color: black; font-size: 14px; text-transform: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: black; } div.sprint-summary-tile-sprint-progress-text { margin-top: 4px; margin-bottom: 4px; color: gray; } /* IMPORTANT The styles below override the default behavior of the Agile burndown chart. If you change one of these styles below make sure to verify that the changes don't also need to be made to the Agile CSS (and vice versa). */ .sprint-burndown-summary-part { background-color: transparent; } /* a Class for the small chart container */ .sprint-burndown-summary-part .small-chart-container { height: 100%; width: 100%; vertical-align: middle; } .sprint-burndown-summary-part .error-text { color: red; white-space: normal; text-overflow: inherit; } .sprint-burndown-summary-part .burndown-tile-sprint-name { margin-bottom: 5px; } /***** End Agile Area******/ /****** Begin Diagnostics Area*****/ .tracing-content { margin-left: 20px; margin-top: 20px; } .tracing-content .header { font-size: 12px; text-transform: uppercase; font-weight: bold; } #div_pageContent.tracing-page-content { width: auto; } #traceDataCount { margin-top: 10px; font-weight: bold; } .tracing-toolbar { margin-left: 20px; } .tracing-grid { padding-top: 20px; } .tracing-list { height: 100%; } body.tracing-body { font: 12px Segoe UI, Tahoma, Arial, Verdana; } table.trace-table { width: 100%; } table.trace-table input { width: 100%; } table.trace-table select { width: 100%; } table.trace-error-table { margin-top: 10px; } table.trace-error-table td { padding: 5px; width: 100%; border: 1px solid #cccccc; } table.trace-error-table td.code { width: 1%; } table.trace-error-table td.code-error { width: 99%; } .activity-log-filters { white-space: nowrap; margin-left: 10px; } .activity-log-content { position: absolute; top: 3em; bottom: 0; left: 10px; right: 0; } .activity-log-view { height: 100%; } .activity-log-grid { height: 100%; } .activity-log-filter { display: inline-block; } .activity-log-filter.secondary { margin-left: 10px; } .activity-log-filter input { width: 150px; margin-left: 10px; margin-right: 10px; } button.activity-log-button { margin: 0; height: 24px; } button.clear-filter { margin-left: 10px; } .activity-log-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } .activity-log-container.activity-error { top: 5em; } .activity-log-container-error { background-color: #e6b9b9; border: 1px solid #C00000; color: #C00000; padding: 5px 10px 5px 10px; margin: 0px 10px 10px 10px; } .activity-log-detail div.entry-input > div { min-height: 2em; } div.activity-log-menu { margin-bottom: 5px; } input.name-filter { width: 250px; } .hosts-combo { display: inline-block; width: 200px; vertical-align: middle; margin-left: 10px; } .activity-log-property { display: inline-block; vertical-align: middle; margin-left: 10px; margin-right: 10px; } .database-view-right-pane { padding-left: 10px; } .database-info-container .browse-info { margin-bottom: 30px; } .manage-database-view .database-info-filters { border-bottom: 1px solid #cccccc; padding-bottom: 10px; } .manage-database-view .database-combo { display: inline-block; width: 200px; vertical-align: middle; margin-left: 10px; } .manage-database-view .database-info { margin-left: 10px; } .manage-database-view .error { background-color: #e6b9b9; border: 1px solid #C00000; color: #C00000; padding: 5px 10px 5px 10px; margin: 0px 10px 10px 10px; } .manage-database-view .property { display: inline-block; vertical-align: middle; margin-left: 10px; margin-right: 10px; } .manage-database-view .database-filter { display: inline-block; } .manage-database-view .database-filter input { width: 150px; margin-left: 10px; margin-right: 10px; } .manage-database-view .secondary { margin-left: 10px; display: inline-block; } .manage-database-view .database-combo { display: inline-block; width: 200px; vertical-align: middle; margin-left: 10px; } .split-analysis-view .analysis-container { margin-left: 10px; margin-top: 5px; font-size: 14px; } .split-analysis-view .database-container { display: inline-block; vertical-align: top; } .split-analysis-view .database-container.original { margin-right: 20px; } .split-analysis-view .database-name { font-weight: bold; } .split-analysis-view .database-tenants { display: inline-block; margin: 0px 5px 5px 5px; vertical-align: top; } .split-analysis-view .database-tenant { border: 1px solid #C5D6F1; width: 250px; padding: 5px; margin-bottom: 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .split-analysis-view .analysis-database-info { display: inline-block; width: 200px; background-color: #E6E6E6; border: 1px solid #cccccc; padding: 3px 3px 15px 5px; } .split-analysis-view .analysis-database-info > div { margin-bottom: 3px; } /***** End Diagnostics Area******/ /****** Begin OAuth Area*****/ .oauth-prop.required label.oauth-label:after { content: "*"; } .oauth-app-information { text-align: left; width: 100%; } .oauth-app-image { border: 1px solid #e6e6e6; display: inline-block; height: 75px; margin-left: 2px; margin-right: 10px; padding: 1px; vertical-align: middle; width: 75px; } .oauth-app-details { display: inline-block; vertical-align: top; } .oauth-authorize-header { font-size: 36px; font-family: Segoe UI Light, Tahoma, Arial, Verdana; margin-bottom: 15px; } .oauth-authorize-desc { font-size: 12px; } .oauth-container-error { background-color: #e6b9b9; border: 1px solid #C00000; color: #C00000; padding: 5px 10px 5px 10px; margin-bottom: 10px; } .oauth-account { font-size: 12px; margin-top: 10px; margin-bottom: 10px; } .oauth-input input { padding: 5px 10px 5px 0px; } .oauth-input input { width: 95%; } .oauth-prop { margin-bottom: 10px; } .oauth-label label { color: #6D6D6D; } .oauth-header { font-size: 24px; font-family: Segoe UI Light, Tahoma, Arial, Verdana; margin-bottom: 15px; } .oauth-applications-list { margin-top: 10px; margin-left: 16px; } .oauth-application-header { font-weight: bold; margin: 10px 2px 4px 0; text-transform: uppercase; } .properties-container { padding-top: 10px; padding-left: 10px; } .properties-container > div { margin-bottom: 20px; } .oauth-empty-node .node-content { height: 100% !important; } .oauth-empty-node > .node-link { font-style: italic; color: #6D6D6D; text-decoration: none; cursor: default; } .no-app-image { background-color: #c5d6f1; } .oauth-page { font-size: 120%; padding-bottom: 10px; padding-top: 10px; padding-left: 16px; } .oauth-page .authorization-description { color: #000000; margin-bottom: 20px; } .oauth-page .requested-permissions { font-weight: bold; } .oauth-page .scope-description { margin-bottom: 20px; } .oauth-page .authorization-note { color: #808080; margin-top: 20px; } .oauth-page .button { min-width: 80px; height: 30px; border: 1px solid #ccc; background-color: #f8f8f8; color: #333; border-radius: 2px; outline: 0; } .oauth-page .button:hover, .oauth-page .button:focus { color: #000; border-color: #aaa; background-color: #fefefe; -moz-box-shadow: 1px 1px 1px rgba(160,160,160,0.2); -webkit-box-shadow: 1px 1px 1px rgba(160,160,160,0.2); box-shadow: 1px 1px 1px rgba(160,160,160,0.2); } .oauth-page .accept-button { color: #ffffff; background-color: #00a600; } .manage-token-entries { display: table; width: 100%; } .manage-token-entries .manage-token-entry { display: table-row; } .manage-token-entries .manage-token-entry .image-wrapper, .manage-token-entries .manage-token-entry .app-title, .manage-token-entries .manage-token-entry .app-actions { display: table-cell; vertical-align: middle; } .manage-tokens-view .selected { background-color: #e6e6e6; } .manage-tokens-view .image-wrapper { width: 50px; } .manage-tokens-view .app-image { height: 40px; width: 40px; margin: 5px; display: inline-block; vertical-align: middle; } .manage-tokens-view .manage-tokens-description { color: #808080; margin: 10px 0; } .manage-tokens-view .connected-to { color: #808080; margin-right: 10px; } .manage-tokens-view .revoke-action { color: transparent; } .manage-tokens-view .selected .revoke-action { color: #2470e3; } /***** End OAuth Area******/ /****** Begin Codes Area*****/ #invitationCodePanels { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .invitation-codes-toolbar { margin-left: 20px; } .invitation-codes-grid { padding-top: 20px; } .invitation-codes-list { height: 100%; } .invitation-code-filter span { font-weight: bold; } table.invitation-code-table { width: 100%; } table.invitation-code-table td:first-child { width: 60%; } table.invitation-code-table input { width: 100%; } table.invitation-code-table select { width: 100%; } table.invitation-code-error-table { margin-top: 10px; } table.invitation-code-error-table td { padding: 5px; width: 100%; border: 1px solid #cccccc; } table.invitation-code-error-table td.code { width: 1%; } table.invitation-code-error-table td.code-error { width: 99%; } .code-wait-element { background-color: #cccccc; opacity: 0.50; filter: alpha(opacity=50); position: absolute; cursor: wait; z-index: 1000; top: 0; bottom: 0; left: 0; right: 0; } .code-progress-element { position: absolute; cursor: wait; z-index: 1001; top: 0; bottom: 0; left: 0; right: 0; } .code-errors { margin-top: 5px; } .management-content { margin-left: 20px; } .management-content .header { font-size: 12px; text-transform: uppercase; font-weight: bold; } .settings-values { padding-left: 10px; width: 75px; } .settings-update { width: 100px; } .management-content tr { padding: 5px; } .management-content td { padding: 5px; } #signupVideo { width: 100%; } .signup-video-column { width: 650px; min-width: 150px; } tr.preview-video { text-align: center; } .home-signup-video { height: 288px; width: 512px; overflow: hidden; } /***** End Codes Area******/ /****** Begin Monitoring Area*****/ /************************** Monitor Controls ***************************/ /************************* Monitor View **************************/ .monitoring-view .jobhistory-grid { height: 300px; } .jobhistory-grid-container { height: fill-available; } .jobhistory-detail-class td, .jobdefinition-detail-class td { vertical-align: top; padding-left: 5px; } .monitoring-view { margin-left: 50px; } .jobhistory-24HourChart-container { margin-left: 50px; } /***** End Monitoring Area******/ /***** End Areas******/ /* GLOBAL CLASSES FOR ALL MASTERS */ .secondary-guidance { color: #808080; } /* Message Form Dialog Styles */ .message-form table { width: 100%; } .message-form .label { width: 1%; white-space: nowrap; } .message-form input { border: 1px solid #cccccc; width: 100%; } .message-form input.disabled { cursor: default; color: #6D6D6D; } .message-form .body-container { padding: 10px 0 10px 0; } /* End of Message Form Dialog Styles */ /* Automation Control */ .automation-info { width: 100%; border: 1px solid #e6e6e6; margin-top: 5px; margin-bottom: 10px; padding: 3px 0px 3px 0px; min-height: 20px; } /* End of Automation Control */ /* Test Steps Control*/ .test-steps-list { height: 100%; } .shared-test-step { font-weight: bold; } .test-step-icon { margin-right: 5px; } .test-steps-control-header { font-weight: bold; } .test-steps-parameters { margin-top: 15px; } /* End Test Steps Control*/ /* Version Control */ .source-panel { padding-left: 0px; } .path-container-node > .node-link > .node-content { color: #000000; font-weight: bold; } .path-favorite-node .node-content { height: 100% !important; } .path-favorite-node.selected .node-content .node-link { color: #fcfcfc; } .path-favorite-node .summary { overflow: hidden; } .path-favorite-node .summary > .icon { height: 16px !important; } .path-favorite-empty-node > .node-link { font-style: italic; color: #6D6D6D; text-decoration: none; cursor: default; } div.source-content a.source-content-header { color: #000000; font-weight: bold; } textarea.textarea { resize: none; width: 98%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* End Version Control */ /* Toolbar menu items */ .detail-toolbar-item:hover { outline: 1px solid #B8D6FB; background-color: #F2F7FD; } /*STATUS FLOW*/ .activeStatus { color: #4EADE3; } .pendingStatus { color: #f2cb1d; } #statusFlow p { display: inline; } #statusFlow > div { float: right; } /*END STATUS FLOW*/ /***** End Site styles******/ html { height: 100%; } body { color: #333; height: 100%; font-size: 11px; font-family: "Segoe UI", Helvetica, Arial, sans-serif; padding: 0px; margin: 0px; } body.popup { padding: 0px; } h2 { padding: 40px 0 0 0; margin: 0; font-family: "Segoe UI", Helvetica, Arial, sans-serif; font-size: 15px; color: #FFF; } h3 { margin: 0; font-size: 0.7pc; padding: 2px 0px 0px 2px; } div.top { margin-top: 0px; } .bg-top { height: 95px; } .bg-top a { display: block; } .bg-top img { height: 60px; } .bg-top span { padding: 0px; margin: 0px; font-size: 0.8em; display: block; } .bg-top span a { text-decoration: underline; font-weight: bold; display: inline; } .separator { height: 40px; padding-top: 5px; } td { font-size: 0.70pc; font-family: "Segoe UI", Helvetica, Arial, sans-serif; vertical-align: top; } table input.text, table select.text, table textarea.text { width: 100%; } .time, table input.time { width: 35px; } .transparenttext, table input.transparenttext { color: #fff; width: 250px; padding-top: 0; margin: 0; background-color: Transparent; font-size: 0.70pc; font-family: "Segoe UI", Helvetica, Arial, sans-serif; border: none; } table input.negativetext, table select.negativetext, table textarea.negativetext { width: 100%; border: 1px solid #194373; background-color: #000000; color: #ffffff; } /* STYLING SHORTHANDS *******************************************/ .left { text-align: left; } .right { text-align: right; } th.right { text-align: right; } .leftF { float: left; } .rightF { float: right; } .center { text-align: center; } .button, .datalines .datagrid_paging a, div#dynamicTableDesigner table#dynamicTableHeader tr td#main input, div#dynamicTableDesigner table#dynamicTableHeader tr td#save input, div#dynamicTableDesigner table#dynamicTableHeader tr td#delete input { font-size: 0.70pc; font-family: Segoe UI, Sans-Serif; padding: 0px .5em; height: 20px; width: auto; overflow: visible; cursor: default; color: #fff; } .button[disabled], div#dynamicTableDesigner table#dynamicTableHeader tr td#main input[disabled], div#dynamicTableDesigner table#dynamicTableHeader tr td#save input[disabled], div#dynamicTableDesigner table#dynamicTableHeader tr td#delete input[disabled] { cursor: default; } .text, select.text, div#dynamicTableDesigner table#dynamicTableHeader tr td#intComp select, div#dynamicTableDesigner table#dynamicTableHeader tr td#columns input, div#dynamicTableDesigner table tr td div#designer table tr td#columnText input, div#dynamicTableDesigner table tr td div#designer table tr td#rowText input, div#dynamicTableDesigner table tr td div#designer table tr td#defaultText input { font-size: 0.70pc; font-family: "Segoe UI", Helvetica, Arial, sans-serif; margin: 0px 1px 1px 0px; color: #333; } .error { padding: 5px 10px 5px 20px; color: #f00; } .warning { padding: 0 3px; font-size: 8px; text-transform: uppercase; color: #f00; background-color: white; border: 1px solid #f00; } /* QUIRKS MODE*/ .collapsed { display: none; } /* LAYOUT */ .clear { clear: both; font-size: 0px; } .header-new { height: 92px; font-family: "Segoe UI", Helvetica, Arial, sans-serif; } .header-icon { padding: 5px 0 0 5px; float: left; width: 100px; } .main-titles { float: left; padding: 5px 0 0 0px; height: 87px; width: 232px; } .main-titles p { font-size: 22px; font-weight: bold; clear: both; margin-top: 20px; width: 100%; color: #fff; } .right-title { float: right; padding-top: 5px; text-align: right; width: 300px; } .right-title img { float: right; } .right-title p { padding: 0; margin: 20px 5px 0 0; float: right; clear: right; font-size: 9px; width: 100%; color: #fff; } .right-title p span { font-size: 10px; } .filter { margin-top: 1px; height: 21px; padding: 0 0 0 20px; font-family: "Segoe UI", Helvetica, Arial, sans-serif; } .filter ul { padding: 0; margin: 0; font-size: 14px; font-weight: bold; float: left; color: #fff; } .filter ul li { display: inline; padding: 0 2px 0 0; } .filter ul li a img, .filter ul li img { padding: 0; margin: 0; vertical-align: middle; } .filter span { float: right; } .filter span a img { margin: 3px 5px 0 0; } .panel div.change-password { padding: 3px 0 0 0; font-weight: bold; } .panel div.change-password a { text-decoration: none; } .panel div.mainmenubutton { margin: 0 2px 0 2px; } .panel div.mainmenubutton:hover { background-color: #f1f1f1; } .panel div.mainmenubutton img { vertical-align: middle; padding-right: 15px; padding-left: 5px; } .panel div.mainmenubutton a { text-decoration: none; font-weight: bold; font-size: 14pt; display: block; } .panel div.menubutton { margin-left: 2px; margin-right: 2px; padding: 5px 0 5px 15px; } .panel div.menubutton:hover { background-color: #f1f1f1; } .panel div.menubutton img { padding-right: 15px; vertical-align: middle; } .panel div.menubutton a { text-decoration: none; display: block; } div#content { padding: 0px 201px 10px 2px; } .popup div#content, .popup { padding: 0px 3px 10px 3px; } .treeNode { padding: 1px 2px 1px 2px; } .treeNode a { text-decoration: none; } .treeNodeParent { } .treeNodeHover, .treeNodeSelected { padding: 1px 2px 1px 2px; } .section-title, div#request-modal-dialog span { margin: 10px 0 0 0; padding: 2px 0 2px 10px; display: block; font-weight: bold; } .section-title a { color: #fff; } .filterfield, div#dynamicTableDesigner table#dynamicTableHeader { padding-top: 7px; text-align: left; } .datasheet .field td { width: 1600px; padding: 0px 20px 0px 20px; } .datasheet td.information { padding: 10px; background-color: #fff; color: #6D0538; border: 1px solid #ccc; } .datasheet { text-align: left; padding: 0; } .datasheet .field td { padding: 0px 4px 0px 4px; } .datasheet td.information { padding: 8px; } .datasheet .buttonbar, .buttonpanel { margin-top: 5px; } .error img { margin-right: 7px; } .asterisk { color: Red; } div.scrollable { overflow: scroll; width: 100%; position: relative; } /* Dot Media code => was here*/ div#filter_panel div.datasheet { border-top: none; margin-bottom: 1px; } .infomsg { color: #406e9f; } .errormsg { color: red; } /*Popup*/ div.popupControl table { width: 100%; } div.popupControl table tr td.popupText textarea.text, div.popupControl table tr td.popupText input.text { width: 99%; } div.popupControl table tr td.popupCityText input.text { width: 95%; } div.popupControl table tr td.popupButton, div.popupControl table tr td.popupClear, div.popupControl table tr td.popupLink { width: 1px; } div.popupControl table tr td.popupLink a { display: block; height: 17px; width: 22px; } div.popupControl table tr td input.button { height: 17px; width: 22px; } div.progress { margin-top: 5px; width: 100%; text-align: center; } div.progress div { margin-top: 5px; font-size: larger; } /* Dynamic tables*/ div#dynamicTableDesigner table#dynamicTableHeader { padding-top: 0px; width: 100%; } div#dynamicTableDesigner table#dynamicTableHeader tr td#main { width: 1px; } div#dynamicTableDesigner table#dynamicTableHeader tr td#intCompLbl, div#dynamicTableDesigner table#dynamicTableHeader tr td#columnsLbl { text-align: right; padding-top: 3px; } div#dynamicTableDesigner table#dynamicTableHeader tr td#intCompLbl { min-width: 110px; } div#dynamicTableDesigner table#dynamicTableHeader tr td#columnsLbl { padding-left: 2px; } div#dynamicTableDesigner table#dynamicTableHeader tr td#intComp { width: 2000px; } div#dynamicTableDesigner table#dynamicTableHeader tr td#intComp select { width: 100%; } div#dynamicTableDesigner table#dynamicTableHeader tr td#columns input, div#dynamicTableDesigner table tr td div#designer table tr td#columnText input, div#dynamicTableDesigner table tr td div#designer table tr td#rowText input { text-align: right; width: 15px; } div#dynamicTableDesigner table#dynamicTableHeader tr td#visibleLbl label, div#dynamicTableDesigner table#dynamicTableHeader tr td#activeLbl label, div#dynamicTableDesigner table tr td div#designer table tr td#visibleLbl label, div#dynamicTableDesigner table tr td div#designer table tr td#enabledLbl label { display: block; margin-top: 2px; } div#dynamicTableDesigner table#dynamicTableHeader tr td#save input, div#dynamicTableDesigner table#dynamicTableHeader tr td#delete input { text-align: right; } div#dynamicTableDesigner table tr td div#designer { padding: 3px; } div#dynamicTableDesigner table tr td div#designer table tr td#position { padding-top: 3px; } div#dynamicTableDesigner table tr td div#designer table tr td#defaultText input { width: 100%; } div#dynamicTableDesigner table tr td div#designer hr { margin: 0px 0px 4px 0px; padding: 0px; } /* Gallery*/ a.gallery { float: left; margin: 2px; } a.gallery p { cursor: pointer; width: 200px; line-height: 200px; height: 200px; text-align: center; margin: 0; } a.gallery p img { vertical-align: middle; } a.gallery span { display: block; width: 200px; text-align: center; cursor: pointer; } /* Calendar */ span.client-calendar input[type='button'] { height: 17px; } /* Grid summary */ div.grid-summary span.summary-number { font-weight: bold; } /* RadGrid editable */ .editableGrid { border: none !important; } .editableGrid:active, .editableGrid:focus { outline-style: none !important; -moz-outline-style: none !important; } .editableGrid .rgEditRow { background: none !important; } .editableGrid .rgRow td, .editableGrid .rgAltRow td, .editableGrid .rgEditRow td { border: 1px solid #CFD9E7 !important; padding-left: 0 !important; padding-right: 2px !important; padding-bottom: 0px !important; padding-top: 0px !important; } .editableGrid .rgRow .singleSelect, .editableGrid .rgAltRow .singleSelect, .editableGrid .rgEditRow .singleSelect, .editableGrid .rgRow .doubleSelect, .editableGrid .rgAltRow .doubleSelect, .editableGrid .rgEditRow .doubleSelect { border: 1px solid #01144E !important; } .editableGrid .rgRow input[type="text"], .editableGrid .rgAltRow input[type="text"], .editableGrid .rgEditRow input[type="text"] { background: none transparent; width: 100%; height: 100%; border: 0; } /* Telerik */ ._Telerik_IE9 .rgDataDiv { display: inline-block; } .menu-arrow { margin-left: 6px !important; margin-right: 6px !important; font-family: "Segoe UI", Helvetica, Arial, sans-serif !important; font-size: 8pt !important; color: #707070; } .menu-arrow-ie { font-size: 10pt !important; } /* OLD IBORIS CSS CODE STARTS HERE*/ .main > .header-section { overflow: visible; } .main.no-hubs > .header-section { height: 35px; } .main.no-hubs > .header-section > nav > .hubs-section { display: none; } .main.no-search > .header-section > .header-search { display: none; } /* left pane */ .hub-splitter.splitter.horizontal.no-leftPane > .leftPane { display: none; } .hub-splitter.splitter.horizontal.no-leftPane > .rightPane { left: 0px; margin-left: 0px; } .hub-splitter.splitter.horizontal.no-leftPane > .handleBar { display: none; } /* toolbar and title (overview) */ .query-editor .content { top: 36px; } .query-result-grid-info.workitem-info-bar { padding-top: 5px; padding-left: 15px; margin-left: 0px; } /* static form filter */ .work-item-view.static-form-filter, .work-item-form.no-info-bar .work-item-view.static-form-filter { padding-left: 0px; margin-left: 0px; top: 0px; } .work-item-view.static-form-filter > .splitter.content > .leftPane { padding-left: 13px; overflow: auto; } /* Changes related to new TFS-like layout*/ .button { color: #333; border: 1px solid #ccc; background-color: #f8f8f8; margin-left: 3px; margin-right: 0px; height: 25px; padding-left: 8px; padding-right: 8px; outline: 0; } .button:hover, .button:focus { color: black; border-color: #aaa; background-color: #fefefe; -moz-box-shadow: 1px 1px 1px rgba(160,160,160,0.2); -webkit-box-shadow: 1px 1px 1px rgba(160,160,160,0.2); box-shadow: 1px 1px 1px rgba(160,160,160,0.2); } .button[disabled] { color: #ababab; background-color: #fcfcfc; border: 1px solid #e6e6e6; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .text { color: black; border: 1px solid gray; } input.text { padding-left: 3px; } .table-view { width: 100%; margin-top: 25px; } table.table-view td.table-view-cell-value div div { vertical-align: top; } .table-view-cell-text { padding: 3px 10px 5px 40px; min-width: 180px; width: 1%; color: #6D6D6D; } .table-view-cell-value { width: 42%; padding-right: 50px; } .table-view-cell-qp { width: 100%; padding-right: 50px; } .table-view-cell-buttons { width: 50%; text-align: right; padding-right: 50px; } .table-view-cell-value-two-columns { width: 80%; padding-right: 50px; } .table-view-cell-value-qp, td.table-view-widecell-value { width: 100%; padding-right: 50px; } /* Changes related to collapsible panels */ .panelheader { font-weight: bold; border: none; color: #000; width: 100%; margin-top: 10px; background-color: #e6e6e6; } .panelheader td { border: none; } .panelheader img { margin-top: 5px; float: right; position: relative; } .panelheader img.filtericon { float: left; vertical-align: middle; padding: 0px; margin: 0px; } .panelheader a, .panelheader a:link, .panelheader a:visited { cursor: pointer; height: 17px; float: left; padding: 3px 10px 0 0; margin-left: 10px; border-bottom: none; text-transform: uppercase; text-decoration: none; text-align: left; width: auto; color: #000; border: 0px solid #ccc; } .panelheader a:link.active, .panelheader a:visited.active { height: 19px; padding-bottom: 0px; padding-top: 0px; width: 150px; color: #6D0538; border-top: 3px solid #6D0538; border-bottom: 1px solid #f1f1f1; } .panelheader a.filtered { width: 140px; } div.panelheader { padding: 3px 5px 3px 5px; } /*Tab control*/ table.tabbar { width: 100%; min-height: 22px; background-color: #e6e6e6; margin-top: 5px; } table.tabbar td { vertical-align: middle; } table.tabbar table tr td.link_cell a:link, table.tabbar table tr td.link_cell a:visited, table.tabbar table tr td.link_cell a { padding: 5px 0; color: #000; text-transform: uppercase; } .tabbar table { float: left; margin: 0px; padding: 0px; } .tabbar table span { background: none; width: 11px; display: block; } .tabbar table tr td { background: none; } .tabbar table tr td.link_cell a:hover, .tabbar table.activetab tr td.link_cell, .tabbar table.activetab tr td.link_cell a { color: #000; } .tabbar table.activetab tr td.link_cell { font-weight: bold; } /*Main buttons in overview/detail pages*/ table.table-view td.buttonbar { padding: 10px 20px 3px 0px; width: auto; text-align: right; } /*Main buttons in overview/detail pages*/ div.buttonbar { padding-right: 50px; text-align: right; } div.table { display: table; padding-top: 5px; width: 100%; } div.ib-row { display: table-row; } div.right-cell { display: table-cell; padding-right: 50px; text-align: right; } div.left-cell { display: table-cell; padding-left: 40px; vertical-align: top; width: 50%; } a:link, a:visited, a:active { color: #32434b; /*text-decoration: none;*/ } a:hover { color: #333; text-decoration: none; } a img { border: 0; } table.gridview a img { vertical-align: bottom; } /* quantity panel*/ div.qp span.riSingle input.text { font-size: .70pc; margin: 0 1px 3px 0; padding: 1px 0 1px 2px; height: 17px; } div.qp { width: 100%; white-space: nowrap; } div.qp-detail-page { padding: 4px 5px 0; border: solid 1px #888; } div.qp-detail-page span { margin: 2px; } div.qp .button { height: 17px; } div.qp div { white-space: nowrap; float: left; text-align: right; } /* Dashboards*/ .dashboard { width: 100%; } .dashboard tr td.chart { min-width: 500px; width: 48%; } .dashboard tr td.grid { width: 48%; } .dashboard tr td.grid div#container { overflow: auto; height: 350px; } .dashboardfilter { border-bottom: none; } /* Gallery */ a.gallery { float: left; margin: 2px; } a.gallery p { cursor: pointer; width: 200px; line-height: 200px; height: 200px; text-align: center; margin: 0; } a.gallery p img { vertical-align: middle; } a.gallery span { display: block; width: 200px; text-align: center; cursor: pointer; } .entity-name { font: normal 12px/23px "Segoe UI", Arial, sans-serif; color: #fff; text-decoration: none; float: right; } /* Used at VMG to color header on UAT environment in blue */ /*.header-group { background-color: deepskyblue; }*/ .second-header { background-color: #494949; } div.main div.header-group:first-child > div:first-child { border-right: solid 3px #bbb; /* right border of ModuleMenu */ min-width: 100px; } #menuModule { border-right: solid 3px #bbb; /* right border of menuModule (MVC) */ float: left; } div.header-group.top-header * { background: none; /* Hide arrows in top header menu group */ } div#profile-menu ul { float: right; } div#profile-menu ul:last-child { margin-right: 0; } .alertText { color: orange; } .display-block { display: block !important; width: 100%; } .editor-popup-content { margin: 5px 10px; } .editor-popup-content label { padding-left: 5px; padding-right: 5px; } .editor-popup-content textarea { resize: none; } .editor-popup-content table.with-row-spacing tr td { padding-bottom: 5px !important; } .width-50 { width: 50px; } .width-100 { width: 100px; } .height-200 { height: 200px; } .height-400 { height: 400px; } .full-width { width: 100%; } .half-width { width: 50%; padding-right: 5px; } .bold-text { font-weight: bold !important; } .center-text { text-align: center !important; } .right-text { text-align: right !important; } .with-ellipsis { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .filterInfoHeader .greyCaption { margin-right: 0; } .filterInfoHeader #filterInfo { margin-left: 0; } .filterInfoHeader .filter-separator { display: inline; font-weight: bold; color: #bbbbbb; } .filterInfoHeader .filter-value { display: inline; } /*Kendo Switch label 'Active' BEGIN*/ .switch-active .km-switch { width: 8em !important; } .switch-active .km-switch-background { background-position: 0em 4em !important; width: 8.3em; } .switch-active .km-switch-label-on { top: -2px; left: -393%; } .switch-active .km-switch-label-on, .switch-active .km-switch-label-off { white-space: nowrap; } .switch-active .km-switch-label-off { left: 20px; top: -2px; } /*Kendo Switch END*/ /* Kendo Grid ellipsis IE necessary style */ .k-grid { height: 100%; } .k-grid td { white-space: nowrap; } .k-widget.k-tooltip { padding: 0; border: 1px solid #747474; /*shadow effect*/ -webkit-box-shadow: 0 0 8px 1px #919191; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0 0 8px 1px #919191; /* Firefox 3.5 - 3.6 */ box-shadow: 0 0 8px 1px #919191; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } .k-tooltip-content { font-size: 1em; color: #000000; padding: 2px 3px; min-width: 100px; background-color: #ffffff; } .ic-color { height: 10px !important; } .no-ic-color { background-color: #3f3f3f } .tile.stockInfo.errorVASItem { border: solid 2px #FFA500 } #noty-notification { display: block; position: fixed; top: 10px; right: 10px; z-index: 9999; font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif; font-size: 12px; } .noty-title { font-weight: bold; } .noty { clear: both; border: 1px solid transparent; box-shadow: 0px 0px 8px 1px #919191; -moz-box-shadow: 0px 0px 8px 1px #919191; -webkit-box-shadow: 0px 0px 8px 1px #919191; } .noty-text-centered { text-align: center; } .noty-round-corners { border-radius: 5px; -moz-border-radius: 5px; /* Firefox 3.6 and earlier. */ } .noty-default, .noty-success, .noty-error { padding: 10px; margin: 10px; } .noty-default { background: #000000; color: #DDDDDD; } .noty-success { background: #fff; color: #000; border: 1px solid #468847; } .noty-error { background: #fff; color: #000; border: 1px solid #B94A48; } /* Close button attributes - based off Twitter Bootstrap alert close item. */ .noty-close { display: block; position: relative; top: -2px; right: 0px; color: #FFFFFF; float: right; font-size: 18px; font-weight: bold; filter: alpha(opacity=20); text-decoration: none; position: relative; line-height: 14px; margin-left: 5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .noty-close :hover { color: #BBBBBB; cursor: pointer; } /* The notification circle */ .circle-neutral { width: 21px; padding-bottom: 21px; margin-left: 8px; float: right; height: 0; background-image: url(/Content/iBoris/noty/neutral.png); background-repeat: no-repeat; } .circle-green { width: 21px; padding-bottom: 21px; margin-left: 8px; float: right; height: 0; background-image: url(/Content/iBoris/noty/green.png); background-repeat: no-repeat; } .circle-red { width: 21px; padding-bottom: 21px; margin-left: 8px; float: right; height: 0; background-image: url(/Content/iBoris/noty/red.png); background-repeat: no-repeat; } /* General */ .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Segoe UI", Helvetica, Arial, sans-serif; font-size: inherit; } /* Tabs */ .ui-tabs { border: 0; padding: 0; } .ui-tabs .ui-tabs-nav { border: 0; border-radius: 0; margin-bottom: 5px; padding: 0; background-image: none; background-color: #e6e6e6; } .ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li.ui-tabs-active { background: none; border: 0; border-radius: 0; margin: 0; padding: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { font-weight: bold; } .ui-tabs .ui-tabs-nav li .ui-tabs-anchor { text-transform: uppercase; padding: 5px 10px; outline: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: default; } .ui-tabs .ui-tabs-panel { padding: 0; }