/* main */ html { min-height: 100% } /*If you set the background-image property of the tag to a linear-gradient, the gradient won't fill the browser screen unless you also set the min-height property of the document root (e.g. the tag) to 100%. */ body { background-color: #DBDEE1; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; font-family: "Segoe UI Symbol", Arial, Helvetica, sans-serif; } /* header */ #header { display:none; } a:hover>img { filter: brightness(120%); } /*footer on login page*/ #RadPageLayoutFoooter { background: #4C5667; } #loginBody #header { display: block; height: 50px; background-color: black; background: -webkit-linear-gradient(90deg, rgba(75, 0, 0, 1) 0%, rgba(214, 26, 26, 1) 33%, rgba(0, 0, 0, 1) 100%); background: -moz-linear-gradient(90deg, rgba(75, 0, 0, 1) 0%, rgba(214, 26, 26, 1) 33%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(90deg, rgba(75, 0, 0, 1) 0%, rgba(214, 26, 26, 1) 33%, rgba(0, 0, 0, 1) 100%); /* Standard syntax; must be last */ } /* navigation */ #navigation { background-image: url(images/bg/content_navigation.png); width: 1100px; height: 50px; padding-top: 0px; padding-left: 0px; text-align: center; margin: auto; position: relative; } #navigation_left_pad { font-family: "Segoe UI Symbol", Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 4px; padding-left: 236px; text-align: left; border: dashed orange 0px; float: left; } #navigation_right_pad { font-family: "Segoe UI Symbol", Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 8px; padding-right: 20px; text-align: left; border: dashed orange 0px; float: right; height: 40px; } #aboutTrigger { position: absolute; left: 0; top: 0; width: 230px; height: 50px; } .panelAbout { margin: 0; padding: 10px 20px; overflow: auto; color: #333333; } .panelAbout a, .panelAbout a:link, .panelAbout a:visited { color: #333333; } .flowAboutVersion { color: #333333; font-size: xx-large; } .aboutCompanyLogo { margin-top: 200px; } .eulaView { background-color: white; padding: 15px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .flow_navButtonSpacer { padding-top: 5px; } img.navigation_spacer { padding: 0px 0px 0px 0px; border-color: #006faf; } span.navigation_spacer { padding: 0 0 0 4px; height: 32px; } span.navigation_spacer_here { border-bottom: 4px solid #e87f31; margin: 0 0 0 3px; display: inline-block; padding-bottom: 2px; } /* BLXP temp custom styling */ .UtilityStatusSummary { background-color: #fff; font-size: 12px; border-radius: 3px; color: #333; padding: 2px 4px 2px 4px; text-align: right; display: inline-table; } .UtilityStatusSummary tr td span { font-size: 16px; padding: 2px 4px; } td.smc_bodybold { padding-right: 1em !important; } /* BLXP end */ .AlertSummary { background-color: #fff; font-size: 12px; border-radius: 3px; color: #333; padding: 1px 3px 0 3px; text-align: right; display: inline-table; } .AlertSummary tr td span { font-size: 16px; } /* body */ #main_col { width: 1100px; height: 620px; margin: auto; /* background-repeat: no-repeat; */ background-color: #fff; text-align: center; border: solid 0px black; } #main_col_pad { width: 1060px; text-align: left; font-family: "Segoe UI Symbol", Arial, Helvetica, sans-serif; font-size: 12px; padding: 20px; padding-top: 10px; vertical-align: top; } #main_col_autoheight { width: 1100px; margin: auto; /* background-image: url(images/bg/content_body.jpg); */ /* background-repeat: no-repeat; */ background-color: #fff; text-align: center; border: solid 0px black; padding-bottom: 20px; position: relative; } #main_col_min_height { width: 1px; height: 620px; } #mclp { width: 530px; text-align: left; font-family: "Segoe UI Symbol", Arial, Helvetica, sans-serif; font-size: 12px; padding-right: 10px; border: 0px dotted #00FF33; vertical-align: top; } #mcrp { width: 530px; text-align: left; font-family: "Segoe UI Symbol", Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 20px; border: 0px dotted #00FF33; vertical-align: top; } .dashboardItem { padding: 2px 0; } .dashboardItem a img { border: 0 none; padding: 0; height: 2em; width: 2em; margin: 0 6px 0 10px; } .dashboardItem a div { display: inline-block; overflow: hidden; position: relative; top: -0.33em; } .dashboardItem a span { position: relative; top: -0.6em; } #BLM1_HubSelector_divHub { padding: 0 0 8px 0 !important; } /* footer */ #footer_bg { width: 1100px; margin: 0 auto; height: 150px; text-align: center; background: #4C5667; } #footer { width: 1100px; height: 140px; padding-top: 10px; text-align: center; margin: auto; } #footer_left_pad { width: 520px; font-family: "Segoe UI Symbol", Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 6px; padding-left: 30px; text-align: left; border: dashed orange 0px; float: left; color: #fff; } #footer_right_pad { width: 520px; font-family: "Segoe UI Symbol", Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 5px; padding-right: 10px; text-align: right; border: dashed orange 0px; float: right; color: #fff; } #loginMain { padding: 10px 20px 20px 20px; background-color: white; } #loginMain fieldset { margin: auto; } #loginFooter #footer_left_pad { width: 260px; padding-left: 0; } #loginFooter #footer_right_pad { width: 410px; padding-right: 0; } div.flow_footer, div.flow_footer:link, div.flow_footer a:link, div.flow_footer a:visited, span.flow_icon_pad, span.flow_navText { font-size: 14px; color: #ffffff; } .cgMember { } .loginPage__image.loginPage__image { background-image: url("images/bg/loginImage.png"); background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 100vh; } .loginPage__image::before { content: ''; background-image: url(images/bg/loginImageLogo.png); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 60%; } .loginPage__imageSmall.loginPage__imageSmall { padding: 0; } .loginPage__imageSmall::before { content: ''; } .loginPage__content.loginPage__content { display: flex; flex-direction: column; justify-content: center; position: relative; height: 100vh; } @media only screen and (max-width: 768px) { .loginPage__content.loginPage__content { height: auto; } } #layoutLogin { display: flex; flex-direction: column; gap: 10px; max-width: 440px; } #layoutLogin > * { width: 100%; } .loginPage__buildImage { background-image: url("images/bg/buildImage.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; display: block; height: auto; width: auto; position: absolute; bottom: 10vh; left: 50%; transform: translateX(-50%); padding-top: 120px; font-size: 12px; text-align: center; font-family: "Segoe UI Symbol", Arial, Helvetica, sans-serif; color: #2A344A; } @media only screen and (max-width: 768px) { .loginPage__buildImage { bottom: 5vh; } } /* copied from smc_extras */ .rgCommandRow .grid_header { padding: 10px 10px; text-align: left; white-space: nowrap; } .rgCommandRow .grid_header .title { font-size: 15px; font-weight: bold; } .RadGrid .rgEditRow { background: none; background-color: rgba(174, 197, 209, 0.75); } .RadGrid .rgAltRow .rgGroupCol, .RadGrid .rgRow .rgGroupCol, .RadGrid .rgEditRow .rgGroupCol, .RadGrid .rgGroupHeader .rgGroupCol, .RadGrid .rgGroupHeader > td div div, .RadGrid .rgGroupHeader { background: none; background-color: #DBDEE1; /* rgb(218, 231, 245); */ color: #333333; } div.RadGrid_Aura .rgRow td, div.RadGrid_Aura .rgAltRow td, div.RadGrid_Aura .rgEditRow > td, div.RadGrid_Vista .rgRow td, div.RadGrid_Vista .rgAltRow td, div.RadGrid_Vista .rgEditRow > td { border-style: none; } .RadGrid_Vista .rgEditRow { background-color: #96cfee !important; } RadGrid_Aura .rgSelectedRow, .RadGrid_Vista .rgSelectedRow { font-size: 15px; font-weight: bold; } .RadCalendarTimeView_Aura a, .RadCalendarTimeView_Vista a { width: 70px !important; } .RadToolTip .rtWrapper td.rtWrapperContent, .RadInput_Vista .riTextBox, .RadComboBox_Vista .rcbInput, .RadInput_Aura .riTextBox, .RadComboBox_Aura .rcbInput, .RadGrid_Aura .rgMasterTable, .RadGrid_Vista .rgMasterTable { font-family: "Segoe UI Symbol", Arial, Helvetica, sans-serif !important; } .RadGrid_Vista .rgGroupHeader, .RadGrid_Vista .rgGroupCol { background-color: #C3E1F0 !important; background-image: none !important; } .RadGrid_Aura .rgGroupCol input, .RadGrid_Vista .rgGroupCol input { background-color: #C3E1F0 !important; } .RadGrid_Aura .rgGroupHeader td p, .RadGrid_Vista .rgGroupHeader td p, .RadGrid .rgGroupHeader td p { font-size: 13px; color: #333; font-weight: bold; background-color: transparent !important; background-image: none !important; } .RadGrid_Aura .rgSelectedRow, .RadGrid_Vista .rgSelectedRow { background-image: none !important; background-color: #fddcd1 !important; font-weight: normal; font-size: 12px; } .RadGrid .rgRow .delBtn, .RadGrid .rgAltRow .delBtn { vertical-align: top; text-align: center; padding-top: 7px; } .RadGrid_Aura .rgRow a.black, .RadGrid_Aura .rgAltRow a.black, .RadGrid_Vista .rgRow a.black, .RadGrid_Vista .rgAltRow a.black { text-decoration: none; color: black; font-weight: bold; } .RadGrid .rgRow .groupName, .RadGrid .rgAltRow .groupName, .rgHeaderDiv .groupNameHdr, .rgFooter .groupNameFtr { vertical-align: text-top; width: 110px; } .RadGrid .rgRow .story, .RadGrid .rgAltRow .story, .rgHeaderDiv .storyHdr, .rgFooter .storyFtr { vertical-align: text-top; width: 265px; } .rgMasterTable thead th.SBox, .RadGrid_Vista .rgMasterTable thead th.SBox:first-child .RadGrid_Vista .rgMasterTable thead th.SBox:first-child { padding-left: 0px; padding-right: 0px; text-align: center; } .RadGrid .rgRow > td.SBox, .RadGrid .rgAltRow > td.SBox, .RadGrid_Aura .rgRow > td.SBox:first-child, .RadGrid_Vista .rgAltRow > td.SBox:first-child { padding-left: 0px; padding-right: 0px; text-align: center; } .RadGrid_Aura .rgRow > td.elcResultEditCol, .RadGrid_Aura .rgAltRow > td.elcResultEditCol, .RadGrid_Vista .rgRow > td.elcResultEditCol, .RadGrid_Vista .rgAltRow > td.elcResultEditCol { border: 2px inset white; border-collapse: collapse; } .RadGrid_Aura .rgAltRow > td.elcResultEditCol, .RadGrid_Vista .rgAltRow > td.elcResultEditCol { border-width: 2px; border-collapse: collapse; } /* icon override for buttons - Added March 10, 2025 */ span.RadButton_Vista .rbAdd, span.RadButton_Vista .rbRemove, span.RadButton_Vista .rbOk, span.RadButton_Vista .rbCancel, span.RadButton_Vista .rbPrevious, span.RadButton_Vista .rbNext, span.RadButton_Vista .rbSave, span.RadButton_Vista .rbConfig, span.RadButton_Vista .rbRefresh, span.RadButton_Vista .rbEdit { background-image: url('images/Button/rbBasicIcons16x16.png') !important; } span.RadButton_Vista .rbUpload, span.RadButton_Vista .rbDownload, span.RadButton_Vista .rbOpen, span.RadButton_Vista .rbAttach, span.RadButton_Vista .rbPrint, span.RadButton_Vista .rbSearch, span.RadButton_Vista .rbHelp, span.RadButton_Vista .rbCart, span.RadButton_Vista .rbRSS, span.RadButton_Vista .rbMail, span.RadButton_Vista .rbFB, span.RadButton_Vista .rbTwitter { background-image: url('images/Button/rbExtendedIcons16x16.png') !important; }