/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Imported Fonts and Resources */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/OpenSans/OpenSans-Light.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(fonts/OpenSans/OpenSans-LightItalic.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(fonts/OpenSans/OpenSans-Regular.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(fonts/OpenSans/OpenSans-Italic.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(fonts/OpenSans/OpenSans-SemiBold.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(fonts/OpenSans/OpenSans-SemiBoldItalic.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/OpenSans/OpenSans-Bold.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(fonts/OpenSans/OpenSans-BoldItalic.ttf) format('truetype'); } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(fonts/SourceSansPro/SourceSansPro-Light.ttf) format('truetype'); } @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 300; src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url(fonts/SourceSansPro/SourceSansPro-LightItalic.ttf) format('truetype'); } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(fonts/SourceSansPro/SourceSansPro-Regular.ttf) format('truetype'); } @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(fonts/SourceSansPro/SourceSansPro-Italic.ttf) format('truetype'); } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(fonts/SourceSansPro/SourceSansPro-SemiBold.ttf) format('truetype'); } @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 600; src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'), url(fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.ttf) format('truetype'); } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(fonts/SourceSansPro/SourceSansPro-Bold.ttf) format('truetype'); } @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 700; src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url(fonts/SourceSansPro/SourceSansPro-BoldItalic.ttf) format('truetype'); } @font-face { font-display: block; font-family: 'fticons'; font-style: normal; font-weight: normal; src: url('fonts/FTIcons/FTIcons.eot?zgjj8'); src: url('fonts/FTIcons/FTIcons.eot?zgjj8#iefix') format('embedded-opentype'), url('fonts/FTIcons/FTIcons.ttf?zgjj8') format('truetype'), url('fonts/FTIcons/FTIcons.woff?zgjj8') format('woff'), url('fonts/FTIcons/FTIcons.svg?zgjj8#icomoon') format('svg'); } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Default Variables */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ :root { --top-navigation-background-color: #cfd6e5; --top-navigation-foreground-color: #000000; --left-navigation-background-color: #293955; --left-navigation-foreground-color: #ffffff; --left-navigation-selected-color: #9cdcf6; --titlebar-background-color: #4d6082; --titlebar-foreground-color: #ffffff; --titlebar-accent-color: #ffd700; --selected-background-color: #e1f4fc; --selected-foreground-color: #000000; --accent-background-color: #1f5cc1; --accent-foreground-color: #ffffff; --actionlink-icon-color: #7b7b7b; --actionlink-icon-hover: #5e5e5e; --filetrail-logo-color: #79a5cd; --filetrail-logo-footer-color: #A0A0A0; --selected-hover-background-color: #b5bdcb; --selected-hover-color: #000000; --status-text-color-pending-notactionable: black; --status-text-color-Client-owned: #D3D3D3; --status-text-color-pending-actionable: blue; --status-text-color-denied: darkgray; --status-text-color-denied-explicit: #bb0000; --status-text-color-approved: green; --status-text-color-success: darkgreen; --status-text-color-cancelled: darkred; --status-text-color-error: red; --status-text-color-notfound: #8b8b8b; --window-background-color: #ffffff; } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Page Layout and Header Navigation */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ body, html { background: #fff;} body, html, .popupWindow form { font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; height: 100%; margin: 0px; padding: 0px; width: 100%; } #page-layout-window-container { left: 0px; position: absolute; top: 0px; } #page-layout-welcomebar { background-color: #203a51; box-sizing: border-box; color: white; font-size: 13px; height: 5px; left: 0px; line-height: 21px; padding: 0px 8px; position: absolute; top: 0px; width: 100%; } #page-layout-welcometext { float: left; } #page-layout-versiontext { float: right; } #page-layout-topnavigation { background-color: #cfd6e5; background-color: var(--top-navigation-background-color, #cfd6e5); box-sizing: border-box; height: 45px; left: 0px; padding: 0px 8px; position: absolute; top: 5px; width: 100%; } #page-layout-topnavigation #page-layout-top-logo { align-items: center; border: 0px; color: #a0a0a0; color: var(--top-navigation-foreground-color, #cfd6e5); display: inline-block; float: left; height: 41px; top: 2px; margin: 0px; padding: 0px; position: relative; text-decoration: none; width: 150px; } .rtl-user #page-layout-topnavigation #page-layout-top-logo { float: right; } #page-layout-top-logo .page-layout-logo.fticon-FTLogo-FileTrail { line-height: 41px; } #page-layout-topnavigation #page-layout-top-logo img { height: 100%; max-width: 150px; object-fit: contain; object-position: left center; width: 100%; } .page-layout-logo { font-size: 22px; width: 150px; } #page-layout-topnavigation #page-layout-top-actions { height: 39px; position: absolute; text-align: right; top: 3px; } .ltr-user #page-layout-topnavigation #page-layout-top-actions { right: 10px; } .rtl-user #page-layout-topnavigation #page-layout-top-actions { left: 10px; } #page-layout-topnavigation #page-layout-top-actions #page-layout-keyword-search-container { display: inline-block; height: 32px; margin-right: 25px; vertical-align: middle; width: 250px; } #page-layout-topnavigation #page-layout-top-actions #page-layout-keyword-search-container div { background-color: white; border: 1px solid #ceced2; border-bottom-left-radius: 4px; border-right-width: 0px; border-top-left-radius: 4px; box-sizing: border-box; cursor: pointer; display: inline-block; float: left; height: 32px; width: 55px; } #page-layout-topnavigation #page-layout-top-actions #page-layout-keyword-search-container div span { color: #515563; float: left; line-height: 30px; padding-left: 3px; pointer-events: none; } #page-layout-topnavigation #page-layout-top-actions #page-layout-keyword-search-container div i { float: right; font-size: 13px; line-height: 30px; margin-right: 3px; pointer-events: none; vertical-align: middle; } #page-layout-topnavigation #page-layout-top-actions #page-layout-keyword-search-container .k-textbox { border-bottom-left-radius: 0px; border-left: 0px; border-top-left-radius: 0px; box-sizing: border-box; height: 100%; width: 195px; } #page-layout-topnavigation #page-layout-top-actions #page-layout-keyword-search-container .k-textbox.k-state-focused { box-shadow: none; } #page-layout-topnavigation #page-layout-top-actions #page-layout-keyword-search-container input { border-bottom-left-radius: 0px; border-left: 0px; border-top-left-radius: 0px; box-sizing: border-box; float: right; height: 100%; width: 195px; } .help-quicksearch-button { border-width: 0; background-color: transparent; font-size: 15px; padding: 0 1px; color: #555555; vertical-align: middle; outline: none; cursor: help; } .help-warning-button { border-width: 0; background-color: transparent; font-size: 15px; padding: 0 10px; color: #995555; vertical-align: middle; outline: none; cursor: help; } #page-layout-keyword-search-text { -webkit-box-shadow: none !important; box-shadow: none !important; } .page-layout-action { border: 1px solid #cfd6e5; border-radius: 4px; box-sizing: border-box; color: black; display: inline-block; height: 38px; margin: 2px 8px 0px 6px; padding: 3px; position: relative; text-align: center; text-decoration: none; vertical-align: middle; width: auto; outline: 0; } .page-layout-action * { pointer-events: none; } .page-layout-action i { cursor: pointer; display: block; font-size: 15px; margin: 1px 0px; text-align: center; } .page-layout-action span { display: block; font-size: 11px; min-width: 35px; white-space: nowrap; } .page-layout-action:hover { background-color: #eeeeee; border-color: #444444; color: black; } .page-layout-action .notification-badge { background: transparent; border: 1px solid black; border-radius: 50%; color: black; display: none; font-size: 10px; height: 14px; line-height: 13px; padding: 2px 2px; position: absolute; right: 2px; text-align: center; top: 2px; width: 14px; } .page-layout-action .notification-badge-new { background-color: #bb0000 !important; border-color: #bb0000 !important; color: white !important; } #page-layout-actions-carts.page-layout-action .notification-badge { border: none !important; font-size: 10px; font-weight: bold; height: 18px; line-height: 10px; right: -3px; top: 0px; width: 100%; text-align: center; } #page-layout-actions-carts.page-layout-action .notification-badge-new { background: #bb0000; border: 1px solid #bb0000; border-radius: 50%; color: white; display: none; font-size: 10px; height: 11px; line-height: 11px; padding: 2px 2px; position: absolute; right: 11px; text-align: center; top: 0px; width: 12px; } .page-layout-action-menu { box-shadow: none !important; } .page-layout-action-menu i { margin-right: 10px; } .page-layout-action-menu span { font-size: 15px; height: 29px; line-height: 29px; } #page-layout-bodycontainer { box-sizing: border-box; height: 100%; left: 0px; overflow: hidden; padding-top: 50px; position: absolute; top: 0px; width: 100%; } #page-layout-popupbodycontainer { box-sizing: border-box; height: 100%; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 100%;} .embedded-layout #page-layout-popupbodycontainer {position: relative !important;} .embedded-layout .k-i-loading{background-image:url(images/loading.gif)} .embedded-layout .k-loading-image{background-image:url(images/loading-image.gif)} #page-layout-leftnavigation { background-color: var(--left-navigation-background-color); box-sizing: border-box; height: 100%; padding-top: 66px; position: absolute; top: 0px; transition: 0.5s; width: 48px; } .ltr-user #page-layout-leftnavigation { left: 0px; } .rlt-user #page-layout-leftnavigation { right: 0px; } #page-layout-leftnavigation-expandcontract { bottom: 8px; height: 26px; position: absolute; right: 0px; width: 100%; } #page-layout-leftnavigation-expandcontract #page-layout-leftnavigation-expandcontractborder { border: 1px solid white; border-radius: 50%; cursor: pointer; float: right; height: 22px; margin-right: 11px; text-align: center; width: 22px; } #page-layout-leftnavigation-expandcontract:hover #page-layout-leftnavigation-expandcontractborder { background-color: #d7e1ec; } #page-layout-leftnavigation-expandcontract #page-layout-leftnavigation-expandcontractborder i { color: white; font-size: 20px; font-weight: 600; left: 1px; line-height: 22px; position: relative; transform: rotate(-90deg); } .rtl-user #page-layout-leftnavigation-expandcontract #page-layout-leftnavigation-expandcontractborder i { transform: rotate(90deg); } #page-layout-leftnavigation-expandcontract:hover #page-layout-leftnavigation-expandcontractborder i { color: #203a51; } #page-layout-leftnavigation-menucontainer { padding-top: 2px; } #page-layout-leftmenu { background-color: transparent; background-image: none !important; border: 0px; color: var(--left-navigation-foreground-color); } #page-layout-leftmenu .k-menu-link { padding-left: 13px; padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #fff; } .page-layout-leftnavigationitem { overflow: hidden; position: relative; width: 100%; color: var(--left-navigation-foreground-color); } .page-layout-leftnavigationitem i { font-size: 22px; height: 22px; line-height: 22px; position: relative; text-align: center; top: 1px; width: 22px; } .page-layout-leftnavigationitem span { font-size: 16px; height: 22px; line-height: 22px; } #page-layout-leftmenu.contracted .page-layout-leftnavigationitem span { display: none; } #page-layout-leftmenu a.k-state-active { background-color: #b6bdca; color: #505968; } #page-layout-leftmenu a.k-state-active .page-layout-leftnavigationitem, #page-layout-leftmenu .k-menu-item:hover a span div { color: #505968; } .page-layout-leftnavigationsubitem { font-size: 15px; height: 25px; line-height: 25px; } .page-layout-leftnavigationsubitem i { text-align: center; } .page-layout-leftnavigationthird { font-size: 15px; height: 25px; line-height: 25px; } .page-layout-leftnavigationthird img { max-height: 22px; vertical-align: middle; } .page-layout-leftnavigationthird span { line-height: 25px; vertical-align: middle; } #page-layout-leftmenu .k-menu-expand-arrow { display: none; } #page-layout-leftmenu .k-menu-item { margin: 0; } .page-layout-leftmenu-selected { color: var(--left-navigation-selected-color); } #page-layout-leftmenu .k-animation-container .k-menu-expand-arrow { display: inherit !important; } /*#page-layout-leftmenu .k-item { border-bottom: 1px solid white; } #page-layout-leftmenu .k-menu-link { padding: 7px 5px 7px 12px !important; } .k-state-active .page-layout-leftnavigationitem { background-color: var(--left-navigation-foreground-color); color: var(--left-navigation-background-color); } .page-layout-leftmenu-selected .page-layout-leftnavigationitem-selectedIndicator { display: block; } #page-layout-leftmenu .k-animation-container { margin-top: 0px; } #page-layout-leftmenu .k-animation-container ul { background-color: #eeeeee; box-shadow: none !important; color: var(--left-navigation-background-color); } #page-layout-leftmenu .k-animation-container .k-menu-expand-arrow { display: inherit !important; } .page-layout-leftmenu-selected { color: var(--left-navigation-selected-color); }*/ .page-layout-leftnavigationitem-selectedIndicator { background-color: var(--left-navigation-selected-color); display: none; height: 100%; position: absolute; top: 0px; width: 4px; } .page-layout-leftmenu-selected .page-layout-leftnavigationitem-selectedIndicator { display: block} .page-layout-leftmenu-selected .page-layout-leftnavigationitem {color: var(--left-navigation-selected-color);} .ltr-user .page-layout-leftnavigationitem-selectedIndicator {left: 0px;} .ltr-user .page-layout-leftnavigationitem span { margin-left: 12px;} .ltr-user .page-layout-leftnavigationsubitem { padding-right: 15px;} .ltr-user .page-layout-leftnavigationsubitem i { margin-right: 7px; } .ltr-user .page-layout-leftnavigationthird img { margin-right: 8px; } .rtl-user #page-layout-leftmenu .k-menu-link { padding: 7px 12px 7px 5px !important; } .rtl-user .page-layout-leftnavigationitem-selectedIndicator {right: 0;} .rtl-user .page-layout-leftnavigationitem span { margin-right: 12px;} .rtl-user .page-layout-leftnavigationsubitem { padding-left: 15px; } .rtl-user .page-layout-leftnavigationsubitem i { margin-left: 7px; } .rtl-user .page-layout-leftnavigationthird img { margin-left: 8px; } #page-layout-maincontent { box-sizing: border-box; height: 100%; left: 0px; padding: 50px 0px 36px 48px; position: absolute; top: 0px; transition: padding-left 0.35s; width: 100%; } .rtl-user #page-layout-maincontent { padding-right: 48px; padding-left: 0px; } #page-layout-maincontent-frame { border: 0px; height: 100%; width: 100%; } #page-layout-cartpane { background-color: white; box-shadow: none; box-sizing: border-box; height: 100% !important; padding-top: 50px; position: absolute; top: 0px; transition: 0.5s; width: 426px; } .ltr-user #page-layout-cartpane { border-left: 1px solid black; right: -426px; } .rtl-user #page-layout-cartpane { border-left: 1px solid black; left: -426px; } .cartPaneShown { box-shadow: -3px 0 5px -5px #222 !important; transition: 0s; } .rtl-user .cartPaneShown { box-shadow: 3px 0 5px -5px #222 !important; } .cartPaneDocked { } #page-layout-cartpane .ObjectTitle { background-color: #293955; } #page-layout-cartpane-selector { padding-top: 3px; white-space: nowrap; width: 100%; } #page-layout-cartpane-selector a { border-bottom: 3px solid white; box-sizing: border-box; color: black; display: inline-block; font-size: 20px; text-align: center; } #page-layout-cartpane-selector a:hover i { color: #99c9ef; color: var(--accent-background-color); } #page-layout-cartpane-selector .selected { border-bottom: 3px solid #99c9ef; border-bottom-color: var(--accent-background-color); } #page-layout-cart-title { left: 40px; position: relative; } .rtl-user #page-layout-cart-title { left: 0px; right: 40px; } #page-layout-cart-controls { float: right; font-size: 0px; margin-right: 3px; } .rtl-user #page-layout-cart-controls { float: left; margin-left: 3px; margin-right: 0px; } #page-layout-cart-controls a { background-color: transparent; border: 1px solid transparent; display: inline-block; height: 18px; position: relative; text-align: center; top: 1px; vertical-align: middle; width: 18px; } #page-layout-cart-controls a i { color: white; font-size: 16px; line-height: 18px; vertical-align: middle; } #page-layout-cart-controls a:hover { background-color: #cfd6e5; border-color: black; } #page-layout-cart-controls a:hover i { color: black; } #page-layout-cart-controls a.togglePin i { font-size: 14px; } #page-layout-cart-controls a.pinned i { transform: rotate(90deg); } #page-layout-cartpane-gridcontainer { box-sizing: border-box; height: 100%; left: 0px; padding-top: 200px; position: absolute; top: 0px; width: 100%; } #page-layout-cartpane-header { height: 55px; margin-top: 8px; padding-top: 3px; position: relative; text-align: center; } .ltr-user #page-layout-cartpane-header #cart-searchtype-select { float: left; margin-left: 4px; margin-top: 8px; } .rtl-user #page-layout-cartpane-header #cart-searchtype-select { float: right; margin-right: 4px; margin-top: 8px; } #page-layout-cartpane-header .k-dropdown { margin-top: 8px; } #page-layout-cartpane-header .cart-grid-header-action { color: gray; font-size: 16px; line-height: 18px; margin-top: 7px; position: relative; top: 3px; } #page-layout-cartpane-header #cart-remove-selected { font-size: 18px; } .ltr-user #page-layout-cartpane-header .cart-grid-header-action { float: right; margin-right: 7px; } .rtl-user #page-layout-cartpane-header .cart-grid-header-action { float: right; margin-right: 7px; } #page-layout-cartpane-header .cart-grid-header-action i { position: relative; top: 3px; } #page-layout-cartpane-header .cart-grid-header-action:hover { color: blue; } #page-layout-footer { background-color: #dddddd; border-top: 1px solid #888888; bottom: 0px; box-sizing: border-box; height: 36px; left: 0px; padding-left: 54px; position: absolute; width: 100%; } .rtl-user #page-layout-footer { padding-left: 0px; padding-right: 54px; } #page-layout-footer-versiontext { color: #a0a0a0; font-size: 12px; line-height: 12px; margin-left: 8px; margin-right: 8px; position: relative; top: 14px; } .ltr-user #page-layout-footer-versiontext { float: right; } .rtl-user #page-layout-footer-versiontext { float: left; } #page-layout-footer-brandinglogo { color: #a0a0a0; font-size: 20px; height: 22px; line-height: 22px; margin-left: 5px; margin-right: 5px; position: relative; top: 7px; } .ltr-user #page-layout-footer-brandinglogo { float: right; } .rtl-user #page-layout-footer-brandinglogo { float: left; } .page-layout-footer-window { box-sizing: border-box; float: left; height: 32px; padding: 2px 8px; position: relative; top: 1px; } .rtl-user .page-layout-footer-window { float: right; } .page-layout-footer-window div { background-color: #f0f0f0; border: 1px solid #333333; border-radius: 4px; color: black; position: relative; width: 100%; height: 27px; } .page-layout-footer-window span { box-sizing: border-box; font-size: 13px; height: 25px; line-height: 24px; padding: 1px 18px 0px 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; } .page-layout-footer-window i { color: black; cursor: pointer; font-size: 16px; position: absolute; top: 6px; } .ltr-user .page-layout-footer-window i { right: 6px; } .rtl-user .page-layout-footer-window i { left: 6px; } .page-layout-footer-window-minimized div { background-color: transparent !important; } #page-layout-footer-about { color: #a0a0a0; float: left; font-size: 12px; line-height: 12px; margin-right: 8px; position: relative; top: 14px; } .rtl-user #page-layout-footer-about { float: right; margin-left: 8px; margin-right: 0px; } .k-i-custommin:before { content: ""; } .k-i-custombrowser { position: relative; top: 1px; } .k-i-custombrowser:before { content: '\e672'; } .k-i-showwindowurl { position: relative; top: 1px; } .k-i-showwindowurl:before { content: '\e800'; } #page-layout-window-move-or-resize-cover { background-color: #ffffff; display: none; height: 100%; left: 0px; opacity: 0.05; pointer-events: all; position: absolute; top: 0px; width: 100%; } .popupWindowAddressBar { width: 100%; height: 30px; background-color: #d0d0d0; padding: 2px; box-sizing: border-box; } .popupWindowAddressBar input { background-color: #dddddd; } .windowWithAddressBar { } .windowWithAddressBar .k-window-titlebar { margin-top: -7px !important; } .windowWithAddressBar.k-widget.k-window.k-window-maximized {padding-top: 7px !important; top: 0 !important;} .windowWithAddressBar.k-widget.k-window { padding-top: 0 !important;} .page-layout-flex-columns { display: flex; flex-direction: column; width: 100%; height: 100%; } .k-window.k-window-maximized {top: 0 !important;} .k-window-titlebar { background-color: var(--titlebar-background-color); background-image: none; color: var(--titlebar-foreground-color); } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Embedded Layout / Header Navigation */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ #embedded-layout-bodycontainer { box-sizing: border-box; height: 100%; left: 0px; overflow: hidden; padding-top: 35px; position: absolute; top: 0px; width: 100%; } #embedded-layout-popupbodycontainer { box-sizing: border-box; height: 100%; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 100%; } #page-layout-maincontent.embedded-layout { box-sizing: border-box; height: 100%; left: 0px; padding: 35px 0px 39px 0px; position: absolute; top: 0px; transition: padding-left 0.35s; width: 100%; } #page-layout-maincontent-frame.embedded-layout { border: 0px; height: 100%; width: 100%; } #page-layout-maincontent-frame.embedded-layout .workspace-masterlist-action i { font-weight: 400; } #page-layout-maincontent-frame.embedded-layout #workspace-layout-nodedetails-headercontainer { padding: 0 8px; } #embedded-layout-welcomebar { background-color: #203a51; background-color: var(--titlebar-background-color); box-sizing: border-box; color: white; font-size: 13px; height: 5px; left: 0px; line-height: 21px; padding: 0px 8px; position: absolute; top: 0px; width: 100%; } #page-layout-cartpane.embedded-layout { padding-top: 35px !important; } #page-layout-topnavigation.embedded-layout { align-items: center; background-color: #cfd6e5; background-color: var(--top-navigation-background-color, #cfd6e5); box-sizing: border-box; display: flex; height: 30px; left: 0px; padding: 0px 8px; position: absolute; top: 5px; width: 100%; } #page-layout-topnavigation #page-layout-top-logo.embedded-layout { border: 0px; color: #a0a0a0; color: var(--top-navigation-foreground-color, #cfd6e5); margin: 0px; padding: 0px; text-decoration: none; } .ltr-user #page-layout-topnavigation #page-layout-top-logo.embedded-layout { margin-right: auto; order: 1; } .rtl-user #page-layout-topnavigation #page-layout-top-logo.embedded-layout { margin-left: auto; order: 2; } #page-layout-topnavigation #page-layout-top-logo.embedded-layout img { height: 100%; max-width: 150px; object-fit: contain; object-position: left center; width: 100%; } #page-layout-topnavigation #page-layout-top-actions.embedded-layout { height: 25px; } .ltr-user #page-layout-topnavigation #page-layout-top-actions.embedded-layout { margin-left: auto; order: 2 } .rtl-user #page-layout-topnavigation #page-layout-top-actions.embedded-layout { margin-right: auto; order: 1 } .embedded-layout-action { border: 1px solid #cfd6e5; border-color: #cfd6e5; border-color: var(--top-navigation-background-color, #cfd6e5); border-radius: 4px; box-sizing: border-box; color: #a0a0a0; color: var(--top-navigation-foreground-color, #cfd6e5); display: inline-block; height: 25px; margin: 0px 3px 0px 3px; padding: 3px; position: relative; text-align: center; text-decoration: none; vertical-align: middle; width: auto; } .embedded-layout-action * { pointer-events: none; } .embedded-layout-action i { cursor: pointer; display: block; font-size: 17px; font-weight: 400; margin: 1px 0px; text-align: center; } .embedded-layout-action span { display: block; font-size: 11px; min-width: 35px; white-space: nowrap; } .embedded-layout-action:hover { background-color: hsla(220,0%,100%,0.50); border-color: hsla(220,0%,100%,0.50); } .embedded-layout-action:active { box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.125); } .embedded-layout-action .notification-badge { border-color: #cfd6e5; border-color: var(--top-navigation-background-color, #cfd6e5); color: #a0a0a0; color: var(--top-navigation-foreground-color, #cfd6e5); display: none; font-size: 10px; height: 14px; line-height: 13px; padding: 2px 0; position: absolute; right: 2px; text-align: center; top: 0; width: 14px; } .embedded-layout-action .notification-badge-new { background-color: #bb0000 !important; border-color: #bb0000 !important; color: white !important; } #page-layout-topnavigation #page-layout-top-logo.embedded-layout img { height: 100%; max-width: 150px; object-fit: contain; object-position: left center; width: 100%; } #page-layout-topnavigation #page-layout-top-actions.embedded-layout { height: 25px; } .ltr-user #page-layout-topnavigation #page-layout-top-actions.embedded-layout { margin-left: auto; order: 2; } .rtl-user #page-layout-topnavigation #page-layout-top-actions.embedded-layout { margin-right: auto; order: 1; } #embedded-layout-actions-carts i { color: #303030; } .embedded-layout-logo { font-size: 17px; width: 150px; } #page-layout-actions-carts.embedded-layout-action .notification-badge { border: none !important; font-size: 10px; font-weight: bold; height: 18px; line-height: 10px; right: 2px; top: 0px; width: 20px; } #page-layout-actions-carts.embedded-layout-action .notification-badge-new { background: #bb0000; border: 1px solid #bb0000; border-radius: 50%; color: white; display: none; font-size: 10px; height: 11px; line-height: 11px; padding: 2px 0; position: absolute; right: 27px; text-align: center; top: 0px; width: 12px; } #page-layout-actions-downloads_tt_active { overflow: auto; } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Standard Content Page Layouts */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /* Side Panel Layout page layout classes */ .side-panel-layout-container { width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; } .side-panel-layout-container .side-panel { order: 1; flex: 0 0 300px; height: 100%; box-sizing: border-box; border-right: 1px solid #ceced2; display: flex; flex-flow: row nowrap;} .side-panel-layout-container .side-panel > div.vertical-stack-layout { width: 100%; height: 100%; } .side-panel-layout-container .detail-panel { order: 2; flex: 1; min-width: 0; height: 100%; box-sizing: border-box; } .side-panel-layout-container .detail-panel > div.ObjectTitle { height: 32px; flex-basis: 32px; box-sizing: border-box; overflow: hidden; } .side-panel-layout-container .detail-panel > div.ObjectTitle > div { padding: 0px 8px; box-sizing: border-box; } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Generic Attribute Styles */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ .center-text { text-align: center !important; } .start-text { text-align: start !important; } .field-label { font-size: 13px; font-weight: bold; } .full-width-relative { height: 100%; position: relative; width: 100%; } .full-cover-relative { height: 100%; width: 100%; position: relative; box-sizing: border-box; } .alignStart { text-align: left; } .rtl-user .alignStart { text-align: right; } .alignEnd { text-align: right; } .rtl-user .alignEnd { text-align: left; } .flex { display: flex; } .flex-horizontal-center { justify-content: center; } .flex-align-start {align-self: flex-start;} /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Standard Section and Area */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ .FullCoverDiv { box-sizing: border-box; height: 100%; position: relative; width: 100%; } .ltr-user .AbsolutePosOrigin { left: 0px; position: absolute; top: 0px; } .rtl-user .AbsolutePosOrigin { position: absolute; right: 0px; top: 0px; } .FullCoverDivDashboard { box-sizing: border-box; height: 100%; overflow-y: auto; width: 100%; } /* Page header and title bars */ .ObjectTitle, .ft-layout-header { background-color: #4d6082; background-color: var(--titlebar-background-color); border-bottom: solid 1px #4d6082; border-color: var(--titlebar-background-color); border-top: solid 1px #4d6082; margin-top: 0px; padding-bottom: 3px; padding-top: 3px; width: 100%; } .ObjectTitle, .ft-layout-header { color: white; color: var(--titlebar-foreground-color); font-family: 'Source Sans Pro', 'Open Sans'; font-size: 1.4em; font-weight: 600; line-height: 22px; text-align: center; } .ObjectTitle td { color: white; color: var(--titlebar-foreground-color); padding-bottom: 0px; padding-top: 0px; } .ObjectTitle img { display: inline-block; margin-right: 3px; vertical-align: middle; } .ObjectTitle span { display: inline-block; vertical-align: middle; } .ObjectTitle span[role=listbox] { display: inline-flex; } .ObjectTitle a, .ft-layout-header a { color: white; color: var(--titlebar-foreground-color); text-decoration: none; } .ObjectTitle a:hover, .ft-layout-header a:hover { color: gold; color: var(--titlebar-accent-color); } .ObjectSectionHeader { background-color: #4d6082; background-color: var(--titlebar-background-color); color: white; color: var(--titlebar-foreground-color); } .ft-layout-header { border-bottom: 0; padding-left: 8px; } .ft-layout-header-content {display: flex; flex-flow: row nowrap; align-items: center; height: 100%} .ft-selected-node-title { height: 100%; display: flex; flex-flow: row nowrap; align-items: center; text-align: left; overflow: hidden;} .ft-selected-node-breadcrumb { flex-grow: 1; white-space: nowrap; display: flex; align-items: center; overflow: hidden;} .ft-selected-node-breadcrumb i { margin-right: 6px; line-height: 0px; } .ft-selected-node-breadcrumb-text, .ft-selected-node-breadcrumb-link { font-weight: 600; margin-left: 3px; margin-right: 2px; } .ft-selected-node-breadcrumb-text { font-size: 1.0em; cursor: default; } .ft-selected-node-breadcrumb-text i { margin-left: 2px; margin-right: 5px; } .ft-selected-node-breadcrumb-link { cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .ft-selected-node-breadcrumb-link:hover { color: gold; color: var(--titlebar-accent-color); } /* "action" bars -- text only toolbars for grids and groups of actions */ .item-actions-power-bar { box-sizing: border-box; height: 16px; margin: 2px 0px; overflow: hidden; padding: 0px 6px; width: 100%; } .item-actions-more-popup { max-width: 600px; background-color: #f3f3f4 !important; } .item-actions-more-popup.customizer { max-width: none !important; } .ltr-user .item-actions-more-popup { text-align: left; } .rtl-user .item-actions-more-popup { text-align: right; } .item-actions-power-bar a, .item-actions-more-popup a { color: #555555; text-decoration: none; } .item-actions-more-popup a { display: block; margin: 22px 0px; } .item-actions-more-popup a div.item-actions-more-icon, .ltr-user .item-actions-more-popup.customizer div.item-actions-customizer-pinnedpos div.item-actions-more-icon { display: inline-block; margin-right: 3px; text-align: right; width: 20px; } .item-actions-power-bar a span, .item-actions-more-popup a span { font-weight: bold; line-height: 15px; white-space: nowrap; } .item-actions-power-bar a:hover, .item-actions-more-popup a:hover { color: #1c85c9; } .item-actions-power-bar a i, .item-actions-more-popup a i { font-size: 15px; margin: 0px 2px; } .ltr-user .item-actions-power-bar a { float: left; margin-left: 12px; } .rtl-user .item-actions-power-bar a { float: left; margin-right: 12px; } .ltr-user .item-actions-power-bar a.moreItems { cursor: pointer; float: right; } .rtl-user .item-actions-power-bar a.moreItems { cursor: pointer; float: left; } .item-actions-power-bar a.moreItems i { color: #1f5cc1; color: var(--accent-background-color); } .item-actions-power-bar.disabled a, .item-actions-more-popup.disabled a, .item-actions-power-bar.disabled a.moreItems i { color: #aaaaaa; pointer-events: none; } .item-actions-power-bar.disabled #usercart-actionsactions-bar-79, .item-actions-more-popup.disabled #usercart-actionsactions-bar-79, .item-actions-power-bar.disabled #usercart-actionsactions-bar-80, .item-actions-more-popup.disabled #usercart-actionsactions-bar-80 { color: #555555; pointer-events: auto; } .item-actions-more-popup-pinned { border-bottom: 1px solid #a0a0a0; box-sizing: border-box; padding: 10px 3px; text-align: center; width: 100%; } .item-actions-more-popup a.pinned { display: inline-block; margin: 8px 5px !important; } .item-actions-more-popup-col { margin: 4px 15px; } .ltr-user .item-actions-more-popup-col { float: left; } .rtl-user .item-actions-more-popup-col { float: right; } .item-actions-bar-customize { box-sizing: border-box; clear: both; height: 24px; text-align: right; width: 100%; } .rtl-user .item-actions-bar-customize { text-align: left; } .item-actions-bar-customize a { display: inline-block; font-style: italic; font-weight: bold; line-height: 15px; margin: 0px 8px; text-decoration: none; vertical-align: middle; width: auto; } .item-actions-bar-customize a:hover { color: #1c85c9; } .item-actions-more-popup.customizer .item-actions-more-popup-pinned { background-color: #f8f8f8; border-top: 1px solid #a0a0a0; } .item-actions-more-popup.customizer .item-actions-more-popup-col { box-sizing: border-box; margin: 4px 0px; padding-left: 10px; } .item-actions-more-popup.customizer div.item-actions-customizer-pinnedpos { border: 1px solid #c0c0c0; cursor: pointer; display: inline-block; height: 20px; margin: 8px 1px !important; min-width: 120px; padding: 5px 8px 4px 0px; position: relative; text-align: left; vertical-align: middle; } .item-actions-more-popup.customizer div.item-actions-customizer-pinnedpos .remove { color: red; display: none; font-size: 13px; position: absolute; right: 2px; top: 0px; } .item-actions-more-popup.customizer div.item-actions-customizer-pinnedpos:hover .remove { display: block; } .item-actions-more-popup.customizer div.item-actions-customizer-reorderdrop { border: 1px solid #f8f8f8; display: inline-block; height: 20px; margin: 8px 1px !important; vertical-align: middle; width: 10px; } .item-actions-customizer-droppablezone { border: solid 1px black; box-shadow: inset 0 0 3px #1f5cc1; box-shadow: inset 0 0 3px var(--selected-background-color); } .item-actions-customizer-droppablezone-hover { background-color: #1f5cc1 !important; background-color: var(--selected-background-color) !important; color: #ffffff; color: var(--selected-foreground-color); } .item-actions-customizer-actionoption { cursor: pointer; } .item-actions-customizer-actionoption .remove { display: none; } .item-actions-customizer-actionoption.disabled { color: #c0c0c0; cursor: not-allowed; } .item-actions-customizer-actionoption.disabled div i, .item-actions-customizer-actionoption.disabled span { color: #c0c0c0; cursor: not-allowed; } .ActionLinkIcon { color: #7b7b7b; color: var(--actionlink-icon-color, #7b7b7b) } .ActionLinkIcon:hover { color: #5e5e5e; color: var(--actionlink-icon-hover, #5e5e5e) } .borderless-button { border-radius: 4px; height: 25px; padding-bottom: 3px; margin: 3px 3px 0 3px; width: 80px !important; position: relative; color: #555555; } .borderless-button a { color: #555555; text-align: center; font-size: 12px; border-bottom: 3px solid transparent; display: inline-block; box-sizing: border-box; text-decoration: none; padding: 3px; margin-right: 5px; margin-left: 5px; } .borderless-button span { display: block; font-size: 12px; white-space: nowrap; min-width: 42px; visibility: hidden; height: 0; } .borderless-button:hover { background-color: rgb(230, 230, 230); } .borderless-button:hover i { font-size: 18px; font-weight: 500; } .borderless-button:hover a { color: black; border-color: rgb(0, 0, 0);} .borderless-button:active { box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.125); border-color: rgb(0, 0, 0); color: rgb(0, 0, 0); } .borderless-button:active a { border-color: rgb(0, 0, 0); color: rgb(0, 0, 0); } /* customized headers used as section groups or breaks */ h2 { border-bottom: 1px solid black; margin-bottom: 5px; margin-top: 20px; width: 95%; } h3 { border-bottom: 1px solid black; margin-bottom: 5px; margin-top: 20px; width: 95%; } h3.Full { width: 100%; } fieldset { border-color: #f0f0f0; border-radius: 4px; } fieldset legend { font-size: 13px; font-weight: bold; } .ErrorMessage { color: var(--status-text-color-error); } div.ErrorMessage { box-sizing: border-box; height: auto; width: 100%; } .SuccessMessage { color: var(--status-text-color-success); } div.SuccessMessage { box-sizing: border-box; height: auto; width: 100%; } .loading-indicator { color: #515967; font-size: 32px; left: 50%; line-height: 32px; margin: 0; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); } .loading-indicator i { margin: 8px; } .k-tabstrip-fullcovercontainer .k-tabstrip-wrapper, .k-tabstrip-fullcovercontainer .k-tabstrip-wrapper .k-content[role='tabpanel'] { height: 100%; } .k-tabstrip-noborder.k-tabstrip, .k-tabstrip-noborder.k-tabstrip .k-content { border-width: 1px 0px 0px 0px; box-sizing: border-box; margin: 0; width: 100%; } .details-slideout { position: absolute; top: 0px; height: 100%; width: 300px; pointer-events: none; transition: 0.5s; box-sizing: border-box; } .ltr-user .details-slideout { right: -300px; } .rtl-user .details-slideout { left: -300px; } .details-slideout-layout { box-shadow: -1px 0 1px 0 rgba(0, 0, 0, 0.125); pointer-events: auto; } div[data-detailslayoutarea] { width: 100%; height: 100%; background-color: white; } div[data-detailslayoutarea] form { height: 100%; } div[data-detailslayoutarea] .details-header { order: 1; display: flex; align-items: center; height: 50px; width: unset; margin: 0 5px 14px; border-bottom: 1px solid #4d6082; flex: 0 0 50px; } div[data-detailslayoutarea] .details-header .details-icon { font-size: 18px; margin: 0 10px; color: #555555; order: 1; } div[data-detailslayoutarea] .details-header .details-title { font-size: 16px; font-weight: 600; color: #4d6082; order: 2; flex-grow: 1; } div[data-detailslayoutarea] .details-header .details-close { font-size: 16px; margin: 0 10px 0; color: #555555; order: 3; cursor: pointer; } div[data-detailslayoutarea] .details-contentui { height: 100%; overflow: auto; order: 2; } div[data-detailslayoutarea] .details-buttonrow { order: 3; display: flex; align-items: center; height: 50px; width: 100%; padding: 5px 5px 0 5px; justify-content: center; order: 3; flex-basis: 50px; flex-shrink: 0; box-sizing: border-box; } div[data-detailslayoutarea] .vertical-stack-layout {padding-top: 5px; padding-bottom: 5px;} .ft-tabstrip-button i { color: lightgray; } .ft-tabstrip-button.selectedTab i { color: black; } .ft-tabstrip-tabpanel { opacity: 0.0; pointer-events: none; top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; } .ft-tabstrip-tabpanel.selectedTab { opacity: 1.0; pointer-events: auto; } /* standard flexbox styles */ .vertical-stack-layout { display: flex; flex-direction: column; } .vertical-stack-layout .autosize { flex-grow: 0; height: auto; width: 100%; } .vertical-stack-layout .grow { flex: 1; width: 100%; min-height: 0; min-width: 0; } .vertical-stack-layout .fixedsize { flex-grow: 0; flex-shrink: 0; width: 100%; } /* Tooltips and popup notifications */ .ToolTipNoRecordsText { font-style: italic; } .ToolTipText { } .ToolTipText td { border-bottom: 1px solid #cccccc; padding-bottom: 3px; padding-top: 3px; } .ToolTipText .ToolTipTextRowType { color: #444444; font-size: 18px; padding-left: 1px; padding-right: 5px; } .ToolTipText .ToolTipTextRow { color: #444444; text-align: left; } .ToolTipText .ToolTipTextRow a { color: #444444; text-decoration: none; } .ToolTipText .ToolTipTextRow a:hover { color: blue; text-decoration: none; } ::-webkit-input-placeholder { color: #b0b0b0; font-style: italic; } :-ms-input-placeholder { color: #b0b0b0; font-style: italic; } ::placeholder { color: #b0b0b0; font-style: italic; } .k-notification h3 { font-size: 1em; line-height: normal; padding: 20px 10px; vertical-align: middle; } .k-notification i { font-size: 24px; margin: 20px; vertical-align: middle; } .ltr-user .k-notification i { float: left; } .rtl-user .k-notification i { float: right; } .popup-notification-container { min-height: 75px; width: 250px; } .popup-notification-container h3, .popup-notification-container p { border-bottom: 0px; font-size: 12px; font-weight: normal; white-space: normal; width: auto; } .popup-notification-container p { padding: 5px 10px 10px 10px; } .ft-line-clamp {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all;} /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Repository Browser */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ #repositorycount-layout-container {padding-left: 5px; padding-right: 5px; padding-top: 5px; box-sizing: border-box;} #repositorycount-layout-title-innercontainer {padding-left: 3px; padding-right: 3px;} #repositorycount-layout-toggleexpanse-container {width: 10px; display: inline-block;} #repositorybrowser-layout-header { width: 100%; box-sizing: border-box; padding-bottom: 5px; padding-top: 5px; height: 37px; flex-grow: 0; } #repositorybrowser-layout-count {} #repositorybrowser-layout-keywordsearch-container { margin-top: 5px; margin-bottom: 5px; } #repositorybrowser-layout-keywordsearch {transition: 0.35s;} #repositorybrowser-layout-keywordsearch-container {font-size: 11px; padding-left: 5px; padding-right: 5px; text-align: left; text-align: center;} #repositorybrowser-headeraction-container{ float: right; padding: 0px 3px; } #repositorybrowser-headeraction-container a { padding-left: 2px; padding-right: 2px; color: #555; } #repositorybrowser-headeraction-container a i { font-size: 15px; vertical-align: middle; line-height: 28px; } #repositorybrowser-layout-count {padding-right: 2px; visibility: hidden;} #repositorybrowser-layout-itemtree { padding-bottom: 13px; } #repositorybrowser-physicalitem-treelist { font-size: 12px; } #repositorybrowser-physicalitem-treelist .k-grid-header {display: none;} #repositorybrowser-physicalitem-treelist .k-grid-content {overflow-y: auto !important;} #repositorybrowser-externalitem-treelist { font-size: 12px; } #repositorybrowser-externalitem-treelist .k-grid-header {display: none;} #repositorybrowser-externalitem-treelist .k-grid-content {overflow-y: auto !important;} .repository-browser-nodedesc { font-size: 12px; line-height: 18px; cursor: default; vertical-align: middle; } .repository-browser-nodeicon { padding-left: 5px; padding-right: 5px; font-size: 12px; line-height: 18px; vertical-align: middle; } .repositorycount-container {padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 5px; box-sizing: border-box; color: #515966 !important; font-size: 11px;} .repositorycount-container.repositorycount-selected {font-weight: bold;} .repositorycount-container a {text-decoration: none !important; color: #515967 !important;} .repositorycount-container a:hover {text-decoration: underline !important; color: #BB0000 !important; color: var(--accent-background-color) !important;} .repositorycount-container.ft-selected { background-color: var(--selected-background-color) !important; border-radius: 3px; } .repositorycount-repositorycount { font-size: 12px; } .ltr-user .repositorycount-repositorycount { float: right; } .rtl-user .repositorycount-repositorycount { float: left; } .repositorycount-repositoryname {cursor: pointer; font-size: 12px; } .repositorycount-selectedrepository {font-weight: bold;} .external-document-preview-tt .rtContent { overflow: hidden !important; } .external-document-preview { width: 100%; height: 100%; position: relative; overflow: hidden; } .external-document-preview .toolbar { width: 100%; height: auto; top: 0px; left: 0px; position: absolute; } .external-document-preview .toolbar input { font-size: 10pt; color: #666666; text-align: center; width: 40px; height: 16px; top: 1px; position: relative; } .external-document-preview .toolbar input:last-of-type { margin-right: 6px; } .external-document-preview .toolbar span.static-text { padding: 0px 4px; font-size: 10pt; } .external-document-preview .external-document-preview-pagedisplay { width: 100%; height: 100%; padding-top: 40px; position: relative; box-sizing: border-box; pointer-events: none; text-align: center; font-size: 13pt; color: darkred; } .external-document-preview .external-document-preview-pagedisplay img { width: 100%; height: 100%; object-fit: contain; object-position: center top; } .expanding-panel-container { padding-bottom: 5px; border-bottom: 1px; border-bottom-style: solid; color: #515966 !important; border-color: #515967 !important; font-size: 12px; } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Workspace & Search Results */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /* Download Results popup on search and other page */ .modalPopupDownloadResults { background-color: #FFF; border-color: Gray; border-style: solid; border-width: 3px; height: 275px; padding: 10px 4px 10px 4px; position: relative; top: 4px; width: 450px; } .downloadSearchResults .rddlSlide, .rddlDropDownSlide {z-index: 7999 !important;} .downloadAjaxLoading .raDiv {background-position-y: 25% !important;} .downloadAjaxLoading .runInBackground {position: relative; top: 60%; color: darkblue; text-decoration: none;} .downloadAjaxLoading .runInBackground:hover {color: red;} /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Login Page and Logo */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ .login-body { --login-background-color: #EDEEF0; --login-demo-row-hover: hsla(209, 46%, 64%, .25); --login-text-color: #555555; --login-label-color: #79a5cd; --login-title-color: #000000; --login-button-color: #FFFFFF; --login-button-background-color: #79a5cd; --login-buttonhover-background-color: #698FB3; --login-buttonhover-color: #FFFFFF; background: #EDEEF0; background: var(--login-background-color); } .login-card-container {position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;} .login-card {border-radius: 3px; background-color: white; max-height: 550px; max-width: 600px; margin: 15px; box-sizing: border-box; padding: 15px; overflow: hidden; box-shadow: 0px 1px 5px rgba(0, 0, 0, .5); text-align: center;} .login-logo-container {box-sizing: border-box; margin-top: 10px; margin-bottom: 20px; align-content: center; } .filetrail-logo-large {font-size: 65px; color: #79a5cd; color: var(--filetrail-logo-color); padding: 15px;} .filetrail-logo-small {font-size: 30px; color: #79a5cd; color: var(--filetrail-logo-color); padding: 5px;} .filetrail-logo-footer {font-size: 15px; color: #A0A0A0; color: var(--filetrail-logo-footer-color); float: right; margin-left: auto; margin-right: 5px; order: 2;} .login-logo-large {height: 100px; width: 400px; object-fit: fill;} .login-demo-panel { width: 300px; padding: 5px; border: 1px solid navy; margin-bottom: 10px; margin-left: auto; margin-right: auto; } .login-control-container .panelLogin{margin: 0 auto; max-width: 525px;} .login-control-container.publicDemo {max-height: 300px; overflow: hidden;} .panelLogin .RadInput {height: 30px !important;} .panelLogin .riTextBox.login-textbox {height: 30px !important; box-sizing: border-box; vertical-align: middle; font: 12px Open Sans, Verdana, Arial; outline: none; color: #555555; color: var(--login-text-color);} .panelLogin .login-textbox.riTextBox.riFocused { border-color: #adadad !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08) !important;} .panelLogin .RadButton.rbButton.login-button{font:11pt open sans, Arial, Verdana; background-color: #79a5cd; background-color: var(--login-button-background-color); color: #ffffff; color: var(--login-button-color); width: 100%;} .panelLogin .RadButton.rbButton.login-button:hover{background-color: #698FB3; background-color: var(--login-buttonhover-background-color); color: #FFFFFF; color: var(--login-buttonhover-color);} .panelLogin .RadButton.rbButton.login-button:active{box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.125); border-color: #ffffff;} .login-label {font-size: 15px; font-family: open sans, verdana; color: #79a5cd; color: var(--login-label-color);} .login-title-label{font: 16px Open Sans, Arial, Verdana; color: #000000; color: var(--login-title-color);} .login-normal-table {margin: 5px auto; vertical-align: middle;} .login-normal-table tr {/*height: 40px;*/} .login-panel-demo {margin: 0 10px;} .login-panel-demo .DemoLoginRow:hover {cursor: pointer; background-color: #79a5cd; background-color: var(--login-demo-row-hover); font-weight: 500 !important;} .login-panel-demo .DemoLoginRow:active { box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.125);} .login-panel-demo .DemoLoginRow td.DemoLoginCell{font-family: open sans, verdana, arial; font-size: 12px; line-height: 20px; border-bottom: none; color: #555555; color: var(--login-text-color); font-weight: 600;} .login-demo-table { width: 100%; box-sizing: border-box; padding: 0 5px;} .login-footer {width: inherit; display: flex; justify-content: center; align-content: center;} .login-footer.publicDemo {padding-top: 10px;} .login-card .login-footer-version{color: #a0a0a0; font-size: 12px; order: 1;} .login-card .login-footer-version.footerRight { margin-left: auto; margin-right: 5px;} .login-card .login-footer-version.footerLeft { margin-left: 5px; margin-right: auto;} .FTCustomLogo { max-height: 50px; max-width: 160px; } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Keyword Search Textbox & Button */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ .keywordsearch-container { box-sizing: border-box; height: 25px; margin-top: 5px; text-align: center; display: flex; align-items: center; justify-content: center;} .keywordsearch-container .k-dropdown .k-dropdown-wrap { height: 25px; } .keywordsearch-container-label { margin-right: 5px; height: 25px; box-sizing: border-box; text-align: center; display: flex; align-items: center; } .keywordsearch-container-textbox.k-textbox { height: 27px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-right: 0px; box-sizing: border-box; width: 150px; box-shadow: none !important; -webkit-box-shadow: none !important; } .keywordsearch-container-action { width: 25px; height: 27px; vertical-align: middle; white-space: nowrap; border: 1px solid #ceced2; border-left-width: 0px; box-sizing: border-box !important; border-top-right-radius: 4px; border-bottom-right-radius: 4px; display: inline-block; } .keywordsearch-container-action:hover { background-color: rgb(219, 219, 220); border-color: #AAAAAB; } .keywordsearch-container-action i { font-size: 15px; margin-right: 5px; margin-left: 5px; vertical-align: middle; color: #515967; line-height: 25px; } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Data/Kendo Grid */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ .RadGridRowNumberCol { color: #888888; padding: 3px !important; text-align: center; } .SelectedNotHighlightedGrid { } .SelectedNotHighlightedGrid .k-checkbox:checked + .k-checkbox-label:before { background: #1c85c9 !important; color: white !important; } .SelectedNotHighlightedGrid tr.k-state-selected { background-color: #ffffff; color: black; } .SelectedNotHighlightedGrid tr.k-alt.k-state-selected { background-color: #fbfbfb; color: black; } .SelectedNotHighlightedGrid tr:hover, .SelectedNotHighlightedGrid tr.k-alt:hover { background-color: #BCC3D0 !important; } .SelectedHighlightGrid { } .SelectedHighlightGrid .k-checkbox:checked + .k-checkbox-label:before { background: #1c85c9 !important; color: white !important; } .SelectedHighlightGrid .k-state-selected { background-color: var(--selected-background-color) !important; color: #000000 !important; } .SelectedHighlightGrid .k-grid .k-alt.k-state-selected {background-color: var(--selected-background-color) !important; color: #000000 !important;} .SelectedHighlightGrid tr.k-state-hover {background-color: #b5bdcb !important; background-color: var(--selected-hover-background-color) !important; background-image: none, linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%) !important;} .SelectedHighlightGrid .k-state-selected:hover {background-color: #b5bdcb !important; background-color: var(--selected-hover-background-color) !important; background-image: none, linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%) !important;} .SelectedHighlightGrid .grid-action-icon i {color: #000000 !important;} .SelectedHighlightGrid .grid-action-icon i:hover {color: #FAFAFA !important;}/*var(--accent-background-color) !important;}*/ .SelectedHighlightGrid .k-state-selected:hover .RadGridRowNumberCol {color: #000000 !important;} .edge-to-edge-grid, .edge-to-edge-grid .k-grid-content { border-left-width: 0px !important; border-right-width: 0px !important; } .no-bottom-border-grid { border-bottom-width: 0px; } .border-box-grid, .border-box-grid div { box-sizing: border-box; } td.SelectColumn, th.SelectColumn { text-overflow: clip !important; } .no-colheader-grid.k-grid { border: 0px; } .no-colheader-grid .k-grid-header { visibility: hidden; border-left-color: transparent; border-right-color: transparent; } div.grid-action-icon, div.grid-action-icon-disabled, div.grid-action-icon-approved, div.grid-action-icon-approved-inactive, div.grid-action-icon-denied, div.grid-action-icon-denied-inactive { display: inline-block; } .grid-action-icon i, .grid-action-icon-disabled i, .grid-action-icon-approved i, .grid-action-icon-denied i, .grid-action-icon-approved-inactive i, .grid-action-icon-denied-inactive i { color: #4d6082; font-size: 15px; line-height: 18px; box-sizing: border-box; padding-left: 2px; padding-right: 2px; min-width: 12px; text-align: center; } .grid-action-icon i:hover {color: gold; color: var(--titlebar-accent-color);} .grid-action-icon-approved i { color: #008000; color: var(--status-text-color-approved);} .grid-action-icon-approved-inactive i { color: #4d6082; opacity: .25; } .grid-action-icon-approved i:hover, .grid-action-icon-approved-inactive i:hover { color: #FAFAFA; } .grid-action-icon-denied i { color: #800000; color: var(--status-text-color-denied-explicit);} .grid-action-icon-denied-inactive i { color: #4d6082; opacity: .25; } .grid-action-icon-denied i:hover, .grid-action-icon-denied-inactive i:hover { color: #FAFAFA; } .grid-action-icon-disabled { opacity: .25; cursor: default; pointer-events: none;} .k-grid.ft-grid-toolbar .k-grid-toolbar { padding: 1px 0px; } .k-grid.ft-grid-toolbar .grid-toolbar { display: flex; margin: 0px; flex-direction: row; min-height:37px; width: 100%;} .k-grid.ft-grid-toolbar .grid-toolbar .grid-actions { flex-grow: 1; border: 0px; padding: 0px 2px; } .k-grid.ft-grid-toolbar .grid-toolbar .grid-actions .k-split-button a { margin-right: 0px; } .k-grid.ft-grid-toolbar .grid-toolbar .grid-actions .k-split-button .k-split-button-arrow { height: unset;} .k-grid.ft-grid-toolbar .grid-toolbar .grid-actions .k-combobox .k-input-button { margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0;} .ft-gridtool-container { display: flex; flex-direction: row; justify-content: space-between; width: 100%;} .ft-gridtool-group { display: flex; flex-direction: row; } div.k-grid[data-isfullheight="true"] { display: flex !important; flex-direction: column; } div.k-grid[data-isfullheight="true"] .k-grid-content { flex-grow: 1; } .k-grid td.no-events div{pointer-events: none;} /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Input Forms */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ .inputform-wrapper { padding: 2px; list-style-type: none; height: 100%; width: 100%; display: flex; flex-direction: column; overflow: auto; margin-block-start: 5px; margin-block-end: 5px; } .inputform-wrapper li.form-row { display: flex; justify-content: flex-end; margin: 5px 3px; min-height: 26px; } .inputform-wrapper li.form-row.newsection { margin-top: 10px; } .inputform-wrapper li.form-row div { align-items: center; display: flex; } .inputform-wrapper li:last-child {height: 100%;} .inputform-wrapper li.form-arealabel { margin-top: 6px; } .inputform-wrapper .form-label, .inputform-wrapper .form-arealabel { flex: 1; font-size: 11px; font-weight: 600; color: #4d6082; max-width: 150px; padding-right: 10px; padding-left: 10px; align-content: flex-end; } .inputform-wrapper .form-arealabel { align-self: flex-start;} .inputform-wrapper .form-input, .inputform-wrapper .form-value-label, .inputform-wrapper .form-value-label-readonly { flex: 2; padding-top: 2px; padding-bottom: 2px; padding-right: 10px; } .inputform-wrapper .form-value-label { font-size: 12px; } .inputform-wrapper .form-value-arealabel { display: inline-block !important; overflow: auto;} .rtl-user .inputform-wrapper .form-value-label { padding-right: inherit; padding-left: 10px; } .inputform-wrapper .form-input-textarea { width: 100%; resize: none; height: 100%; } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Standard Input Elements */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ .k-aspform-button { font-size: 12px; line-height: 17px; } .ObjectTitle .k-aspform-button { padding-bottom: 2px; padding-top: 2px; } .select-option-system { background-color: rgb(204, 238, 221); } .disabledControl, label:disabled { color: #909090; } .ft-split-button-group-container { display: table; } .ft-split-button-group-container .k-button-group .k-button:last-child { border-bottom-right-radius: 0px !important; border-right-width: 0px !important; border-top-right-radius: 0px !important; } .ft-split-button-group.k-button-group .k-button:last-child { border-bottom-right-radius: 0px !important; border-right-width: 0px !important; border-top-right-radius: 0px !important; } .ft-split-button-group-selector { background-color: #f3f3f4; border: 1px solid #ceced2; border-bottom-right-radius: 4px; border-top-right-radius: 4px; box-sizing: border-box; display: inline-block; height: 27px; text-align: center; vertical-align: middle; white-space: nowrap; width: 15px; } .ft-split-button-group-selector:hover { background-color: #99c9ef; background-color: var(--selected-background-color); border-color: #99c9ef; border-color: var(--selected-background-color); color: #FFFFFF; color: var(--selected-foreground-color); } .ft-split-button-group-selector i { line-height: 27px; vertical-align: middle; } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Media Icon Selection */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ .IconSelectionCategory { clear: both; color: #888888; padding-top: 8px; } .IconSelectionContainer { margin-left: 15px; width: 80%; } .Icon, .GridIcon { border: solid 1px #EEEEEE; cursor: pointer; display: inline-block; float: left; height: 16px; margin: 2px 2px 2px 2px; padding: 4px; position: relative; vertical-align: middle; } .Icon:hover, .GridIcon:hover { background-color: #eeeeee; border: solid 1px #0073c6; } .GridIcon { float: none; } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Dashboard */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ .mainDashboardCardContainer { overflow: auto; height: 98%; padding-bottom: 100px; } .dashboard-container { height: inherit;overflow: auto; } .dashboard-row-single {display: flex; flex-direction: row; flex-wrap: wrap; overflow: hidden; } .dashboard-card { background-color: white; border: 10px solid #ffffff !important; border-radius: 5px; box-shadow: 0px 1px 5px rgba(0, 0, 0, .5); box-sizing: border-box; margin: 10px; min-height: 250px; min-width: 250px; display: flex; flex-direction: column; overflow: hidden; } .dashboard-card .card-header { background-color: #ffffff; border-radius: 5px 5px 0px 0px; border-bottom: 1px solid silver; box-sizing: border-box; color: #555; font-family: 'Source Sans Pro', 'Open Sans', Arial; font-size: 18px; font-weight: 700; line-height: 25px; height: 36px; box-sizing: border-box; padding: 5px; white-space: normal; width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; } .dashboard-card span.card-title { cursor: pointer;} .dashboard-card i[data-role='refreshcard'] { cursor: pointer; font-size: 14px; height: 25px; line-height: 25px; text-align: right; vertical-align: middle; width: 16px; } .dashboard-card i[data-role='refreshcard']:hover { } .dashboard-card .card-body { background-color: transparent; min-height: 225px; text-align: center; width: 100%; padding: 10px 10px 0 0; flex-grow: 1; } .dashboard-card .card-body .loadingIndicator { font-size: 48px; height: 48px; line-height: 48px; overflow: hidden; position: relative; top: 50px; width: 48px; } .dashboard-card .card-body .text-display { text-align: left; } .dashboard-card .card-body .row-icon { display: inline-block; margin-right: 4px; text-align: center; width: 24px; } .dashboard-card .k-grid.clickable tbody tr { cursor: pointer; } .dashboard-card .k-grid.supressColumnHeaders .k-grid-header { display: none; } .dashboard-header_center { display: inline-block; float: inherit; } .dashboard-header_right { cursor: pointer; display: inline-block; float: right; } .ObjectTitleD { background-color: #4d6082; border-bottom: solid 1px #4d6082; border-top: solid 1px #4d6082; margin-top: 0px; overflow: hidden; padding-bottom: 3px; padding-top: 3px; text-align: center; width: 100%; *zoom: 1; /* for ie6/7 */ } .dashboard-content-section-header { background-color: #f3f3f4; border-color: #ceced2; text-align: left; padding-left: 5px; } .dashboard-content-section-text { color: #505968; text-decoration: none; cursor: default; } .dashboard-content-header-link { text-decoration: underline; padding: 5px !important; padding-left: 0 !important; } /* popup settings/admin window */ .dashboardSettingsPopUpRightWrapper { height:100%; width: 66%; position: fixed; z-index: 1; top: 0; overflow-x: hidden; padding-top: 20px; right: 5px } .dashboardSettingsPopUpLeftWrapper { height: inherit; width: 33%; position: fixed; z-index: 1; top: 0; overflow-x: hidden; left: 5px; } .dashboardSettingsPopUpActionButtonGroup { margin-bottom: 15px; padding-top: 12px; text-align: center } .cardSelect { height: 85%; } .memberSelect { height: 85%; } .cardSearchText { width: 200px; height: 18px; } .ft-cards { height:100%} .ft-cards-header-wrapper { text-align: center } .card-manager { display: flex; flex-direction: row; justify-content: center; height: 100% } .activeCardsListBoxContainer { height: 100%; width: 100% } .activeCardsLabel { display: block; text-align: center; border-bottom: none } .activeCardsListBox { width: 100%; text-align: left; min-width: 50%; min-height: 100%; height: 100% } .availableCardsListBox { width: 100%; text-align: left; min-width: 50%; height: 100% } .availableCardsListBoxContainer { height: 100%; width: 100% } .availableCardsLabel { display: block; text-align: center; border-bottom: none } .cardSpacerDiv { width:15px} .activeListBoxCardItemTemplate { text-align: left; white-space: nowrap; border-bottom: 1px solid lightgrey; padding: 5px; border-left: 20px solid mediumseagreen; border-radius: 10px } .availableListBoxCardItemTemplate { text-align: left; white-space: nowrap; border-bottom: 1px solid lightgrey; padding: 5px; border-left: 20px solid lightgrey; border-radius: 10px } .cardItemTitle { font-size: 1.1em; padding: 0; margin-bottom: -5px; display: block; font-weight: 600 } .cardItemSubTitle { font-size: .8em; margin-top: -10px; position: relative; font-weight: 800; color: grey } .cardItemSubTitle2 { font-size: .8em; position: relative; display: block; color: grey } #DashboardItemListContainer { text-align: center } .ft-dashboardCardTemplate {text-align: left; white-space:normal; border-bottom: 1px inset lightgrey; padding: 10px; border-radius: 5px;height:auto} .ft-dashboardCardTemplateTitle { width: 200px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .ft-dashboardCardTemplateTitle > span {font-size: 1.3em; padding: 0; margin-bottom: 0px; font-weight: 800; } .privacytoggle, .visibilitytoggle { background: transparent; border: none; color: #676767; outline: none; } .privacytoggle:hover, .visibilitytoggle:hover { background: transparent; border: none; color: #222222; } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Kendo Dialogs */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /************* ERROR DIALOG STYLES ******************/ .ft-dialog-error .k-dialog-content { background-color: #FCFCFC; font-weight: 600; font-size: 12px; } .ft-dialog-error .k-dialog-titlebar { background-color: #C72C2D; } .ft-dialog-error .k-dialog-title { color: white; font-weight: 700; } .ft-dialog-error .k-dialog-buttongroup { background-color: #FCFCFC; } .ft-dialog-error .k-button.k-primary { border-color: #AD3636; background-color: #C72C2D; } .ft-dialog-error .k-button:active, .ft-dialog-error .k-button:focus { border-color: #AD3636; } .ft-dialog-error .k-button:active { background-color: #C72C2D; } .ft-dialog-error .k-button:focus, .ft-dialog-error .k-primary:focus, .ft-dialog-error .k-button:focus:active, .ft-dialog-error .k-primary:focus:active { box-shadow: 0 0 2px 1px #C72C2D !important; } /************* ALERT DIALOG STYLES ******************/ .ft-dialog-alert .k-dialog-content { background-color: #FCFCFC; font-weight: 600; font-size: 12px; } .ft-dialog-alert .k-dialog-titlebar { background-color: #DE9C02; } .ft-dialog-alert .k-dialog-title { color: black; font-weight: 700; } .ft-dialog-alert .k-dialog-buttongroup { background-color: #FCFCFC; } .ft-dialog-alert .k-button.k-primary { border-color: #ADAC47; background-color: #DE9C02; color: black; } .ft-dialog-alert .k-button:active, .ft-dialog-alert .k-button:focus { border-color: #ADAC47; } .ft-dialog-alert .k-button:active { background-color: #DE9C02; color: black; } .ft-dialog-alert .k-button:focus, .ft-dialog-alert .k-primary:focus, .ft-dialog-alert .k-button:focus:active, .ft-dialog-alert .k-primary:focus:active { box-shadow: 0 0 2px 1px #DE9C02 !important; } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region General Kendo Theme Overrides */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ .k-menu .k-state-focused { box-shadow: none !important; } .k-window-content.k-content { overflow-x: hidden !important; overflow-y: hidden !important; padding: 0px !important; } .RadToolTip .rtContent > div { height: 100%; width: 100%; } .k-grid td { white-space: nowrap; } .k-grid .grid-toolbar { display: flex; align-items: center; flex-direction: row;} .k-grid .grid-toolbar .grid-actions { flex-grow: 1; border: 0px; padding: 0px 2px; } .k-grid .grid-toolbar .grid-actions .k-split-button a { margin-right: 0px; } .k-grid .k-pager-wrap.k-pager-sm .k-pager-info { display: flex !important; } .k-grid .k-pager-wrap.k-pager-sm .k-pager-sizes { display: flex !important; } .k-toolbar span.fa.k-sprite, .k-toolbar span.fa.k-sprite::before { color: #515967; font-family: "Font Awesome 5 Pro"; font-size: 15px; line-height: 15px; margin-top: -5px !important; position: relative; text-indent: 0px !important; top: 1px; } /* ensures that the first non-hidden column does not have a border; telerik did not take into account hiddden columns */ .k-grid tbody td:first-child[style*="display:none"] + td:not([style*="display:none"]) { border-left-width: 0px; } .k-grid .k-grid-header th:first-child[style*="display: none"] + th:not([style*="display: none"]) { border-left-width: 0px; } .k-grid .k-grid-pager .k-pager-sizes .k-picker { width: 5.5em;} .k-grid .k-grid-pager .k-pager-sizes .k-picker .k-input-button { margin-left: 0; margin-right: 0; padding-bottom: 0; padding-top: 0;} .k-grid .k-grid-pager .k-pager-sizes .k-picker .k-input-inner .k-input-value-text { text-align: center;} .far.k-sprite, .far.k-sprite::before { color: #515967; font-family: "Font Awesome 5 Pro"; font-size: 15px; line-height: 15px; } .fas.k-sprite, .fas.k-sprite::before { color: #515967; font-family: "Font Awesome 5 Pro"; font-size: 15px; font-weight: 900; line-height: 15px; } .far.k-sprite, .fas.k-sprite { position: relative; top: 1px; } .k-button { margin-left: 5px; margin-right: 5px; padding-bottom: 5px; padding-top: 5px; } .k-button .far.k-sprite, .k-button .fas.k-sprite, .k-button .fal.k-sprite { margin-right: 4px; } .k-button .k-sprite { top: 0px; } .k-button-nomargin { margin-left: 0px; margin-right: 0px; } .k-button.k-state-focused { border-color: transparent !important; } .k-button-group .k-button { margin: 0px; } .k-button-group .k-state-focused { box-shadow: none !important; } .k-tabstrip { background-color: white; } .k-tabstrip .k-tabstrip-items { padding-left: 8px; } .k-panelbar .k-item .k-link.k-state-selected, .k-panelbar > li.k-state-default > .k-link.k-state-selected, .k-panelbar > li > .k-state-selected, .k-state-selected > .k-link { color: var(--selected-foreground-color); } .k-window { border-color: #aaaaaa; } .k-window.k-state-focused { border-color: #aaaaaa; } .k-window.k-state-focused { border-color: #aaaaaa; } .k-window-actions.k-dialog-actions { display: none; } .k-alert .k-dialog-button-layout-stretched .k-button {width: 35%; flex: none;} .k-alert .k-dialog-buttongroup {justify-content: center;} .k-dialog .k-button, .k-alert .k-button {box-shadow: none !important;} .k-split-button:focus { box-shadow: none; } .k-split-container .k-button { margin-left: 0px; } div.k-loading-mask { background-color: rgba(255,255,255,0.75); } .k-tabstrip { display: flex; flex-direction: column; } .k-tabstrip .k-tabstrip-items { height: auto; } .k-tabstrip .k-content { flex-grow: 1; } .ft-optionlabel, .k-dropdown-wrap .k-input.k-readonly {color: #b0b0b0; opacity: 1; font-weight: 500; font-size: 12px; font-style: italic; } .k-state-focused .ft-optionlabel{color: #A5A5A5;} .k-list-optionlabel {background-color: #F0F0F0; border-color: #b3b3b3; color: #A5A5A5; font-style: italic;} .k-list-optionlabel.k-state-selected.k-state-focused {background-color: #e1e1e1; border-color: #C1C1C1; color: #A5A5A5;} .k-context-menu li span.k-menu-link { padding-top: 4px; padding-bottom: 4px; } .k-list li { font-size: 12px; } .k-colorpalette-tile { width: 15px; height: 15px; } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Telerik ASP.NET AJAX theme overrides */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ .RadButton .rbText { line-height: 1.5em; } .FT_RadSplitButton { padding-right: 18px !important; } .RadGrid { outline: none; } .RadGrid td a { color: #000055; } .GridRowSelector_Bootstrap { background-color: #000055 !important; } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/ /*#region Form Validation */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/ .ValidatorErrorIndicator { text-align: center; width: 16px; margin-left: 5px; } .ValidatorErrorIndicator i { line-height: 18px; } .ValidatorErrorIndicator i[data-invalid] { color: #FFC40C; display: inline-block; } .ValidatorErrorIndicator.k-hidden i[data-invalid] { display: none; } .ValidatorErrorIndicator i[data-valid] { display: none; } .ValidatorErrorIndicator.k-hidden i[data-valid] { color: darkred; display: inline-block; } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/ /*#region Button Styles */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/ .ft-flat-button, .ft-group-button {display: flex; border-radius: 4px; cursor: pointer; align-items: center; justify-content: center; color: #555555; margin: 1px 3px; padding: 5px;} .ft-flat-button div, .ft-group-button div {font-weight: 700; font-size: 12px;} .ft-flat-button i, .ft-group-button i {font-weight: 300; font-size: 15px; margin: 0px 2px;} .ft-flat-button i:hover, .ft-group-button i:hover {} .ft-flat-button:hover {color: #333; background-color: #e6e6e6; box-shadow: inset 0 0 1px #fff;} .ft-flat-button:active {color: #333; background-color: #e6e6e6; box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);} .ft-flat-button-disabled {pointer-events: none; background-color: #f3f3f4;} .ft-group-button {color: #7178BD; flex-direction: column;} .ft-group-button:hover {color: #333; background-color: #D8DAF0; box-shadow: inset 0 0 1px #fff;} .ft-group-button:active {color: #333; background-color: #D8DAF0; box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);} .ft-group-button-selector {height: 0; width: 100%} .ft-group-button.selected {margin-bottom: 0;} .ft-group-button.selected .ft-group-button-selector {height: 1px; background-color: #7178BD;} .ft-group-button.selected:hover .ft-group-button-selector {background-color: #333;} .ltr-user .ft-flat-button i, .ltr-user .ft-group-button i {margin-right: 3px;} .rtl-user .ft-flat-button i, .rtl-user .ft-group-button i {margin-left: 3px;} .ft-flat-separator {width: 1px; background-color: #555555; height: 100%; margin-left: 2px; margin-right: 2px;} .ft-flat-label{font-size: 12px; font-weight: 500; margin-inline-start: 5px;} /* treat these two styles slightly differently when used in a grid toolbar */ .k-grid .ft-flat-label{font-family: 'Open Sans';font-size: 13px; font-weight: 600;} .k-grid .ft-flat-separator {margin-inline-start: 10px; margin-inline-end: 10px;} /* show details slider button styles*/ .ft-show-details.selected { box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.125); background-color: rgb(230, 230, 230); } .ft-show-details[disabled] { pointer-events: none; } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Kendo Dialogs */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ .ft-file-type-icon { font-size: 14px; } .ltr-user .ft-file-type-icon { margin-right: 5px; } .rtl-user .ft-file-type-icon { margin-left: 5px; } .ft-file-type-csv { color: #107C41; } .ft-file-type-doc { color: #0078D4; } .ft-file-type-mp4 { color: #666666; } .ft-file-type-msg { color: #222222; } .ft-file-type-msg { color: #185ABD; } .ft-file-type-pdf { color: #AD0B00; } .ft-file-type-png { color: #1981CF; } .ft-file-type-pst { color: #185ABD; } .ft-file-type-ppt { color: #AD0B00; } .ft-file-type-txt { color: #222222; } .ft-file-type-xls { color: #107C41; } .ft-file-type-zip { color: #FFE78F; } .ft-file-type-folder { color: #FFE896; } /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region Cart Page Themes */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ #page-layout-cartpane-header .k-dropdown { width: 200px;} #cart-items .k-toolbar .k-button { border-radius: 4px; border-color: #c3c3c8; color: #515967; background-color: #f3f3f4; background-position: 50% 50%; background-image: url(textures/highlight.png); background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);} #cart-items .k-toolbar .k-button.k-state-hover, #cart-items .k-toolbar .k-button:hover { color: #263248; border-color: #bebec3; background-color: #9ea8b9; background-image: url(textures/highlight.png); background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);} #cart-items .k-toolbar .k-button.k-state-active, #cart-items .k-toolbar .k-button:active { color: #fff; background-color: #187ebf; border-color: #187ebf; background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);} #cart-items .k-toolbar .k-button.k-state-focused, #cart-items .k-toolbar .k-button:focus { border-color: #1a87cd; box-shadow: 0 0 2px 1px #1984c8;} /*#endregion*/ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /*#region FileTrail Themes */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ .icon-selector-filters { width: 100%; background-color: white; border-bottom: 1px solid #eeeeee; padding: 5px; display: flex;} .icon-selector-keywordFilter { width: 200px;} .icon-selector-weightList { width: 200px; margin-left: 5px;} .icon-selector-icons .iconOption { width: 38px; height: 38px; font-size: 30px; line-height: 30px; padding-top: 4px; text-align: center; margin: 5px; color: black; text-decoration: none; border: 1px solid #ffffff; border-radius: 3px; box-sizing: border-box; display: inline-block; } .icon-selector-icons .iconOption:hover { color: darkblue; border: 1px solid #999999; } .icon-selector-icons .iconOption i { width: auto; margin: 0px auto; align-items: center; } .theme-builder-navigation {padding-top: 88px; overflow: hidden;}