/******************************************************************************
* ServicePoint Application Classes - Interface Items
******************************************************************************/
html, body { height: 100%; color: #000000; font: normal 10pt Roboto; margin: 0px/* margin: 2px */; /* padding: 2px; */}
.training {
background-color: #ffb630;
height: 70px;
width: 100%;
}
.training div, .training span{
color: #000;
}
/******************************************
* HEADER/FOOTER
******************************************/
/***** Header Provider/User Information *****/
.header-siteowner { color: #231F20; font: normal 16px Roboto; vertical-align: bottom; padding: 4px; white-space: nowrap; }
.header-userprovider { color: #231F20; font: normal 16px Roboto; vertical-align: bottom; padding: 4px; white-space: nowrap; }
.header-date { color: #000000; font: normal 12px Roboto; vertical-align: bottom; padding: 4px; white-space: nowrap; }
.header-username { color: #FFFFFF; font: normal 11pt Roboto; text-align: right; }
.header-useraccesslvl { color: #FFFFFF; font: 9pt Roboto; text-align: right; }
.header-logo { height: 42px; cursor: default; }
/***** Header Mode Section *****/
.header-modes { padding: 4px 0; }
.header-mode-label {
vertical-align: middle;
padding: 2px 4px;
}
#backDateModeDateAnchor,
#backDateModeClearAnchor,
#shadowModeUserAnchor,
#enterDataAsProviderAnchor{
padding-bottom: 4px;
}
#backDateModeDateAnchor a,
#backDateModeClearAnchor a,
#shadowModeUserAnchor a,
#enterDataAsProviderAnchor a {
color: #228189;
vertical-align: middle;
}
/* Hyperlink class must be set to a div and/or span element as GWT applies the class to the parent element and not the element like it should */
div.header-mode-anchor a, span.header-mode-anchor a { color: #3D5463; font: normal 10pt Roboto; text-decoration: none; padding: 2px; }
div.header-mode-anchor-hover a, span.header-mode-anchor-hover a { color: #3e6179; font: normal 10pt Roboto; text-decoration: none; padding: 2px; }
div.header-mode-anchor a:hover, span.header-mode-anchor a:hover { color: #3e6179; font: normal 10pt Roboto; text-decoration: none; padding: 2px; }
div.header-mode-anchor-normal a, span.header-mode-anchor-normal a { color: #0000FF; text-decoration: none; }
div.header-mode-anchor-normal-hover a, span.header-mode-anchor-normal-hover a { color: #FF0000; text-decoration: underline; }
div.header-mode-anchor-normal a:hover, span.header-mode-anchor-normal a:hover { color: #FF0000; text-decoration: underline; }
div.header-mode-anchor-bold a, span.header-mode-anchor-bold a { color: #555555; font: 550 10pt Roboto; text-decoration: none; padding: 2px; }
div.header-mode-anchor-bold-hover a, span.header-mode-anchor-bold-hover a { color: #AAAAAA; font: 550 10pt Roboto; text-decoration: none; padding: 2px; }
div.header-mode-anchor-bold a:hover, span.header-mode-anchor-bold a:hover { color: #AAAAAA; font: 550 10pt Roboto; text-decoration: none; padding: 2px; }
/***** Header Borders *****/
.header-bdr-b { border-bottom: 1px solid #8BB1FF; }
.header-bdr-lrb { border-left: 1px solid #8BB1FF; border-bottom: 1px solid #8BB1FF; border-right: 1px solid #8BB1FF; }
.header-module-bubble { padding: 0 0 4px; }
/***** Footer Classes *****/
.footer-main { margin: 0px 0 0; padding: 0px 0 0; }
.footer-text { font: normal 12px Roboto; }
.footer-bg { background-color: #0A427A; }
.footer-contents { background-color: #F2F2F2; padding: 4px; }
.footer-contents-bdr { border: 0px solid #0A427A; }
.footer-contents-bdr-b { border-bottom: 0px solid #0A427A; }
.footer-contents-bdr-l { border-left: 0px solid #0A427A; }
.footer-contents-bdr-r { border-right: 0px solid #0A427A; }
.footer-contents-bdr-t { border-top: 0px solid #0A427A; }
.copyrightinfo-contents {
background-color: #F2F2F2;
padding: 4px;
}
div.footer-link a, span.footer-link a { color: #FFFFFF; text-decoration: none; }
div.footer-link-hover a, span.footer-link-hover a { color: #FFFFFF; text-decoration: underline; }
div.footer-link a:hover, span.footer-link a:hover { color: #FFFFFF; text-decoration: underline; }
.pending-requests { z-index: 999;
text-align: center; vertical-align: middle;
border: 2px solid #0E2E5D; margin: 2px;
display: none; position: absolute; left: 47%; top: 8px; width: 100px; height: 28px;
color: black; background: white; }
/***** User Alerts *****/
.alert-toast { z-index: 900;
text-align: left; vertical-align: middle;
border: 1px solid #1B3647; margin: 2px;
border-radius: 4px;
position: absolute; left: 47%; top: 8px; width: 350px; height: 28px;
color: black;
background: #E4F0F1;
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
}
.alert-popup { z-index: 900;
border: 1px solid #5F727E; margin: 0px;
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
color: black;
background: #EFEFEF;
border-radius: 4px;
}
.alert-bg-white { background: #FFFFFF; }
.alert-bg-highlighted { background: #E4F0F1; }
.alert-priority-high { background: #FE2E2E; }
/******************************************
* NAVIGATION
******************************************/
/* Standard */
.menuitem-normal-leftside { background: url("images/navigation/normal-nav-left.jpg") no-repeat top left; height: 26px; width: 21px; }
.menuitem-normal-rightside { background: url("images/navigation/normal-nav-right.jpg") no-repeat top right; height: 26px; width: 1px; }
.menuitem-normal-table { background: url("images/navigation/normal-nav-bg.jpg") repeat-x; height: 26px; color:#000000; }
/* Hover */
.menuitem-hover-leftside { background: url("images/navigation/hover-nav-left.jpg") no-repeat top left; height: 26px; width: 21px; }
.menuitem-hover-rightside { background: url("images/navigation/hover-nav-right.jpg") no-repeat top right; height: 26px; width: 1px; }
.menuitem-hover-table { background: url("images/navigation/hover-nav-bg.jpg") repeat-x; height: 26px; color:#000000; }
/* Select */
.menuitem-select-leftside { background: url("images/navigation/select-nav-left.jpg") no-repeat top left; height: 26px; width: 21px; }
.menuitem-select-rightside { background: url("images/navigation/select-nav-right.jpg") no-repeat top right; height: 26px; width: 1px; }
.menuitem-select-table { background: url("images/navigation/select-nav-bg.jpg") repeat-x; height: 26px; color:#000000; }
/* Hover & Select */
.menuitem-hoverselect-leftside { background: url("images/navigation/hoverselect-nav-left.jpg") no-repeat top left; height: 26px; width: 21px; }
.menuitem-hoverselect-rightside { background: url("images/navigation/hoverselect-nav-right.jpg") no-repeat top right; height: 26px; width: 1px; }
.menuitem-hoverselect-table { background: url("images/navigation/hoverselect-nav-bg.jpg") repeat-x; height: 26px; color:#000000; }
/* Hides FireFox's focus border */
.menuitem-hidefocus a:focus { border: none; border-width: 0; outline: 0px; }
.hidefocus div:focus { border: none; outline: 0px;}
.menuitem-bdr { border-left: 1px solid #C2C2C2; border-right: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; }
div.nav-sublink a:link { display: flex; width: 100%; align-items: center; color: white; text-decoration: none; padding-left: 35px }
div.nav-sublink a:visited { color: white; text-decoration: none; }
div.nav-sublink a:hover { height: 38px; color: black; background:white; text-decoration: none; }
div.nav-sublink a:active { color: black; text-decoration: none; }
div.nav-sublink-disabled a:link { color: #9A9A9A; text-decoration: none; }
div.nav-sublink-disabled a:visited { color: #9A9A9A; text-decoration: none; }
div.nav-sublink-disabled a:hover { color: #9A9A9A; text-decoration: none; font-weight:normal; }
div.nav-sublink-disabled a:active { color: #9A9A9A; text-decoration: none; }
/* content panel header style - needs to be here at the top in-oder to overwrite the border-bottom style */
.sp5-contentheader-panel {
padding-top: 5px;
border: 1px solid #bdc7c8;
}
/******************************************
* LAST VIEWED/FAVORITES
******************************************/
.nav-content { border: 1px solid #C2C2C2; }
.dummyfav { color: white; text-decoration: underline; cursor: pointer; font: normal 14px Roboto; padding: 0px 20px 0px 10px;}
/* Last Viewed / Favorites - Selected */
.menuitem-leftside-lastfav-select { height: 42px; width: 21px; }
.menuitem-rightside-lastfav-select { height: 42px; width: 30px; }
.menuitem-table-lastfav-select { height: 42px; color: white; }
/* Last Viewed / Favorites - Not Selected */
.menuitem-leftside-lastfav { height: 42px; width: 21px; }
.menuitem-rightside-lastfav { height: 42px; width: 30px; }
.menuitem-table-lastfav { height: 42px; color: white; }
/* Last Viewed / Favorites - Hover */
.menuitem-leftside-lastfav-hover { height: 42px; width: 21px; }
.menuitem-rightside-lastfav-hover { height: 42px; width: 30px; }
.menuitem-table-lastfav-hover { height: 42px; color: white; }
/* Last Viewed / Favorites - Selected & Hover */
.menuitem-leftside-lastfav-hoverselect { height: 42px; width: 21px; }
.menuitem-rightside-lastfav-hoverselect { height: 42px; width: 30px; }
.menuitem-table-lastfav-hoverselect { height: 42px; color: white; }
a.lastViewed-favorite-anchor { color: white; text-decoration: underline; font: normal 12px Roboto; }
a.lastViewed-favorite-anchor:link { color: white; text-decoration: underline; font: normal 12px Roboto; }
a.lastViewed-favorite-anchor:visited { color: white; text-decoration: underline; font: normal 12px Roboto; }
a.lastViewed-favorite-anchor:hover { color: white; text-decoration: underline; font: normal 12px Roboto; }
a.lastViewed-favorite-anchor:active { color: #FF0000; text-decoration: underline; font: normal 12px Roboto; }
/******************************************
* ServicePoint - Main Application Interface
******************************************/
.sp5-authpanel {background: #1B3647;border-radius: 10px;margin-bottom: 1px;}
.header-expand-link {padding: 0px 0px 1px 6px;}
.sp5-authpanel-right {
/* background-image: url("images/general/header_tab_right-side.jpg"); */
background-repeat: no-repeat;
background-position: bottom right;
padding: 0px 20px 4px 0px;
}
.sp5-authpanel-left {
/* background-image: url("images/general/header_tab_left-side.jpg"); */
background-repeat: no-repeat;
background-position: bottom right;
}
.sp5-login-middle { background-color: #FFFFFF; padding-top: 10px; }
.sp5-login-bottom { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 10px; }
.sp5-login-logo { font-size: 18px; font-weight: 550; }
.sp5-login-footer { font: normal 11px Roboto; }
.sp5-login-training-bottom { background-color: #FFFFFF; }
.sp5-login-button {background-color: #228189; color: white; padding-top: 8px}
.sp5-background-logo {background-image: url(images/general/wellsky_main_background.png) ; background-repeat: no-repeat;background-size: cover; overflow: hidden;}
.sp5-form-error-msg { color: #FF0000; font: normal 16px Roboto; }
.sp5-form-info-msg { color: #000000; font: normal 12px Roboto; }
.sp5-form-label { color: #000000; font: normal 12px Roboto; }
/**** Main Section Title Bar *****/
.sp5-title-bar { color: #757575; margin-left: 4px; font: normal 12px Roboto; padding: 0; vertical-align: middle; text-decoration: none; }
.sp5-content { height: 100%; padding: 0 0 0 5px; }
.sp5-breadcrumb-padding { padding-left: 12px; padding-right: 12px; }
div.sp5-breadcrumb-anchor a, span.sp5-breadcrumb-anchor a { color: #005D6F; text-decoration: none; }
div.sp5-breadcrumb-anchor-hover a, span.sp5-breadcrumb-anchor a { color: #005D6F; text-decoration: underline; }
div.sp5-breadcrumb-anchor a:hover, span.sp5-breadcrumb-anchor a:hover { color: #005D6F; text-decoration: underline; }
div.alert-link a, span.alert-link a { color: #000000; text-decoration: none; }
div.alert-link-hover a, span.alert-link-hover a { color: #000000; text-decoration: underline; }
div.alert-link a:hover, span.alert-link a:hover { color: #000000; text-decoration: underline; }
/**** Main App Hyperlinks *****/
/* Hyperlink class must be set to a div and/or span element as GWT applies the class to the parent element and not the element like it should */
div.sp5-link, span.sp5-link { display: inline; }
div.sp5-link a, span.sp5-link a { color: #228189; text-decoration: none; }
div.sp5-link-hover a, span.sp5-link-hover a { color: #228189; text-decoration: underline; }
div.sp5-link a:hover, span.sp5-link a:hover { color: #228189; text-decoration: underline; }
/**** Main App SpAnchors *****/
.sp5-anchor { color: #3D5463; background: #F7F7F7; text-decoration: none; }
.sp5-anchor-hover { color: #FF0000; text-decoration: underline; }
/***** Main HTML Inputs/Labels *****/
.sp5-GrayDataTableHead {
color: #000000;
font-weight: 550;
font-size: 14px;
background: #F7F7F7;
padding: 4px 4px 4px 4px;
background-color: #ced8e3;
}
.sp5-GrayDataTableHead .sp5-anchor {
background-color: #ced8e3;
}
.sp5-DarkGrayDataTableHeader { color: #000000; font-weight: 550; font-size: 12pt; background: #FFF; padding: 2px 0 2px 1px; }
.sp5-DataTableRow-odd { background:#f2f2f2; height:38px; color: #000000; font-weight: normal; font-size: 10pt; }
.sp5-DataTableRow-even { background:#fefefe; height:38px; color: #000000; font-weight: normal; font-size: 10pt; }
.sp5-indented-border { border-left: 2px solid #646464; }
.sp5-form-padding { padding: 4px; }
.sp5-form-indented-padding { padding: 0px 4px; }
/***** SP5 Main Font Classes *****/
.sp5-Font-xSmall { font: normal 7pt Roboto; }
.sp5-Font-xSmallBold { font: 550 7pt Roboto; }
.sp5-Font-Small {
font: normal 12px Roboto;
padding-top: 1px;
}
.sp5-Font-SmallBold { font: 550 12px Roboto; }
.sp5-Font-Std { font: normal 14px Roboto; }
.sp5-Font-StdBold { font: 550 10pt Roboto; }
.sp5-Font-Large,
.sp5-Font-LargeBold {
font-style: normal;
font-weight: 550;
font-size: 16px;
line-height: 30px;
}
.sp5-Font-xLarge { font: normal 16pt Roboto; }
.sp5-Font-xLargeBold { font: 550 16pt Roboto; }
.sp5-Font-xxLargeBold { font: 550 20pt Roboto; }
.sp5-Font-xxxLargeBold { font: 550 24pt Roboto; }
.sp5-Font-Italic { font-style: italic; }
.sp5-Font-Underline { text-decoration: underline; }
.sp5-Font-Indent { padding-left: 1em; }
.sp5-Font-LineThrough { text-decoration: line-through; }
.cs5-Font-Large { font: normal 16px Roboto; margin-left: 25px; height: 30px; margin-top: 5px;}
.cs5-favlast-Large { font: normal 16px Roboto; margin-left: 25px;height: 35px; margin-top: 5px;}
.mandatory { color: #000000; font: 550 italic 9pt Roboto; }
td.displayNone { display: none; }
.positionRelative { position: relative; }
.sp5-active { color: #048204; font: 550 8pt Roboto; }
.sp5-inactive { color: #FF0000; font: 550 8pt Roboto; }
.sp5-active-Std { color: #048204; font: normal 10pt Roboto; }
.sp5-inactive-Std { color: #FF0000; font: normal 10pt Roboto; }
.sp5-active-StdBold { color: #048204; font: 550 10pt Roboto; }
.sp5-inactive-StdBold { color: #FF0000; font: 550 10pt Roboto; }
.sp5-statusPending { color: #FFFFFF; background: #808080; font: 550 9pt Roboto; }
.sp5-statusScheduled { color: #FFFFFF; background: #808000; font: 550 9pt Roboto; }
.sp5-statusRunning { color: #FFFFFF; background: #357EC7; font: 550 9pt Roboto; }
.sp5-statusError { color: #FFFFFF; background: #FF0000; font: 550 9pt Roboto; }
.sp5-statusCompleted { color: #FFFFFF; background: #228189; font: 550 9pt Roboto; padding: 4px 0px 4px 4px;}
.sp5-statusExpired { color: #000000; background: #C0C0C0; font: italic 9pt Roboto; }
.fundStatusPanel-current { border: 2px solid #357EC7; }
.fundStatusPanel-current div { font: italic 9pt Roboto; color: #666666; }
.fundStatusPanel-completed { border: 1px solid #C0C0C0; }
.fundStatusPanel-completed div { font: normal 9pt Roboto; }
.fundStatusPanel-completedCurrent { border: 2px solid #357EC7; }
.fundStatusPanel-completedCurrent div { font: normal 9pt Roboto; }
.fundStatusPanel-incomplete { border: 1px solid #C0C0C0; }
.fundStatusPanel-incomplete div { font: italic 9pt Roboto; color: #666666; }
.fundStatusPanel-background { background: #FFFFFF; -pie-watch-ancestors:1; -pie-poll:true; -pie-track-active:false; -pie-track-hover:false;
behavior: url(PIE.htc); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.sp5-MultServsBottomBorder { color: #000000; font-weight: normal; font-size: 10pt; background: #FFFFFF; border-bottom: 3px solid #000000; }
.sp5-DataTableRowMultServs-odd { color: #000000; font-weight: normal; font-size: 10pt; background: #FFFFFF; border-bottom: 3px solid #C2C2C2; }
.sp5-DataTableRowMultServs-even { color: #000000; font-weight: normal; font-size: 10pt; background: #EFEFEF; border-bottom: 1px solid #C2C2C2; }
.sp5-GrayDataTableHeadMultServs { color: #000000; font-weight: 550; font-size: 10pt; background: #DFDFDF; padding: 4px 0 4px 2px; border-bottom: 1px solid #C2C2C2; }
.sp5-DataTableRow-odd td,
.sp5-DataTableRow-even td { border-bottom: 1px solid #c5d4de; border-right: 1px solid #c5d4de;}
.sp5-DataTableRow-nobdr td { border-right: 0; border-bottom: 0; border-collapse: collapse; }
.sp5_DataTableRow-bdrcollapse-collapse { border-collapse: collapse; }
.dataTableColumnCell { border-right: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; }
.dataTableColumnCellTopOnly { border-top: 1px solid #C2C2C2; }
.dataTableColumnCellNoBottom { border-right: 1px solid #C2C2C2; }
.dataTableColumnCell-last,
.dataTableColumnCell-head {
height:45px;
border-bottom: 1px solid #a2a2a2;
border-right: 1px solid #c5d4de;
}
td.dataTableColumnCell-head,
td.datatablecolumncell-last {
font-size: 13px;
}
.sp5-gwtrp-graybg { background-color: #DFDFDF; }
.sp5-gwtrp-graybg { background-color: #FFFFFF; }
.sp5-ContentHeader { color: #000000; font: 550 10pt Roboto; padding: 0 4px 4px 10px; }
.sp5-TabPanelHeader {font: 550 14px Roboto;line-height:25px;padding: 5px 6px 6px 12px;}
.sp5-DataTableBorder { border-style: solid; border-color: #C2C2C2; }
.sp5-DataTableInsetBorder { border: 2px inset #FAFAFA; }
.sp5-TitleText { color: #FFFFFF; font: 550 12px Roboto; }
.sp5-InputLabel { color: #000000; font: 550 9pt Roboto; }
.sp5-ContentBold { color: #000000; font: 550 8pt Roboto; }
.sp5-Image { background-color: #FFFFFF; cursor: pointer; border: 0; }
.sp5-DialogBox { border: 0 solid #8BB1FF; }
.sp5-DialogBox .Caption { font-weight: 550; border-bottom: 5px solid #0A417A; padding: 0; text-align: left; cursor: move; }
.sp5-DialogContent { background-color: #FFFFFF; border-right: 1px solid #C2C2C2; border-left: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; }
/***** Service Codes Search Styles *****/
.sp5-SrvCode-L1 { padding-left: 0; }
.sp5-SrvCode-L2 { padding-left: 10px; }
.sp5-SrvCode-L3 { padding-left: 20px; }
.sp5-SrvCode-L4 { padding-left: 30px; }
.sp5-SrvCode-L5 { padding-left: 40px; }
.sp5-SrvCode-L6 { padding-left: 50px; }
.sp5-SrvCode-L7 { padding-left: 60px; }
.sp5-SrvCode-L8 { padding-left: 70px; }
.sp5-SrvCode-L9 { padding-left: 80px; }
.sp5-SrvCode-L10 { padding-left: 90px; }
.sp5-SrvCode-disabled { color: #9A9A9A; }
div.sp5-link-unassignable a, span.sp5-link-unassignable a { color: #6F6F6F; text-decoration: none; }
div.sp5-link-unassignable-hover a, span.sp5-link-unassignable-hover a { color: #6F6F6F; text-decoration: underline; }
div.sp5-link-unassignable a:hover, span.sp5-link-unassignable a:hover { color: #6F6F6F; text-decoration: underline; }
/***** Outline List Styles *****/
ol.level1 { list-style-type : upper-roman; }
ol.level2 { list-style-type : upper-alpha; }
ol.level3 { list-style-type : decimal; }
ol.level4 { list-style-type : lower-alpha; }
ul.circle { list-style-type : circle; }
ul.square { list-style-type : square; }
ul.disc { list-style-type : disc; }
ul.none { list-style-type : none; }
/***** Generic Color Codes *****/
.black { color: #000000; }
.blue { color: #220099; }
.gray { color: #6F6F6F; }
.green { color: #23833F; }
.orange { color: #D69146; }
.red { color: #BB0022; }
.white { color: #FFFFFF; }
.yellow { color: #F7FF31; }
.sp5-NoBackground { background: transparent; }
.sp5-bg-white { background-color: #FFFFFF; }
.sp5-bg-lightgray { background-color: #EFEFEF; }
.sp5-bg-gray { background-color: #DFDFDF; }
.sp5-bg-darkgray { background-color: #CFCFCF; }
.sp5-bg-yellow { background-color: #e9f7bc; }
.sp5-bg-yellow div, .sp5-bg-yellow span{
color: #000;
}
.sp5-bg-light-gray { background-color: #F7F7F7; }
.font-gray { color: #9A9A9A; }
.font-darkgray { color: #666666; }
.font-red { color: #FF0000; }
.font-green { color: #91E08D; }
.font-blue { color: #112ABB; }
.sp5-textbox {
font: 14px Roboto;
height: 30px;
border-color: transparent transparent #5F727E transparent;
background: rgba(0, 0, 0, 0.04);
border-radius: 2px 2px 0px 0px;
outline: none;
border-width: thin;
}
.sp5-textbox-disabled {
background-color: #EFEFEF;
font: 14px Roboto;
height: 30px;
border-color: transparent transparent #5F727E transparent;
background: rgba(0, 0, 0, 0.04);
border-radius: 2px 2px 0px 0px;
outline: none;
border-width: thin;
}
.sp5-textarea-resize-vertical { resize: vertical; }
/***** SP Standard Black Borders *****/
.bdr { border : 1px solid #000000; }
.bdr-t { border-top : 1px solid #000000; }
.bdr-l { border-left : 1px solid #000000; }
.bdr-b { border-bottom: 1px solid #000000; }
.bdr-r { border-right : 1px solid #1B3647; }
.bdr-tl { border-top : 1px solid #000000; border-left : 1px solid #000000; }
.bdr-br { border-bottom: 1px solid #000000; border-right : 1px solid #000000; }
.bdr-tb { border-top : 1px solid #000000; border-bottom: 1px solid #000000; }
.bdr-lr { border-left : 1px solid #000000; border-right : 1px solid #000000; }
/***** SP Login Borders *****/
.bdr-login { border-bottom: 5px solid #0E2E5D; }
.bdr-login-training { border-bottom: 5px solid #D36424; }
/***** Border Color/Size Styles (Combine with Standard Borders Above) *****/
.bdr-gray { border-color: #a2a2a2; }
.bdr-black { border-color: #000000; }
.bdr-red { border-color: #FF0000; }
.bdr-2px { border-width: 2px; }
.preserve-format { white-space: pre-line; }
.no-wrap { white-space: nowrap; }
.no-padding { padding: 0; }
/******************************************************************************
* GWT Classes - NON SECTION SPECIFIC
******************************************************************************/
.sp5-AnchorPanel { width: 100%; vertical-align: middle; text-align: left; }
* html .sp5-AnchorPanel a { width: 100%; padding: 4px; }
.sp5-AnchorPanelReport { width: 100%; vertical-align: middle; text-align: center; }
* html .sp5-AnchorPanelReport a { width: 100%; padding: 4px; }
.gwt-Anchor { color: #228189; text-decoration: none; }
.gwt-Anchor-hover { color: #228189; text-decoration: underline; }
.gwt-Button { font: 14px Roboto; border: 1px solid #000000; cursor: pointer; }
.gwt-CheckBox {
accent-color: #228189;
font: normal 14px Roboto;
text-decoration: underline;
cursor: pointer;
padding-left: 4px;
line-height: 22px;
}
.gwt-CheckBox-disabled { color: #AAAAAA; font: normal 10pt Roboto; text-decoration: underline; cursor: auto; }
.gwt-DialogBox { background: #FFFFFF; border: 2px solid #AAAAAA; }
.gwt-DialogBox .Caption { font-weight: 550; background: url( gray_gradient.gif) repeat-x; padding: 4px 4px 8px; cursor: default; }
.gwt-HorizontalSplitPanel hsplitter { border: 1px solid #000000; }
.gwt-Hyperlink { display: inline; }
.gwt-Image { border: 0; cursor: pointer}
.gwt-Label { font: normal 10pt Roboto; padding: 2px; }
.gwt-Label-Bold { font: 550 10pt Roboto; padding: 2px; }
.gwt-ListBox {
font: 14px Roboto;
min-height: 30px;
border-color: transparent transparent #5F727E transparent;
background: rgba(0, 0, 0, 0.04);
border-radius: 2px 2px 0px 0px;
outline: none;
border-width: thin;
}
.gwt-ListBox option {
font: 14px Roboto;
height: 20px;
}
input:focus, select:focus {
border-bottom: 2px solid #228189;
}
/*multi select listbox style*/
/* select[multiple] {
height: 120px;
} */
.gwt-MenuBar { padding: 0; width: 200px; border-spacing: 0px; background: #FFFFFF; cursor: pointer; }
.gwt-MenuItem { padding: 0; width: 198px; border-spacing: 0px; cursor: pointer; }
.gwt-MenuItem-selected { padding: 0; width: 198px; border-spacing: 0px; }
.gwt-PushButton-up,
.gwt-PushButton-up-hovering,
.gwt-PushButton-up-disabled,
.gwt-PushButton-down,
.gwt-PushButton-down-hovering,
.gwt-PushButton-down-disabled {
margin: 0px 2px;
text-align: center;
text-decoration: none;
font: 14px Roboto;
height: 23px;
line-height: 23px;
vertical-align:middle;
background: #228189;
box-shadow: 0px 1px 5px 0px #0000001F;
box-shadow: 0px 2px 2px 0px #00000024;
box-shadow: 0px 3px 1px -2px #00000033;
border-radius: 4px;
}
.gwt-pushbutton-up .html-face,
.gwt-PushButton-up-hovering .html-face,
.gwt-PushButton-up-disabled .html-face,
.gwt-pushbutton-down .html-face,
.gwt-PushButton-down-hovering .html-face,
.gwt-PushButton-down-disabled .html-face
{
height: 23px;
line-height: 23px;
color: #FFF;
}
.gwt-PushButton-up-hovering{
background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 100%), #228189;
}
.gwt-PushButton-up,
.gwt-PushButton-up-hovering,
.gwt-PushButton-up-disabled { padding: 3px 5px 3px 5px;}
.gwt-PushButton-up {border: 0px outset #ccc;cursor: pointer;cursor: hand;}
.gwt-PushButton-up-hovering { border: 0px outset; border-color: #9cf #69e #69e #7af; cursor: pointer; cursor: hand; }
.gwt-PushButton-up-disabled { border: 0px outset #ccc; cursor: default; opacity: .5; filter: alpha(opacity=40); zoom: 1;}
.gwt-PushButton-down,
.gwt-PushButton-down-hovering,
.gwt-PushButton-down-disabled { background:#43949B; padding: 4px 4px 2px 6px;}
.gwt-PushButton-down { border: 0px inset #666; cursor: pointer; cursor: hand;}
.gwt-PushButton-down-hovering { border: 0px inset; border-color: #9cf #69e #69e #7af; cursor: pointer; cursor: hand; }
.gwt-PushButton-down-disabled { border: 0px outset #ccc; cursor: default; opacity: 0.5; filter: alpha(opacity=40); zoom: 1;}
.gwt-ToggleButton-up,
.gwt-ToggleButton-up-hovering,
.gwt-ToggleButton-up-disabled,
.gwt-ToggleButton-down,
.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled {
text-align: center;
background: #228189;
font: normal 10pt Roboto;
margin: 0;
text-decoration: none;
/* background: url("images/hborder.png") repeat-x 0px -27px;*/
}
.gwt-ToggleButton-up,
.gwt-ToggleButton-up-hovering,
.gwt-ToggleButton-up-disabled { padding: 3px 5px; background: #228189;}
.gwt-ToggleButton-up { border: 1px outset #ccc; cursor: pointer; cursor: hand;}
.gwt-ToggleButton-up-hovering { border: 1px outset; border-color: #9cf #69e #69e #7af; cursor: pointer; cursor: hand; }
.gwt-ToggleButton-up-disabled { border: 1px outset #ccc; cursor: default; opacity: .5; zoom: 1; filter: alpha(opacity=40); }
.gwt-ToggleButton-down,
.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled { padding: 4px 4px 2px 6px; background: #95d2d5;}
.gwt-ToggleButton-down { background-position: 0 -513px; border: 1px inset #ccc; cursor: pointer; cursor: hand; }
.gwt-ToggleButton-down-hovering { background-position: 0 -513px; border: 1px inset; border-color: #9cf #69e #69e #7af; cursor: pointer; cursor: hand; }
.gwt-ToggleButton-down-disabled { background-position: 0 -513px; border: 1px inset #ccc; cursor: default; opacity: .5; zoom: 1; filter: alpha(opacity=40); }
.gwt-RichTextArea { border: 0; }
.hasRichTextToolbar { border: 0; }
.gwt-RichTextToolbar { background: #e3e8f3 url("images/hborder.png") repeat-x 0px -2003px; border-bottom: 1px solid #BBBBBB; padding: 3px; margin: 0; width: 100%; }
.gwt-RichTextToolbar .gwt-ListBox { width: 98%; font: 11pt Roboto; }
.gwt-RichTextToolbar .gwt-PushButton-up { padding: 0 1px 0 0; margin-right: 4px; margin-bottom: 4px; border-width: 1px; }
.gwt-RichTextToolbar .gwt-PushButton-up-hovering { margin-right: 4px; margin-bottom: 4px; padding: 0 1px 0 0; border-width: 1px; }
.gwt-RichTextToolbar .gwt-PushButton-down { margin-right: 4px; margin-bottom: 4px; padding: 0 0 0 1px; border-width: 1px; }
.gwt-RichTextToolbar .gwt-PushButton-down-hovering { margin-right: 4px; margin-bottom: 4px; padding: 0 0 0 1px; border-width: 1px; }
.gwt-RichTextToolbar .gwt-ToggleButton-up { margin-right: 4px; margin-bottom: 4px; padding: 0 1px 0 0; border-width: 1px; }
.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering { margin-right: 4px; margin-bottom: 4px; padding: 0 1px 0 0; border-width: 1px; }
.gwt-RichTextToolbar .gwt-ToggleButton-down { margin-right: 4px; margin-bottom: 4px; padding: 0 0 0 1px; border-width: 1px; }
.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering { margin-right: 4px; margin-bottom: 4px; padding: 0 0 0 1px; border-width: 1px; }
.sp5-RichText { border: 1px solid #BBBBBB; border-spacing: 0px; }
.gwt-RadioButton { accent-color: #228189; font: normal 10pt Roboto; text-decoration: underline; cursor: pointer; }
.gwt-RadioButton-disabled { color: #AAAAAA; font: normal 10pt Roboto; text-decoration: underline; cursor: auto; }
.gwt-RadioButton-small { accent-color: #228189; font: normal 8pt Roboto; text-decoration: underline; cursor: pointer; }
.gwt-RadioButton-small-disabled { color: #AAAAAA; font: normal 8pt Roboto; text-decoration: underline; cursor: auto; }
.gwt-StackPanel { width: 15em; background: #FFFFFF; border: 1px solid #AAAAAA; }
.gwt-StackPanel .gwt-StackPanelItem { background: #EEEEEE url("blue_gradient.gif") repeat-x; cursor: pointer; }
.gwt-StackPanel .gwt-StackPanelItem-selected { }
.gwt-SuggestBox {
font: 14px Roboto;
height: 30px;
border-color: transparent transparent #196E76 transparent;
background: rgba(0, 0, 0, 0.04);
border-width: thin;
border-radius: 2px 2px 0px 0px;
margin-top: 10px;
outline: none;
}
.gwt-SuggestBoxPopup {
font-size: 10pt;
min-width: 400px;
background-color: #FFFFFF;
cursor: pointer;
}
.gwt-SuggestBoxPopup .item {
min-width: 398px;
font-size: 10pt;
background-color: #FFFFFF;
color: #000000;
cursor: hand;
cursor: pointer;
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 10px;
gap: 5px;
height: 15px;
background: #fff;
}
.gwt-SuggestBoxPopup .item-selected {
min-width: 398px;
font-size: 10pt;
background-color: #CDCDCD;
color: #000000;
cursor: hand;
cursor: pointer;
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 10px;
gap: 5px;
height: 15px;
background: #E4F0F1;
}
.gwt-TabBar { font-size: smaller; }
.gwt-TabBar .gwt-TabBarFirst { height: 100%; border-bottom: 1px solid #87B3FF; border-right: 1px solid #87B3FF; padding: 0 0 0 3px; }
.gwt-TabBar .gwt-TabBarRest { border-bottom: 1px solid #87B3FF; padding: 0 3px 0 0; }
.gwt-TabBar .gwt-TabBarItem { border-top: 1px solid #87B3FF; border-bottom: 1px solid #87B3FF; border-right: 1px solid #87B3FF; padding: 2px; cursor: pointer; white-space: nowrap; }
.gwt-TabBar .gwt-TabBarItem-selected { font-weight: 550; background: #E8EEF7; border-top: 1px solid #87B3FF; border-bottom: 1px solid #E8EEF7; border-right: 1px solid #87B3FF; padding: 2px; cursor: default; white-space: nowrap; }
.gwt-TabPanel { }
.gwt-TabPanelBottom { border-left: 1px solid #87B3FF; border-bottom: 1px solid #87B3FF; border-right: 1px solid #87B3FF; }
.gwt-TextBox, .gwt-TextArea, .gwt-PasswordTextBox {
font: 14px Roboto;
border-color: transparent transparent #5F727E transparent;
background: rgba(0, 0, 0, 0.04);
border-radius: 2px 2px 0px 0px;
outline: none;
border-width: thin;
}
.gwt-TextBox, .gwt-PasswordTextBox {
height: 30px;
}
.gwt-TextBox-readonly,
.gwt-TextArea-readonly { font: 14px Roboto; }
.gwt-Tree { }
.gwt-Tree .gwt-TreeItem { font-size: 80%; cursor: default; }
.gwt-Tree .gwt-TreeItem-selected { background: #C3D9FF; }
.gwt-ProgressBar-shell { border: 2px solid #faf9f7; border-right: 2px solid #848280; border-bottom: 2px solid #848280; background-color: #AAAAAA; height: 14pt; width: 50%; }
.gwt-ProgressBar-shell .gwt-ProgressBar-bar { background-color: #67A7E3; }
.gwt-ProgressBar-shell .gwt-ProgressBar-text { padding: 0px; margin: 0px; color: white; }
.dragdrop-selected, .dragdrop-dragging,.dragdrop-proxy { filter: alpha(opacity \= 30); opacity: 0.3; }
.dragdrop-positioner { border: 3px solid #969696; /* gray */ margin: 0 !important; background-color: WhiteSmoke; zoom: 1; /* IE gain hasLayout */ z-index: 100; }
/* Date Picker Styles */
.blue-date-picker { background-color: #FFF; color: #112ABB; width: 165px; border: 1px Solid lightgray; border-radius: 4px;}
.blue-month-line { width: 165px; color: darkolivegreen; font-size: 8pt; font-weight: 550; font-family: Roboto; text-align: center; cursor: pointer; }
.blue-week-line { width: 165px; color: lightslategrey; font-size: 8pt; font-family: Roboto; text-align: center; border-top: 1px Solid lightgray;}
.blue-day-grid { background-color : white; width: 165px; text-align: center; font-size: 8pt; font-family: Roboto; border-collapse: collapse; background-color: white; cursor: pointer; border-top: 1px Solid lightgray;}
.blue-current-month-selected { background-color: #228189; color:white; width: 20px; border-radius: 50% }
.blue-selected { background-color: #75A9ff; color:#aaa; }
.blue-week-end { color:#aaa; background-color: #eee; }
.blue-current-month-week-end { background-color: #eee; color: black; }
.blue-other-day { color:#aaa; }
.blue-current-month-other-day { color: black; }
.blue-cant-be-selected { background-color:#eee; color:#D3D3D3; }
.blue-day-grid tr { height: 20px; }
/******************************************************************************
* ServicePoint Module/Section Classes
******************************************************************************/
.sp5-ui-bdr { border: 1px solid #C2C2C2; }
.sp5-ui-ContentPanel {
padding: 5px;
border: 1px solid #a2a2a2;
border-radius: 6px 6px 0px 0px;
height: 30px;
}
.sp5-ui-ContentPanel-secondary { padding-top: 2px; padding-bottom: 2px; }
.sp5-ui-header-bdr-lrb { border-left: 0px solid #0E2E5D; }
.sp5-ui-header-bdr-b {
box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);
background: #FFFFFF;
}
.sp5-ui-header-row-one,
.sp5-ui-header-row-two {
box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);
}
.sp5-ui-header-row-two {
background-color: #F2F2F2;
}
.sp5-ui-footer {
background-color: #1B3647;
width: 199px;
}
.sp5-ui-footer-bdr-t {
border-top: 1px solid #FFF;
margin-top: 2px;
}
.sp5-ui-footer-left, .sp5-ui-footer-right {
background-color: #1B3647;
/* background: #FFFFFF url("images/general/footer_tab_left-side.jpg") no-repeat; */
width: 20px;
height: 25px;
border-radius: 0px 0px 0px 20px;
}
.sp5-ui-footer-right {
/* background: #FFFFFF url("images/general/footer_tab_right-side.jpg") no-repeat; */
border-radius: 0px 0px 20px 0px;
width: 20px;
padding-right: 10px;
}
.sp5-contentpanel-corners { border-color: #C2C2C2; background-color: #FFFFFF; }
.tab-deselected {
border-top: 1px solid #a2a2a2;
border-right: 1px solid #a2a2a2;
border-left: 1px solid #a2a2a2;
border-bottom: 2px solid #C5C5C5;
border-radius: 6px 6px 0px 0px;
}
.tab-deselected .sp5-TabPanelHeader{
font-weight: normal;
}
.sp5-groupbox { border: 1px solid #999; padding: 0; }
.sp5-groupbox legend { margin-left: 10px; }
.sp5-groupbox-legend { padding: 4px; display:inline-block; -moz-border-radius:4px; border-radius:4px;
background: #FFFFFF; font: 550 10pt Roboto; color: #000000; }
/******************************************
* HOME
******************************************/
.home-groupbox-bdr { border: 1px solid #228189; }
.home-contentpanel-bdr-b { border-bottom: 1px solid #228189; }
.tab-selected,
.home-tab-selected,
.clientpt-tab-selected,
.callpt-tab-selected,
.resourcept-tab-selected ,
.fundmgr-tab-selected ,
.shelterpt-tab-selected ,
.activitypt-tab-selected ,
.skanpt-tab-selected ,
.reports-tab-selected ,
.admin-tab-selected ,
.support-tab-selected,
.syncpt-tab-selected,
.help-tab-selected
{
border-top: 1px solid #a3a3a3;
border-right: 1px solid #a3a3a3;
border-left: 1px solid #a3a3a3;
border-bottom: 2px solid #228189;
border-radius: 6px 6px 0px 0px;
background: #FFF;
}
/*.home-main-tbl { background: #203C64 url("images/home/home-header-slice.png") repeat-x; }*/
.home-ContentHeader { color: #000; background-color: #FFF; font: 550 10pt Roboto; padding: 0 4px 4px 10px; }
/******************************************
* CLIENTPOINT
******************************************/
.clientpt-groupbox-bdr { border: 1px solid #228189; }
.clientpt-contentpanel-bdr-b { border-bottom: 1px solid #228189; }
/*.clientpt-tab-selected { border-bottom: 2px solid #228189; }
.clientpt-main-tbl { background: #40C32B url("images/clientpt/clientpt-header-slice.png") repeat-x; }*/
.clientpt-ContentHeader { color: #000; background-color: #FFF; font: 550 10pt Roboto; padding: 0 4px 4px 10px; }
/******************************************
* CALLPOINT
******************************************/
.callpt-groupbox-bdr { border: 1px solid #228189; }
.callpt-contentpanel-bdr-b { border-bottom: 1px solid #228189; }
/*.callpt-tab-selected { border-bottom: 2px solid #228189; }
.callpt-main-tbl { background: #3853BD url("images/callpt/callpt-header-slice.png") repeat-x; }*/
.callpt-ContentHeader { color: #000; background-color: #FFF; font: 550 10pt Roboto; padding: 0 4px 4px 10px; }
/******************************************
* RESOURCEPOINT
******************************************/
.resourcept-groupbox-bdr { border: 1px solid #228189; }
.resourcept-contentpanel-bdr-b { border-bottom: 1px solid #228189; }
/*.resourcept-tab-selected { border-bottom: 2px solid #228189; }
.resourcept-main-tbl { background: #DD8C2E url("images/resourcept/resourcept-header-slice.png") repeat-x; }*/
.resourcept-ContentHeader { color: #000; background-color: #FFF; font: 550 10pt Roboto; padding: 0 4px 4px 10px; }
/******************************************
* FUNDMANAGER
******************************************/
.fundmgr-groupbox-bdr { border: 1px solid #228189; }
.fundmgr-contentpanel-bdr-b { border-bottom: 1px solid #228189; }
/*.fundmgr-tab-selected { border-bottom: 2px solid #228189; }
.fundmgr-main-tbl { background: #646464 url("images/fundmgr/fundmgr-header-slice.gif") repeat-x; }*/
.fundmgr-ContentHeader { color: #000; background-color: #FFF; font: 550 10pt Roboto; padding: 0 4px 4px 10px; }
/******************************************
* SHELTERPOINT
******************************************/
.shelterpt-groupbox-bdr { border: 1px solid #228189; }
.shelterpt-contentpanel-bdr-b { border-bottom: 1px solid #228189; }
/*.shelterpt-tab-selected { border-bottom: 2px solid #228189; }
.shelterpt-main-tbl { background: #5C1DAA url("images/shelterpt/shelterpt-header-slice.png") repeat-x; }*/
.shelterpt-ContentHeader { color: #000; background-color: #FFF; font: 550 10pt Roboto; padding: 0 4px 4px 10px; }
div.shelterpt-sp5-link-held a, span.shelterpt-sp5-link-held a { color: #FF0000; text-decoration: none; font-style: italic; }
div.shelterpt-sp5-link-held a:hover, span.shelterpt-sp5-link-held a:hover { text-decoration: underline; }
/******************************************
* ACTIVITYPOINT
******************************************/
.activitypt-groupbox-bdr { border: 1px solid #228189; }
.activitypt-contentpanel-bdr-b { border-bottom: 1px solid #228189; }
/*.activitypt-tab-selected { border-bottom: 2px solid #228189; }
.activitypt-main-tbl { background: #BC0404 url("images/activitypt/activitypt-header-slice.png") repeat-x; }*/
.activitypt-ContentHeader { color: #000; background-color: #FFF; font: 550 10pt Roboto; padding: 0 4px 4px 10px; }
.activitypt-dateselected { background-color: #75A9FF; color: #000000; }
.activitypt-dateexists { color: #0000FF; }
/******************************************
* SKANPOINT
******************************************/
.skanpt-groupbox-bdr { border: 1px solid #228189; }
.skanpt-contentpanel-bdr-b { border-bottom: 1px solid #228189; }
/*.skanpt-tab-selected { border-bottom: 2px solid #228189; }
.skanpt-main-tbl { background: #745C44 url("images/skanpt/skanpt-header-slice.png") repeat-x; }*/
.skanpt-ContentHeader { color: #000; background-color: #FFF; font: 550 10pt Roboto; padding: 0 4px 4px 10px; }
/******************************************
* REPORTS
******************************************/
.reports-groupbox-bdr { border: 1px solid #228189; }
.reports-contentpanel-bdr-b { border-bottom: 1px solid #228189; }
/*.reports-tab-selected { border-bottom: 2px solid #228189; }
.reports-main-tbl { background: #0B730F url("images/reports/report-header-slice.png") repeat-x; }*/
.reports-ContentHeader { color: #000; background-color: #FFF; font: 550 10pt Roboto; padding: 0 4px 4px 10px; }
.ahar-TableHeader { background-color: #dce1e7; font-weight: 550; }
.ahar-AnswerCell { background-color: #228189; }
.art-dashboard { border: none; overflow: auto; width: 100%; height: 100%; }
/******************************************
* ADMIN
******************************************/
.admin-groupbox-bdr { border: 1px solid #228189; }
.admin-contentpanel-bdr-b { border-bottom: 1px solid #228189; }
/*.admin-tab-selected { border-bottom: 2px solid #228189; }
.admin-main-tbl { background: #AE9C8A url("images/admin/admin-header-slice.png") repeat-x; }*/
.admin-ContentHeader { color: #000; background-color: #FFF; font: 550 10pt Roboto; padding: 0 4px 4px 10px; }
/******************************************
* SUPPORT
******************************************/
.support-groupbox-bdr { border: 1px solid #228189; }
.support-contentpanel-bdr-b { border-bottom: 1px solid #228189; }
/*.support-tab-selected { border-bottom: 2px solid #228189; }
.support-main-tbl { background: #AE9C8A url("images/admin/admin-header-slice.png") repeat-x; }*/
.support-ContentHeader { color: #000; background-color: #FFF; font: 550 10pt Roboto; padding: 0 4px 4px 10px; }
/******************************************
* SYNCPOINT
******************************************/
.syncpt-groupbox-bdr { border: 1px solid #228189; }
.syncpt-contentpanel-bdr-b { border-bottom: 1px solid #228189; }
/*.syncpt-tab-selected { border-bottom: 2px solid #228189; }
.syncpt-main-tbl { background: #E2D60F url("images/admin/syncpt-header-slice.png") repeat-x; }
.syncpt-ContentHeader { color: #000; background-color: #FFF; font: 550 10pt Roboto; padding: 0 4px 4px 10px; }*/
/******************************************
* HELP
******************************************/
.help-groupbox-bdr { border: 1px solid #228189; }
.help-contentpanel-bdr-b { border-bottom: 1px solid #228189; }
/*.help-tab-selected { border-bottom: 2px solid #228189; }
.help-main-tbl { background: #2AB5D8 url("images/help/help-header-slice.png") repeat-x; }*/
.help-ContentHeader { color: #000; background-color: #FFF; font: 550 10pt Roboto; padding: 0 4px 4px 10px; }
/***** Cursors *****/
.cursor-default { cursor: default; }
.cursor-help { cursor: help; }
.cursor-move { cursor: move; }
.cursor-pointer { cursor: pointer; }
.DataTable-ImageLink { border: 0; cursor: pointer }
/****** Right/Left *******/
.right { float: right; }
.left { float: left; }
.sp5-SpCheckBoxList { border: 1px solid #C2C2C2; }
.sp5-ListBoxInactiveOption { color: gray; font-style: italic; }
.sp5-scrollable { height: 400px; width: 250px; border: 1px solid #CCCCCC; text-align: left; }
/****** Printing *******/
.page-break { page-break-after: always; }
@media print {
html { margin: 0; padding: 0; }
body { /* Prevent IE from showing gray background */ background-color: #FFFFFF !important; margin: 0; padding: 0; }
body, body * { /* Instruct Chrome to print background images and colors */ -webkit-print-color-adjust: exact; }
.dont-print { /* Prevent element from being printed */ display: none !important; }
.dont-print-invisible { /* Hide element from bring printed, but let it still affect layout */ visibility: hidden; }
.print-only { /* Element that will only display on print */ display: inherit; }
.gwt-PushButton-up,
.gwt-PushButton-up-hovering,
.gwt-PushButton-up-disabled,
.gwt-PushButton-down,
.gwt-PushButton-down-hovering,
.gwt-PushButton-down-disabled { /* Hide all buttons */ display: none; }
.gwt-TextBox, .gwt-ListBox, .gwt-TextArea, .gwt-ScrollPanel { /* Turn off some form element styles */ border: none; background: transparent; overflow: visible; float: none !important; height: auto !important; }
.gwt-ListBox .dont-print { display: none; }
a, input { /* Remove orange outline on selected elements */ outline: none; }
.sp5-cellListSelectedRow, .sp5-cellListItem { /* Have cell list item text print as black */ color: black !important; }
.alert-toast { display: none; }
.alert-popup { display: none; }
.Caption { /* Show popup captions */ font-weight: 550; border-bottom: 5px solid #0A417A; padding: 0; text-align: left; }
.sp5-content-view { visibility: visible; position: absolute; padding: 0 !important; left: 0; top: 0; width: 100%; min-width: 1024px; }
}
@media screen {
.dont-print { }
.dont-print-invisible { }
.print-only { display: none; }
.sp5-cellListSelectedRow { }
.sp5-cellListItem { }
.sp5-content-view { }
.gwt-ScrollPanel { }
}
/******* Eligibility Criteria *******/
.stock-criteria-block{
}
.stock-criteria-block-label{
}
.stock-criteria-block-placed {
width: 98%;
border: 1px solid #999999;
padding: 0.2em;
}
.stock-criteria-block-placed .stock-criteria-block-label{
font-weight: 550;
}
.logic-box-type-label {
width: 98%;
}
table.logic-box-contents {
width: 100%;
}
.root-logic-box{
width: 560px !important;
height: 450px !important;
overflow: scroll;
}
.logic-box-or {
border: 1px solid #999999;
padding: 0.2em;
width: 95%;
}
.logic-box-and {
border: 1px solid #999999;
padding: 0.2em;
width: 95%;
}
.logic-box-placed {
width: 98%;
}
.logic-box-selected {
border: 2px solid ;
}
.logic-box-type-label {
color: #555555;
}
.logic-box-content-left {
width: 99%;
}
.logic-box-content-right {
width: 1%;
}
.logic-box-content-left-placed {
width: 3%;
}
.logic-box-content-right-placed {
width: 97%;
}
.PalettePanel {
width: 98%;
}
.question-block {
}
.question-block-placed {
border: 1px solid #999999;
width: 98%;
padding: 0.2em;
}
.no-display{
display: none;
}
.expander-collapsed{
}
.expander-expanded{
}
.question-tree-panel{
width: 100%;
}
.elig-client-panel{
border: #e7e7e7;
padding: 1;
background-color: #f9f9f9;
}
.elig-client-panel-selected{
border: #e7e7e7;
padding: 1;
background-color: #5794da;
color: #ffffff;
}
.info-block{
width: 90%;
}
.right{
float: right;
}
.callpt-notes {
min-width: 525px;
width: 50%;
float: left;
}
div.spdatv4-div {
}
ul.spdatv4 {
list-style-type: square;
margin: 0;
padding: 0;
}
ul.spdatv4 li {
margin-left: 30px;
}
ul.spdatv4-noindent {
list-style-type: square;
margin: 0;
padding: 0;
}
ul.spdatv4-noindent li {
margin-left: 15px;
}
ul.spdatv4-prompts {
list-style-type: disc;
margin: 0;
padding: 0;
}
ul.spdatv4-prompts li {
margin-left: 30px;
}
.cs5-textbox {
outline: none;
border-width: thin;
border-color: #3D5463;
height: 64px;
width: 400px;
border-radius: 4px;
padding-left: 11px;
font-size: 16px;
margin-right: 4px;
}
.sp5-login-button {
background-color: #228189;
color: white;
padding-top: 24;
height: 40px;
width: 400px;
border-radius: 4px;
cursor: pointer;
margin-right: 4px;
}
.cs5-header {
height: 72px;
width: 100%;
background: rgba(255, 255, 255, 0.7);
display: flex;
align-items: center;
}
.cs5-login-header a {
color: #023058;
font: normal 11px Roboto;
padding: 32px;
font-size: 14px;
line-height: 16px;
font-style: normal;
}
.cs5-background-logo {
width: 100%;
height: 100%;
background-image: url(images/general/wellsky_main_background.png);
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
margin-top: -16px;
}
.cs5-header td {
vertical-align: middle !important;
}
.cs5-login-initfooter {
padding-top: 36px;
padding-bottom: 8px;
}
.cs5-login-haeder-icon {
width: 48px !important;
height: 48px !important;
margin-left: 15px !important;
}
.cs5-logo-main {
background-image: url(images/general/wellsky_logo_middle.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 445px;
height: 130px;;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
td.cs5-logingrid {
width: 450px;
background-color: #fff;
padding-bottom: 46px;
}
.cs5-login-middle-1,
.cs5-login-middle-2,
.cs5-login-middle-2-training {
background-color: #FFFFFF;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.cs5-login-middle-2-training {
background-color: #ffb630;
}
.cs5-login-middle-2{
padding-bottom: 46px;
}
.cs5-form-label, .cs5-form-label-2 {
color: #000000;
/* font: normal 16px Roboto; */
font-family: Roboto;
font-style: normal;
font-weight: 100;
font-size: 20px;
padding-top: 7px;
}
.cs5-form-label-2 {
font-size: 16px;
padding-left: 15px;
padding-right: 15px;
}
.cs5-login-footer {
font: normal 14px Roboto;
text-decoration: none;
}
.cs5-login-footer a {
color: #228189 !important;
}
.cs5-forgetpass {
font-size: 12px;
text-decoration: none;
margin-right: 4px;
}
.cs5-forgetpass a {
color: #228189 !important;
}
.cs5-termsandcondn {
height: 100%;
width: 100%;
background-color: #FFFFFF;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
vertical-align: top;
}
.cs5-DialogBox {
border: 0 solid #8BB1FF;
}
.cs5-DialogBox .Caption {
width: 100%;
height: 100%;
padding: 0;
text-align: left;
cursor: move;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
background: white;
border-bottom: solid 1px #5F727E;
}
.cs5-terms-and-cond-textarea {
width: 100%;
height: 500px;
border-color: white;
padding-left: 16px;
font: normal 14px Roboto;
font-weight: 400;
line-height: 21px;
margin-top: 16px;
}
.cs5-Font-LargeBold {
font: 550 17px Roboto;
padding-top: 5px;
padding-left: 10px;
line-height: 30px;
height: 30px;
}
.cs5-login-close-btn {
width: 70px !important;
font: normal 14px Roboto;
font-weight: 550;
font-size: 14px;
line-height: 36px;
height: 36px;
display: flex;
color: #228189;
cursor: pointer;
align-items: center;
justify-content: center;
flex-direction: row;
border: 1px solid;
padding: 0 15px;
border-radius: 4px;
margin: 16px;
}
.horizontal-panel-terms-condn{
height: 68px;
padding-right: 16px;
vertical-align: middle;
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: center;
}
.cs5-send-btn-background {
width: 70px !important;
color: white !important;
background-color: #228189 !important;
font: normal 14px Roboto;
font-weight: 550;
font-size: 14px;
line-height: 36px;
height: 36px;
display: flex;
color: #228189;
cursor: pointer;
align-items: center;
justify-content: center;
flex-direction: row;
border: 1px solid;
padding: 0 15px;
border-radius: 4px;
margin: 16px 0px;
}
.cs5-forgetpass-btn {
width: 240px;
}
.cs5-forgetpass-btn-panel {
width : 120px;
}
.cs5-forgetpass-panel {
width: 400px;
}
.cs5-form-error-msg {
color: #FF0000;
font: normal 12px Roboto;
}
.cs5-Font-StdBold {
font: 550 12px Roboto;
}
.brdr-login {
border-bottom: 5px solid white;
}
.cs5-login-training-middle {
background-color: #FFFFFF;
}
.cs5-DialogBox-right-aligned {
left: auto !important;
right: 0;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: flex-end;
}
.cs5-DialogBox-right-aligned .Caption {
width: 100%;
padding: 0;
text-align: left;
cursor: move;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
background: white;
}
.cs5-sp-dialog {
width: 100%;
filter: drop-shadow(5px 5px 5px #666);
}
.cs5-sp-dialogbox-top-table {
width: 100%;
height: 100%;
}
.cs5-sp-dialog-table {
height: 100%;
}
.cs5-login-error-msg {
padding-left: 20px;
padding-right: 20px;
}
table#ServicePointMain {
background: #FDFDFD;
}
iframe#__gwt_historyFrame,
iframe#__downloads,
iframe#__printingFrame {
position: absolute;
}
td.sp5-Font-SmallBold.footer-contents.footer-contents-bdr-l.footer-contents-bdr-r.footer-contents-bdr-t {
font: normal 12px Roboto;
}
/*
.cs5-sp-dialog td.cs5-Font-LargeBold {
font-weight: normal;
font-size: 18px;
}
*/
.sp5-minimized-panel {
height: 28px;
}
.sp5-contentheader-panel,
.sp5-minimized-panel,
.header-contentpanel{
border-radius: 6px 6px 0px 0px;
}
.sp5-dashboard,
.sp5-dashboard-hover {
border: 1px solid #bdc7c8;
border-radius: 5px;
background: #f0f2f3d9;
cursor: pointer;
height: 115px;
}
.sp5-dashboard-hover{
border: 1px solid #228189;
background: #E4F0F1;
cursor: pointer;
}
.sp5-dashboard-label {
font-size: 14px;
color: #5f7476;
}
.sp5-dashboard-label-hover {
font-size: 14px;
color: #223a3c;
}
.left-navbar {
background-color: #1B3647;
}
.nav-grid {
outline: none;
font: normal 16px Roboto;
}
.left-nav-normal-table {
height: 48px;
color: #FFF;
}
.left-nav-normal-leftside {
height: 48px;
width: 21px;
}
.left-nav-normal-rightside {
height: 48px;
width: 30px
}
.left-nav-hover-leftside {
background: white; color: black;
height: 48px;
width: 21px;
}
.left-nav-hover-rightside {
background: white; color: black;
height: 48px;
width: 30px;
}
.left-nav-hover-table {
background: white; color: black !important;
height: 48px;
}
.left-nav-select-leftside {
color: white;
height: 48px;
width: 21px;
}
.left-nav-select-rightside {
color: white;
height: 48px;
width: 30px;
}
.left-nav-select-table {
color: white;
height: 48px;
}
.left-nav-hoverselect-leftside {
background: white; color: black;
height: 48px;
width: 21px;
}
.left-nav-hoverselect-rightside {
background: white; color: black;
height: 48px;
width: 30px;
}
.left-nav-hoverselect-table {
background: white; color: black;
height: 48px;
}
.cs5-bdr-2px {
border-width: 2px;
background-color: #1B3647;
}
.left-nav-fav-panel {
padding-left: 30px;
vertical-align: middle;
}
.left-nav-fav-panel td{
vertical-align: top;
}
.mid-section-table {
width: 100%;
}
.sp5-ui-ContentPanel .sp5-Font-StdBold {
font: 550 14px Roboto;
line-height: 25px;
padding: 6px 1px 4px 1px;
}
div.nav-sublink {
display: flex;
align-items: center;
width: 100%;
font: normal 14px Roboto;
height: 38px;
}
.client-search-date{
padding-top: 8px;
}
/* Icon styles */
.material-symbols-outlined {
font-variation-settings:
'FILL' 1,
'wght' 400,
'GRAD' 0,
'opsz' 20
}
/* global styles for material icon in CS5 */
.cs-material-icon {
vertical-align: middle;
color: #3D5463
}
.manage-accounts {
color: #FFF;
margin: 0px 6px;
cursor: pointer;
}
.left-nav-lastviewed {
width: 100%;
padding-left: 30px;
}
.left-nav-divider {
margin-left: 4px;
}
.leftnav-icon {
color: #FFF;
margin: 0px 6px;
cursor: pointer;
}
.leftnav-icon-hover {
color: #000;
margin: 0px 6px;
cursor: pointer;
}
.arrow_style {
color: #FFF;
font-size:22px;
cursor: pointer;
}
.left-nav-favs-panel,
.left-nav-lastviewed,
.left-nav-lastviewed-panel {
width: 100%;
}
.left-nav-favs-panel td,
.left-nav-lastviewed td{
padding-top: 3px;
}
.left-nav-expand-menu, .left-nav-collapse-menu {
display: flex;
justify-content: right;
align-items: center;
height: 48px;
color: #FFF;
font: normal 14px Roboto;
margin-right: 10px;
}
.left-nav-collapse-menuname {
margin-right: 5px;
cursor: pointer;
vertical-align: middle;
margin-top: 3px;
}
.calendar-cellformatter {
color: #000;
width: 60%;
}
.header-help-icon, .header-fav-disabled-icon, .header-favorite-icon, .header-print-icon, .alert-icon {
font-size: 30px;
}
.edit-icon {
cursor: pointer;
}
.header-fav-disabled-icon {
color: #d3d3d3;
}
.info-icon,
.edit-icon {
color: #228189;
}
.warning-icon
{
color: #ba5e5e;
}
.completed-icon {
color: #23833F;
}
.incomplete-icon {
color: #d3d3d3;
cursor: default;
}
.partially-complete-icon,
.error-complete-icon {
color: #e3e61c;
}
.alert-icon {
color: #3D5463;
margin-top: 3px;
cursor: pointer;
}
.count-icon-count {
border: 1px solid #FFF;
display: flex;
width: 12px;
height: 12px;
font-size: 10px;
color: white;
font-family: 'Roboto';
background: #228189;
border-radius: 50%;
justify-content: center;
align-items: center;
cursor: pointer;
}
.count-icon-count-hidden {
display: none;
}
.calendar-clear-icon{
transform: scale(-1, 1);
}
.quick-view-icon-call-point {
color: white;
margin-top: 5px;
cursor: pointer;
}
.left-nav-call-point-submenu {
width: 98%;
}
.training a.gwt-Anchor,
.cs5-login-middle-2-training a.gwt-Anchor {
color: #0d1647 !important;
}