>
/******** 1. PeopleSoft overrides ********/
/*** Hide ***/
/* Go menus */
div[id*="NAV"][id*="GOTO"] {
display: none;
}
/* Suppress save, wait, and processing icons */
#WAIT_win0,
#SAVED_win0,
#Delayed_win0,
#Processing {
display: none !important;
}
/*.gh-frame .PSSRCHPAGE.is-modal #WAIT_win0,
.gh-frame .PSSRCHPAGE.is-modal #SAVED_win0,
.gh-frame .PSSRCHPAGE.is-modal #Processing {
display: block !important;
}*/
/* Hide the toolbar and navbar */
html:not(.show-ps-frame) #ptbr_header_container:before,
div[id][data-role="navbar"],
[id^="win"][id$="_FOOTER_LINKS"],
[id^="win"][id$="_SUBFOOT_LINKS"],
[id^="win"][id$="divPAGEBAR"],
[id^="win"][id$="divPSTOOLBAR"],
html:not(.show-ps-frame) #DEFAULT_HEADER_FLUID,
div[id$="divPSPANELTABS"] {
display: none !important;
}
/* Hide the related action image */
img[src*="PT_GLYPH_ICON"] {
display: none !important;
}
/* Hide spacer images */
img[src*="PT_PIXEL"] {
display: none !important;
}
a[name^="ICFirstAnchor"],
a[name^="ICLastAnchor"],
#pt_fakeBC,
#pt_modalMaskCover,
#pt_modalMask,
#pt_console {
display: none;
}
/*** Wrappers ***/
.PSPAGE {
margin: 0;
margin-left: 0 !important;
}
[id*="divPSPAGECONTAINER"],
.PSPAGECONTAINER {
background: none;
width: 100% !important;
}
body:not(.isFluid) [id*="divPAGECONTAINER"]:not([id*="DROPDOWN"]),
body:not(.isFluid) [id*="divPSPAGECONTAINER"] {
display: block !important;
width: 100% !important;
}
body.PSSRCHPAGE {
margin: 0;
}
/*** Portal Template ***/
/* Template */
.gh-target-iframe body {
overflow: hidden;
}
html.ios.safari #ptifrmtemplate {
overflow: hidden !important;
touch-action: none;
}
.ui-mobile.gh-target-iframe body {
height: 100%;
position: fixed;
width: 100%;
}
.ui-mobile.gh-target-iframe .ui-page[data-role="page"] .ui-panel-content-wrap,
.ui-mobile.gh-target-iframe .ui-page[data-role="page"] .ui-panel-content-wrap > .ui-content {
padding: 0 !important;
}
.gh-target-iframe .ui-panel {
-webkit-overflow-scrolling: touch;
height: 100vh;
overflow-y: auto;
z-index: 2;
}
.gh-target-iframe .gh-page-header-wrap,
.gh-target-iframe .gh-footer {
display: none;
}
.gh-target-iframe .ui-page .PSForm,
.gh-target-iframe .pst_panel-mode .ps_mid_section,
.gh-target-iframe .ps_ag-targetcontent {
height: 100%;
}
.gh-target-iframe .ui-page .PSForm {
width: 100%;
}
#ptifrmcontent,
#ptifrmtarget,
#ptifrmtgtframe {
height: inherit;
width: 100% !important;
overflow: hidden;
}
/* Content */
.ui-mobile.gh-target-content body > .skip-main,
.ui-mobile.gh-target-content .ui-page > .ui-header,
.ui-mobile.gh-target-content [data-role="panel"],
.ui-mobile.gh-target-content .ui-panel {
display: none;
}
.ui-mobile.gh-target-content .ui-page[data-role="page"] {
padding: 0 !important;
}
.ui-mobile.gh-target-content .ui-page[data-role="page"] .ui-panel-content-wrap {
min-height: auto !important;
}
/* Popups */
.gh-target-iframe body.gh-popup-active:not(.ui-overlay-a) .ui-page > .ui-header:before,
.gh-target-iframe body.gh-popup-active:not(.ui-overlay-a) .ui-panel:before {
background: #000;
content: '';
height: calc(100% + 1px);
opacity: 0.5;
position: fixed;
width: calc(100% + 1px);
z-index: 1003;
}
.gh-target-iframe body.gh-popup-active .ui-panel {
overflow: visible;
}
/*** Normalize styles ***/
[class="ui-page"] *[class^="PS"],
[class="ui-page"] *[class^="SSS"],
[class="ui-page"] *[class^="PA"] {
background: none;
background-color: transparent;
background-image: initial;
border: none;
border-radius: 0px;
color: #333;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
font-size: 16px !important;
font-weight: normal;
letter-spacing: normal;
line-height: 24px !important;
height: auto;
margin: 0;
padding: 0;
text-decoration: none;
text-indent: 0;
text-shadow: none;
}
.ui-page span[class^="PS"][style*="width"] {
width: auto !important;
}
[class*="PSPUSHBUTTON"]#Left,
[class*="PSPUSHBUTTON"].Left,
[class*="PSPUSHBUTTON"] span,
[class*="PSPUSHBUTTON"] span:hover {
background: none !important;
border: none !important;
height: auto !important;
}
/*** Defaults ***/
.ui-page .PAPAGEINSTRUCTIONS,
.ui-page .PSTEXT {
display: block;
margin-bottom: 15px;
}
.ui-page .PAPAGEINSTRUCTIONS[style*="width"],
.ui-page .PAPAGEINSTRUCTIONS [style*="width"],
.ui-page .PSTEXT[style*="width"],
.ui-page .PSTEXT [style*="width"] {
width: auto !important;
}
.ui-page .alert .PAPAGEINSTRUCTIONS,
.ui-page .alert .PSTEXT {
margin-bottom: 0;
}
.ui-page .PABOLDTEXT,
.ui-page .PABOLDTEXT * {
font-weight: bold !important;
}
.ui-page .PSLONGEDITCNT span {
display: inline-block;
font-size: 12px !important;
line-height: 14px !important;
margin: 0 5px 0 0;
text-transform: uppercase;
}
/*** Modals ***/
#ptModalShadow,
#popupTitleBarLeftImage,
#popupTitleBarRightImage,
#pt_modals .PSMODALBOTTOM {
display: none !important;
}
#pt_modalMask {
background: #000;
height: 100% !important;
opacity: 0.5;
width: 100% !important;
z-index: 2000;
}
#pt_modals {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#pt_modals div[id^="ptMod_"]:not(.gh-modal-typeahead):not(.ps_popup-menu) {
height: 100% !important;
position: fixed;
width: 100% !important;
}
#pt_modals .PSMODALTABLE:not(.ps_typeahead_modal):not(.ps_popup-menu),
[id*="HelppopupInner_"] {
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
background: #fff !important;
border: 1px solid #fff;
border-radius: 4px;
box-sizing: border-box;
height: 80% !important;
left: 5% !important;
margin: 0;
overflow: hidden;
padding: 40px 0 0 0;
top: 50% !important;
transform: translateY(-50%);
width: 90% !important;
z-index: 3000;
}
html[class*="gh-modal-"] #pt_modals .PSMODALTABLE {
-moz-transform: translateX(200%);
-webkit-transform: translateX(200%);
transform: translateX(200%);
}
html[class*="gh-modal-"] #pt_modals .PSMODALTABLE.ui-popup-active {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
@media all and (min-width: 480px) {
#pt_modals .PSMODALTABLE:not(.ps_typeahead_modal):not(.ps_popup-menu),
[id*="HelppopupInner_"] {
left: 10% !important;
top: 50% !important;
width: 80% !important;
}
}
@media all and (min-width: 800px) {
#pt_modals .PSMODALTABLE:not(.ps_typeahead_modal):not(.ps_popup-menu),
[id*="HelppopupInner_"] {
left: 25% !important;
width: 50% !important;
}
}
#pt_modals .PSMODALHEADER,
[id*="HelppopupTitleBar_"] {
background: #003da5 !important;
border: none !important;
border-radius: 4px 4px 0 0;
box-shadow: none;
color: #fff;
height: 40px;
margin: 0;
overflow: visible;
padding: 8px 45px 8px 15px !important;
position: absolute;
text-align: left;
text-shadow: none;
top: 0;
z-index: 1;
}
#pt_modals .PSMODALHEADER *,
[id*="HelppopupTitleBar_"] * {
color: #fff;
}
#pt_modals .PSMODALHEADER div[style] {
float: none !important;
height: auto !important;
margin: 0;
padding: 0;
width: auto !important;
}
#pt_modals .PSMODALHEADER,
#pt_modals .PSMODALTITLE,
[id*="HelppopupTitleBar_"] .PTPOPUP_TITLE {
box-sizing: border-box;
width: 100% !important;
}
#pt_modals .PSMODALTITLE,
[id*="HelppopupTitleBar_"] .PTPOPUP_TITLE {
background: transparent !important;
cursor: default !important;
}
#pt_modals .PTPOPUP_TITLE,
[id*="HelppopupTitleBar_"] .PTPOPUP_TITLE {
background: none;
color: #fff;
display: block;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 24px;
margin: 0;
padding: 0;
}
#pt_modals .PSMODALCONTENT {
-webkit-overflow-scrolling: touch;
border: none !important;
box-shadow: none;
height: 100% !important;
margin: 0;
overflow: auto;
width: 100% !important;
}
#pt_modals .PSMODALCONTENT iframe {
-webkit-overflow-scrolling: touch;
height: 100% !important;
float: left;
min-width: 0;
overflow-y: scroll;
width: 100% !important;
}
#pt_modals .PSMODALHEADER div.PSMODALCLOSE,
#HelppopupTitleBarRightImage {
background: #003da5 !important;
border-left: 1px solid #fff;
color: #fff;
height: 100% !important;
margin: 0;
position: absolute;
right: 0;
top: 0;
width: 45px !important;
}
#pt_modals .PSMODALHEADER div.PSMODALCLOSE img,
[id="#HELPPOPUPCLOSE"] {
cursor: pointer;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
#pt_modals .PSMODALHEADER div.PSMODALCLOSE a {
display: block;
height: 100%;
width: 100%;
}
#pt_modals .PSMODALHEADER div.PSMODALCLOSE a:before,
#HelppopupTitleBarRightImage:before {
color: #fff;
content: '\f00d';
font-family: 'FontAwesome';
font-size: 16px;
left: 50%;
line-height: 16px;
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(-50%);
}
#pt_modals .popupText {
color: inherit;
font-family: inherit;
font-size: inherit;
}
#pt_modals #alertmsg {
margin: 0;
padding: 15px;
}
#pt_modals #alertbutton {
margin: 0;
padding: 0 15px;
}
#pt_modals #alertbutton a {
display: inline-block;
margin: 0 5px 0 0;
vertical-align: top;
}
#pt_modals #alertbutton a input[type="button"] {
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
color: #333;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 16px;
padding: 9px 20px;
}
#pt_modals #alertbutton a:hover input[type="button"],
#pt_modals #alertbutton a:focus input[type="button"],
#pt_modals #alertbutton a input[type="button"]:hover,
#pt_modals #alertbutton a input[type="button"]:focus {
background: #f5f5f5;
border: 1px solid rgba(0,0,0,0.2);
color: #333;
}
/* Configurations */
/*** Help Popups ***/
[id*="HelppopupContainer_"] {
display: none !important;
visibility: hidden !important;
}
[id*="HelppopupContainer_"][style*="display:"][style*="block"] {
display: block !important;
visibility: visible !important;
}
[id*="HelppopupContainer_"] table,
[id*="HelppopupContainer_"] thead,
[id*="HelppopupContainer_"] tbody,
[id*="HelppopupContainer_"] tr,
[id*="HelppopupContainer_"] td,
[id*="HelppopupContainer_"] th {
display: block !important;
}
[id*="HelppopupContainer_"] {
background: rgba(0, 0, 0, 0.5);
height: 100%;
left: 0 !important;
position: fixed !important;
top: 0 !important;
width: 100% !important;
z-index: 3000 !important;
}
[id*="HelppopupInner_"] {
border: 1px solid #ddd;
box-shadow: 0 0 5px #000 !important;
padding-top: 0;
position: absolute;
}
[id*="HelppopupTitleBar_"],
[id*="HelpdivpopupFrame_"] {
border: none !important;
box-shadow: none !important;
box-sizing: border-box;
width: 100% !important;
}
[id*="HelpdivpopupFrame_"] {
height: 100% !important;
}
[id*="HelpdivpopupFrame_"] * {
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
[id="#HELPPOPUPCLOSE"] {
left: auto;
right: 0;
width: 45px;
}
#HelppopupTitleBarLeftImage,
#HelppopupShadow {
display: none !important;
}
/*** Actions Menu ***/
/*[id*="divPAGECONTAINER"].RADIUS_MENU_DROPDOWN_CORNER {
background: rgba(0, 0, 0, 0.5) !important;
box-shadow: none !important;
height: 100% !important;
left: 0 !important;
position: fixed !important;
top: 0 !important;
width: 100% !important;
}
.RADIUS_MENU_DROPDOWN_CORNER > table {
-ms-transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
background: #fff !important;
border: 1px solid #ddd !important;
border-radius: 4px !important;
box-shadow: none !important;
box-sizing: border-box !important;
height: 50% !important;
left: 50% !important;
margin: 0 !important;
overflow: hidden;
overflow-y: scroll;
padding: 0;
position: absolute !important;
top: 50% !important;
transform: translateX(-50%) translateY(-50%);
width: 50% !important;
z-index: 9999 !important;
}
.RADIUS_MENU_DROPDOWN_CORNER * {
background: none;
color: #333;
display: block;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 24px;
margin: 0;
overflow: visible;
padding: 0;
}
.RADIUS_MENU_DROPDOWN_CORNER div[smn],
.RADIUS_MENU_DROPDOWN_CORNER .PTCPRCMENUSEPERATORTH {
display: none;
}
.RADIUS_MENU_DROPDOWN_CORNER .PT_MENU_ACTION_LISTHEAD {
background: #003da5 !important;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 14px;
padding: 11px 15px;
text-transform: uppercase;
}
.RADIUS_MENU_DROPDOWN_CORNER a {
color: #003da5;
}
.RADIUS_MENU_DROPDOWN_CORNER .PT_MENU_ACTION_LISTITEM_L0 {
border-bottom: 1px solid #ddd;
padding: 8px 15px !important;
}
.RADIUS_MENU_DROPDOWN_CORNER tr:last-child .PT_MENU_ACTION_LISTITEM_L0 {
border-bottom: none;
}*/
/*** Popups ***/
[id*="MOpopupContainer"] {
left: 50% !important;
position: fixed !important;
top: 50% !important;
transform: translateY(-50%) translateX(-50%);
}
/*** Typeahead ***/
[id*="pt_typeahead"] .spanTextDropdown {
background: #fff;
border-radius: 0px;
margin: 0;
padding: 0;
}
[id*="pt_typeahead"] .spanTextDropdown .noMatchData,
.ps_typeahead_modal .noMatchData {
background: #f5f5f5 !important;
color: #333;
display: block;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 12px !important;
font-weight: bold;
line-height: 14px !important;
padding: 5px;
}
[id*="pt_typeahead"] .spanTextDropdown table {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
[id*="pt_typeahead"] .spanTextDropdown tr {
border-bottom: 1px solid #ddd;
}
[id*="pt_typeahead"] .spanTextDropdown th {
background: #333;
border-right: 1px solid #fff;
color: #fff;
padding: 5px;
}
[id*="pt_typeahead"] .spanTextDropdown th:last-child {
border-right: none;
}
[id*="pt_typeahead"] .spanTextDropdown th * {
color: #fff;
display: block;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 12px !important;
font-weight: bold;
line-height: 16px !important;
margin: 0;
padding: 0;
text-transform: uppercase;
}
[id*="pt_typeahead"] .spanTextDropdown td {
border-right: 1px solid #ddd;
padding: 15px 5px;
}
[id*="pt_typeahead"] .spanTextDropdown tr:hover,
[id*="pt_typeahead"] .spanTextDropdown td.spanHighElement {
background: #f5f5f5;
}
[id*="pt_typeahead"] .spanTextDropdown td:last-child {
border-right: none;
}
[id*="pt_typeahead"] .spanTextDropdown td * {
color: #333;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 12px !important;
line-height: 16px !important;
}
[id*="pt_typeahead"] .spanTextDropdown td img {
display: block;
}
[id*="pt_typeahead"] > img[src*="CLOSE"] {
display: none;
}
/*** Typeahead Fluid ***/
.ps_typeahead_modal {
background: #fff !important;
border-right: 1px solid #ddd !important;
border-left: 1px solid #ddd !important;
}
.ps_typeahead_modal .ps_modal_header {
display: none !important;
}
.ps_typeahead_modal .ps_modal_content {
padding-top: 0 !important;
}
.ps_typeahead_modal .ps_grid-cell {
border-right: 1px solid #ddd !important;
padding: 5px !important;
}
.ps_typeahead_modal .ps_grid-row {
cursor: pointer;
}
.ps_typeahead_modal .ps_grid-row:hover {
background: #f5f5f5;
}
/*** Classic Plus ***/
/* Table pager */
.gh-classic-plus .PTCPGRIDHDRLEFTSEC,
.gh-classic-plus .PTCPGRIDHDRRIGHTSEC,
.pt_classic_plus .PTCPGRIDHDRLEFTSEC,
.pt_classic_plus .PTCPGRIDHDRRIGHTSEC {
display: none !important;
}
/*** Spellcheck ***/
[id^="win"][id$="divSPELLCHECKABOVE"] br {
display: none;
}
[id^="win"][id$="divSPELLCHECKABOVE"] .PSEDITBOXLABEL {
font-weight: bold;
}
[id^="win"][id$="divSPELLCHECKABOVE"] .PTSPELLCHECKERROR {
background: none;
}
[id^="win"][id$="divSPELLCHECKABOVE"] [id="spellpreview"] {
border: none !important;
}
[id^="win"][id$="divSPELLCHECKABOVE"] .PSPUSHBUTTON .ui-btn input {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
[id^="win"][id$="divSPELLCHECKABOVE"] .gh-select:before {
display: none;
}
[id^="win"][id$="divSPELLCHECKABOVE"] .ui-input-text {
border: none;
}
[id^="win"][id$="divSPELLCHECKABOVE"] .ui-input-text input[type="text"] {
border: 1px solid #ddd;
}
/******** 2. jQuery Mobile overrides ********/
/*** Corners ***/
.ui-btn-corner-all {
-webkit-border-radius: 4px;
border-radius: 4px;
}
.ui-corner-all {
-webkit-border-radius: 4px;
border-radius: 4px;
}
/*** Icons ***/
.ui-icon {
height: 18px;
width: 18px;
}
.ui-icon-bubble {
border-radius: 9px;
}
/*** Disabled ***/
.ui-disabled {
cursor: default !important;
opacity: 0.5;
pointer-events: none !important;
}
/*** Containers ***/
.ui-field-contain {
border: none;
margin: 0 0 10px 0;
padding: 0;
}
.ui-body[class*="ui-body-"] {
background: none;
border-color: #ddd;
}
[class="ui-body"] {
background: #fff;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 4px;
margin: 0 0 10px 0;
overflow: visible;
padding: 15px;
}
[class="ui-body"][data-theme="a"] {
border: 1px solid #1f1f1f;
}
[class="ui-body"] [class="ui-bar"] {
background: #f5f5f5;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 4px 4px 0 0;
color: #333;
font-size: 14px;
font-weight: bold;
line-height: 18px;
margin: -16px -16px 15px -16px;
overflow: visible;
padding: 11px 15px;
position: relative;
}
[class="ui-body"][data-theme="a"] [class="ui-bar"] {
background: #333;
border: 1px solid #1f1f1f;
color: #fff;
}
[class="ui-body"] [class="ui-bar"] .fa {
color: #003da5;
float: left;
margin: 0 10px 0 0;
}
[class="ui-body"][data-theme="a"] [class="ui-bar"] .fa {
color: #fff;
}
[class="ui-body"] [class="ui-bar"] .ui-icon-bubble {
background: #003da5;
border-radius: 4px;
color: #fff;
float: right;
font-size: 13px;
margin: -2px 0 -2px 10px;
padding: 2px 8px;
width: auto;
}
[class="ui-body"][data-theme="a"] [class="ui-bar"] .ui-icon-bubble {
background: #fff;
}
/* Attached button */
[class="ui-body"] [class="ui-bar"][data-attached],
.ui-collapsible .ui-collapsible-heading[data-attached] .ui-collapsible-heading-toggle {
padding-right: 55px;
}
[class="ui-body"] [class="ui-bar"][data-attached] .attached,
.ui-collapsible .ui-collapsible-heading[data-attached] .attached {
height: 100%;
position: absolute;
}
[class="ui-body"] [class="ui-bar"][data-attached] div.attached a,
.ui-collapsible .ui-collapsible-heading[data-attached] div.attached a {
left: 0;
margin-left: 1px;
position: relative;
right: 0;
top: 0;
}
[class="ui-body"] [class="ui-bar"][data-attached] .attached {
right: -1px;
top: -1px;
}
.ui-collapsible .ui-collapsible-heading[data-attached] .attached {
right: 0;
top: 0;
}
[class="ui-body"] [class="ui-bar"][data-attached] .attached *,
.ui-collapsible .ui-collapsible-heading[data-attached] .attached * {
height: 100%;
}
[class="ui-body"] [class="ui-bar"][data-attached] a.attached,
.ui-collapsible .ui-collapsible-heading[data-attached] a.attached {
border-width: 1px !important;
border-radius: 0 4px 0 0;
margin: 0;
padding: 0;
width: 45px;
}
.ui-collapsible .ui-collapsible-heading[data-attached] a.attached {
box-sizing: border-box;
}
[class="ui-body"] [class="ui-bar"][data-attached] a.attached:before,
.ui-collapsible .ui-collapsible-heading[data-attached] a.attached:before {
left: 50%;
margin: -9px 0 0 -9px;
position: absolute;
top: 50%;
}
.attached .ui-radio label.ui-btn {
background: transparent;
border-color: rgba(0,0,0,0.1) !important;
border-radius: 0 4px 0 0;
}
.attached .ui-radio label.ui-btn:hover,
.attached .ui-radio label.ui-btn:focus {
border-color: rgba(0,0,0,0.2) !important;
}
.attached .ui-radio label.ui-btn .ui-btn-inner {
padding: 0;
width: 45px;
}
.attached .ui-radio label.ui-btn .ui-btn-text {
left: -9999px;
position: absolute;
top: -9999px;
}
.attached .ui-radio label.ui-btn .ui-icon {
left: 50%;
margin: -9px 0 0 -9px;
top: 50%;
}
.attached .ui-radio label.ui-btn .ui-icon:before {
color: #333;
}
.attached .ui-radio label.ui-btn .ui-icon:before {
content: '\f00c';
}
.attached .ui-btn,
.attached.ui-btn {
background: transparent;
}
.attached .ui-btn .ui-btn-inner,
.attached.ui-btn .ui-btn-inner {
padding: 0;
}
.attached .ui-btn:before,
.attached.ui-btn:before {
color: #333;
}
.attached .gh-radio,
.attached .gh-checkbox,
.attached .ui-btn {
margin: 0;
}
/*** Alignment ***/
.ui-align-left {
text-align: left;
}
.ui-align-center {
text-align: center;
}
.ui-align-right {
text-align: right;
}
/*** Focus ***/
.ui-focus,
.ui-btn:focus,
.ui-input-text.ui-focus {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
*:focus,
.ui-focus,
.ui-btn:focus,
.ui-link-inherit:focus,
div.ui-input-text input.ui-input-text:focus,
div.ui-input-text textarea.ui-input-text:focus {
outline: 2px solid auto !important;
outline: -webkit-focus-ring-color auto 2px !important;
outline: -moz-focus-ring-color auto 2px !important;
outline: -ms-focus-ring-color auto 2px !important;
outline: -o-focus-ring-color auto 2px !important;
outline: focus-ring-color auto 2px !important;
outline-offset: -2px !important;
outline-style: hidden !important;
}
/*** Links ***/
*[class*="ui-body"] .ui-link,
*[class*="ui-body"] .ui-link:link,
*[class*="ui-body"] .ui-link:active,
*[class*="ui-body"] .ui-link:visited {
color: #003da5;
text-decoration: none;
}
*[class*="ui-body"] .ui-link:hover,
*[class*="ui-body"] .ui-link:focus {
color: #003da5;
}
/*** Buttons ***/
.ui-btn,
.ui-checkbox label.ui-btn,
.ui-radio label.ui-btn {
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: none;
display: inline-block;
margin: 0 5px 5px 0;
position: relative;
text-align: center;
vertical-align: top;
}
.ui-btn[data-theme="a"],
.ui-checkbox label.ui-btn[data-theme="a"],
.ui-radio label.ui-btn[data-theme="a"] {
background: #333;
border: 1px solid #1f1f1f;
}
.ui-btn:hover,
.ui-btn:focus,
.ui-btn.ui-focus,
.ui-checkbox .ui-btn:hover,
.ui-checkbox .ui-btn:focus,
.ui-checkbox .ui-btn.ui-focus,
.ui-radio .ui-btn:hover,
.ui-radio .ui-btn:focus,
.ui-radio .ui-btn.ui-focus {
background: #f5f5f5;
border: 1px solid rgba(0,0,0,0.2);
text-decoration: none !important;
}
.ui-btn[data-theme="a"]:hover,
.ui-btn[data-theme="a"]:focus,
.ui-btn[data-theme="a"].ui-focus,
.ui-checkbox .ui-btn[data-theme="a"]:hover,
.ui-checkbox .ui-btn[data-theme="a"]:focus,
.ui-checkbox .ui-btn[data-theme="a"].ui-focus,
.ui-radio .ui-btn[data-theme="a"]:hover,
.ui-radio .ui-btn[data-theme="a"]:focus,
.ui-radio .ui-btn[data-theme="a"].ui-focus {
background: #373737;
border: 1px solid #000;
}
.ui-btn .ui-btn-inner {
border: none;
display: block;
padding: 9px 20px;
position: relative;
text-overflow: initial;
white-space: normal;
}
.ui-btn-active,
.ui-btn-active:visited,
.ui-btn-active:hover,
.ui-btn-active a.ui-link-inherit,
.ui-btn .ui-btn-inner,
.ui-btn .ui-btn-text {
color: #333;
}
.ui-btn:hover .ui-btn-inner,
.ui-btn:focus .ui-btn-inner,
.ui-btn.ui-focus .ui-btn-inner,
.ui-btn:hover .ui-btn-text,
.ui-btn:focus .ui-btn-text,
.ui-btn.ui-focus .ui-btn-text {
color: #333;
}
.ui-btn-active[data-theme="a"],
.ui-btn-active[data-theme="a"]:visited,
.ui-btn-active[data-theme="a"]:hover,
.ui-btn-active[data-theme="a"] a.ui-link-inherit,
.ui-btn[data-theme="a"] .ui-btn-inner,
.ui-btn[data-theme="a"] .ui-btn-text {
color: #fff;
}
.ui-btn[data-theme="a"]:hover .ui-btn-inner,
.ui-btn[data-theme="a"]:focus .ui-btn-inner,
.ui-btn[data-theme="a"].ui-focus .ui-btn-inner,
.ui-btn[data-theme="a"]:hover .ui-btn-text,
.ui-btn[data-theme="a"]:focus .ui-btn-text,
.ui-btn[data-theme="a"].ui-focus .ui-btn-text {
color: #fff;
}
a.ui-btn {
text-decoration: none;
}
a.ui-btn[style*="padding-top"] {
padding-top: 0 !important; /* Fix for inline padding on some buttons */
}
a.ui-btn[style*="padding-bottom"] {
padding-bottom: 0 !important; /* Fix for inline padding on some buttons */
}
a.ui-btn .ui-btn-inner,
a.ui-btn .ui-btn-text,
div.ui-btn .ui-btn-inner,
div.ui-btn .ui-btn-text,
.ui-btn.fa .ui-btn-inner,
.ui-btn.fa .ui-btn-text {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 16px;
word-break: normal;
word-wrap: normal;
}
.ui-btn-inline,
.ui-page .ui-btn-inline.ui-field-contain {
display: inline-block;
margin: 0 5px 5px 0;
vertical-align: middle;
}
.ui-btn-inline .ui-btn {
margin: 0;
}
.ui-btn-inline .ui-field-contain {
margin: 0;
max-width: none;
}
.ui-page .ui-btn.ui-disabled,
.ui-page .ui-btn.ui-disabled:hover,
.ui-page .ui-btn.ui-disabled:focus {
opacity: 0.5;
}
.ui-btn-hidden {
-webkit-appearance: none;
background: #fff;
background: rgba(255,255,255,0);
border: none;
cursor: pointer;
filter: Alpha(Opacity=0);
font-size: 1px;
height: 100%;
position: absolute;
top: 0;
left: 0;
text-indent: -9999px;
width: 100%;
}
.ui-btn .ui-btn-hidden {
height: 100% !important;
text-indent: -9999px !important;
width: 100% !important;
}
/* Error states */
.ui-btn .PSERROR {
font-size: 14px !important;
font-weight: bold;
line-height: 16px !important;
}
.PSERROR .ui-btn-inner,
.PSERROR .ui-btn[data-theme="a"] .ui-btn-inner,
.ui-btn .ui-btn-inner.PSERROR,
.ui-btn[data-theme="a"] .ui-btn-inner.PSERROR {
background: #f2dede;
border: 1px solid #ebccd1;
margin: -1px;
}
.PSERROR .ui-btn:hover .ui-btn-inner,
.PSERROR .ui-btn:focus .ui-btn-inner,
.PSERROR .ui-btn.ui-focus .ui-btn-inner,
.PSERROR .ui-btn[data-theme="a"]:hover .ui-btn-inner,
.PSERROR .ui-btn[data-theme="a"]:focus .ui-btn-inner,
.PSERROR .ui-btn[data-theme="a"].ui-focus .ui-btn-inner,
.ui-btn:hover .ui-btn-inner.PSERROR,
.ui-btn:focus .ui-btn-inner.PSERROR,
.ui-btn.ui-focus .ui-btn-inner.PSERROR,
.ui-btn[data-theme="a"]:hover .ui-btn-inner.PSERROR,
.ui-btn[data-theme="a"]:focus .ui-btn-inner.PSERROR,
.ui-btn[data-theme="a"].ui-focus .ui-btn-inner.PSERROR {
border-color: #ac2925;
}
/* Icons */
.ui-btn .ui-btn-inner .ui-icon {
height: 20px;
margin: 0;
position: absolute;
width: 20px;
}
.ui-btn[class*="fa-"]:before,
.ui-btn .ui-icon:before {
position: absolute;
text-shadow: none;
}
.ui-btn[class*="fa-"]:before {
font-family: 'FontAwesome';
font-weight: normal;
font-size: 20px;
line-height: 20px;
}
.ui-btn[class*="icon-left"] .ui-btn-inner {
padding-left: 40px;
}
.ui-btn[class*="icon-left"][class*="fa-"]:before,
.ui-btn[class*="icon-left"] .ui-btn-inner .ui-icon,
.ui-btn[class*="icon-right"][class*="fa-"]:before,
.ui-btn[class*="icon-right"] .ui-btn-inner .ui-icon {
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
top: 50%;
transform: translateY(-50%);
}
.ui-btn[class*="icon-left"][class*="fa-"]:before,
.ui-btn[class*="icon-left"] .ui-btn-inner .ui-icon{
left: 10px;
}
.ui-btn[class*="icon-right"] .ui-btn-inner {
padding-right: 40px;
}
.ui-btn[class*="icon-right"][class*="fa-"]:before,
.ui-btn[class*="icon-right"] .ui-btn-inner .ui-icon {
right: 10px;
}
.ui-btn[class*="icon-top"][class*="fa-"]:before,
.ui-btn[class*="icon-top"] .ui-btn-inner .ui-icon,
.ui-btn[class*="icon-bottom"][class*="fa-"]:before,
.ui-btn[class*="icon-bottom"] .ui-btn-inner .ui-icon {
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
left: 50%;
transform: translateX(-50%);
}
.ui-btn[class*="icon-top"][class*="fa-"]:before,
.ui-btn[class*="icon-top"] .ui-btn-inner .ui-icon {
top: 5px;
}
.ui-btn[class*="icon-top"] .ui-btn-inner {
padding-top: 30px;
}
.ui-btn[class*="icon-bottom"][class*="fa-"]:before,
.ui-btn[class*="icon-bottom"] .ui-btn-inner .ui-icon {
bottom: 5px;
}
.ui-btn[class*="icon-bottom"] .ui-btn-inner {
padding-bottom: 30px;
}
/*** Form fields ***/
div.ui-input-text {
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
outline: none;
margin: 8px 0;
padding: 0;
}
.ui-field-contain div.ui-input-text {
margin: 0;
width: 100%;
}
div.ui-input-text:hover,
div.ui-input-text:focus,
div.ui-input-text.ui-focus {
border: 1px solid rgba(0,0,0,0.2);
}
.ui-page textarea.ui-input-text,
div.ui-input-text input.ui-input-text {
box-sizing: border-box;
border: none;
border-radius: 4px;
font-size: 16px;
margin: 0;
padding: 5px 10px;
width: 100%;
}
.ui-page textarea.ui-input-text {
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: none;
display: block;
height: auto;
margin: 10px 0;
resize: none;
width: 100%;
}
.ui-page textarea.ui-input-text:hover,
.ui-page textarea.ui-input-text:focus {
border: 1px solid rgba(0,0,0,0.2);
}
div.ui-input-text input.ui-input-text {
background: none;
min-height: 34px;
}
div.ui-input-text.ui-disabled {
opacity: 1;
}
div.ui-input-text.ui-disabled input.ui-input-text,
div.ui-input-text input.ui-input-text:disabled,
div.ui-input-text input.ui-input-text.ui-disabled,
.ui-page textarea.ui-input-text.ui-disabled,
.ui-page textarea.ui-input-text:disabled {
background: #f5f5f5;
color: #999;
opacity: 1;
}
.ui-page input:-webkit-autofill,
.ui-page textarea:-webkit-autofill,
.ui-page select:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
border-radius: 4px;
}
.ui-page .ui-select {
margin: 8px 0;
}
.ui-page .ui-select .ui-btn {
display: inline-block;
vertical-align: middle;
}
.ui-page .ui-select .ui-btn.ui-btn-inline {
margin-left: 5px;
}
.ui-page .ui-select [aria-haspopup="true"] + select {
height: 100%;
left: 0;
position: absolute;
top: 0;
visibility: hidden;
}
.ui-page .ui-select select {
width: 100% !important;
}
/* Error states */
div.ui-input-text.PSERROR,
.ui-page textarea.ui-input-text.PSERROR {
background: #f2dede;
border-color: #ebccd1;
}
div.ui-input-text.PSERROR:hover,
div.ui-input-text.PSERROR.ui-focus,
.ui-page textarea.ui-input-text.PSERROR:hover,
.ui-page textarea.ui-input-text.PSERROR:focus {
border-color: #ac2925;
}
/* Checkboxes & Radios */
.ui-checkbox,
.ui-radio {
display: inline-block;
}
.ui-checkbox label.ui-btn,
.ui-radio label.ui-btn {
border: 1px solid #ddd !important; /* Override PS style reset */
border-radius: 4px; /* Override PS style reset */
margin: 0;
}
.ui-checkbox label.ui-btn[data-theme="a"],
.ui-radio label.ui-btn[data-theme="a"] {
border: 1px solid #1f1f1f !important; /* Override PS style reset */
}
label.ui-btn .ui-btn-inner,
label.ui-btn .ui-btn-text,
.ui-checkbox label.ui-btn .ui-btn-inner,
.ui-checkbox label.ui-btn .ui-btn-text,
.ui-radio label.ui-btn .ui-btn-inner,
.ui-radio label.ui-btn .ui-btn-text {
font-size: 14px;
font-weight: bold;
line-height: 16px;
}
.ui-checkbox label.ui-btn .ui-btn-text,
.ui-radio label.ui-btn .ui-btn-text {
color: #333;
}
.ui-checkbox label.ui-btn[data-theme="a"] .ui-btn-text,
.ui-radio label.ui-btn[data-theme="a"] .ui-btn-text {
color: #fff;
}
.ui-checkbox input[type="checkbox"],
.ui-radio input[type="radio"] {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
/*** Listview ***/
.ui-page .ui-listview {
box-shadow: none;
}
.ui-page .ui-listview-inset {
border-radius: 4px;
}
.ui-page .ui-listview,
.ui-page .gsgrid .ui-listview,
.ui-page .ui-listview-inset,
.ui-page .gsgrid .ui-listview-inset {
margin: 0 0 24px 0;
}
.ui-page .ui-listview li {
background: #fff;
display: block;
}
.ui-page .ui-listview li,
.ui-page .ui-listview li:hover {
border: none;
border-bottom: 1px solid #ddd;
cursor: default;
}
.ui-page .ui-listview li.ui-listview,
.ui-page .ui-listview li.ui-li {
font-weight: normal;
margin: 0;
}
.ui-page .ui-listview-inset li,
.ui-page .ui-listview-inset li:hover {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.ui-page .ui-listview-inset li:first-child {
border-top: 1px solid #ddd;
}
.ui-page .ui-listview li[data-theme="a"] {
background: #333;
}
.ui-page .ui-listview li[data-theme="a"],
.ui-page .ui-listview li[data-theme="a"]:hover {
border-bottom: 1px solid #1f1f1f;
}
.ui-page .ui-listview-inset li[data-theme="a"],
.ui-page .ui-listview-inset li[data-theme="a"]:hover {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.ui-page .ui-listview-inset li[data-theme="a"]:first-child {
border-top: 1px solid #1f1f1f;
}
.ui-page .ui-listview .ui-li-divider,
.ui-page .ui-listview .ui-li-divider:hover,
.ui-page .ui-listview li a:hover,
.ui-page .ui-listview li a:focus {
background: #f5f5f5;
}
.ui-page .ui-listview[data-theme="a"] .ui-li-divider,
.ui-page .ui-listview[data-theme="a"] .ui-li-divider:hover,
.ui-page .ui-listview li[data-theme="a"] a:hover,
.ui-page .ui-listview li[data-theme="a"] a:focus {
background: #373737;
}
.ui-page .ui-listview li > .ui-btn-inner {
padding: 0;
}
.ui-page .ui-listview .ui-li-divider {
color: #333;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
text-shadow: none;
}
.ui-page .ui-listview[data-theme="a"] .ui-li-divider {
color: #fff;
}
.ui-page .ui-listview li .ui-li-heading {
color: #333;
font-size: 16px;
line-height: 20px;
margin: 0 0 2px 0;
white-space: normal;
}
.ui-page .ui-listview li[data-theme="a"] .ui-li-heading {
color: #fff;
}
.ui-page .ui-listview li .ui-li-desc {
color: #333;
font-size: 14px;
line-height: 16px;
margin: 0;
}
.ui-page .ui-listview li[data-theme="a"] .ui-li-desc {
color: #fff;
}
.ui-page .ui-listview li .ui-li-desc strong {
font-weight: normal;
}
.ui-page .ui-listview li .ui-icon {
z-index: 1;
}
.ui-page .ui-listview li .ui-icon:before {
color: #003da5;
}
.ui-page .ui-listview li[data-theme="a"] .ui-icon:before {
color: #fff;
}
.ui-page .ui-listview li .ui-radio {
display: inline;
}
.ui-page .ui-listview li a .ui-radio,
.ui-page .ui-listview li a label.ui-radio-on,
.ui-page .ui-listview li a label.ui-radio-off,
.ui-page .ui-listview li a input[type="radio"] {
display: none;
}
.ui-page .ui-listview li .ui-btn-inner a.ui-link-inherit .ui-btn-inner {
padding: 0;
}
/*** Collapsibles ***/
.ui-content .ui-collapsible-set {
margin: 0 0 5px 0;
}
.ui-content .ui-collapsible-set .ui-collapsible {
margin: -1px 0 0 0;
}
.ui-collapsible-set .ui-collapsible .ui-collapsible-heading {
border-radius: 0px;
}
.ui-collapsible-set .ui-collapsible:first-child .ui-collapsible-heading {
border-radius: 4px 4px 0 0;
}
.ui-collapsible-set .ui-collapsible:last-child .ui-collapsible-heading {
border-radius: 0px;
}
.ui-collapsible .ui-collapsible-heading.ui-collapsible-heading-collapsed {
border-radius: 4px;
}
.ui-collapsible-set .ui-collapsible:last-child .ui-collapsible-heading.ui-collapsible-heading-collapsed {
border-radius: 0 0 4px 4px;
}
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle[data-theme="a"] {
background: #333;
border: 1px solid #1f1f1f;
color: #fff;
}
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle[data-theme="a"]:hover,
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle[data-theme="a"]:focus {
background: #555;
border: 1px solid #1f1f1f;
}
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle .ui-btn-inner {
padding: 0;
}
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle .ui-btn-inner,
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle .ui-btn-text {
color: #333;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:hover .ui-btn-inner,
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:focus .ui-btn-inner,
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:hover .ui-btn-text,
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:focus .ui-btn-text {
color: #333;
}
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle[data-theme="a"] .ui-btn-inner,
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle[data-theme="a"] .ui-btn-text {
color: #fff;
}
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle[data-theme="a"]:hover .ui-btn-inner,
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle[data-theme="a"]:focus .ui-btn-inner,
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle[data-theme="a"]:hover .ui-btn-text,
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle[data-theme="a"]:focus .ui-btn-text {
color: #fff;
}
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle .ui-icon {
display: none;
}
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-status {
display: inline-block;
opacity: 0;
text-indent: -9999px;
}
/*.ui-collapsible .ui-collapsible-content > *:last-child {
margin-bottom: 15px;
}*/
/*** Navbar ***/
.ui-navbar {
width: 100%;
}
.ui-navbar {
border-bottom: 1px solid #ddd;
margin-top: -10px;
margin-bottom: 10px;
}
.ui-navbar li {
margin: 10px 0 0 0;
vertical-align: top;
}
.ui-navbar .ui-btn {
background: none;
border: none;
/*border-bottom: 1px solid #ddd;
margin: 0 0 -1px 0;*/
padding: 0 5px;
}
/*.ui-navbar .ui-btn.ui-btn-active {
margin-top: -1px;
}*/
.ui-navbar li:last-child .ui-btn {
padding-right: 0;
}
.ui-navbar li:first-child .ui-btn {
padding-left: 0;
}
.ui-navbar .ui-btn .ui-btn-inner,
.ui-navbar .ui-btn .ui-btn-text {
text-transform: none;
}
.ui-navbar li .ui-btn .ui-btn-inner {
padding: 0 10px;
}
.ui-navbar .ui-btn.ui-btn-active .ui-btn-inner {
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
border-radius: 0.3em 0.3em 0px 0px;
}
.ui-navbar .ui-btn .ui-btn-inner .ui-btn-text {
color: #003da5;
display: table-cell;
height: 40px;
vertical-align: middle;
width: 1%;
}
.ui-navbar .ui-btn.ui-btn-active .ui-btn-inner .ui-btn-text {
color: #333;
}
/*** Loader ***/
.ui-loader h1 {
color: #fff;
}
.ui-loader-default h1 {
color: #333;
}
.ui-loader .ui-icon-loading {
-moz-animation: rotation .6s infinite linear;
-o-animation: rotation .6s infinite linear;
-webkit-animation: rotation .6s infinite linear;
animation: rotation .6s infinite linear;
background: none !important;
border-top: 6px solid rgba(255,255,255,.8);
border-right: 6px solid rgba(255,255,255,.15);
border-bottom: 6px solid rgba(255,255,255,.15);
border-left: 6px solid rgba(255,255,255,.15);
border-radius: 100%;
height: 40px;
margin: 0 auto 10px auto;
position: relative;
width: 40px;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@-moz-keyframes rotation {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(359deg);
}
}
@-o-keyframes rotation {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(359deg);
}
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
/*** Labels - using ID for specificity ***/
#jqm_main_page label.ui-input-text,
#jqm_main_page label.ui-select {
box-sizing: border-box;
display: inline-block;
color: #333;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: bold !important;
margin: 0 -4px 0 0;
padding: 0 2% 0 0;
text-shadow: none;
vertical-align: middle;
width: 30%;
}
#jqm_main_page label.ui-input-text + div,
#jqm_main_page label.ui-input-text + span,
#jqm_main_page label.ui-select + div,
#jqm_main_page label.ui-select + span {
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
width: 68%;
}
#jqm_main_page label.ui-input-text + .date,
#jqm_main_page label.ui-input-text + .prompt {
min-width: 30%;
width: auto;
}
#jqm_main_page .ui-table label.ui-input-text + div,
#jqm_main_page .ui-table label.ui-input-text + span,
#jqm_main_page .ui-table label.ui-select + div,
#jqm_main_page .ui-table label.ui-select + span {
width: 66%;
}
.PSSRCHPAGE #jqm_main_page span.PSSRCHEDITBOXLABEL,
.PSSRCHPAGE #jqm_main_page span.PSSRCHEDITBOXLABEL + div,
.PSSRCHPAGE #jqm_main_page .ui-field-contain label + div,
.PSSRCHPAGE #jqm_main_page .ui-field-contain label + div + div {
display: inline-block;
margin: 0 5px 10px 0;
vertical-align: middle;
width: auto;
}
/* Helper text */
#jqm_main_page [data-role="fieldcontain"][aria-describedby] label.ui-input-text + div,
#jqm_main_page [data-role="fieldcontain"][aria-describedby] label.ui-input-text + span,
#jqm_main_page [data-role="fieldcontain"][aria-describedby] label.ui-select + div,
#jqm_main_page [data-role="fieldcontain"][aria-describedby] label.ui-select + span {
margin-right: 2%;
}
#jqm_main_page [data-role="fieldcontain"][aria-describedby] label.ui-input-text + div,
#jqm_main_page [data-role="fieldcontain"][aria-describedby] label.ui-select + div {
width: 30%;
}
#jqm_main_page [data-role="fieldcontain"][aria-describedby] label.ui-input-text + span,
#jqm_main_page [data-role="fieldcontain"][aria-describedby] label.ui-select + span {
width: auto !important;
}
#jqm_main_page [data-role="fieldcontain"][aria-describedby] span + .gh-helper-text {
margin-left: 2%;
}
#jqm_main_page .gh-helper-text {
box-sizing: border-box;
color: #333;
display: inline-block;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
vertical-align: middle;
width: 30%;
}
@media all and (max-width: 480px) {
#jqm_main_page label.ui-input-text,
#jqm_main_page label.ui-select {
display: block;
margin: 0;
width: auto;
}
#jqm_main_page label.ui-input-text + div,
#jqm_main_page label.ui-input-text + span,
#jqm_main_page label.ui-select + div,
#jqm_main_page label.ui-select + span {
display: block;
width: auto;
}
#jqm_main_page .ui-table label.ui-input-text + div,
#jqm_main_page .ui-table label.ui-input-text + span,
#jqm_main_page .ui-table label.ui-select + div,
#jqm_main_page .ui-table label.ui-select + span {
width: auto;
}
/* Helper text */
#jqm_main_page [data-role="fieldcontain"][aria-describedby] label.ui-input-text + div,
#jqm_main_page [data-role="fieldcontain"][aria-describedby] label.ui-input-text + span,
#jqm_main_page [data-role="fieldcontain"][aria-describedby] label.ui-select + div,
#jqm_main_page [data-role="fieldcontain"][aria-describedby] label.ui-select + span {
margin-right: 0;
width: auto;
}
#jqm_main_page [data-role="fieldcontain"][aria-describedby] span + .gh-helper-text {
margin-left: 0;
}
#jqm_main_page [data-role="fieldcontain"][aria-describedby] .gh-helper-text {
display: block;
margin-top: 5px;
width: auto;
}
}
/*** Actionsheet ***/
.ui-actionsheet-wallpaper {
z-index: 1000;
}
#mobile_popup {
background: #fff !important;
border: 1px solid #fff;
border-radius: 4px;
padding: 0;
z-index: 1001;
}
#mobile_popup > div {
float: none;
margin: 0 !important;
padding: 0 !important;
}
#mobile_popup .ui-header {
background: none;
border: none;
color: #333;
height: auto;
position: static;
padding: 10px !important;
}
#mobile_popup .ui-header .ui-title {
color: #333;
display: block !important;
font-weight: bold;
margin: 0 !important;
min-height: 0px;
padding: 0;
text-align: left;
}
#mobile_popup .alertmessage {
-webkit-overflow-scrolling: touch;
display: block !important;
max-height: 100px;
overflow: auto;
padding: 0 10px !important;
}
#mobile_popup .popupText {
display: block;
}
#mobile_popup a.ui-btn {
display: block;
margin: 0 0 10px 0;
}
#mobile_popup .mobile_popup_buttons {
padding: 10px 10px 0 10px !important;
}
/******** 3. PeopleMobile styles ********/
/*** Defaults/Layout ***/
/*** Header ***/
[data-role="header"] h1 {
display: none;
}
.ui-page > .ui-header {
-moz-transform: translate3d(0px, 0px, 0px) !important; /* override jQuery mobile nested class selectors */
-webkit-transform: translate3d(0px, 0px, 0px) !important; /* override jQuery mobile nested class selectors */
background: #003da5;
background: -moz-linear-gradient(top, #003da5 0%, #003da5 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #003da5), color-stop(100%, #003da5));
background: -webkit-linear-gradient(top, #003da5 0%, #003da5 100%);
background: -o-linear-gradient(top, #003da5 0%, #003da5 100%);
background: -ms-linear-gradient(top, #003da5 0%, #003da5 100%);
background: linear-gradient(to bottom, #003da5 0%, #003da5 100%);
background-color: #003da5;
background-size: auto 100%;
border: none;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
left: 0;
height: 42px;
margin: 0 !important; /* override jQuery mobile nested class selectors */
padding: 0;
position: fixed;
top: 0;
transform: translate3d(0px, 0px, 0px) !important; /* override jQuery mobile nested class selectors */
width: 100%;
z-index: 1002;
}
.ui-page > .ui-header .ui-btn {
background: none;
border: none;
border-radius: 0px;
box-shadow: none;
margin: 0;
}
.ui-page > .ui-header .ui-btn-left,
.ui-page > .ui-header .ui-btn-right {
height: 42px !important;
width: 42px;
}
.ui-page > .ui-header a.ui-btn {
display: inline-block;
height: 42px;
margin: 0 auto;
text-align: center;
text-decoration: none;
width: 42px;
z-index: 2;
}
.ui-page > .ui-header a.ui-btn:hover,
.ui-page > .ui-header a.ui-btn:focus {
background: rgba(0,0,0,0.1);
}
.ui-page > .ui-header .ui-btn .ui-btn-inner {
background: none;
border: none;
height: 42px;
padding: 0;
width: 42px;
}
.ui-page > .ui-header .ui-btn .ui-btn-inner:hover {
background: none;
border: none;
}
.ui-page > .ui-header .ui-btn[class*="icon-left"] .ui-btn-inner,
.ui-page > .ui-header .ui-btn[class*="icon-right"] .ui-btn-inner {
padding: 0;
}
.ui-page > .ui-header .ui-btn .ui-btn-text {
color: #fff;
height: 42px;
left: 0;
opacity: 0;
position: absolute;
text-indent: -9999px;
top: 0;
}
.ui-page > .ui-header .ui-btn .ui-icon {
background: none;
border-radius: 0;
box-shadow: none;
display: block;
margin: 0;
position: static;
}
.ui-page > .ui-header .ui-btn .ui-icon,
.ui-page > .ui-header .ui-btn .ui-icon:before {
-webkit-transform: none;
-ms-transform: none;
color: #fff !important;
height: 42px !important;
transform: none;
width: 42px !important;
}
.ui-page > .ui-header .ui-btn .ui-icon.fa {
background: none;
}
.ui-page > .ui-header .ui-btn .ui-icon.fa,
.ui-page > .ui-header .ui-btn .ui-icon.fa:before {
background: none;
font-size: 26px;
line-height: 42px;
}
.ui-page > .ui-header .ui-btn .ui-icon.fa:before {
display: block;
}
.ui-page .ui-header .ui-icon-arrow-l:before,
.ui-page .ui-header .ui-icon-gear:before {
content: '';
}
.ui-page > .ui-header .ui-title {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
height: 42px;
margin: 0;
min-height: 1px;
}
.ui-page > .ui-header .ui-title a {
display: block;
height: 42px;
top: 0 !important;
width: auto;
z-index: 1;
}
.ui-page > .ui-header .ui-title a:hover,
.ui-page > .ui-header .ui-title a:focus {
background: rgba(0,0,0,0.1);
}
.ui-page > .ui-header .ui-title a .ui-btn-inner {
height: 42px !important;
padding: 0 !important;
width: auto;
}
.ui-page > .ui-header .ui-title .ui-btn .ui-btn-text {
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, sans-serif;
font-size: 16px;
line-height: 42px;
opacity: 1;
position: static;
}
.ui-page > .ui-header .ui-title {
text-indent: -9999px;
}
.ui-page > .ui-header .ui-title a .ui-icon {
background: url(https://sa-ltd.erp.umasscs.net/saltd92/images/GreyHeller/UMLOW_LOGO_MOBILE.png);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: auto 105%;
margin: 0;
position: static;
width: auto !important;
}
.ui-page > .ui-header .ui-title .ui-btn .ui-btn-text {
opacity: 0;
position: absolute;
}
/*** Panels ***/
[data-role="panel"],
.ui-panel {
-moz-transform: translate3d(0,0,0) !important; /* override jQuery mobile nested class selectors */
-moz-transition: all 350ms ease;
-ms-flex: none;
-webkit-box-flex: 0;
-webkit-flex: none;
-webkit-transform: translate3d(0,0,0) !important; /* override jQuery mobile nested class selectors */
-webkit-transition: all 350ms ease;
background: #f5e1a4;
box-sizing: border-box;
flex: none;
position: static;
transition: all 350ms ease;
transform: translate3d(0,0,0) !important; /* override jQuery mobile nested class selectors */
width: 17em;
visibility: hidden;
z-index: 1001;
}
[data-role="panel"][data-display="overlay"],
.ui-panel[data-display="overlay"] {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow-y: auto;
position: fixed;
}
.gh-frame .PSSRCHPAGE .ui-panel {
-webkit-transition: initial;
-moz-transition: initial;
transition: initial;
}
.gh-frame .is-modal .ui-panel {
display: none;
}
[data-role="panel"][data-position="left"],
.ui-panel.ui-panel-position-left {
border-right: 1px solid #ddd;
float: left;
margin-left: -17em;
}
.ui-page-panel-open .ui-panel.ui-panel-position-left {
margin-left: -34em;
}
.ui-page-panel-open .ui-panel.ui-panel-position-left,
.ui-page-panel-open .ui-panel.ui-panel-position-left.ui-panel-open {
margin: 0;
visibility: visible;
}
.ui-panel.ui-panel-position-right {
border-left: 1px solid #ddd;
float: right;
margin-right: -17em;
}
.ui-page-panel-open .ui-panel.ui-panel-position-right {
margin-right: -34em;
}
.ui-page-panel-open .ui-panel.ui-panel-position-right,
.ui-page-panel-open .ui-panel.ui-panel-position-right.ui-panel-open {
margin: 0;
visibility: visible;
}
.ui-panel .ui-panel-inner {
padding: 0 0 25px 0;
}
.ios .ui-panel .ui-panel-inner {
padding-bottom: 80px;
}
/* Listview */
.ui-panel .ui-listview {
border: none;
border-radius: 0px;
}
.ui-panel .ui-listview li,
.ui-panel .ui-listview li:hover {
background: none;
border: none;
border-bottom: 1px solid #ddd;
padding: 0;
position: relative;
}
.ui-panel .ui-listview li:last-child {
border-bottom: none;
}
.ui-panel .ui-listview li li {
border: none !important;
}
.ui-panel .ui-listview li a:hover,
.ui-panel .ui-listview li a:focus {
background: none;
}
.ui-panel .ui-listview li .fa {
color: #003da5;
font-size: 20px;
left: 10px;
position: absolute;
top: 11px;
}
.ui-panel .ui-listview li:hover .fa,
.ui-panel .ui-listview li:focus .fa {
color: #003da5;
}
.ui-panel .ui-listview li .ui-icon {
background: none;
border: none;
border-radius: 0;
box-shadow: none;
left: auto;
right: 10px;
}
.ui-panel .ui-listview li .ui-icon:before {
color: #003da5;
}
.ui-panel .ui-listview li:hover .ui-icon:before,
.ui-panel .ui-listview li.ui-focus .ui-icon:before,
.ui-panel .ui-listview li:focus .ui-icon:before {
color: #003da5;
}
.ui-panel .ui-listview li .ui-btn-inner a {
display: block;
font-size: 16px;
line-height: 18px;
padding: 12px 38px;
text-decoration: none;
text-overflow: initial;
white-space: normal;
}
.ui-panel .ui-listview li a,
.ui-panel .ui-listview li .ui-link-inherit {
color: #333;
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, sans-serif;
}
.ui-panel .ui-listview li a:hover,
.ui-panel .ui-listview li a:focus {
background: none;
color: #0760a4;
}
.ui-panel .ui-listview li li a,
.ui-panel .ui-listview li li .ui-link-inherit {
font-size: 14px;
font-weight: normal;
line-height: 14px;
padding: 9px 16px 9px 40px;
}
.ui-panel .ui-listview .ui-btn-inner,
.ui-panel .ui-listview .ui-listview {
background: none;
border: none;
border-radius: 0;
box-shadow: none;
margin: 0;
padding: 0;
}
.ui-panel .ui-listview li i[style] {
background-size: 100% 100%;
height: 24px;
left: 8px;
position: absolute;
top: 8px;
width: 24px;
}
/* Collapsibles */
.ui-panel .ui-collapsible {
background: none;
border: none;
border-radius: 0;
box-shadow: none;
margin: 0;
}
.ui-panel .ui-collapsible .ui-collapsible-heading {
margin: 0;
}
.ui-panel .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle {
padding: 0;
}
.ui-panel .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle,
.ui-panel .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:hover,
.ui-panel .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:focus {
background: none;
color: #333;
}
.ui-panel .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle,
.ui-panel .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle .ui-btn-inner {
background: none;
border: none;
border-radius: 0;
}
.ui-panel .ui-collapsible .ui-collapsible-heading .ui-btn-inner {
padding: 0;
}
.ui-panel .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle .ui-btn-inner,
.ui-panel .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle .ui-btn-text {
color: #333;
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 20px;
}
.ui-panel .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:hover .ui-btn-text,
.ui-panel .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:focus .ui-btn-text {
color: #0760a4;
}
.ui-panel .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle .ui-icon:before {
color: #003da5;
}
.ui-panel .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:hover .ui-icon:before,
.ui-panel .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:focus .ui-icon:before {
color: #003da5;
}
.ui-panel .ui-collapsible .ui-collapsible-content {
background: none;
border: none;
box-shadow: none;
margin: 0;
padding: 0;
}
.ui-panel .ui-listview .ui-collapsible-content .ui-icon {
display: none;
}
.ui-panel .ui-listview .ui-collapsible-content .ui-collapsible-heading .ui-btn-inner {
padding-top: 9px;
padding-left: 40px;
padding-bottom: 9px;
}
.ui-panel .ui-listview .ui-collapsible-content .ui-collapsible-heading .ui-btn-inner,
.ui-panel .ui-listview .ui-collapsible-content .ui-collapsible-heading .ui-btn-text {
font-size: 14px;
line-height: 14px;
}
.ui-panel .ui-listview .ui-collapsible-content .ui-collapsible-heading .ui-icon {
display: block;
}
.ui-panel .ui-collapsible .ui-listview .ui-collapsible-content {
margin: 0;
}
.ui-panel .ui-collapsible .ui-listview .ui-collapsible-content .ui-listview .ui-link-inherit {
padding-left: 55px;
}
/*** Defaults/Resets ***/
html, body {
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
background: #fff;
color: #333;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 24px;
overflow-x: hidden;
position: relative;
}
body:not(.appsian-ready):before,
.appsian-ready.gh-hide-content:not(.isLogin) > [data-role="page"] > .ui-panel-content-wrap > [data-role="content"]:before {
background: #fff;
content: '';
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1;
}
body:not(.appsian-ready):before {
z-index: 1003;
}
.gh-field-hide {
position: relative;
}
.gh-field-hide:before {
background: #fff;
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 3;
}
.ui-page .ui-table.table-stripe tbody tr:nth-child(odd) .gh-field-hide:before {
background: #f5f5f5;
}
.visually-hidden {
border:0 !important;
clip: rect(0px 0px 0px 0px); /* IE6, IE7 */
clip: rect(0px, 0px, 0px, 0px);
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding:0 !important;
position: absolute !important;
width: 1px !important;
}
.gshidden {
display: none !important;
}
.gstogether {
display: inline-block;
}
.ui-content {
border-width: 0;
overflow: hidden;
padding: 15px;
width: 100%;
}
.PAGROUPBOXLABELINVISIBLE {
display: none;
}
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
/* iFrame modals */
.ui-mobile.gh-frame,
.ui-mobile.gh-frame body {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow-y: auto;
width: 100%;
}
[class="ui-page"] * {
-webkit-font-smoothing: antialiased;
color: inherit;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: inherit;
line-height: inherit;
text-shadow: none;
}
b, strong, em, i, span, a {
color: inherit;
font: inherit;
font-size: 100%;
}
b, strong {
font-weight: bold;
}
em, i {
font-style: italic;
}
br {
line-height: 0;
}
.ui-content h1,
.ui-content h2,
.ui-content h3,
.ui-content h4,
.ui-content h5,
.ui-content h6 {
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, sans-serif;
font-weight: normal;
}
.ui-content h1 {
font-size: 28px;
line-height: 32px;
}
.ui-content h2 {
font-size: 26px;
line-height: 30px;
}
.ui-content h3 {
font-size: 24px;
line-height: 28px;
}
.ui-content h4 {
font-size: 22px;
line-height: 26px;
}
.ui-content h5 {
font-size: 20px;
line-height: 24px;
}
.ui-content h6 {
font-size: 18px;
line-height: 24px;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0 0 10px 0;
padding: 0;
}
img {
height: auto;
max-width: 100%;
}
table {
width: 100%;
}
fieldset {
border: none;
margin: 0;
padding: 0;
}
a,
a:link,
a:visited,
[class*="PSHYPERLINK"] a,
[class*="PSHYPERLINK"] a:link,
[class*="PSHYPERLINK"] a:visited,
a[class*="PSHYPERLINK"],
a[class*="PSHYPERLINK"]:link,
a[class*="PSHYPERLINK"]:visited {
color: #003da5;
font-weight: bold;
text-decoration: none;
text-shadow: none;
word-break: break-word;
word-wrap: break-word;
}
a:hover,
a:focus,
[class*="PSHYPERLINK"] a:hover,
[class*="PSHYPERLINK"] a:focus,
a[class*="PSHYPERLINK"]:hover,
a[class*="PSHYPERLINK"]:focus {
color: #003da5;
text-decoration: underline;
}
table, thead, tbody, tr, th, td {
background: none;
border: none;
border-collapse: collapse;
margin: 0;
padding: 0;
}
/*** Override server-side CSS ***/
#jqm_main_page .ghresponsive-items li {
display: block;
width: auto;
}
td.gsgrid {
padding: 0;
}
.gs-collapsible-control[aria-expanded],
.gs-collapsible-control [aria-expanded],
a.gs-collapsible-control,
.PTCOLLAPSE_ARROW,
.PTEXPAND_ARROW {
display: none;
}
/*** Helper Classes ***/
/* Hide */
#jqm_main_page .gh-hidden {
display: none !important;
}
/* Offscreen */
.gh-offscreen {
left: -9999px;
position: absolute;
top: -9999px;
}
/* Required */
.ui-page .gh-required span {
display: block !important;
font-size: 12px !important;
font-style: italic;
line-height: 12px !important;
}
/*** Layout ***/
body.ui-mobile-viewport {
background: #f5e1a4;
overflow-x: hidden;
}
body.ui-mobile-viewport.ui-overlay-a {
overflow: hidden; /* lock down scrolling when dialogs are open */
}
[data-role="page"],
.ui-mobile .ui-page[data-role="page"] {
background: #fff;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 100% !important;
overflow: hidden;
padding: 42px 0 0 0 !important;
}
.ui-mobile body.ui-mobile-viewport.ui-overlay-a .ui-page[data-role="page"] {
display: block; /* show page when dialogs are open */
}
[data-role="page"] .ui-panel-content-wrap,
.ui-page[data-role="page"] .ui-panel-content-wrap {
-moz-transition: all 350ms ease;
-ms-flex: none;
-webkit-box-flex: 0;
-webkit-flex: none;
-webkit-transition: all 350ms ease;
background: #fff;
flex: none;
min-height: 100vh;
position: static;
transition: all 350ms ease;
width: 100%;
}
.gh-frame .PSSRCHPAGE .ui-page[data-role="page"] .ui-panel-content-wrap {
-moz-transition: initial;
-webkit-transition: initial;
transition: initial;
}
.ui-page-panel-open .ui-panel-content-wrap.ui-panel-content-wrap-position-right {
margin-left: -17em !important;
margin-right: 17em !important;
}
.ui-mobile .ui-page[data-role="page"] .ui-panel-content-wrap {
padding-bottom: 40px;
}
.ui-mobile.gh-frame .PSSRCHPAGE .ui-page[data-role="page"] .ui-panel-content-wrap {
padding-bottom: 0;
}
.ui-content,
.ui-mobile .ui-page[data-role="page"] .ui-panel-content-wrap > .ui-content {
box-sizing: border-box;
height: 100%;
min-height: inherit !important;
overflow: hidden;
padding: 15px !important;
width: 100%;
}
/*** Footer ***/
.gh-footer {
-moz-transition: all 350ms ease;
-webkit-transition: all 350ms ease;
background: #fff;
border: none;
transition: all 350ms ease;
z-index: 1000;
}
.gh-footer ul {
display: -moz-box;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.gh-footer li {
-ms-flex: 1;
-ms-flex-positive: 1;
-ms-flex-preferred-size: 0;
-webkit-box-flex: 1;
-webkit-flex-basis: 0;
-webkit-flex-grow: 1;
-webkit-flex: 1;
border-left: 1px solid #fff;
flex: 1;
flex-basis: 0;
flex-grow: 1;
margin: 0;
}
.gh-footer li:first-child {
border-left: none;
}
.gh-footer li a,
.gh-footer li a:hover,
.gh-footer li a:focus {
background: #003da5;
display: block;
color: #fff;
height: 40px;
text-decoration: none;
}
.gh-footer li a span {
color: #fff;
cursor: pointer;
display: table-cell;
font-size: 12px;
font-weight: bold;
height: 40px;
line-height: 12px;
position: relative;
text-align: center;
vertical-align: middle;
width: 1%;
}
.gh-footer li a:hover span,
.gh-footer li a:focus span {
background: #003da5;
}
.gh-footer .gh-footer-disabled,
.gh-footer .gh-footer-disabled:hover,
.gh-footer .gh-footer-disabled:focus {
opacity: 0.3;
}
.gh-footer .gh-footer-icon .fa {
display: none;
}
@media all and (max-width: 480px) {
.gh-footer .gh-footer-icon .fa {
color: #fff !important;
display: block;
font-size: 20px;
line-height: 40px;
text-align: center;
}
.gh-footer .gh-footer-icon span {
text-indent: -9999px;
}
}
/* Configurations */
.gh-footer {
bottom: 0;
left: 0;
position: fixed;
width: 100%;
}
.ui-page-panel-open .ui-panel:not([data-display="overlay"]) + .ui-panel-content-wrap.ui-panel-content-wrap-position-left .gh-footer {
margin-left: 17em !important;
}
.ui-page-panel-open .ui-panel:not([data-display="overlay"]) + .ui-panel-content-wrap.ui-panel-content-wrap-position-right .gh-footer {
left: auto;
margin-right: 17em !important;
right: 0;
}
.gh-frame-as-modal .gh-footer {
background: none;
margin-top: 15px;
position: static;
text-align: right;
}
.gh-frame-as-modal .gh-footer ul {
display: block;
}
.gh-frame-as-modal .gh-footer li {
border: none;
display: inline-block;
margin-left: 5px;
width: auto;
}
.gh-frame-as-modal .gh-footer li a,
.gh-frame-as-modal .gh-footer li a span {
border-radius: 4px;
max-width: 200px;
width: auto;
}
.gh-frame-as-modal .gh-footer li a span {
padding: 0 20px !important;
}
/*** Responsive ***/
@media all and (min-width: 800px) {
/* Layout */
.ui-mobile .ui-page[data-role="page"] {
padding-left: 225px !important; /* override inline style */
/*padding-right: 225px !important;*/
position: relative;
width: auto;
}
.ui-mobile.gh-frame .PSSRCHPAGE.is-modal .ui-page[data-role="page"] {
padding: 0 !important;
}
.ui-mobile .isLogin .ui-page[data-role="page"] {
padding-left: 0 !important;
}
.ui-mobile .ui-page[data-role="page"] .ui-panel-content-wrap {
padding-bottom: 0;
}
.ui-mobile .ui-page[data-role="page"] .ui-panel-content-wrap {
-moz-transition: initial;
-webkit-transition: initial;
transition: initial;
}
.ui-mobile.gh-frame .PSSRCHPAGE .ui-page[data-role="page"] .ui-panel-content-wrap,
.ui-mobile .isLogin .ui-page[data-role="page"] .ui-panel-content-wrap {
border: none;
padding: 0;
}
.ui-page-panel-open .ui-panel-content-wrap.ui-panel-content-wrap-position-left,
.ui-panel-content-wrap.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
.ui-page-panel-open .ui-panel-content-wrap.ui-panel-content-wrap-position-right,
.ui-panel-content-wrap.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open {
margin: 0 !important; /* override jQuery mobile nested class selectors */
}
/* Header */
.ui-page > .ui-header {
position: absolute;
}
.ui-page > .ui-header .ui-title a {
background-position: 0 50%;
background-size: auto 100%;
left: 0;
margin: 0;
text-align: left;
text-indent: 15px;
}
.ui-page > .ui-header .ui-title a .ui-icon {
background-position: 5px 50% !important;
}
.ui-page > .ui-header .ui-btn-left {
display: none;
}
/* Footer */
.gh-footer {
-moz-transition: initial;
-webkit-transition: initial;
transition: initial;
width: auto;
}
/* Configurations */
.gh-footer {
background: none;
margin-top: 15px;
position: static;
text-align: right;
}
.gh-footer ul {
display: block;
}
.gh-footer li {
border: none;
display: inline-block;
margin-left: 5px;
width: auto;
}
.gh-footer li a,
.gh-footer li a span {
border-radius: 4px;
max-width: 200px;
width: auto;
}
.gh-footer li a span {
padding: 0 20px !important;
}
.ui-page-panel-open .ui-panel-content-wrap.ui-panel-content-wrap-position-right .gh-footer,
.ui-panel-content-wrap.ui-panel-content-wrap-position-left.ui-panel-content-wrap-display-push.ui-panel-content-wrap-open .gh-footer {
margin-left: 0 !important;
}
.ui-page-panel-open .ui-panel-content-wrap.ui-panel-content-wrap-position-right .gh-footer,
.ui-panel-content-wrap.ui-panel-content-wrap-position-right.ui-panel-content-wrap-display-push.ui-panel-content-wrap-open .gh-footer {
margin-right: 0 !important;
}
/* Panels */
.ui-panel {
-moz-transition: initial;
-webkit-transition: initial;
margin: 0;
padding: 0;
transition: initial;
visibility: visible;
width: 225px;
}
.ui-panel.ui-panel-position-left,
.ui-page-panel-open .ui-panel.ui-panel-position-left,
.ui-page-panel-open .ui-panel.ui-panel-position-left.ui-panel-open {
margin-left: -225px;
}
.ui-panel.ui-panel-position-right,
.ui-page-panel-open .ui-panel.ui-panel-position-right,
.ui-page-panel-open .ui-panel.ui-panel-position-right.ui-panel-open {
margin-right: -226px;
}
.gh-frame .PSSRCHPAGE .ui-panel {
display: none;
}
}
/* Activity Guide Footer */
.ui-mobile.gh-target-content.gh-activity-guide .gh-footer {
background: none;
margin-top: 15px;
position: static;
text-align: right;
}
.ui-mobile.gh-target-content.gh-activity-guide .gh-footer ul {
display: block;
}
.ui-mobile.gh-target-content.gh-activity-guide .gh-footer li {
display: inline-block;
margin-left: 5px;
width: auto;
}
.ui-mobile.gh-target-content.gh-activity-guide .gh-footer li a {
border-radius: 4px;
max-width: 200px;
padding: 0 !important;
width: auto;
}
.ui-mobile.gh-target-content.gh-activity-guide .gh-footer li a span {
padding: 0 20px !important;
width: auto;
}
.ui-mobile.gh-target-content.gh-activity-guide .ui-panel-content-wrap.ui-panel-content-wrap-position-left .gh-footer,
.ui-mobile.gh-target-content.gh-activity-guide .ui-panel-content-wrap.ui-panel-content-wrap-position-left.ui-panel-content-wrap-display-push.ui-panel-content-wrap-open .gh-footer {
margin-left: 0 !important;
}
.ui-mobile.gh-target-content.gh-activity-guide .ui-panel-content-wrap.ui-panel-content-wrap-position-right .gh-footer,
.ui-mobile.gh-target-content.gh-activity-guide .ui-panel-content-wrap.ui-panel-content-wrap-position-right.ui-panel-content-wrap-display-push.ui-panel-content-wrap-open .gh-footer {
margin-right: 0 !important;
}
/*** Sections (required) ***/
/* skip links */
body > a.skip-main {
background: #fff;
position: absolute;
}
a.skip-main {
box-sizing: border-box;
color: #333;
display: block;
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, sans-serif;
font-weight: normal;
height: 1px;
opacity: 0;
text-decoration: none;
width: 100%;
z-index: 1002;
}
a.skip-main:hover,
a.skip-main:focus {
color: #0760a4;
}
a.skip-main:focus {
height: auto;
opacity: 1;
padding: 8px 15px;
}
body > a.skip-main:focus {
top: 42px;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
/*** Defaults ***/
input:disabled,
textarea:disabled,
label.ui-disabled {
cursor: default !important;
pointer-events: none !important;
}
/*** Search ***/
.ui-input-search .ui-input-clear {
display: none;
}
/*** Selects ***/
select {
display: inline-block;
}
.gh-select {
background: #fff;
border-radius: 4px;
display: inline-block;
margin: 8px 0;
position: relative;
width: auto !important;
}
.ui-field-contain .gh-select {
margin: 0;
}
.gh-select select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: transparent;
border: 1px solid #ddd;
border-radius: 4px;
color: #333;
display: block;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
font-size: 16px !important;
font-weight: normal;
line-height: 24px !important;
margin: 0;
opacity: 0.8;
padding: 5px 40px 5px 10px;
position: relative;
width: 100%;
z-index: 2;
}
.gh-select select[multiple] {
background: #fff;
}
.gh-select select::-ms-expand {
display: none !important; /* IE override */
}
.gh-select select:hover,
.gh-select select:focus {
border: 1px solid rgba(0,0,0,0.2);
}
.gh-select:before {
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
color: #333;
content: '\f107';
font-family: 'FontAwesome';
font-size: 20px;
line-height: 20px;
position: absolute;
right: 16px;
text-align: center;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.gh-select:hover:before {
border-color: rgba(0,0,0,0.2);
}
.gh-select.ui-disabled {
opacity: 1;
}
.ui-select a.ui-btn.ui-disabled,
.gh-select.ui-disabled select,
.gh-select.ui-disabled select[multiple],
.gh-select select:disabled,
.gh-select select[multiple]:disabled,
.gh-select select.ui-disabled {
background: #f5f5f5;
color: #999;
opacity: 0.8;
}
.ui-select a.ui-btn.ui-disabled * {
color: #999;
}
/*** Checkboxes & Radios ***/
.gh-checkbox,
.gh-radio {
display: inline-block;
margin: 0 5px 5px 0;
position: relative;
}
.gh-checkbox input[type="checkbox"],
.gh-radio input[type="radio"] {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
height: 100%;
left: 0;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
.gh-checkbox label,
.gh-radio label {
color: #333;
display: block;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
font-size: 14px !important;
font-weight: bold;
line-height: 16px !important;
margin: 0;
padding: 0 0 0 25px;
}
.ui-page .gh-checkbox label.ui-disabled,
.ui-page .gh-radio label.ui-disabled {
opacity: 0.5;
}
.gh-checkbox [type="checkbox"]:focus + label,
.gh-radio [type="radio"]:focus + label {
outline: 2px solid auto;
outline: -webkit-focus-ring-color auto 2px;
outline: -moz-focus-ring-color auto 2px;
outline: -ms-focus-ring-color auto 2px;
outline: -o-focus-ring-color auto 2px;
outline: focus-ring-color auto 2px;
outline-offset: -2px;
outline-style: hidden;
}
.gh-checkbox label:before,
.gh-radio label:before {
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
color: #003da5;
font-family: 'FontAwesome';
font-size: 18px;
left: 0;
line-height: 18px;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.gh-checkbox label:before {
content: '\f0c8';
}
.gh-checkbox input[type="checkbox"]:checked + label:before {
content: '\f14a';
}
.gh-radio label:before {
content: '\f111';
}
.gh-radio input[type="radio"]:checked + label:before {
content: '\f192';
}
.gh-checkbox label,
.gh-radio label {
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
opacity: 0.9;
padding: 9px 20px 9px 40px;
}
.gh-checkbox [type="checkbox"]:hover + label,
.gh-checkbox [type="checkbox"]:focus + label,
.gh-radio [type="radio"]:hover + label,
.gh-radio [type="radio"]:focus + label {
border: 1px solid rgba(0,0,0,0.2);
opacity: 1;
}
.gh-checkbox label:before,
.gh-radio label:before {
left: 15px;
}
.gh-checkbox label[data-theme="a"]:before,
.gh-radio label[data-theme="a"]:before {
color: #fff;
}
.gh-checkbox label[data-theme="a"],
.gh-radio label[data-theme="a"] {
background: #333;
border: 1px solid #1f1f1f;
color: #fff;
opacity: 1;
}
.gh-checkbox [type="checkbox"]:hover + label[data-theme="a"],
.gh-checkbox [type="checkbox"]:focus + label[data-theme="a"],
.gh-radio [type="radio"]:hover + label[data-theme="a"],
.gh-radio [type="radio"]:focus + label[data-theme="a"] {
background: #373737;
border: 1px solid #000;
color: #fff;
opacity: 0.9;
}
.gh-checkbox [type="checkbox"]:hover + label[data-theme="a"]:before,
.gh-checkbox [type="checkbox"]:focus + label[data-theme="a"]:before,
.gh-radio [type="radio"]:hover + label[data-theme="a"]:before,
.gh-radio [type="radio"]:focus + label[data-theme="a"]:before {
color: #003da5;
}
.ui-page .gh-no-label > .gh-select,
.ui-page .gh-no-label > .gh-checkbox,
.ui-page .gh-no-label > .gh-btn,
.ui-page .gh-no-label > span,
.ui-page .gh-no-label > a,
.ui-page .gh-no-label .ps_box-value {
margin-left: calc(30% - 4px);
}
@media all and (max-width: 480px) {
.ui-page .gh-no-label > .gh-checkbox,
.ui-page .gh-no-label > .gh-btn,
.ui-page .gh-no-label > span,
.ui-page .gh-no-label > a,
.ui-page .gh-no-label .ps_box-value {
margin-left: 0;
}
}
/* Select all */
.gh-select-all .gh-checkbox {
margin: 0;
vertical-align: middle;
}
.gh-select-all .gh-checkbox label,
.gh-select-all .gh-radio label {
background: none;
border: none;
font-size: 0px !important;
padding: 0;
text-overflow: clip;
width: 20px;
}
.ui-page .gh-select-all .gh-checkbox label,
.ui-page .gh-select-all .gh-radio label {
border: none;
font-size: 0px !important;
}
.gh-select-all .gh-checkbox label:before,
.gh-select-all .gh-radio label:before {
-ms-transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
/* Attached */
.attached .gh-radio {
vertical-align: top;
}
.attached .gh-radio label {
background: transparent;
border-color: rgba(0,0,0,0.1) !important;
border-radius: 0 4px 0 0;
padding: 0;
text-overflow: clip;
width: 45px;
}
.ui-page .attached .gh-radio label {
font-size: 0px !important;
}
.attached .gh-radio label:hover,
.attached .gh-radio label:focus {
border-color: rgba(0,0,0,0.2) !important;
}
.attached .gh-radio label:before {
-ms-transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
color: #333;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.attached .gh-radio label:before,
.attached .gh-radio input[type="radio"]:checked + label:before {
content: '\f00c';
}
/* Sliders */
.gh-slider-container {
margin: 0;
padding: 0;
width: 100%;
}
.gh-slider-container .gh-slider {
-webkit-appearance: none;
appearance: none;
background: #eee;
height: 25px;
margin: 0;
outline: none;
padding: 0;
width: 100%;
}
/* Sliders - IE */
.gh-slider-container input[type=range]::-ms-track {
background: #eee;
border-color: transparent;
border-width: 6px 0;
color: transparent;
height: 25px;
width: 100%;
}
.gh-slider-container input[type=range]::-ms-fill-lower {
background: #eee;
}
/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.gh-slider-container .gh-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background: #003da5;
cursor: pointer;
height: 25px;
width: 20%; /* default value, reset in module */
}
.gh-slider-container .gh-slider::-moz-range-thumb {
background: #003da5;
cursor: pointer;
height: 25px;
width: 20%; /* default value, reset in module */
}
.gh-slider-container input[type=range]::-ms-thumb {
background: #003da5;
cursor: pointer;
height: 25px;
width: 40px; /* Set a specific slider handle width, cannot use percents */
}
/* Sliders - thumbs */
.gh-slider-container .gh-slider.gh-slider-option1::-webkit-slider-thumb {
width: 100%;
}
.gh-slider-container .gh-slider.gh-slider-option1::-moz-range-thumb {
width: 100%;
}
.gh-slider-container .gh-slider.gh-slider-option2::-webkit-slider-thumb {
width: 50%;
}
.gh-slider-container .gh-slider.gh-slider-option2::-moz-range-thumb {
width: 50%;
}
.gh-slider-container .gh-slider.gh-slider-option3::-webkit-slider-thumb {
width: 33.3%;
}
.gh-slider-container .gh-slider.gh-slider-option3::-moz-range-thumb {
width: 33.3%;
}
.gh-slider-container .gh-slider.gh-slider-option4::-webkit-slider-thumb {
width: 25%;
}
.gh-slider-container .gh-slider.gh-slider-option4::-moz-range-thumb {
width: 25%;
}
.gh-slider-container .gh-slider.gh-slider-option5::-webkit-slider-thumb {
width: 20%;
}
.gh-slider-container .gh-slider.gh-slider-option5::-moz-range-thumb {
width: 20%;
}
.gh-slider-container .gh-slider.gh-slider-option6::-webkit-slider-thumb {
width: 16.6%;
}
.gh-slider-container .gh-slider.gh-slider-option6::-moz-range-thumb {
width: 16.6%;
}
.gh-slider-container .gh-slider.gh-slider-option7::-webkit-slider-thumb {
width: 14.2%;
}
.gh-slider-container .gh-slider.gh-slider-option7::-moz-range-thumb {
width: 14.2%;
}
.gh-slider-container .gh-slider.gh-slider-option8::-webkit-slider-thumb {
width: 12.5%;
}
.gh-slider-container .gh-slider.gh-slider-option8::-moz-range-thumb {
width: 12.5%;
}
.gh-slider-container .gh-slider.gh-slider-option9::-webkit-slider-thumb {
width: 11.1%;
}
.gh-slider-container .gh-slider.gh-slider-option9::-moz-range-thumb {
width: 11.1%;
}
.gh-slider-container .gh-slider.gh-slider-option10::-webkit-slider-thumb {
width: 10%;
}
.gh-slider-container .gh-slider.gh-slider-option10::-moz-range-thumb {
width: 10%;
}
/* Sliders - labels and ticks */
.gh-slider-container ul.gh-slider-labels,
.gh-slider-container ul.gh-slider-ticks {
list-style: none;
margin: 0;
padding: 0;
}
.gh-slider-container ul.gh-slider-ticks {
height: 10px;
position: relative;
top: -7px;
}
.gh-slider-container ul.gh-slider-labels li {
border-collapse: collapse;
display: inline-block;
font-size: 10px;
height: 20px;
line-height: 10px;
margin: 0;
padding: 0;
text-align: center;
vertical-align: top;
}
.gh-slider-container ul.gh-slider-ticks li {
color: #aaa;
display: inline-block;
font-size: 10px;
line-height: 10px;
margin: 0;
padding: 0;
text-align: center;
vertical-align: top;
}
/* Flipswitch */
.gh-checkbox.gh-flipswitch {
display: block;
margin: 0;
}
.gh-checkbox.gh-flipswitch label {
background: none !important;
border: none !important;
border-radius: 0px;
color: #333;
font-size: 16px !important;
line-height: 24px !important;
min-height: 32px;
opacity: 1;
padding: 0;
}
.gh-checkbox.gh-flipswitch label:after,
.ui-table .gh-checkbox.gh-flipswitch label:before {
color: #003da5;
content: '\f204';
font-family: 'FontAwesome';
font-weight: normal;
font-size: 32px;
height: 32px;
line-height: 32px;
margin: 0 0 0 10px;
position: static;
vertical-align: middle;
width: auto;
}
@media (min-width: 481px) {
.gh-checkbox.gh-flipswitch label {
max-width: 30%;
}
.gh-checkbox.gh-flipswitch label:after,
.ui-table .gh-checkbox.gh-flipswitch label:before {
left: 30%;
margin: 0 0 0 -4px;
position: absolute;
}
}
.gh-checkbox.gh-flipswitch input[type="checkbox"]:checked + label:after,
.ui-table .gh-checkbox.gh-flipswitch input[type="checkbox"]:checked + label:before {
color: #003da5;
content: '\f205';
}
.gh-checkbox.gh-flipswitch label:before {
display: none;
}
.ui-table .gh-checkbox.gh-flipswitch label:before {
display: block;
left: 9999px;
margin: 0;
position: absolute;
top: 16px;
}
.ui-table .gh-checkbox.gh-flipswitch label {
text-indent: -9999px;
}
.ui-table .gh-checkbox.gh-flipswitch label:after {
display: none;
}
/* add class "gh-inline-mobile" in PFOs to inline labels and fields for 480px screen-size */
@media (max-width: 480px) {
/* grids */
.ui-page .gh-inline-mobile .ui-table b.ui-table-cell-label,
.ui-page .gh-inline-mobile .gh-row-collapsible b.ui-table-cell-label {
display: inline-block !important;
width: 48% !important;
}
.ui-page .gh-inline-mobile .ui-table b.ui-table-cell-label + div,
.ui-page .gh-inline-mobile .ui-table b.ui-table-cell-label + span,
.ui-page .gh-inline-mobile .gh-row-collapsible b.ui-table-cell-label + div,
.ui-page .gh-inline-mobile .gh-row-collapsible b.ui-table-cell-label + span {
display: inline-block !important;
width: 48% !important;
}
/* non-grids */
#jqm_main_page .gh-inline-mobile label.ui-input-text,
#jqm_main_page .gh-inline-mobile label.ui-select {
display: inline-block !important;
width: 48% !important;
}
#jqm_main_page .gh-inline-mobile label.ui-input-text + div,
#jqm_main_page .gh-inline-mobile label.ui-input-text + span,
#jqm_main_page .gh-inline-mobile label.ui-select + div,
#jqm_main_page .gh-inline-mobile label.ui-select + span {
display: inline-block !important;
width: 48% !important;
}
}
/*** Text ***/
/* Success */
.success {
color: #26762C;
}
/* Info */
.info {
color: #337ab7;
}
/* Warning */
.warning {
color: #BF5803;
}
/* Danger */
.danger {
color: #A40C0A;
}
/*** Containers ***/
.alert {
-moz-transition: all 150ms ease;
-webkit-transition: all 150ms ease;
border: 1px solid transparent;
border-radius: 4px;
color: #333;
margin: 0 0 10px 0;
padding: 15px;
position: relative;
transition: all 150ms ease;
}
.alert a {
color: #333;
text-decoration: underline;
}
.alert a.ui-btn,
.alert a[data-role="button"] {
text-decoration: none;
}
.alert span.fa {
float: left;
margin: 0 10px 0 0;
}
.alert span.fa + span,
.alert span.fa + div {
overflow: hidden;
}
.alert [style*="width"] {
width: auto !important;
}
/* Dismissable */
.alert[data-gh-alert-dismissable="true"] {
padding-right: 55px;
}
.alert.hidden {
border: none;
height: 0;
margin: 0;
opacity: 0;
padding: 0;
}
.alert.hidden * {
display: none !important;
}
/* Success */
.alert-success,
.ui-page div.ui-input-text.success,
.ui-page textarea.success,
.ui-page .gh-select.success select,
.ui-collapsible[data-alert="success"] .ui-collapsible-heading .ui-collapsible-heading-toggle,
[class="ui-body"][data-alert="success"] [class="ui-bar"] {
background: #dff0d8;
border-color: #d6e9c6;
}
.ui-collapsible[data-alert="success"] .ui-collapsible-heading .ui-collapsible-heading-toggle,
[class="ui-body"][data-alert="success"] [class="ui-bar"] {
color: #26762C;
}
.ui-collapsible[data-alert="success"] .ui-collapsible-content,
[class="ui-body"][data-alert="success"] {
border-color: #d6e9c6;
}
.ui-page div.ui-input-text.success:hover,
.ui-page div.ui-input-text.success:focus,
.ui-page div.ui-input-text.success.ui-focus,
.ui-page textarea.success:hover,
.ui-page textarea.success:focus,
.ui-page textarea.success.ui-focus,
.ui-page .gh-select.success select:hover,
.ui-page .gh-select.success select:focus {
border-color: #206B20;
}
.ui-collapsible[data-alert="success"] .ui-collapsible-heading a.attached,
[class="ui-body"][data-alert="success"] [class="ui-bar"] a.attached {
background: #206B20;
border-color: #206B20;
color: #fff;
}
.ui-collapsible[data-alert="success"] .ui-collapsible-heading a.attached:before,
[class="ui-body"][data-alert="success"] [class="ui-bar"] a.attached:before {
color: #fff;
}
.ui-collapsible[data-alert="success"] .ui-collapsible-heading-toggle:before,
.ui-collapsible[data-alert="success"] .ui-collapsible-heading-toggle:hover:before,
.ui-collapsible[data-alert="success"] .ui-collapsible-heading-toggle:focus:before,
.ui-collapsible .ui-collapsible-heading .fa.success,
.ui-collapsible[data-alert="success"] .ui-collapsible-heading .fa,
[class="ui-body"] [class="ui-bar"] .fa.success,
[class="ui-body"][data-alert="success"] [class="ui-bar"] .fa {
color: #26762C;
}
.ui-collapsible .ui-collapsible-heading .ui-icon-bubble.success,
.ui-collapsible[data-alert="success"] .ui-collapsible-heading .ui-icon-bubble,
[class="ui-body"] [class="ui-bar"] .ui-icon-bubble.success,
[class="ui-body"][data-alert="success"] [class="ui-bar"] .ui-icon-bubble {
background: #206B20;
}
/* Info */
.alert-info,
.ui-page div.ui-input-text.info,
.ui-page textarea.info,
.ui-page .gh-select.info select,
.ui-collapsible[data-alert="info"] .ui-collapsible-heading .ui-collapsible-heading-toggle,
[class="ui-body"][data-alert="info"] [class="ui-bar"] {
background: #d9edf7;
border-color: #bce8f1;
}
.ui-collapsible[data-alert="info"] .ui-collapsible-heading .ui-collapsible-heading-toggle,
[class="ui-body"][data-alert="info"] [class="ui-bar"] {
color: #337ab7;
}
.ui-collapsible[data-alert="info"] .ui-collapsible-content,
[class="ui-body"][data-alert="info"] {
border-color: #bce8f1;
}
.ui-page div.ui-input-text.info:hover,
.ui-page div.ui-input-text.info:focus,
.ui-page div.ui-input-text.info.ui-focus,
.ui-page textarea.info:hover,
.ui-page textarea.info:focus,
.ui-page textarea.info.ui-focus,
.ui-page .gh-select.info select:hover,
.ui-page .gh-select.info select:focus {
border-color: #1A619E;
}
.ui-collapsible[data-alert="info"] .ui-collapsible-heading a.attached,
[class="ui-body"][data-alert="info"] [class="ui-bar"] a.attached {
background: #1A619E;
border-color: #1A619E;
color: #fff;
}
.ui-collapsible[data-alert="info"] .ui-collapsible-heading a.attached:before,
[class="ui-body"][data-alert="info"] [class="ui-bar"] a.attached:before {
color: #fff;
}
.ui-collapsible[data-alert="info"] .ui-collapsible-heading-toggle:before,
.ui-collapsible[data-alert="info"] .ui-collapsible-heading-toggle:hover:before,
.ui-collapsible[data-alert="info"] .ui-collapsible-heading-toggle:focus:before,
.ui-collapsible .ui-collapsible-heading .fa.info,
.ui-collapsible[data-alert="info"] .ui-collapsible-heading .fa,
[class="ui-body"] [class="ui-bar"] .fa.info,
[class="ui-body"][data-alert="info"] [class="ui-bar"] .fa {
color: #337ab7;
}
.ui-collapsible .ui-collapsible-heading .ui-icon-bubble.info,
.ui-collapsible[data-alert="info"] .ui-collapsible-heading .ui-icon-bubble,
[class="ui-body"] [class="ui-bar"] .ui-icon-bubble.info,
[class="ui-body"][data-alert="info"] [class="ui-bar"] .ui-icon-bubble {
background: #1A619E;
}
/* Warning */
.alert-warning,
.ui-page div.ui-input-text.warning,
.ui-page textarea.warning,
.ui-page .gh-select.warning select,
.ui-collapsible[data-alert="warning"] .ui-collapsible-heading .ui-collapsible-heading-toggle,
[class="ui-body"][data-alert="warning"] [class="ui-bar"] {
background: #fcf8e3;
border-color: #faebcc;
}
.ui-collapsible[data-alert="warning"] .ui-collapsible-heading .ui-collapsible-heading-toggle,
[class="ui-body"][data-alert="warning"] [class="ui-bar"] {
color: #BF5803;
}
.ui-collapsible[data-alert="warning"] .ui-collapsible-content,
[class="ui-body"][data-alert="warning"] {
border-color: #faebcc;
}
.ui-page div.ui-input-text.warning:hover,
.ui-page div.ui-input-text.warning:focus,
.ui-page div.ui-input-text.warning.ui-focus,
.ui-page textarea.warning:hover,
.ui-page textarea.warning:focus,
.ui-page textarea.warning.ui-focus,
.ui-page .gh-select.warning select:hover,
.ui-page .gh-select.warning select:focus {
border-color: #BF5803;
}
.ui-collapsible[data-alert="warning"] .ui-collapsible-heading a.attached,
[class="ui-body"][data-alert="warning"] [class="ui-bar"] a.attached {
background: #BF5803;
border-color: #BF5803;
color: #fff;
}
.ui-collapsible[data-alert="warning"] .ui-collapsible-heading a.attached:before,
[class="ui-body"][data-alert="warning"] [class="ui-bar"] a.attached:before {
color: #fff;
}
.ui-collapsible[data-alert="warning"] .ui-collapsible-heading-toggle:before,
.ui-collapsible[data-alert="warning"] .ui-collapsible-heading-toggle:hover:before,
.ui-collapsible[data-alert="warning"] .ui-collapsible-heading-toggle:focus:before,
.ui-collapsible .ui-collapsible-heading .fa.warning,
.ui-collapsible[data-alert="warning"] .ui-collapsible-heading .fa,
[class="ui-body"] [class="ui-bar"] .fa.warning,
[class="ui-body"][data-alert="warning"] [class="ui-bar"] .fa {
color: #BF5803;
}
.ui-collapsible .ui-collapsible-heading .ui-icon-bubble.warning,
.ui-collapsible[data-alert="warning"] .ui-collapsible-heading .ui-icon-bubble,
[class="ui-body"] [class="ui-bar"] .ui-icon-bubble.warning,
[class="ui-body"][data-alert="warning"] [class="ui-bar"] .ui-icon-bubble {
background: #BF5803;
}
/* Danger */
.alert-danger,
.ui-page div.ui-input-text.danger,
.ui-page textarea.danger,
.ui-page div.ui-input-text.PSERROR,
.ui-page textarea.PSERROR,
.ui-page .gh-select.danger select,
.ui-page .gh-select.PSERROR select,
.ui-collapsible[data-alert="danger"] .ui-collapsible-heading .ui-collapsible-heading-toggle,
[class="ui-body"][data-alert="danger"] [class="ui-bar"] {
background: #f2dede;
border-color: #ebccd1;
}
.ui-collapsible[data-alert="danger"] .ui-collapsible-heading .ui-collapsible-heading-toggle,
[class="ui-body"][data-alert="danger"] [class="ui-bar"] {
color: #A40C0A;
}
.ui-collapsible[data-alert="danger"] .ui-collapsible-content,
[class="ui-body"][data-alert="danger"] {
border-color: #ebccd1;
}
.ui-page div.ui-input-text.danger:hover,
.ui-page div.ui-input-text.danger:focus,
.ui-page div.ui-input-text.danger.ui-focus,
.ui-page div.ui-input-text.PSERROR:hover,
.ui-page div.ui-input-text.PSERROR:focus,
.ui-page div.ui-input-text.PSERROR.ui-focus,
.ui-page textarea.danger:hover,
.ui-page textarea.danger:focus,
.ui-page textarea.danger.ui-focus,
.ui-page textarea.PSERROR:hover,
.ui-page textarea.PSERROR:focus,
.ui-page textarea.PSERROR.ui-focus,
.ui-page .gh-select.danger select:hover,
.ui-page .gh-select.danger select:focus,
.ui-page .gh-select.PSERROR select:hover,
.ui-page .gh-select.PSERROR select:focus {
border-color: #A40C0A;
}
.ui-collapsible[data-alert="danger"] .ui-collapsible-heading a.attached,
[class="ui-body"][data-alert="danger"] [class="ui-bar"] a.attached {
background: #A40C0A;
border-color: #A40C0A;
color: #fff;
}
.ui-collapsible[data-alert="danger"] .ui-collapsible-heading a.attached:before,
[class="ui-body"][data-alert="danger"] [class="ui-bar"] a.attached:before {
color: #fff;
}
.ui-collapsible[data-alert="danger"] .ui-collapsible-heading-toggle:before,
.ui-collapsible[data-alert="danger"] .ui-collapsible-heading-toggle:hover:before,
.ui-collapsible[data-alert="danger"] .ui-collapsible-heading-toggle:focus:before,
.ui-collapsible .ui-collapsible-heading .fa.danger,
.ui-collapsible[data-alert="danger"] .ui-collapsible-heading .fa,
[class="ui-body"] [class="ui-bar"] .fa.danger,
[class="ui-body"][data-alert="danger"] [class="ui-bar"] .fa {
color: #A40C0A;
}
.ui-collapsible .ui-collapsible-heading .ui-icon-bubble.danger,
.ui-collapsible[data-alert="danger"] .ui-collapsible-heading .ui-icon-bubble,
[class="ui-body"] [class="ui-bar"] .ui-icon-bubble.danger,
[class="ui-body"][data-alert="danger"] [class="ui-bar"] .ui-icon-bubble {
background: #A40C0A;
}
/* Attached button */
.ui-collapsible[data-alert="success"] .ui-collapsible-heading a.attached,
.ui-collapsible[data-alert="info"] .ui-collapsible-heading a.attached,
.ui-collapsible[data-alert="warning"] .ui-collapsible-heading a.attached,
.ui-collapsible[data-alert="danger"] .ui-collapsible-heading a.attached,
[class="ui-body"][data-alert="success"] [class="ui-bar"] a.attached,
[class="ui-body"][data-alert="info"] [class="ui-bar"] a.attached,
[class="ui-body"][data-alert="warning"] [class="ui-bar"] a.attached,
[class="ui-body"][data-alert="danger"] [class="ui-bar"] a.attached {
opacity: 0.9;
}
.ui-collapsible[data-alert="success"] .ui-collapsible-heading a.attached:hover,
.ui-collapsible[data-alert="success"] .ui-collapsible-heading a.attached:focus,
.ui-collapsible[data-alert="info"] .ui-collapsible-heading a.attached:hover,
.ui-collapsible[data-alert="info"] .ui-collapsible-heading a.attached:focus,
.ui-collapsible[data-alert="warning"] .ui-collapsible-heading a.attached:hover,
.ui-collapsible[data-alert="warning"] .ui-collapsible-heading a.attached:focus,
.ui-collapsible[data-alert="danger"] .ui-collapsible-heading a.attached:hover,
.ui-collapsible[data-alert="danger"] .ui-collapsible-heading a.attached:focus,
[class="ui-body"][data-alert="success"] [class="ui-bar"] a.attached:hover,
[class="ui-body"][data-alert="success"] [class="ui-bar"] a.attached:focus,
[class="ui-body"][data-alert="info"] [class="ui-bar"] a.attached:hover,
[class="ui-body"][data-alert="info"] [class="ui-bar"] a.attached:focus,
[class="ui-body"][data-alert="warning"] [class="ui-bar"] a.attached:hover,
[class="ui-body"][data-alert="warning"] [class="ui-bar"] a.attached:focus,
[class="ui-body"][data-alert="danger"] [class="ui-bar"] a.attached:hover,
[class="ui-body"][data-alert="danger"] [class="ui-bar"] a.attached:focus {
opacity: 1;
}
/*** Close ***/
.alert .alert-close {
border: 1px solid transparent;
border-radius: 0 4px;
padding: 15px 15px 15px 0;
position: absolute;
right: -1px;
text-decoration: none;
top: -1px;
}
.alert .alert-close span.fa {
float: none;
margin: 0;
}
/* Success */
.alert-success .alert-close {
color: #206B20;
}
.alert-success .alert-close:hover,
.alert-success .alert-close:focus {
color: #333;
}
/* Info */
.alert-info .alert-close {
color: #1A619E;
}
.alert-info .alert-close:hover,
.alert-info .alert-close:focus {
color: #333;
}
/* Warning */
.alert-warning .alert-close {
color: #BF5803;
}
.alert-warning .alert-close:hover,
.alert-warning .alert-close:focus {
color: #333;
}
/* Danger */
.alert-danger .alert-close {
color: #A40C0A;
}
.alert-danger .alert-close:hover,
.alert-danger .alert-close:focus {
color: #333;
}
/*** Buttons ***/
.ui-btn.success,
.ui-btn.info,
.ui-btn.danger,
.ui-btn.warning,
.ui-btn.primary {
opacity: 0.9;
}
[data-role="button"].success,
[data-role="button"].info,
[data-role="button"].warning,
[data-role="button"].danger,
[data-role="button"].primary {
opacity: 0.9;
}
[class*="-checkbox"] label.success,
[class*="-checkbox"] label.info,
[class*="-checkbox"] label.warning,
[class*="-checkbox"] label.danger,
[class*="-checkbox"] label.primary {
opacity: 0.9;
}
[class*="-radio"] label.success,
[class*="-radio"] label.info,
[class*="-radio"] label.warning,
[class*="-radio"] label.danger,
[class*="-radio"] label.primary {
opacity: 0.9;
}
.ui-btn.success:hover,
.ui-btn.success:focus,
.ui-btn.success.ui-focus,
.ui-btn.info:hover,
.ui-btn.info:focus,
.ui-btn.info.ui-focus,
.ui-btn.warning:hover,
.ui-btn.warning:focus,
.ui-btn.warning.ui-focus,
.ui-btn.danger:hover,
.ui-btn.danger:focus,
.ui-btn.danger.ui-focus,
.ui-btn.primary:hover,
.ui-btn.primary:focus,
.ui-btn.primary.ui-focus {
opacity: 1;
}
[data-role="button"].success:hover,
[data-role="button"].success:focus,
[data-role="button"].success.ui-focus,
[data-role="button"].info:hover,
[data-role="button"].info:focus,
[data-role="button"].info.ui-focus,
[data-role="button"].warning:hover,
[data-role="button"].warning:focus,
[data-role="button"].warning.ui-focus,
[data-role="button"].danger:hover,
[data-role="button"].danger:focus,
[data-role="button"].danger.ui-focus,
[data-role="button"].primary:hover,
[data-role="button"].primary:focus,
[data-role="button"].primary.ui-focus {
opacity: 1;
}
[class*="-checkbox"] label.success:hover,
[class*="-checkbox"] label.success:focus,
[class*="-checkbox"] label.success.ui-focus,
[class*="-checkbox"] label.info:hover,
[class*="-checkbox"] label.info:focus,
[class*="-checkbox"] label.info.ui-focus,
[class*="-checkbox"] label.warning:hover,
[class*="-checkbox"] label.warning:focus,
[class*="-checkbox"] label.warning.ui-focus,
[class*="-checkbox"] label.danger:hover,
[class*="-checkbox"] label.danger:focus,
[class*="-checkbox"] label.danger.ui-focus,
[class*="-checkbox"] label.primary:hover,
[class*="-checkbox"] label.primary:focus,
[class*="-checkbox"] label.primary.ui-focus {
opacity: 1;
}
[class*="-radio"] label.success:hover,
[class*="-radio"] label.success:focus,
[class*="-radio"] label.success.ui-focus,
[class*="-radio"] label.info:hover,
[class*="-radio"] label.info:focus,
[class*="-radio"] label.info.ui-focus,
[class*="-radio"] label.warning:hover,
[class*="-radio"] label.warning:focus,
[class*="-radio"] label.warning.ui-focus,
[class*="-radio"] label.danger:hover,
[class*="-radio"] label.danger:focus,
[class*="-radio"] label.danger.ui-focus,
[class*="-radio"] label.primary:hover,
[class*="-radio"] label.primary:focus,
[class*="-radio"] label.primary.ui-focus {
opacity: 1;
}
.ui-btn.success:before,
.ui-btn.success span,
.ui-btn.success span:before,
.ui-btn.info:before,
.ui-btn.info span,
.ui-btn.info span:before,
.ui-btn.warning:before,
.ui-btn.warning span,
.ui-btn.warning span:before,
.ui-btn.danger:before,
.ui-btn.danger span,
.ui-btn.danger span:before {
color: #fff !important;
}
.ui-btn.primary:before,
.ui-btn.primary span,
.ui-btn.primary span:before {
color: #fff !important;
}
[data-role="button"].success:before,
[data-role="button"].success span,
[data-role="button"].success span:before,
[data-role="button"].info:before,
[data-role="button"].info span,
[data-role="button"].info span:before,
[data-role="button"].warning:before,
[data-role="button"].warning span,
[data-role="button"].warning span:before,
[data-role="button"].danger span:before,
[data-role="button"].danger span,
[data-role="button"].danger span:before {
color: #fff !important;
}
[data-role="button"].primary span:before,
[data-role="button"].primary span,
[data-role="button"].primary span:before {
color: #fff !important;
}
[class*="-checkbox"] label.success,
[class*="-checkbox"] label.success:before,
[class*="-checkbox"] label.success span,
[class*="-checkbox"] label.success .ui-icon:before,
[class*="-checkbox"] label.info,
[class*="-checkbox"] label.info:before,
[class*="-checkbox"] label.info span,
[class*="-checkbox"] label.info .ui-icon:before,
[class*="-checkbox"] label.warning,
[class*="-checkbox"] label.warning:before,
[class*="-checkbox"] label.warning span,
[class*="-checkbox"] label.warning .ui-icon:before,
[class*="-checkbox"] label.danger,
[class*="-checkbox"] label.danger:before,
[class*="-checkbox"] label.danger span,
[class*="-checkbox"] label.danger .ui-icon:before {
color: #fff;
}
[class*="-checkbox"] label.primary,
[class*="-checkbox"] label.primary:before,
[class*="-checkbox"] label.primary span,
[class*="-checkbox"] label.primary .ui-icon:before {
color: #fff;
}
[class*="-radio"] label.success,
[class*="-radio"] label.success:before,
[class*="-radio"] label.success span,
[class*="-radio"] label.success .ui-icon:before,
[class*="-radio"] label.info,
[class*="-radio"] label.info:before,
[class*="-radio"] label.info span,
[class*="-radio"] label.info .ui-icon:before,
[class*="-radio"] label.warning,
[class*="-radio"] label.warning:before,
[class*="-radio"] label.warning span,
[class*="-radio"] label.warning .ui-icon:before,
[class*="-radio"] label.danger,
[class*="-radio"] label.danger:before,
[class*="-radio"] label.danger span,
[class*="-radio"] label.danger .ui-icon:before {
color: #fff;
}
[class*="-radio"] label.primary,
[class*="-radio"] label.primary:before,
[class*="-radio"] label.primary span,
[class*="-radio"] label.primary .ui-icon:before {
color: #fff;
}
/* Success */
.ui-btn.success[class^="PS"],
.ui-btn.success[class^="SSS"],
.ui-btn.success[class^="PA"],
.ui-btn.success,
.ui-btn.success:hover,
.ui-btn.success:focus,
.ui-btn.success.ui-focus,
.gh-submenu-wrap .gh-submenu .success.info,
.gh-submenu-wrap .gh-submenu .success.info:hover,
.gh-submenu-wrap .gh-submenu .success.info:focus,
.gh-submenu-wrap .gh-submenu .success.info.ui-focus {
background: #206B20;
border: 1px solid #206B20;
}
[data-role="button"].success,
[data-role="button"].success:hover,
[data-role="button"].success:focus,
[data-role="button"].success.ui-focus {
background: #206B20;
border: 1px solid #206B20;
}
[class*="-checkbox"] label.success,
[class*="-checkbox"] label.success:hover,
[class*="-checkbox"] label.success:focus,
[class*="-checkbox"] label.success.ui-focus {
background: #206B20;
border: 1px solid #206B20 !important;
}
[class*="-radio"] label.success,
[class*="-radio"] label.success:hover,
[class*="-radio"] label.success:focus,
[class*="-radio"] label.success.ui-focus {
background: #206B20;
border: 1px solid #206B20 !important;
}
.ui-btn.ui-btn-icon-success:before,
.ui-btn.ui-btn-icon-success:hover:before,
.ui-btn.ui-btn-icon-success:focus:before,
.ui-btn.ui-btn-icon-success.ui-focus:before,
.ui-btn .ui-icon.success:before,
.ui-btn:hover .ui-icon.success:before,
.ui-btn:focus .ui-icon.success:before,
.ui-btn.ui-focus .ui-icon.success:before {
color: #26762C;
}
/* Info */
.ui-btn.info[class^="PS"],
.ui-btn.info[class^="SSS"],
.ui-btn.info[class^="PA"],
.ui-btn.info,
.ui-btn.info:hover,
.ui-btn.info:focus,
.ui-btn.info.ui-focus,
.gh-submenu-wrap .gh-submenu .toggle.info,
.gh-submenu-wrap .gh-submenu .toggle.info:hover,
.gh-submenu-wrap .gh-submenu .toggle.info:focus,
.gh-submenu-wrap .gh-submenu .toggle.info.ui-focus {
background: #1A619E;
border: 1px solid #1A619E;
}
[data-role="button"].info,
[data-role="button"].info:hover,
[data-role="button"].info:focus,
[data-role="button"].info.ui-focus {
background: #1A619E;
border: 1px solid #1A619E;
}
[class*="-checkbox"] label.info,
[class*="-checkbox"] label.info:hover,
[class*="-checkbox"] label.info:focus,
[class*="-checkbox"] label.info.ui-focus {
background: #1A619E;
border: 1px solid #1A619E !important;
}
[class*="-radio"] label.info,
[class*="-radio"] label.info:hover,
[class*="-radio"] label.info:focus,
[class*="-radio"] label.info.ui-focus {
background: #1A619E;
border: 1px solid #1A619E !important;
}
.ui-btn.ui-btn-icon-info:before,
.ui-btn.ui-btn-icon-info:hover:before,
.ui-btn.ui-btn-icon-info:focus:before,
.ui-btn.ui-btn-icon-info.ui-focus:before,
.ui-btn .ui-icon.info:before,
.ui-btn:hover .ui-icon.info:before,
.ui-btn:focus .ui-icon.info:before,
.ui-btn.ui-focus .ui-icon.info:before {
color: #337ab7;
}
/* Warning */
.ui-btn.warning[class^="PS"],
.ui-btn.warning[class^="SSS"],
.ui-btn.warning[class^="PA"],
.ui-btn.warning,
.ui-btn.warning:hover,
.ui-btn.warning:focus,
.ui-btn.warning.ui-focus,
.gh-submenu-wrap .gh-submenu .toggle.warning,
.gh-submenu-wrap .gh-submenu .toggle.warning:hover,
.gh-submenu-wrap .gh-submenu .toggle.warning:focus,
.gh-submenu-wrap .gh-submenu .toggle.warning.ui-focus {
background: #BF5803;
border: 1px solid #BF5803;
}
[data-role="button"].warning,
[data-role="button"].warning:hover,
[data-role="button"].warning:focus,
[data-role="button"].warning.ui-focus {
background: #BF5803;
border: 1px solid #BF5803;
}
[class*="-checkbox"] label.warning,
[class*="-checkbox"] label.warning:hover,
[class*="-checkbox"] label.warning:focus,
[class*="-checkbox"] label.warning.ui-focus {
background: #BF5803;
border: 1px solid #BF5803 !important;
}
[class*="-radio"] label.warning,
[class*="-radio"] label.warning:hover,
[class*="-radio"] label.warning:focus,
[class*="-radio"] label.warning.ui-focus {
background: #BF5803;
border: 1px solid #BF5803 !important;
}
.ui-btn.ui-btn-icon-warning:before,
.ui-btn.ui-btn-icon-warning:hover:before,
.ui-btn.ui-btn-icon-warning:focus:before,
.ui-btn.ui-btn-icon-warning.ui-focus:before,
.ui-btn .ui-icon.warning:before,
.ui-btn:hover .ui-icon.warning:before,
.ui-btn:focus .ui-icon.warning:before,
.ui-btn.ui-focus .ui-icon.warning:before {
color: #BF5803;
}
/* Danger */
.ui-btn.danger[class^="PS"],
.ui-btn.danger[class^="SSS"],
.ui-btn.danger[class^="PA"],
.ui-btn.danger,
.ui-btn.danger:hover,
.ui-btn.danger:focus,
.ui-btn.danger.ui-focus,
.gh-submenu-wrap .gh-submenu .toggle.danger,
.gh-submenu-wrap .gh-submenu .toggle.danger:hover,
.gh-submenu-wrap .gh-submenu .toggle.danger:focus,
.gh-submenu-wrap .gh-submenu .toggle.danger.ui-focus {
background: #A40C0A;
border: 1px solid #A40C0A;
}
[data-role="button"].danger,
[data-role="button"].danger:hover,
[data-role="button"].danger:focus,
[data-role="button"].danger.ui-focus {
background: #A40C0A;
border: 1px solid #A40C0A;
}
[class*="-checkbox"] label.danger,
[class*="-checkbox"] label.danger:hover,
[class*="-checkbox"] label.danger:focus,
[class*="-checkbox"] label.danger.ui-focus {
background: #A40C0A;
border: 1px solid #A40C0A !important;
}
[class*="-radio"] label.danger,
[class*="-radio"] label.danger:hover,
[class*="-radio"] label.danger:focus,
[class*="-radio"] label.danger.ui-focus {
background: #A40C0A;
border: 1px solid #A40C0A !important;
}
.ui-btn.ui-btn-icon-danger:before,
.ui-btn.ui-btn-icon-danger:hover:before,
.ui-btn.ui-btn-icon-danger:focus:before,
.ui-btn.ui-btn-icon-danger.ui-focus:before,
.ui-btn .ui-icon.danger:before,
.ui-btn:hover .ui-icon.danger:before,
.ui-btn:focus .ui-icon.danger:before,
.ui-btn.ui-focus .ui-icon.danger:before {
color: #A40C0A;
}
/* Error */
.PSERROR {
background-color: transparent;
}
.ui-btn.PSERROR {
background: #f2dede;
border: 1px solid #ebccd1;
}
.ui-btn.PSERROR * {
font-size: 14px !important;
font-weight: bold;
line-height: 16px !important;
}
.ui-btn.PSERROR:hover,
.ui-btn.PSERROR:focus,
.ui-btn.PSERROR.ui-focus {
border-color: #A40C0A;
}
[data-role="button"].PSERROR {
background: #f2dede;
border: 1px solid #ebccd1;
}
[data-role="button"].PSERROR * {
font-size: 14px !important;
font-weight: bold;
line-height: 16px !important;
}
[data-role="button"].PSERROR:hover,
[data-role="button"].PSERROR:focus,
[data-role="button"].PSERROR.ui-focus {
border-color: #A40C0A;
}
[class*="-checkbox"] label.PSERROR {
background: #f2dede;
border: 1px solid #ebccd1 !important;
}
[class*="-checkbox"] label.PSERROR:hover,
[class*="-checkbox"] label.PSERROR:focus,
[class*="-checkbox"] label.PSERROR.ui-focus {
border-color: #A40C0A !important;
}
[class*="-radio"] label.PSERROR {
background: #f2dede;
border: 1px solid #ebccd1 !important;
}
[class*="-radio"] label.PSERROR:hover,
[class*="-radio"] label.PSERROR:focus,
[class*="-radio"] label.PSERROR.ui-focus {
border-color: #A40C0A !important;
}
/* Primary */
.ui-btn.primary,
[data-role="button"].primary,
.gh-submenu-wrap .gh-submenu .toggle.primary {
background: #003da5;
border: 1px solid #003da5;
}
.ui-btn.primary:hover,
.ui-btn.primary:focus,
.ui-btn.primary.ui-focus,
.gh-submenu-wrap .gh-submenu .toggle.primary:hover,
.gh-submenu-wrap .gh-submenu .toggle.primary:focus,
.gh-submenu-wrap .gh-submenu .toggle.primary.ui-focus,
[data-role="button"].primary:hover,
[data-role="button"].primary:focus
[data-role="button"].primary.ui-focus {
background: #003da5;
border: 1px solid #003da5;
}
[class*="-checkbox"] label.primary {
background: #003da5;
border: 1px solid #003da5;
}
[class*="-checkbox"] label.primary:hover,
[class*="-checkbox"] label.primary:focus,
[class*="-checkbox"] label.primary.ui-focus {
background: #003da5;
border: 1px solid #003da5;
}
[class*="-radio"] label.primary {
background: #003da5;
border: 1px solid #003da5;
}
[class*="-radio"] label.primary:hover,
[class*="-radio"] label.primary:focus,
[class*="-radio"] label.primary.ui-focus {
background: #003da5;
border: 1px solid #003da5;
}
/*** Containers ***/
.ui-content .ui-collapsible {
margin: 0 0 5px 0;
}
/* Heading */
.gs-collapsible-header {
display: none;
}
.ui-collapsible .ui-collapsible-heading {
border-radius: 0px;
margin: 0;
position: relative;
}
.ui-collapsible .ui-collapsible-heading-toggle {
background: #f5f5f5;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 4px 4px 0 0;
display: block;
padding: 11px 15px 11px 40px;
position: relative;
text-decoration: none;
}
.ui-collapsible[data-theme="a"] .ui-collapsible-heading-toggle {
background: #333;
border: 1px solid #1f1f1f;
}
.ui-collapsible.ui-collapsible-collapsed .ui-collapsible-heading-toggle {
border-radius: 4px;
}
.ui-collapsible .ui-collapsible-heading-toggle,
.ui-collapsible .ui-collapsible-heading-toggle * {
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
.ui-collapsible .ui-collapsible-heading-toggle,
.ui-collapsible .ui-collapsible-heading-toggle *,
.ui-collapsible .ui-collapsible-heading-toggle.ui-link,
.ui-collapsible .ui-collapsible-heading-toggle:link,
.ui-collapsible .ui-collapsible-heading-toggle:active,
.ui-collapsible .ui-collapsible-heading-toggle:visited {
color: #333;
}
.ui-collapsible[data-theme="a"] .ui-collapsible-heading-toggle,
.ui-collapsible[data-theme="a"] .ui-collapsible-heading-toggle *,
.ui-collapsible[data-theme="a"] .ui-collapsible-heading-toggle.ui-link,
.ui-collapsible[data-theme="a"] .ui-collapsible-heading-toggle:link,
.ui-collapsible[data-theme="a"] .ui-collapsible-heading-toggle:active,
.ui-collapsible[data-theme="a"] .ui-collapsible-heading-toggle:visited {
color: #fff;
}
.ui-collapsible .ui-collapsible-heading-toggle:hover,
.ui-collapsible .ui-collapsible-heading-toggle:focus {
background: #f5f5f5;
border: 1px solid rgba(0,0,0,0.2);
color: #333;
text-decoration: none;
}
.ui-collapsible[data-theme="a"] .ui-collapsible-heading-toggle:hover,
.ui-collapsible[data-theme="a"] .ui-collapsible-heading-toggle:focus {
background: #555;
border: 1px solid #1f1f1f;
color: #fff;
}
.ui-collapsible.ui-collapsible-collapsed .ui-collapsible-heading-toggle:before {
content: '\f107';
}
.ui-collapsible .ui-collapsible-heading-toggle:before {
color: #003da5;
content: '\f106';
font-family: 'FontAwesome';
font-size: 20px;
font-weight: normal;
left: 15px;
line-height: 20px;
margin: -9px 0 0 0;
position: absolute;
top: 50%;
}
.ui-collapsible[data-theme="a"] .ui-collapsible-heading-toggle:before {
color: #fff;
}
.ui-collapsible .ui-collapsible-heading-toggle:hover:before,
.ui-collapsible .ui-collapsible-heading-toggle:focus:before {
color: #003da5;
}
.ui-collapsible[data-theme="a"] .ui-collapsible-heading-toggle:hover:before,
.ui-collapsible[data-theme="a"] .ui-collapsible-heading-toggle:focus:before {
color: #fff;
}
/* Icons */
.ui-collapsible .ui-collapsible-heading .fa {
color: #003da5;
float: right;
margin: 0 0 0 10px;
}
.ui-collapsible[data-theme="a"] .ui-collapsible-heading .fa {
color: #fff;
}
.ui-collapsible .ui-collapsible-heading .ui-icon-bubble {
background: #003da5;
border-radius: 4px;
display: block !important;
color: #fff;
float: right;
font-size: 13px;
font-weight: bold;
height: 18px;
line-height: 18px;
margin: -2px 0 -2px 10px;
padding: 2px 8px;
width: auto;
}
.ui-collapsible[data-theme="a"] .ui-collapsible-heading .ui-icon-bubble {
background: #fff;
}
/* Content */
.ui-collapsible .ui-collapsible-content {
background: #fff;
border-right: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.1);
border-left: 1px solid rgba(0,0,0,0.1);
border-radius: 0 0 4px 4px;
margin: 0;
padding: 15px;
}
.ui-collapsible.ui-collapsible-collapsed > .ui-collapsible-content {
display: none;
}
/*** Panel ***/
.ui-panel .gh-listview .ui-collapsible {
background: rgba(255, 255, 255, 0.05);
margin: -11px -15px;
}
.ui-panel .gh-listview .ui-collapsible-collapsed {
background: none;
}
.ui-panel .gh-listview .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle {
color: #333;
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 20px;
margin: 0;
padding: 12px 40px;
}
.ui-panel .gh-listview .ui-collapsible.gh-active-collapsible > .ui-collapsible-heading > .ui-collapsible-heading-toggle,
.ui-panel .gh-listview .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:hover,
.ui-panel .gh-listview .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:focus {
color: #0760a4;
}
.ui-panel .gh-listview .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:before {
color: #003da5;
left: auto;
right: 10px;
}
.ui-panel .gh-listview .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:hover:before,
.ui-panel .gh-listview .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:focus:before {
color: #003da5;
}
.ui-panel .gh-listview .ui-collapsible-heading a:after {
display: none;
}
/* Subnav */
.ui-panel .gh-listview li li .ui-collapsible {
background: none;
margin: 0;
}
.ui-panel .gh-listview li li .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle {
font-size: 14px;
line-height: 14px;
padding-top: 8px;
padding-bottom: 8px;
}
.ui-panel .gh-listview li.sequential li .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:before {
content: '\f104';
left: 10px;
font-size: 18px;
line-height: 18px;
right: auto;
}
.ui-panel .gh-listview li.sequential li .ui-collapsible-collapsed .ui-collapsible-heading .ui-collapsible-heading-toggle:before {
content: '\f105';
left: auto;
right: 10px;
}
.ui-panel .gh-listview li.sequential li .ui-collapsible a {
padding-left: 40px;
}
/*** Footers ***/
.gh-container-footer {
margin: 15px 0 0 0;
}
.gh-container-footer.prepend {
margin-top: 0;
margin-bottom: 5px;
}
.gh-container-footer.attach {
margin-right: -15px;
margin-bottom: -16px;
margin-left: -15px;
}
.gh-container-footer.attach.prepend {
margin-top: -15px;
margin-bottom: 15px;
}
.gh-container-footer ul {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
gap: 5px;
list-style: none;
margin: 0;
padding: 0;
}
.gh-container-footer.align-center ul {
justify-content: center;
}
.gh-container-footer.align-right ul {
justify-content: flex-end;
}
.gh-container-footer li {
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex: 0 1 auto;
}
.gh-container-footer.stretch li,
.gh-container-footer.attach li {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.gh-container-footer li.align-right {
margin-left: auto;
}
.gh-container-footer li.align-right,
.gh-container-footer li.align-right a {
text-align: right;
}
.gh-container-footer li:last-child {
margin-right: 0;
}
.gh-container-footer.attach li {
margin: 0;
}
.gh-container-footer li a {
-ms-flex: 1;
-webkit-flex: 1;
box-sizing: border-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex: 1;
margin: 0;
text-align: left;
}
.gh-container-footer li[class*="align-"] a {
display: inline-block;
}
.gh-container-footer.attach li a {
border-radius: 0px;
height: 100%;
margin-bottom: -1px;
margin-left: -1px;
text-align: center;
}
div[class="ui-body"] .gh-container-footer.attach li:last-child a,
.ui-collapsible .gh-container-footer.attach li:last-child a {
border-bottom-right-radius: 4px;
}
div[class="ui-body"] .gh-container-footer.attach li:first-child a,
.ui-collapsible .gh-container-footer.attach li:first-child a {
border-bottom-left-radius: 4px;
}
.gh-container-footer.attach li:last-child a {
margin-right: -1px;
}
.gh-container-footer li a > span {
-moz-box-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
-webkit-align-self: center;
-webkit-box-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
align-self: center;
flex: 1 1 auto;
}
.gh-container-footer li a .ui-btn-inner {
padding-top: 8px;
padding-bottom: 8px;
}
.gh-container-footer li a[data-icon][data-icon-position="right"] > span {
justify-content: flex-end;
}
/*** Custom listviews ***/
.gh-listview {
list-style: none;
margin: 0 0 15px 0;
padding: 0;
}
.gh-listview[data-inset="true"] {
border-radius: 4px;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.gh-listview li,
.gh-listview li a,
.gh-listview li a.ui-link,
.gh-listview li a.ui-link:link,
.gh-listview li a.ui-link:active,
.gh-listview li a.ui-link:visited {
font-weight: normal;
text-shadow: none;
}
.gh-listview li a,
.gh-listview li a.ui-link,
.gh-listview li a.ui-link:link,
.gh-listview li a.ui-link:active,
.gh-listview li a.ui-link:visited {
color: #333;
}
.gh-listview li {
border-bottom: 1px solid #ddd;
padding: 11px 15px;
}
.gh-listview[data-inset="true"] li:first-child {
border-top: 1px solid #ddd;
}
.gh-listview li a {
background: #fff;
display: block;
margin: -11px -15px;
padding: 11px 40px 11px 15px;
position: relative;
text-decoration: none;
}
.gh-listview li a:after {
color: #999;
content: '\f105';
font-family: 'FontAwesome';
font-size: 20px;
line-height: 20px;
margin: -9px 0 0 0;
position: absolute;
right: 10px;
top: 50%;
}
.gh-listview li a:hover,
.gh-listview li a:focus {
background: #f5f5f5;
text-decoration: none;
}
.gh-listview[data-inset="true"] li:first-child,
.gh-listview[data-inset="true"] li:first-child a {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.gh-listview[data-inset="true"] li:last-child,
.gh-listview[data-inset="true"] li:last-child a {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
/* Heading */
.gh-listview li .ui-li-heading {
color: #333;
font-size: 16px;
line-height: 20px;
margin: 0 0 2px 0;
}
/* Description */
.gh-listview li .ui-li-desc {
color: #333;
font-size: 14px;
line-height: 16px;
margin: 0;
padding: 0;
}
/* Divider */
.gh-listview [data-role="list-divider"] {
background: #fff;
font-size: 14px;
font-weight: bold;
line-height: 16px;
text-transform: uppercase;
}
/*** Container listviews ***/
.ui-page div[class="ui-body"] {
min-height: 1px !important;
}
.ui-page div[class="ui-body"] ul[data-transform-links],
.ui-page .ui-collapsible-content ul[data-transform-links] {
margin: -15px -15px -16px -15px;
}
.ui-page div[class="ui-body"] .ui-field-contain > ul[data-transform-links],
.ui-page .ui-collapsible-content .ui-field-contain > ul[data-transform-links] {
margin-bottom: -26px;
}
.ui-page div[class="ui-body"] ul[data-transform-links][data-inset],
.ui-page .ui-collapsible-content ul[data-transform-links][data-inset] {
margin: 0 0 15px 0;
}
.ui-page div[class="ui-body"] ul[data-transform-links] li,
.ui-page div[class="ui-body"] ul[data-transform-links] li a {
font-size: 14px;
line-height: 16px;
}
.ui-page div[class="ui-body"] ul[data-transform-links] li:last-child,
.ui-page div[class="ui-body"] ul[data-transform-links] li:last-child a {
border-radius: 0 0 4px 4px;
}
/*** Panel Listviews ***/
.ui-panel .gh-listview li {
border-bottom: 1px solid #ddd;
position: relative;
}
.ui-panel .gh-listview li:last-child {
border-bottom: none;
}
.ui-panel .gh-listview li,
.ui-panel .gh-listview li a {
color: #333;
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, sans-serif;
font-size: 16px;
line-height: 18px;
}
.ui-panel .gh-listview li:hover,
.ui-panel .gh-listview li:focus,
.ui-panel .gh-listview li a:hover,
.ui-panel .gh-listview li a:focus {
color: #0760a4;
}
.ui-panel .gh-listview li a {
background: none;
border: none;
padding: 12px 40px;
}
.ui-panel .gh-listview .gh-listview {
border: none;
margin: 0;
}
.ui-panel .gh-listview .gh-listview li {
border: none;
padding: 0;
}
.ui-panel .gh-listview .gh-listview li,
.ui-panel .gh-listview .gh-listview li a {
border-radius: 0px;
}
.ui-panel .gh-listview .gh-listview li a {
border: none;
font-size: 14px;
line-height: 14px;
margin: 0;
padding: 9px 16px 9px 40px;
}
.ui-panel .gh-listview .gh-listview li a:after {
display: none;
}
.ui-panel .gh-listview .gh-listview li li a {
font-size: 13px;
padding-left: 50px;
}
/* Icons */
.ui-panel .gh-listview li .fa {
color: #003da5;
font-size: 20px;
left: 10px;
position: absolute;
top: 11px;
}
.ui-panel .gh-listview li:hover .fa,
.ui-panel .gh-listview li:focus .fa {
color: #003da5;
}
.ui-panel .gh-listview li .ui-icon {
left: auto;
right: 10px;
}
.ui-panel .gh-listview li .ui-icon:before,
.ui-panel .gh-listview li a:after {
color: #003da5;
}
.ui-panel .gh-listview li:hover .ui-icon:before,
.ui-panel .gh-listview li:focus .ui-icon:before,
.ui-panel .gh-listview li:hover a:after,
.ui-panel .gh-listview li:focus a:after {
color: #003da5;
}
.ui-panel .gh-listview li i[style] {
background-size: 100% 100%;
}
.ui-panel .gh-listview li i[style],
.ui-panel .gh-listview li img {
height: 24px;
left: 8px;
position: absolute;
top: 8px;
width: 24px;
}
.ui-panel .gh-listview li li img {
height: 18px;
left: 10px;
top: 6px;
width: 18px;
}
/*** Navlist ***/
#navlist.gh-listview li p {
display: none;
}
/*** Gridformatter ****/
.ui-page .gh-listview li .ui-li-heading {
font-size: 16px;
font-weight: bold;
line-height: 20px;
margin: 0 0 2px 0;
}
.ui-page .gh-listview li .ui-li-desc {
font-size: 14px;
line-height: 16px;
margin: 0;
}
.ui-page .gh-listview li .ui-li-desc strong {
font-weight: normal;
}
.ui-page .search-results .gh-listview li .ui-li-desc strong {
font-weight: bold;
}
.ui-page .gh-listview.gridformatter .ui-li-desc label.ui-radio-on,
.ui-page .gh-listview.gridformatter .ui-li-desc label.ui-radio-off,
.ui-page .gh-listview.gridformatter .ui-li-desc input[type="radio"],
.ui-page .gh-listview.gridformatter .ui-li-desc input[type="radio"] + label {
display: none;
}
/*** Popups ***/
.ui-popup .gh-listview[data-inset="true"] {
margin: 0;
}
.ui-popup .gh-listview[data-inset="true"],
.ui-popup .gh-listview[data-inset="true"] li:first-child,
.ui-popup .gh-listview[data-inset="true"] li:first-child a,
.ui-popup .gh-listview[data-inset="true"] li:last-child,
.ui-popup .gh-listview[data-inset="true"] li:last-child a {
border-radius: 0px;
}
.ui-popup .gh-listview[data-inset="true"],
.ui-popup .gh-listview[data-inset="true"] li:last-child {
border: none;
}
.ui-popup .gh-listview a {
color: #333;
}
.ui-popup .gh-listview a:hover,
.ui-popup .gh-listview a:focus {
color: #003da5;
}
/* Collapsibles */
.ui-popup .gh-listview li .ui-collapsible {
margin: -11px -15px;
}
.ui-popup .gh-listview li .ui-collapsible .ui-collapsible-heading-toggle {
background: none;
border: none;
border-radius: 0px;
color: #333;
font-size: 16px;
font-weight: normal;
line-height: 24px;
margin: 0;
padding-left: 15px;
}
.ui-popup .gh-listview li .ui-collapsible .ui-collapsible-heading-toggle:hover,
.ui-popup .gh-listview li .ui-collapsible .ui-collapsible-heading-toggle:focus {
background: #f5f5f5;
color: #003da5;
}
.ui-popup .gh-listview li .ui-collapsible .ui-collapsible-heading-toggle:after {
display: none;
}
.ui-popup .gh-listview li .ui-collapsible .ui-collapsible-heading-toggle:before {
left: auto;
right: 10px;
}
.ui-popup .gh-listview li .ui-collapsible .ui-collapsible-content {
border: none;
border-radius: 0px;
margin: 0;
padding: 0;
}
.ui-popup .gh-listview li .ui-collapsible .ui-collapsible-content .gh-listview li {
border: none;
font-size: 14px;
line-height: 18px;
padding-left: 30px;
}
.ui-popup .gh-listview li .ui-collapsible .ui-collapsible-content .gh-listview li a {
margin-left: -30px;
padding-left: 30px;
}
.ui-page .prompt {
display: block;
position: relative;
width: auto;
}
.ui-page .prompt div.ui-input-text {
box-sizing: border-box;
display: block;
margin: 0;
max-width: none;
padding: 0 37px 0 0;
vertical-align: middle;
width: auto;
}
.ui-page .prompt.gh-detach-prompt-icon div.ui-input-text {
margin-right: 37px;
padding-right: 0;
}
.ui-page .prompt.gh-hide-prompt-icon div.ui-input-text {
margin-right: 0;
padding-right: 0;
}
.ui-page .prompt div.ui-input-text + a {
background: #f5f5f5;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 0 4px 4px 0;
box-sizing: border-box;
height: 36px;
margin: 0 0 0 -37px;
padding: 5px 0 !important; /* override inline styles */
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
top: 0;
width: 37px;
}
.ui-page .prompt.gh-detach-prompt-icon div.ui-input-text + a {
background: transparent;
border: none;
}
.ui-page .prompt.gh-hide-prompt-icon div.ui-input-text + a {
display: none;
}
.ui-page .prompt div.ui-input-text + a,
.ui-page .prompt div.ui-input-text + a .ui-btn-inner,
.ui-page .prompt div.ui-input-text + a .ui-btn-text,
.ui-page .prompt div.ui-input-text + a .fa {
color: #003da5;
}
.gh-print {
display: none;
}
@media print {
.gh-print {
display: block;
}
.gh-cols-flex {
display: block !important;
}
.gh-col {
display: block !important;
width: auto !important;
}
#gh-main-nav-panel,
.ui-header,
.gh-submenu,
.gh-page-header-links,
#gh-footer,
th [aria-hidden],
.gh-progress-nav,
th .fa,
.sr-only,
.visually-hidden,
.ghtables-navigation {
display: none !important;
}
#jqm_main_page,
#gh-main-content,
#ptifrmcontent {
margin: 0 !important;
padding: 0 !important;
position: static !important;
}
.gh-page-header,
[class="ui-body"],
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle,
.ui-page .ui-listview-inset li,
.ui-page .ui-listview li,
.gh-container-footer li a,
div[class="ui-body"][data-submenu="true"] .gh-submenu-wrap [class="ui-bar"],
div.ui-input-text,
.ui-checkbox label.ui-btn,
.ui-radio label.ui-btn,
.ui-btn.success,
.ui-btn.waring,
.ui-btn.info,
.ui-btn.danger,
.ui-btn,
.ui-checkbox label.ui-btn,
.ui-radio label.ui-btn,
.alert-info,
.alert-warning,
.alert-danger,
.alert-success,
.ui-collapsible .ui-collapsible-content,
.ui-page .prompt div.ui-input-text + a,
.gh-radio-tabs .gh-radio-tabs-item input[type="radio"]:checked + label,
.gh-radio-tabs,
.gh-listview,
.gh-listview li {
border-color: #000 !important;
}
[class="ui-body"] [class="ui-bar"] {
border-bottom: 1px solid black !important;
border-color: #000 !important;
}
.ui-page .ui-table.table-stroke thead td,
.ui-page .ui-table.table-stroke thead th,
.ui-page .ui-table.table-stroke tbody th,
.ui-page .ui-table.table-stroke tbody td,
.ui-bar .ui-icon-bubble {
border: 1px solid #000 !important;
}
.ui-btn {
background: #fff !important;
}
.ui-btn-text {
color: #000 !important;
}
.ui-field-contain {
margin-bottom: 6px;
}
.fa:before,
.ui-icon:before {
color: #000 !important;
}
html,
body {
height: auto !important;
width: 1024px !important;
}
.ui-table {
display: table !important;
}
.ui-table thead,
.ui-table tbody {
display: table-row-group !important;
}
.ui-table tr {
display: table-row !important;
}
.ui-table th,
.ui-table td {
display: table-cell !important;
}
.ui-table b.ui-table-cell-label {
display: none !important;
}
}
/*** Modules (optional) ***/
.gh-page-header-wrap:after {
clear: both;
content: '';
display: block;
}
.gh-page-header {
background: #f5f5f5;
border: 1px solid #ddd;
border-radius: 4px;
margin: 0 0 8px 0;
overflow: hidden;
}
.gh-page-header .gh-page-header-headings {
float: left;
line-height: 16px;
outline: none !important;
padding: 10px 15px;
vertical-align: middle;
}
.gh-page-header .gh-page-header-headings h1,
.gh-page-header .gh-page-header-headings h2,
.gh-page-header .gh-page-header-headings h3,
.gh-page-header .gh-page-header-headings h4,
.gh-page-header .gh-page-header-headings h5,
.gh-page-header .gh-page-header-headings h6 {
color: #666;
display: inline-block;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 18px;
margin: 0;
padding: 0;
text-shadow: none;
vertical-align: middle;
}
.gh-page-header .gh-page-header-headings span:after {
color: #666;
content: '\f105';
display: inline-block;
font-family: 'FontAwesome';
margin: -3px 10px 0 8px;
padding: 0;
vertical-align: middle;
}
.gh-page-header-headings span {
display: inline-block;
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
.gh-page-header .gh-page-header-headings *:last-child {
color: #444;
}
.gh-page-header .gh-page-header-headings span:last-child {
display: none;
}
/* Hide original heading */
.gh-page-header-original {
display: none !important;
}
/* links */
.gh-page-header .gh-page-header-links {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
float: right;
margin: -1px -1px -1px 0;
padding: 0 0 0 30px;
position: relative;
vertical-align: middle;
}
.gh-page-header .gh-page-header-links-inner {
background: #fff;
border-top: 1px solid #ddd;
border-radius: 0 4px 4px 0;
/*min-height: 37px;*/
overflow: hidden;
padding: 0 0 0 8px;
}
.gh-page-header .gh-page-header-links a,
.gh-page-header .gh-page-header-links a.ui-link {
border-left: 1px solid #ddd;
color: #003da5;
cursor: pointer;
display: inline-block;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 18px;
margin: 0 0 0 -1px;
padding: 11px 15px;
position: relative;
text-decoration: none;
vertical-align: middle;
z-index: 3;
text-transform: capitalize;
}
.gh-page-header .gh-page-header-links a:hover,
.gh-page-header .gh-page-header-links a:focus,
.gh-page-header .gh-page-header-links a.ui-link:hover,
.gh-page-header .gh-page-header-links a.ui-link:focus {
color: #003da5;
outline: none;
}
.gh-page-header .gh-page-header-links a:first-child {
border-left: none;
padding-left: 0;
}
.gh-page-header .gh-page-header-links a:before {
border-bottom: 1px solid #ddd;
content: "";
display: block;
left: 0;
min-width: 480px;
position: absolute;
top: -1px;
width: 100%;
}
.gh-page-header .gh-page-header-links:before {
border-top: 21px solid transparent;
border-bottom: 21px solid transparent;
border-right: 21px solid #ddd;
content: "";
left: auto;
margin-left: -21px;
position: absolute;
top: 0;
z-index: 1;
}
.gh-page-header .gh-page-header-links:after {
border-top: 21px solid transparent;
border-bottom: 21px solid transparent;
border-right: 21px solid #fff;
content: "";
left: auto;
margin-left: -20px;
position: absolute;
top: 0;
z-index: 2;
}
@media all and (max-width: 600px) {
.gh-page-header .gh-page-header-headings {
float: none;
}
.gh-page-header .gh-page-header-links {
border-right: 0;
float: none;
margin-right: 0;
padding-left: 0;
width: 100%;
}
.gh-page-header .gh-page-header-links-inner {
border-radius: 0px;
padding-left: 0;
}
.gh-page-header .gh-page-header-links a:first-child {
padding-left: 15px;
}
}
.gh-page-header-wrap .gh-username-wrap {
float: left;
margin: 0 0 10px 0;
}
.gh-page-header-wrap .gh-username,
.gh-page-header-wrap .gh-jobtitle,
.gh-page-header-wrap .gh-userlinks,
.gh-page-header-wrap .gh-userlinks a {
display: inline-block;
vertical-align: bottom;
}
.gh-page-header-wrap .gh-username,
.gh-page-header-wrap .gh-userlinks,
.gh-page-header-wrap .gh-userlinks a {
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
.gh-page-header-wrap .gh-jobtitle {
font-size: 12px;
font-weight: normal;
line-height: 18px;
text-transform: uppercase;
}
.legend {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 15px 0;
padding: 0;
width: 100%;
}
.legend .legend-item {
-ms-flex: 0 0 33%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33%;
box-sizing: border-box;
flex: 0 0 33%;
font-size: 11px;
font-weight: bold;
line-height: 16px;
margin: 0 0 10px 0;
padding: 0 15px 0 0;
text-align: center;
text-transform: uppercase;
}
.legend .legend-item:last-child {
padding-right: 0;
}
.legend .legend-item .fa,
.legend .legend-item img {
display: block;
margin: 0 auto;
}
.legend .legend-item .fa span {
display: none;
}
.legend.gh-accessible {
display: none;
}
@media all and (min-width: 480px) {
.legend .legend-item {
-ms-flex: 1 0 auto;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
text-align: left;
}
.legend .legend-item .fa,
.legend .legend-item img {
display: inline;
margin: 0 10px 0 0;
vertical-align: middle;
}
}
.gh-submenu {
float: right;
margin: 0 0 10px 0;
position: relative;
z-index: 888;
}
.gh-submenu-wrap > .gh-submenu {
z-index: auto;
}
.gh-page-header-wrap .gh-submenu {
z-index: 999;
}
.gh-submenu .menu {
background: #fff;
border-radius: 0 0 4px 4px;
}
.gh-submenu ul {
list-style: none;
margin: 0;
padding: 0;
}
/* Button */
.gh-submenu .ui-btn.toggle {
background: #003da5;
border: 1px solid #003da5;
margin: 0;
min-height: 32px;
min-width: 40px;
opacity: 0.9;
}
.gh-submenu .ui-btn.toggle:hover,
.gh-submenu .ui-btn.toggle:focus {
background: #003da5;
border: 1px solid #003da5;
opacity: 1;
}
.gh-submenu .ui-btn.toggle .ui-btn-text {
color: #fff;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.gh-submenu .ui-btn.toggle:hover .ui-btn-text,
.gh-submenu .ui-btn.toggle:focus .ui-btn-text {
color: #fff;
}
.gh-submenu .ui-btn.toggle.fa:before {
color: #fff;
}
.gh-submenu .ui-btn.toggle.fa:hover:before,
.gh-submenu .ui-btn.toggle.fa:focus:before {
color: #fff;
}
.gh-submenu .ui-btn.toggle.fa.label-false:before {
-ms-transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
display: block;
left: 50%;
padding: 0;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: 45px;
}
.gh-submenu .ui-btn.toggle.label-false .ui-btn-inner {
padding: 0;
}
.gh-submenu .ui-btn.toggle.label-false .ui-btn-text {
left: -9999px;
position: absolute;
top: -9999px;
}
/* Popup */
.ui-popup .menu .ui-collapsible {
margin: -10px -15px;
}
.ui-popup .menu .ui-collapsible-heading-toggle {
background: none;
border: none;
border-radius: 0;
margin: 0;
}
.ui-popup .menu .ui-collapsible-heading {
margin: 0;
}
.ui-popup .menu .ui-collapsible-heading .ui-btn-inner {
padding-left: 15px;
}
.ui-popup .menu .ui-collapsible-heading .ui-btn-text {
font-size: 16px;
font-weight: normal;
}
.ui-popup .menu .ui-collapsible-content {
border: none;
border-top: 1px solid rgba(0,0,0,0.1);
border-radius: 0;
margin: 0;
}
/* Dropdown */
.gh-submenu.dropdown .menu {
-moz-transition: opacity 350ms ease;
-webkit-transition: opacity 350ms ease;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 4px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
left: -9999px;
margin: 3px 0 0 0;
opacity: 0;
position: absolute;
top: -9999px;
transition: visibility 350ms ease, opacity 350ms ease;
visibility: hidden;
width: 230px;
z-index: 999;
}
.gh-submenu.dropdown.active .menu {
left: auto;
opacity: 1;
right: 0;
top: auto;
visibility: visible;
}
.gh-submenu.dropdown.active.position-left .menu {
left: 0;
right: auto;
}
.gh-submenu.dropdown.active.overflow .menu {
-webkit-overflow-scrolling: touch;
max-height: 100px;
overflow-y: auto;
}
/* Menu */
.gh-submenu .menu > ul > li {
border-bottom: 1px solid rgba(0,0,0,0.1);
position: relative;
}
.gh-submenu .menu > ul > li:last-child {
border-bottom: none;
}
.gh-submenu .menu > ul > li > a {
padding: 10px 15px;
}
.gh-submenu .menu a {
color: #003da5;
display: block;
font-size: 14px;
font-weight: normal;
line-height: 18px;
padding: 6px 15px 6px 5px;
position: relative;
text-decoration: none;
}
.gh-submenu .menu a.ui-link {
color: #003da5;
}
.gh-submenu .menu a:hover,
.gh-submenu .menu a:focus {
background: #f5f5f5;
color: #003da5;
outline: none;
}
.gh-submenu.dropdown .menu > ul > li:first-child > a {
border-radius: 4px 4px 0 0;
}
.gh-submenu .menu > ul > li:last-child > a {
border-radius: 0 0 4px 4px;
}
.gh-submenu .menu a.ui-link:hover,
.gh-submenu .menu a.ui-link:focus {
color: #003da5;
}
.gh-submenu .menu a.ui-disabled {
color: #333;
opacity: 1;
}
.gh-submenu .menu li.active > a {
color: #333;
}
.gh-submenu .menu ul ul {
margin: -6px 5px 8px 5px;
}
.gh-submenu .menu ul ul li a {
padding-left: 30px;
position: relative;
}
.gh-submenu .menu ul ul li a:before {
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
background: #333;
content: "";
font-size: 16px;
height: 5px;
left: 12px;
line-height: 16px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 5px;
}
.gh-submenu .menu a img {
margin-right: 10px;
max-width: 20px;
}
/* Submenu in container/collapsible heading */
div[class="ui-body"][data-submenu="true"] {
border-top: none;
padding-top: 0;
overflow: visible;
}
[class="ui-body"] [class="ui-body"][data-submenu="true"],
.ui-collapsible-content [class="ui-body"][data-submenu="true"] {
border: none;
margin: 0 -15px;
}
div[class="ui-body"][data-submenu="true"] .gh-submenu-wrap {
margin: 0 -16px 10px -16px;
}
[class="ui-body"] [class="ui-body"][data-submenu="true"] .gh-submenu-wrap,
.ui-collapsible-content div[class="ui-body"][data-submenu="true"] .gh-submenu-wrap {
margin: 0 0 10px 0;
}
div[class="ui-body"][data-submenu="true"] .gh-submenu-wrap [class="ui-bar"] {
border: 1px solid rgba(0,0,0,0.1);
border-radius: 4px 4px 0 0;
margin: 0;
}
[class="ui-body"] [class="ui-body"][data-submenu="true"] .gh-submenu-wrap [class="ui-bar"],
.ui-collapsible-content div[class="ui-body"][data-submenu="true"] .gh-submenu-wrap [class="ui-bar"] {
border-radius: 4px 0 0 4px;
}
.gh-submenu-wrap {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: relative;
}
.gh-submenu-wrap [class="ui-bar"],
.gh-submenu-wrap .ui-collapsible-heading {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.gh-submenu-wrap .gh-submenu {
-ms-flex: none;
-webkit-box-flex: none;
-webkit-flex: none;
flex: none;
margin: 0 0 0 -1px;
position: static;
}
.gh-submenu-wrap .gh-submenu.position-left {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
margin: 0 -1px 0 0;
order: -1;
}
.gh-submenu-wrap .gh-submenu .toggle {
background: #f5f5f5;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 0 4px 0 0;
box-sizing: border-box;
display: block;
height: 100%;
min-width: 45px;
}
.gh-submenu-wrap .gh-submenu:hover .toggle {
border: 1px solid rgba(0,0,0,0.2);
}
.gh-submenu-wrap .gh-submenu .toggle:hover,
.gh-submenu-wrap .gh-submenu .toggle:focus {
background: #f5f5f5;
border: 1px solid rgba(0,0,0,0.2);
}
.gh-submenu-wrap .gh-submenu.active .toggle {
background: #333;
background-image: none;
border: 1px solid #1f1f1f;
}
[class="ui-body"] [class="ui-body"][data-submenu="true"] .gh-submenu-wrap .gh-submenu .toggle,
.ui-collapsible-content [class="ui-body"][data-submenu="true"] .gh-submenu-wrap .gh-submenu .toggle,
.ui-collapsible.ui-collapsible-collapsed .gh-submenu-wrap .gh-submenu .toggle {
border-radius: 0 4px 4px 0;
}
.gh-submenu-wrap .gh-submenu .toggle.fa:before {
color: #003da5;
}
.gh-submenu-wrap .gh-submenu .toggle.fa:hover:before,
.gh-submenu-wrap .gh-submenu .toggle.fa:focus:before {
color: #003da5;
}
.gh-submenu-wrap .gh-submenu.active .toggle.fa:before {
color: #fff;
}
.gh-submenu-wrap .gh-submenu.active .toggle.fa:hover:before,
.gh-submenu-wrap .gh-submenu.active .toggle.fa:focus:before {
color: #fff;
}
.gh-submenu-wrap .gh-submenu .toggle .ui-btn-inner {
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: inherit;
padding-top: 0;
padding-bottom: 0;
}
.gh-submenu-wrap .gh-submenu .toggle .ui-btn-text {
color: #333;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
.gh-submenu-wrap .gh-submenu .toggle:hover .ui-btn-text,
.gh-submenu-wrap .gh-submenu .toggle:focus .ui-btn-text {
color: #333;
}
.gh-submenu-wrap .gh-submenu.active .toggle .ui-btn-text {
color: #fff;
}
.gh-submenu-wrap .gh-submenu.active .toggle:hover .ui-btn-text,
.gh-submenu-wrap .gh-submenu.active .toggle:focus .ui-btn-text {
color: #fff;
}
.gh-submenu-wrap .gh-submenu.dropdown.active .menu {
margin: 3px 0 0 0;
top: auto;
}
/* Column toggle */
.ui-content a.ui-btn.gh-submenu-column-toggle {
float: right;
margin: 0 0 10px 0;
}
.ui-content .tablesaw-bar.mode-swipe a.ui-btn.gh-submenu-column-toggle {
float: left;
margin: 0;
}
/* Sort By submenu */
.ui-page .gh-submenu[class*="reflow-grid-"] {
z-index: 997;
}
div[class="ui-body"] .gh-submenu[class*="reflow-grid-"],
.ui-collapsible-content .gh-submenu[class*="reflow-grid-"] {
margin: -5px 0 5px 0;
}
.gh-submenu[class*="reflow-grid-"] ~ * {
clear: both;
}
.gh-submenu[class*="reflow-grid-"] .fa[class*="fa-sort-"] {
float: left;
margin-right: 8px;
}
.gh-submenu[class*="reflow-grid-"] .fa-sort-asc,
.gh-submenu[class*="reflow-grid-"] .fa-sort-up {
margin-top: 5px;
}
.gh-submenu[class*="reflow-grid-"] .fa-sort-desc,
.gh-submenu[class*="reflow-grid-"] .fa-sort-down {
margin-top: -5px;
}
/* Bubble counter */
.gh-submenu .ui-icon-bubble {
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
background: #ac2925;
color: #fff;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 17px;
padding: 0 5px;
position: absolute;
right: 8px;
text-align: center;
transform: translateY(-50%);
top: 50%;
width: auto;
}
.isFluid .menu ul ul .ui-icon-bubble {
right: 3px;
}
/* Select to submenu */
.gh-submenu-wrap .gh-submenu[data-select-id] .menu {
box-sizing: border-box;
width: 99%;
}
.gh-submenu-wrap .gh-submenu[data-select-id].dropdown.active .menu {
margin: 3px 0.5% 0 0.5%;
top: auto;
}
.gh-submenu-wrap .gh-submenu[data-select-id] .menu > ul {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.gh-submenu-wrap .gh-submenu[data-select-id] .menu li {
-ms-flex: 1 49%;
-ms-flex-align: center;
-ms-flex-item-align: stretch;
-webkit-align-items: center;
-webkit-align-self: stretch;
-webkit-box-align: center;
-webkit-box-flex: 1;
-webkit-flex: 1 49%;
align-items: center;
align-self: stretch;
border-right: 1px solid #ddd;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
flex: 1 49%;
}
.gh-submenu-wrap .gh-submenu[data-select-id] .menu li:hover {
background: #f5f5f5;
}
/*** Page Columns ***/
.gh-submenu-cols > .gh-submenu,
.gh-submenu[data-gh-server-page] {
display: none;
}
.gh-submenu-cols > .gh-submenu .menu {
margin: -15px;
}
@media (min-width: 1200px) {
.gh-has-submenu-cols .gh-submenu-cols,
.gh-has-submenu-cols .ui-page .gh-submenu-cols[id*="divPAGECONTAINER"] {
-ms-flex-direction: row;
-ms-flex-pack: justify;
-webkit-box-orient: horizontal;
-webkit-box-pack: justify;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-webkit-justify-content: space-between;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
flex-direction: row;
justify-content: space-between;
}
.gh-has-submenu-cols .gh-submenu-cols > div[class^="gh-"] {
-ms-flex: auto;
-webkit-box-flex: auto;
-webkit-flex: auto;
display: block;
flex: auto;
}
.gh-has-submenu-cols .gh-submenu-cols[data-cols="1"] > .ps_pspagecontainer,
.gh-has-submenu-cols .gh-submenu-cols[data-cols="1"] > .gh-submenu-cols-wrap {
width: 100% !important;
}
.gh-has-submenu-cols .gh-submenu-cols[data-cols="2"] > .ps_pspagecontainer,
.gh-has-submenu-cols .gh-submenu-cols[data-cols="2"] > .gh-submenu-cols-wrap {
width: 74% !important;
}
.gh-has-submenu-cols .gh-submenu-cols[data-cols="3"] > .ps_pspagecontainer,
.gh-has-submenu-cols .gh-submenu-cols[data-cols="3"] > .gh-submenu-cols-wrap {
width: 48% !important;
}
.subsite .gh-has-submenu-cols .gh-submenu-cols[data-cols="2"] > .ps_pspagecontainer,
.subsite .gh-has-submenu-cols .gh-submenu-cols[data-cols="2"] > .gh-submenu-cols-wrap {
width: 79% !important;
}
.subsite .gh-has-submenu-cols .gh-submenu-cols[data-cols="3"] > .ps_pspagecontainer,
.subsite .gh-has-submenu-cols .gh-submenu-cols[data-cols="3"] > .gh-submenu-cols-wrap {
width: 58% !important;
}
.gh-has-submenu-cols .gh-submenu-cols > div.gh-submenu,
.gh-has-submenu-cols .gh-submenu-cols > div.gh-filter,
.gh-has-submenu-cols .gh-submenu-cols > div.gh-progress-nav {
flex: none;
margin: 0;
width: 25%;
}
.subsite .gh-has-submenu-cols .gh-submenu-cols > div.gh-submenu,
.subsite .gh-has-submenu-cols .gh-submenu-cols > div.gh-filter,
.subsite .gh-has-submenu-cols .gh-submenu-cols > div.gh-progress-nav {
width: 20%;
}
.gh-has-submenu-cols .gh-submenu-cols > div.gh-submenu {
margin-left: 1%;
}
.gh-has-submenu-cols .gh-submenu-cols > div.gh-progress-nav,
.gh-has-submenu-cols .gh-submenu-cols > div.gh-filter {
margin-right: 1%;
}
.gh-has-submenu-cols .gh-page-header-wrap .gh-submenu {
display: none;
}
}
/*** All tables ***/
.ui-page table {
table-layout: auto;
}
/*** Presentational tables ***/
.ui-page form table[role="presentation"],
.ui-page form table[role="presentation"] > tbody,
.ui-page form table[role="presentation"] > tbody > tr,
.ui-page form table[role="presentation"] > tbody > tr > td {
display: block;
}
.ui-page form table[role="presentation"] td.PAGROUPBOXLABELINVISIBLE {
display: none;
}
.ui-page form table[role="presentation"] .alert table.PAGROUPBOXLABELINVISIBLE {
display: block;
}
/*** Reflow tables ***/
.ui-page .ui-table {
margin: 0 0 15px 0;
}
/* Defaults */
.ui-page .ui-table,
.ui-page .ui-table tbody,
.ui-page .ui-table tbody tr,
.ui-page .ui-table tbody th,
.ui-page .ui-table tbody td {
display: block;
}
.ui-page .ui-table tbody td.ui-btn-inline {
display: inline-block;
}
.ui-page .ui-table td.gh-cell-no-padding b.ui-table-cell-label,
.ui-page .ui-table tbody td.ui-btn-inline b.ui-table-cell-label {
display: none;
}
.ui-page .ui-table th,
.ui-page .ui-table td {
background: none;
border: none; /* Overwrite jQuery style */
padding: 6px 8px;
}
.ui-page .ui-table td.gh-cell-no-padding {
font-size: 0px !important;
line-height: 0px !important;
padding: 0;
}
.ui-page .ui-table th,
.ui-page .ui-table th[align="center"],
.ui-page .ui-table th[align="right"] {
text-align: left;
}
.ui-page .ui-table td[align="center"],
.ui-page .ui-table td[align="right"] {
text-align: left;
}
/* Header */
.ui-page .ui-table thead {
display: none;
}
.ui-page .ui-table thead,
.ui-page .ui-table thead th {
background: #333;
}
.ui-page .ui-table thead th,
.ui-page .ui-table thead th a,
.ui-page .ui-table thead th a.ui-link,
.ui-page .ui-table thead th a:link,
.ui-page .ui-table thead th a:visited,
.ui-page .ui-table thead th a:hover {
color: #fff;
font-size: 12px !important;
font-weight: bold;
letter-spacing: normal;
line-height: 16px !important;
text-indent: 0;
text-decoration: none;
text-shadow: none;
text-transform: uppercase;
vertical-align: middle;
word-break: normal;
word-wrap: normal;
}
.ui-page .ui-table thead td,
.ui-page .ui-table thead th {
display: table-cell;
}
.ui-page .ui-table thead th *:not(.fa) {
background: none !important;
border: none !important;
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
height: auto !important;
line-height: inherit !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
}
.ui-page .ui-table thead th table[role="presentation"] {
display: table !important;
width: 100% !important;
}
.ui-page .ui-table thead th > span[id*="star"] {
float: left;
}
/* Body */
.ui-page .ui-table tbody tr {
border: 1px solid #ddd;
}
.ui-page .ui-table tbody .ui-field-contain {
margin: 0;
text-align: left;
}
.ui-page .ui-table tbody input[type="text"],
.ui-page .ui-table tbody textarea,
.ui-page .ui-table tbody select {
min-width: 100px;
}
.ui-page .ui-table tbody input,
.ui-page .ui-table tbody textarea {
font-size: 16px !important;
}
.ui-page .ui-table tbody textarea.ui-input-text {
margin: 0;
}
.ui-page .ui-table div.ui-input-text input.ui-input-text {
width: 100%;
}
.ui-page .ui-table tbody .fa,
.ui-page .ui-table.reflow-grid-400 tbody .fa,
.ui-page .ui-table.reflow-grid-500 tbody .fa,
.ui-page .ui-table.reflow-grid-600 tbody .fa,
.ui-page .ui-table.reflow-grid-700 tbody .fa,
.ui-page .ui-table.reflow-grid-800 tbody .fa,
.ui-page .ui-table.reflow-grid-900 tbody .fa,
.ui-page .ui-table.reflow-grid-1000 tbody .fa {
font-size: 20px !important;
line-height: 20px !important;
}
/* Stroke */
.ui-page .ui-table.table-stroke thead td,
.ui-page .ui-table.table-stroke thead th {
border-right: 1px solid #fff;
}
.ui-page .ui-table.table-stroke thead td:last-child,
.ui-page .ui-table.table-stroke thead th:last-child {
border-right: none;
}
/* Stripe */
.ui-page .ui-table.table-stripe tbody tr:nth-child(odd) {
background: #f5f5f5;
}
.ui-page .ui-table.table-stripe tbody tr:nth-child(even) {
background: #fff;
}
.ui-page .ui-table.table-stripe tbody tr:nth-child(odd) td,
.ui-page .ui-table.table-stripe tbody tr:nth-child(odd) th,
.ui-page .ui-table.table-stripe tbody tr:nth-child(even) td,
.ui-page .ui-table.table-stripe tbody tr:nth-child(even) th {
background: none;
}
/* Tables in containers/collapsibles */
.ui-page div[class="ui-body"] .ui-table,
.ui-page .ui-collapsible-content .ui-table {
border: none;
}
/*.ui-page div[class="ui-body"] > .ui-bar + .ui-table,
.ui-page div[class="ui-body"] > .ui-bar + * .ui-table,
.ui-page .ui-collapsible-content > .ui-table,
.ui-page .ui-collapsible-content > * .ui-table {
margin-bottom: 0;
}*/
.ui-page div[class="ui-body"] .ui-table > tbody > tr,
.ui-page .ui-collapsible-content .ui-table > tbody > tr {
margin: 0 -16px -1px -16px;
padding: 0 7px;
}
.ui-page div[class="ui-body"] .ui-table > tbody > tr:first-child,
.ui-page .ui-collapsible-content .ui-table > tbody > tr:first-child {
border-top: 1px solid #ddd;
}
.ui-page div[class="ui-body"] .ui-table > tbody > tr:last-child,
.ui-page .ui-collapsible-content .ui-table > tbody > tr:last-child {
border-bottom: 1px solid #ddd;
}
/*.ui-page div[class="ui-body"] > .ui-bar + .ui-table > tbody > tr:first-child,
.ui-page div[class="ui-body"] > .ui-bar + * .ui-table > tbody > tr:first-child,
.ui-page .ui-collapsible-content > .ui-table > tbody > tr:first-child,
.ui-page .ui-collapsible-content > * .ui-table > tbody > tr:first-child {
margin-top: -15px;
padding-top: 15px;
}
.ui-page div[class="ui-body"] > .ui-bar + .ui-table > tbody > tr:last-child,
.ui-page div[class="ui-body"] > .ui-bar + * .ui-table > tbody > tr:last-child,
.ui-page .ui-collapsible-content > .ui-table > tbody > tr:last-child,
.ui-page .ui-collapsible-content > * .ui-table > tbody > tr:last-child {
margin-bottom: -15px;
padding-bottom: 15px;
}*/
.ui-page div[class="ui-body"] .gh-submenu[class*="reflow-grid-"] + .ui-table > tbody > tr:first-child,
.ui-page .ui-collapsible-content .gh-submenu[class*="reflow-grid-"] + .ui-table > tbody > tr:first-child {
border-top: 1px solid #ddd;
}
.ui-page div[class="ui-body"] .ui-table + [id*="gh-table-pager-"],
.ui-page .ui-collapsible-content .ui-table + [id*="gh-table-pager-"] {
border-top: 1px solid #ddd;
margin: 0 -15px;
padding: 15px 15px 0 15px;
}
/*.ui-page div[class="ui-body"] > .ui-bar + .ui-table + *,
.ui-page div[class="ui-body"] > .ui-bar + * .ui-table + *,
.ui-page .ui-collapsible-content > .ui-table + *,
.ui-page .ui-collapsible-content > * .ui-table + * {
margin-top: 15px;
}*/
/* Buttons */
.ui-page .ui-table .ui-btn,
.ui-page .ui-table textarea,
.ui-page .ui-table div.ui-input-text,
.ui-page .ui-table .ui-select,
.ui-page .ui-table .gh-select,
.ui-page .ui-table .gh-checkbox,
.ui-page .ui-table .gh-radio {
margin: 0;
}
.ui-page .ui-table .gh-checkbox:not(.ui-btn-inline),
.ui-page .ui-table .gh-radio:not(.ui-btn-inline),
.ui-page .ui-table .ui-btn:not(.ui-btn-inline) {
margin-right: 0px;
}
.ui-page .ui-table a.ui-btn,
.ui-page .ui-table div.ui-btn {
word-break: normal;
word-wrap: normal;
}
/* Labels */
.ui-page .ui-table b.ui-table-cell-label {
text-align: left;
}
.ui-page .ui-table b.ui-table-cell-label,
.ui-page .gh-row-collapsible b.ui-table-cell-label {
box-sizing: border-box;
color: #333;
display: inline-block;
font-weight: bold;
margin: 0 -4px 0 0;
padding: 0 2% 0 0;
vertical-align: middle;
width: 30%;
}
.ui-page .ui-table b.ui-table-cell-label + div,
.ui-page .ui-table b.ui-table-cell-label + span,
.ui-page .gh-row-collapsible b.ui-table-cell-label + div,
.ui-page .gh-row-collapsible b.ui-table-cell-label + span {
box-sizing: border-box;
display: inline-block;
margin: 0 -4px 0 0;
vertical-align: middle;
}
@media (max-width: 480px) {
.ui-page .ui-table b.ui-table-cell-label,
.ui-page .gh-row-collapsible b.ui-table-cell-label {
display: block;
margin-right: 0;
padding-right: 0;
width: auto;
}
.ui-page .ui-table b.ui-table-cell-label + div,
.ui-page .ui-table b.ui-table-cell-label + span,
.ui-page .gh-row-collapsible b.ui-table-cell-label + div,
.ui-page .gh-row-collapsible b.ui-table-cell-label + span {
display: block;
margin-right: 0;
width: auto;
}
}
@media (min-width: 400px) {
.ui-page .ui-table.reflow-grid-400 {
border: none;
display: table;
margin-bottom: 15px !important;
}
.ui-page .ui-table.reflow-grid-400 thead,
.ui-page .ui-table.reflow-grid-400 tbody {
display: table-row-group;
}
.ui-page .ui-table.reflow-grid-400 tbody tr {
display: table-row;
margin: 0 !important;
padding: 0 !important;
}
.ui-page .ui-table.reflow-grid-400 + [id*="gh-table-pager-"] {
border-top: none !important;
margin: 15px 0 !important;
padding: 0 !important;
}
.ui-page .ui-table.reflow-grid-400 tbody tr:last-child {
border-bottom: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-400 tbody th,
.ui-page .ui-table.reflow-grid-400 tbody td {
display: table-cell;
}
.ui-page .ui-table.reflow-grid-400 > tbody td,
.ui-page .ui-table.reflow-grid-400 > tbody th,
.ui-page .ui-table.reflow-grid-400 > tbody div,
.ui-page .ui-table.reflow-grid-400 > tbody span,
.ui-page .ui-table.reflow-grid-400 > tbody a {
font-size: 14px !important;
line-height: 16px !important;
}
.ui-page .ui-table.reflow-grid-400 label[for].ui-input-text,
.ui-page .ui-table.reflow-grid-400 label[for].ui-select,
.ui-page .ui-table.reflow-grid-400 b.ui-table-cell-label {
opacity: 0;
position: absolute;
visibility: hidden;
z-index: -1;
}
.ui-page .ui-table.reflow-grid-400 label.ui-input-text + div,
.ui-page .ui-table.reflow-grid-400 label.ui-input-text + span,
.ui-page .ui-table.reflow-grid-400 label.ui-select + div,
.ui-page .ui-table.reflow-grid-400 label.ui-select + span,
.ui-page .ui-table.reflow-grid-400 b.ui-table-cell-label + div,
.ui-page .ui-table.reflow-grid-400 b.ui-table-cell-label + span {
display: block !important;
margin: 0;
width: auto !important;
}
.ui-page .ui-table.reflow-grid-400 td span.fa {
display: inline-block;
text-align: center;
}
.ui-page .ui-table.reflow-grid-400 div[id*="$sel"],
.ui-page .ui-table.reflow-grid-400 div[id*="$sel"] div[id*="ctrl"] {
display: block;
text-align: center !important;
}
.ui-page .ui-table.reflow-grid-400 .gh-select-all,
.ui-page .ui-table.reflow-grid-400 .gh-select-all * {
text-align: center !important;
}
.ui-page .ui-table.reflow-grid-400 td[align="right"] {
text-align: right;
}
.ui-page .ui-table.reflow-grid-400 td[align="right"] input,
.ui-page .ui-table.reflow-grid-400 td[align="right"] textarea {
text-align: right;
}
.ui-page .ui-table.reflow-grid-400.table-stroke tbody tr {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-400.table-stroke tbody td,
.ui-page .ui-table.reflow-grid-400.table-stroke tbody th {
border-right: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-400.table-stroke tbody td:last-child,
.ui-page .ui-table.reflow-grid-400.table-stroke tbody th:last-child {
border-right: none;
}
.ui-page .gh-submenu.reflow-grid-400 {
display: none;
}
}
@media (min-width: 500px) {
.ui-page .ui-table.reflow-grid-500 {
border: none;
display: table;
margin-bottom: 15px !important;
}
.ui-page .ui-table.reflow-grid-500 thead,
.ui-page .ui-table.reflow-grid-500 tbody {
display: table-row-group;
}
.ui-page .ui-table.reflow-grid-500 tbody tr {
display: table-row;
margin: 0 !important;
padding: 0 !important;
}
.ui-page .ui-table.reflow-grid-500 + [id*="gh-table-pager-"] {
border-top: none !important;
margin: 15px 0 !important;
padding: 0 !important;
}
.ui-page .ui-table.reflow-grid-500 tbody tr:last-child {
border-bottom: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-500 tbody th,
.ui-page .ui-table.reflow-grid-500 tbody td {
display: table-cell;
}
.ui-page .ui-table.reflow-grid-500 > tbody td,
.ui-page .ui-table.reflow-grid-500 > tbody th,
.ui-page .ui-table.reflow-grid-500 > tbody div,
.ui-page .ui-table.reflow-grid-500 > tbody span,
.ui-page .ui-table.reflow-grid-500 > tbody a {
font-size: 14px !important;
line-height: 16px !important;
}
.ui-page .ui-table.reflow-grid-500 label[for].ui-input-text,
.ui-page .ui-table.reflow-grid-500 label[for].ui-select,
.ui-page .ui-table.reflow-grid-500 b.ui-table-cell-label {
opacity: 0;
position: absolute;
visibility: hidden;
z-index: -1;
}
.ui-page .ui-table.reflow-grid-500 label.ui-input-text + div,
.ui-page .ui-table.reflow-grid-500 label.ui-input-text + span,
.ui-page .ui-table.reflow-grid-500 label.ui-select + div,
.ui-page .ui-table.reflow-grid-500 label.ui-select + span,
.ui-page .ui-table.reflow-grid-500 b.ui-table-cell-label + div,
.ui-page .ui-table.reflow-grid-500 b.ui-table-cell-label + span {
display: block !important;
margin: 0;
width: auto !important;
}
.ui-page .ui-table.reflow-grid-500 td span.fa {
display: inline-block;
text-align: center;
}
.ui-page .ui-table.reflow-grid-500 div[id*="$sel"],
.ui-page .ui-table.reflow-grid-500 div[id*="$sel"] div[id*="ctrl"] {
display: block;
text-align: center !important;
}
.ui-page .ui-table.reflow-grid-500 .gh-select-all,
.ui-page .ui-table.reflow-grid-500 .gh-select-all * {
text-align: center !important;
}
.ui-page .ui-table.reflow-grid-500 td[align="right"] {
text-align: right;
}
.ui-page .ui-table.reflow-grid-500 td[align="right"] input,
.ui-page .ui-table.reflow-grid-500 td[align="right"] textarea {
text-align: right;
}
.ui-page .ui-table.reflow-grid-500.table-stroke tbody tr {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-500.table-stroke tbody td,
.ui-page .ui-table.reflow-grid-500.table-stroke tbody th {
border-right: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-500.table-stroke tbody td:last-child,
.ui-page .ui-table.reflow-grid-500.table-stroke tbody th:last-child {
border-right: none;
}
.ui-page .gh-submenu.reflow-grid-500 {
display: none;
}
}
@media (min-width: 600px) {
.ui-page .ui-table.reflow-grid-600 {
border: none;
display: table;
margin-bottom: 15px !important;
}
.ui-page .ui-table.reflow-grid-600 thead,
.ui-page .ui-table.reflow-grid-600 tbody {
display: table-row-group;
}
.ui-page .ui-table.reflow-grid-600 tbody tr {
display: table-row;
margin: 0 !important;
padding: 0 !important;
}
.ui-page .ui-table.reflow-grid-600 + [id*="gh-table-pager-"] {
border-top: none !important;
margin: 15px 0 !important;
padding: 0 !important;
}
.ui-page .ui-table.reflow-grid-600 tbody tr:last-child {
border-bottom: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-600 tbody th,
.ui-page .ui-table.reflow-grid-600 tbody td {
display: table-cell;
}
.ui-page .ui-table.reflow-grid-600 > tbody td,
.ui-page .ui-table.reflow-grid-600 > tbody th,
.ui-page .ui-table.reflow-grid-600 > tbody div,
.ui-page .ui-table.reflow-grid-600 > tbody span,
.ui-page .ui-table.reflow-grid-600 > tbody a {
font-size: 14px !important;
line-height: 16px !important;
}
.ui-page .ui-table.reflow-grid-600 label[for].ui-input-text,
.ui-page .ui-table.reflow-grid-600 label[for].ui-select,
.ui-page .ui-table.reflow-grid-600 b.ui-table-cell-label {
opacity: 0;
position: absolute;
visibility: hidden;
z-index: -1;
}
.ui-page .ui-table.reflow-grid-600 label.ui-input-text + div,
.ui-page .ui-table.reflow-grid-600 label.ui-input-text + span,
.ui-page .ui-table.reflow-grid-600 label.ui-select + div,
.ui-page .ui-table.reflow-grid-600 label.ui-select + span,
.ui-page .ui-table.reflow-grid-600 b.ui-table-cell-label + div,
.ui-page .ui-table.reflow-grid-600 b.ui-table-cell-label + span {
display: block !important;
margin: 0;
width: auto !important;
}
.ui-page .ui-table.reflow-grid-600 td span.fa {
display: inline-block;
text-align: center;
}
.ui-page .ui-table.reflow-grid-600 div[id*="$sel"],
.ui-page .ui-table.reflow-grid-600 div[id*="$sel"] div[id*="ctrl"] {
display: block;
text-align: center !important;
}
.ui-page .ui-table.reflow-grid-600 .gh-select-all,
.ui-page .ui-table.reflow-grid-600 .gh-select-all * {
text-align: center !important;
}
.ui-page .ui-table.reflow-grid-600 td[align="right"] {
text-align: right;
}
.ui-page .ui-table.reflow-grid-600 td[align="right"] input,
.ui-page .ui-table.reflow-grid-600 td[align="right"] textarea {
text-align: right;
}
.ui-page .ui-table.reflow-grid-600.table-stroke tbody tr {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-600.table-stroke tbody td,
.ui-page .ui-table.reflow-grid-600.table-stroke tbody th {
border-right: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-600.table-stroke tbody td:last-child,
.ui-page .ui-table.reflow-grid-600.table-stroke tbody th:last-child {
border-right: none;
}
.ui-page .gh-submenu.reflow-grid-600 {
display: none;
}
}
@media (min-width: 700px) {
.ui-page .ui-table.reflow-grid-700 {
border: none;
display: table;
margin-bottom: 15px !important;
}
.ui-page .ui-table.reflow-grid-700 thead,
.ui-page .ui-table.reflow-grid-700 tbody {
display: table-row-group;
}
.ui-page .ui-table.reflow-grid-700 tbody tr {
display: table-row;
margin: 0 !important;
padding: 0 !important;
}
.ui-page .ui-table.reflow-grid-700 + [id*="gh-table-pager-"] {
border-top: none !important;
margin: 15px 0 !important;
padding: 0 !important;
}
.ui-page .ui-table.reflow-grid-700 tbody tr:last-child {
border-bottom: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-700 tbody th,
.ui-page .ui-table.reflow-grid-700 tbody td {
display: table-cell;
}
.ui-page .ui-table.reflow-grid-700 > tbody td,
.ui-page .ui-table.reflow-grid-700 > tbody th,
.ui-page .ui-table.reflow-grid-700 > tbody div,
.ui-page .ui-table.reflow-grid-700 > tbody span,
.ui-page .ui-table.reflow-grid-700 > tbody a {
font-size: 14px !important;
line-height: 16px !important;
}
.ui-page .ui-table.reflow-grid-700 label[for].ui-input-text,
.ui-page .ui-table.reflow-grid-700 label[for].ui-select,
.ui-page .ui-table.reflow-grid-700 b.ui-table-cell-label {
opacity: 0;
position: absolute;
visibility: hidden;
z-index: -1;
}
.ui-page .ui-table.reflow-grid-700 label.ui-input-text + div,
.ui-page .ui-table.reflow-grid-700 label.ui-input-text + span,
.ui-page .ui-table.reflow-grid-700 label.ui-select + div,
.ui-page .ui-table.reflow-grid-700 label.ui-select + span,
.ui-page .ui-table.reflow-grid-700 b.ui-table-cell-label + div,
.ui-page .ui-table.reflow-grid-700 b.ui-table-cell-label + span {
display: block !important;
margin: 0;
width: auto !important;
}
.ui-page .ui-table.reflow-grid-700 td span.fa {
display: inline-block;
text-align: center;
}
.ui-page .ui-table.reflow-grid-700 div[id*="$sel"],
.ui-page .ui-table.reflow-grid-700 div[id*="$sel"] div[id*="ctrl"] {
display: block;
text-align: center !important;
}
.ui-page .ui-table.reflow-grid-700 .gh-select-all,
.ui-page .ui-table.reflow-grid-700 .gh-select-all * {
text-align: center !important;
}
.ui-page .ui-table.reflow-grid-700 td[align="right"] {
text-align: right;
}
.ui-page .ui-table.reflow-grid-700 td[align="right"] input,
.ui-page .ui-table.reflow-grid-700 td[align="right"] textarea {
text-align: right;
}
.ui-page .ui-table.reflow-grid-700.table-stroke tbody tr {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-700.table-stroke tbody td,
.ui-page .ui-table.reflow-grid-700.table-stroke tbody th {
border-right: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-700.table-stroke tbody td:last-child,
.ui-page .ui-table.reflow-grid-700.table-stroke tbody th:last-child {
border-right: none;
}
.ui-page .gh-submenu.reflow-grid-700 {
display: none;
}
}
@media (min-width: 800px) {
.ui-page .ui-table.reflow-grid-800 {
border: none;
display: table;
margin-bottom: 15px !important;
}
.ui-page .ui-table.reflow-grid-800 thead,
.ui-page .ui-table.reflow-grid-800 tbody {
display: table-row-group;
}
.ui-page .ui-table.reflow-grid-800 tbody tr {
display: table-row;
margin: 0 !important;
padding: 0 !important;
}
.ui-page .ui-table.reflow-grid-800 + [id*="gh-table-pager-"] {
border-top: none !important;
margin: 15px 0 !important;
padding: 0 !important;
}
.ui-page .ui-table.reflow-grid-800 tbody tr:last-child {
border-bottom: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-800 tbody th,
.ui-page .ui-table.reflow-grid-800 tbody td {
display: table-cell;
}
.ui-page .ui-table.reflow-grid-800 > tbody td,
.ui-page .ui-table.reflow-grid-800 > tbody th,
.ui-page .ui-table.reflow-grid-800 > tbody div,
.ui-page .ui-table.reflow-grid-800 > tbody span,
.ui-page .ui-table.reflow-grid-800 > tbody a {
font-size: 14px !important;
line-height: 16px !important;
}
.ui-page .ui-table.reflow-grid-800 label[for].ui-input-text,
.ui-page .ui-table.reflow-grid-800 label[for].ui-select,
.ui-page .ui-table.reflow-grid-800 b.ui-table-cell-label {
opacity: 0;
position: absolute;
visibility: hidden;
z-index: -1;
}
.ui-page .ui-table.reflow-grid-800 label.ui-input-text + div,
.ui-page .ui-table.reflow-grid-800 label.ui-input-text + span,
.ui-page .ui-table.reflow-grid-800 label.ui-select + div,
.ui-page .ui-table.reflow-grid-800 label.ui-select + span,
.ui-page .ui-table.reflow-grid-800 b.ui-table-cell-label + div,
.ui-page .ui-table.reflow-grid-800 b.ui-table-cell-label + span {
display: block !important;
margin: 0;
width: auto !important;
}
.ui-page .ui-table.reflow-grid-800 td span.fa {
display: inline-block;
text-align: center;
}
.ui-page .ui-table.reflow-grid-800 div[id*="$sel"],
.ui-page .ui-table.reflow-grid-800 div[id*="$sel"] div[id*="ctrl"] {
display: block;
text-align: center !important;
}
.ui-page .ui-table.reflow-grid-800 .gh-select-all,
.ui-page .ui-table.reflow-grid-800 .gh-select-all * {
text-align: center !important;
}
.ui-page .ui-table.reflow-grid-800 td[align="right"] {
text-align: right;
}
.ui-page .ui-table.reflow-grid-800 td[align="right"] input,
.ui-page .ui-table.reflow-grid-800 td[align="right"] textarea {
text-align: right;
}
.ui-page .ui-table.reflow-grid-800.table-stroke tbody tr {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-800.table-stroke tbody td,
.ui-page .ui-table.reflow-grid-800.table-stroke tbody th {
border-right: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-800.table-stroke tbody td:last-child,
.ui-page .ui-table.reflow-grid-800.table-stroke tbody th:last-child {
border-right: none;
}
.ui-page .gh-submenu.reflow-grid-800 {
display: none;
}
}
@media (min-width: 900px) {
.ui-page .ui-table.reflow-grid-900 {
border: none;
display: table;
margin-bottom: 15px !important;
}
.ui-page .ui-table.reflow-grid-900 thead,
.ui-page .ui-table.reflow-grid-900 tbody {
display: table-row-group;
}
.ui-page .ui-table.reflow-grid-900 tbody tr {
display: table-row;
margin: 0 !important;
padding: 0 !important;
}
.ui-page .ui-table.reflow-grid-900 + [id*="gh-table-pager-"] {
border-top: none !important;
margin: 15px 0 !important;
padding: 0 !important;
}
.ui-page .ui-table.reflow-grid-900 tbody tr:last-child {
border-bottom: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-900 tbody th,
.ui-page .ui-table.reflow-grid-900 tbody td {
display: table-cell;
}
.ui-page .ui-table.reflow-grid-900 > tbody td,
.ui-page .ui-table.reflow-grid-900 > tbody th,
.ui-page .ui-table.reflow-grid-900 > tbody div,
.ui-page .ui-table.reflow-grid-900 > tbody span,
.ui-page .ui-table.reflow-grid-900 > tbody a {
font-size: 14px !important;
line-height: 16px !important;
}
.ui-page .ui-table.reflow-grid-900 label[for].ui-input-text,
.ui-page .ui-table.reflow-grid-900 label[for].ui-select,
.ui-page .ui-table.reflow-grid-900 b.ui-table-cell-label {
opacity: 0;
position: absolute;
visibility: hidden;
z-index: -1;
}
.ui-page .ui-table.reflow-grid-900 label.ui-input-text + div,
.ui-page .ui-table.reflow-grid-900 label.ui-input-text + span,
.ui-page .ui-table.reflow-grid-900 label.ui-select + div,
.ui-page .ui-table.reflow-grid-900 label.ui-select + span,
.ui-page .ui-table.reflow-grid-900 b.ui-table-cell-label + div,
.ui-page .ui-table.reflow-grid-900 b.ui-table-cell-label + span {
display: block !important;
margin: 0;
width: auto !important;
}
.ui-page .ui-table.reflow-grid-900 td span.fa {
display: inline-block;
text-align: center;
}
.ui-page .ui-table.reflow-grid-900 div[id*="$sel"],
.ui-page .ui-table.reflow-grid-900 div[id*="$sel"] div[id*="ctrl"] {
display: block;
text-align: center !important;
}
.ui-page .ui-table.reflow-grid-900 .gh-select-all,
.ui-page .ui-table.reflow-grid-900 .gh-select-all * {
text-align: center !important;
}
.ui-page .ui-table.reflow-grid-900 td[align="right"] {
text-align: right;
}
.ui-page .ui-table.reflow-grid-900 td[align="right"] input,
.ui-page .ui-table.reflow-grid-900 td[align="right"] textarea {
text-align: right;
}
.ui-page .ui-table.reflow-grid-900.table-stroke tbody tr {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-900.table-stroke tbody td,
.ui-page .ui-table.reflow-grid-900.table-stroke tbody th {
border-right: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-900.table-stroke tbody td:last-child,
.ui-page .ui-table.reflow-grid-900.table-stroke tbody th:last-child {
border-right: none;
}
.ui-page .gh-submenu.reflow-grid-900 {
display: none;
}
}
@media (min-width: 1000px) {
.ui-page .ui-table.reflow-grid-1000 {
border: none;
display: table;
margin-bottom: 15px !important;
}
.ui-page .ui-table.reflow-grid-1000 thead,
.ui-page .ui-table.reflow-grid-1000 tbody {
display: table-row-group;
}
.ui-page .ui-table.reflow-grid-1000 tbody tr {
display: table-row;
margin: 0 !important;
padding: 0 !important;
}
.ui-page .ui-table.reflow-grid-1000 + [id*="gh-table-pager-"] {
border-top: none !important;
margin: 15px 0 !important;
padding: 0 !important;
}
.ui-page .ui-table.reflow-grid-1000 tbody tr:last-child {
border-bottom: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-1000 tbody th,
.ui-page .ui-table.reflow-grid-1000 tbody td {
display: table-cell;
}
.ui-page .ui-table.reflow-grid-1000 > tbody td,
.ui-page .ui-table.reflow-grid-1000 > tbody th,
.ui-page .ui-table.reflow-grid-1000 > tbody div,
.ui-page .ui-table.reflow-grid-1000 > tbody span,
.ui-page .ui-table.reflow-grid-1000 > tbody a {
font-size: 14px !important;
line-height: 16px !important;
}
.ui-page .ui-table.reflow-grid-1000 label[for].ui-input-text,
.ui-page .ui-table.reflow-grid-1000 label[for].ui-select,
.ui-page .ui-table.reflow-grid-1000 b.ui-table-cell-label {
opacity: 0;
position: absolute;
visibility: hidden;
z-index: -1;
}
.ui-page .ui-table.reflow-grid-1000 label.ui-input-text + div,
.ui-page .ui-table.reflow-grid-1000 label.ui-input-text + span,
.ui-page .ui-table.reflow-grid-1000 label.ui-select + div,
.ui-page .ui-table.reflow-grid-1000 label.ui-select + span,
.ui-page .ui-table.reflow-grid-1000 b.ui-table-cell-label + div,
.ui-page .ui-table.reflow-grid-1000 b.ui-table-cell-label + span {
display: block !important;
margin: 0;
width: auto !important;
}
.ui-page .ui-table.reflow-grid-1000 td span.fa {
display: inline-block;
text-align: center;
}
.ui-page .ui-table.reflow-grid-1000 div[id*="$sel"],
.ui-page .ui-table.reflow-grid-1000 div[id*="$sel"] div[id*="ctrl"] {
display: block;
text-align: center !important;
}
.ui-page .ui-table.reflow-grid-1000 .gh-select-all,
.ui-page .ui-table.reflow-grid-1000 .gh-select-all * {
text-align: center !important;
}
.ui-page .ui-table.reflow-grid-1000 td[align="right"] {
text-align: right;
}
.ui-page .ui-table.reflow-grid-1000 td[align="right"] input,
.ui-page .ui-table.reflow-grid-1000 td[align="right"] textarea {
text-align: right;
}
.ui-page .ui-table.reflow-grid-1000.table-stroke tbody tr {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-1000.table-stroke tbody td,
.ui-page .ui-table.reflow-grid-1000.table-stroke tbody th {
border-right: 1px solid #ddd;
}
.ui-page .ui-table.reflow-grid-1000.table-stroke tbody td:last-child,
.ui-page .ui-table.reflow-grid-1000.table-stroke tbody th:last-child {
border-right: none;
}
.ui-page .gh-submenu.reflow-grid-1000 {
display: none;
}
}
/*** Overflow ***/
.ui-page div[data-overflow] .indicator {
display: none;
}
.ui-page div[data-overflow="true"] {
margin: 0 0 15px 0;
position: relative;
}
.ui-page div[data-overflow="true"] .indicator {
-moz-transition: opacity 350ms ease;
-webkit-transition: opacity 350ms ease;
display: block;
height: 100%;
opacity: 1;
position: absolute;
top: 0;
transition: opacity 350ms ease;
width: 15px;
}
.ui-page div[data-overflow="true"] .indicator.hide {
opacity: 0;
}
.ui-page div[data-overflow="true"] .indicator:before {
-ms-transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
color: #003da5;
font-family: 'FontAwesome';
font-size: 24px;
left: 50%;
line-height: 24px;
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(-50%);
}
.ui-page div[data-overflow="true"]:hover .indicator.left:before {
-moz-animation: lnudge .6s 1 linear;
-o-animation: lnudge .6s 1 linear;
-webkit-animation: lnudge .6s 1 linear;
animation: lnudge .6s 1 linear;
}
.ui-page div[data-overflow="true"]:hover .indicator.right:before {
-moz-animation: rnudge .6s 1 linear;
-o-animation: rnudge .6s 1 linear;
-webkit-animation: rnudge .6s 1 linear;
animation: rnudge .6s 1 linear;
}
@-webkit-keyframes lnudge {
0%, 100% {
-webkit-transform: translateY(-50%) translateX(-50%);
}
50% {
-webkit-transform: translateY(-50%) translateX(-100%);
}
}
@-moz-keyframes lnudge {
0%, 100% {
-moz-transform: translateY(-50%) translateX(-50%);
}
50% {
-moz-transform: translateY(-50%) translateX(-100%);
}
}
@-o-keyframes lnudge {
0%, 100% {
-o-transform: translateY(-50%) translateX(-50%);
}
50% {
-o-transform: translateY(-50%) translateX(-100%);
}
}
@keyframes lnudge {
0%, 100% {
transform: translateY(-50%) translateX(-50%);
}
50% {
transform: translateY(-50%) translateX(-100%);
}
}
@-webkit-keyframes rnudge {
0%, 100% {
-webkit-transform: translateY(-50%) translateX(-50%);
}
50% {
-webkit-transform: translateY(-50%) translateX(0);
}
}
@-moz-keyframes rnudge {
0%, 100% {
-moz-transform: translateY(-50%) translateX(-50%);
}
50% {
-moz-transform: translateY(-50%) translateX(0);
}
}
@-o-keyframes rnudge {
0%, 100% {
-o-transform: translateY(-50%) translateX(-50%);
}
50% {
-o-transform: translateY(-50%) translateX(0);
}
}
@keyframes rnudge {
0%, 100% {
transform: translateY(-50%) translateX(-50%);
}
50% {
transform: translateY(-50%) translateX(0);
}
}
.ui-page div[data-overflow="true"] .indicator.left {
left: -15px;
}
.ui-page div[data-overflow="true"] .indicator.left:before {
content: '\f104';
}
.ui-page div[data-overflow="true"] .indicator.right {
right: -15px;
}
.ui-page div[data-overflow="true"] .indicator.right:before {
content: '\f105';
}
.ui-page div[data-overflow="true"] .indicator.scroll {
border: 1px solid #ddd;
border-radius: 5px;
height: 7px;
margin: 0 0 7px 0;
position: static;
width: 100%;
}
.ui-page div[data-overflow="true"] .indicator.scroll > div {
background: #333;
border-radius: 5px;
height: 100%;
width: 0px;
}
.ui-page div[data-overflow="true"] .indicator.scroll:before {
display: none;
}
.ui-page div[data-overflow="true"] > div:not(.indicator) {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
padding: 0 1px;
}
.ui-page div[data-overflow="true"] .ui-table {
border: none;
display: table;
margin: 0;
}
.ui-page div[data-overflow="true"] .ui-table thead,
.ui-page div[data-overflow="true"] .ui-table tbody {
display: table-row-group;
}
.ui-page div[data-overflow="true"] .ui-table tbody tr {
display: table-row;
margin: 0 !important;
padding: 0 !important;
}
.ui-page div[data-overflow="true"] .ui-table + [id*="gh-table-pager-"] {
border-top: none !important;
margin: 15px 0 !important;
padding: 0 !important;
}
.ui-page div[data-overflow="true"] .ui-table tbody tr:last-child {
border-bottom: 1px solid #ddd;
}
.ui-page div[data-overflow="true"] .ui-table tbody th,
.ui-page div[data-overflow="true"] .ui-table tbody td {
display: table-cell;
}
.ui-page div[data-overflow="true"] .ui-table > tbody td,
.ui-page div[data-overflow="true"] .ui-table > tbody th,
.ui-page div[data-overflow="true"] .ui-table > tbody div,
.ui-page div[data-overflow="true"] .ui-table > tbody span,
.ui-page div[data-overflow="true"] .ui-table > tbody a {
font-size: 14px !important;
line-height: 16px !important;
}
.ui-page div[data-overflow="true"] .ui-table label[for].ui-input-text,
.ui-page div[data-overflow="true"] .ui-table label[for].ui-select,
.ui-page div[data-overflow="true"] .ui-table b.ui-table-cell-label {
opacity: 0;
position: absolute;
visibility: hidden;
z-index: -1;
}
.ui-page div[data-overflow="true"] .ui-table label.ui-input-text + div,
.ui-page div[data-overflow="true"] .ui-table label.ui-input-text + span,
.ui-page div[data-overflow="true"] .ui-table label.ui-select + div,
.ui-page div[data-overflow="true"] .ui-table label.ui-select + span,
.ui-page div[data-overflow="true"] .ui-table b.ui-table-cell-label + div,
.ui-page div[data-overflow="true"] .ui-table b.ui-table-cell-label + span {
display: block !important;
margin: 0;
width: auto !important;
}
.ui-page div[data-overflow="true"] .ui-table td span.fa {
display: inline-block;
text-align: center;
}
.ui-page div[data-overflow="true"] .ui-table div[id*="$sel"],
.ui-page div[data-overflow="true"] .ui-table div[id*="$sel"] div[id*="ctrl"] {
display: block;
text-align: center !important;
}
.ui-page div[data-overflow="true"] .ui-table .gh-select-all,
.ui-page div[data-overflow="true"] .ui-table .gh-select-all * {
text-align: center !important;
}
.ui-page div[data-overflow="true"] .ui-table td[align="right"] {
text-align: right;
}
.ui-page div[data-overflow="true"] .ui-table td[align="right"] input,
.ui-page div[data-overflow="true"] .ui-table td[align="right"] textarea {
text-align: right;
}
.ui-page div[data-overflow="true"] .ui-table.table-stroke tbody tr {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.ui-page div[data-overflow="true"] .ui-table.table-stroke tbody td,
.ui-page div[data-overflow="true"] .ui-table.table-stroke tbody th {
border-right: 1px solid #ddd;
}
.ui-page div[data-overflow="true"] .ui-table.table-stroke tbody td:last-child,
.ui-page div[data-overflow="true"] .ui-table.table-stroke tbody th:last-child {
border-right: none;
}
.ui-page div[data-overflow="true"] .gh-submenu {
display: none;
}
/*** Select all ***/
/* Heading */
.ui-page table thead th.gh-select-all {
text-align: center !important;
width: 45px;
}
.ui-page table thead th.gh-select-all a {
display: block;
margin: -6px -8px;
padding: 6px 8px;
}
.ui-page table thead th.gh-select-all span {
left: -9999px;
position: absolute;
top: -9999px;
}
/* Checkbox */
.ui-page .ui-table input[type="checkbox"][id*="SELECT"] + label,
.ui-page .ui-table input[type="checkbox"][id*="$sel"] + label {
background: none;
border: none;
font-size: 0px !important;
opacity: 1;
padding: 0;
text-overflow: clip;
width: 20px;
}
.ui-page .ui-table input[type="checkbox"][id*="SELECT"] + label:before,
.ui-page .ui-table input[type="checkbox"][id*="$sel"] + label:before {
-ms-transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.ui-page .ui-table th input[type="checkbox"][id*="SELECT"] + label:before,
.ui-page .ui-table th input[type="checkbox"][id*="$sel"] + label:before {
color: #fff;
}
/* Tablesaw */
.ui-page .tablesaw .gh-select-all,
.ui-page .tablesaw .gh-select-all * {
text-align: center !important;
}
/* jQuery mobile (deprecated) */
.ui-page td.gh-select-all .ui-checkbox {
border: none;
}
.ui-page td.gh-select-all .ui-checkbox label {
background: none;
border: none !important;
z-index: 2;
}
.ui-page td.gh-select-all .ui-checkbox .ui-btn-inner {
padding: 0;
}
.ui-page td.gh-select-all .ui-checkbox .ui-btn-text {
left: -9999px;
position: absolute;
top: -9999px;
}
.ui-page td.gh-select-all .ui-checkbox .ui-icon {
float: left;
left: 0;
margin: 0;
position: static;
top: 0;
}
.ui-page td.gh-select-all .ui-checkbox .ui-icon:before {
font-size: 20px;
}
.ui-page td.gh-select-all .ui-checkbox input {
margin: 0;
z-index: 3;
}
/*** Table Pager ***/
.gh-table-pager,
.gh-table-pager-more {
border: 1px solid #ddd;
margin: 0 0 15px 0;
padding: 10px 15px;
position: relative;
text-align: center;
}
.gh-table-pager,
.gh-table-pager-more {
border-radius: 4px;
}
.gh-table-pager-more {
margin-top: -1px;
}
.gh-table-pager.no-bottom {
border-radius: 4px 4px 0 0;
margin: 0;
}
.gh-table-pager.no-bottom + .gh-table-pager-more {
border-radius: 0 0 4px 4px;
}
.gh-table-pager ul,
.gh-table-pager-more ul {
list-style: none;
margin: 0;
padding: 0;
}
.gh-table-pager ul {
display: table;
width: 100%;
}
.gh-table-pager.count-2 ul li:nth-child(1),
.gh-table-pager.count-2 ul li:nth-child(3) {
position: absolute;
}
.gh-table-pager.count-3 ul li:nth-child(1),
.gh-table-pager.count-3 ul li:nth-child(2),
.gh-table-pager.count-3 ul li:nth-child(4),
.gh-table-pager.count-4 ul li:nth-child(1),
.gh-table-pager.count-4 ul li:nth-child(2),
.gh-table-pager.count-4 ul li:nth-child(4),
.gh-table-pager.count-4 ul li:nth-child(5) {
position: absolute;
}
.gh-table-pager.count-2 ul li:nth-child(1) {
left: 15px;
top: 10px;
}
.gh-table-pager.count-2 ul li:nth-child(3) {
top: 10px;
right: 15px;
}
.gh-table-pager.count-3 ul li:nth-child(1),
.gh-table-pager.count-4 ul li:nth-child(1) {
left: 15px;
top: 25px;
}
.gh-table-pager.count-3 ul li:nth-child(2),
.gh-table-pager.count-4 ul li:nth-child(2) {
left: 15px;
top: 10px;
}
.gh-table-pager.count-3 ul li:nth-child(3),
.gh-table-pager.count-4 ul li:nth-child(3) {
padding: 7px 0;
}
.gh-table-pager.count-3 ul li:nth-child(4),
.gh-table-pager.count-4 ul li:nth-child(4) {
top: 10px;
right: 15px;
}
.gh-table-pager.count-4 ul li:nth-child(5) {
top: 25px;
right: 15px;
}
@media all and (min-width: 480px){
.gh-table-pager ul li {
display: table-cell;
padding: 0 !important;
position: static !important;
width: 20%;
}
}
.gh-table-pager-more ul li {
display: inline-block;
border-right: 1px solid #ddd;
margin: 0 8px 0 0;
padding: 0 8px 0 0;
vertical-align: middle;
}
.gh-table-pager-more ul li:last-child {
border-right: none;
margin: 0;
padding: 0;
}
.gh-table-pager ul,
.gh-table-pager ul li,
.gh-table-pager ul li a,
.gh-table-pager ul li .fa,
.gh-table-pager-more ul,
.gh-table-pager-more ul li,
.gh-table-pager-more ul li a {
font-size: 12px;
font-weight: bold;
line-height: 14px;
text-transform: uppercase;
}
.gh-table-pager ul li a,
.gh-table-pager-more ul li a {
text-decoration: none;
}
/*** Sort ***/
.ui-page .ui-table thead th a.gh-nosort {
cursor: default !important;
pointer-events: none !important;
}
.ui-page .ui-table thead th a.ui-icon-right,
.ui-page .ui-table thead th a.ui-icon-left {
display: block;
position: relative;
}
.ui-page .ui-table thead th a.ui-icon-right {
padding-right: 18px !important;
}
.ui-page .ui-table thead th a.ui-icon-left {
padding-left: 18px !important;
}
.ui-page .ui-table thead th a.ui-icon-left .fa,
.ui-page .ui-table thead th a.ui-icon-right .fa {
margin: -10px 0 0 0;
position: absolute;
top: 50%;
}
.ui-page .ui-table thead th a.ui-icon-right .fa {
right: 0;
}
.ui-page .ui-table thead th a.ui-icon-left .fa {
left: 0;
}
.ui-page .ui-table thead th a.ui-icon-left .fa-sort-up,
.ui-page .ui-table thead th a.ui-icon-right .fa-sort-asc,
.ui-page .ui-table thead th a.ui-icon-left .fa-sort-up,
.ui-page .ui-table thead th a.ui-icon-right .fa-sort-up {
margin-top: -5px;
}
.ui-page .ui-table thead th a.ui-icon-left .fa-sort-desc,
.ui-page .ui-table thead th a.ui-icon-right .fa-sort-desc,
.ui-page .ui-table thead th a.ui-icon-left .fa-sort-down,
.ui-page .ui-table thead th a.ui-icon-right .fa-sort-down {
margin-top: -15px;
}
/*** Row collapsibles ***/
.ui-page .gh-row-collapsible-table,
.ui-page .gh-row-collapsible-table > tbody,
.ui-page .gh-row-collapsible-table > tbody > tr,
.ui-page .gh-row-collapsible-table > tbody > tr > td {
background: none;
border: none;
display: block;
padding: 0;
}
.ui-page .gh-row-collapsible-table > thead {
display: none;
}
.ui-page .gh-row-collapsible-table .PAGROUPBOXLABELINVISIBLE {
display: none;
}
.gh-row-collapsible-change {
font-size: 12px;
line-height: 12px;
margin: 0;
text-align: right;
text-transform: uppercase;
}
.gh-row-collapsible-change a {
display: block;
padding: 10px 0;
}
/*** Row actions ***/
.ui-page .ui-table th[data-actions="true"] {
width: 85px !important;
}
.ui-page .ui-table td[data-actions="true"] b.ui-table-cell-label {
display: none;
}
.ui-page .gh-row-actions {
display: inline-block;
float: none;
margin: 0;
z-index: 997;
}
.ui-page .gh-row-actions.active {
z-index: 998;
}
/*.ui-page .gh-row-actions.dropdown.active .menu {
left: 0;
right: auto;
}
@media (min-width: 400px) {
.ui-page .ui-table.reflow-grid-400 .gh-row-actions.dropdown.active .menu {
left: auto;
right: 0;
}
}
@media (min-width: 500px) {
.ui-page .ui-table.reflow-grid-500 .gh-row-actions.dropdown.active .menu {
left: auto;
right: 0;
}
}
@media (min-width: 600px) {
.ui-page .ui-table.reflow-grid-600 .gh-row-actions.dropdown.active .menu {
left: auto;
right: 0;
}
}
@media (min-width: 700px) {
.ui-page .ui-table.reflow-grid-700 .gh-row-actions.dropdown.active .menu {
left: auto;
right: 0;
}
}
@media (min-width: 800px) {
.ui-page .ui-table.reflow-grid-800 .gh-row-actions.dropdown.active .menu {
left: auto;
right: 0;
}
}
@media (min-width: 900px) {
.ui-page .ui-table.reflow-grid-900 .gh-row-actions.dropdown.active .menu {
left: auto;
right: 0;
}
}
@media (min-width: 1000px) {
.ui-page .ui-table.reflow-grid-1000 .gh-row-actions.dropdown.active .menu {
left: auto;
right: 0;
}
}*/
.ui-page .tablesaw .gh-row-actions li .fa {
display: inline-block;
}
.ui-page .gh-row-actions .ui-btn[class*="icon-left"] .ui-btn-inner {
padding-left: 24px;
padding-right: 10px;
}
.ui-page .gh-row-actions .ui-btn[class*="icon-right"] .ui-btn-inner {
padding-left: 10px;
padding-right: 24px;
}
.ui-page .gh-row-actions .ui-btn[class*="icon-left"][class*="fa-"]:before,
.ui-page .gh-row-actions .ui-btn[class*="icon-left"][class*="ui-icon"]:before {
left: 6px;
}
.ui-page .gh-row-actions .ui-btn[class*="icon-right"][class*="fa-"]:before,
.ui-page .gh-row-actions .ui-btn[class*="icon-right"][class*="ui-icon"]:before {
right: 6px;
}
/*** Default ***/
.gh-tabs {
border-bottom: 1px solid #ddd;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin: 0 0 15px 0;
}
.gh-tabs ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.gh-tabs li {
color: #333;
display: inline-block;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 16px;
max-width: 120px;
text-align: center;
vertical-align: bottom;
}
.gh-tabs li.active {
background: #fff;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
border-radius: 4px 4px 0 0;
margin-bottom: -1px;
padding-bottom: 1px;
}
.gh-tabs li a {
color: #003da5;
display: block;
display: table-cell;
height: 45px;
padding: 0 15px;
text-decoration: none;
vertical-align: middle;
}
.gh-tabs li a:hover,
.gh-tabs li a:focus {
color: #003da5;
}
.gh-tabs li.active a {
color: #333;
}
/*** Radios to tabs ***/
.gh-radio-tabs {
border-bottom: 1px solid #ddd;
margin: 0 0 10px 0;
}
.gh-radio-tabs .gh-radio-tabs-item {
display: table-cell;
vertical-align: middle;
}
.gh-radio-tabs .gh-radio-tabs-item a {
text-decoration: none;
}
.gh-radio-tabs .gh-radio-tabs-item .gh-radio,
.gh-radio-tabs .gh-radio-tabs-item .ui-radio {
background: #fff;
display: block;
margin: 0;
}
.gh-radio-tabs .gh-radio-tabs-item label {
background: none !important;
border: none !important;
border-radius: 4px 4px 0 0;
margin: 0;
}
.gh-radio-tabs .gh-radio-tabs-item .gh-radio label {
padding: 0;
}
.gh-radio-tabs .gh-radio-tabs-item input[type="radio"] {
cursor: pointer;
height: 100%;
left: 0;
margin: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
}
.gh-radio-tabs .gh-radio-tabs-item input[type="radio"]:checked + label {
border-top: 1px solid #ddd !important;
border-right: 1px solid #ddd !important;
border-left: 1px solid #ddd !important;
margin-bottom: -1px;
padding-bottom: 1px;
}
.gh-radio-tabs .gh-radio-tabs-item label .ui-btn-inner {
display: table-cell;
height: 45px;
padding: 0 15px;
text-align: center;
vertical-align: middle;
}
.gh-radio-tabs .gh-radio-tabs-item label .ui-btn-text {
color: #003da5;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 16px;
}
.gh-radio-tabs .gh-radio-tabs-item label:hover .ui-btn-text {
color: #003da5;
}
.gh-radio-tabs .gh-radio-tabs-item input[type="radio"]:checked + label .ui-btn-text {
color: #333;
}
.gh-radio-tabs .gh-radio-tabs-item .gh-radio label:before,
.gh-radio-tabs .gh-radio-tabs-item label .ui-icon {
display: none;
}
/* Link Tabs */
.gh-tabs > div {
-ms-flex: 1;
-webkit-flex: 1;
-webkit-box-flex: 1;
color: #333;
flex: 1;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 16px;
max-width: 150px;
text-align: center;
}
.gh-tabs > div.active {
background: #fff;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
border-radius: 4px 4px 0 0;
margin-bottom: -1px;
padding-bottom: 1px;
}
.gh-tabs > div span {
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
align-items: center;
box-sizing: border-box;
color: #003da5;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: 100%;
justify-content: center;
padding: 15px;
}
.gh-tabs > div.active span {
color: #333;
}
.gh-tabs > div a {
text-decoration: none;
}
.gh-tabs > div a:hover,
.gh-tabs > div a:focus {
color: #003da5;
text-decoration: none;
}
#tilebox,
.tilebox {
list-style: none;
margin: 20px -2% 20px 0;
padding: 0;
}
#tilebox > li,
.tilebox > li {
box-sizing: border-box;
display: inline-block;
margin: 0 2% 0 0;
vertical-align:top;
width: 23%;
}
#tilebox a,
.tilebox a {
box-sizing: border-box;
color: #393939;
display: block;
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 16px;
margin: 0 auto;
min-height: 115px;
padding: 3px 0 5px 0;
position: relative;
text-align: center;
text-decoration: none;
word-break: normal;
word-wrap: normal;
}
#tilebox a:hover,
#tilebox a:focus,
.tilebox a:hover,
.tilebox a:focus {
color: #393939;
}
#tilebox .tile,
#tilebox .tile-img,
.tilebox .tile,
.tilebox .tile-img {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto 100%;
}
#tilebox .tile-img,
.tilebox .tile-img,
#tilebox .tile-img.fa,
.tilebox .tile-img.fa {
color: #007681;
font-size: 40px;
height: 100%;
line-height: 66px;
text-shadow: none;
width: 100%;
}
#tilebox a:hover .tile-img,
#tilebox a:focus .tile-img,
.tilebox a:hover .tile-img,
.tilebox a:focus .tile-img {
color: #007681;
}
#tilebox .tile,
.tilebox .tile {
background: #fff;
background: -moz-radial-gradient(center, ellipse cover, #fff 0%, #fff 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, #fff), color-stop(100%, #fff));
background: -webkit-radial-gradient(center, ellipse cover, #fff 0%, #fff 100%);
background: -o-radial-gradient(center, ellipse cover, #fff 0%, #fff 100%);
background: -ms-radial-gradient(center, ellipse cover, #fff 0%, #fff 100%);
background: radial-gradient(ellipse at center, #fff 0%, #fff 100%);
background-size: 100% 100%;
border: 0px solid #fff;
border-radius: 0px;
box-sizing: border-box;
box-shadow: none;
height: 62px;
margin: 0 auto 5px;
max-width: 72px;
position: relative;
width: 100%;
}
#tilebox .tile span,
.tilebox .tile span {
position: absolute;
top: 0;
right: 0;
}
/* Tiles - Icons */
#tilebox a .fa,
.tilebox a .fa {
background-image: none;
}
#tilebox a .fa:before,
.tilebox a .fa:before {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/* Tiles - Alerts */
/*#tilebox .ui-icon-alert,
.tilebox .ui-icon-alert {
background-color: #fff;
box-shadow: 0px 0px 3px #333;
display: inline-block;
margin-right: 5px;
}
#tilebox .fa-warning,
.tilebox .fa-warning {
color: #F89406;
font-size: 18px;
text-shadow: none;
}*/
#tilebox .ui-icon-bubble,
#tilebox .tile .ui-icon-bubble,
.tilebox .ui-icon-bubble,
.tilebox .tile .ui-icon-bubble {
background: #A40C0A;
box-sizing: border-box;
color: #fff;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 13px;
height: auto;
line-height: 13px;
min-height: 18px;
min-width: 18px;
padding: 3px;
position: absolute;
right: -9px;
text-align: center;
top: -9px;
z-index: 1;
}
/* Inline tiles */
.tile-open #tilebox,
.tile-open .tilebox,
[data-tile][data-rel="inline"] {
display: none;
}
.tile-open [data-tile-status="active"] {
display: block;
}
.gh-footer [data-gh-item-link="tile-close"] {
left: -9999px;
position: absolute;
top: -9999px;
}
.tile-open .gh-footer [data-gh-item-link="tile-close"] {
left: auto;
position: relative;
top: auto;
}
/* page tiles */
.gh-page-header-wrap .tilebox {
margin: 0 6px 0 0;
float: right;
}
.gh-page-header-wrap .tilebox > li {
width: 50px;
}
.gh-page-header-wrap .tilebox a {
min-height: 35px;
}
.gh-page-header-wrap .tilebox .tile {
height: 35px;
}
.gh-page-header-wrap .tilebox .tile-img.fa {
font-size: 35px;
line-height: 35px;
}
.gh-page-header-wrap .tilebox .ui-icon-bubble {
background: #ac2925;
right: 0px;
top: -4px;
}
[data-tile].ui-popup .ui-bar {
display: none;
}
[data-tile] .PSTEXT {
margin-top: 15px;
}
[data-tile] .alert .PSTEXT {
margin-top: 0;
}
[data-related-tile] {
display: none;
}
@media (min-width: 400px) {
[data-tile-breakpoint="400"] #tilebox,
[data-tile-breakpoint="400"] .tilebox,
[data-tile-breakpoint="400"] .gh-footer [data-gh-item-link="tile-close"] {
display: none;
}
[data-tile-breakpoint="400"] [data-tile][data-rel="inline"] {
display: block;
}
[data-tile-breakpoint="400"] [data-related-tile] {
display: block;
}
}
@media (min-width: 500px) {
[data-tile-breakpoint="500"] #tilebox,
[data-tile-breakpoint="500"] .tilebox,
[data-tile-breakpoint="500"] .gh-footer [data-gh-item-link="tile-close"] {
display: none;
}
[data-tile-breakpoint="500"] [data-tile][data-rel="inline"] {
display: block;
}
[data-tile-breakpoint="500"] [data-related-tile] {
display: block;
}
}
@media (min-width: 600px) {
[data-tile-breakpoint="600"] #tilebox,
[data-tile-breakpoint="600"] .tilebox,
[data-tile-breakpoint="600"] .gh-footer [data-gh-item-link="tile-close"] {
display: none;
}
[data-tile-breakpoint="600"] [data-tile][data-rel="inline"] {
display: block;
}
[data-tile-breakpoint="600"] [data-related-tile] {
display: block;
}
}
@media (min-width: 700px) {
[data-tile-breakpoint="700"] #tilebox,
[data-tile-breakpoint="700"] .tilebox,
[data-tile-breakpoint="700"] .gh-footer [data-gh-item-link="tile-close"] {
display: none;
}
[data-tile-breakpoint="700"] [data-tile][data-rel="inline"] {
display: block;
}
[data-tile-breakpoint="700"] [data-related-tile] {
display: block;
}
}
@media (min-width: 800px) {
[data-tile-breakpoint="800"] #tilebox,
[data-tile-breakpoint="800"] .tilebox,
[data-tile-breakpoint="800"] .gh-footer [data-gh-item-link="tile-close"] {
display: none;
}
[data-tile-breakpoint="800"] [data-tile][data-rel="inline"] {
display: block;
}
[data-tile-breakpoint="800"] [data-related-tile] {
display: block;
}
}
@media (min-width: 900px) {
[data-tile-breakpoint="900"] #tilebox,
[data-tile-breakpoint="900"] .tilebox,
[data-tile-breakpoint="900"] .gh-footer [data-gh-item-link="tile-close"] {
display: none;
}
[data-tile-breakpoint="900"] [data-tile][data-rel="inline"] {
display: block;
}
[data-tile-breakpoint="900"] [data-related-tile] {
display: block;
}
}
@media (min-width: 1000px) {
[data-tile-breakpoint="1000"] #tilebox,
[data-tile-breakpoint="1000"] .tilebox,
[data-tile-breakpoint="1000"] .gh-footer [data-gh-item-link="tile-close"] {
display: none;
}
[data-tile-breakpoint="1000"] [data-tile][data-rel="inline"] {
display: block;
}
[data-tile-breakpoint="1000"] [data-related-tile] {
display: block;
}
}
@media (min-width: 1100px) {
[data-tile-breakpoint="1100"] #tilebox,
[data-tile-breakpoint="1100"] .tilebox,
[data-tile-breakpoint="1100"] .gh-footer [data-gh-item-link="tile-close"] {
display: none;
}
[data-tile-breakpoint="1100"] [data-tile][data-rel="inline"] {
display: block;
}
[data-tile-breakpoint="1100"] [data-related-tile] {
display: block;
}
}
@media (min-width: 1200px) {
[data-tile-breakpoint="1200"] #tilebox,
[data-tile-breakpoint="1200"] .tilebox,
[data-tile-breakpoint="1200"] .gh-footer [data-gh-item-link="tile-close"] {
display: none;
}
[data-tile-breakpoint="1200"] [data-tile][data-rel="inline"] {
display: block;
}
[data-tile-breakpoint="1200"] [data-related-tile] {
display: block;
}
}
@media (min-width: 1300px) {
[data-tile-breakpoint="1300"] #tilebox,
[data-tile-breakpoint="1300"] .tilebox,
[data-tile-breakpoint="1300"] .gh-footer [data-gh-item-link="tile-close"] {
display: none;
}
[data-tile-breakpoint="1300"] [data-tile][data-rel="inline"] {
display: block;
}
[data-tile-breakpoint="1300"] [data-related-tile] {
display: block;
}
}
@media (min-width: 1400px) {
[data-tile-breakpoint="1400"] #tilebox,
[data-tile-breakpoint="1400"] .tilebox,
[data-tile-breakpoint="1400"] .gh-footer [data-gh-item-link="tile-close"] {
display: none;
}
[data-tile-breakpoint="1400"] [data-tile][data-rel="inline"] {
display: block;
}
[data-tile-breakpoint="1400"] [data-related-tile] {
display: block;
}
}
@media (min-width: 1500px) {
[data-tile-breakpoint="1500"] #tilebox,
[data-tile-breakpoint="1500"] .tilebox,
[data-tile-breakpoint="1500"] .gh-footer [data-gh-item-link="tile-close"] {
display: none;
}
[data-tile-breakpoint="1500"] [data-tile][data-rel="inline"] {
display: block;
}
[data-tile-breakpoint="1500"] [data-related-tile] {
display: block;
}
}
@media (min-width: 1600px) {
[data-tile-breakpoint="1600"] #tilebox,
[data-tile-breakpoint="1600"] .tilebox,
[data-tile-breakpoint="1600"] .gh-footer [data-gh-item-link="tile-close"] {
display: none;
}
[data-tile-breakpoint="1600"] [data-tile][data-rel="inline"] {
display: block;
}
[data-tile-breakpoint="1600"] [data-related-tile] {
display: block;
}
}
#pt_modals {
height: auto !important;
width: auto !important;
z-index: 20000;
}
#pt_modals div[id^="ptMod_"]:not(.gh-modal-typeahead):not(.ps_popup-menu) {
background-color: rgba(0, 0, 0, 0.5) !important;
visibility: hidden !important;
}
#pt_modals div[id^="ptMod_"]:not(.gh-modal-typeahead):not(.ps_popup-menu).gh-modal-loaded {
visibility: visible !important;
}
#pt_modals div[id^="ptMod_"].gh-modal-typeahead {
background-color: transparent !important;
}
#pt_modals .PSMODALTABLE:not(.ps_modal-gridsort):not(.ps_box-grid-flex):not(.frame-pt_promptpage):not(.ps_popup-msg):not(.gh-frame-as-modal-container):not(.ps_popup-menu):not(.ps_popup-horizontal):not(.ps_popup-vertical):not(.ps_typeahead_modal) {
-webkit-animation: none;
-webkit-transform: translateY(-50%);
-moz-animation: none;
-ms-animation: none;
-ms-transform: translateY(-50%);
animation: none;
border: 0 !important;
border-radius: 0;
box-shadow: none;
height: 100% !important;
left: 0 !important;
top: 0 !important;
transform: none;
width: 100% !important;
}
#pt_modals .PSMODALTABLE:not(.ps_modal-gridsort):not(.ps_box-grid-flex):not(.frame-pt_promptpage):not(.ps_popup-msg):not(.gh-frame-as-modal-container):not(.ps_popup-menu):not(.ps_popup-horizontal):not(.ps_popup-vertical):not(.ps_typeahead_modal) .ps_modal_header {
display: none !important;
}
#pt_modals .ps_modal_content {
border-radius: 0 !important;
}
#pt_modals .ps_modal_container.ps_popup-horizontal:not(.ps_modal-gridsort) .ps_modal_content,
#pt_modals .ps_modal_container.ps_popup-vertical:not(.ps_modal-gridsort) .ps_modal_content {
box-sizing: border-box;
padding-right: 15px;
padding-left: 15px;
}
/* Page Internals */
.gh-frame .is-modal .ui-panel {
display: block;
}
body .ps_header_modal {
display: none !important;
}
.ui-mobile.gh-frame .gh-frame-as-modal.ps_modal_body .ps_header_modal,
.ui-mobile.gh-frame .gh-frame-as-modal.ps_modal_body #jqm_main_page .ps_header_modal .psc_modal-pagetitle {
display: block !important;
}
.ps_modal_body .ps_wrapper {
padding-top: 0 !important;
}
.ui-mobile.gh-frame body.ps_modal_body .ui-page[data-role="page"] {
padding-top: 42px !important;
}
@media (min-width: 800px) {
html.ui-mobile.gh-frame:not(.subsite):not(.show-ps-frame) body.ps_modal_body:not(.gh-frame-as-modal) .ui-page[data-role="page"] {
padding-left: 225px !important;
}
}
#pt_modals .gh-frame-as-modal-container .PSMODALHEADER {
display: none;
}
/*** "You are here" pagination ***/
.gh-multistep-wrap {
font-size: 14px;
text-align: right;
}
.gh-multistep-wrap .gh-multistep {
margin: 10px 0;
}
.gh-multistep-wrap .gh-multistep strong {
display: inline-block;
vertical-align: middle;
}
.gh-multistep-wrap .gh-multistep ul {
border: 1px solid #ddd;
border-radius: 4px;
display: inline-block;
list-style: none;
margin: 0 0 0 10px;
padding: 0;
}
.gh-multistep-wrap .gh-multistep ul li {
border-right: 1px solid #ddd;
display: inline-block;
font-size: 14px;
padding: 4px 12px;
vertical-align: middle;
}
.gh-multistep-wrap .gh-multistep ul li:last-child {
border-right: none;
}
.gh-multistep-wrap .gh-multistep ul li.active,
.gh-multistep-wrap .gh-multistep ul li.active a {
background: #f5f5f5;
font-weight: bold;
}
.gh-multistep-wrap .gh-multistep ul li a {
display: block;
margin: -4px -12px;
padding: 4px 12px;
text-decoration: none;
}
.gh-multistep-wrap .gh-multistep ul li:first-child,
.gh-multistep-wrap .gh-multistep ul li:first-child a {
border-radius: 4px 0 0 4px;
}
.gh-multistep-wrap .gh-multistep ul li:last-child,
.gh-multistep-wrap .gh-multistep ul li:last-child a {
border-radius: 0 4px 4px 0;
}
/*** Progress Navigation (wizard/activity guide) ***/
.gh-progress-nav {
border: 1px solid rgba(0,0,0,0.1);
border-radius: 4px;
margin: 0 0 15px 0;
position: relative;
}
.gh-progress-nav.sublinks {
margin-bottom: 45px;
}
/* Level 1 */
.gh-progress-nav ul {
display: table;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.gh-progress-nav ul li {
background: #fff;
border-right: 1px solid rgba(0,0,0,0.1);
display: table-cell;
vertical-align: middle;
width: 1%;
}
.gh-progress-nav ul li:first-child {
border-radius: 4px 0 0 4px;
}
.gh-progress-nav ul li:last-child {
border-radius: 0 4px 4px 0;
}
.gh-progress-nav ul li:last-child,
.gh-progress-nav ul li.active {
border-right: none;
}
.gh-progress-nav ul li.visited {
background: #f5f5f5;
}
.gh-progress-nav ul li.active {
background: #003da5;
}
.gh-progress-nav ul li .step:before,
.gh-progress-nav ul li .step:after {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
content: "";
display: none;
margin: -10px 0 0 0;
position: absolute;
top: 50%;
}
.gh-progress-nav ul li:last-child .step:before,
.gh-progress-nav ul li:last-child .step:after {
display: none;
}
.gh-progress-nav ul li .step:before {
border-left: 10px solid #fff;
right: -10px;
z-index: 2;
}
.gh-progress-nav ul li.visited .step:before {
border-left: 10px solid #f5f5f5;
}
.gh-progress-nav ul li.active .step:before {
border-left: 10px solid #003da5;
}
.gh-progress-nav ul li .step:after {
border-left: 10px solid rgba(0,0,0,0.1);
right: -11px;
z-index: 1;
}
.gh-progress-nav ul li .step {
box-sizing: border-box;
display: block;
font-size: 10px !important;
font-weight: bold;
line-height: 12px !important;
padding: 9px 0;
position: relative;
text-align: center;
text-decoration: none;
word-break: normal;
word-wrap: normal;
}
.gh-progress-nav ul li .step span {
display: block;
font-size: 10px !important;
font-weight: bold;
line-height: 12px !important;
opacity: 0.8;
text-transform: uppercase;
z-index: 3;
}
.gh-progress-nav ul li .step:hover span,
.gh-progress-nav ul li .step:focus span {
opacity: 1;
}
.gh-progress-nav ul li .step span.ui-disabled {
color: #333;
opacity: 0.5;
}
.gh-progress-nav ul li.visited .step span {
color: #003da5;
}
.gh-progress-nav ul li.active .step span {
color: #fff;
opacity: 1;
}
.gh-progress-nav ul li .step span.num {
background: #333;
border-radius: 100%;
color: #fff;
height: 20px;
line-height: 20px !important;
margin: 0 auto;
padding: 0;
text-align: center;
width: 20px;
}
.gh-progress-nav ul li.visited .step span.num {
background: #003da5;
color: #fff;
}
.gh-progress-nav ul li.active .step span.num {
background: #fff;
color: #333;
}
.gh-progress-nav ul li .step span.text {
left: -9999px;
position: absolute;
top: -9999px;
}
.gh-progress-nav ul li.active .step span.text {
position: static;
}
.gh-progress-nav ul li .step:hover span.text,
.gh-progress-nav ul li .step:focus span.text {
text-decoration: underline;
}
.gh-progress-nav ul li .step:hover span.ui-disabled.text {
text-decoration: none;
}
/* Level 2 */
.gh-progress-nav ul li ul {
border-bottom: 1px solid rgba(0,0,0,0.1);
display: block;
font-size: 10px;
left: 0;
line-height: 12px;
margin: 0;
overflow: hidden;
padding: 8px 0;
position: absolute;
text-align: center;
top: auto;
}
.gh-progress-nav ul li ul li {
display: inline-block;
width: auto;
}
.gh-progress-nav ul li ul li,
.gh-progress-nav ul li ul li.active,
.gh-progress-nav ul li ul li.visited {
background: none;
border-right: 1px solid rgba(0,0,0,0.1);
margin: 0 8px 0 0;
padding: 0 8px 0 0;
}
.gh-progress-nav ul li ul li:last-child,
.gh-progress-nav ul li ul li:last-child.active,
.gh-progress-nav ul li ul li:last-child.visited {
border-right: none;
margin-right: 0;
padding-right: 0;
}
.gh-progress-nav ul li ul li .step {
padding: 0;
text-decoration: none;
text-transform: uppercase;
}
.gh-progress-nav ul li ul li .step:hover,
.gh-progress-nav ul li ul li .step:focus {
text-decoration: underline;
}
.gh-progress-nav ul li ul li.active .step:hover {
text-decoration: none;
}
.gh-progress-nav ul li ul li.active .step,
.gh-progress-nav ul li ul li .step.ui-disabled {
color: #333 !important;
}
.gh-progress-nav ul li ul li .step:before,
.gh-progress-nav ul li ul li .step:after {
display: none;
}
/* Medium displays */
@media all and (min-width: 600px){
.gh-progress-nav ul li .step span.text {
position: static;
}
}
/* Large displays */
@media all and (min-width: 1000px){
.gh-progress-nav ul li .step:before,
.gh-progress-nav ul li .step:after {
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
display: block;
margin: -25px 0 0 0;
}
.gh-progress-nav ul li .step:before {
border-left: 25px solid #fff;
right: -25px;
}
.gh-progress-nav ul li.visited .step:before {
border-left: 25px solid #f5f5f5;
}
.gh-progress-nav ul li.active .step:before {
border-left: 25px solid #003da5;
}
.gh-progress-nav ul li .step:after {
border-left: 25px solid rgba(0,0,0,0.1);
right: -26px;
}
.gh-progress-nav ul li .step span,
.gh-progress-nav ul li .step span.text,
.gh-progress-nav ul li.active .step span.text {
left: 12px;
position: relative;
top: auto;
}
.gh-progress-nav ul li:first-child .step span,
.gh-progress-nav ul li:first-child .step span.text,
.gh-progress-nav ul li.active:first-child .step span.text {
left: 0;
}
}
/*** Multistep - Fluid AG ***/
/* Columns */
@media (min-width: 1200px) {
.gh-progress-nav.stacked.ui-collapsible > .ui-collapsible-heading {
display: none;
}
.gh-progress-nav.stacked.ui-collapsible > .ui-collapsible-content {
display: block;
}
}
.gh-progress-nav.stacked.ui-collapsible-collapsed > .ui-collapsible-heading > .ui-collapsible-heading-toggle {
border-width: 0px;
}
.gh-progress-nav.stacked.ui-collapsible > .ui-collapsible-heading > .ui-collapsible-heading-toggle {
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
}
.gh-progress-nav.stacked.ui-collapsible > .ui-collapsible-content {
border: none;
padding: 0;
}
.gh-progress-nav.stacked ul {
display: block;
width: auto;
}
.gh-progress-nav.stacked ul li {
border: none;
border-bottom: 1px solid #ddd;
display: block;
width: auto;
}
.gh-progress-nav.stacked ul li:last-child {
border-bottom: none;
}
.gh-progress-nav.stacked ul li.active {
background: none;
}
.gh-progress-nav.stacked ul li.active > a {
background: #003da5;
}
.gh-progress-nav.stacked ul li .step {
padding: 11px 15px 11px 40px;
text-align: left;
}
.gh-progress-nav.stacked ul li .step:before,
.gh-progress-nav.stacked ul li .step:after {
display: none;
}
.gh-progress-nav.stacked ul li .step span.num {
left: 8px;
position: absolute;
top: 8px;
}
.gh-progress-nav.stacked ul li .step span.text {
position: static;
}
.gh-progress-nav.stacked ul li ul {
border: none;
margin: 0;
padding: 0;
position: static;
}
.gh-progress-nav.stacked ul li ul li {
border: none;
border-bottom: 1px solid #ddd;
margin: 0;
padding: 0;
}
.gh-progress-nav.stacked ul li span {
opacity: 1;
}
.gh-progress-nav.stacked ul li ul li:first-child {
border-top: 1px solid #ddd;
}
.gh-progress-nav.stacked ul li ul li:last-child {
border-bottom: none;
}
.gh-progress-nav.stacked ul li ul li a {
margin-left: 32px;
}
.gh-progress-nav.stacked ul li ul li.active > a {
background: none;
}
.gh-progress-nav.stacked ul li.active ul li .step span.num {
background: #333;
color: #fff;
}
.gh-progress-nav.stacked ul li.active ul li.active .step span.num {
background: #003da5;
color: #fff;
}
.gh-progress-nav.stacked ul li ul li .step .text {
color: #003da5;
}
/**
* Popup
*/
.gh-loader-popup {
background-color: transparent;
display: none;
height: 100%;
left: 0;
position: fixed;
text-align: center;
top: 42px;
width: 100%;
z-index: 9999;
}
.gh-loader-popup.show {
display: block;
}
.gh-target-content .gh-loader-popup {
top: 0;
}
.gh-loader-cover .gh-loader-popup {
background-color: #fff;
}
.gh-loader-popup-inner {
-ms-transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
background: rgba(0, 0, 0, 0.7);
border-radius: 4px;
box-sizing: border-box;
display: inline-block;
left: 50%;
min-height: 110px;
opacity: 1;
padding: 15px;
position: fixed;
top: 50%;
transform: translateY(-50%) translateX(-50%);
width: 250px;
}
.gh-target-content .gh-loader-popup-inner {
margin-top: calc(-42px / 2);
}
@media (min-width: 800px) {
.gh-target-content .gh-loader-popup-inner {
margin-left: calc(-225px / 2);
}
}
.gh-loader-popup.gh-loader-preinit.gh-loader-hideSpinner > .gh-loader-popup-inner {
display: none;
}
.gh-loader-popup-title {
color: #fff;
font-size: 16px;
margin: 10px 0 0;
word-break: keep-all;
}
/* Spinner */
.gh-loader-spinner {
background: none !important;
border-top: 6px solid rgba(255, 255, 255, .8);
border-right: 6px solid rgba(255, 255, 255, .15);
border-bottom: 6px solid rgba(255, 255, 255, .15);
border-left: 6px solid rgba(255, 255, 255, .15);
border-radius: 100%;
box-sizing: border-box;
display: block !important;
height: 40px;
margin: 0 auto 10px auto;
position: relative;
width: 40px;
}
.gh-loader-popup.animate .gh-loader-spinner {
-moz-animation: rotation .6s infinite linear;
-o-animation: rotation .6s infinite linear;
-webkit-animation: rotation .6s infinite linear;
animation: rotation .6s infinite linear;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@-moz-keyframes rotation {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(359deg);
}
}
@-o-keyframes rotation {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(359deg);
}
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.gh-cols {
box-sizing: border-box;
margin-bottom: 10px;
overflow: hidden;
width: 100%;
}
.gh-cols .gh-col {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
}
.gh-cols-flex {
-ms-flex-direction: column;
-ms-flex-pack: justify;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-box-pack: justify;
-webkit-flex-direction: column;
-webkit-justify-content: space-between;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: visible;
}
.gh-cols-flex > .ui-body {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
box-sizing: border-box;
flex: 1;
height: 100%;
overflow: visible;
}
@media (min-width: 400px) {
.gh-cols-flex.gh-cols-400 {
-ms-flex-direction: row;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
}
.gh-cols-flex.gh-cols-400 .gh-col-20 {
width: 19.5%;
}
.gh-cols-flex.gh-cols-400 .gh-col-25 {
width: 24.5%;
}
.gh-cols-flex.gh-cols-400 .gh-col-33 {
width: 32.5%;
}
.gh-cols-flex.gh-cols-400 .gh-col-50 {
width: 49.5%;
}
.gh-cols-flex.gh-cols-400 .gh-col-66 {
width: 65.5%;
}
.gh-cols-flex.gh-cols-400 .gh-col-75 {
width: 74.5%;
}
.gh-cols-flex.gh-cols-400 .gh-col-80 {
width: 79.5%;
}
.gh-cols-flex.gh-cols-400 .gh-col-100 {
width: 99.5%;
}
/* Container footers */
.gh-cols-flex.gh-cols-400 .gh-container-footer.stretch li {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: left;
}
}
@media (min-width: 500px) {
.gh-cols-flex.gh-cols-500 {
-ms-flex-direction: row;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
}
.gh-cols-flex.gh-cols-500 .gh-col-20 {
width: 19.5%;
}
.gh-cols-flex.gh-cols-500 .gh-col-25 {
width: 24.5%;
}
.gh-cols-flex.gh-cols-500 .gh-col-33 {
width: 32.5%;
}
.gh-cols-flex.gh-cols-500 .gh-col-50 {
width: 49.5%;
}
.gh-cols-flex.gh-cols-500 .gh-col-66 {
width: 65.5%;
}
.gh-cols-flex.gh-cols-500 .gh-col-75 {
width: 74.5%;
}
.gh-cols-flex.gh-cols-500 .gh-col-80 {
width: 79.5%;
}
.gh-cols-flex.gh-cols-500 .gh-col-100 {
width: 99.5%;
}
/* Container footers */
.gh-cols-flex.gh-cols-500 .gh-container-footer.stretch li {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: left;
}
}
@media (min-width: 600px) {
.gh-cols-flex.gh-cols-600 {
-ms-flex-direction: row;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
}
.gh-cols-flex.gh-cols-600 .gh-col-20 {
width: 19.5%;
}
.gh-cols-flex.gh-cols-600 .gh-col-25 {
width: 24.5%;
}
.gh-cols-flex.gh-cols-600 .gh-col-33 {
width: 32.5%;
}
.gh-cols-flex.gh-cols-600 .gh-col-50 {
width: 49.5%;
}
.gh-cols-flex.gh-cols-600 .gh-col-66 {
width: 65.5%;
}
.gh-cols-flex.gh-cols-600 .gh-col-75 {
width: 74.5%;
}
.gh-cols-flex.gh-cols-600 .gh-col-80 {
width: 79.5%;
}
.gh-cols-flex.gh-cols-600 .gh-col-100 {
width: 99.5%;
}
/* Container footers */
.gh-cols-flex.gh-cols-600 .gh-container-footer.stretch li {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: left;
}
}
@media (min-width: 700px) {
.gh-cols-flex.gh-cols-700 {
-ms-flex-direction: row;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
}
.gh-cols-flex.gh-cols-700 .gh-col-20 {
width: 19.5%;
}
.gh-cols-flex.gh-cols-700 .gh-col-25 {
width: 24.5%;
}
.gh-cols-flex.gh-cols-700 .gh-col-33 {
width: 32.5%;
}
.gh-cols-flex.gh-cols-700 .gh-col-50 {
width: 49.5%;
}
.gh-cols-flex.gh-cols-700 .gh-col-66 {
width: 65.5%;
}
.gh-cols-flex.gh-cols-700 .gh-col-75 {
width: 74.5%;
}
.gh-cols-flex.gh-cols-700 .gh-col-80 {
width: 79.5%;
}
.gh-cols-flex.gh-cols-700 .gh-col-100 {
width: 99.5%;
}
/* Container footers */
.gh-cols-flex.gh-cols-700 .gh-container-footer.stretch li {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: left;
}
}
@media (min-width: 800px) {
.gh-cols-flex.gh-cols-800 {
-ms-flex-direction: row;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
}
.gh-cols-flex.gh-cols-800 .gh-col-20 {
width: 19.5%;
}
.gh-cols-flex.gh-cols-800 .gh-col-25 {
width: 24.5%;
}
.gh-cols-flex.gh-cols-800 .gh-col-33 {
width: 32.5%;
}
.gh-cols-flex.gh-cols-800 .gh-col-50 {
width: 49.5%;
}
.gh-cols-flex.gh-cols-800 .gh-col-66 {
width: 65.5%;
}
.gh-cols-flex.gh-cols-800 .gh-col-75 {
width: 74.5%;
}
.gh-cols-flex.gh-cols-800 .gh-col-80 {
width: 79.5%;
}
.gh-cols-flex.gh-cols-800 .gh-col-100 {
width: 99.5%;
}
/* Container footers */
.gh-cols-flex.gh-cols-800 .gh-container-footer.stretch li {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: left;
}
}
@media (min-width: 900px) {
.gh-cols-flex.gh-cols-900 {
-ms-flex-direction: row;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
}
.gh-cols-flex.gh-cols-900 .gh-col-20 {
width: 19.5%;
}
.gh-cols-flex.gh-cols-900 .gh-col-25 {
width: 24.5%;
}
.gh-cols-flex.gh-cols-900 .gh-col-33 {
width: 32.5%;
}
.gh-cols-flex.gh-cols-900 .gh-col-50 {
width: 49.5%;
}
.gh-cols-flex.gh-cols-900 .gh-col-66 {
width: 65.5%;
}
.gh-cols-flex.gh-cols-900 .gh-col-75 {
width: 74.5%;
}
.gh-cols-flex.gh-cols-900 .gh-col-80 {
width: 79.5%;
}
.gh-cols-flex.gh-cols-900 .gh-col-100 {
width: 99.5%;
}
/* Container footers */
.gh-cols-flex.gh-cols-900 .gh-container-footer.stretch li {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: left;
}
}
@media (min-width: 1000px) {
.gh-cols-flex.gh-cols-1000 {
-ms-flex-direction: row;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
}
.gh-cols-flex.gh-cols-1000 .gh-col-20 {
width: 19.5%;
}
.gh-cols-flex.gh-cols-1000 .gh-col-25 {
width: 24.5%;
}
.gh-cols-flex.gh-cols-1000 .gh-col-33 {
width: 32.5%;
}
.gh-cols-flex.gh-cols-1000 .gh-col-50 {
width: 49.5%;
}
.gh-cols-flex.gh-cols-1000 .gh-col-66 {
width: 65.5%;
}
.gh-cols-flex.gh-cols-1000 .gh-col-75 {
width: 74.5%;
}
.gh-cols-flex.gh-cols-1000 .gh-col-80 {
width: 79.5%;
}
.gh-cols-flex.gh-cols-1000 .gh-col-100 {
width: 99.5%;
}
/* Container footers */
.gh-cols-flex.gh-cols-1000 .gh-container-footer.stretch li {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: left;
}
}
@media (min-width: 1100px) {
.gh-cols-flex.gh-cols-1100 {
-ms-flex-direction: row;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
}
.gh-cols-flex.gh-cols-1100 .gh-col-20 {
width: 19.5%;
}
.gh-cols-flex.gh-cols-1100 .gh-col-25 {
width: 24.5%;
}
.gh-cols-flex.gh-cols-1100 .gh-col-33 {
width: 32.5%;
}
.gh-cols-flex.gh-cols-1100 .gh-col-50 {
width: 49.5%;
}
.gh-cols-flex.gh-cols-1100 .gh-col-66 {
width: 65.5%;
}
.gh-cols-flex.gh-cols-1100 .gh-col-75 {
width: 74.5%;
}
.gh-cols-flex.gh-cols-1100 .gh-col-80 {
width: 79.5%;
}
.gh-cols-flex.gh-cols-1100 .gh-col-100 {
width: 99.5%;
}
/* Container footers */
.gh-cols-flex.gh-cols-1100 .gh-container-footer.stretch li {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: left;
}
}
@media (min-width: 1200px) {
.gh-cols-flex.gh-cols-1200 {
-ms-flex-direction: row;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
}
.gh-cols-flex.gh-cols-1200 .gh-col-20 {
width: 19.5%;
}
.gh-cols-flex.gh-cols-1200 .gh-col-25 {
width: 24.5%;
}
.gh-cols-flex.gh-cols-1200 .gh-col-33 {
width: 32.5%;
}
.gh-cols-flex.gh-cols-1200 .gh-col-50 {
width: 49.5%;
}
.gh-cols-flex.gh-cols-1200 .gh-col-66 {
width: 65.5%;
}
.gh-cols-flex.gh-cols-1200 .gh-col-75 {
width: 74.5%;
}
.gh-cols-flex.gh-cols-1200 .gh-col-80 {
width: 79.5%;
}
.gh-cols-flex.gh-cols-1200 .gh-col-100 {
width: 99.5%;
}
/* Container footers */
.gh-cols-flex.gh-cols-1200 .gh-container-footer.stretch li {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: left;
}
}
@media (min-width: 1300px) {
.gh-cols-flex.gh-cols-1300 {
-ms-flex-direction: row;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
}
.gh-cols-flex.gh-cols-1300 .gh-col-20 {
width: 19.5%;
}
.gh-cols-flex.gh-cols-1300 .gh-col-25 {
width: 24.5%;
}
.gh-cols-flex.gh-cols-1300 .gh-col-33 {
width: 32.5%;
}
.gh-cols-flex.gh-cols-1300 .gh-col-50 {
width: 49.5%;
}
.gh-cols-flex.gh-cols-1300 .gh-col-66 {
width: 65.5%;
}
.gh-cols-flex.gh-cols-1300 .gh-col-75 {
width: 74.5%;
}
.gh-cols-flex.gh-cols-1300 .gh-col-80 {
width: 79.5%;
}
.gh-cols-flex.gh-cols-1300 .gh-col-100 {
width: 99.5%;
}
/* Container footers */
.gh-cols-flex.gh-cols-1300 .gh-container-footer.stretch li {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: left;
}
}
@media (min-width: 1400px) {
.gh-cols-flex.gh-cols-1400 {
-ms-flex-direction: row;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
}
.gh-cols-flex.gh-cols-1400 .gh-col-20 {
width: 19.5%;
}
.gh-cols-flex.gh-cols-1400 .gh-col-25 {
width: 24.5%;
}
.gh-cols-flex.gh-cols-1400 .gh-col-33 {
width: 32.5%;
}
.gh-cols-flex.gh-cols-1400 .gh-col-50 {
width: 49.5%;
}
.gh-cols-flex.gh-cols-1400 .gh-col-66 {
width: 65.5%;
}
.gh-cols-flex.gh-cols-1400 .gh-col-75 {
width: 74.5%;
}
.gh-cols-flex.gh-cols-1400 .gh-col-80 {
width: 79.5%;
}
.gh-cols-flex.gh-cols-1400 .gh-col-100 {
width: 99.5%;
}
/* Container footers */
.gh-cols-flex.gh-cols-1400 .gh-container-footer.stretch li {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: left;
}
}
@media (min-width: 1500px) {
.gh-cols-flex.gh-cols-1500 {
-ms-flex-direction: row;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
}
.gh-cols-flex.gh-cols-1500 .gh-col-20 {
width: 19.5%;
}
.gh-cols-flex.gh-cols-1500 .gh-col-25 {
width: 24.5%;
}
.gh-cols-flex.gh-cols-1500 .gh-col-33 {
width: 32.5%;
}
.gh-cols-flex.gh-cols-1500 .gh-col-50 {
width: 49.5%;
}
.gh-cols-flex.gh-cols-1500 .gh-col-66 {
width: 65.5%;
}
.gh-cols-flex.gh-cols-1500 .gh-col-75 {
width: 74.5%;
}
.gh-cols-flex.gh-cols-1500 .gh-col-80 {
width: 79.5%;
}
.gh-cols-flex.gh-cols-1500 .gh-col-100 {
width: 99.5%;
}
/* Container footers */
.gh-cols-flex.gh-cols-1500 .gh-container-footer.stretch li {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: left;
}
}
@media (min-width: 1600px) {
.gh-cols-flex.gh-cols-1600 {
-ms-flex-direction: row;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
}
.gh-cols-flex.gh-cols-1600 .gh-col-20 {
width: 19.5%;
}
.gh-cols-flex.gh-cols-1600 .gh-col-25 {
width: 24.5%;
}
.gh-cols-flex.gh-cols-1600 .gh-col-33 {
width: 32.5%;
}
.gh-cols-flex.gh-cols-1600 .gh-col-50 {
width: 49.5%;
}
.gh-cols-flex.gh-cols-1600 .gh-col-66 {
width: 65.5%;
}
.gh-cols-flex.gh-cols-1600 .gh-col-75 {
width: 74.5%;
}
.gh-cols-flex.gh-cols-1600 .gh-col-80 {
width: 79.5%;
}
.gh-cols-flex.gh-cols-1600 .gh-col-100 {
width: 99.5%;
}
/* Container footers */
.gh-cols-flex.gh-cols-1600 .gh-container-footer.stretch li {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: left;
}
}
/* Default breakpoint (deprecated) */
@media (min-width: 1000px) {
/* Alignment */
.gh-col-left {
float: left;
}
.gh-col-right {
float: right;
}
/* Gutters */
.gh-col-gutter {
margin-left: 1%;
margin-right: 1%;
}
.gh-col-gutter-left {
margin-left: 1%;
}
.gh-col-gutter-right {
margin-left: 1%;
}
/* Size */
.gh-col-left.gh-col-20,
.gh-col-right.gh-col-20 {
width: 20%;
}
.gh-col-left.gh-col-25,
.gh-col-right.gh-col-25 {
width: 25%;
}
.gh-col-left.gh-col-33,
.gh-col-right.gh-col-33 {
width: 33%;
}
.gh-col-left.gh-col-50,
.gh-col-right.gh-col-50 {
width: 50%;
}
.gh-col-left.gh-col-66,
.gh-col-right.gh-col-66 {
width: 66%;
}
.gh-col-left.gh-col-75,
.gh-col-right.gh-col-75 {
width: 75%;
}
.gh-col-left.gh-col-80,
.gh-col-right.gh-col-80 {
width: 75%;
}
.gh-col-left.gh-col-100,
.gh-col-right.gh-col-100 {
width: 100%;
}
/* Size, with gutter */
.gh-col-left.gh-col-20.gh-col-gutter,
.gh-col-right.gh-col-20.gh-col-gutter {
width: 18%;
}
.gh-col-left.gh-col-20.gh-col-gutter-left,
.gh-col-left.gh-col-20.gh-col-gutter-right,
.gh-col-right.gh-col-20.gh-col-gutter-left,
.gh-col-right.gh-col-20.gh-col-gutter-right {
width: 19%;
}
.gh-col-left.gh-col-25.gh-col-gutter,
.gh-col-right.gh-col-25.gh-col-gutter {
width: 23%;
}
.gh-col-left.gh-col-25.gh-col-gutter-left,
.gh-col-left.gh-col-25.gh-col-gutter-right,
.gh-col-right.gh-col-25.gh-col-gutter-left,
.gh-col-right.gh-col-25.gh-col-gutter-right {
width: 24%;
}
.gh-col-left.gh-col-33.gh-col-gutter,
.gh-col-right.gh-col-33.gh-col-gutter {
width: 31%;
}
.gh-col-left.gh-col-33.gh-col-gutter-left,
.gh-col-left.gh-col-33.gh-col-gutter-right,
.gh-col-right.gh-col-33.gh-col-gutter-left,
.gh-col-right.gh-col-33.gh-col-gutter-right {
width: 32%;
}
.gh-col-left.gh-col-50.gh-col-gutter,
.gh-col-right.gh-col-50.gh-col-gutter {
width: 48%;
}
.gh-col-left.gh-col-50.gh-col-gutter-left,
.gh-col-left.gh-col-50.gh-col-gutter-right,
.gh-col-right.gh-col-50.gh-col-gutter-left,
.gh-col-right.gh-col-50.gh-col-gutter-right {
width: 49%;
}
.gh-col-left.gh-col-66.gh-col-gutter,
.gh-col-right.gh-col-66.gh-col-gutter {
width: 64%;
}
.gh-col-left.gh-col-66.gh-col-gutter-left,
.gh-col-left.gh-col-66.gh-col-gutter-right,
.gh-col-right.gh-col-66.gh-col-gutter-left,
.gh-col-right.gh-col-66.gh-col-gutter-right {
width: 65%;
}
.gh-col-left.gh-col-75.gh-col-gutter,
.gh-col-right.gh-col-75.gh-col-gutter {
width: 73%;
}
.gh-col-left.gh-col-75.gh-col-gutter-left,
.gh-col-left.gh-col-75.gh-col-gutter-right,
.gh-col-right.gh-col-75.gh-col-gutter-left,
.gh-col-right.gh-col-75.gh-col-gutter-right {
width: 74%;
}
.gh-col-left.gh-col-80.gh-col-gutter,
.gh-col-right.gh-col-80.gh-col-gutter {
width: 78%;
}
.gh-col-left.gh-col-80.gh-col-gutter-left,
.gh-col-left.gh-col-80.gh-col-gutter-right,
.gh-col-right.gh-col-80.gh-col-gutter-left,
.gh-col-right.gh-col-80.gh-col-gutter-right {
width: 79%;
}
.gh-col-left.gh-col-100.gh-col-gutter,
.gh-col-right.gh-col-100.gh-col-gutter {
width: 98%;
}
.gh-col-left.gh-col-100.gh-col-gutter-left,
.gh-col-left.gh-col-100.gh-col-gutter-right,
.gh-col-right.gh-col-100.gh-col-gutter-left,
.gh-col-right.gh-col-100.gh-col-gutter-right {
width: 99%;
}
}
/*** Guide ***/
/* Wrapper */
.gh-guide-wrapper {
margin: 0 0 15px 0;
}
/* Footer */
.gh-guide-wrapper .gh-container-footer {
margin-top: 0;
}
/* Content */
.gh-guide-content-wrapper {
border: 1px solid #ddd;
border-radius: 4px;
margin: 0 0 15px 0;
padding: 15px;
}
.gh-guide-wrapper .gh-guide-content-wrapper > div[class="ui-body"],
.gh-guide-wrapper .gh-guide > div[class="ui-body"],
.start-page .gh-guide-wrapper .gh-guide > [data-gh-guide-hidden][id] > div[class="ui-body"] {
border: none;
margin: -15px -15px 0 -15px;
}
.gh-guide-wrapper .gh-guide > [data-gh-guide-hidden][id] > div[class="ui-body"] {
margin: 0 -7px 15px -7px;
}
[data-gh-guide-hidden="true"] {
display: none;
}
/* Stack */
.gh-guide .gh-cols-flex.stack,
.gh-guide .gh-cols-flex.stack .gh-col {
-ms-flex: none;
-webkit-box-flex: 0;
-webkit-flex: none;
display: block;
flex: none;
width: auto;
}
/* Inline */
.gh-guide .gh-cols.inline * {
font-size: 13px !important;
}
.gh-guide div[class="ui-body"] .gh-cols.inline {
margin: -6px;
width: auto;
}
.gh-guide .gh-cols.inline div[class="ui-body"] .ui-bar,
.gh-guide .gh-cols.inline b.ui-table-cell-label {
font-size: 10px !important;
text-transform: uppercase;
}
.gh-guide .gh-cols.inline b.ui-table-cell-label {
width: 50%;
}
.gh-guide .gh-cols.inline .ui-btn,
.gh-guide .gh-cols.inline .ui-btn * {
font-size: 10px !important;
line-height: 12px;
text-align: left;
text-transform: uppercase;
}
.gh-guide .gh-cols.inline .ui-btn-inner {
padding-top: 8px;
padding-bottom: 8px;
}
/* Navigation */
.gh-guide-nav-wrapper {
margin: 0 0 15px 0;
}
.gh-guide-nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.gh-guide-nav ul li.active ul {
display: block;
}
.gh-guide-nav ul ul {
display: none;
}
.gh-guide-nav a {
border-bottom: 1px solid #ddd;
display: block;
font-weight: normal;
text-decoration: none;
}
.gh-guide-nav a:hover,
.gh-guide-nav a:focus {
background: #f5f5f5;
}
.gh-guide-nav li:last-child > a {
border-bottom: none;
}
.gh-guide-nav > ul {
border: 1px solid #ddd;
border-radius: 4px;
}
.gh-guide-nav > ul > li > a,
.gh-guide-nav > ul > li > a.ui-link {
color: #003da5;
font-weight: normal;
padding: 8px 15px;
position: relative;
}
.gh-guide-nav > ul > li > a:hover,
.gh-guide-nav > ul > li > a:focus,
.gh-guide-nav > ul > li > a.ui-link:hover,
.gh-guide-nav > ul > li > a.ui-link:focus {
color: #003da5;
}
.gh-guide-nav > ul > li.active > a,
.gh-guide-nav > ul > li.active > a.ui-link {
background: #003da5;
color: #fff;
}
.gh-guide-nav > ul > li.active > a:hover,
.gh-guide-nav > ul > li.active > a:focus,
.gh-guide-nav > ul > li.active > a.ui-link:hover,
.gh-guide-nav > ul > li.active > a.ui-link:focus {
color: #fff;
}
.gh-guide-nav > ul > li.active > a:after {
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #003da5;
content: "";
position: absolute;
right: -20px;
top: 0;
z-index: 999;
}
.gh-guide-content-wrapper + .gh-guide-nav-wrapper .gh-guide-nav > ul > li.active > a:after {
border-right: 20px solid #003da5;
border-left: none;
left: -20px;
right: auto;
}
.gh-guide-nav > ul > li.active > a:hover,
.gh-guide-nav > ul > li.active > a.ui-link {
}
.gh-guide-nav ul ul {
border-bottom: 1px solid #ddd;
}
.gh-guide-nav ul li:last-child ul {
border-bottom: none;
}
.gh-guide-nav ul ul li a {
font-size: 14px;
line-height: 16px;
padding: 8px 15px 8px 45px;
}
.gh-guide-nav ul ul li.active a {
background: #f5f5f5;
color: #333;
}
/* Filter Navigation */
.gh-guide-filter {
border: 1px solid rgba(0,0,0,0.1);
border-radius: 4px;
margin: 0 0 15px 0;
overflow: hidden;
}
.ui-collapsible .gh-guide-filter.inset,
div[class="ui-body"] .gh-guide-filter.inset {
border: none;
border-radius: 0 0 4px 4px;
margin: -15px;
}
.gh-guide-filter ul {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
@media (min-width: 800px) {
.gh-guide-filter ul {
-ms-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.gh-guide-filter ul li {
-ms-flex: 1 50%;
-webkit-box-flex: 1;
-webkit-flex: 1 50%;
display: inline-block;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
flex: 1 50%;
margin: -1px;
text-align: center;
vertical-align: top;
}
@media (min-width: 480px) {
.gh-guide-filter ul li {
-ms-flex: 1 33%;
-webkit-box-flex: 1;
-webkit-flex: 1 33%;
flex: 1 33%;
}
}
@media (min-width: 600px) {
.gh-guide-filter ul li {
-ms-flex: 1 25%;
-webkit-box-flex: 1;
-webkit-flex: 1 25%;
flex: 1 25%;
}
}
@media (min-width: 800px) {
.gh-guide-filter ul li {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
}
.gh-guide-filter ul li a {
background: #fff;
color: #393939;
border: 1px solid rgba(0,0,0,0.1);
display: block;
padding: 8px;
text-decoration: none;
width: 100%;
}
@media (min-width: 800px) {
.gh-guide-filter ul li a {
padding: 15px;
}
}
.gh-guide-filter ul li.active a,
.gh-guide-filter ul li a:hover,
.gh-guide-filter ul li a:focus {
background: #f5f5f5;
}
.gh-guide-filter span.fa {
color: #007681;
font-size: 24px;
}
.gh-guide-filter span.fa-child,
.gh-guide-filter span.fa-th-list {
font-size: 16px;
}
@media (min-width: 800px) {
.gh-guide-filter span.fa {
font-size: 36px;
}
.gh-guide-filter span.fa-child,
.gh-guide-filter span.fa-th-list {
font-size: 24px;
}
}
.gh-guide-filter span.text {
color: #393939;
display: block;
font-size: 10px;
line-height: 14px;
margin: 10px 0 0 0;
text-transform: uppercase;
}
.gh-guide-filter ul li.active a span.fa,
.gh-guide-filter ul li a:hover span.fa,
.gh-guide-filter ul li a:focus span.fa {
color: #007681;
}
.gh-guide-filter ul li.active a span.text,
.gh-guide-filter ul li a:hover span.text,
.gh-guide-filter ul li a:focus span.text {
color: #393939;
}
/* Filtered */
.ui-page .ui-table.table-stripe.gh-guide-filtered tbody tr {
background: none;
}
.ui-page .ui-table.table-stroke.gh-guide-filtered tbody tr,
.ui-page .ui-table.table-stroke.gh-guide-filtered tbody tr:first-child,
.ui-page .ui-table.table-stroke.gh-guide-filtered tbody tr:last-child {
border: none;
}
/* Subsite */
.ui-mobile.subsite .ui-page > .ui-header .ui-btn-left {
display: block;
}
.ui-mobile.subsite .ui-page > .ui-header .ui-title a .ui-icon {
background-position: 50% 50% !important;
background-size: auto 105%;
}
.ui-mobile.subsite .ui-page[data-role="page"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
.ui-mobile.subsite .ui-page[data-role="page"] .ui-panel-content-wrap {
-moz-transition: all 350ms ease;
-webkit-transition: all 350ms ease;
background: none;
transition: all 350ms ease;
}
.ui-mobile.subsite .ui-panel {
-moz-transition: all 350ms ease;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
visibility: hidden;
width: 17em;
}
.ui-mobile.subsite .ui-panel.ui-panel-position-left {
margin-left: -17em;
}
.ui-mobile.subsite .ui-page-panel-open .ui-panel.ui-panel-position-left {
margin-left: -34em;
}
.ui-mobile.subsite .ui-page-panel-open .ui-panel.ui-panel-position-left.ui-panel-open {
margin: 0;
visibility: visible;
}
/* Landing Page */
.subsite.landing-page .gh-page-header {
background: #003da5;
border: none;
border-radius: 0px;
box-sizing: border-box;
left: 0;
position: fixed;
top: 42px;
width: 100%;
z-index: 999;
}
.subsite.landing-page .gh-page-header .gh-page-header-headings *,
.subsite.landing-page .gh-page-header .gh-page-header-headings *:after {
color: #fff;
}
.subsite.landing-page .ui-page[data-role="page"] {
background-color: #fff;
background-attachment: fixed;
background-position: 0 78px;
background-repeat: no-repeat;
background-size: cover;
padding-top: 78px !important;
}
.subsite.landing-page .ui-page[data-role="page"] > .ui-panel-content-wrap > .ui-content {
background-color: #fff;
}
@media (min-width: 800px) {
.subsite.landing-page .gh-page-header {
position: absolute;
}
.subsite.landing-page .ui-page[data-role="page"] {
background-attachment: initial;
}
.subsite.landing-page .ui-page[data-role="page"] > .ui-panel-content-wrap {
background: none;
}
.subsite.landing-page .ui-page[data-role="page"] > .ui-panel-content-wrap > .ui-content {
margin-top: 0px !important;
margin-left: 50% !important;
width: 50%;
}
}
/*** Popups ***/
.ui-screen-hidden {
display: none;
}
.ui-popup-screen {
background: #000;
height: 100%;
left: 0;
opacity: 0.5;
position: fixed;
top: 0;
width: 100%;
z-index: 1099;
}
.ui-popup-container {
border-radius: 4px;
left: 5% !important; /* override inline style */
max-width: none !important; /* override inline style */
width: 90%;
z-index: 1100;
}
@media all and (min-width: 800px) {
.ui-popup-container {
left: 25% !important; /* override inline style */
width: 50%;
}
}
.ui-popup-hidden {
display: none;
}
.ui-popup {
-webkit-overflow-scrolling: touch;
background: #fff;
border: 1px solid #fff;
border-radius: 4px;
box-sizing: border-box;
max-height: 80vh;
overflow: hidden;
padding: 40px 0 0 0;
position: relative;
}
@media all and (min-width: 480px) {
.ui-popup {
max-height: 70vh;
}
}
.ui-popup > div,
.ui-popup > ul {
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
float: left;
margin-top: -40px !important;
margin-bottom: -15px !important;
max-height: inherit;
overflow-y: auto !important;
padding-top: 40px !important;
padding-bottom: 15px;
width: 100%;
}
.ui-popup > div.ui-content {
margin-bottom: 0;
padding-top: 50px !important;
}
.ui-popup > div * {
overflow: visible;
}
/* Popups - Header */
.ui-dialog .ui-header,
.ui-popup .ui-header {
background: #003da5;
border: none;
border-radius: 4px 4px 0 0 !important;
color: #fff;
display: block !important; /* override inline style */
float: none;
height: 40px;
left: 0;
margin: 0 !important;
max-height: none;
overflow: hidden;
padding: 0 !important;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
.ui-dialog .ui-header .ui-title,
.ui-popup .ui-header .ui-title {
color: #fff;
font-weight: bold;
margin: 0;
padding: 8px 45px 8px 15px;
text-align: left;
}
/* Popups - Close button */
.ui-dialog .ui-header .ui-btn,
.ui-popup .modal-close-button,
.ui-popup .ui-popup-close {
background: #003da5;
border: none;
border-left: 1px solid #fff;
border-radius: 0 4px 0 0;
box-sizing: border-box;
box-shadow: none;
color: #fff !important;
height: 40px;
left: auto;
line-height: 40px;
margin: 0;
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
text-shadow: none;
top: 0;
width: 45px;
z-index: 3;
}
.ui-popup .ui-popup-close:hover,
.ui-popup .ui-popup-close:focus {
color: #fff;
}
.ui-popup .ui-popup-close span {
display: block;
height: 100%;
left: 0;
line-height: 40px;
position: absolute;
opacity: 0;
top: 0;
width: 100%;
}
.ui-popup .ui-popup-close .fa {
opacity: 1;
}
.ui-dialog .ui-header .ui-btn .ui-btn-inner,
.ui-popup .modal-close-button .ui-btn-inner {
height: 40px;
line-height: 40px;
padding: 0;
}
.ui-popup .modal-close-button .ui-btn-text {
color: #fff;
}
/* Popups - Resets */
.ui-popup .ui-collapsible-content {
margin-top: -5px;
margin-right: 0;
margin-left: 0;
padding: 15px;
}
.ui-popup .ui-collapsible-content.pagelet-content {
border: none;
margin-top: 0;
}
.ui-popup a.ui-btn {
display: block;
margin: 0 0 5px 0;
}
/* Popups - Icons */
.ui-popup .ui-icon-alert {
line-height: 18px;
margin-right: 10px;
}
/* Popups - Listview */
.ui-popup .ui-listview {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin: 0;
}
.ui-popup .ui-collapsible-content .ui-listview {
margin: -15px !important;
}
.ui-popup .ui-listview li,
.ui-popup .ui-listview li:hover {
border-right: none;
border-left: none;
padding: 0;
}
.ui-popup .ui-listview li:first-child {
border-top-width: 0;
}
.ui-popup .ui-listview li:last-child {
border-bottom-width: 0;
}
.ui-popup .ui-listview .ui-btn .ui-link-inherit {
border: none;
border-radius: 0;
margin: 0;
text-align: left;
}
.ui-popup .ui-listview .ui-btn .ui-link-inherit .ui-btn-text {
font-weight: normal;
}
.ui-popup .ui-listview .ui-collapsible {
border-radius: 0px;
margin: 0;
}
.ui-popup .ui-listview .ui-collapsible .ui-collapsible-heading {
border-radius: 0px;
margin: 0;
}
.ui-popup .ui-listview .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle {
background: none;
border: none;
margin: 0;
}
.ui-popup .ui-listview .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:hover,
.ui-popup .ui-listview .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle:focus {
background: #f5f5f5;
}
.ui-popup .ui-listview .ui-collapsible .ui-collapsible-heading .ui-btn-inner {
padding-top: 11px;
padding-bottom: 11px;
padding-left: 15px;
}
.ui-popup [class*="tile-content-"] .ui-listview .ui-collapsible .ui-collapsible-heading .ui-btn-inner {
padding-left: 35px;
}
.ui-popup .ui-listview .ui-collapsible .ui-collapsible-heading .ui-btn-inner,
.ui-popup .ui-listview .ui-collapsible .ui-collapsible-heading .ui-btn-text {
font-size: 16px;
font-weight: normal;
line-height: 24px;
}
.ui-popup .ui-listview .ui-collapsible-content {
border: none;
margin: -5px 0 0 0;
padding: 15px;
}
.ui-popup .ui-listview .ui-collapsible-content .ui-listview li {
border: none;
}
.ui-popup .ui-listview .ui-collapsible-content .ui-listview .ui-link-inherit {
font-size: 14px;
line-height: 18px;
padding-left: 30px;
}
.ui-popup .ui-listview .ui-icon {
background: none;
font-family: 'FontAwesome';
font-size: 20px;
line-height: 20px;
width: auto;
}
.ui-popup .gh-popup-message-container {
padding: 15px;
margin: -40px 0 0 0 !important;
}
.ui-popup .gh-popup-message {
margin: 10px 0;
}
.ui-popup .gh-popup-message span {
font-size: 16px;
line-height: 24px;
}
.ui-popup .gh-popup-message-container .gh-popup-button {
display: inline-block;
margin: 0 5px 5px 0;
vertical-align: middle;
}
.ui-popup .gh-popup-message #alertmsg {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 16px !important;
line-height: 24px;
margin: 0 0 10px 0;
padding: 0;
}
.ui-popup .gh-popup-message #alertbutton {
float: none;
margin: 0;
padding: 0;
}
.ui-popup .gh-popup-message .PSPUSHBUTTON {
display: inline-block !important;
margin: 0 5px 5px 0 !important;
padding: 0;
vertical-align: top;
}
.ui-popup .gh-popup-message .PSPUSHBUTTON input {
background: #fff !important;
border: 1px solid #ddd !important;
border-radius: 4px;
color: #333;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
font-size: 14px !important;
font-weight: bold;
height: 100% !important;
line-height: 16px !important;
margin: 0;
padding: 8px 20px;
text-align: center;
width: 100% !important;
}
.ui-popup .gh-popup-message .PSPUSHBUTTON:hover input,
.ui-popup .gh-popup-message .PSPUSHBUTTON input:hover,
.ui-popup .gh-popup-message .PSPUSHBUTTON:focus input,
.ui-popup .gh-popup-message .PSPUSHBUTTON input:focus {
background: #f5f5f5 !important;
border: 1px solid rgba(0,0,0,0.2) !important;
}
/* Configurations */
/* Custom popups */
body.gh-popup-active,
body.gh-popup-active .ui-page {
overflow: hidden !important;
height: 100%;
}
body.gh-popup-active .ui-popup-container {
-ms-transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
left: 50% !important;
max-height: 70vh;
position: absolute;
top: 50% !important;
transform: translateX(-50%) translateY(-50%);
}
body.gh-popup-active .ui-popup {
height: inherit;
max-height: inherit;
}
/* Transitions */
.in {
-webkit-animation-timing-function: ease-out;
-webkit-animation-duration: 350ms;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 350ms;
animation-timing-function: ease-out;
animation-duration: 350ms;
}
/*** Dialogs (large popups) ***/
.ui-mobile .ui-dialog {
-moz-transform: translateX(200%);
-webkit-transform: translate3d(200%,0,0);
background: rgba(0,0,0,0.5) !important;
height: 100%;
position: fixed;
transform: translateX(200%);
width: 100%;
z-index: 1001;
}
.ui-mobile .ui-dialog.ui-page-active {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.ui-dialog .ui-dialog-contain {
background: #fff;
border: 1px solid #fff;
box-sizing: border-box;
height: 70%;
left: 5%;
margin: 0;
max-width: none;
padding: 40px 0 0 0;
position: absolute;
top: 13%;
width: 90%;
}
@media all and (min-width: 800px) {
.ui-dialog .ui-dialog-contain {
left: 25%;
width: 50%;
}
}
.ui-dialog .ui-header .ui-title {
display: block;
font-weight: bold;
}
.ui-dialog .ui-content {
-webkit-overflow-scrolling: touch;
height: 99%;
overflow: auto;
padding: 0;
width: 100%;
}
.ui-dialog .ui-content .ui-listview,
.ui-dialog .ui-content .ui-listview-inset {
margin-bottom: 0;
}
.ui-dialog .ui-header .ui-icon {
border-radius: 100%;
border: none;
box-shadow: none;
left: 50%;
margin: -9px 0 0 -9px;
position: absolute;
top: 50%;
}
.ui-dialog .ui-header .ui-icon:before {
color: #fff;
font-size: 16px;
line-height: 16px;
}
@media (min-width: 600px) {
.PSSRCHPAGE:not(.is-modal) div[id*="divSEARCHADV"] table {
display: table;
}
.PSSRCHPAGE:not(.is-modal) div[id*="divSEARCHADV"] table > tbody {
display: table-row-group;
}
.PSSRCHPAGE:not(.is-modal) div[id*="divSEARCHADV"] table > tbody > tr {
display: table-row;
}
.PSSRCHPAGE:not(.is-modal) div[id*="divSEARCHADV"] table > tbody > tr > td {
display: table-cell;
padding: 0 5px;
}
}
.PSSRCHPAGE:not(.is-modal) div[id*="divSEARCHADV"] input[type="text"] {
width: 100% !important;
}
.PSSRCHPAGE:not(.is-modal) #jqm_main_page div[id*="divSEARCHADV"] table label.ui-input-text {
width: auto;
}
.PSSRCHPAGE:not(.is-modal) #PTSRCHRESULTS a.PSSRCHRESULTSEVENROW,
.PSSRCHPAGE:not(.is-modal) #PTSRCHRESULTS a.PSSRCHRESULTSODDROW {
color: #003da5;
font-weight: bold;
}
.PSSRCHPAGE:not(.is-modal) #PTSRCHRESULTS a.PSSRCHRESULTSEVENROW:hover,
.PSSRCHPAGE:not(.is-modal) #PTSRCHRESULTS a.PSSRCHRESULTSODDROW:hover,
.PSSRCHPAGE:not(.is-modal) #PTSRCHRESULTS a.PSSRCHRESULTSEVENROW:focus,
.PSSRCHPAGE:not(.is-modal) #PTSRCHRESULTS a.PSSRCHRESULTSODDROW:focus {
color: #003da5;
}
div[data-pnlname="EOAW_MON_SBP"][data-pnlfldid="1"] *[class^="aw"] {
background: none;
background-color: transparent;
background-image: initial;
border: none;
border-radius: 0px;
color: #333;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
font-size: 16px !important;
font-weight: normal;
letter-spacing: normal;
line-height: 24px !important;
height: auto;
margin: 0;
padding: 0;
text-decoration: none;
text-indent: 0;
text-shadow: none;
}
div[data-pnlname="EOAW_MON_SBP"][data-pnlfldid="1"] .awPathHeader {
font-weight: bold;
margin-bottom: 10px;
}
[data-gh-page="FE_MARITAL_STS"] .ui-collapsible-content img[src*="PT_ARROWHEAD"] {
display: none;
}
[data-gh-page="FE_MARITAL_STS"] td.awPathHeader {
font-size: 16px;
margin-bottom: 15px;
}
[data-gh-page="FE_MARITAL_STS"] table[class*="awStatusNode"] {
border: none;
}
[data-gh-page="FE_MARITAL_STS"] .downArow:before {
display: block;
text-align: center;
}
[data-gh-page="FE_MARITAL_STS"] .awThreadBoxHeaderExpanded {
visibility: hidden;
}
[data-gh-page="FE_MARITAL_STS"] .awThreadBoxBody {
border: none;
}
/*** Layout ***/
.gh-activity-guide #ptifrmtemplate {
overflow-y: auto;
}
.gh-activity-guide #ptifrmcontent {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin: 0 !important;
padding: 0 !important;
position: static;
}
.gh-activity-guide #ptifrmcontent > * {
display: none;
}
.gh-activity-guide #ptifrmcontent #ptifrmtarget {
display: block;
position: static;
}
.gh-activity-guide #ptifrmcontent .ptalPgltAreaContainerDiv {
display: block;
}
.gh-activity-guide.gh-target-iframe .ui-panel {
height: auto !important;
}
@media (max-width: 1200px) {
.gh-activity-guide #ptifrmcontent {
flex-direction: column;
}
.ui-mobile.gh-frame.gh-activity-guide .ui-page[data-role="page"],
.ui-mobile.gh-frame.gh-activity-guide .ui-page[data-role="page"] .ui-panel-content-wrap,
.ui-mobile.gh-frame.gh-activity-guide .ui-page[data-role="page"] .ui-panel-content-wrap > .ui-content {
height: auto !important;
min-height: auto !important;
padding-bottom: 0;
}
}
.ui-mobile.gh-activity-guide #ptifrmtemplate .ui-page[data-role="page"] .ui-panel-content-wrap > .ui-content,
.ui-mobile.psc_mode-guided.gh-target-content.gh-activity-guide .ui-page[data-role="page"] .ui-panel-content-wrap > .ui-content {
padding: 0 !important;
}
/*** Page Header ***/
#ptaisubpage {
background: #f5f5f5;
border: 1px solid #ddd;
border-radius: 4px;
margin: 15px 15px 0 15px;
padding: 0;
}
#ptaisubpage #ptailistbuttonstbl {
background: none;
border: none !important;
height: auto;
}
#ptaisubpage #ptailistbuttonstbl * {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
font-size: 14px !important;
font-weight: bold !important;
line-height: 20px !important;
}
#ptaisubpage #ptailistbuttonstbl td {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
@media (max-width: 600px) {
#ptaisubpage #ptailistbuttonstbl td {
display: table-cell;
}
}
/* Title */
#ptaisubpage #ptaiagtitle {
color: #666;
float: none !important;
padding: 8px 15px !important;
}
/* Buttons */
#ptaisubpage #ptaiagtitle + div {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
display: -ms-flexbox !important;
display: -webkit-box !important;
display: -webkit-flex !important;
display: flex !important;
flex-wrap: wrap;
float: none !important;
margin: -1px 0;
}
@media (max-width: 600px) {
#ptaisubpage #ptaiagtitle + div {
margin: -1px 0 -1px -1px;
}
}
#ptaisubpage #ptaiagtitle + div div {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
flex: 1;
}
#ptaisubpage #ptaiagtitle + div * {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
margin: 0 !important;
padding: 0 !important;
}
#ptaisubpage #ptaiagtitle + div a {
-ms-flex: 1;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
align-items: center;
background: #fff !important;
border-top: 1px solid #ddd !important;
border-bottom: 1px solid #ddd !important;
border-left: 1px solid #ddd !important;
display: -ms-flexbox !important;
display: -webkit-box !important;
display: -webkit-flex !important;
display: flex !important;
flex: 1;
position: relative;
}
#ptaisubpage #ptaiagtitle + div div[id*="Exit"] a {
border-radius: 0 4px 4px 0;
}
#ptaisubpage #ptaiagtitle + div a,
#ptaisubpage #ptaiagtitle + div input {
color: #003da5;
cursor: pointer;
}
#ptaisubpage #ptaiagtitle + div a:hover,
#ptaisubpage #ptaiagtitle + div a:focus,
#ptaisubpage #ptaiagtitle + div a:hover input,
#ptaisubpage #ptaiagtitle + div a:focus input,
#ptaisubpage #ptaiagtitle + div input:hover,
#ptaisubpage #ptaiagtitle + div input:focus {
color: #003da5;
}
#ptaisubpage #ptaiagtitle + div a > .fa {
display: inline-block;
font-family: 'FontAwesome' !important;
left: 12px;
position: absolute;
}
#ptaisubpage #ptaiagtitle + div a[class*="NEXT"] > .fa {
left: auto;
right: 12px;
}
#ptaisubpage #ptaiagtitle + div a input {
background: none !important;
padding: 8px 15px 8px 32px !important;
position: relative;
text-align: left;
width: 100%;
z-index: 1;
}
#ptaisubpage #ptaiagtitle + div a[class*="NEXT"] input {
padding: 8px 32px 8px 15px !important;
text-align: right;
}
#ptaisubpage #ptaiagtitle + div a[class*="DISABLED"] {
cursor: default !important;
opacity: 0.5;
pointer-events: none !important;
}
/*** Pagelet Area ***/
#ptifrmcontent .ptalPgltAreaContainerDiv {
display: block;
}
.ptalPgltAreaContainer {
margin: 15px 10px 0 0;
}
@media (max-width: 1200px) {
.ptalPgltAreaContainer {
margin: 0 15px;
}
.ptalPgltArea_hidden .ptalPgltArea_docked .ptalPgltAreaBody {
display: table;
}
}
.ptalPgltAreaContainer,
.ptalPgltAreaAnchorContainer {
float: none;
}
.ptalPgltArea_docked .ptalPgltAreaBorderTopMiddle {
background: none;
}
/* Resize */
.PTALPAGELETBODYRESIZEBAR {
display: none !important;
}
.ptalPgltArea_docked .ptalPgltAreaResizeBar {
border: none;
}
@media (max-width: 1200px) {
.ptalPgltArea_docked .ptalPgltAreaResizeBar {
display: none;
}
}
.ptalPgltArea_docked .ptalPgltAreaHorizontalResize:before {
background: #fff;
color: #003da5;
content: '\f07e';
font-family: 'FontAwesome';
font-size: 12px;
margin: 0 0 0 -6px;
}
/* Header */
.ptalPgltAreaHeader {
background: none;
position: relative;
}
.ptalPgltAreaHeaderBar {
height: auto;
position: relative;
}
.ptalPgltArea_docked .ptalPgltAreaHeaderBar {
padding: 0;
}
.ptalPgltAreaHeaderLabel {
background: #f5f5f5;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 4px 4px 0 0;
height: auto;
margin: 0 0 -1px 0;
padding: 11px 80px 11px 15px !important;
position: static;
white-space: normal;
}
.ptalPgltAreaHeaderLabel * {
display: block;
}
.ptalPgltAreaHeaderLabel,
.ptalPgltAreaHeaderLabel *,
.pt_classic_plus .ptalPgltAreaHeaderLabel a {
color: #333;
font-family: inherit;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
.ptalPgltAreaControlsIcon {
background: none;
height: 100%;
margin: 0;
position: absolute;
top: 0;
}
.ptalPgltAreaControlsIcon a {
border-left: 1px solid rgba(0,0,0,0.1);
position: absolute;
top: 0;
width: 40px;
}
a#ptalPgltAreaDropDown:before,
a#ptalPgltAreaHide:before,
a#ptalPgltAreaShow:before {
-ms-transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
font-family: 'FontAwesome';
left: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(-50%);
}
a#ptalPgltAreaDropDown img,
a#ptalPgltAreaHide img,
a#ptalPgltAreaShow img {
display: none;
}
a#ptalPgltAreaDropDown {
height: 42px;
right: 40px;
}
a#ptalPgltAreaDropDown:before {
content: '\f013';
}
.pt_classic_plus .ptalPgltAreaHeaderBar #ptalPgltAreaDropDown {
padding: 0;
}
.pt_classic_plus .ptalPgltAreaHeaderBar #ptalPgltAreaDropDown:hover {
background: none;
border: none;
border-left: 1px solid rgba(0,0,0,0.1);
border-radius: 0px;
}
.pt_classic_plus .ptalPgltAreaHeaderBar #ptalPgltAreaDropDown:after {
display: none;
}
a#ptalPgltAreaHide {
border-radius: 0 4px 0 0;
height: 42px;
right: 0;
}
a#ptalPgltAreaHide:before {
content: '\f101';
}
a#ptalPgltAreaShow:before {
content: '\f100';
}
.ptalPgltArea_docked .ptalPgltAreaBorderTopRight {
background: none;
border: none;
height: auto !important;
}
.ptalPgltArea_docked .ptalPgltAreaBorderPadding {
width: auto;
}
.ptalPgltControls div {
background: #fff;
border: 1px solid rgba(0,0,0,0.1);
box-shadow: none;
left: auto !important;
padding: 0;
position: absolute;
right: 0px !important;
top: 41px !important;
}
.ptalPgltControls div a {
background: none;
border: none;
border-bottom: 1px solid rgba(0,0,0,0.1);
color: #003da5;
font-family: inherit;
font-size: 12px;
font-weight: bold;
line-height: 24px;
margin: 0;
padding: 8px 15px;
}
.ptalPgltControls div a:hover,
.ptalPgltControls div a:focus {
background: #f5f5f5;
color: #003da5;
}
.ptalPgltControls div a:last-child {
border-bottom: none;
}
@media (max-width: 1200px) {
a#ptalPgltAreaDropDown {
right: 0;
}
a#ptalPgltAreaShow,
a#ptalPgltAreaHide {
display: none;
}
}
a#ptalPgltAreaShow {
background: #fff;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 4px 0 0 4px;
color: #003da5;
height: 30px;
position: absolute;
right: 0;
top: 50%;
width: 30px;
}
a#ptalPgltAreaShow:hover,
a#ptalPgltAreaShow:focus {
background: #f5f5f5;
color: #003da5;
}
/* Tabs */
.ptalPgltArea_docked .ptalPgltAreaGroupsBar,
.ptalPageletGroupsDiv,
.ptalPageletGroupTab {
padding: 0;
}
.ptalPageletGroupTab {
border-right: 1px solid rgba(0,0,0,0.1);
}
.ptalPageletGroupTab:first-child {
border-left: 1px solid rgba(0,0,0,0.1);
}
.ptalPageletGroupTab a,
.ptalPageletGroupTab .selected a {
background: none;
border: none;
display: block;
float:none;
height: auto;
}
.ptalPageletGroupTab .selected a {
background: #f5f5f5;
color: #003da5;
}
.ptalPageletGroupTab .selected a span,
.ptalPageletGroupTab a span {
color: inherit;
display: block;
float: none;
font-family: inherit;
font-size: 12px;
font-weight: bold;
line-height: 14px;
padding: 12px 0;
text-align: center;
text-transform: uppercase;
}
/* iFrame */
.ptalPgltAreaFrame {
min-width: 100%;
}
.ptpgltbody,
.PTALPAGELETCONTENT {
height: auto !important;
overflow: visible !important;
width: auto !important;
}
.PTALPAGELETCONTENT {
margin: -15px;
}
.PTALPAGELETCONTENT > span {
position: static !important;
}
.ptalPageletsDiv {
position: static !important;
}
.PTPAGELET {
border: none;
}
/* iFrame content */
.ui-mobile.gh-frame .ptalPgltAreaPage .ui-page[data-role="page"] .ui-panel-content-wrap,
.ui-mobile.gh-frame .ptalPgltAreaPage .ui-page[data-role="page"] .ui-panel-content-wrap > .ui-content {
padding: 0 !important;
}
.ui-mobile.gh-frame .ptalPgltAreaPage .ptalPageletsDiv .gh-listview li,
.ui-mobile.gh-frame .ptalPgltAreaPage .ptalPageletsDiv .gh-listview li a {
font-size: 14px;
line-height: 16px;
}
/* Context, Legend */
.PTAI_LEGENDDIV {
height: auto;
}
.PTAI_LegendText,
.PTAI_ContextData,
.PTAI_ContextData * {
background: none;
border: none;
min-width: auto;
padding: 0;
width: auto;
}
.PTAI_LegendText,
.PTAI_ContextData,
.PTAI_ContextData * {
font-family: inherit;
font-size: 12px;
font-weight: bold;
line-height: 14px;
}
.PTAI_LegendText,
.PTAI_ContextData {
box-sizing: border-box;
padding: 15px;
width: 50%;
}
.PTAI_LegendText {
float: right;
text-align: right;
}
.PTAI_ContextData {
float: left;
}
.PTAIContextDataChild {
width: auto;
}
.PTAIContextDataChild ul {
list-style: none;
}
.PTAIContextDataChild ul,
.PTAIContextDataChild li {
margin: 0;
padding: 0;
}
/* Legend Popup */
.gh-target-iframe.gh-activity-guide body.gh-popup-active:before {
opacity: 0;
}
.PTAILEGENDDIV {
background: #fff;
border: 1px solid #ddd;
box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
left: 50%;
padding: 15px;
position: fixed;
transform: translateY(-50%) translateX(-50%);
top: 50%;
z-index: 9999;
}
.ui-popup .PTAILEGENDDIV {
background: none;
border: none;
box-shadow: none;
padding: 0;
position: static;
transform: none;
width: auto;
}
.PTAILEGENDDIV .PTAILEGENDDIV_HEADER {
background: #003da5;
border: none;
border-radius: 4px 4px 0 0;
margin: -15px -15px 15px -15px;
padding: 0;
}
.ui-popup .PTAILEGENDDIV .PTAILEGENDDIV_HEADER {
display: none;
}
.PTAILEGENDDIV .PTAILEGENDDIV_HEADER img {
cursor: pointer;
height: 40px;
opacity: 0;
position: absolute;
right: 0;
top: 0;
width: 45px;
z-index: 1;
}
.PTAILEGENDDIV .PTAILEGENDDIV_HEADER h1,
.PTAILEGENDDIV .PTAILEGENDDIV_HEADER h2,
.PTAILEGENDDIV .PTAILEGENDDIV_HEADER h3,
.PTAILEGENDDIV .PTAILEGENDDIV_HEADER h4,
.PTAILEGENDDIV .PTAILEGENDDIV_HEADER h5,
.PTAILEGENDDIV .PTAILEGENDDIV_HEADER h6 {
color: #fff;
font-size: 16px;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: bold;
line-height: 24px;
padding: 8px 45px 8px 15px;
}
.PTAILEGENDDIV .PTAILEGENDDIV_HEADER h1:after,
.PTAILEGENDDIV .PTAILEGENDDIV_HEADER h2:after,
.PTAILEGENDDIV .PTAILEGENDDIV_HEADER h3:after,
.PTAILEGENDDIV .PTAILEGENDDIV_HEADER h4:after,
.PTAILEGENDDIV .PTAILEGENDDIV_HEADER h5:after,
.PTAILEGENDDIV .PTAILEGENDDIV_HEADER h6:after {
background: #003da5;
border-left: 1px solid #fff;
border-radius: 0 4px 0 0;
color: #fff;
content: '\f00d';
font-family: 'FontAwesome';
height: 40px;
line-height: 40px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 45px;
}
.PTAILEGENDDIV .PTAI_LEGENDROW {
margin: 0 0 8px 0;
padding: 0;
}
.PTAILEGENDDIV .PTAI_LEGENDROW span {
color: inherit;
font-family: inherit;
font-size: 16px;
line-height: 24px;
padding: 0;
}
/* Progress */
.PTAIPBDIV {
background: none;
border: none;
border-top: 1px solid rgba(0,0,0,0.1);
clear: both;
height: auto;
min-width: auto;
padding: 8px 15px 0 15px;
width: auto;
}
.PTAIPBDIV * {
font-family: inherit;
font-size: 12px;
font-weight: bold;
line-height: 14px;
}
.PTAIPBTitle {
float: none;
padding: 0;
width: auto;
}
.PTAIProgressBar {
float: none;
height: auto;
min-width: auto;
padding: 0;
position: static;
width: auto;
}
.PTAIProgressBarComplete {
background: #003da5;
border: 1px solid #003da5;
border-radius: 4px 0 0 4px;
}
.PTAIProgressBarInComplete {
background: #fff;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 0 4px 4px 0;
}
.PTAI_PBPointer {
background: none !important;
}
.PTAI_PBPointer:before {
content: '\f0d7';
font-family: 'FontAwesome';
}
/* Navigation */
#PTAIAccordion {
clear: both;
margin: 0;
padding: 0;
}
#PTAIAccordion .PTAIRootDiv {
font-family: inherit;
font-size: 12px;
line-height: 14px;
margin: 0;
}
#PTAIAccordion li a {
border-bottom: 1px solid rgba(0,0,0,0.1);
padding: 8px 15px 8px 28px;
width: auto;
}
#PTAIAccordion li a.PTAIBlockAnchor {
position: relative;
z-index: 1;
}
#PTAIAccordion li:first-child a {
border-top: 1px solid rgba(0,0,0,0.1);
}
#PTAIAccordion li:last-child a {
border-bottom: none;
}
#PTAIAccordion li a * {
display: inline-block;
vertical-align: middle;
}
#PTAIAccordion .PTAIActionItemSelected {
background: #f5f5f5;
color: #333;
}
#PTAIAccordion .PTAIActionItem:hover,
#PTAIAccordion .PTAIActionItem:focus {
background: #f5f5f5;
color: #333;
}
/* Sublinks */
#PTAIAccordion .PTAIsummaryRootDiv {
background: none;
margin: 0;
padding: 0;
}
#PTAIAccordion li ul {
display: block !important;
}
#PTAIAccordion li {
position: relative;
}
#PTAIAccordion li ul[style*="none"] li {
display: none;
}
#PTAIAccordion li ul,
#PTAIAccordion li ul li {
margin: 0;
padding: 0;
}
#PTAIAccordion li ul:before {
font-family: 'FontAwesome';
font-size: 16px;
font-weight: normal;
left: 8px;
line-height: 16px;
position: absolute;
top: 8px;
}
#PTAIAccordion li ul[style*="block"]:before {
content: '\f18e';
}
#PTAIAccordion li ul[style*="none"]:before {
content: '\f01a';
}
#PTAIAccordion li ul li a {
padding-left: 50px;
}
#PTAIAccordion li ul li:first-child a {
border-top: none;
}
#PTAIAccordion li ul li:last-child a {
border-bottom: 1px solid rgba(0,0,0,0.1);
}
/* Dependent Popup */
.PTAIDependentDiv {
background: none;
border: none;
box-shadow: none;
margin: 0 0 0 -20px;
width: 100%;
}
.PTAIDependentDiv * {
color: inherit;
font-family: inherit;
font-size: 12px;
font-weight: inherit;
line-height: 20px;
}
.PTAIDependentDiv .PTAIDependentHeader {
background: #003da5;
margin: 0 0 0 45px;
padding: 0;
}
.PTAIDependentDiv .PTAIDependentHeader a {
height: 30px;
opacity: 0;
position: absolute;
right: 0;
top: 0;
width: 40px;
z-index: 1;
}
.PTAIDependentDiv .PTAIDependentHeader span {
color: #fff;
display: block;
font-size: 12px;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: bold;
line-height: 14px;
padding: 8px 40px 8px 15px;
}
.PTAIDependentDiv .PTAIDependentHeader span:after {
background: #003da5;
border-left: 1px solid #fff;
border-radius: 0 4px 0 0;
color: #fff;
content: '\f00d';
font-family: 'FontAwesome';
height: 30px;
line-height: 30px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 40px;
}
.PTAIDependentBody {
border-bottom: 1px solid rgba(0,0,0,0.1);
border-left: 1px solid rgba(0,0,0,0.1);
margin: 0 0 0 45px;
padding: 15px;
}
/* Icons */
#PTAILEGENDDIV .PTAI_LEGENDROW img,
#PTAIAccordion img {
display: none !important;
}
#PTAILEGENDDIV .PTAI_LEGENDROW span:before,
#PTAIAccordion img ~ span:after,
#PTAIAccordion img + span:before {
display: inline-block;
font-family: 'FontAwesome';
font-size: 16px;
font-weight: normal;
line-height: 16px;
margin: 0 5px 0 0;
width: 20px;
}
#PTAIAccordion img ~ span:after {
float: left;
}
#PTAILEGENDDIV .PTAI_LEGENDROW img[src*="IN_PROGRESS"] + span:before,
#PTAIAccordion img[src*="IN_PROGRESS"] ~ span:after {
color: #BF5803;
content: '\f1ce';
}
#PTAILEGENDDIV .PTAI_LEGENDROW img[src*="_INFO_"] + span:before,
#PTAIAccordion img[src*="_INFO_"] ~ span:after {
color: #337ab7;
content: '\f05a';
}
#PTAILEGENDDIV .PTAI_LEGENDROW img[src*="_PAST_"] + span:before,
#PTAIAccordion img[src*="_PAST_"] ~ span:after {
color: #BF5803;
content: '\f1da';
}
#PTAILEGENDDIV .PTAI_LEGENDROW img[src*="PASTDUE"] + span:before,
#PTAIAccordion img[src*="PASTDUE"] ~ span:after {
color: #BF5803;
content: '\f071';
}
#PTAILEGENDDIV .PTAI_LEGENDROW img[src*="COMPLETED"] + span:before,
#PTAIAccordion img[src*="COMPLETED"] ~ span:after {
color: #26762C;
content: '\f05d';
}
#PTAILEGENDDIV .PTAI_LEGENDROW img[src*="ASSIGNED"] + span:before,
#PTAIAccordion img[src*="ASSIGNED"] ~ span:after {
content: '\f10c';
}
#PTAILEGENDDIV .PTAI_LEGENDROW img[src*="VISITED"] + span:before,
#PTAIAccordion img[src*="VISITED"] ~ span:after {
color: #26762C;
content: '\f10c';
}
#PTAILEGENDDIV .PTAI_LEGENDROW img[src*="ONHOLD"] + span:before,
#PTAIAccordion img[src*="ONHOLD"] ~ span:after {
color: #BF5803;
content: '\f10c';
}
#PTAILEGENDDIV .PTAI_LEGENDROW img[src*="DENIED"] + span:before,
#PTAIAccordion img[src*="DENIED"] ~ span:after {
color: #A40C0A;
content: '\f05e';
}
#PTAILEGENDDIV .PTAI_LEGENDROW img[src*="ASTERISK"] + span:before,
#PTAIAccordion img[src*="ASTERISK"] + span:before {
color: #A40C0A;
content: '\f069';
font-size: 10px;
}
/*** Popup ***/
#ptpopupmask {
background: #000;
height: 100%;
left: 0;
opacity: 0.5;
position: fixed;
top: 0;
width: 100%;
z-index: 1099;
}
#ptifrmpopup {
border-radius: 4px;
left: 5% !important; /* override inline style */
width: 90%;
z-index: 1100;
}
@media all and (min-width: 800px) {
#ptifrmpopup {
left: 25% !important; /* override inline style */
width: 50%;
}
}
#ptpopup {
background: #fff;
border: 1px solid #fff;
margin: 0;
max-height: 80vh;
overflow: hidden;
}
@media all and (min-width: 480px) {
#ptpopup {
max-height: 70vh;
}
}
#ptpopupcontainer {
padding: 0;
}
#ptpopuptitlebar {
background: #003da5;
border: none;
border-radius: 4px 4px 0 0 !important;
height: auto;
position: relative;
width: auto;
}
#ptpopoptitle {
background: none;
color: #fff;
float: none;
font-family: inherit;
font-size: 16px;
font-weight: bold;
line-height: 24px;
margin: 0;
padding: 8px 45px 8px 15px;
width: auto;
}
#ptpopuptitlebar #ptpopupclose {
background: #003da5;
border-left: 1px solid #fff;
border-radius: 0 4px 0 0;
height: 40px;
margin: 0;
position: absolute;
right: 0;
top: 0;
width: 45px;
}
#ptpopuptitlebar #ptpopupclose:before {
color: #fff;
content: '\f00d';
font-family: 'FontAwesome';
height: 40px;
line-height: 40px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 45px;
}
#ptpopupcontainer {
background: none;
border: none;
box-shadow: none;
}
#ptpopupshadow {
display: none;
}
#ptpopupmsgtext {
color: inherit;
font-family: inherit;
font-size: inherit;
}
#ptpopupmsgbuttons [class*="PSPUSHBUTTON"] {
display: inline-block !important;
}
#ptpopuplayouttbl {
white-space: normal;
}
/******** 4. Plugins ********/
/* Replace jQuery icons */
.ui-icon-arrow-d:before,
.ui-icon-plus:before {
content: \f107;
}
.ui-icon-minus:before {
content: \f106;
margin: -2px 0 0 0;
}
.ui-icon-arrow-r:before {
content: '\f105';
}
.ui-icon-arrow-l:before {
content: '\f104';
}
.ui-icon-delete:before {
content: '\f00d';
}
.ui-radio-on .ui-icon-radio-on:before {
content: '\f192';
}
.ui-radio-off .ui-icon-radio-off:before {
content: '\f111';
}
.ui-checkbox-on .ui-icon-checkbox-on:before {
content: '\f14a';
}
.ui-checkbox-off .ui-icon-checkbox-off:before {
content: '\f0c8';
}
.ui-page .ui-icon,
.ui-page .ui-radio .ui-icon,
.ui-page .ui-checkbox .ui-icon {
background: none;
box-shadow: none;
text-align: center;
}
.ui-page .ui-icon:before {
color: #003da5;
display: block;
font-family: 'FontAwesome';
font-size: 20px;
font-weight: normal;
height: 20px;
line-height: 20px;
width: 20px;
}
.ui-btn:before,
.ui-btn .ui-icon:before {
color: #003da5;
}
.ui-btn:hover:before,
.ui-btn:focus:before,
.ui-btn.ui-focus:before,
.ui-btn:hover .ui-icon:before,
.ui-btn:focus .ui-icon:before,
.ui-btn.ui-focus .ui-icon:before {
color: #003da5;
}
.ui-btn[data-theme="a"]:before,
.ui-btn[data-theme="a"] .ui-icon:before {
color: #fff;
}
.ui-btn[data-theme="a"]:hover:before,
.ui-btn[data-theme="a"]:focus:before,
.ui-btn[data-theme="a"].ui-focus:before,
.ui-btn[data-theme="a"]:hover .ui-icon:before,
.ui-btn[data-theme="a"]:focus .ui-icon:before,
.ui-btn[data-theme="a"].ui-focus .ui-icon:before {
color: #003da5;
}
.ui-page .ui-radio .ui-icon,
.ui-page .ui-checkbox .ui-icon,
.ui-page .ui-radio .ui-icon:before,
.ui-page .ui-checkbox .ui-icon:before {
background: none;
box-shadow: none;
display: block;
font-family: 'FontAwesome';
font-size: 18px;
font-weight: normal;
height: 18px;
line-height: 18px;
width: 18px;
}
/* Defaults */
.ui-page .fa {
font-family: 'FontAwesome';
font-size: 20px;
text-shadow: none;
}
.ui-page .fa span.gh-accessible {
font-size: 16px;
margin-left: 5px;
}
.mbsc-fr-lock.mbsc-fr-lock-ios {
overflow: visible;
position: static;
}
.mbsc-fr-lock-ctx >.mbsc-fr,
.mbsc-fr-lock-ctx .mbsc-fr-persp,
.mbsc-fr-lock-ctx .mbsc-fr-overlay {
width: 100% !important;
}
.mbsc-fr-overlay {
background: rgba(0, 0, 0, 0.5);
}
.mbsc-fr-popup {
border: 1px solid #fff;
border-radius: 4px;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
}
.mbsc-fr-center .mbsc-fr-popup {
-ms-transform: translateX(-50%) translateY(-50%) !important;
-webkit-transform: translateX(-50%) translateY(-50%) !important;
left: 50% !important;
position: fixed;
top: 50% !important;
transform: translateX(-50%) translateY(-50%) !important;
}
.mbsc-fr-popup *,
.mbsc-mobiscroll .mbsc-sc-itm {
-webkit-font-smoothing: antialiased;
color: #333;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 24px;
text-shadow: none;
}
.mbsc-mobiscroll .mbsc-sc-whl-gr {
max-width: none !important;
padding: 0;
}
.mbsc-mobiscroll .mbsc-fr-w {
background: #fff;
padding: 0;
width: 300px !important;
}
.mbsc-mobiscroll .mbsc-w-p {
display: block;
}
.mbsc-mobiscroll .mbsc-sc-whl-w {
flex: 1;
}
.mbsc-mobiscroll .mbsc-sc-whl {
padding: 30px 0;
position: relative;
z-index: 4;
}
.mbsc-sc-whl:before {
border: 1px solid rgba(0,0,0,0.1);
box-sizing: border-box;
content: '';
display: table;
height: 100%;
position: absolute;
width: 100%;
}
.mbsc-mobiscroll .mbsc-sc-btn-plus,
.mbsc-mobiscroll .mbsc-sc-btn-minus {
background: #fff;
color: #333;
height: 30px !important;
opacity: 1 !important;
position: absolute;
}
.mbsc-mobiscroll .mbsc-sc-btn-minus {
border-bottom: 1px solid rgba(0,0,0,0.1);
top: 0;
}
.mbsc-mobiscroll .mbsc-sc-btn-plus {
border-top: 1px solid rgba(0,0,0,0.1);
bottom: 0;
}
.mbsc-mobiscroll .mbsc-sc-btn-minus:before,
.mbsc-mobiscroll .mbsc-sc-btn-plus:before {
background: none !important;
color: #003da5;
display: block;
font-family: 'FontAwesome';
font-size: 20px;
line-height: 30px;
}
.mbsc-mobiscroll .mbsc-sc-btn-minus:before {
content: '\f0d8';
}
.mbsc-mobiscroll .mbsc-sc-btn-plus:before {
content: '\f0d7';
}
.mbsc-mobiscroll .mbsc-sc-whl-l {
background: #f5f5f5;
border: 1px solid rgba(0,0,0,0.1);
}
.mbsc-mobiscroll .mbsc-sc-itm,
.mbsc-mobiscroll .mbsc-sc-itm span {
background: none !important;
font-size: 12px;
text-overflow: initial;
text-transform: uppercase;
}
.mbsc-mobiscroll .mbsc-fr-btn-cont {
border-radius: 0 0 4px 4px;
display: flex;
padding: 0;
text-align: left;
}
.mbsc-mobiscroll .mbsc-fr-btn-w {
background: #003da5;
color: #fff;
border-right: 1px solid #fff;
flex: 1;
float: none;
}
.mbsc-mobiscroll .mbsc-fr-btn-w:last-child {
border-right: none;
}
.mbsc-mobiscroll .mbsc-fr-btn {
background: none;
display: table-cell;
color: #fff;
font-size: 12px;
font-weight: bold;
height: 40px;
line-height: 12px;
padding: 0;
text-align: center;
text-transform: initial;
vertical-align: middle;
width: 1%;
}
.mbsc-mobiscroll .mbsc-fr-btn:hover,
.mbsc-mobiscroll.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-fr-btn-d):hover {
background: #003da5;
}
.mbsc-mobiscroll .mbsc-fr-hdr {
background: #003da5;
border-radius: 4px 4px 0 0;
color: #fff;
font-size: 16px;
font-weight: bold;
height: 40px;
line-height: 40px;
min-height: 1px;
padding: 0;
text-align: center;
}
/*** Helpers ***/
.ghtables-hide {
display: none !important;
}
.ghtables-disable {
cursor: default;
opacity: 0.3;
pointer-events: none;
}
.ghtables-fixed-layout {
table-layout: fixed !important;
}
.ghtables-detect-size {
width: auto !important;
}
.ghtables-detect-size-parents {
display: block !important;
}
.ghtables-detect-size-body {
width: 999999px !important;
}
/*** Navigation ***/
.ghtables-show-all .ghtables-navigation {
display: none;
}
.ghtables-navigation {
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
align-items: center;
border: 1px solid #ddd;
border-radius: 4px 4px 0 0;
display: flex;
margin: 0 0 -1px 0;
overflow: hidden;
padding: 8px;
position: relative;
}
.ghtables-navigation ul,
.ghtables-navigation ol {
-ms-flex: auto;
-ms-flex-align: center;
-ms-flex-wrap: wrap;
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-flex: 1;
-webkit-flex: auto;
-webkit-flex-wrap: wrap;
align-items: center;
display: inline-block;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
flex: auto;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
vertical-align: top;
}
.ghtables-navigation ul {
min-width: 80px;
}
.ghtables-navigation li {
-ms-flex: none;
-webkit-box-flex: 0;
-webkit-flex: none;
display: inline-block;
flex: none;
vertical-align: top;
}
.ghtables-navigation a {
display: block;
}
/* Show All */
.ghtables-navigation-show-all {
background: #fff;
box-sizing: border-box;
font-size: 12px;
font-weight: bold;
left: -9999px;
line-height: 14px;
padding: 16px 8px;
position: absolute;
text-decoration: none;
text-transform: uppercase;
top: -9999px;
width: 100%;
z-index: 1;
}
.ghtables-navigation-show-all:hover,
.ghtables-navigation-show-all:focus {
left: 0;
top: 0;
}
/* Dots */
.ghtables-navigation-dots a {
padding: 6px;
}
.ghtables-navigation-dots .ghtables-inview a,
.ghtables-navigation-dots .ghtables-active a {
cursor: default;
pointer-events: none;
}
.ghtables-navigation-dots a:before {
background: #333;
border-radius: 100%;
content: '';
display: block;
height: 6px;
width: 6px;
}
.ghtables-navigation-dots .ghtables-inview a:before,
.ghtables-navigation-dots .ghtables-active a:before,
.ghtables-navigation-dots a:hover:before,
.ghtables-navigation-dots a:focus:before {
background: #003da5;
}
/* Buttons */
.ghtables-navigation-btns {
-ms-flex-pack: end;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.ghtables-navigation-btns li {
-ms-flex: none;
-webkit-box-flex: 0;
-webkit-flex: none;
display: inline-block;
flex: none;
margin: 0 0 0 10px;
vertical-align: middle;
}
.ghtables-navigation-btns li:first-child {
margin-left: 0;
}
.ghtables-navigation-btns a {
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
background: #f5f5f5;
border: 1px solid #ddd;
border-radius: 4px;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: 28px;
text-align: center;
text-decoration: none;
width: 28px;
}
.ghtables-navigation-btns a:hover,
.ghtables-navigation-btns a:focus {
border-color: rgba(0,0,0,0.2);
text-decoration: none;
}
.ghtables-navigation-btns a:before {
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
color: #003da5;
display: block;
font-family: 'FontAwesome';
flex: 1;
font-size: 24px;
line-height: 24px;
}
.ghtables-navigation-btns a:hover:before,
.ghtables-navigation-btns a:focus:before {
color: #003da5;
}
.ghtables-navigation-btns .ghtables-navigation-previous:before {
content: '\f0d9';
margin-left: -3px;
}
.ghtables-navigation-btns .ghtables-navigation-next:before {
content: '\f0da';
margin-right: -3px;
}
/*** Tables ***/
.ui-page div[class="ui-body"] .ghtables table tbody tr,
.ui-page .ui-collapsible-content .ghtables table tbody tr {
margin: 0;
}
.ui-page .ghtables {
position: relative;
}
.ui-page .ghtables-full {
border: none;
display: table;
margin-bottom: 15px !important;
}
.ui-page .ghtables-full thead,
.ui-page .ghtables-full tbody {
display: table-row-group;
}
.ui-page .ghtables-full tbody tr {
display: table-row;
margin: 0 !important;
padding: 0 !important;
}
.ui-page .ghtables-full tbody tr.ghtables-hide {
display: table-row !important;
}
.ui-page .ghtables-full + [id*="gh-table-pager-"] {
border-top: none !important;
margin: 15px 0 !important;
padding: 0 !important;
}
.ui-page .ghtables-full tbody tr:last-child {
border-bottom: 1px solid #ddd;
}
.ui-page .ghtables-full tbody th,
.ui-page .ghtables-full tbody td,
.ui-page .ghtables-full tbody td.ui-btn-inline {
display: table-cell;
}
.ui-page .ghtables-full tbody td,
.ui-page .ghtables-full tbody th,
.ui-page .ghtables-full tbody div,
.ui-page .ghtables-full tbody span,
.ui-page .ghtables-full tbody a {
font-size: 14px !important;
line-height: 16px !important;
}
.ui-page .ghtables-full label[for].ui-input-text,
.ui-page .ghtables-full label[for].ui-select {
opacity: 0;
position: absolute;
visibility: hidden;
z-index: -1;
}
.ui-page .ghtables-full b.ui-table-cell-label {
left: -9999px;
position: absolute;
top: -9999px;
}
.ui-page .ghtables-full label.ui-input-text + div,
.ui-page .ghtables-full label.ui-select + span,
.ui-page .ghtables-full b.ui-table-cell-label + div,
.ui-page .ghtables-full b.ui-table-cell-label + span {
display: block !important;
margin: 0;
width: auto !important;
}
.ui-page .ghtables-full td span.fa {
display: inline-block;
text-align: center;
}
.ui-page .ghtables-full td[align="right"] {
text-align: right;
}
.ui-page .ghtables-full td[align="right"] input,
.ui-page .ghtables-full td[align="right"] textarea {
text-align: right;
}
.ui-page .ghtables-full.table-stroke tbody tr {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.ui-page .ghtables-full.table-stroke tbody td,
.ui-page .ghtables-full.table-stroke tbody th {
border-right: 1px solid #ddd;
}
.ui-page .ghtables-full.table-stroke tbody td:last-child,
.ui-page .ghtables-full.table-stroke tbody th:last-child {
border-right: none;
}
/* Sort: Columns */
.ghtables[data-ghtables-scroll="cols"] td.gh-cell-no-padding {
padding: 6px 8px;
}
/*** Sort ***/
.ghtables[data-ghtables-scroll="cols"] .gh-submenu {
display: none;
}
.ghtables[data-ghtables-scroll="rows"] .gh-submenu,
.ghtables[data-ghtables-breakpoint][data-ghtables-scroll="cols"] .gh-submenu {
display: block;
}
@media (min-width: 400px) {
.ghtables[data-ghtables-breakpoint="400"][data-ghtables-scroll="cols"] .gh-submenu {
display: none;
}
}
@media (min-width: 500px) {
.ghtables[data-ghtables-breakpoint="500"][data-ghtables-scroll="cols"] .gh-submenu {
display: none;
}
}
@media (min-width: 600px) {
.ghtables[data-ghtables-breakpoint="600"][data-ghtables-scroll="cols"] .gh-submenu {
display: none;
}
}
@media (min-width: 700px) {
.ghtables[data-ghtables-breakpoint="700"][data-ghtables-scroll="cols"] .gh-submenu {
display: none;
}
}
@media (min-width: 800px) {
.ghtables[data-ghtables-breakpoint="800"][data-ghtables-scroll="cols"] .gh-submenu {
display: none;
}
}
@media (min-width: 900px) {
.ghtables[data-ghtables-breakpoint="900"][data-ghtables-scroll="cols"] .gh-submenu {
display: none;
}
}
@media (min-width: 1000px) {
.ghtables[data-ghtables-breakpoint="1000"][data-ghtables-scroll="cols"] .gh-submenu {
display: none;
}
}
/* My Advising Center and other Lowell only links */
#jqm_main_page #tilebox li.student-center-tile.institute-umlow{
display:inline-block;
}
#jqm_main_page #gh-main-nav li.pagelet-advising-center{
display:block;
}
.ui-page .ghtables-full.table-stroke tbody th {
min-width: 100px !important;
}