/* Add new style classes to custom.less. * Add new LESS definitions to definitions.less. * Change SmartGWT style in smartgwt.less. */ /* === DEFINITIONS.LESS === (all variable and function definitions) */ /* LESS definitions go here. Please add only necessary definitions. Try to use definitions that are already available! */ /* === COLORS === */ /* use standard colors for buttons, bars and other areas; use dark colors for mouse over and light colors for text-background */ /* see style guide - DO NOT CHANGE! */ /* === FONTS === */ /* import fonts */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(../fonts/Roboto-Regular.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(../fonts/Roboto-Black.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-RegularItalic'), url(../fonts/Roboto-Italic.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(../fonts/Roboto-BlackItalic.woff) format('woff'); } @font-face { font-family: 'DaxWeb'; font-style: normal; font-weight: normal; src: local('DaxWeb'), url('../fonts/DaxWeb.eot') format('embedded-opentype'), url('../fonts/DaxWeb.woff') format('woff'); } @font-face { font-family: 'DaxWeb'; font-style: normal; font-weight: bold; src: local('DaxWeb Bold'), url('../fonts/DaxWeb-Bold.eot') format('embedded-opentype'), url('../fonts/DaxWeb-Bold.woff') format('woff'); } @font-face { font-family: 'MaterialIcons'; font-style: normal; font-weight: normal; src: local('MaterialIcons Regular'), local('MaterialIcons-Regular'), url('../fonts/MaterialIcons-Regular.eot') format('embedded-opentype'), url('../fonts/MaterialIcons-Regular.woff') format('woff'); } /* the view header should be used only once in a view */ .fontH1 { font-family: DaxWeb; font-size: 20px; font-weight: bold; } /* section headers could be used multiple times in a view, but only once in an element group */ .fontH2 { font-family: DaxWeb; font-size: 16px; font-wight: bold; } /* header e.g. for tables */ .fontH3 { font-family: DaxWeb; font-size: 16px; } /* all text, which is not in headers */ .fontP { font-family: Roboto; font-size: 15px; } /* === BACKGROUNDS === */ /* widget background */ .widgetBackground { background-color: #ffffff; } /* transparent background */ .transparentBackground { background-color: transparent; } /* === IMAGES === */ /* === BORDERS === */ .rounded { border-radius: 3px; } /* === SMARTGWT.LESS === (way to hell) */ /*============================================================ This CSS file is copied from the file generated by skins/EnterpriseSeries/sass/_base.scss ==============================================================*/ /*============================================================ "BlackbeeSkin" theme CSS styles Copyright 2001 and beyond, Isomorphic Software :: Contents :: 1) General default text default border drop indicator hover canvas 2) Buttons Button ImgButton StretchImgButton 3) Menu MenuButton 4) Window Dialog 5) Layout drop line drag placeholder splitbar (resizebar) 6) TabSet tab titles 7) SectionStack image SectionHeaders CSS SectionHeaders 8) Forms general headerItem text items selectItem checkbox & radioButton ColorChooser DateChooser 9) Slider & Rangebar 10) DetailViewer 11) ListGrid parts headers cells 12) ToolStrip 12a) ToolStripGroup and IconButton 13) Tools 14) TileGrid 15) Scrollbars 16) Special dashboard tiles ------------ internal/unused styles ============================================================*/ /*============================================================ 1) General ============================================================*/ /* link behavior */ a, a:visited { text-decoration: none; color: #00a0d1; } a:hover { text-decoration: underline; color: #00a0d1; } .pageBackground { background: #fafafa; } /* default text */ .normal { line-height: 1.2; } .defaultBorder { border: 1px solid #ababab; } /* drag outline */ .dragOutline { border: 1px dashed #f90f0b; } /* drop indicator */ .dropBorder { background-color: gray; } /* hover canvas */ .canvasHover, .gridHover, .formHover { border-radius: 3px; color: #ffffff; background-color: #333333; opacity: 0.85; padding: 4px; transition: all 2s ease-in-out; } /* group label */ .groupLabel { padding-left: 5px; padding-right: 5px; } /* don't wrap white-spaces */ .noWrap { white-space: nowrap; } /* CSS3 Mode */ .richTextEditorBorder { /* border-top: 3px solid #e0e0e0; border-bottom: 4px solid #e0e0e0; border-left: 4px solid #e0e0e0; border-right: 4px solid #e0e0e0; -webkit-box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab; -moz-box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab; box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab; */ } /*============================================================ 2) Button button.baseStyle buttonStrip.baseStyle buttonTable.baseButtonStyle listBar.labelStyle listGrid.headerBaseStyle (not in this skin) ============================================================*/ .button, .buttonOver, .buttonFocused, .buttonFocusedOver, .buttonDown, .buttonFocusedDown, .buttonSelected, .buttonSelectedFocused, .buttonSelectedDown, .buttonSelectedFocusedDown, .buttonSelectedOver, .buttonSelectedFocusedOver, .buttonDisabled, .buttonSelectedDisabled { background-color: #E8E8E8; border-top: 1px solid #F8F8F8; border-bottom: 1px solid #D8D8D8; border-left: 1px solid #F0F0F0; border-right: 1px solid #E0E0E0; padding: 2px; } /* CSS3 Mode */ .buttonRounded, .buttonRoundedOver, .buttonRoundedFocused, .buttonRoundedFocusedOver, .buttonRoundedDown, .buttonRoundedFocusedDown, .buttonRoundedSelected, .buttonRoundedSelectedFocused, .buttonRoundedSelectedDown, .buttonRoundedSelectedFocusedDown, .buttonRoundedSelectedOver, .buttonRoundedSelectedFocusedOver, .buttonRoundedDisabled, .buttonRoundedSelectedDisabled { border-radius: 3px; cursor: pointer; background-color: transparent; text-align: center; vertical-align: middle; border-radius: 3px; border: 1px solid #00a0d1; color: #00a0d1; } .buttonRounded .icon, .buttonRoundedOver .icon, .buttonRoundedFocused .icon, .buttonRoundedFocusedOver .icon, .buttonRoundedDown .icon, .buttonRoundedFocusedDown .icon, .buttonRoundedSelected .icon, .buttonRoundedSelectedFocused .icon, .buttonRoundedSelectedDown .icon, .buttonRoundedSelectedFocusedDown .icon, .buttonRoundedSelectedOver .icon, .buttonRoundedSelectedFocusedOver .icon, .buttonRoundedDisabled .icon, .buttonRoundedSelectedDisabled .icon { vertical-align: middle; } .buttonRounded .buttonText, .buttonRoundedOver .buttonText, .buttonRoundedFocused .buttonText, .buttonRoundedFocusedOver .buttonText, .buttonRoundedDown .buttonText, .buttonRoundedFocusedDown .buttonText, .buttonRoundedSelected .buttonText, .buttonRoundedSelectedFocused .buttonText, .buttonRoundedSelectedDown .buttonText, .buttonRoundedSelectedFocusedDown .buttonText, .buttonRoundedSelectedOver .buttonText, .buttonRoundedSelectedFocusedOver .buttonText, .buttonRoundedDisabled .buttonText, .buttonRoundedSelectedDisabled .buttonText { margin-left: 0.5em; vertical-align: middle; } .buttonRoundedOver, .buttonRoundedDown, .buttonRoundedFocusedOver, .buttonRoundedFocusedDown, .buttonRoundedSelectedDown, .buttonRoundedSelectedFocusedDown, .buttonRoundedSelectedOver, .buttonRoundedSelectedFocusedOver { color: #00799e; } /* CSS3 Mode */ .buttonRoundedDisabled { background-color: transparent; border-color: #d1d1d6; color: #d1d1d6; cursor: default; } .buttonDisabled, .buttonSelectedDisabled { font-weight: normal; } /* CSS3 Mode */ .buttonRoundedDisabled, .buttonRoundedSelectedDisabled { font-weight: normal; } .buttonFocused, .buttonFocusedOver, .buttonSelectedFocused, .buttonSelectedFocusedOver, .buttonSelectedFocusedDown { border: 1px solid #ababab; } .buttonDown, .buttonFocusedDown, .buttonSelectedDown, .buttonSelectedFocusedDown { background-color: #E2E2E2; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #F8F8F8; border-left: 1px solid #E0E0E0; border-right: 1px solid #F0F0F0; padding: 2px; } .stretchImgButtonOver { font-weight: normal; } .stretchImgButtonSelectedDisabled, .stretchImgButtonDisabled { font-weight: normal; } /* Button Title */ .buttonTitleDisabled, .buttonTitleSelectedDisabled { font-weight: normal; } .iconButtonOver, .iconButtonDown { border-radius: 1px !important; border-color: transparent !important; background-color: transparent !important; } .iconButtonOver { background-color: #f5f5f5 !important; } .iconButtonDown { background-color: #f5f5f5 !important; border-width: 2px !important; } /*============================================================ 3) Menus ============================================================*/ .menuMain, .menuMainRTL { background-color: white; } .menuTable { border-radius: 3px; border: 1px solid #00a0d1; } .treeMenuBody { background: white; } .menu, .menuSelected, .menuOver, .menuSelectedOver, .menuDisabled, .menuTitleField, .menuTitleFieldDark, .menuTitleFieldSelected, .menuTitleFieldSelectedDark, .menuTitleFieldOver, .menuTitleFieldOverDark, .menuTitleFieldSelectedOver, .menuTitleFieldSelectedOverDark, .menuTitleFieldDisabled, .menuIconField, .menuIconFieldOver, .menuIconFieldSelected, .menuIconFieldSelectedOver, .menuIconFieldDisabled, .treeMenuSelected, .treeMenuSelectedOver, .treeMenuSelectedSelected, .treeMenuSelectedSelectedOver { padding-top: 0px; padding-bottom: 0px; border: 0px; width: 100%; } .menuOver, .menuOverDark, .menuSelectedOver, .menuSelectedOverDark, .menuTitleFieldOver, .menuTitleFieldOverDark, .menuTitleFieldSelectedOver, .menuTitleFieldSelectedOverDark, .menuIconFieldOver, .menuIconFieldOverDark, .menuIconFieldSelectedOver, .menuIconFieldSelectedOverDark, .treeMenuSelected, .treeMenuSelectedDark, .treeMenuSelectedOver, .treeMenuSelectedOverDark, .treeMenuSelectedSelected, .treeMenuSelectedSelectedOver { background-color: #00a0d1; /**** select color *****/ } .menuTitleField, .menuTitleFieldDark, .menuTitleFieldSelected, .menuTitleFieldSelectedDark, .menuTitleFieldOver, .menuTitleFieldOverDark, .menuTitleFieldSelectedOver, .menuTitleFieldSelectedOverDark, .menuTitleFieldDisabled { padding-left: 2px; } .menuIconField, .menuIconFieldDark, .menuIconFieldOver, .menuIconFieldOverDark, .menuIconFieldSelected, .menuIconFieldSelectedDark, .menuIconFieldSelectedOver, .menuIconFieldSelectedOverDark, .menuIconFieldDisabled { padding-left: 2px; padding-right: 2px; } /* menu header buttons */ .menuButton, .menuButtonOver, .menuButtonDown, .menuButtonDisabled, .menuButtonFocused, .menuButtonFocusedDown, .menuButtonFocusedOver, .menuButtonSelected, .menuButtonSelectedDown, .menuButtonSelectedOver, .menuButtonSelectedDisabled { border-radius: 3px; border: 1px solid #00a0d1; background: #ffffff; color: #2D2D32; /*padding-left: 0px; padding-right: 0px;*/ /*background: white; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #F8F8F8; border-left: 1px solid #E0E0E0; border-right: 1px solid #F0F0F0; padding: 2px;*/ } .menuButtonDisabled { background-color: #F6F6F6; border: 1px solid #F2F2F2; padding: 2px; } /*============================================================ 4) Window window.styleName - windowBackground window.bodyStyle - windowBody window.headerStyle - windowHeader window.hiliteHeaderStyle - windowHeaderHilite window.headerLabelDefaults.styleName - windowHeaderText window.statusBarDefaults.styleName - windowStatusBar Dialog dialog.styleName - dialogBackground dialog.bodyStyle - dialogBody dialog.headerStyle - dialogHeader dialog.hiliteHeaderStyle - dialogHeaderHilite dialog.headerLabelDefaults.styleName - dialogHeaderText ============================================================*/ .windowBackground { background-size: 100%; background: #ffffff; border-radius: 3px; border: 1px solid #00a0d1; /* border-top: 1px solid #F8F8F8; border-bottom: 1px solid #D8D8D8; border-left: 1px solid #F0F0F0; border-right: 1px solid #E0E0E0; */ padding: 2px; } .windowBody, .dialogBody { background-color: white; border: 0; /* border-top: 1px solid #D8D8D8; border-bottom: 1px solid #F8F8F8; border-left: 1px solid #E0E0E0; border-right: 1px solid #F0F0F0; */ } .windowHeader, .dialogHeader { padding: 0; } .windowHeaderText, .dialogHeaderText { /* font-weight: bold; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; */ font-family: DaxWeb; font-size: 16px; } .windowStatusBar { border-bottom: 1px solid white; border-left: 1px solid #999999; border-right: 1px solid white; border-top: 1px solid #999999; } .modalMask { background-color: black; } .infoAnnounce, .infoSuccess, .infoWarn, .infoError { color: #FFFFFF; min-width: 30%; min-height: 40px; max-width: 60%; max-height: 95px; margin: 10px; text-align: center; transition: opacity 3s ease 0s; overflow: auto; border-radius: 4px; border-width: 0px; background-position: 5px center; background-repeat: no-repeat; background-size: 32px 32px; } .infoAnnounce div, .infoSuccess div, .infoWarn div, .infoError div { font-size: 16px !important; padding: 10px 10px 10px 50px !important; } .notificationLink a, .notificationLink a:hover, .notificationLink a:visited { color: white !important; } .infoAnnounce { background-color: #00A0D1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB3aWR0aD0iNDgiCiAgIGhlaWdodD0iNDgiCiAgIHZpZXdCb3g9IjAgMCA0OCA0OCIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImFsZXJ0X2luZm8uc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzNCI+CiAgICA8ZmlsdGVyCiAgICAgICBpbmtzY2FwZTpjb2xsZWN0PSJhbHdheXMiCiAgICAgICBzdHlsZT0iY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzOnNSR0IiCiAgICAgICBpZD0iZmlsdGVyNDE0NCIKICAgICAgIHg9Ii0wLjEzMzIwOTYzIgogICAgICAgd2lkdGg9IjEuMjY2NDE5MyIKICAgICAgIHk9Ii0wLjAxOTA4MTM4IgogICAgICAgaGVpZ2h0PSIxLjAzODE2MjgiPgogICAgICA8ZmVHYXVzc2lhbkJsdXIKICAgICAgICAgaW5rc2NhcGU6Y29sbGVjdD0iYWx3YXlzIgogICAgICAgICBzdGREZXZpYXRpb249IjAuMjM1MzM3MDIiCiAgICAgICAgIGlkPSJmZUdhdXNzaWFuQmx1cjQxNDYiIC8+CiAgICA8L2ZpbHRlcj4KICAgIDxmaWx0ZXIKICAgICAgIGlua3NjYXBlOmNvbGxlY3Q9ImFsd2F5cyIKICAgICAgIHN0eWxlPSJjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM6c1JHQiIKICAgICAgIGlkPSJmaWx0ZXI0MTQ4IgogICAgICAgeD0iLTAuMDEyMDAwMjU0IgogICAgICAgd2lkdGg9IjEuMDI0MDAwNSIKICAgICAgIHk9Ii0wLjAxMTk5OTc0NiIKICAgICAgIGhlaWdodD0iMS4wMjM5OTk1Ij4KICAgICAgPGZlR2F1c3NpYW5CbHVyCiAgICAgICAgIGlua3NjYXBlOmNvbGxlY3Q9ImFsd2F5cyIKICAgICAgICAgc3RkRGV2aWF0aW9uPSIwLjIzNTMzNzAyIgogICAgICAgICBpZD0iZmVHYXVzc2lhbkJsdXI0MTUwIiAvPgogICAgPC9maWx0ZXI+CiAgPC9kZWZzPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0iYmFzZSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp6b29tPSIxNS44MzkxOTIiCiAgICAgaW5rc2NhcGU6Y3g9IjcuMjAwMDk2IgogICAgIGlua3NjYXBlOmN5PSIyNC4wOTE4MzIiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9InB4IgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0idHJ1ZSIKICAgICB1bml0cz0icHgiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIj4KICAgIDxpbmtzY2FwZTpncmlkCiAgICAgICB0eXBlPSJ4eWdyaWQiCiAgICAgICBpZD0iZ3JpZDQxMzYiIC8+CiAgPC9zb2RpcG9kaTpuYW1lZHZpZXc+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGUgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iRWJlbmUgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMTAwNC4zNjIyKSI+CiAgICA8cGF0aAogICAgICAgc3R5bGU9ImNvbG9yOiMwMDAwMDA7Zm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zdHJldGNoOm5vcm1hbDtmb250LXNpemU6bWVkaXVtO2xpbmUtaGVpZ2h0Om5vcm1hbDtmb250LWZhbWlseTpzYW5zLXNlcmlmO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb246bm9uZTt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2RpcmVjdGlvbjpsdHI7YmxvY2stcHJvZ3Jlc3Npb246dGI7d3JpdGluZy1tb2RlOmxyLXRiO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO3RleHQtYW5jaG9yOnN0YXJ0O3doaXRlLXNwYWNlOm5vcm1hbDtjbGlwLXJ1bGU6bm9uemVybztkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNpYmxlO3Zpc2liaWxpdHk6dmlzaWJsZTtvcGFjaXR5OjE7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsO2NvbG9yLWludGVycG9sYXRpb246c1JHQjtjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM6bGluZWFyUkdCO3NvbGlkLWNvbG9yOiMwMDAwMDA7c29saWQtb3BhY2l0eToxO2ZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MztzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxO2NvbG9yLXJlbmRlcmluZzphdXRvO2ltYWdlLXJlbmRlcmluZzphdXRvO3NoYXBlLXJlbmRlcmluZzphdXRvO3RleHQtcmVuZGVyaW5nOmF1dG87ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZTtmaWx0ZXI6dXJsKCNmaWx0ZXI0MTQ4KSIKICAgICAgIGQ9Im0gMjQsMTAwNC44MjgxIGMgLTEyLjk3OTc1OSwwIC0yMy41MzMxOTU0NywxMC41NTM1IC0yMy41MzMyMDMxMiwyMy41MzMyIDcuNjVlLTYsMTIuOTc5OCAxMC41NTM0NDQxMiwyMy41MzUyIDIzLjUzMzIwMzEyLDIzLjUzNTIgMTIuOTc5NzU5LDAgMjMuNTMzMTk1LC0xMC41NTU0IDIzLjUzMzIwMywtMjMuNTM1MiAtOGUtNiwtMTIuOTc5NyAtMTAuNTUzNDQ0LC0yMy41MzMyIC0yMy41MzMyMDMsLTIzLjUzMzIgeiBtIDAsMyBjIDExLjM1ODQ0LDAgMjAuNTMzMTk2LDkuMTc0OCAyMC41MzMyMDMsMjAuNTMzMiAtN2UtNiwxMS4zNTg1IC05LjE3NDc2MywyMC41MzUyIC0yMC41MzMyMDMsMjAuNTM1MiAtMTEuMzU4NDQsMCAtMjAuNTMzMTk2NCwtOS4xNzY3IC0yMC41MzMyMDMxLC0yMC41MzUyIEMgMy40NjY4MDM2LDEwMTcuMDAyOSAxMi42NDE1NiwxMDA3LjgyODEgMjQsMTAwNy44MjgxIFoiCiAgICAgICBpZD0icGF0aDQxMzgiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogICAgPGcKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjEyLjVweDtsaW5lLWhlaWdodDoxMjUlO2ZvbnQtZmFtaWx5OnNhbnMtc2VyaWY7bGV0dGVyLXNwYWNpbmc6MHB4O3dvcmQtc3BhY2luZzowcHg7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxcHg7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW9wYWNpdHk6MTtmaWx0ZXI6dXJsKCNmaWx0ZXI0MTQ0KSIKICAgICAgIGlkPSJ0ZXh0NDE0MCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Im0gMjUuNDgsMTAxNC4xNjIyIHEgMC42NCwwLjU2IDAuNjQsMS4zNiAwLDAuOCAtMC42NCwxLjQgLTAuNiwwLjU2IC0xLjQ4LDAuNTYgLTAuODgsMCAtMS41MiwtMC41NiAtMC42LC0wLjYgLTAuNiwtMS40IDAsLTAuOCAwLjYsLTEuMzYgMC42NCwtMC42IDEuNTIsLTAuNiAwLjg4LDAgMS40OCwwLjYgeiBtIDAuMjgsMjkgLTMuNTIsMCAwLC0yMS41NiAzLjUyLDAgMCwyMS41NiB6IgogICAgICAgICBzdHlsZT0iZm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zdHJldGNoOm5vcm1hbDtmb250LXNpemU6NDBweDtmb250LWZhbWlseTonRGF4IE9UJzstaW5rc2NhcGUtZm9udC1zcGVjaWZpY2F0aW9uOidEYXggT1QnO2ZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSIKICAgICAgICAgaWQ9InBhdGg0MTM5IiAvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg=='); } .infoSuccess { background-color: #97BF0D; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB3aWR0aD0iNDgiCiAgIGhlaWdodD0iNDgiCiAgIHZpZXdCb3g9IjAgMCA0OCA0OCIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImFsZXJ0X3N1Y2Nlc3Muc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzNCI+CiAgICA8ZmlsdGVyCiAgICAgICBpbmtzY2FwZTpjb2xsZWN0PSJhbHdheXMiCiAgICAgICBzdHlsZT0iY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzOnNSR0IiCiAgICAgICBpZD0iZmlsdGVyNDE4OCIKICAgICAgIHg9Ii0wLjAxMjAwMDI1NCIKICAgICAgIHdpZHRoPSIxLjAyNDAwMDUiCiAgICAgICB5PSItMC4wMTE5OTk3NDYiCiAgICAgICBoZWlnaHQ9IjEuMDIzOTk5NSI+CiAgICAgIDxmZUdhdXNzaWFuQmx1cgogICAgICAgICBpbmtzY2FwZTpjb2xsZWN0PSJhbHdheXMiCiAgICAgICAgIHN0ZERldmlhdGlvbj0iMC4yMzUzMzcwMiIKICAgICAgICAgaWQ9ImZlR2F1c3NpYW5CbHVyNDE5MCIgLz4KICAgIDwvZmlsdGVyPgogICAgPGZpbHRlcgogICAgICAgaW5rc2NhcGU6Y29sbGVjdD0iYWx3YXlzIgogICAgICAgc3R5bGU9ImNvbG9yLWludGVycG9sYXRpb24tZmlsdGVyczpzUkdCIgogICAgICAgaWQ9ImZpbHRlcjQxOTUiCiAgICAgICB4PSItMC4wMTI2MDE4NTIiCiAgICAgICB3aWR0aD0iMS4wMjUyMDM3IgogICAgICAgeT0iLTAuMDExNDUzMDE1IgogICAgICAgaGVpZ2h0PSIxLjAyMjkwNiI+CiAgICAgIDxmZUdhdXNzaWFuQmx1cgogICAgICAgICBpbmtzY2FwZTpjb2xsZWN0PSJhbHdheXMiCiAgICAgICAgIHN0ZERldmlhdGlvbj0iMC4xMTkwODc1IgogICAgICAgICBpZD0iZmVHYXVzc2lhbkJsdXI0MTk3IiAvPgogICAgPC9maWx0ZXI+CiAgPC9kZWZzPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0iYmFzZSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp6b29tPSIxNS44MzkxOTIiCiAgICAgaW5rc2NhcGU6Y3g9IjcuMjAwMDk2IgogICAgIGlua3NjYXBlOmN5PSIyNC41MjU0NCIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0icHgiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIHNob3dncmlkPSJ0cnVlIgogICAgIHVuaXRzPSJweCIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAxOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiPgogICAgPGlua3NjYXBlOmdyaWQKICAgICAgIHR5cGU9Inh5Z3JpZCIKICAgICAgIGlkPSJncmlkNDEzNiIgLz4KICA8L3NvZGlwb2RpOm5hbWVkdmlldz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE3Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZSAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZwogICAgIGlua3NjYXBlOmxhYmVsPSJFYmVuZSAxIgogICAgIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiCiAgICAgaWQ9ImxheWVyMSIKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDA0LjM2MjIpIj4KICAgIDxwYXRoCiAgICAgICBzdHlsZT0iY29sb3I6IzAwMDAwMDtmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTptZWRpdW07bGluZS1oZWlnaHQ6bm9ybWFsO2ZvbnQtZmFtaWx5OnNhbnMtc2VyaWY7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO3RleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwMDAwO2xldHRlci1zcGFjaW5nOm5vcm1hbDt3b3JkLXNwYWNpbmc6bm9ybWFsO3RleHQtdHJhbnNmb3JtOm5vbmU7ZGlyZWN0aW9uOmx0cjtibG9jay1wcm9ncmVzc2lvbjp0Yjt3cml0aW5nLW1vZGU6bHItdGI7YmFzZWxpbmUtc2hpZnQ6YmFzZWxpbmU7dGV4dC1hbmNob3I6c3RhcnQ7d2hpdGUtc3BhY2U6bm9ybWFsO2NsaXAtcnVsZTpub256ZXJvO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7dmlzaWJpbGl0eTp2aXNpYmxlO29wYWNpdHk6MTtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWw7Y29sb3ItaW50ZXJwb2xhdGlvbjpzUkdCO2NvbG9yLWludGVycG9sYXRpb24tZmlsdGVyczpsaW5lYXJSR0I7c29saWQtY29sb3I6IzAwMDAwMDtzb2xpZC1vcGFjaXR5OjE7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDozO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjE7Y29sb3ItcmVuZGVyaW5nOmF1dG87aW1hZ2UtcmVuZGVyaW5nOmF1dG87c2hhcGUtcmVuZGVyaW5nOmF1dG87dGV4dC1yZW5kZXJpbmc6YXV0bztlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO2ZpbHRlcjp1cmwoI2ZpbHRlcjQxODgpIgogICAgICAgZD0ibSAyNCwxMDA0LjgyODEgYyAtMTIuOTc5NzU5LDAgLTIzLjUzMzE5NTQ3LDEwLjU1MzUgLTIzLjUzMzIwMzEyLDIzLjUzMzIgNy42NWUtNiwxMi45Nzk4IDEwLjU1MzQ0NDEyLDIzLjUzNTIgMjMuNTMzMjAzMTIsMjMuNTM1MiAxMi45Nzk3NTksMCAyMy41MzMxOTUsLTEwLjU1NTQgMjMuNTMzMjAzLC0yMy41MzUyIC04ZS02LC0xMi45Nzk3IC0xMC41NTM0NDQsLTIzLjUzMzIgLTIzLjUzMzIwMywtMjMuNTMzMiB6IG0gMCwzIGMgMTEuMzU4NDQsMCAyMC41MzMxOTYsOS4xNzQ4IDIwLjUzMzIwMywyMC41MzMyIC03ZS02LDExLjM1ODUgLTkuMTc0NzYzLDIwLjUzNTIgLTIwLjUzMzIwMywyMC41MzUyIC0xMS4zNTg0NCwwIC0yMC41MzMxOTY0LC05LjE3NjcgLTIwLjUzMzIwMzEsLTIwLjUzNTIgQyAzLjQ2NjgwMzYsMTAxNy4wMDI5IDEyLjY0MTU2LDEwMDcuODI4MSAyNCwxMDA3LjgyODEgWiIKICAgICAgIGlkPSJwYXRoNDEzOCIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+CiAgICA8ZwogICAgICAgc3R5bGU9ImZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXNpemU6MTIuNXB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6c2Fucy1zZXJpZjtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIgogICAgICAgaWQ9InRleHQ0MTQwIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzNS4zNCwxMDE3LjE3OTcgLTEyLjYzNSwyMy42NiAtMTAuMDQ1LC0xMi44NDUgMi4yNCwtMS44MiA3LjQ5LDEwLjE1IDEwLjUsLTIwLjQ0IDIuNDUsMS4yOTUgeiIKICAgICAgICAgc3R5bGU9ImZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7Zm9udC1zaXplOjM1cHg7Zm9udC1mYW1pbHk6J0RheCBPVCc7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjonRGF4IE9UJztmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsdGVyOnVybCgjZmlsdGVyNDE5NSkiCiAgICAgICAgIGlkPSJwYXRoNDE5MyIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo='); } .infoWarn, .infoError { background-color: #E30043; } .infoWarn { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB3aWR0aD0iNDgiCiAgIGhlaWdodD0iNDgiCiAgIHZpZXdCb3g9IjAgMCA0OCA0OCIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImFsZXJ0X3dhcm4uc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzNCI+CiAgICA8ZmlsdGVyCiAgICAgICBpbmtzY2FwZTpjb2xsZWN0PSJhbHdheXMiCiAgICAgICBzdHlsZT0iY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzOnNSR0IiCiAgICAgICBpZD0iZmlsdGVyNDE0MyIKICAgICAgIHg9Ii0wLjAxMjAwMDI1NCIKICAgICAgIHdpZHRoPSIxLjAyNDAwMDUiCiAgICAgICB5PSItMC4wMTE5OTk3NDYiCiAgICAgICBoZWlnaHQ9IjEuMDIzOTk5NSI+CiAgICAgIDxmZUdhdXNzaWFuQmx1cgogICAgICAgICBpbmtzY2FwZTpjb2xsZWN0PSJhbHdheXMiCiAgICAgICAgIHN0ZERldmlhdGlvbj0iMC4yMzUzMzcwMiIKICAgICAgICAgaWQ9ImZlR2F1c3NpYW5CbHVyNDE0NSIgLz4KICAgIDwvZmlsdGVyPgogICAgPGZpbHRlcgogICAgICAgaW5rc2NhcGU6Y29sbGVjdD0iYWx3YXlzIgogICAgICAgc3R5bGU9ImNvbG9yLWludGVycG9sYXRpb24tZmlsdGVyczpzUkdCIgogICAgICAgaWQ9ImZpbHRlcjQxNDciCiAgICAgICB4PSItMC4xMjM4NjE1OSIKICAgICAgIHdpZHRoPSIxLjI0NzcyMzIiCiAgICAgICB5PSItMC4wMjAzNDYxNCIKICAgICAgIGhlaWdodD0iMS4wNDA2OTIzIj4KICAgICAgPGZlR2F1c3NpYW5CbHVyCiAgICAgICAgIGlua3NjYXBlOmNvbGxlY3Q9ImFsd2F5cyIKICAgICAgICAgc3RkRGV2aWF0aW9uPSIwLjIzNTMzNzAyIgogICAgICAgICBpZD0iZmVHYXVzc2lhbkJsdXI0MTQ5IiAvPgogICAgPC9maWx0ZXI+CiAgPC9kZWZzPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0iYmFzZSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp6b29tPSIxNS44MzkxOTIiCiAgICAgaW5rc2NhcGU6Y3g9IjcuMjAwMDk2IgogICAgIGlua3NjYXBlOmN5PSIyNC4wOTE4MzIiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9InB4IgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0idHJ1ZSIKICAgICB1bml0cz0icHgiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIj4KICAgIDxpbmtzY2FwZTpncmlkCiAgICAgICB0eXBlPSJ4eWdyaWQiCiAgICAgICBpZD0iZ3JpZDQxMzYiIC8+CiAgPC9zb2RpcG9kaTpuYW1lZHZpZXc+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGUgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iRWJlbmUgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMTAwNC4zNjIyKSI+CiAgICA8cGF0aAogICAgICAgc3R5bGU9ImNvbG9yOiMwMDAwMDA7Zm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zdHJldGNoOm5vcm1hbDtmb250LXNpemU6bWVkaXVtO2xpbmUtaGVpZ2h0Om5vcm1hbDtmb250LWZhbWlseTpzYW5zLXNlcmlmO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb246bm9uZTt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2RpcmVjdGlvbjpsdHI7YmxvY2stcHJvZ3Jlc3Npb246dGI7d3JpdGluZy1tb2RlOmxyLXRiO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO3RleHQtYW5jaG9yOnN0YXJ0O3doaXRlLXNwYWNlOm5vcm1hbDtjbGlwLXJ1bGU6bm9uemVybztkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNpYmxlO3Zpc2liaWxpdHk6dmlzaWJsZTtvcGFjaXR5OjE7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsO2NvbG9yLWludGVycG9sYXRpb246c1JHQjtjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM6bGluZWFyUkdCO3NvbGlkLWNvbG9yOiMwMDAwMDA7c29saWQtb3BhY2l0eToxO2ZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MztzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxO2NvbG9yLXJlbmRlcmluZzphdXRvO2ltYWdlLXJlbmRlcmluZzphdXRvO3NoYXBlLXJlbmRlcmluZzphdXRvO3RleHQtcmVuZGVyaW5nOmF1dG87ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZTtmaWx0ZXI6dXJsKCNmaWx0ZXI0MTQzKSIKICAgICAgIGQ9Im0gMjQsMTAwNC44MjgxIGMgLTEyLjk3OTc1OSwwIC0yMy41MzMxOTU0NywxMC41NTM1IC0yMy41MzMyMDMxMiwyMy41MzMyIDcuNjVlLTYsMTIuOTc5OCAxMC41NTM0NDQxMiwyMy41MzUyIDIzLjUzMzIwMzEyLDIzLjUzNTIgMTIuOTc5NzU5LDAgMjMuNTMzMTk1LC0xMC41NTU0IDIzLjUzMzIwMywtMjMuNTM1MiAtOGUtNiwtMTIuOTc5NyAtMTAuNTUzNDQ0LC0yMy41MzMyIC0yMy41MzMyMDMsLTIzLjUzMzIgeiBtIDAsMyBjIDExLjM1ODQ0LDAgMjAuNTMzMTk2LDkuMTc0OCAyMC41MzMyMDMsMjAuNTMzMiAtN2UtNiwxMS4zNTg1IC05LjE3NDc2MywyMC41MzUyIC0yMC41MzMyMDMsMjAuNTM1MiAtMTEuMzU4NDQsMCAtMjAuNTMzMTk2NCwtOS4xNzY3IC0yMC41MzMyMDMxLC0yMC41MzUyIEMgMy40NjY4MDM2LDEwMTcuMDAyOSAxMi42NDE1NiwxMDA3LjgyODEgMjQsMTAwNy44MjgxIFoiCiAgICAgICBpZD0icGF0aDQxMzgiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogICAgPGcKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjEyLjVweDtsaW5lLWhlaWdodDoxMjUlO2ZvbnQtZmFtaWx5OnNhbnMtc2VyaWY7bGV0dGVyLXNwYWNpbmc6MHB4O3dvcmQtc3BhY2luZzowcHg7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxcHg7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW9wYWNpdHk6MTtmaWx0ZXI6dXJsKCNmaWx0ZXI0MTQ3KSIKICAgICAgIGlkPSJ0ZXh0NDE0MCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Im0gMjYuMDQsMTAxNC40ODIyIC0wLjcyLDE4LjQgLTIuNjQsMCAtMC43MiwtMTguNCA0LjA4LDAgeiBtIC0wLjQ0LDIzLjg4IHEgMC42OCwwLjY4IDAuNjgsMS42IDAsMC45MiAtMC42OCwxLjYgLTAuNjgsMC42OCAtMS42LDAuNjggLTAuOTIsMCAtMS42LC0wLjY4IC0wLjY4LC0wLjY4IC0wLjY4LC0xLjYgMCwtMC45MiAwLjY4LC0xLjYgMC42OCwtMC42OCAxLjYsLTAuNjggMC45MiwwIDEuNiwwLjY4IHoiCiAgICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2ZvbnQtZmFtaWx5OidEYXggT1QnOy1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246J0RheCBPVCc7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBpZD0icGF0aDQxNDEiIC8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K'); } .infoError { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB3aWR0aD0iNDgiCiAgIGhlaWdodD0iNDgiCiAgIHZpZXdCb3g9IjAgMCA0OCA0OCIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImFsZXJ0X2Vycm9yLnN2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiPgogICAgPGZpbHRlcgogICAgICAgaW5rc2NhcGU6Y29sbGVjdD0iYWx3YXlzIgogICAgICAgc3R5bGU9ImNvbG9yLWludGVycG9sYXRpb24tZmlsdGVyczpzUkdCIgogICAgICAgaWQ9ImZpbHRlcjQxNDAiCiAgICAgICB4PSItMC4wMTIwMDAyNTQiCiAgICAgICB3aWR0aD0iMS4wMjQwMDA1IgogICAgICAgeT0iLTAuMDExOTk5NzQ2IgogICAgICAgaGVpZ2h0PSIxLjAyMzk5OTUiPgogICAgICA8ZmVHYXVzc2lhbkJsdXIKICAgICAgICAgaW5rc2NhcGU6Y29sbGVjdD0iYWx3YXlzIgogICAgICAgICBzdGREZXZpYXRpb249IjAuMjM1MzM3MDIiCiAgICAgICAgIGlkPSJmZUdhdXNzaWFuQmx1cjQxNDIiIC8+CiAgICA8L2ZpbHRlcj4KICAgIDxmaWx0ZXIKICAgICAgIGlua3NjYXBlOmNvbGxlY3Q9ImFsd2F5cyIKICAgICAgIHN0eWxlPSJjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM6c1JHQiIKICAgICAgIGlkPSJmaWx0ZXI0MTQ0IgogICAgICAgeD0iLTAuMDIzNzcxNDE2IgogICAgICAgd2lkdGg9IjEuMDQ3NTQyOCIKICAgICAgIHk9Ii0wLjAyMzgxMTUwMiIKICAgICAgIGhlaWdodD0iMS4wNDc2MjMiPgogICAgICA8ZmVHYXVzc2lhbkJsdXIKICAgICAgICAgaW5rc2NhcGU6Y29sbGVjdD0iYWx3YXlzIgogICAgICAgICBzdGREZXZpYXRpb249IjAuMjM1MzM3MDIiCiAgICAgICAgIGlkPSJmZUdhdXNzaWFuQmx1cjQxNDYiIC8+CiAgICA8L2ZpbHRlcj4KICA8L2RlZnM+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjE1LjgzOTE5MiIKICAgICBpbmtzY2FwZTpjeD0iNy4yMDAwOTYiCiAgICAgaW5rc2NhcGU6Y3k9IjIyLjAwMDA1OSIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0icHgiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIHNob3dncmlkPSJ0cnVlIgogICAgIHVuaXRzPSJweCIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAxOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiPgogICAgPGlua3NjYXBlOmdyaWQKICAgICAgIHR5cGU9Inh5Z3JpZCIKICAgICAgIGlkPSJncmlkNDEzNiIgLz4KICA8L3NvZGlwb2RpOm5hbWVkdmlldz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE3Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZSAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZwogICAgIGlua3NjYXBlOmxhYmVsPSJFYmVuZSAxIgogICAgIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiCiAgICAgaWQ9ImxheWVyMSIKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDA0LjM2MjIpIj4KICAgIDxwYXRoCiAgICAgICBzdHlsZT0iY29sb3I6IzAwMDAwMDtmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTptZWRpdW07bGluZS1oZWlnaHQ6bm9ybWFsO2ZvbnQtZmFtaWx5OnNhbnMtc2VyaWY7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO3RleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwMDAwO2xldHRlci1zcGFjaW5nOm5vcm1hbDt3b3JkLXNwYWNpbmc6bm9ybWFsO3RleHQtdHJhbnNmb3JtOm5vbmU7ZGlyZWN0aW9uOmx0cjtibG9jay1wcm9ncmVzc2lvbjp0Yjt3cml0aW5nLW1vZGU6bHItdGI7YmFzZWxpbmUtc2hpZnQ6YmFzZWxpbmU7dGV4dC1hbmNob3I6c3RhcnQ7d2hpdGUtc3BhY2U6bm9ybWFsO2NsaXAtcnVsZTpub256ZXJvO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7dmlzaWJpbGl0eTp2aXNpYmxlO29wYWNpdHk6MTtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWw7Y29sb3ItaW50ZXJwb2xhdGlvbjpzUkdCO2NvbG9yLWludGVycG9sYXRpb24tZmlsdGVyczpsaW5lYXJSR0I7c29saWQtY29sb3I6IzAwMDAwMDtzb2xpZC1vcGFjaXR5OjE7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDozO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjE7Y29sb3ItcmVuZGVyaW5nOmF1dG87aW1hZ2UtcmVuZGVyaW5nOmF1dG87c2hhcGUtcmVuZGVyaW5nOmF1dG87dGV4dC1yZW5kZXJpbmc6YXV0bztlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO2ZpbHRlcjp1cmwoI2ZpbHRlcjQxNDApIgogICAgICAgZD0ibSAyNCwxMDA0LjgyODEgYyAtMTIuOTc5NzU5LDAgLTIzLjUzMzE5NTQ3LDEwLjU1MzUgLTIzLjUzMzIwMzEyLDIzLjUzMzIgNy42NWUtNiwxMi45Nzk4IDEwLjU1MzQ0NDEyLDIzLjUzNTIgMjMuNTMzMjAzMTIsMjMuNTM1MiAxMi45Nzk3NTksMCAyMy41MzMxOTUsLTEwLjU1NTQgMjMuNTMzMjAzLC0yMy41MzUyIC04ZS02LC0xMi45Nzk3IC0xMC41NTM0NDQsLTIzLjUzMzIgLTIzLjUzMzIwMywtMjMuNTMzMiB6IG0gMCwzIGMgMTEuMzU4NDQsMCAyMC41MzMxOTYsOS4xNzQ4IDIwLjUzMzIwMywyMC41MzMyIC03ZS02LDExLjM1ODUgLTkuMTc0NzYzLDIwLjUzNTIgLTIwLjUzMzIwMywyMC41MzUyIC0xMS4zNTg0NCwwIC0yMC41MzMxOTY0LC05LjE3NjcgLTIwLjUzMzIwMzEsLTIwLjUzNTIgQyAzLjQ2NjgwMzYsMTAxNy4wMDI5IDEyLjY0MTU2LDEwMDcuODI4MSAyNCwxMDA3LjgyODEgWiIKICAgICAgIGlkPSJwYXRoNDEzOCIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+CiAgICA8ZwogICAgICAgc3R5bGU9ImZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXNpemU6MTIuNXB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6c2Fucy1zZXJpZjtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxO2ZpbHRlcjp1cmwoI2ZpbHRlcjQxNDQpIgogICAgICAgaWQ9InRleHQ0MTQwIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzNS44OCwxMDM4LjUwMjIgLTEuNzYsMS43MiAtMTAuMTIsLTEwLjEyIC0xMC4xMiwxMC4xMiAtMS43NiwtMS43MiAxMC4xMiwtMTAuMTIgLTEwLjEyLC0xMC4xNiAxLjc2LC0xLjcyIDEwLjEyLDEwLjEyIDEwLjEyLC0xMC4xMiAxLjc2LDEuNzIgLTEwLjEyLDEwLjE2IHoiCiAgICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2ZvbnQtZmFtaWx5OidEYXggT1QnOy1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246J0RheCBPVCc7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBpZD0icGF0aDQxNDUiCiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2NjY2NjY2NjY2NjYyIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo='); } /*============================================================ 5) Layout ============================================================*/ .layoutDropLine { background-color: #ebebeb; } .layoutPlaceHolder { border: 1px solid black; } .hSplitbar { background: #ebebeb; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZDFkMWQxIi8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZWJlYmViIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZGVkZWRlIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1d1d1), color-stop(20%, #d1d1d1), color-stop(20%, #f5f5f5), color-stop(40%, #f5f5f5), color-stop(40%, #ebebeb), color-stop(60%, #ebebeb), color-stop(60%, #dedede), color-stop(80%, #dedede), color-stop(80%, #bfbfbf), color-stop(100%, #bfbfbf)); background-image: -webkit-linear-gradient(top, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%); background-image: -moz-linear-gradient(top, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%); background-image: -o-linear-gradient(top, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%); background-image: linear-gradient(top, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%); } .hSplitbarDown { border: 1px solid gray; } .vSplitbar { background: #ebebeb; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZDFkMWQxIi8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZWJlYmViIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZGVkZWRlIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #d1d1d1), color-stop(20%, #d1d1d1), color-stop(20%, #f5f5f5), color-stop(40%, #f5f5f5), color-stop(40%, #ebebeb), color-stop(60%, #ebebeb), color-stop(60%, #dedede), color-stop(80%, #dedede), color-stop(80%, #bfbfbf), color-stop(100%, #bfbfbf)); background-image: -webkit-linear-gradient(left, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%); background-image: -moz-linear-gradient(left, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%); background-image: -o-linear-gradient(left, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%); background-image: linear-gradient(left, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%); } .vSplitbarDown { border: 1px solid gray; } /*============================================================ 6) TabSet and tab titles ============================================================*/ .tabSetContainer { background-color: white; border: 1px solid #bfbfbf; } .tabBaseline { z-index: 10000000; } .tabTitle, .tabTitleDown, .tabTitleOver, .tabTitleDisabled, .tabTitleSelected, .tabTitleSelectedDown, .tabTitleSelectedOver, .tabTitleSelectedDisabled, .vtabTitle, .vtabTitleSelected, .vtabTitleOver, .vtabTitleDown, .vtabTitleSelectedOver, .vtabTitleSelectedDown, .vtabTitleDisabled, .vtabTitleSelectedDisabled { padding-bottom: 1px; } .tabTitleSelected, .vtabTitleSelected { font-weight: normal; } .tabTitleSelectedOver, .vtabTitleSelectedOver { font-weight: normal; } .tabTitleDisabled, .tabTitleSelectedDisabled, .vtabTitleDisabled, .vtabTitleSelectedDisabled { padding-bottom: 1px; } /*============================================================ 7) SectionStack ============================================================*/ .sectionStack { border: 0px; } /* SectionStack headers - image based */ .imgSectionHeaderTitleclosed, .imgSectionHeaderTitleopened, .imgSectionHeaderTitleOverclosed, .imgSectionHeaderTitleOveropened { border-left: 0px; background-image: none; background-color: transparent; } .imgSectionHeaderTitleDisabledopened, .imgSectionHeaderTitleDisabledclosed { border-left: 0px; } .sectionHeaderTitleopened, .sectionHeaderTitleclosed { background-image: none; background: transparent; } /* SectionStack headers - css based */ .sectionHeaderopened, .sectionHeaderclosed, .sectionHeaderDisabledopened, .sectionHeaderDisabledclosed { padding: 2px; background-image: none; background: transparent; } .sectionHeaderDisabledopened, .sectionHeaderDisabledclosed { background-color: transparent; border: 0px solid #e6e6e6; } .sectionHeaderclosed, .sectionHeaderTitleclosed, .imgSectionHeaderTitleclosed, .sectionHeaderDisabledclosed, .sectionHeaderDisabledclosed { font-style: italic; } .cellopened { background-color: #FF0000; } .cellclosed { background-color: #FF00AA; } /* * Navigation Pane SectionStack headers - image based */ .imgSectionHeaderclosed, .imgSectionHeaderopened, .imgSectionHeaderDisabledclosed, .imgSectionHeaderDisabledopened, .imgSectionHeaderTitleclosed, .imgSectionHeaderTitleopened, .imgSectionHeaderTitleOverclosed, .imgSectionHeaderTitleOveropened, .imgSectionHeaderTitleDisabledopened, .imgSectionHeaderTitleDisabledclosed { cursor: pointer; cursor: hand; background-image: none; } /* main menu - 'clean' no image background, plain white, no borders */ .sectionHeaderopened, .sectionHeaderclosed { background-color: transparent; background-image: none; border-top: 0px; border-bottom: 0px; } /*============================================================ 8) Forms ============================================================*/ /* general form styles */ .formTitle, .formTitleFocused, .formTitleDisabled, .formCellError, .formTitleError, .formHint, .headerItem, .headerItemDisabled, .headerItemError, .staticTextItem, .staticTextItemDisabled, .staticTextItemError, .textItem, .textItemFocused, .textItemDisabled, .textItemDisabledHint, .textItemError, .textItemHint, .selectItemControl, .selectItemControlError, .selectItemControlFocused, .selectItemText, .selectItemTextError, .selectItemTextDisabled, .selectItemTextFocused, .comboBoxItemPendingText, .pickListCell, .pickListCellSelected, .pickListCellDisabled, .pickListCellDark, .pickListCellSelectedDark, .tallPickListCell, .tallPickListCellSelected, .tallPickListCellDisabled, .tallPickListCellDark, .tallPickListCellSelectedDark, .labelAnchor, .labelAnchorDisabled, .labelAnchorError, .labelAnchorFocused { word-wrap: break-word; font-family: Roboto; font-size: 15px; } .formCellError { font-weight: bold; } .formHint { padding: 3px; } /* Allow for nested forms to lie flush against the left-hand edge of the containing form */ .nestedFormContainer, .nestedFormContainerFocused, .nestedFormContainerDisabled { padding-left: 0px; } /* headerItem */ .headerItem, .headerItemDisabled, .headerItemError { font-weight: bold; } /* text-based items common props */ .textItem, .textItemFocused, .textItemError, .textItemHint, .textItemNoBorder, .textItemNoBorderFocused, .textItemNoBorderError, .textItemNoBorderHint, .selectItemText, .selectItemTextError, .selectItemTextFocused, .selectItemTextHint { background-color: #ffffff; } .textItemNoBorder, .textItemNoBorderFocused, .textItemNoBorderError, .textItemNoBorderHint { border: none; font-weight: bold; } .textItem, .textItemFocused, .textItemError, .textItemHint, .selectItemText, .selectItemTextError, .selectItemTextFocused, .selectItemTextHint { border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; } /* selectItem */ .selectItemTextFocused { background-color: #ffffff; border-radius: 3px; border: 1px solid #00799e; } .textItemFocused, .selectItemTextFocused { background-color: #ffffff; border-radius: 3px; border: 1px solid #00799e; } .selectItemText, .selectItemTextError, .selectItemTextFocused, .selectItemTextDisabled { padding: 2px; } .textItemDisabled, .textItemDisabledHint, .selectItemTextDisabled { background-color: #f5f5f5; border-radius: 3px; border: 1px solid #d1d1d6; padding: 2px; } .selectItemPickerIcon, .selectItemPickerIconFocused, .selectItemPickerIconDisabled, .selectItemPickerIconError { padding: 0px; } .pickListMenuBody { background-color: #ffffff; } .pickListCell, .pickListCellDark, .tallPickListCell, .tallPickListCellDark, .menuTable { background-color: #ffffff; } .pickListCellSelected, .pickListCellSelectedDark { background-color: #00a0d1; } .tallPickListCellSelected, .tallPickListCellSelectedDark { background: #FFFFFF; border-bottom: 0px dotted #9fb7e9; border-top: 0px dotted #9fb7e9; } .pickListCellDisabled, .tallPickListCellDisabled { background-color: #bfbfbf; } /* checkbox and radioButton */ .labelAnchor, .labelAnchorDisabled, .labelAnchorError, .labelAnchorFocused { text-decoration: none; } /* ColorChooser */ .colorChooserCell, .colorChooserCellOver { background-color: #ffffff; border-radius: 3px; border: 1px solid #00a0d1; /* border-bottom: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; */ } .colorChooserCellOver { border-radius: 3px; border: 1px solid #00799e; } /* FilterBuilder */ .bracketBorders { border-bottom: 1px solid #757575; border-left: 1px solid #757575; border-top: 1px solid #757575; } /*============================================================ DateChooser ============================================================*/ /* Defaults for all days and controls */ .dateChooserButton, .dateChooserButtonOver, .dateChooserButtonDown, .dateChooserButtonDisabled, .dateChooserButtonSelected, .dateChooserButtonSelectedDown, .dateChooserButtonSelectedOver, .dateChooserButtonSelectedDisabled, .dateChooserWeekendButton, .dateChooserWeekendButtonOver, .dateChooserWeekendButtonDown, .dateChooserWeekendButtonDisabled, .dateChooserWeekendButtonSelected, .dateChooserWeekendButtonSelectedDown, .dateChooserWeekendButtonSelectedOver, .dateChooserWeekendButtonSelectedDisabled, .dateChooserBottomButton, .dateChooserBottomButtonOver, .dateChooserBottomButtonDown, .dateChooserBottomButtonSelected, .dateChooserBottomButtonSelectedOver, .dateChooserBottomButtonSelectedDown, .dateChooserWeekday, .dateChooserWeekdayOver, .dateChooserWeekdayDown, .dateChooserWeekdaySelected, .dateChooserWeekdaySelectedOver, .dateChooserWeekdaySelectedDown, .dateChooserWeekdayDisabled, .dateChooserWeekend, .dateChooserWeekendOver, .dateChooserWeekendDown, .dateChooserWeekendSelected, .dateChooserWeekendSelectedOver, .dateChooserWeekendSelectedDown, .dateChooserWeekendDisabled, .dateChooserFiscalYearCell, .dateChooserFiscalYearCellOver, .dateChooserFiscalYearCellDown, .dateChooserFiscalYearCellDisabled, .dateChooserFiscalYearCellSelected, .dateChooserFiscalYearCellSelectedDown, .dateChooserFiscalYearCellSelectedOver, .dateChooserFiscalYearCellSelectedDisabled, .dateChooserWeekCell, .dateChooserWeekCellOver, .dateChooserWeekCellDown, .dateChooserWeekCellDisabled, .dateChooserWeekCellSelected, .dateChooserWeekCellSelectedDown, .dateChooserWeekCellSelectedOver, .dateChooserWeekCellSelectedDisabled, .dateChooserWeekendDisabled, .dateChooserDisabledWeekday, .dateChooserDisabledWeekdayOver, .dateChooserDisabledWeekdayDown, .dateChooserDisabledWeekdayDisabled, .dateChooserDisabledWeekdayDisabledOver, .dateChooserDisabledWeekdayDisabledSelected, .dateChooserDisabledWeekdayDisabledSelectedOver, .dateChooserDisabledWeekdaySelected, .dateChooserDisabledWeekdaySelectedDown, .dateChooserDisabledWeekdaySelectedOver, .dateChooserDisabledWeekdaySelectedDisabled, .dateChooserDisabledWeekend, .dateChooserDisabledWeekendOver, .dateChooserDisabledWeekendDown, .dateChooserDisabledWeekendDisabled, .dateChooserDisabledWeekendDisabledOver, .dateChooserDisabledWeekendDisabledSelected, .dateChooserDisabledWeekendDisabledSelectedOver, .dateChooserDisabledWeekendSelected, .dateChooserDisabledWeekendSelectedDown, .dateChooserDisabledWeekendSelectedOver, .dateChooserDisabledWeekendSelectedDisabled, .dateChooserSelectedWeek, .dateChooserSelectedWeekOver, .dateChooserSelectedWeekDown, .dateChooserSelectedWeekDisabled, .dateChooserSelectedWeekSelected, .dateChooserSelectedWeekSelectedDown, .dateChooserSelectedWeekSelectedOver, .dateChooserSelectedWeekSelectedDisabled { background-color: white; } .dateChooserNavButton, .dateChooserNavButtonOver, .dateChooserNavButtonDown, .dateChooserNavButtonSelected, .dateChooserNavButtonSelectedOver, .dateChooserNavButtonSelectedDown, .dateChooserNavButtonFocused, .dateChooserNavButtonFocusedOver, .dateChooserNavButtonFocusedDown { border-radius: 3px; cursor: pointer; background-color: transparent; text-align: center; vertical-align: middle; color: #00a0d1; } .dateChooserNavButton .icon, .dateChooserNavButtonOver .icon, .dateChooserNavButtonDown .icon, .dateChooserNavButtonSelected .icon, .dateChooserNavButtonSelectedOver .icon, .dateChooserNavButtonSelectedDown .icon, .dateChooserNavButtonFocused .icon, .dateChooserNavButtonFocusedOver .icon, .dateChooserNavButtonFocusedDown .icon { vertical-align: middle; } .dateChooserNavButton .buttonText, .dateChooserNavButtonOver .buttonText, .dateChooserNavButtonDown .buttonText, .dateChooserNavButtonSelected .buttonText, .dateChooserNavButtonSelectedOver .buttonText, .dateChooserNavButtonSelectedDown .buttonText, .dateChooserNavButtonFocused .buttonText, .dateChooserNavButtonFocusedOver .buttonText, .dateChooserNavButtonFocusedDown .buttonText { margin-left: 0.5em; vertical-align: middle; } .dateChooserNavButton .buttonText, .dateChooserNavButtonOver .buttonText, .dateChooserNavButtonDown .buttonText, .dateChooserNavButtonSelected .buttonText, .dateChooserNavButtonSelectedOver .buttonText, .dateChooserNavButtonSelectedDown .buttonText, .dateChooserNavButtonFocused .buttonText, .dateChooserNavButtonFocusedOver .buttonText, .dateChooserNavButtonFocusedDown .buttonText { visibility: hidden; max-width: 0px; overflow: hidden; } .dateChooserButtonOver, .dateChooserButtonDown { cursor: pointer; } .dateChooserNavButton, .dateChooserNavButtonOver, .dateChooserNavButtonDown, .dateChooserNavButtonSelected, .dateChooserNavButtonSelectedOver, .dateChooserNavButtonSelectedDown, .dateChooserNavButtonFocused { cursor: pointer; padding: 0px; font-size: 12px; } /* Today, Cancel buttons */ .dateChooserBottomButton, .dateChooserBottomButtonOver, .dateChooserBottomButtonDown { border-radius: 3px; cursor: pointer; background-color: transparent; text-align: center; vertical-align: middle; border-radius: 3px; border: 1px solid #00a0d1; color: #00a0d1; } .dateChooserBottomButton .icon, .dateChooserBottomButtonOver .icon, .dateChooserBottomButtonDown .icon { vertical-align: middle; } .dateChooserBottomButton .buttonText, .dateChooserBottomButtonOver .buttonText, .dateChooserBottomButtonDown .buttonText { margin-left: 0.5em; vertical-align: middle; } .dateChooserBorderedBottomButton { border-radius: 3px; cursor: pointer; background-color: transparent; text-align: center; vertical-align: middle; border-radius: 3px; border: 1px solid #00a0d1; color: #00a0d1; margin: 10px; } .dateChooserBorderedBottomButton .icon { vertical-align: middle; } .dateChooserBorderedBottomButton .buttonText { margin-left: 0.5em; vertical-align: middle; } .dateChooserBorderedBottomButtonOver, .dateChooserBorderedBottomButtonDown, .dateChooserBorderedBottomButtonSelected, .dateChooserBorderedBottomButtonSelectedOver, .dateChooserBorderedBottomButtonSelectedDown, .dateChooserBorderedBottomButtonFocused, .dateChooserBorderedBottomButtonFocusedOver, .dateChooserBorderedBottomButtonFocusedDown { border-radius: 3px; cursor: pointer; background-color: transparent; text-align: center; vertical-align: middle; border-radius: 3px; border: 1px solid #00a0d1; color: #00a0d1; color: #00799e; } .dateChooserBorderedBottomButtonOver .icon, .dateChooserBorderedBottomButtonDown .icon, .dateChooserBorderedBottomButtonSelected .icon, .dateChooserBorderedBottomButtonSelectedOver .icon, .dateChooserBorderedBottomButtonSelectedDown .icon, .dateChooserBorderedBottomButtonFocused .icon, .dateChooserBorderedBottomButtonFocusedOver .icon, .dateChooserBorderedBottomButtonFocusedDown .icon { vertical-align: middle; } .dateChooserBorderedBottomButtonOver .buttonText, .dateChooserBorderedBottomButtonDown .buttonText, .dateChooserBorderedBottomButtonSelected .buttonText, .dateChooserBorderedBottomButtonSelectedOver .buttonText, .dateChooserBorderedBottomButtonSelectedDown .buttonText, .dateChooserBorderedBottomButtonFocused .buttonText, .dateChooserBorderedBottomButtonFocusedOver .buttonText, .dateChooserBorderedBottomButtonFocusedDown .buttonText { margin-left: 0.5em; vertical-align: middle; } /* weekday and weekend cells */ .dateChooserWeekday, .dateChooserWeekdayOver, .dateChooserWeekdayDown, .dateChooserWeekdaySelected, .dateChooserWeekdaySelectedOver, .dateChooserWeekdaySelectedDown, .dateChooserWeekdayDisabled, .dateChooserWeekend, .dateChooserWeekendOver, .dateChooserWeekendDown, .dateChooserWeekendSelected, .dateChooserWeekendSelectedOver, .dateChooserWeekendSelectedDown, .dateChooserWeekendDisabled { background-color: white; border: 0px solid white; cursor: pointer; } .dateChooserWeekdaySelected, .dateChooserWeekdaySelectedOver, .dateChooserWeekdayDown, .dateChooserWeekdaySelectedDown, .dateChooserWeekendSelected, .dateChooserWeekendSelectedOver, .dateChooserWeekendDown, .dateChooserWeekendSelectedDown { background-color: #00a0d1; color: #ffffff; } .dateChooserWeekdayDown, .dateChooserWeekendDown { font-weight: normal; } /* CSS3 Mode Canvas border around calendar */ .dateChooserBorder { background-color: #ffffff; border: 0; padding: 3px; } /*============================================================ 9) Slider & Rangebar ============================================================*/ /* slider and rangebar labels */ .sliderTitle, .rangebarTitle { font-weight: bold; } /* CSS3 Mode */ .hSliderTrack { background: #f5f5f5; border: 1px solid #d4d4d4; } .vSliderTrack { background: #f5f5f5; border: 1px solid #d4d4d4; } /* CSS3 Mode */ .hSliderTrackDisabled, .vSliderTrackDisabled { background: white; border: 1px solid #e3e3e3; } /* CSS3 Mode */ .hSliderThumbdown, .hSliderThumb { background: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI0NSUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(35%, #f2f2f2), color-stop(45%, #f2f2f2), color-stop(60%, #bfbfbf), color-stop(100%, #ededed)); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%); background-image: linear-gradient(top, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%); -webkit-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #f7f7f7 0 -1px 1px inset, #f7f7f7 0 1px 1px inset; -moz-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #f7f7f7 0 -1px 1px inset, #f7f7f7 0 1px 1px inset; box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #f7f7f7 0 -1px 1px inset, #f7f7f7 0 1px 1px inset; border: 1px solid #9c9c9c; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* CSS3 Mode */ .vSliderThumbdown, .vSliderThumb { background: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iNTYlIiBzdG9wLWNvbG9yPSIjYmZiZmJmIi8+PHN0b3Agb2Zmc2V0PSI2MiUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ededed), color-stop(56%, #bfbfbf), color-stop(62%, #f2f2f2), color-stop(100%, #f5f5f5)); background-image: -webkit-linear-gradient(left, #ededed 0%, #bfbfbf 56%, #f2f2f2 62%, #f5f5f5 100%); background-image: -moz-linear-gradient(left, #ededed 0%, #bfbfbf 56%, #f2f2f2 62%, #f5f5f5 100%); background-image: -o-linear-gradient(left, #ededed 0%, #bfbfbf 56%, #f2f2f2 62%, #f5f5f5 100%); background-image: linear-gradient(left, #ededed 0%, #bfbfbf 56%, #f2f2f2 62%, #f5f5f5 100%); -webkit-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #e3e3e3 0 -1px 1px inset, #e3e3e3 0 1px 1px inset; -moz-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #e3e3e3 0 -1px 1px inset, #e3e3e3 0 1px 1px inset; box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #e3e3e3 0 -1px 1px inset, #e3e3e3 0 1px 1px inset; border: 1px solid #9c9c9c; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* CSS3 Mode */ .hSliderThumbDisabled, .vSliderThumbDisabled { background: #e8e8e8; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #fafafa), color-stop(46%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #fafafa)); background-image: -webkit-linear-gradient(top, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%); background-image: -moz-linear-gradient(top, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%); background-image: -o-linear-gradient(top, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%); background-image: linear-gradient(top, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%); border: 1px solid #cbc3c2; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px white; -moz-box-shadow: inset 0 1px 1px white; box-shadow: inset 0 1px 1px white; } .vSliderThumbDisabled { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSI1NCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fafafa), color-stop(50%, #e3e3e3), color-stop(54%, #f0f0f0), color-stop(99%, #fafafa)); background-image: -webkit-linear-gradient(left, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%); background-image: -moz-linear-gradient(left, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%); background-image: -o-linear-gradient(left, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%); background-image: linear-gradient(left, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%); border: 1px solid #cbc3c2; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0px 2px white, inset 0 0px 2px white; -moz-box-shadow: inset 0 0px 2px white, inset 0 0px 2px white; box-shadow: inset 0 0px 2px white, inset 0 0px 2px white; } /*============================================================ 10) DetailViewer ============================================================*/ .detailBlock { border-left: 1px solid #ababab; border-top: 1px solid #ababab; } .detail, .detailLabel, .detailHeader { background-color: white; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; } .detailLabel { background-color: #fafafa; font-weight: bold; text-align: right; } .detailHeader { background-color: #ffbdc0; font-weight: bold; } /*============================================================ 11) ListGrid ============================================================*/ /*============================================================ ListGrid parts styleName - listGrid headerBarStyle - headerBar bodyStyleName - gridBody ============================================================*/ .listGrid { border: 0px solid #ababab; margin: 0px; } .headerBar { background-color: #EDEDED; } .gridBody { background-color: transparent; } .alternateGridBody { background-color: transparent; } .loadingDataMessage, .offlineMessage, .emptyMessage { padding: 11px; } .gridDragTracker { border: 0px dotted gray; padding: 1px; } .dragLine { border-bottom: 2px dotted #ff7a75; } /* for filterEditor */ .recordEditorCell { background-color: #EDEDED; border-top: 1px solid #FDFDFD; border-bottom: 1px solid #DDDDDD; border-left: 1px solid #F5F5F5; border-right: 1px solid #E5E5E5; } /*============================================================ ListGrid headers listGrid.headerBaseStyle - headerButton (in skin) listGrid.headerDefaults.titleStyle - headerTitle (in skin) listGrid.sorterDefaults.titleStyle - headerTitle (in skin) ============================================================*/ /* ListGrid column header buttons for css3 based */ .headerButton, .imgHeaderButton { font-family: DaxWeb; font-size: 16px; background: #ffffff; padding-left: 2px; padding-right: 2px; } .headerButtonSelected, .imgHeaderButtonSelected { font-family: DaxWeb; font-size: 16px; background: #ffffff; padding-left: 2px; padding-right: 2px; } .headerButtonDisabled, .imgHeaderButtonDisabled, .headerButtonSelectedDisabled, .imgHeaderButtonSelectedDisabled { font-family: DaxWeb; font-size: 16px; background: #ffffff; padding-left: 2px; padding-right: 2px; } .headerButtonOver, .imgHeaderButtonOver, .imgHeaderButtonDown, .imgHeaderButtonSelectedOver, .imgHeaderButtonSelectedDown, .headerButtonDown, .imgHeaderButtonOver, .imgHeaderButtonDown, .imgHeaderButtonSelectedOver, .imgHeaderButtonSelectedDown, .headerButtonSelectedOver, .imgHeaderButtonOver, .imgHeaderButtonDown, .imgHeaderButtonSelectedOver, .imgHeaderButtonSelectedDown, .headerButtonSelectedDown, .imgHeaderButtonOver, .imgHeaderButtonDown, .imgHeaderButtonSelectedOver, .imgHeaderButtonSelectedDown { font-family: DaxWeb; font-size: 16px; background: #ffffff; padding-left: 2px; padding-right: 2px; } .headerButtonOver, .imgHeaderButtonOver, .imgHeaderButtonDown, .imgHeaderButtonSelectedOver, .imgHeaderButtonSelectedDown, .headerButtonDown, .imgHeaderButtonOver, .imgHeaderButtonDown, .imgHeaderButtonSelectedOver, .imgHeaderButtonSelectedDown { font-family: DaxWeb; font-size: 16px; background: #ffffff; padding-left: 2px; padding-right: 2px; } /* ListGrid column header buttons for image based */ .imgHeaderButton { border-bottom: 0; padding: 0; } .imgHeaderButtonSelected { padding: 0; } .imgHeaderButtonDisabled, .imgHeaderButtonSelectedDisabled { padding: 0; } .imgHeaderButtonOver, .imgHeaderButtonDown { padding: 0; } .imgHeaderButtonSelectedOver, .imgHeaderButtonSelectedDown { padding: 0; } .sorterButton, .sorterButtonSelected, .sorterButtonDisabled, .sorterButtonSelectedDisabled, .sorterButtonOver, .sorterButtonDown, .sorterButtonSelectedOver, .sorterButtonSelectedDown { border-left: 0px solid #fafafa; } .sorterButtonOver, .sorterButtonDown, .sorterButtonSelectedOver, .sorterButtonSelectedDown { border-left: 0px solid #fee7e7; } /* ListGrid column header titles */ .headerTitle, .headerTitleOver, .headerTitleDown, .headerTitleSelected, .headerTitleSelectedOver, .headerTitleSelectedDown, .headerTitleDisabled, .headerTitleSelectedDisabled { padding-left: 2px; padding-right: 2px; } /*============================================================ ListGrid cells listGrid.baseStyle ============================================================*/ /*------------------------------------------------------------ listGrid.baseStyle ------------------------------------------------------------*/ .cell, .cellDark, .cellOver, .cellOverDark, .cellSelected, .cellSelectedDark, .cellSelectedOver, .cellSelectedOverDark, .cellDisabled, .cellDisabledDark, .tallCell, .tallCellDark, .tallCellOver, .tallCellOverDark, .tallCellSelected, .tallCellSelectedDark, .tallCellSelectedOver, .tallCellSelectedOverDark, .tallCellDisabled, .tallCellDisabledDark, .gridSummaryCell, .gridSummaryCellDisabled, .recordSummaryCell, .recordSummaryCellDark, .recordSummaryCellOver, .recordSummaryCellOverDark, .recordSummaryCellSelected, .recordSummaryCellSelectedDark, .recordSummaryCellSelectedOver, .recordSummaryCellSelectedOverDark, .recordSummaryCellDisabled, .recordSummaryCellDisabledDark, .expansionCellCell, .expansionCellCellDark, .expansionCellCellOver, .expansionCellCellOverDark, .expansionCellCellSelected, .expansionCellCellSelectedDark, .expansionCellCellSelectedOver, .expansionCellCellSelectedOverDark, .expansionCellCellDisabled, .expansionCellCellDisabledDark, .specialCol, .specialColOver, .specialColSelected, .specialColSelectedOver, .specialColDisabled, .groupNode { border-top: 1px solid #FFFFFF; border-left: 0px solid #EDEDED; border-right: 0px solid #EDEDED; text-overflow: ellipsis; } .specialCol { background-color: #FAFAFA; text-overflow: ellipsis; } /* alteration of cells every second cell is darker */ .cellDark, .recordSummaryCell, .recordSummaryCellDark, .tallCellDark { background-color: #FAFAFA; } .gridSummaryCell, .gridSummaryCellDisabled { background-color: #EDEDED; border-top: 1px solid #FDFDFD; border-bottom: 1px solid #DDDDDD; border-left: 1px solid #F5F5F5; border-right: 1px solid #E5E5E5; } .cellOver, .cellOverDark, .specialColOver, .recordSummaryCellOver, .recordSummaryCellOverDark, .tallCellOver, .tallCellOverDark { background-color: #DDDDDD; border-top: 1px solid white; } .cellSelected, .cellSelectedDark, .specialColSelected, .recordSummaryCellSelected, .recordSummaryCellSelectedDark, .tallCellSelected, .tallCellSelectedDark { background: #DDDDDD; border-top: 1px solid white; } .cellSelectedOver, .cellSelectedOverDark, .specialColSelectedOver, .recordSummaryCellSelectedOver, .recordSummaryCellSelectedOverDark { background-color: #DDDDDD; border-top: 1px solid white; } .tallCellSelectedOver, .tallCellSelectedOverDark { background-color: #DDDDDD; border-top: 1px solid white; } .gridSummaryCell, .gridSummaryCellDisabled { font-weight: bold; } .cellDisabled, .cellDisabledDark, .specialColDisabled, .tallCellDisabled, .tallCellDisabledDark, .gridSummaryCellDisabled, .specialColDisabled, .recordSummaryCellDisabled, .recordSummaryCellDisabledDark { background-color: transparent; } /* for grouping */ .groupNode { border-bottom: 1px solid #DDDDDD; font-weight: bold; } /*Tree styling*/ /*------------------------------------------------------------ treeGrid.baseStyle ------------------------------------------------------------*/ .treeCell, .treeCellDark, .treeCellOver, .treeCellOverDark, .treeCellSelected, .treeCellSelectedDark, .treeCellSelectedOver, .treeCellSelectedOverDark, .treeCellDisabled, .treeCellDisabledDark, .treeTallCell, .treeTallCellDark, .treeTallCellOver, .treeTallCellOverDark, .treeTallCellSelected, .treeTallCellSelectedDark, .treeTallCellSelectedOver, .treeTallCellSelectedOverDark, .treeTallCellDisabled, .treeTallCellDisabledDark { text-overflow: ellipsis; } .treeCellDark, .treeTallCellDark { background-color: #fafafa; } .treeCellOver, .treeCellOverDark { background-color: #c4ddfd; background-image: url(./images/ListGrid/row_Over.png); background-repeat: repeat-x; background-position: bottom left; background-attachment: scroll; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U1ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); -webkit-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0; -moz-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0; box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0; } .treeTallCellOver, .treeTallCellOverDark { background-color: #e8e8e8; } .treeCellSelected, .treeCellSelectedDark { background: #d6e8ff; } .treeTallCellSelected, .treeTallCellSelectedDark { background-color: #d6e8ff; } .treeCellSelectedOver, .treeCellSelectedOverDark { background-color: #c4ddfd; background-image: url(./images/ListGrid/row_Selected_Over.png); background-repeat: repeat-x; background-attachment: scroll; background-position: bottom left; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U1ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); } .treeTallCellSelectedOver, .treeTallCellSelectedOverDark { background-color: #d0dff6; } .treeCellDisabled, .treeCellDisabledDark, .treeTallCellDisabled, .treeTallCellDisabledDark { background-color: white; } /* Field builders (Formula/Summary) */ .sampleOutput { border: 2px solid #d6d6d6; padding: 2px; } /* Multi-sort - sort-index appearing next to sort-arrows in field headers */ .sortNumeral { font-size: 7px; } /*============================================================ 12) ToolStrip ============================================================*/ .toolStrip { background-color: #f2f2f2; background-image: url(images/ToolStrip/background.png); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTBlMGUwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f7f7f7), color-stop(2%, #f7f7f7), color-stop(2%, #f2f2f2), color-stop(100%, #e0e0e0)); background-image: -webkit-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 2%, #f2f2f2 2%, #e0e0e0 100%); background-image: -moz-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 2%, #f2f2f2 2%, #e0e0e0 100%); background-image: -o-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 2%, #f2f2f2 2%, #e0e0e0 100%); background-image: linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 2%, #f2f2f2 2%, #e0e0e0 100%); border: 1px solid #ababab; -webkit-box-shadow: #fffafa 0 1px 0 inset; -moz-box-shadow: #fffafa 0 1px 0 inset; box-shadow: #fffafa 0 1px 0 inset; } .toolStripVertical { background-color: white; background-image: url(images/ToolStrip/background_vertical.png); border: 1px solid #ef9c9a; } /* tool strip button */ .toolStripButton, .toolStripButtonOver, .toolStripButtonFocused, .toolStripButtonFocusedOver, .toolStripButtonDown, .toolStripButtonFocusedDown, .toolStripButtonSelected, .toolStripButtonSelectedFocused, .toolStripButtonSelectedDown, .toolStripButtonSelectedFocusedDown, .toolStripButtonSelectedOver, .toolStripButtonSelectedFocusedOver, .toolStripButtonDisabled, .toolStripButtonSelectedDisabled { border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 2px 5px; } .toolStripButtonDisabled { background-color: #e8e8e8; background-image: url("./images/cssButton/button_Disabled_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: linear-gradient(top, #ffffff 0%, #f0f0f0 100%); border: 1px solid transparent; } .toolStripButtonDisabled, .toolStripButtonSelectedDisabled { font-weight: normal; } .toolStripButtonFocused, .toolStripButtonFocusedOver, .toolStripButtonSelectedFocused, .toolStripButtonSelectedFocusedOver, .toolStripButtonSelectedFocusedDown { border: 1px solid #ababab; } .toolStripButtonOver, .toolStripButtonFocusedOver, .toolStripButtonSelectedFocused, .toolStripButtonSelectedFocusedOver { background-color: #d9d9d9; background-image: url("./images/cssButton/button_Over_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(52%, #ededed), color-stop(57%, #e3e3e3), color-stop(100%, #d6d6d6)); background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); background-image: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); background-image: -o-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); background-image: linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); border: 1px solid #858585; -webkit-box-shadow: inset white 0 0 0 1px; -moz-box-shadow: inset white 0 0 0 1px; box-shadow: inset white 0 0 0 1px; } .toolStripButtonDown, .toolStripButtonFocusedDown, .toolStripButtonSelectedDown, .toolStripButtonSelectedFocusedDown { background-color: #dedede; background-image: url("./images/cssButton/button_Down_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIvPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNkMWQxZDEiLz48c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIvPjxzdG9wIG9mZnNldD0iMTQlIiBzdG9wLWNvbG9yPSIjZWJlYmViIi8+PHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjxzdG9wIG9mZnNldD0iODElIiBzdG9wLWNvbG9yPSIjZGJkYmRiIi8+PHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNjNGM0YzQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNGM0YzQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1d1d1), color-stop(5%, #d1d1d1), color-stop(10%, #dbdbdb), color-stop(14%, #ebebeb), color-stop(19%, #f2f2f2), color-stop(29%, #f2f2f2), color-stop(81%, #dbdbdb), color-stop(95%, #c4c4c4), color-stop(100%, #c4c4c4)); background-image: -webkit-linear-gradient(top, #d1d1d1 0%, #d1d1d1 5%, #dbdbdb 10%, #ebebeb 14%, #f2f2f2 19%, #f2f2f2 29%, #dbdbdb 81%, #c4c4c4 95%, #c4c4c4 100%); background-image: -moz-linear-gradient(top, #d1d1d1 0%, #d1d1d1 5%, #dbdbdb 10%, #ebebeb 14%, #f2f2f2 19%, #f2f2f2 29%, #dbdbdb 81%, #c4c4c4 95%, #c4c4c4 100%); background-image: -o-linear-gradient(top, #d1d1d1 0%, #d1d1d1 5%, #dbdbdb 10%, #ebebeb 14%, #f2f2f2 19%, #f2f2f2 29%, #dbdbdb 81%, #c4c4c4 95%, #c4c4c4 100%); background-image: linear-gradient(top, #d1d1d1 0%, #d1d1d1 5%, #dbdbdb 10%, #ebebeb 14%, #f2f2f2 19%, #f2f2f2 29%, #dbdbdb 81%, #c4c4c4 95%, #c4c4c4 100%); border: 1px solid #597db1; } .toolStripButtonSelected, .toolStripButtonSelectedFocused, .toolStripButtonSelectedOver, .toolStripButtonSelectedFocusedOver, .toolStripButtonSelectedDisabled { background-color: #d9d9d9; background-image: url("./images/cssButton/button_Over_stretch.png"); background-repeat: repeat-x; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(52%, #ededed), color-stop(57%, #e3e3e3), color-stop(100%, #d6d6d6)); background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); background-image: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); background-image: -o-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); background-image: linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%); border: 1px solid #858585; } /*============================================================ 12a) ToolStripGroup and IconButton ==============================================================*/ .toolStripGroup, .toolStripGroupOver, .toolStripGroupSelected, .toolStripGroupSelectedDisabled, .toolStripGroupSelectedOver, .toolStripGroupDown, .toolStripGroupSelectedDown, .toolStripGroupDisabled { background: #fff0f1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(1%, #f7f7f7), color-stop(1%, #f2f2f2), color-stop(31%, #e0e0e0), color-stop(100%, #e0e0e0)); background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%); background-image: linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%); border: 1px solid #b5b5b5; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .toolStripGroupTitle, .toolStripGroupTitleOver, .toolStripGroupTitleSelected, .toolStripGroupTitleSelectedDisabled, .toolStripGroupTitleSelectedOver, .toolStripGroupTitleDown, .toolStripGroupTitleSelectedDown, .toolStripGroupTitleDisabled { background-color: #d4d4d4; border: 0; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; font-weight: bold; padding: 3px; } .iconButton, .iconButtonOver, .iconButtonFocused, .iconButtonFocusedOver, .iconButtonDown, .iconButtonFocusedDown, .iconButtonSelected, .iconButtonSelectedFocused, .iconButtonSelectedDown, .iconButtonSelectedFocusedDown, .iconButtonSelectedOver, .iconButtonSelectedFocusedOver, .iconButtonDisabled, .iconButtonSelectedDisabled { background-color: transparent; border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 4px; } .iconButtonDown { background-color: #d9d9d9; border: 1px solid #9e8c8a; } .iconButtonOver, .iconButtonSelectedOver, .iconButtonFocusedOver, .iconButtonSelectedFocusedOver { background-color: #f2f2f2; border: 1px solid #b5a7a6; } .iconButtonSelected, .iconButtonSelectedFocused, .iconButtonSelectedDown, .iconButtonSelectedFocusedDown, .iconButtonSelectedOver, .iconButtonSelectedFocusedOver { background-color: #fdaaaa; } /*============================================================ 13) Tools ============================================================*/ .resizeThumb { background-color: #009999; } /*============================================================ 14) TileGrid ==============================================================*/ .tileGrid { border: 0px solid gray; } .tileValue, .tileValueDown, .tileValueSelected, .tileValueOver, .tileValueSelectedOver, .tileValueSelectedDown { text-overflow: ellipsis; } .simpleTile, .simpleTileOver, .simpleTileSelected, .simpleTileSelectedOver { padding: 3px; } .simpleTile { border: 1px solid transparent; } .simpleTileOver { background-color: #DDDDDD; border: 1px solid #cfcfcf; } .simpleTileSelected, .simpleTileSelectedOver { background-color: #DDDDDD; border: 1px solid #cfcfcf; } /* following is needed for dashboards - do we need classes above? */ .tile { background-color: #ffffff; padding: 5px; margin: 1%; float: left; position: relative; } .tileHeader { background-color: #ffffff; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom: 1px solid #00a0d1; margin: 0px; padding: 2px; } .tileBody { background-color: #ffffff; padding: 2px; } .tileChartHeader { max-height: 25px; } .tileChartHeader label { min-width: 150px; white-space: nowrap; } .tileChartBody div, .tileChartBody svg { width: 100% !important; height: 100% !important; } /*============================================================ 15) Scrollbars ============================================================*/ .vScrollThumb { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZThlOGU5Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkN2Q5ZGEiLz48c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2NhY2NjZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MwYzJjNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(50%, #e8e8e9), color-stop(50%, #d7d9da), color-stop(82%, #caccce), color-stop(100%, #c0c2c4)); background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); background-image: -moz-linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); background-image: -o-linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); background-image: linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); -webkit-box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0; -moz-box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0; box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0; border: 1px solid #969696; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; margin-right: 1px; } .vScrollThumbOver { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZjRmYyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZDVlZWZiIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkNWVlZmIiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E3ZGFmNiIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjYTdkYWY2Ii8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNhNGQ1ZWYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Y2NhZTIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e3f4fc), color-stop(20%, #d5eefb), color-stop(50%, #d5eefb), color-stop(50%, #a7daf6), color-stop(80%, #a7daf6), color-stop(90%, #a4d5ef), color-stop(100%, #9ccae2)); background-image: -webkit-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: -moz-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: -o-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); border: 1px solid #3c7daf; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e5f2ff 1px 1px 0 0; -moz-box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e5f2ff 1px 1px 0 0; box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e5f2ff 1px 1px 0 0; margin-right: 1px; } .hScrollThumb { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjZWFlYWViIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDciLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2NiY2JjZCIvPjxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjYmViZWMxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmViZWMxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(42%, #eaeaeb), color-stop(50%, #d6d6d7), color-stop(75%, #cbcbcd), color-stop(92%, #bebec1), color-stop(100%, #bebec1)); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%); background-image: linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%); -webkit-box-shadow: inset 1px -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6; -moz-box-shadow: inset 1px -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6; box-shadow: inset 1px -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6; border: 1px solid #969696; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; margin-bottom: 1px; } .hScrollThumbOver { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZjRmYyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZDVlZWZiIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkNWVlZmIiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E3ZGFmNiIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjYTdkYWY2Ii8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNhNGQ1ZWYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Y2NhZTIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3f4fc), color-stop(20%, #d5eefb), color-stop(50%, #d5eefb), color-stop(50%, #a7daf6), color-stop(80%, #a7daf6), color-stop(90%, #a4d5ef), color-stop(100%, #9ccae2)); background-image: -webkit-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: -moz-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: -o-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); border: 1px solid #3c7daf; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 #ffffff; -moz-box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 #ffffff; box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 #ffffff; margin-bottom: 1px; } /*============================================================ 16) Special dashboard tiles ============================================================*/ .eventFinished, .eventRunning, .eventOvertime, .eventPlanned { border-radius: 4px !important; border-width: 0px !important; border-style: solid !important; white-space: nowrap !important; overflow: hidden; margin: 2px !important; max-height: 22px; opacity: 0.8; } .eventFinished, .eventFinishedBody { background-color: #00a0d1 !important; } .eventRunning, .eventRunningBody { background-color: #00a0d1 !important; } .eventOvertime, .eventOvertimeBody { background-color: #e30043 !important; } .eventPlanned, .eventPlannedBody { background-color: #97bf0d !important; } .eventCurrentTime { border-radius: 0px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-style: solid !important; border-left: 1px solid #e30043 !important; overflow: hidden; margin: 0px !important; max-width: 1px; } .eventCurrentTimeBody { background-color: transparent !important; } /* CSS3 Mode .scrollbar, .scrollbarDisabled, .scrollbarOver, .scrollbarDown { background-color: #EDEDED; border: 0px solid #FF8000; background-image: none; } .scrollbarFocused, .scrollbarFocusedDisabled, .scrollbarFocusedOver, .scrollbarFocusedDown { background-color: #EDEDED; border: 0px solid #0000ff; background-image: none; } .scrollbarSelected, .scrollbarSelectedDisabled, .scrollbarSelectedOver, .scrollbarSelectedDown { background-color: #EDEDED; border: 0px solid #0000FF; background-image: none; } .scrollbarSelectedFocused, .scrollbarSelectedFocusedDisabled, .scrollbarSelectedFocusedOver, .scrollbarSelectedFocusedDown { background-color: #EDEDED; border: 0px solid #ffff00; background-image: none; } /* CSS3 Mode .scrollThumb { background-image: none; background-color: #DDDDDD; border-top: 1px solid #FDFDFD; border-bottom: 1px solid #DDDDDD; border-left: 1px solid #F5F5F5; border-right: 1px solid #E5E5E5; } .vScrollThumb { /* background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZThlOGU5Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkN2Q5ZGEiLz48c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2NhY2NjZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MwYzJjNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(50%, #e8e8e9), color-stop(50%, #d7d9da), color-stop(82%, #caccce), color-stop(100%, #c0c2c4)); background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); background-image: -moz-linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); background-image: -o-linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); background-image: linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%); -webkit-box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0; -moz-box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0; box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0; border: 1px solid #969696; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; margin-right: 1px; background-image: none; background-color: #DDDDDD; } .vScrollThumbOver { /* background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZjRmYyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZDVlZWZiIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkNWVlZmIiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E3ZGFmNiIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjYTdkYWY2Ii8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNhNGQ1ZWYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Y2NhZTIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e3f4fc), color-stop(20%, #d5eefb), color-stop(50%, #d5eefb), color-stop(50%, #a7daf6), color-stop(80%, #a7daf6), color-stop(90%, #a4d5ef), color-stop(100%, #9ccae2)); background-image: -webkit-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: -moz-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: -o-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); border: 1px solid #3c7daf; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e5f2ff 1px 1px 0 0; -moz-box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e5f2ff 1px 1px 0 0; box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e5f2ff 1px 1px 0 0; margin-right: 1px; background-image: none; background-color: #DDDDDD; } .hScrollThumb { /* background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjZWFlYWViIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDciLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2NiY2JjZCIvPjxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjYmViZWMxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmViZWMxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(42%, #eaeaeb), color-stop(50%, #d6d6d7), color-stop(75%, #cbcbcd), color-stop(92%, #bebec1), color-stop(100%, #bebec1)); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%); background-image: linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%); -webkit-box-shadow: inset 1px -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6; -moz-box-shadow: inset 1px -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6; box-shadow: inset 1px -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6; border: 1px solid #969696; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; margin-bottom: 1px; background-image: none; background-color: #DDDDDD; } .hScrollThumbOver { /* background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZjRmYyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZDVlZWZiIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkNWVlZmIiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E3ZGFmNiIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjYTdkYWY2Ii8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNhNGQ1ZWYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Y2NhZTIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3f4fc), color-stop(20%, #d5eefb), color-stop(50%, #d5eefb), color-stop(50%, #a7daf6), color-stop(80%, #a7daf6), color-stop(90%, #a4d5ef), color-stop(100%, #9ccae2)); background-image: -webkit-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: -moz-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: -o-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); background-image: linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%); border: 1px solid #3c7daf; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 white; -moz-box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 white; box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 white; margin-bottom: 1px; background-image: none; background-color: #DDDDDD; } */ /*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII Styles below this comment are not used by default in this skin IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII*/ /*============================================================ TabSet CSS tabs tabSet.simpleTabBaseStyle ============================================================*/ /* styles for simple css-styled tabs*/ /* left */ .tabButtonLeft { background-color: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIvPjxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #d4d4d4), color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8), color-stop(71%, #ebebeb), color-stop(100%, #ebebeb)); background-image: -webkit-linear-gradient(left, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: -moz-linear-gradient(left, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: -o-linear-gradient(left, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: linear-gradient(left, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); border-left: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; -moz-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; padding: 0 7px 1px 7px; } .tabButtonLeftOver { background-color: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f0f0f0), color-stop(10%, #f0f0f0), color-stop(57%, #e3e3e3), color-stop(100%, #e3e3e3)); background-image: -webkit-linear-gradient(left, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: -moz-linear-gradient(left, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: -o-linear-gradient(left, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: linear-gradient(left, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); border-left: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; -moz-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; padding: 0 7px 1px 7px; } .tabButtonLeftSelected { background-color: #f7f7f7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e8e8e8), color-stop(9%, #e8e8e8), color-stop(18%, #ededed), color-stop(32%, #f2f2f2), color-stop(68%, #fcfcfc), color-stop(100%, #fcfcfc)); background-image: -webkit-linear-gradient(left, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: -moz-linear-gradient(left, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: -o-linear-gradient(left, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: linear-gradient(left, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); border-left: 1px solid #97a8be; border-bottom: 1px solid #97a8be; border-top: 1px solid #97a8be; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; -moz-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonLeftSelectedOver { background-color: #e3e3e3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -moz-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -o-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); border-left: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonLeftSelectedDown { background-color: #e3e3e3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -moz-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -o-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); border-left: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonLefttFocused { background-color: #d6d6d6; border-left: 1px solid gray; border-bottom: 1px solid gray; border-top: 1px solid gray; padding: 0 7px 1px 7px; } .tabButtonLeftSelectedFocused { background-color: #d6d6d6; border-left: 1px solid gray; border-bottom: 1px solid gray; border-top: 1px solid gray; padding: 0 7px 1px 7px; } .tabButtonLeftSelectedFocusedOver { background-color: #d6d6d6; border-left: 1px solid gray; border-bottom: 1px solid gray; border-top: 1px solid gray; padding: 0 7px 1px 7px; } .tabButtonLeftDown { background-color: #f7f7f7; border-left: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; padding: 0 7px 1px 7px; } .tabButtonLeftSelectedDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -moz-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -o-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; padding: 0 7px 1px 7px; } .tabButtonLeftDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -moz-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -o-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; padding: 0 7px 1px 7px; } /* right */ .tabButtonRight { background-color: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIvPjxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #d4d4d4), color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8), color-stop(71%, #ebebeb), color-stop(100%, #ebebeb)); background-image: -webkit-linear-gradient(right, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: -moz-linear-gradient(right, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: -o-linear-gradient(right, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: linear-gradient(right, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; -moz-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; padding: 0 7px 1px 7px; } .tabButtonRightOver { background-color: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f0f0f0), color-stop(10%, #f0f0f0), color-stop(57%, #e3e3e3), color-stop(100%, #e3e3e3)); background-image: -webkit-linear-gradient(right, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: -moz-linear-gradient(right, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: -o-linear-gradient(right, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: linear-gradient(right, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; -moz-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; padding: 0 7px 1px 7px; } .tabButtonRightSelected { background-color: #f7f7f7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e8e8e8), color-stop(9%, #e8e8e8), color-stop(18%, #ededed), color-stop(32%, #f2f2f2), color-stop(68%, #fcfcfc), color-stop(100%, #fcfcfc)); background-image: -webkit-linear-gradient(right, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: -moz-linear-gradient(right, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: -o-linear-gradient(right, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: linear-gradient(right, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); border-right: 1px solid #97a8be; border-bottom: 1px solid #97a8be; border-top: 1px solid #97a8be; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; -moz-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonRightSelectedOver { background-color: #e3e3e3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -moz-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -o-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonRightSelectedDown { background-color: #e3e3e3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -moz-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -o-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonRightFocused { background-color: #d6d6d6; border-right: 1px solid gray; border-bottom: 1px solid gray; border-top: 1px solid gray; padding: 0 7px 1px 7px; } .tabButtonRightSelectedFocused { background-color: #d6d6d6; border-right: 1px solid gray; border-bottom: 1px solid gray; border-top: 1px solid gray; padding: 0 7px 1px 7px; } .tabButtonRightSelectedFocusedOver { background-color: #d6d6d6; border-right: 1px solid gray; border-bottom: 1px solid gray; border-top: 1px solid gray; padding: 0 7px 1px 7px; } .tabButtonRightDown { background-color: #f7f7f7; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; padding: 0 7px 1px 7px; } .tabButtonRightSelectedDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -webkit-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -moz-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -o-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; padding: 0 7px 1px 7px; } .tabButtonRightDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -webkit-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -moz-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -o-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; padding: 0 7px 1px 7px; } /* top */ .tabButtonTop { background-color: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIvPjxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4d4d4), color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8), color-stop(71%, #ebebeb), color-stop(100%, #ebebeb)); background-image: -webkit-linear-gradient(top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: -moz-linear-gradient(top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: -o-linear-gradient(top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: linear-gradient(top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; -moz-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; padding: 0 7px 1px 7px; } .tabButtonTopOver { background-color: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(10%, #f0f0f0), color-stop(57%, #e3e3e3), color-stop(100%, #e3e3e3)); background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: -o-linear-gradient(top, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: linear-gradient(top, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; -moz-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; padding: 0 7px 1px 7px; } .tabButtonTopSelected { background-color: #f7f7f7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(9%, #e8e8e8), color-stop(18%, #ededed), color-stop(32%, #f2f2f2), color-stop(68%, #fcfcfc), color-stop(100%, #fcfcfc)); background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: -moz-linear-gradient(top, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: -o-linear-gradient(top, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: linear-gradient(top, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); border-left: 1px solid #97a8be; border-right: 1px solid #97a8be; border-top: 1px solid #97a8be; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; -moz-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonTopSelectedOver { background-color: #e3e3e3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -o-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonTopSelectedDown { background-color: #e3e3e3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -o-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; font-weight: normal; padding: 0 7px 1px 7px; } .tabButtonTopFocused { background-color: #d6d6d6; border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid gray; padding: 0 7px 1px 7px; } .tabButtonTopSelectedFocused { background-color: #d6d6d6; border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid gray; padding: 0 7px 1px 7px; } .tabButtonTopSelectedFocusedOver { background-color: #d6d6d6; border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid gray; padding: 0 7px 1px 7px; } .tabButtonTopDown { background-color: #f7f7f7; border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-top: 1px solid #ababab; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; padding: 0 7px 1px 7px; } .tabButtonTopSelectedDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; padding: 0 7px 1px 7px; } .tabButtonTopDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; padding: 0 7px 1px 7px; } /* bottom */ .tabButtonBottom { background-color: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIvPjxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #d4d4d4), color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8), color-stop(71%, #ebebeb), color-stop(100%, #ebebeb)); background-image: -webkit-linear-gradient(bottom, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: -moz-linear-gradient(bottom, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: -o-linear-gradient(bottom, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); background-image: linear-gradient(bottom, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%); border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; -moz-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; padding: 0 7px 1px 7px; padding-top: 1px; } .tabButtonBottomOver { background-color: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f0f0f0), color-stop(10%, #f0f0f0), color-stop(57%, #e3e3e3), color-stop(100%, #e3e3e3)); background-image: -webkit-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: -moz-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: -o-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); background-image: linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%); border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; -moz-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomSelected { background-color: #f7f7f7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e8e8e8), color-stop(9%, #e8e8e8), color-stop(18%, #ededed), color-stop(32%, #f2f2f2), color-stop(68%, #fcfcfc), color-stop(100%, #fcfcfc)); background-image: -webkit-linear-gradient(bottom, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: -moz-linear-gradient(bottom, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: -o-linear-gradient(bottom, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); background-image: linear-gradient(bottom, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%); border-left: 1px solid #97a8be; border-right: 1px solid #97a8be; border-bottom: 1px solid #97a8be; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; -moz-box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; box-shadow: 0 1px 1px #ffffff inset, 1px 0 1px #ffffff inset, -1px 0 1px #ffffff inset; font-weight: normal; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomSelectedOver { background-color: #e3e3e3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -moz-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -o-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; font-weight: normal; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomSelectedDown { background-color: #e3e3e3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -moz-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: -o-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); background-image: linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%); border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; font-weight: normal; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomFocused { background-color: #d6d6d6; border-left: 1px solid gray; border-right: 1px solid gray; border-bottom: 1px solid gray; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomSelectedFocused { background-color: #d6d6d6; border-left: 1px solid gray; border-right: 1px solid gray; border-bottom: 1px solid gray; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomSelectedFocusedOver { background-color: #d6d6d6; border-left: 1px solid gray; border-right: 1px solid gray; border-bottom: 1px solid gray; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomDown { background-color: #f7f7f7; border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomSelectedDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -webkit-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -moz-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -o-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } .tabButtonBottomDisabled { background-color: #f2f2f2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed)); background-image: -webkit-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -moz-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: -o-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); background-image: linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%); border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; padding: 0 7px 1px 7px; padding: 1px 7px 1px 7px; } /*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII Styles below this comment are used by optional modules only IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII*/ /*============================================================ CubeGrid - Analytics Module only cubeGrid.baseStyle - cubeCell headerGrid.baseStyle - rowHeader reportHeaderBar.button.baseStyle - rowHeader reportHeaderBar.button.baseStyle - innerHeader/colHeader reportHeaderBar.button.baseStyle - rowHeaderLabel reportHeaderBar.button.baseStyle - colHeaderLabel ============================================================*/ .cubeCell { background-color: white; border-bottom: 1px solid #ababab; border-left: 1px solid white; border-right: 1px solid #ababab; border-top: 1px solid white; text-overflow: ellipsis; } .cubeCellDark { background-color: #f0f0f0; border-bottom: 1px solid #ababab; border-left: 1px solid #f0f0f0; border-right: 1px solid #ababab; border-top: 1px solid #f0f0f0; text-overflow: ellipsis; } .cubeCellDisabled { background-color: white; border-bottom: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; border-top: 1px solid white; text-overflow: ellipsis; } /* partial styles */ .cubeCellOver { border-bottom: 1px solid #ababab; border-left: 1px solid #b8cfef; border-right: 1px solid #ababab; border-top: 1px solid #b8cfef; background-color: #c4ddfd; background-image: url(./images/ListGrid/row_Over.png); background-repeat: repeat-x; background-attachment: scroll; background-position: bottom left; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U1ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); } .cubeCellSelected { background: #d6e8ff; border-bottom: 1px solid #ababab; border-left: 1px solid #b8cfef; border-right: 1px solid #ababab; border-top: 1px solid #b8cfef; } .cubeCellSelectedOver { border-bottom: 1px solid #ababab; border-left: 1px solid #b8cfef; border-right: 1px solid #ababab; border-top: 1px solid #b8cfef; background-color: #c4ddfd; background-image: url(./images/ListGrid/row_Selected_Over.png); background-repeat: repeat-x; background-attachment: scroll; background-position: bottom left; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U1ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd)); background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%); } /* row headers */ .rowHeader { background-color: #6682A0; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #264260; border-bottom: 1px solid #264260; background-image: url("images/CubeGrid/rowHeader.gif"); } .rowHeaderOver { background-color: #6682A0; border-left: 1px solid #264260; border-top: 1px solid #264260; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-image: url("images/CubeGrid/rowHeaderOver.gif"); } .rowHeaderDown { background-color: #6682A0; border-left: 1px solid #264260; border-top: 1px solid #264260; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-image: url("images/CubeGrid/rowHeaderOver.gif"); } .rowHeaderDisabled { background-color: #6682A0; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } .rowHeaderSelected, .rowHeaderSelectedDown { background-color: #3E74B3; border-left: 1px solid #00008B; border-top: 1px solid #00008B; border-right: 1px solid #F0F8FF; border-bottom: 1px solid #F0F8FF; background-image: url("images/CubeGrid/rowHeaderSelected.gif"); } .rowHeaderSelectedOver { background-color: #3E74B3; border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; background-image: url("images/CubeGrid/rowHeaderSelectedOver.gif"); } .rowHeaderSelectedDisabled { background-color: #3E74B3; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } /* row label */ .rowHeaderLabel { font-weight: bold; background-color: #204B7A; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #000B3A; border-bottom: 1px solid #000B3A; background-image: url("images/CubeGrid/rowHeaderLabel.gif"); } .rowHeaderLabelOver { font-weight: bold; background-color: #204B7A; border-left: 1px solid #000B3A; border-top: 1px solid #000B3A; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-image: url("images/CubeGrid/rowHeaderLabel.gif"); } .rowHeaderLabelDown { font-weight: bold; background-color: #204B7A; border-left: 1px solid #000B3A; border-top: 1px solid #000B3A; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-image: url("images/CubeGrid/rowHeaderLabelDown.gif"); } .rowHeaderLabelDisabled { font-weight: bold; background-color: #7D7D7D; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } .rowHeaderLabelSelected, .rowHeaderLabelSelectedDown { font-weight: bold; background-color: #3E74B3; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid #555555; border-bottom: 1px solid #555555; background-image: url("images/CubeGrid/rowHeaderDown.gif"); } .rowHeaderLabelSelectedOver { font-weight: bold; background-color: #3E74B3; border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; background-image: url("images/CubeGrid/rowHeaderDown.gif"); } .rowHeaderLabelSelectedDisabled { font-weight: bold; background-color: #7D7D7D; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } /* column headers */ .colHeader { background-color: #6682A0; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #264260; border-bottom: 1px solid #264260; background-image: url("images/CubeGrid/colHeader.gif"); } .colHeaderOver { background-color: #6682A0; border-left: 1px solid #264260; border-top: 1px solid #264260; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-image: url("images/CubeGrid/colHeaderOver.gif"); } .colHeaderDown { background-color: #6682A0; border-left: 1px solid #264260; border-top: 1px solid #264260; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-image: url("images/CubeGrid/colHeader.gif"); } .colHeaderDisabled { background-color: #6682A0; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } .colHeaderSelected, .colHeaderSelectedDown { font-weight: bold; background-color: #3E74B3; border-left: 1px solid #00008B; border-top: 1px solid #00008B; border-right: 1px solid #F0F8FF; border-bottom: 1px solid #F0F8FF; background-image: url("images/CubeGrid/colHeaderSelected.gif"); } .colHeaderSelectedOver { font-weight: bold; background-color: #3E74B3; border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; background-image: url("images/CubeGrid/colHeaderSelectedOver.gif"); } .colHeaderSelectedDisabled { font-weight: bold; background-color: #3E74B3; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } /* column label */ .colHeaderLabel { font-weight: bold; background-color: #204B7A; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #555555; border-bottom: 1px solid #555555; background-image: url("images/CubeGrid/colHeaderLabel.gif"); } .colHeaderLabelOver, .colHeaderLabelDown { font-weight: bold; background-color: #204B7A; border-left: 1px solid #000B3A; border-top: 1px solid #000B3A; border-right: 1px solid #555555; border-bottom: 1px solid #555555; background-image: url("images/CubeGrid/colHeaderLabelDown.gif"); } .colHeaderLabelDisabled { font-weight: bold; background-color: #7D7D7D; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } .colHeaderLabelSelected, .colHeaderLabelSelectedDown { font-weight: bold; background-color: #3E74B3; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid #555555; border-bottom: 1px solid #555555; background-image: url("images/CubeGrid/colHeaderLabelDown.gif"); } .colHeaderLabelSelectedOver { font-weight: bold; background-color: #3E74B3; border-top: 1px solid white; border-bottom: 1px solid white; border-right: 1px solid #555555; border-bottom: 1px solid #555555; background-image: url("images/CubeGrid/colHeaderDown.gif"); } .colHeaderLabelSelectedDisabled { font-weight: bold; background-color: #7D7D7D; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } /* inner header */ .innerHeader { background-color: #CCCCCC; border-left: 1px solid white; border-top: 1px solid white; border-right: 1px solid #808080; border-bottom: 1px solid #808080; background-image: url("images/CubeGrid/innerHeader.gif"); } .innerHeaderOver { background-color: #CCCCCC; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid white; border-bottom: 1px solid white; background-image: url("images/CubeGrid/innerHeader.gif"); } .innerHeaderDown { background-color: #CCCCCC; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid white; border-bottom: 1px solid white; background-image: url("images/CubeGrid/innerHeader.gif"); } .innerHeaderDisabled { background-color: #CCCCCC; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } .innerHeaderSelected, .innerHeaderSelectedDown { font-weight: bold; background-color: #3E74B3; border-left: 1px solid #00008B; border-top: 1px solid #00008B; border-right: 1px solid #F0F8FF; border-bottom: 1px solid #F0F8FF; background-image: url("images/CubeGrid/innerHeaderSelected.gif"); } .innerHeaderSelectedOver { font-weight: bold; background-color: #3E74B3; border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; background-image: url("images/CubeGrid/innerHeaderSelectedOver.gif"); } .innerHeaderSelectedDisabled { background-color: #CCCCCC; border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } /*============================================================ BarChart internal, charting/visualization module only styleName - chart barStyle - chartBar others are currently fixed ============================================================*/ .chart { background-color: #cccccc; } .chartTitle { font-weight: bold; text-align: center; } .chartAxisTitle { font-weight: bold; } .chartTotal { background-color: linen; } .chartBody { background-color: #dedede; border-left: 1px solid black; border-right: 1px solid black; border-top: 1px dashed #0000FF; } .chartBar1 { background-color: #FF0000; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5MDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #990000), color-stop(100%, #ff0000)); background-image: -webkit-linear-gradient(left, #990000 0%, #ff0000 100%); background-image: -moz-linear-gradient(left, #990000 0%, #ff0000 100%); background-image: -o-linear-gradient(left, #990000 0%, #ff0000 100%); background-image: linear-gradient(left, #990000 0%, #ff0000 100%); } .chartBar2 { background-color: #0000FF; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDA5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #000099), color-stop(100%, #0000ff)); background-image: -webkit-linear-gradient(left, #000099 0%, #0000ff 100%); background-image: -moz-linear-gradient(left, #000099 0%, #0000ff 100%); background-image: -o-linear-gradient(left, #000099 0%, #0000ff 100%); background-image: linear-gradient(left, #000099 0%, #0000ff 100%); } .chartBar3 { background-color: #0000ff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTkwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #009900), color-stop(100%, #0000ff)); background-image: -webkit-linear-gradient(left, #009900 0%, #0000ff 100%); background-image: -moz-linear-gradient(left, #009900 0%, #0000ff 100%); background-image: -o-linear-gradient(left, #009900 0%, #0000ff 100%); background-image: linear-gradient(left, #009900 0%, #0000ff 100%); } /*============================================================ Printing printHeader - general print style for header elements including: - ListGrid header cells - SectionStack headers ============================================================*/ .printHeader { border: 1px solid black; /* font-family: Arial, Verdana, sans-serif; */ font-weight: bold; } /*============================================================ Calendar ============================================================*/ .calendar, .calendarDisabled, .calendarWorkday, .calendarWorkdayDisabled, .calendarDark { background-color: white; border-bottom: 1px solid #ababab; } .calendarWorkdayDisabled, .calendarDark, .calendarDisabled { background-color: #fafafa; } .calendarWorkday { background-color: white; } .calendarOver, .calendarOverDark { background-color: #ecc0c5; border-bottom: 1px solid #ababab; } .calendarCellSelected { background-color: #cccccc; border-bottom: 1px solid #ababab; } .labelColumn { background-color: #fafafa; border-bottom: 1px solid #ababab; } /* ----month---- */ /* calMonthDayHeader and Body */ .calMonthDayHeader, .calMonthDayHeaderDark { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; } .calMonthDayHeaderOver, .calMonthDayHeaderOverDark { background-color: #ecc0c5; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; } .calMonthDayBody, .calMonthDayBodyDark { background-color: white; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; } .calMonthDayBodyOver, .calMonthDayBodyOverDark, .calMonthDayBodySelected, .calMonthDayBodySelectedDark, .calMonthDayBodySelectedOver, .calMonthDayBodySelectedOverDark { background-color: #ecc0c5; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; } .calMonthDayBodyDisabled, .calMonthDayBodyDisabledOver { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; } /* calMonthOtherDayHeader and Body */ .calMonthOtherDayHeader, .calMonthOtherDayHeaderDark { background-color: #ababab; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; } .calMonthOtherDayHeaderOver, .calMonthOtherDayHeaderOverDark { background-color: #ecc0c5; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; } .calMonthOtherDayBody, .calMonthOtherDayBodyDark, .calMonthOtherDayBodyDisabled, .calMonthOtherDayBodyDisabledOver { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; } .calMonthOtherDayBodyOver, .calMonthOtherDayBodyOverDark { background-color: #ecc0c5; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; } /* calMonthOtherDayBlank */ .calMonthOtherDayBlank, .calMonthOtherDayBlankDark, .calMonthOtherDayBlankOver, .calMonthOtherDayBlankOverDark, .calMonthOtherDayBlankSelected, .calMonthOtherDayBlankSelectedDark, .calMonthOtherDayBlankSelectedOver, .calMonthOtherDayBlankSelectedOverDark { background-color: #fafafa; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; } /* calMonthEventLink */ a.calMonthEventLink:link { text-decoration: none; } a.calMonthEventLink:visited { text-decoration: none; } a.calMonthEventLink:hover { text-decoration: underline; } a.calMonthEventLink:active { text-decoration: none; } /* ----event window---- */ .eventWindow { background-color: #f0f8ff; border: 1px solid #d0dff6; } .eventWindowHeader { background-color: #d0dff6; } .eventWindowBody { background-color: #f0f8ff; padding: 3px; } .eventWindowResizer { border-bottom: 1px solid white; border-top: 1px solid white; } .indicatorCanvas { background-color: #e30043; } .indicatorCanvasGripper, .indicatorCanvasLabel { background-color: #e30043; border-radius: 3px; display: inline-block; color: #ffffff; } /*============================================================ PropertySheet internal, used by Visual SmartClient tools propertySheet.autoChildDefaults.cellStyle - propSheetValue propertySheet.autoChildDefaults.titleStyle - propSheetTitle propertySheet.TextItemDefaults.textBoxStyle - propSheetField propertySheet.SelectItemDefaults.controlStyle - propSheetSelectControl propertySheet.ColorItemDefaults.textBoxStyle - propSheetField propertySheet.HeaderItemDefaults.textBoxStyle - propSheetHeading propertySheet.SectionHeaderItemDefaults.cellStyle - propSheetSectionItemCell ============================================================*/ .propSheetValue, .propSheetValueFocused, .propSheetDisabled { border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; margin: 0px; padding: 0px; } .propSheetTitle, .propSheetTitleFocused, .propSheetTitleDisabled { background-color: #dedede; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab; padding-left: 4px; padding-right: 4px; } .propSheetTitleError, .propSheetValueError { background-color: #f2d4cf; } .propSheetField, .propSheetFieldDisabled { background-color: white; border: 0px; margin-top: 3px; padding-bottom: 0px; padding-top: 0px; padding-left: 4px; padding-right: 4px; } .propSheetHeading, .propSheetHeadingDisabled { background-color: #cccccc; border-bottom: 1px solid #ababab; font-weight: bold; padding: 4px; } .propSheetSelectControl, .propSheetSelectControlFocused, .propSheetSelectControlDisabled { padding-left: 3px; padding-right: 3px; } /* * Skin customization. * duplicated options will use the later settings * duplicates should be 'integrated' in the original smartgwt hierarchy above */ .bee-MainMenu { background: transparent; } /* ListGrid use inside the menu (element of the section) */ .listGridforMenuCell, .listGridforMenuCellDark, .listGridforMenuCellOver, .listGridforMenuCellOverDark { cursor: pointer; padding-left: 12px; background-color: transparent; } .listGridforMenuCellSelected, .listGridforMenuCellSelectedDark, .listGridforMenuCellSelectedOver, .listGridforMenuCellSelectedOverDark { cursor: pointer; padding-left: 12px; } .infoAttributeTitle { font-weight: bold; } .infoAttributeValueBIG, .infoAttributeTitleBIG { font-size: 15px !important; font-weight: bold; } .validStatus { color: #97bf0d; } .invalidStatus { color: #e30043; } .deaktiveEdit { color: #b0b0b0; } .lockBox { border-bottom: 1px solid #d0d0d0; } /* trendscout specific */ .thirteenbold { font-size: 13px !important; font-weight: bold; } .fourteenbold { font-size: 14px !important; font-weight: bold; vertical-align: bottom; } .fifteenbold { font-size: 15px !important; font-weight: bold; vertical-align: bottom; } .sixteenbold { font-size: 16px !important; font-weight: bold; vertical-align: bottom; } .overviewDashAtt { font-size: 15px !important; vertical-align: center; } .combiHeader { font-size: 16px !important; vertical-align: bottom; text-align: center; color: #999999 !important; border-bottom: 1px solid #cccccc; } .overviewDashVal { font-size: 24px !important; font-weight: bold; vertical-align: center; text-align: center; color: #808586 !important; } .reportHeaderBig { font-size: 30px !important; font-weight: bold; color: #FFFFFF !important; } .reportHeader { font-size: 22px !important; font-weight: bold; color: #00AFDB !important; } .singleReportHeader { font-size: 18px !important; vertical-align: center; text-align: center; color: #EC1D4F !important; } .donutChartMiddle { font-size: 17px !important; font-weight: bold; } .reportAttributeSmallTitle { font-size: 14px !important; color: #999999 !important; } .reportAttributeSmallValue { font-size: 14px !important; font-weight: bold; } .reportAttributeSmallValueAddition { font-size: 11px !important; font-weight: bold; } .reportAttributeMediumTitle { font-size: 14px !important; color: #999999 !important; } .reportAttributeMediumValue { font-size: 26px !important; font-weight: bold; } .reportAttributeMediumValueAddition { font-size: 14px !important; font-weight: bold; } .reportAttributeBigTitle { font-size: 16px !important; color: #999999 !important; } .reportAttributeBigValue { font-size: 30px !important; font-weight: bold; } .reportAttributeBigValueAddition { font-size: 14px !important; font-weight: bold; } .topRowName { font-size: 12px !important; font-weight: bold; text-overflow: ellipsis; } .topRowCurrentPosi { font-size: 12px !important; font-weight: bold; } .topRowPreviousPosi { font-size: 12px !important; color: #999999 !important; } .reportContainerRow { border-bottom: 1px solid #dcdcdc; } .combiCol { font-size: 16px !important; font-weight: bold; vertical-align: center; text-align: center; } .combiCat { font-size: 16px !important; font-style: italic; vertical-align: center; text-align: center; } .combiMat { font-size: 16px !important; vertical-align: center; text-align: center; } .eighteenbold { font-size: 18px !important; font-weight: bold; vertical-align: bottom; } .twentybold { font-size: 20px !important; font-weight: bold; vertical-align: bottom; } .twenty { font-size: 20px !important; } .thirteenitalic { font-size: 13px !important; font-style: italic; } .fourteenitalic { font-size: 14px !important; font-style: italic; } .fifteenitalic { font-size: 15px !important; font-style: italic; } .thirteennormal { font-size: 13px !important; vertical-align: bottom; } .fourteennormal { font-size: 14px !important; } .fifteennormal { font-size: 15px !important; vertical-align: bottom; } .tensmall { font-size: 10px !important; color: #999999 !important; vertical-align: middle; text-align: center; } .sortisset { font-size: 11px !important; color: #2D2D32 !important; vertical-align: middle; text-align: center; } .tenattribute { font-size: 11px !important; vertical-align: bottom; color: #555555 !important; } .detailProductHeader { font-size: 22px !important; font-weight: bold; color: #00AFDB !important; } .specHeader { color: #00AFDB !important; font-size: 15px !important; font-weight: bold; } .subHeader { font-size: 18px !important; font-style: italic; vertical-align: top; } .textAreaBig { font-size: 13px !important; line-height: 20px !important; vertical-align: top; } * { outline: #ffffff 0px none; } /* === GENERAL.LESS === (all often used basic elements with not much configuration) */ /* global */ body, input, textarea, keygen, select, button { font-family: Roboto; font-size: 15px; color: #333333; background-color: #f5f5f5; } h1 { font-family: DaxWeb; font-size: 20px; font-weight: bold; } h2 { font-family: DaxWeb; font-size: 16px; font-wight: bold; } h3 { font-family: DaxWeb; font-size: 16px; } p { font-family: Roboto; font-size: 15px; } /* group boxes */ .widgetBox { background-color: #ffffff; padding: 5px; } /* header */ .sectionHeaderBorder { border-left-width: 1px solid transparent; border-right-width: 1px solid transparent; border-top-width: 1px solid transparent; border-bottom: 1px solid #00a0d1; } .sectionHeader { font-family: DaxWeb; font-size: 16px; font-wight: bold; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom: 1px solid #00a0d1; } .sectionHeaderWithoutBorder { font-family: DaxWeb; font-size: 16px; font-wight: bold; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; } /* menu bar */ .sectionHeaderopened, .sectionHeaderclosed { font-family: DaxWeb; font-size: 16px; font-wight: bold; font-style: normal; color: #00a0d1; margin-top: 10px; } .sectionHeaderopened .menuSection, .sectionHeaderclosed .menuSection { display: inline-block; padding-top: 0.25em; } .sectionHeaderopened .icon, .sectionHeaderclosed .icon { display: inline-block; overflow: hidden; float: left; } .sectionHeaderopened .menuIconOpened { width: 1em; visibility: visible; } .sectionHeaderopened .menuIconClosed { width: 0em; visibility: hidden; } .sectionHeaderclosed .menuIconOpened { width: 0em; visibility: hidden; } .sectionHeaderclosed .menuIconClosed { width: 1em; visibility: visible; } .listGridforMenuCellSelected, .listGridforMenuCellSelectedDark, .listGridforMenuCellSelectedOver, .listGridforMenuCellSelectedOverDark, .listGridforMenuCellOver, .listGridforMenuCellOverDark { background-color: #00a0d1; color: #ffffff; } /* icon font icon */ .icon, .icon:hover { font-family: MaterialIcons; font-size: 22px; text-decoration: none !important; } .smallIcon, .smallIcon:hover { font-family: MaterialIcons; font-size: 22px; text-decoration: none !important; font-size: 1em !important; } /* radio buttons */ input[type=radio] { display: none; } input[type=radio] + label { background-image: url("../BlackbeeSkin/images/DynamicForm/unselected.svg"); background-position: 0% 50%; background-size: 16px 16px; background-repeat: no-repeat; padding-left: 20px; cursor: pointer; } input[type=radio]:checked + label { background-image: url("../BlackbeeSkin/images/DynamicForm/selected.svg"); } input[type=radio] + label:hover { background-image: url("../BlackbeeSkin/images/DynamicForm/unselected_Over.svg"); } input[type=radio]:checked + label:hover { background-image: url("../BlackbeeSkin/images/DynamicForm/selected_Over.svg"); } input[type=radio]:disabled + label { background-image: url("../BlackbeeSkin/images/DynamicForm/unselected_Disabled.svg"); cursor: default; } input[type=radio]:checked:disabled + label { background-image: url("../BlackbeeSkin/images/DynamicForm/selected_Disabled.svg"); cursor: default; } /* pick lists: single select */ .pickListMenuBody, .gridBody[eventproxy*="PickListMenu"] { border-radius: 3px; border: 1px solid #00a0d1; } .pickListMenuBody table { overflow: ellipsis; } /* definition lists */ dt { float: left; clear: left; min-width: 9em; text-align: right; margin-right: 15px; margin-bottom: 7.5px; overflow: ellipsis; height: 1em; white-space: nowrap; font-weight: bold; } dd { margin-bottom: 7.5px; } body { margin: 0px; } /* === BUTTONS.LESS === (stylish buttons) */ /* buttons */ /* basic enabled button specification */ .largePrimaryButton, .largeSecondaryButton, .largeTertiaryButton, .smallPrimaryButton, .smallSecondaryButton, .smallTertiaryButton, .tinyPrimaryButton, .tinySecondaryButton, .tinyTertiaryButton { border-radius: 3px; cursor: pointer; background-color: transparent; text-align: center; vertical-align: middle; } .largePrimaryButton .icon, .largeSecondaryButton .icon, .largeTertiaryButton .icon, .smallPrimaryButton .icon, .smallSecondaryButton .icon, .smallTertiaryButton .icon, .tinyPrimaryButton .icon, .tinySecondaryButton .icon, .tinyTertiaryButton .icon { vertical-align: middle; } .largePrimaryButton .buttonText, .largeSecondaryButton .buttonText, .largeTertiaryButton .buttonText, .smallPrimaryButton .buttonText, .smallSecondaryButton .buttonText, .smallTertiaryButton .buttonText, .tinyPrimaryButton .buttonText, .tinySecondaryButton .buttonText, .tinyTertiaryButton .buttonText { margin-left: 0.5em; vertical-align: middle; } .largePrimaryButton { border-radius: 3px; border: 1px solid #00a0d1; background-color: #00a0d1; color: #ffffff; } .largePrimaryButton:hover { border-radius: 3px; border: 1px solid #00799e; background-color: #00799e; } .largeSecondaryButton { border-radius: 3px; border: 1px solid #00a0d1; } .largeSecondaryButton:hover { border-radius: 3px; border: 1px solid #00799e; } .largeTertiaryButton { border-radius: 3px; border: 1px solid transparent; border-color: transparent !important; /* would be overridden by disabledButton */ } .largeTertiaryButton:hover .buttonText { text-decoration: underline; } .largeSecondaryButton, .largeTertiaryButton, .smallPrimaryButton, .smallSecondaryButton, .smallTertiaryButton, .tinyPrimaryButton, .tinySecondaryButton, .tinyTertiaryButton { color: #00a0d1; } .largeSecondaryButton:hover, .largeTertiaryButton:hover, .smallPrimaryButton:hover, .smallSecondaryButton:hover, .smallTertiaryButton:hover, .tinyPrimaryButton:hover, .tinySecondaryButton:hover, .tinyTertiaryButton:hover { color: #00799e; } .smallPrimaryButton .buttonText, .smallSecondaryButton .buttonText, .smallTertiaryButton .buttonText, .tinyPrimaryButton .buttonText, .tinySecondaryButton .buttonText, .tinyTertiaryButton .buttonText { visibility: hidden; max-width: 0px; overflow: hidden; } .tinyPrimaryButton .icon, .tinySecondaryButton .icon, .tinyTertiaryButton .icon { font-size: 1em !important; } /* buttons with inverse order of icon and text, e.g. "next" button */ .inverseOrientation div { unicode-bidi: bidi-override; direction: rtl; } .inverseOrientation div .buttonText { margin-right: 0.5em; margin-left: 0em; unicode-bidi: bidi-override; direction: ltr; } /* disabled buttons */ .disabledButton, .disabledButton:hover { background-color: transparent; border-color: #d1d1d6; color: #d1d1d6; cursor: default; } .disabledButton:hover .buttonText { text-decoration: none; } /* buttons in tables have to emphasize from highlighted rows */ .buttonForTable, .buttonForTable:hover { background-color: #ffffff; } /* switch buttons are the <=, = and => buttons */ .switchButton, .switchButtonSelected, .switchButtonFocused { border-radius: 3px; cursor: pointer; background-color: transparent; text-align: center; vertical-align: middle; border-radius: 3px; border: 1px solid #00a0d1; color: #00a0d1; } .switchButton .icon, .switchButtonSelected .icon, .switchButtonFocused .icon { vertical-align: middle; } .switchButton .buttonText, .switchButtonSelected .buttonText, .switchButtonFocused .buttonText { margin-left: 0.5em; vertical-align: middle; } .switchButtonOver, .switchButtonDown { border-radius: 3px; cursor: pointer; background-color: transparent; text-align: center; vertical-align: middle; border-radius: 3px; border: 1px solid #00a0d1; color: #00a0d1; color: #00799e; border-radius: 3px; border: 1px solid #00799e; } .switchButtonOver .icon, .switchButtonDown .icon { vertical-align: middle; } .switchButtonOver .buttonText, .switchButtonDown .buttonText { margin-left: 0.5em; vertical-align: middle; } .switchButtonDisabled { border-radius: 3px; cursor: pointer; background-color: transparent; text-align: center; vertical-align: middle; border-radius: 3px; border: 1px solid #00a0d1; color: #00a0d1; background-color: transparent; border-color: #d1d1d6; color: #d1d1d6; cursor: default; } .switchButtonDisabled .icon { vertical-align: middle; } .switchButtonDisabled .buttonText { margin-left: 0.5em; vertical-align: middle; } /* === NOTIFIER.LESS === (very stylish messages and dialogs) */ .notifier { border-radius: 3px; border-style: solid; border-width: 1px; display: table; margin: 5px 0px; } .iconArea { color: #ffffff; text-align: center; padding: 5px; line-height: 70px; } .levelInfo { background-color: #00a0d1; } .levelDone { background-color: #97bf0d; } .levelAsk { background-color: #ff9100; } .levelWarn { background-color: #e30043; } .levelLoad { background-color: #d1d1d6; } .notifierIcon { font-family: MaterialIcons; font-size: 22px; text-decoration: none !important; color: #ffffff; text-align: center; padding: 5px; line-height: 70px; font-size: 2em; display: table-cell; vertical-align: middle; } .position { font-size: 0.8em; } .notifierNavigation { margin: 5px; display: table-cell; vertical-align: bottom; } .notifierPositionInfo { color: #ffffff; text-align: center; padding: 5px; line-height: 70px; background-color: #00a0d1; font-size: 0.8em; } .notifierPositionDone { color: #ffffff; text-align: center; padding: 5px; line-height: 70px; background-color: #97bf0d; font-size: 0.8em; } .notifierPositionWarn { color: #ffffff; text-align: center; padding: 5px; line-height: 70px; background-color: #97bf0d; font-size: 0.8em; } .notifierIconInfo { font-family: MaterialIcons; font-size: 22px; text-decoration: none !important; color: #ffffff; text-align: center; padding: 5px; line-height: 70px; font-size: 2em; display: table-cell; vertical-align: middle; background-color: #00a0d1; } .notifierIconWarn { font-family: MaterialIcons; font-size: 22px; text-decoration: none !important; color: #ffffff; text-align: center; padding: 5px; line-height: 70px; font-size: 2em; display: table-cell; vertical-align: middle; background-color: #e30043; } .notifierIconDone { font-family: MaterialIcons; font-size: 22px; text-decoration: none !important; color: #ffffff; text-align: center; padding: 5px; line-height: 70px; font-size: 2em; display: table-cell; vertical-align: middle; background-color: #97bf0d; } .notifierIconAsk { font-family: MaterialIcons; font-size: 22px; text-decoration: none !important; color: #ffffff; text-align: center; padding: 5px; line-height: 70px; font-size: 2em; display: table-cell; vertical-align: middle; background-color: #ff9100; } .notifierIconLoad { font-family: MaterialIcons; font-size: 22px; text-decoration: none !important; color: #ffffff; text-align: center; padding: 5px; line-height: 70px; font-size: 2em; display: table-cell; vertical-align: middle; background-color: #d1d1d6; } .notifierInfo { border-radius: 3px; border-style: solid; border-width: 1px; display: table; margin: 5px 0px; border-color: #00a0d1; } .notifierWarn { border-radius: 3px; border-style: solid; border-width: 1px; display: table; margin: 5px 0px; border-color: #e30043; } .notifierDone { border-radius: 3px; border-style: solid; border-width: 1px; display: table; margin: 5px 0px; border-color: #97bf0d; } .notifierLoad { border-radius: 3px; border-style: solid; border-width: 1px; display: table; margin: 5px 0px; border-color: #d1d1d6; } /*only used for the modal ask window*/ .notifierAsk { border-radius: 3px; border: 1px solid #ff9100; } .notifierTextArea { display: table-cell; background-color: #ffffff; } .notifierText { font-family: Roboto; font-size: 15px; padding: 5px; } .notifierHeader { font-family: DaxWeb; font-size: 16px; font-wight: bold; padding-left: 5px; padding-right: 5px; } .notificationBar { margin: 0px 5px; } .notificationBarIcon { font-family: MaterialIcons; font-size: 22px; text-decoration: none !important; } .notificationBarCountNavigation { /* padding : 5px; */ font-size: 0.8 em; } .notificationBarCount { /* padding: 5px; */ font-size: 1em; } .notifierModal { background-color: #646477; } .notifierTime { color: #d1d1d6; font-family: Roboto; font-size: 15px; } /* === GRID.LESS === (beautiful tables) */ .blackbeeCell, .blackbeeCellDark, .blackbeeCellSelected, .blackbeeCellSelectedDark, .blackbeeCellSelectedOver, .blackbeeCellSelectedOverDark, .blackbeeCellOver, .blackbeeCellOverDark, .blackbeeCellNavigableOver, .blackbeeCellNavigableOverDark, .blackbeeCellNavigableSelectedOver, .blackbeeCellNavigableSelectedOverDark, .blackbeeCellEditableOver, .blackbeeCellEditableOverDark, .blackbeeCellEditableSelectedOver, .blackbeeCellEditableSelectedOverDark { border-width: 0px; text-overflow: ellipsis; } .blackbeeCellSelected, .blackbeeCellSelectedDark, .blackbeeCellSelectedOver, .blackbeeCellSelectedOverDark, .blackbeeCellOver, .blackbeeCellOverDark, .blackbeeCellNavigableOver, .blackbeeCellNavigableOverDark, .blackbeeCellNavigableSelectedOver, .blackbeeCellNavigableSelectedOverDark, .blackbeeCellEditableOver, .blackbeeCellEditableOverDark, .blackbeeCellEditableSelectedOver, .blackbeeCellEditableSelectedOverDark { background: #00a0d1; color: #ffffff; } .blackbeeGridFilterBasic { border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; margin-left: 2px; } .blackbeeCellDark { background-color: #ddedf1; } .blackbeeCellNavigableOver, .blackbeeCellNavigableOverDark, .blackbeeCellNavigableSelectedOver, .blackbeeCellNavigableSelectedOverDark { text-decoration: underline; cursor: pointer; } .blackbeeCellEditableOver div, .blackbeeCellEditableOverDark div, .blackbeeCellEditableSelectedOver div, .blackbeeCellEditableSelectedOverDark div { border-radius: 3px; background: #ffffff; color: #d1d1d6; cursor: text; } .blackbeeGridHeaderSpan, .blackbeeGridHeaderSpanDown, .blackbeeGridFilterButton, .blackbeeGridFilterButtonSelected, .blackbeeGridFilterButtonDisabled, .blackbeeGridFilterButtonSelectedDisabled, .blackbeeGridFilterButtonOver, .blackbeeGridFilterButtonDown, .blackbeeGridFilterButtonSelectedOver, .blackbeeGridFilterButtonSelectedDown { font-family: DaxWeb; font-size: 16px; background: #ffffff; padding-left: 2px; padding-right: 2px; } .blackbeeGridSummaryRow { text-overflow: ellipsis; border-bottom: 1px solid #00a0d1; border-top: 1px solid #00a0d1; } .blackbeeGridHeaderFontDefaultUnderline { content: ""; background: #00a0d1; position: absolute; bottom: 0; left: 5%; height: 1px; border-radius: 3px; } .blackbeeGridHeaderSpan::after, .blackbeeGridHeaderSpanDown::after { content: ""; background: #00a0d1; position: absolute; bottom: 0; left: 5%; height: 1px; border-radius: 3px; left: 5px; right: 5px; } .blackbeeGridMainFont { font-family: DaxWeb; font-size: 16px; font-wight: bold; } .blackbeeGridMainFont::after { content: ""; background: #00a0d1; position: absolute; bottom: 0; left: 5%; height: 1px; border-radius: 3px; height: 1px; left: 1px; right: 1px; margin-bottom: 5px; } .blackbeeGridFilterBasic { padding: 2px; margin-left: 2px; } .blackbeeGridBorder { border-radius: 3px; border: 1px solid #00a0d1; } .blackbeeGridFilterText { word-wrap: break-word; font-family: Roboto; font-size: 15px; background-color: #ffffff; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; margin-left: 2px; padding: 2px; margin-left: 2px; } .blackbeeGridFilterTextFocused { word-wrap: break-word; font-family: Roboto; font-size: 15px; background-color: #ffffff; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; background-color: #ffffff; border-radius: 3px; border: 1px solid #00799e; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; margin-left: 2px; padding: 2px; margin-left: 2px; } .blackbeeGridFilterTextDisabled { word-wrap: break-word; font-family: Roboto; font-size: 15px; background-color: #f5f5f5; border-radius: 3px; border: 1px solid #d1d1d6; padding: 2px; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; margin-left: 2px; padding: 2px; margin-left: 2px; } .blackbeeGridFilterTextDisabledHint { word-wrap: break-word; font-family: Roboto; font-size: 15px; background-color: #f5f5f5; border-radius: 3px; border: 1px solid #d1d1d6; padding: 2px; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; margin-left: 2px; padding: 2px; margin-left: 2px; font-style: italic; color: #d1d1d6; } .blackbeeGridFilterTextError { word-wrap: break-word; font-family: Roboto; font-size: 15px; background-color: #ffffff; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; margin-left: 2px; padding: 2px; margin-left: 2px; } .selectItemTextHint, .blackbeeGridFilterTextHint { border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; margin-left: 2px; padding: 2px; margin-left: 2px; word-wrap: break-word; font-family: Roboto; font-size: 15px; background-color: #ffffff; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; font-style: italic; color: #d1d1d6; } .blackbeeGridFilterSelect { word-wrap: break-word; font-family: Roboto; font-size: 15px; background-color: #ffffff; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; padding: 2px; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; margin-left: 2px; padding: 2px; margin-left: 2px; } .blackbeeGridFilterSelectHint { background-color: #ffffff; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; margin-left: 2px; padding: 2px; margin-left: 2px; word-wrap: break-word; font-family: Roboto; font-size: 15px; background-color: #ffffff; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; font-style: italic; color: #d1d1d6; word-wrap: break-word; font-family: Roboto; font-size: 15px; background-color: #ffffff; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; padding: 2px; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; margin-left: 2px; padding: 2px; margin-left: 2px; font-style: italic; color: #d1d1d6; } .blackbeeGridFilterSelectError { word-wrap: break-word; font-family: Roboto; font-size: 15px; background-color: #ffffff; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; padding: 2px; word-wrap: break-word; font-family: Roboto; font-size: 15px; background-color: #ffffff; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; padding: 2px; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; margin-left: 2px; padding: 2px; margin-left: 2px; } .blackbeeGridFilterSelectDisabled { word-wrap: break-word; font-family: Roboto; font-size: 15px; padding: 2px; background-color: #f5f5f5; border-radius: 3px; border: 1px solid #d1d1d6; padding: 2px; word-wrap: break-word; font-family: Roboto; font-size: 15px; background-color: #ffffff; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; padding: 2px; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; margin-left: 2px; padding: 2px; margin-left: 2px; } .blackbeeGridFilterSelectFocused { word-wrap: break-word; font-family: Roboto; font-size: 15px; background-color: #ffffff; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; background-color: #ffffff; border-radius: 3px; border: 1px solid #00799e; background-color: #ffffff; border-radius: 3px; border: 1px solid #00799e; padding: 2px; word-wrap: break-word; font-family: Roboto; font-size: 15px; background-color: #ffffff; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; padding: 2px; border-radius: 3px; border: 1px solid #00a0d1; padding: 2px; margin-left: 2px; padding: 2px; margin-left: 2px; } .blackbeeGridRecordEditor { margin-bottom: 6px; } .blackbeeGridRecordEditor .icon { font-size: 18px; min-width: 1.5em; } .blackbeeGridLoading { font-family: Roboto; font-size: 15px; color: #d1d1d6; } .recordComponent { background-color: #ffffff; padding: 5px; border-radius: 3px; border: 1px solid #00a0d1; } .blackbeeGridHeaderIcon, .blackbeeGridHeaderIconDown, .blackbeeGridHeaderIconSelected, .blackbeeGridHeaderIconSelectedDown, .blackbeeGridHeaderIconSelectedOver, .blackbeeGridHeaderIconOver { font-family: MaterialIcons!important; } /* === TAB.LESS === (tabs with emeralds) */ .tabSetContainer { border-radius: 3px; border: 1px solid #00a0d1; border-top-right-radius: 0px !important; border-top-left-radius: 0px !important; } div[eventproxy~="tabBar_baseLine"] { background-color: #00a0d1; } .tabButtonTopGeneral { background-image: none; border-top-right-radius: 3px; border-top-left-radius: 3px; border-left: 1px solid #00a0d1; border-top: 1px solid #00a0d1; border-right: 1px solid #00a0d1; box-shadow: 0px 0px 0px 0px transparent; } .tabButtonTop { background-image: none; border-top-right-radius: 3px; border-top-left-radius: 3px; border-left: 1px solid #00a0d1; border-top: 1px solid #00a0d1; border-right: 1px solid #00a0d1; box-shadow: 0px 0px 0px 0px transparent; background-color: #ddedf1; } .tabButtonTopOver, .tabButtonTopDown, .tabButtonTopFocused { background-image: none; border-top-right-radius: 3px; border-top-left-radius: 3px; border-left: 1px solid #00a0d1; border-top: 1px solid #00a0d1; border-right: 1px solid #00a0d1; box-shadow: 0px 0px 0px 0px transparent; background-color: #00a0d1; color: #ffffff; } .tabButtonTopSelected, .tabButtonTopSelectedOver, .tabButtonTopSelectedDown, .tabButtonTopSelectedFocusedOver, .tabButtonTopSelectedFocused { background-image: none; border-top-right-radius: 3px; border-top-left-radius: 3px; border-left: 1px solid #00a0d1; border-top: 1px solid #00a0d1; border-right: 1px solid #00a0d1; box-shadow: 0px 0px 0px 0px transparent; background-color: #ffffff; } .tabButtonTopDisabled { background-image: none; border-top-right-radius: 3px; border-top-left-radius: 3px; border-left: 1px solid #00a0d1; border-top: 1px solid #00a0d1; border-right: 1px solid #00a0d1; box-shadow: 0px 0px 0px 0px transparent; background-color: #ffffff; color: #d1d1d6; border-color: #d1d1d6; cursor: default; } /* === LOGIN.LESS === (static pages) */ .centered { margin-left: auto; margin-right: auto; } .loginRow { margin-top: 5px; margin-bottom: 10px; margin-left: auto; margin-right: auto; width: 200px; } .loginContainer { width: 250px; margin-top: 20px; margin-bottom: 20px; float: left; padding-top: 15px; } .logoContainer { width: 250px; float: left; } .loginContainer .blackbeeGridFilterText { padding: 2px; } .errorNotifier { width: 600px; max-width: 600px; height: 80px; max-height: 80px; margin-left: auto; margin-right: auto; } .notifierContainer { position: fixed; margin-left: auto; margin-right: auto; width: 100%; height: 100px; margin-bottom: 40px; z-index: 100; display: block; top: 10px; } input { width: 200px; } /* input fields */ input[type="text"], input[type="password"] { height: 22px; } #loginMain { margin-left: auto; margin-right: auto; width: 500px; display: block; margin-top: 300px; } #logoImage { height: auto; width: auto; max-width: 230px; max-height: 230px; } #loadingWrapper { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } #loadingWrapper div { text-align: center; vertical-align: middle; } #loadingWrapper div img { margin-bottom: 30px; } /* === OTHER.LESS === (not often used or application specific elements) */ /* loading page */ .hiddenWithoutCss { visibility: visible !important; } /* header bar: menu */ .headerMenu { vertical-align: middle; margin: 5px 0px; } .headerBarUnderline { border-bottom: 5px solid #97bf0d; } /* contact page */ .contact { vertical-align: top; margin-left: 15px; } /* Pricing: export-buttons */ .buttonSelectForm div { line-height: 1.8; max-height: 35px; } .headerPageTitle { font-family: DaxWeb; font-size: 20px; font-weight: bold; color: #00a0d1; margin: 15px; } .welcomeMessage { text-align: right; white-space: nowrap; } /* dashboard */ .dashboardLargeFont { font-size: 28px; } .dashboardVeryLargeFont { font-size: 72px; font-weight: bold; } .dashboardSidebar { overflow-x: hidden; overflow-y: auto; } /* centered placeholder */ .centeredPlaceholder { text-align: center; line-height: 10em !important; } /* agent merchant notes */ .merchantNote { border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-top: 1px solid #00a0d1; } /* workflow */ .workflowStep { border-radius: 4px; border-width: 0px; background-color: #4e4e55; color: #ffffff; overflow: hidden; padding: 5px; text-align: center; word-wrap: break-word; } .workflowStepSelected { background-color: #00a0d1; } .workflowStart, .workflowEnd { background-image: none !important; background-color: #97bf0d; width: 80px; height: 32px; padding-left: 5px; } .workflowStart { border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .workflowEnd { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 15px; border-top-left-radius: 15px; } .workflowStepError { border-radius: 3px; border: 1px solid #e30043; border-left-width: 5px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; } .goodIcon { font-family: MaterialIcons; font-size: 22px; text-decoration: none !important; font-size: 1em !important; color: #97bf0d; } .badIcon { font-family: MaterialIcons; font-size: 22px; text-decoration: none !important; font-size: 1em !important; color: #e30043; } #atlwdg-trigger { z-index: 99999999999; }