.spToastBody {
padding: 25px;
border-radius: 15px;
background-color: #555;
overflow: hidden;
z-index: 3000;
}
.spToastCloseIcon {
font-family: 'FontAwesome';
font-size: 24px;
line-height: 1;
cursor: pointer;
color: #fff;
}
.spToastText {
color: #fff;
}

.spMenuBar {
display: inline-block;
float: none;
width: auto;
vertical-align: middle;
border: none;
overflow: hidden;
}
.spMenuItem {
display: inline-block;
color: #655b5a;
float: none;
vertical-align: middle;
text-align: left;
cursor: pointer;
border: none;
overflow: hidden;
white-space: normal; 
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
.spMenuItemStatic {
display: inline-block;
font-size: 0.875rem;
color: #655b5a;
float: none;
vertical-align: center;
text-align: left;
border: none;
overflow: hidden;
white-space: normal; 
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
margin-right: 20px;
}
.spMenuItem .spChecked::after {
font-family: 'FontAwesome';
line-height: 1;
margin-top: 3px;
content: "\00A0\f00c "; 
color: #43c86c;
}
.spChecked::after {
font-family: 'FontAwesome';
line-height: 1;
margin-top: 3px;
content: "\00A0\f00c "; 
color: #43c86c;
}
.spMenuView {
z-index: 700;
box-shadow: 0 3px 15px -5px #a4908e;
max-height: 80vh; 
overflow-y: auto; 
overflow-x: hidden; 
background-color: #fff; 
}
.spTitleMenu + .spMenuView > div {
padding: 10px;
background-color: #5e93b1;
color: #fff;
user-select: none;
font-size: 0.875rem;
font-weight: 400;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: -moz-n
}
.spTitleMenu + .spMenuView > div:hover {
background-color: #074f5f;
}
.spTitleMenuView > div {
background-color: #5e93b1;
color: #fff;
user-select: none;
font-size: 0.875rem;
font-weight: 400;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: -moz-n;
}
.spTitleMenuView > div > div {
padding: 10px;
}
.spTitleMenuView > div:hover {
background-color: #074f5f;
}
.spBannerBar .spMenuBar .spMenuItem {
margin: 0;
}
.spBannerBar .spMenuView .spMenuItem {
display: block;
color: #fff;
background-color: #132a32;
padding: 12px 20px;
}
.spBannerBar .spMenuView .spMenuItem:hover {
color: #fff;
background-color: #000;
}
.spMenuContextualView {
background-color: #fff;
z-index: 700;
margin: 1px;
}
.spTitleMenu {
 margin-bottom: 5px;
}
.spTitleMenu > .spMenuItem > div {
color: #40444b;
display: inline;
}
.spTitleKeyMenu {
margin-bottom: 5px;
text-align: right;
flex-grow: 2;
}
.spTitleKeyMenu > .spMenuItem > div {
color: #40444b;
display: inline;
}
.spTitleKeyMenu > .spMenuItemStatic > div {
color: #40444b;
display: inline;
}
.spTitleKeyMenu .spMenuItemStatic > .spMenuItemStaticLink {
color: #5e93b1;
cursor: pointer;
}
.spTitleKeyMenu .spMenuItemStatic > .spMenuItemStaticLink:hover {
color: #074f5f;
}
.spDashboardMenuNumberWrapper .spMenuItemStaticLink {
color: #5e93b1;
cursor: pointer;
}
.spDashboardNumberWrapper .spMenuItemStaticLink {
color: #5e93b1;
cursor: pointer;
}
.spTitleSubMenu {
margin-bottom: 5px;
flex-grow: 0;
}
.spTitleSubMenu2 {
margin-bottom: 5px;
flex-grow: 0;
padding: 50px 50px 50px 50px;
}
.spTitleSubMenu2 > .spMenuItem {
font-size: 1.5rem;
font-weight: 100;
margin-right: 0;
}
.spTitleSubMenu2 > .spMenuItem > div {
color: #40444b;
display: inline;
}
.spTitleSubMenu > .spMenuItem {
font-size: 1.5rem;
font-weight: 100;
margin-right: 0;
}
.spTitleSubMenu > .spMenuItem > div {
color: #40444b;
display: inline;
}
.spTitleSubMenu .spButton {
font-size: 1.00rem;
margin-right: 0;
}
.spMenuView.spDropdownMenu {
overflow: visible;
}
.spDropdownMenu .boxArrowUp {
border-bottom-color: #074f5f;
}
.spMoveFromRight {
animation: spMoveFromRightAnimation 0.3s ease both;
}
@keyframes spMoveFromRightAnimation {
from {
opacity: 0;
transform: translateX(1000px);
}
}
.spMoveToLeft {
animation: spMoveToLeftAnimation 0.3s ease both;
}
@keyframes spMoveToLeftAnimation {
from { }
to {
opacity: 0;
transform: translateX(-1000px);
}
}
.spMoveFromLeft {
animation: spMoveFromLeftAnimation 0.3s ease both;
}
@keyframes spMoveFromLeftAnimation {
from {
opacity: 0;
transform: translateX(-1000px);
}
}
.spMoveToRight {
animation: spMoveToRightAnimation 0.3s ease both;
}
@keyframes spMoveToRightAnimation {
from { }
to {
opacity: 0;
transform: translateX(1000px);
}
}
@keyframes spRotateFromTopAnimation {
from {
transform: rotateX(90deg);
}
}

.spFieldSet {
display: table;
width: 100%;
}
.spFieldSet > .spMultiFieldLine,
.spFieldSet > .spFieldWrapper,
.spFieldSet > .spFileUploadWrapper {
display: table-row;
}
.spToolBarWithButtons .spFieldWrapper {
padding-top: calc((0.875rem * 1.15 + 1.5rem - 2.188rem) / 2);
}
.spToolBarWithButtons .spFieldWrapper.spCheckbox {
padding-top: calc((0.875rem * 1.15 + 1.5rem - 2.25rem) / 2);
}
.spFieldSet > div,
.spFieldSet .spCSSTableCell,
.spFieldSet >.spCSSTableRow > .spCSSTableCell,
.spFieldSet > .spCSSTableRow > .spFieldWrapper > .spValueWrapper,
.spFieldSet > .spFieldWrapper > .spContainerPopUpButton {
padding: 0.313rem 0 0.313rem 0;
text-align: left;
vertical-align: middle;
}
.spFieldSet > .spFieldWrapper:not(.spCheckbox) .spInputWrapper {
min-width: 15vw; 
display: block;
}
.spFieldSet > .spMultiFieldLine .spFieldWrapper:not(.spCheckbox) .spInputWrapper {
min-width: 5vw; 
display: block;
}
.spFieldSet > .spMultiFieldLine > .spFieldWrapper > .spFieldWrapper.spCheckbox .spInputWrapper {
min-width: 0;
padding-left: 1.071rem;
}
.spFieldSet > .spMultiFieldLine > .spFieldWrapper > .spFieldWrapper{
width:100%;
}
.spFieldSet > .spMultiFieldLine .spFieldWrapper{
display: table-cell;
padding-right: 0.313rem;
padding-top: 0.313rem;
padding-bottom: 0.313rem;
text-align: left;
vertical-align: middle;
max-width: 20vw;
}
.spFieldSet > .spMultiFieldLine .spFieldWrapper.spLockingFieldHeader {
text-align: right;
padding-bottom: 0;
}
.spFieldSet > .spMultiFieldLine .spLabel {
width: 40%;
float: left;
}
.spFieldSet > .spMultiFieldLine > .spFieldWrapper:nth-of-type(1) .spValueWrapper {
width: 60%;
float: left;
}
.spMultiFieldSetWrapper > .spFieldSet > .spMultiFieldLine .spLabel {
width: auto;
}
.spFieldSet > .spFieldWrapper > .spLabel,
.spFieldSet > .spFieldWrapper > .spValueWrapper,
.spFieldSet > .spFileUploadWrapper > .spFileUploadLabel,
.spFieldSet > .spFileUploadWrapper > .spFileUploadControlWrapper {
display: table-cell;
padding-top: 0.313rem;
padding-bottom: 0.313rem;
text-align: left;
vertical-align: middle;
max-width: 20vw; 
}
.spDetailSection .spLabel, .spFormSubSection .spLabel {
font-weight: bold;
min-width: 7.5rem; 
padding-right: 0.313rem;
}
.spDetailSection .spInlineDialogView .spLabel {
font-weight: unset;
min-width: unset;
padding-right: unset;
}
.spFieldSetHeading {
font-weight: bold;
font-size: 1.125rem;
margin: 0.5rem 0 0.313rem 0;
}
.spFieldSetHeading:first-child {
margin-top: 0;
}
.spFixedLabelWidthExtraSmall > .spFieldWrapper > .spLabel {
width: 20%;
}
.spFixedLabelWidthSmall > .spFieldWrapper > .spLabel {
width: 40%;
}
.spFixedLabelWidthLarge > .spFieldWrapper > .spLabel {
width: 60%;
}
.spLockingFieldSet {
display: table;
width: 100%;
}
.spLockingFieldSet > div {
display: table-row;
}
.spLockingFieldSet > div > .spFieldWrapper, .spLockingFieldSet > .spFieldWrapper > * {
display: table-cell;
padding-top: 0.357rem;
padding-bottom: 0.357rem;
text-align: left;
vertical-align: middle;
}
.spLockingFieldSet > div > .spFieldWrapper > .spLabel, .spLockingFieldSet > .spFieldWrapper > .spLabel {
float: left;
width: 40%;
}
.spLockingFieldSet.spFixedLabelWidthExtraSmall > div > .spFieldWrapper > .spLabel {
width: calc((100% + 4.063rem) * .2);
}
.spLockingFieldSet.spFixedLabelWidthSmall > div > .spFieldWrapper > .spLabel {
width: calc((100% + 4.063rem) * .4);
}
.spLockingFieldSet.spFixedLabelWidthLarge > div > .spFieldWrapper > .spLabel {
width: calc((100% + 4.063rem) * .6);
}
.spEditMode .spLockingFieldSet.spFixedLabelWidthExtraSmall > div > .spFieldWrapper > .spValueWrapper {
width: calc((100% - 4.063rem) * .8);
}
.spEditMode .spLockingFieldSet.spFixedLabelWidthSmall > div > .spFieldWrapper > .spValueWrapper {
width: calc((100% - 4.063rem) * .6);
}
.spEditMode .spLockingFieldSet.spFixedLabelWidthLarge > div > .spFieldWrapper > .spValueWrapper {
width: calc((100% - 4.063rem) * .4);
}
.spLockingFieldSet > div > .spFieldWrapper > .spValueWrapper, .spLockingFieldSet > .spFieldWrapper > .spValueWrapper {
float: left;
}
.spEditMode .spLockingFieldSet > div > .spFieldWrapper > .spValueWrapper, .spEditMode .spLockingFieldSet > .spFieldWrapper > .spValueWrapper {
max-width: calc(100% - 8.75rem);
width: 60%;
}
.spLockingFieldSet .spLockingCheck {
padding-left: 1.25rem;
width: 4.063rem;
}
.spLockingFieldSet .spMultiLockingCheck {
padding-left: 1.25rem;
width: 4.063rem;
}
.spLockingFieldHeader {
float: right;
width: 4.063rem;
text-align: center;
font-weight: bold;
}
.spInputWrapper .spLockingCheckIcon {
cursor: pointer;
}
.spInputWrapper .spLockingCheckIconDisabled {
color: #e5e5e5;
cursor: default;
}
.spMultiFieldSetWrapper {
display: table;
width:100%;
}
.spMultiFieldSetWrapper > .spFieldSet {
display: table-row-group;
}
.spMultiFieldSetWrapper > .spHeading {
display: table-header-group;
}
.spMultiFieldSetWrapper > .spHeading::after {
content: "\00a0";
display: table-row;
font-size: 0.625rem;
line-height: 1;
}
.spLabel {
vertical-align: middle;
text-align: left;
}
.spLabelRequired::after {
content: "\a0 *"; 
}
.spFieldNoRequiredFlag .spLabelRequired::after {
content: none;
}
.spStaticMode .spLabelRequired::after {
content: none;
}
.spStatic:not(.spLinkTargetNone) a {
font-weight: bold;
color: #2b6281;
cursor: pointer;
}
.spStatic .spLinkTarget a {
font-weight: bold;
color: #2b6281;
cursor: pointer;
}
.spStatic {
overflow: hidden;
text-overflow: ellipsis;
}
.spToolBar .spLabel {
min-width: unset;
}
.spToolBar .spInputWrapper input[type="checkbox"].spInput {
margin-left: 0.5rem;
}
.spCSSTableCell > .spFieldWrapper + .spFieldWrapper > .spLabel,
.spToolBar .spFieldWrapper + .spFieldWrapper > .spLabel {
padding: 0 0.625rem 0 0.625rem;
}
.spCSSTableCell > .spFieldWrapper + .spFieldWrapper {
margin-left: 0.625rem;
}
.spNoLabelField > .spLabel {
display: none !important;
}
.spToolBarLeft .spRightLabel {
margin-right: 0.625rem;
}
input, textarea, select, .spCkeStatic, .spComboValue, .spAdvancedCheckboxValue {
padding: 0.375rem;
border: 1px solid #c1d3d7;
outline: none;
font-family: 'Ubuntu', sans-serif;
font-size: 0.875rem;
color: #074f5f; 
}
input, select, .spCkeStatic, .spComboValue, .spAdvancedCheckboxValue {
text-overflow: ellipsis;
overflow: hidden;
}
.spFormSection input, .spFormSection textarea, .spFormSection select, .spFormSection .spComboValue, .spFormSection .spAdvancedCheckboxValue {
border: none;
}
input[type="text"]:disabled, input[type="number"]:disabled, textarea:disabled, select:disabled,
.spComboValue.spComboValueDisabled,
.spComboValue.spAdvanceCheckboxValueDisabled {
color: #545454;
background-color: #f6f5f3;
cursor: default;
}
.spFormSection input, .spFormSection textarea , .spFormSection select, .spFormSection .spComboValue, .spFormSection .spAdvancedCheckboxValue {
color: #2b6281;
}
input, select, .spComboValue, .spAdvancedCheckboxValue {
height: 2.188rem;
}
input:focus, textarea:focus, select:focus, .spComboValue:focus:not(.spComboValueDisabled), .spAdvancedCheckboxValue:focus {
outline: 2px solid #00a3c6;
background: #fff;
}
progress {
float: left;
width: 100%; 
-webkit-appearance: none; 
}
::-webkit-progress-value {
background-color: #32ab57;
}
::-webkit-progress-bar {
background-color: #55da7e;
}
.spComboWrapper > .spComboFocus, .spComboFocus::selection {
background: #fff;
}
.spComboWrapper > .spComboFocus, .spComboFocus::-moz-selection {
background: #fff;
}
.spInputWrapper > .spComboWrapper > .spComboValue, .spInputWrapper > .spAdvancedCheckboxWrapper > .spAdvancedCheckboxValue {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
textarea {
resize: none;
min-height: 10.938rem;
}
input[type="checkbox"], input[type="radio"], .spInputWrapper input[type="checkbox"].spInput {
width: 1.25rem;
height: 1.25rem;
margin: 0.5rem 0.5rem 0.5rem 0; 
vertical-align: middle;
cursor: pointer;
}
.spInputWrapper input[type="checkbox"].spInput, .spCSSTableRow .spInputWrapper input[type="checkbox"].spInput  {
float: none;
}
.spRadio label {
margin-right: 1.25rem;
display: inline-block;
cursor: pointer;
white-space: normal;
}
.spRadioItem {
float: left;
white-space: nowrap;
}
.spRadioItemDisabled label {
opacity: 0.5;
cursor: default;
}
select[multiple="multiple"] {
height: auto;
max-height: 6.25rem;
}
.spInputWrapper {
width: 100%;
text-align: left;
display: inline;
}
.spInputWrapper .spInput {
float: left;
width: 100%;
}
.spCSSTableCell .spInputWrapper {
width: auto;
}
.spInputWrapper > .spOperator {
float: left;
width: calc(11ch + 1.25rem + 0.375rem); 
margin-left: 0.375rem;
}
.spHasOperators .spInputWrapper > .spComboWrapper:not(.spOperator),
.spHasOperators .spInputWrapper > .spInput,
.spHasOperators .spFileUploadWrapper .spFileUpload {
width: calc(100% - 0.375rem - 11ch - 1.25rem - 0.375rem);
}
.spDrillField.spHasOperators .spInputWrapper > .spInput {
width: calc(100% - 0.375rem - 11ch - 1.25rem - 0.375rem - 2.188rem);
}
.spDrillField.spHasOperators .spInputWrapper > .spOperator {
float: right;
}
.spPlaceholder {
cursor: default;
font-style: italic;
}
.spPlaceholder, .spComboValue.spComboValuePlaceholder, .spAdvancedCheckboxValue.spAdvancedCheckboxValuePlaceholder {
font-style: italic;
color: #999;
}
.spInputWrapper .spInput::placeholder {
font-style: italic;
color: #999;
}
.spInputWrapper .spInput:-ms-input-placeholder {
font-style: italic;
color: #999;
}
.spInputWrapper .spInput::-ms-input-placeholder {
font-style: italic;
color: #999;
}
.spSearchField .spInputWrapper {
position: relative;
display: inline-block;
overflow: auto;
}
.spSearchField .spInputWrapper .spInput {
padding-right: 1.875rem;
font-style: italic;
color: #655b5a;
}
.spSearchFieldButton {
position: absolute;
font-size: 1.5rem;
margin: 0.25rem 0 0 0;
left: calc(100% - 1.875rem + 1px);
top: 1px;
cursor: pointer;
color: #555;
background-color: rgba(0, 0, 0, 0); 
}
.spComboWrapper {
position: relative;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
.spComboValue, .spAdvancedCheckboxValue {
background-color: #fff;
width: 100%;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
padding: 0 1.625rem 0 0.375rem;
line-height: 2.188rem; 
white-space: nowrap;
}
.spComboEditableInput {
padding-right: 1.625rem; 
}
.spComboArrow, .spAdvancedCheckboxArrow {
position: absolute;
top: 0.375rem;
left: calc(100% - 1.25rem);
font-family: 'FontAwesome'; 
font-size: 1.5rem;
line-height: 1;
color: #074f5f;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
.spComboValueDisabled + .spComboArrow, .spComboValueDisabled + .spAdvancedCheckboxArrow {
opacity: 0.5;
cursor: default;
}
.spComboView, .spQuickListView, .spQuickPickView, .spAdvancedCheckboxView {
background-color: #5e93b1;
color: #fff;
max-height: calc(8 * (2ch + 2 * 0.625rem)); 
z-index: 1100;
overflow-y: auto;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
.spComboItem, .spComboItemSelect, .spQuickListItem, .spQuickListItemSelect,
.spQuickPickItem, .spQuickPickItemSelect, .spAdvancedCheckboxItemValue {
padding: 0.625rem 0.625rem 0.625rem 0.375rem; 
cursor: pointer;
}
.spCheckbox label {
cursor: pointer;
}
.spComboItemSelect, .spQuickListItemSelect, .spQuickPickItemSelect, .spAdvancedCheckboxItemWrapperSelect {
background-color: #074f5f;
}
.spQuickPickItem::before, .spQuickPickItemSelect::before {
font-family: 'FontAwesome';
font-size: 1.063rem;
line-height: 1;
margin: 0 0.625rem 0 -0.313rem;
content: "\00A0\f067 "; 
color: #fff;
}
.spQuickPicker .spTagContainer {
margin-top: 0.313rem;
}
.spQuickPickerDrill > .spValueWrapper > .spFieldWrapper:first-of-type {
width: calc(100% - 2.188rem - 0.375rem);
float: left;
}
.spQuickPickerDrill > .spValueWrapper > .spButton {
height: 2.188rem;
width: 2.188rem;
padding: 0.625rem 0 0 0;
border: 1px solid #e5e5e5;
float: left;
margin-left: 0.375rem;
}
.spHasOperators .spQuickPickerDrill > .spValueWrapper > .spButton {
margin-left: calc(-11ch - 2.188rem);
}
.spHasOperators .spQuickPick > .spValueWrapper > .spInputWrapper {
width: calc(100% - 0.375rem - 11ch - 1.25rem - 0.375rem);
}
.spHasOperators .spQuickPick > .spValueWrapper > .spInputWrapper > .spInput {
width: 100%;
}
.spFieldWrapper.spQuickPickerDrill > .spLabel:not(.spFieldSet .spLabel) {
display: none;
}
.spQuickPick .spInputWrapper {
position: relative; 
float: left;
}
.spQuickPick .spInput {
padding-right: 1.875rem; 
}
.spQuickPickIcon {
color: #ccc;
position: absolute;
top: 0.5rem;
right: 0.938rem;
font-size: 1.063rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spAdvancedCheckboxWrapper, .spAdvancedCheckboxItemWrapper {
position: relative;
}
.spAdvancedCheckboxItemCheckbox {
position: absolute;
left: 0.5rem;
}
.spAdvancedCheckboxItemValue {
padding-left: 2.25rem;
}
.spDate, .spTime {
padding-left: 2.188rem; 
}
.spDate {
width: calc(11ch + 2.188rem + 0.375rem); 
max-width: 100%;
}
.spTime {
width: calc(9ch + 2.188rem + 0.375rem); 
max-width: 100%;
}
.spDateView {
border: 1px solid #aaa;
box-shadow: 0 3px 15px -5px #a4908e;
background-color: #b7d4da;
}
.spDateControl {
height: auto;
color: #2b6281;
}
.spDateButton {
font-family: "FontAwesome"; 
font-size: 1.75rem;
color: #074f5f;
margin-bottom: 4px;
text-align: center;
}
.spDateItem, .spDateItemSelect, .spDateItemHeader, .spTimeItem, .spTimeItemSelect {
color: #fff;
width: 39px;
height: 26px;
font-size: 18px;
border: 1px solid #2b6281;
text-align: center;
}
.spDateItem, .spTimeItem {
background-color: #5e93b1;
}
.spDateItemSelect , .spTimeItemSelect {
background-color: #074f5f;
}
.spDateButton, .spDateItem, .spTimeItem, .spDateItemSelect , .spTimeItemSelect{
transition: 0.3s linear;
cursor: pointer;
}
.spDateButton:hover, .spDateItem:hover, .spTimeItem:hover, .spDateItemSelect:hover, .spTimeItemSelect:hover {
opacity: 0.8;
}
.spDateInput {
margin-top: -0.375rem;
}
.spDateWrapper, .spTimeWrapper,
.spDateInput.spRange > .spRangeLabel {
margin-top: 0.375rem;
}
.spDateWrapper, .spTimeWrapper {
position: relative; 
float: left;
max-width: 100%;
}
.spDateWrapper {
margin-right: 0.375rem;
}
.spDateIcon, .spTimeIcon {
font-family: "FontAwesome"; 
font-size: 1.063rem;
color: #a4908e;
position: absolute;
top: 0.563rem;
left: 0.563rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spTimeAMPM, .spDateItemHeader {
background-color: #2b6281;
}
.spTimeAMPM {
color: #fff;
width: 38px;
height: 51px;
padding-top: 13px;
border: none;
text-align: center;
font-size: 18px;
}
#spTimeHourHeader {
width: 228px;
}
#spTimeMinuteHeader {
width: 114px;
}
.spDateEditFrame {
position: absolute;
left: 0;
top: 0;
z-index: 1100;
overflow: hidden;
}
.spDateEditControl, .spDateEditButton, .spDateEditItem {
position: absolute;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spDateEditButton {
width: 34px;
height: 1.563rem;
}
.spDateEditItem {
width: 38px;
}
.spRange .spInputStart, .spRange .spInputEnd {
float: left;
width: calc(50% - 1rem); 
}
.spRange .spRangeLabel {
float: left;
width: 1.25rem;
text-align: center;
padding-top: 0.375rem;
margin: 0 0.375rem;
}
.spTagContainer, .spTagLegend {
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: default;
}
.spTagItem {
float: left;
padding: 0.625rem;
margin: 0 0.625rem 0.625rem 0;
color: #40444b;
background-color: #b7d4da;
transition: 0.3s linear;
}
.spTagItem:hover {
opacity: 0.8;
}
.spTagItemText {
display: inline;
margin-right: 0.625rem;
cursor: default;
}
.spTagItemTextLink {
cursor: pointer;
}
.spTagItemClose {
display: inline;
font-family: 'FontAwesome'; 
font-size: 1.125rem;
line-height: 0.9; 
vertical-align: text-bottom;
cursor: pointer;
}
.spTagLegend {
float: left;
padding: 0.375rem 0 0 0;
white-space: nowrap;
}
.spTagLegendColor {
display: inline-block;
vertical-align: middle;
height: 0.938rem;
width: 0.5rem;
margin-right: 0.5rem;
}
.spTagLegendText {
display: inline-block;
vertical-align: middle;
margin-right: 0.5rem;
}
.spTagStyle1 {
color: #fff;
background-color: #00a3c6;
}
.spTagStyle2 {
color: #fff;
background-color: #43c86c;
}
.spTagStyleNoDelete .spTagItemClose {
visibility: hidden;
margin-left: -0.875rem;
}
.spTagStyleNoDelete2 {
color: #fff;
background-color: #43c86c;
}
.spTagStyleNoDelete2 .spTagItemClose {
display: none;
margin-left: -0.875rem;
}
.spTimePeriod {
float: left;
min-width: 15vw; 
}
input.spTimePeriod {
margin-right: 0.375rem;
}
.spHeadingField {
}
.spHeadingField .spLabel {
display: inline-block;
font-weight: bold;
font-size: 1.125rem;
margin-bottom: 0.625rem;
color: #555;
}
.spHeadingField .spInput {
color: #888;
}
.spChildList {
height: calc((0.875rem * 1.15 + 0.625rem * 3) * 4);
}
.spChildListHorizontal {
height: 3.188rem; 
}
.spChildList > .spValueWrapper {
vertical-align: top !important;
height: 100%;
}
.spChildList .spTagContainer {
height: calc((0.875rem * 1.15 + 0.625rem * 3) * 4); 
overflow-y: auto;
background-color: #fff;
padding: 0.625rem 0 0 0.625rem;
}
.spChildList .spTagLegend {
width: 100%;
}
.spChildList .spTagLegend .spTextButton {
float: right;
}
.spCkeStatic {
background-color: #fff;
width: 100%;
}
.spFormattedAddress textarea {
min-height: 4rem; 
}
#idPasswordRulesColumn {
margin-top: 0.313rem;
}

.spButton, .spFileUpload label {
display: inline-block;
padding: 0.75rem 1.063rem;
text-align: center;
vertical-align: middle;
transition: 0.3s linear;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
font-weight: bold;
border: 0;
}
.spButton {
line-height: 1.15;
}
.spButton.fa {
font-weight: normal;
line-height: 0.8; 
}
.spButton:hover, .spBannerBar .spMenuBar .spMenuItem:hover, .spTextButton:hover, .spFileUpload label:hover {
opacity: 0.8;
}
.spDisableButton, .spDisableButton:hover {
opacity: 0.5;
cursor: default;
}
.spButton, .spBannerMenu .spMenuItem, .spFileUpload label {
color: #fff;
background-color: #074f5f;
}
.spButton.spDefaultButton {
background-color: #43c86c;
}
.spSpanningButton {
width: 100%;
background-color: #074f5f;
font-size: 1.063rem;
font-weight: 400;
padding: 0.875rem;
}
.spToolBarDataContainerMulti .spButton, .spToolBarTable .spButton {
padding: 0 0 0 0.5rem;
color: #2b6281;
background-color: transparent;
}
.spToolBarDataContainerMulti .spButton:hover, .spToolBarTable .spButton:hover {
color: #124968;
}
.spButton > div {
display: inline;
}
.spButton > div:not(:first-of-type) {
margin-left: 0.625rem;
}
.spFormSection .spToolBar .spButton {
font-size: 1rem;
}
.spIconButton {
display: inline-block;
width: 2.188rem;
height: 1.875rem;
margin: 5px 5px;
text-align: center;
vertical-align: middle;
color: #a4908e;
transition: 0.3s linear;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
.spIconButton:hover {
color: #40444b;
}
.spTextButton {
margin: 2px 0 6px 0;
font-size: 0.875rem;
font-weight: bold;
color: #2b6281;
cursor: pointer;
transition: 0.3s linear;
}
.spDynamicImageButton {
transition: 0.3s linear;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
.spDynamicImageButton > img {
width: 100%;
height: 100%;
}
.notification-count {
display: inline-block;
background: #000;
color: #fff;
border-radius: 50%;
min-width: 1.75rem;
height: 1.75rem;
line-height: 1.75rem;
text-align: center;
}
.spContainerPopUpButton {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
float: left;
white-space: nowrap;
}
.spContainerPopUpButton > div {
display: inline;
}
.spContainerPopUpView {
position: absolute;
overflow: hidden;
z-index: 701;
background: linear-gradient(#eeeeeb, #fff) top repeat;
border: 1px solid #e2e2e2;
padding: 0.938rem;
box-shadow: 0 0 0.938rem -4px #a4908e;
max-width: 90%;
}
.spContainerPopUpButton::before {
content: "( ";
font-weight: normal;
color: #40444b;
}
.spContainerPopUpButton::after {
content: " )";
font-weight: normal;
color: #40444b;
}
.spDropdownButton {
text-align: left;
width: 100%;
}
.spDrillField .spInputWrapper {
display: inline-table;
}
.spDrillField .spInputWrapper .spInput {
width: calc(100% - 2.188rem);
}
.spDrillField .spInputWrapper .spButton {
height: 2.188rem;
width: 2.188rem;
padding: 0.625rem 0 0 0;
border: 1px solid #e5e5e5
}
.spButtonFade {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index: 1000;
opacity: 0.85;
overflow: hidden;
}

.spUniversalNav {
text-align: right;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
.spUniversalNav .spMenuBar .spMenuItem {
color: #a4908e;
display: inline-table;
}
.spUniversalNav > .spMenuBar > .spMenuItem:first-of-type > div {
display: table-cell;
padding: 10px 10px 9px 10px;
vertical-align: middle;
}
.spUniversalNav > .spMenuBar > .spMenuItem:first-of-type > div:not(:first-child) {
border-left: 1px solid #a4908e;
}
.spUniversalNav .spMenuView .spMenuItem {
padding: 16px 10px 16px 10px;
color: #a4908e;
background-color: #fff;
text-align: left;
display: table;
width: 100%;
max-height: 48px;
min-width: 200px;
}
.spUniversalNavIndicatorWrapper {
height: 16px;
float: right;
margin-top: -6px;
}
.spUniversalNav .spMenuView .spMenuItem:hover {
color: #fff;
background-color: #a4908e;
}
.spUniversalNav .spMenuView .spMenuItem > div {
vertical-align: middle;
display: table-cell;
}

@page {
margin: .5in 0 .5in 0;
}
@media print {
body {
-webkit-print-color-adjust: exact;
}
.spHeader, .spPrimaryNav, .spFooterPadding, .spFooter, .spSliderWrapper,
.spTabConfig, .spEditIcon {
display: none !important;
}
}

.spDialogFade, .spInlineDialogFade, .spFade {
position: absolute;
background-color: #000;
z-index: 1000;
opacity: 0.85;
overflow: hidden;
}
.spFade {
position: fixed;
left: 0; 
top: 0;
width: 100%;
height: 100%;
z-index: 1002;
}
.spFadeIcon {
margin-bottom: 1.25rem;
}
.spFadeMessage {
text-align: center;
color: #fff;
font-size: 1.6rem;
}
.spDialogFrame, .spInlineDialogFrame {
max-width: 90%;
position: absolute;
box-sizing: border-box;
border: none;
background-color: #e5e5e5;
z-index: 1001;
padding: 1.25rem;
box-shadow: 0px 3px 15px -5px #a4908e;
}
.spInlineDialogFrame {
min-width: 12.5rem;
overflow: auto;
}
.spDialogFrame {
overflow: hidden;
}
.spDialogTitleBar, .spInlineDialogTitleBar {
background-color: #e5e5e5;
color: #555;
overflow: hidden;
cursor: move;
width: 100%;
padding-bottom: 0.625rem;
}
.spDialogTitle, .spInlineDialogTitle {
float: left;
font-size: 1.125rem;
font-weight: bold;
}
.spDialogCloseWidget, .spInlineDialogCloseWidget {
float: right;
font-family: 'FontAwesome'; 
font-size: 2.188rem;
line-height: 1;
font-weight: bold;
cursor: pointer;
color: #a4908e;
transition: 0.3s linear;
}
.spDialogCloseWidget:hover, .spInlineDialogCloseWidget:hover {
color: #40444b;
}
.spDialogView, .spInlineDialogView {
border: none;
background-color: #e5e5e5;
}
.spDialogView {
min-height: 100px;
min-width: 600px;
width: 75vw;
}
.spDialogBannerBar, .spInlineDialogBannerBar {
width: 100%;
text-align: right;
display: table;
table-layout: fixed;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
.spDialogBannerBar .spButton:not(:first-of-type), .spInlineDialogBannerBar .spButton:not(:first-of-type) {
border-width: 0 0 0 1.25rem;
}
.spDialogBannerBar .spButton, .spInlineDialogBannerBar .spButton {
display: table-cell;
position: relative;
background-clip: padding-box;
border-color: transparent;
border-style: solid;
border-width: 0;
}
.spDialogBannerBar > .spButton, .spInlineDialogBannerBar > .spButton {
background-color: #888;
}
.spDialogBannerBar .spDefaultButton, .spInlineDialogBannerBar .spDefaultButton {
background-color: #43c86c;
}
.spDialogBody {
background-color: #e5e5e5;
padding: 0 2px; 
}
.spDialogBody .spBannerBar, .spDialogBody .spFormSection {
padding: 0;
}
#spSimpleDialogMessage {
margin-bottom: 1.563rem;
}
.spPivotFrame, .spPivotView, .spPivotViewPiece {
width: 100%;
background-color: #fff;
overflow: hidden;
}
.spPivotFrame {
height: 800px;
font-size: 12px;
border: 1px solid #aaa;
}
.spPivotTitle, .spPivotToolbar, .spPivotDialogButton:hover
{
color: #fff;
background-color: #40444b;
}
.spPivotTitle {
font-size: 0.938rem;
width: 100%;
height:30px;
padding: 0.438rem 10px;
border-bottom: none;
border-bottom-width: medium;
border-bottom-style: none;
border-bottom-color: -moz-use-text-color;
overflow: hidden;
}
.spPivotView {
height: calc(100% - 75px);
}
.spPivotViewPiece {
height: 100%;
}
.spPivotToolbar {
width: 100%;
height: 45px;
border-top: 1px solid #aaa;
overflow: hidden;
}
.spPivotButtonLeft, .spPivotButtonRight {
font-family: 'FontAwesome'; 
font-size: 32px;
line-height: 1;
padding: 2px;
cursor: pointer;
}
.spPivotButtonLeft:nth-of-type(1) {
margin: 0 0 0 5px;
}
.spPivotButtonLeft {
float: left;
margin: 0 0 0 2px;
padding: 5px;
}
.spPivotButtonRight {
float: right;
margin: 0 2px 0 0;
padding: 5px 7px;
}
.spPivotButtonLeft:hover, .spPivotButtonRight:hover {
background-color: #888;
}
.spPivotButtonSelected {
background-color: #707070;
}
.spPivotMoveWidget, .spPivotExpandWidget, .spPivotSortWidget {
font-family: 'FontAwesome';
font-size: 16px;
line-height: 1;
}
.spPivotMoveWidget {
color: #40444b;
cursor: move;
width: 20px;
float: right;
}
.spPivotExpandWidget, .spPivotSortWidget, .spPivotDialogButton {
color: #40444b;
cursor: pointer;
}
.spPivotSortWidget {
padding-top: -1px;
}
.spPivotDialogTitle {
font-family: 'Arial';
font-size: 18px;
font-weight: bold;
color: #fff;
text-align: center;
padding-top: 10px;
background-color: #000;
z-index: 1001;
}
.spPivotDialogGroupFormulaItem, .spPivotTableHeaderMain,
.spPivotTableHeaderSub, .spPivotTableHeaderRowPos, .spPivotTableHeaderRowNeg {
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
}
.spPivotDialogChartList, .spPivotDialogCubeViewList, .spPivotDialogGroupBox {
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
background-color: #fff;
overflow-x: hidden;
overflow-y: scroll;
}
.spPivotDialogCubeViewList {
height: 150px;
}
.spPivotDialogChartList {
height: 250px;
}
.spPivotDialogListHeader {
font-family: 'Arial';
font-size: 16px;
background-color: #40444b;
color: #fff;
text-align: center;
padding-top: 5px;
height: 30px;
margin-top: 5px;
}
.spPivotDialogListItemHeader {
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
height: 25px;
position: relative;
padding: 3px 0 0 5px;
background-color: #777;
color: #fff;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spPivotDialogListItem {
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
height: 25px;
padding: 3px 0 0 5px;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spPivotDialogListItem:nth-child(2n) {
background-color: #f4f4f4;
}
.spPivotDialogListItemSelected, .spPivotDialogListItemSelected:nth-child(2n) {
background-color: #aaaaff;
}
.spPivotDialogGroupBox {
position:relative;
width: 100%;
height: calc(100% - 20px);
background-color: #fff;
box-sizing: border-box;
}
.spPivotDialogGroupBoxDragOver {
border-color: #bbbbff;
}
.spPivotDialogGroupTitle {
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
width: 100%;
height: 25px;
background-color: #40444b;
color: #fff;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
padding: 3px 0 0 5px;
box-sizing: border-box;
text-align: center;
}
.spPivotDialogGroupDragPositionBar {
position: absolute;
left: 2px;
width: 100%;
height: 2px;
background-color: #000;
z-index: 1000;
}
.spPivotDialogGroupObjectItem {
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
overflow: hidden;
padding: 2px 2px 5px 5px;
box-sizing: border-box;
height: 24px;
background-color: #777;
color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spPivotDialogGroupPropertyItem {
position: relative;
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
padding: 2px 0 5px 5px;
box-sizing: border-box;
height: 24px;
background-color: #fff;
cursor: move;
color: #555;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spPivotDialogGroupPropertyItem:nth-child(2n) {
background-color: #f4f4f4;
}
.spPivotDialogGroupPropertyLargeItem {
position: relative;
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
padding: 2px 0 5px 5px;
box-sizing: border-box;
height: 48px;
background-color: #fff;
cursor: move;
color: #555;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spPivotDialogGroupPropertyLargeItem:nth-child(2n) {
background-color: #f4f4f4;
}
.spPivotDialogGroupFormulaItem {
background-color: #074f5f;
color: #fff;
}
.spPivotDialogGroupFormulaItem:hover{
opacity: 0.8;
}
.spPivotDialogGroupFormulaItemSelect {
background-color: #43c76c;
}
.spPivotDialogGroupFormulaItem,
.spPivotTableHeaderMain, .spPivotTableHeaderSub, .spPivotTableHeaderRowPos, .spPivotTableHeaderRowNeg {
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spPivotDialogGroupFormulaItem {
text-align: center;
padding-top: 3px;
width: 50px;
height: 25px;
display: inline-block;
margin: 5px 3px 0 0;
}
.spPivotDialogHeader {
font-family: 'Arial';
font-size: 16px;
width: 100%;
background-color: #ccc;
padding: 10px 5px 10px 10px;
}
.spPivotTableHeaderMain, .spPivotTableHeaderSub {
position: absolute;
padding: 1px 2px 0 2px;
white-space: nowrap;
}
.spPivotTableHeaderMain {
background-color: #b0d5c8;
}
.spPivotTableHeaderSub {
background-color: #b8e2f9;
}
.spPivotTableHeaderRowPos, .spPivotTableHeaderRowNeg {
position: absolute;
padding: 0 2px 0 2px;
white-space: nowrap;
}
.spPivotTableHeaderRowNeg {
color: #f00;
}
.spPivotFullBorder {
border: 1px solid #aaa;
}
.spPivotRightBottomBorder {
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
.spPivotTableScrollBorder {
border-left: 1px solid #aaa;
border-top: 1px solid #aaa;
}
.spDialogView, .spInlineDialogView {
min-width: 960px;
}.spChart {
}
.spChartError {
overflow: scroll;
}
.spChartHoverWrapper {
}
.spChartHoverFrame {
border: 1px solid #e2e2e2;
background: #fff;
box-shadow: 0 0 15px -4px #a4908e;
}
.spTableWrapper {
margin-bottom: 5px;
}
.spChildTableWrapper {
display: inline-block;
max-width: 100%;
}
.spTableDataWrapper, .spTableHeaderWrapper, .spTableFooterWrapper {
width: 100%;
overflow: hidden;
}
.spTableDataWrapper {
overflow-x: auto; 
}
 
.spStickyTableHeaderActive {
position: fixed;
top: 0;
z-index: 699;
overflow: hidden;
}
.spStickyTableHeaderPlaceholder {
width: 100%;
overflow: hidden;
}
.spTableHeader:empty, .spTableData:empty, .spTableFooter:empty {
display: none;
}
.spTableHeader, .spTableFooter, .spTableConfigCell {
display: table;
table-layout: fixed;
border: 1px solid #aaa;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: default;
font-size: 0.938rem;
}
.spTableHeader {
border-bottom: none;
}
.spTableFooter {
border-top: none;
margin-top: -1px; 
}
.spTableHeader .spTableRow, .spTableFooter .spTableRow, .spTableConfigCell {
color: #fff;
background-color: #40444b;
}
.spTableSorted { 
background-color: #0d1118;
}
.spTableHeader .spTableRow .spTableCell, .spTableHeader .spTableRow .spTableSorted {
position: relative; 
}
.spTableSortWidget, .spTableMoveWidget, .spTableConfigMoveWidget, .spTableConfigShowWidget {
font: normal normal normal 0.875rem/1 FontAwesome;
transition: 0.3s linear;
}
.spTableSortWidget, .spTableConfigShowWidget {
float: right;
cursor: pointer;
padding: 1px 4px 0 0;
}
.spTableMoveWidget, .spTableConfigMoveWidget {
float: left;
color: #888;
cursor: move;
padding: 1px 6px 0 4px;
}
.spTableSortWidget:hover, .spTableMoveWidget:hover, .spTableConfigMoveWidget:hover, .spTableConfigShowWidget:hover {
opacity: 0.8;
}
.spTableResizeWidget {
position: absolute;
top: 0;
left: calc(100% - 4px);
height: 100%;
width: 4px;
cursor: col-resize;
}
.spTableData {
display: table;
table-layout: fixed;
border: 1px solid #aaa;
border-top: none;
color: #555;
}
.spTableData .spTableRow:nth-child(odd), .spTableRowShaded > * {
background-color: #f4f4f4;
}
.spTableData .spTableRow:nth-child(even), .spTableRowUnshaded > * {
background-color: #fff;
}
.spTableRow:nth-child(odd).spTableRowChecked > *, .spTableRowShaded.spTableRowChecked > * {
background-color: #a8ccbf;
}
.spTableRow:nth-child(even).spTableRowChecked > *, .spTableRowUnshaded.spTableRowChecked > * {
background-color: #b0d5c8;
}
.spTableRow:nth-child(odd).spTableRowHighlighted > * {
background-color: #e2dfda;
font-weight: 600;
}
.spTableRow:nth-child(even).spTableRowHighlighted > * {
background-color: #ece9e4;
font-weight: 600;
}
.spTableRow:nth-child(odd).spTableRowChecked.spTableRowHighlighted > *, .spTableRowShaded.spTableRowChecked.spTableRowHighlighted > * {
background-color: #95b2a3;
}
.spTableRow:nth-child(even).spTableRowChecked.spTableRowHighlighted > *, .spTableRowUnshaded.spTableRowChecked.spTableRowHighlighted > * {
background-color: #a3c3b3;
}
.spTableRow {
overflow: hidden;
display: table-row;
}
.spTableCell, .spTableSorted, .spTableConfigCell {
vertical-align: middle;
padding: 0.438rem 4px;
overflow: hidden;
display: table-cell;
}
.spTableCell:not(:last-of-type), .spTableSorted:not(:last-of-type) {
border-right: 1px solid #aaa;
}
.spTableHeader .spTableCell > *, .spTableHeader .spTableSorted > * {
max-width: calc(100% - 35px);
}
.spTableCell > input[type="checkbox"] {
margin: 0;
}
.spTableCell > * {
max-height: 6.25rem;
}
.spCheckboxTableCell, .spIconTableCell {
text-align: center;
}
.spHideIconTableCell .spIconTableCell {
display: none;
}
.spIconTableCell .spIconButton {
width: auto;
height: auto;
margin: auto;
}
.spCheckboxTableCell input[type="checkbox"] {
margin: 0;
max-width: 1.25rem;
}
.spTableCellLink, .spTableData .spTableCellInfo {
font-weight: bold;
color: #2b6281;
cursor: pointer;
}
.spTableFooter .spTableCellLink {
color: #fff;
}
.spTablePlaceholder {
color: #555;
font-style: italic;
padding: 0.75rem 1.125rem;
font-size: 0.875rem;
width: inherit;
display: table-cell;
}
.spTableCellNoWrap > * {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.spTableData .spNumericCell, .spTableFooter .spNumericCell, .spTableData .spDateOnlyCell, 
.spTableData .spDateTimeCell, .spTableData .spTimeOnlyCell {
text-align: right;
}
.spTableData .spTableCellInfo::after {
font-family: 'FontAwesome';
line-height: 1;
margin-top: 3px;
content: "\00A0\f0d7"; 
}
.spTableInfoWindow {
border: 1px solid #e2e2e2;
max-width: 25rem;
min-width: 11.25rem;
max-height: 80%;
background: linear-gradient(#eeeeeb, #fff) top repeat;
box-shadow: 0 0 0.938rem -0.25rem #a4908e;
text-align: left;
padding: 0.938rem;
transform-origin: 0% 0%;
animation: spRotateFromTopAnimation 0.3s ease both;
}
.spTableInfoWindow .boxArrowUp {
border-bottom-color: #eeeeeb;
}
.spTableInfoWindow > .spTableInfoItem {
margin-bottom: 0.625rem;
}
.spTableInfoWindow > .spTableInfoItem:last-of-type {
margin-bottom: 0;
}
.spTableControlBar {
overflow: hidden;
margin-top: 5px;
}
.spTableControl, .spTableRecordSet, .spTableRecordSetPiece {
float: left;
}
.spTableControl {
margin-top: 2px;
font-family: 'FontAwesome'; 
font-size: 1.5rem;
line-height: 1;
padding-left: 4px;
padding-right: 4px;
color: #888;
cursor: pointer;
transition: 0.3s linear;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
.spTableControl:hover {
color: #40444b;
}
.spTableRecordSet, .spTableRecordSetInput {
font-size: 1.313rem;
color: #40444b;
padding-left: 4px;
padding-right: 4px;
}
.spTableRecordSetInput {
min-width: 1rem;
width: auto;
height: auto;
padding: 0;
background: none;
border: none;
text-align: right;
text-overflow: clip;
}
input[type="text"]:disabled.spTableRecordSetInput {
background: none;
}
.spHideTableControlBar .spTableControlBar {
display: none;
}
.spHideTableWidgets .spTableMoveWidget, .spHideTableWidgets .spTableSortWidget {
display: none;
}
.spTableRecordSetCountWrapper {
margin: .5rem;
}
.spTableConfigRecordSetCountLabel {
margin-right: .5rem;
font-size: 0.938rem;
}
.spTableConfigRecordSetCountSelect {
font-size: 0.938rem;
}
.spTableConfigRecordSetCountSelect:not([multiple="multiple"]) option {
background-color: #5e93b1;
color: #fff;
}
.spWaitIcon {
border: none;
font-family: 'FontAwesome';
font-size: 2.625rem;
line-height: 1;
color: #40444b;
animation: spWaitIconAnimation 0.75s steps(8) infinite;
z-index: 798;
}
.spWaitIconFade {
font-size: 5.25rem;
color: #fff;
z-index: 1002;
margin-left: -32px;
margin-top: -10px;
}
.spWaitIcon::before {
content: "\F110"; 
}
@keyframes spWaitIconAnimation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.spWaitText {
font-size: 1.125rem;
font-weight: bold;
text-align: center;
}
.spTableConfigCell {
display: block;
border-width: 0 0 1px 0;
width: 100%;
overflow: hidden;
}
.spTableConfigCell:last-of-type {
border: none;
}
.spTableConfigCellHidden {
opacity: 0.5;
}
.spTableConfigCellText {
float: left;
line-height: 1.25rem; 
}
.spTableConfigMoveWidget, .spTableConfigShowWidget {
font-size: 1.25rem;
}
.spTableConfigShowWidget {
color: #888;
}
.spTableConfigWrapper {
max-height: 31.25rem;
overflow-x: auto;
margin-bottom: 0.625rem;
}
.spTableCell .spDate, .spTableCell .spTime {
width: auto; 
}

* {
box-sizing: border-box;
}
html {
font-size: 1em;
}
body {
color: #40444b;
background: #f6f5f3;
font-family: 'Ubuntu', sans-serif;
margin: 0;
padding: 0;
counter-reset: spFormSectionHeading;
overflow-x: hidden;
font-size: 0.875rem;
}
script {
display: none !important;
}
.spInner {
padding-left: calc(2% + 25px);
padding-right: calc(2% + 25px);
width: 100%;
margin: 0 auto 0 auto;
}
.spTopBanner {
color: #a4908e;
background-color: #e5e5e5;
text-align: center;
}
.spTopBanner div {
vertical-align: middle;
}
.spTopBanner > div {
padding: 0.438rem 0 0.5rem 0;
}
.spTopBanner > div:first-child {
padding-top: 0.875rem;
}
.spTopBanner > div:last-child {
padding-bottom: 1rem;
}
#spCurrentUXProfile > div {
display: inline;
}
.spTopBanner .spButton {
display: inline;
padding: 0 0 0 0.5rem;
color: #074f5f;
background-color: transparent;
}
.spHeader, .spBody {
padding: 0.625rem 0 0.75rem 0;
}
.spHeader > .spInner, .spFooter > .spInner {
display: table;
}
.spHeader > .spInner > div, .spFooter > .spInner > div {
display: table-cell;
vertical-align: middle;
text-align: left;
white-space: nowrap;
}
.spHeader > .spInner > div:last-of-type, .spFooter > .spInner > div:last-of-type {
text-align: right;
}
.spHeader {
background: #f8f7f5;
box-shadow: 0 0 5px 1px #a4908e;
}
.spHeader .spLogo {
margin: 0;
padding: 0;
cursor: pointer;
}
.spFooterPadding {
height: 55px;
clear: both;
}
.spFooter {
color: #fff;
background-color: #000;
clear: both;
padding: 13px 0 13px 0;
z-index: 900;
position: relative; 
}
.spFooter .spLogo {
padding-right: 20px;
}
.spFooter .spCopyright {
width: 100%;
}
.spFooterButton {
display: inline-block;
margin: 0 0 0 10px;
transition: 0.3s linear;
cursor: pointer;
}
.spFooterButton:not(:last-of-type) {
padding-right: 10px;
border-right: 1px solid #545454;
}
.spFooterButton:hover {
color: #aaa;
}
.spPageTitle {
display: flex;
align-items: center;
}
.spPageTitle > * {
flex-grow: 1;
}
.spPageTitle:not(.spFieldWrapper), .spPageTitle .spStatic {
font-size: 1.813rem;
font-weight: 800;
}
.spPageTitle:not(.spFieldWrapper) > *:last-child, .spPageTitle .spStatic {
margin-bottom: 5px;
}
.spPageTitle .fa-2x {
font-size: 1.75rem;
}
.spBannerBar .spPageTitle {
float: left;
margin: 0 1ch 0 0; 
padding: 0;
text-align: left;
}
.spTitleButton {
margin: 1.125rem 0;
}
.spTitleButton > div {
display: inline;
}
.spTitleButton > div:not(:first-of-type) {
margin-left: 0.625rem;
}
.spPageSubTitle {
margin-bottom: 0.313rem;
clear: both;
font-weight: normal;
font-style: italic;
font-size: 0.875rem;
}
.spBackNavigation .spTextButton {
display: inline-block;
}
.spBannerBar, .spToolBar {
width: 100%;
text-align: right;
float: left;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
.spBannerBar {
background-color: #e5e5e5;
padding: 0.938rem;
margin-bottom: 0.625rem;
}
.spToolBar {
background: none;
padding: 0;
margin-bottom: 0.313rem;
}
.spToolBarTable {
display: flex;
justify-content: space-between;
}
.spToolBarLeft {
display: flex;
justify-content: flex-start;
align-items: center;
float: left;
text-align: left;
}
.spToolBarRight {
display: flex;
justify-content: flex-end;
align-items: center;
float: right;
text-align: right;
}
.spDialogBannerBar > *, .spToolBarRight > *{
margin-left: 0.625rem;
margin-right: 0.313rem;
}
.spToolBarLeft > *:not(:last-of-type) {
margin-right: 0.625rem;
}
.spCSSTableRow {
display: table-row;
}
.spCSSTableCell {
display: table-cell;
vertical-align: middle;
}
.spCSSTableCell > .spFieldWrapper {
display: table;
float: left;
}
.spCSSTableCell > .spFieldWrapper > .spLabel, .spCSSTableCell > .spFieldWrapper > .spValueWrapper,
.spToolBarRight > .spFieldWrapper > .spLabel, .spToolBarRight > .spFieldWrapper > .spValueWrapper,
.spToolBarLeft > .spFieldWrapper > .spLabel, .spToolBarLeft > .spFieldWrapper > .spValueWrapper {
display: table-cell;
vertical-align: middle;
}
.spCSSInlineTable {
display: inline-table;
width: 100%;
vertical-align: middle;
}
.spFieldSet .spCSSInlineTable > .spCSSTableCell {
padding: 0;
}
#spDetailBannerBar {
background-color: transparent;
padding: 0.938rem 0;
}
#spDetailBannerBarBlock {
display: inline-block;
}
.spFormSection {
background-color: #e5e5e5;
padding: 0.938rem;
margin-bottom: 0.625rem;
}
.spHeading, .spHeadingDoNotRemove {
font-weight: bold;
font-size: 1.125rem;
margin-bottom: 0.625rem;
color: #555;
clear: both;
}
.spSearchCriteria .spFormSection .spHeading::before {
counter-increment: spFormSectionHeading;
content: counter(spFormSectionHeading) ". ";
}
.spSubHeading {
font-weight: bold;
font-size: 0.938rem;
margin-bottom: 0.313rem;
color: #555;
}
.spFormSection .spSubHeading {
margin-bottom: 0.625rem;
}
.spFormSubSection {
padding: 0;
margin: 0.625rem 0 0.625rem 0;
}
.spFormSection, .spFormSubSection {
float: left;
width: 100%;
}
.spDetailSection {
background-color: #fff;
padding: 0.938rem;
margin-bottom: 0.625rem;
overflow: hidden;
border: none;
box-shadow: 0 0.188rem 0.25rem -0.125rem rgba(164, 144, 142, 0.2);
}
.spColumn {
float: left;
margin-bottom: 0.625rem;
}
.spFormSection > .spColumn {
margin-bottom: 0;
}
.spDynamicColumnWrapper {
display: flex;
align-items: stretch;
}
.spDynamicColumnWrapper > div {
flex-shrink: 1;
flex-grow: 1;
flex-basis: auto;
}
.spDynamicColumnWrapper > div:not(:first-child) {
margin-left: 1.25rem;
}
.spDynamicNonShrinkingColumn {
flex-shrink: 0 !important;
}
.spTwoColumn > .spColumn {
width: calc(50% - 0.938rem); 
}
.spTwoColumn > .spColumn:nth-of-type(odd) {
margin-right: 1.875rem;
}
.spThreeColumn > .spColumn {
width: calc(33.33% - 0.875rem); 
}
.spThreeColumn > .spColumn:nth-last-of-type(2) {
margin-left: 1.313rem;
margin-right: 1.313rem;
}
.spColumn.spTwoThirdsColumn {
width: calc(66.66% - 1rem);  
}
.spColumn.spTwoThirdsColumn:first-child {
margin-right: 1.875rem;
margin-left: 0;
}
.spColumn.spTwoThirdsColumn:last-of-type {
margin-left: 1.875rem;
margin-right: 0;
}
.spFourColumn > .spColumn {
width: calc(25% - 0.656rem); 
}
.spFourColumn > .spColumn:not(:last-of-type) {
margin-right: 0.875rem;
}
.spColumn.spThreeFourthsColumn {
width: calc(75% - 1.219rem); 
}
.spColumn.spThreeFourthsColumn:first-child {
margin-right: 1.875rem;
}
.spColumn.spThreeFourthsColumn:last-of-type {
margin-left: 1rem;
}
.spColumn:first-of-type {
clear: left;
}
.spStickyBar {
overflow: auto; 
}
.spStickyBarContainer {
position: fixed;
top: 0;
left: 0;
width: 100%;
border-bottom: solid 1px #e4e4e4;
background: linear-gradient(#eeeeeb, #fff) top repeat;
box-shadow: 0 0 0.938rem -0.25rem #a4908e;
z-index: 700;
}
.spStickyBarContainer .spStickyBar {
margin: 0 auto;
background: none;
}
.spTabSet {
clear: both; 
overflow: hidden;
}
.spTabSet .spTabSet {
box-shadow: none;
}
.spTabItemList {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.spTabItemList > * {
color: #40444b;
background-color: #fff;
margin-bottom: 0.313rem;
}
.spTabTitle {
font-weight: 800;
font-size: 1.5rem;
margin-right: 0.813rem;
}
.spTabItem, .spTabConfig {
margin-right: 0.25rem;
padding: 0.625rem 0.938rem;
font-weight: normal;
text-align: center;
vertical-align: middle;
transition: 0.3s linear;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
.spTabItem:hover, .spTabConfig:hover {
background-color: #e5e5e5;
}
.spTabItemSelect:hover {
background-color: #40444b;
opacity: 0.8;
}
.spTabItemSelect {
color: #fff;
background-color: #40444b;
}
.spTabView {
margin-top: 0.313rem;
}
.spTabConfig {
font-family: FontAwesome; 
font-size: 1.25rem;
}
.spTabConfigWrapper {
max-height: 31.25rem;
overflow-x: auto;
margin-bottom: 0.625rem;
}
 .spDataContainerMulti {
 margin-bottom: 0.625rem; 
 }
 .spDataContainerMulti .spRecordWrapper {
 display: table;
 margin-top: 1.25rem; 
 }
 
 .spDataContainerMulti .spRecordWrapper:nth-of-type(2) {
 margin-top: 0;
 }
 .spDataContainerMulti .spRecordWrapper > * {
 display: table-cell;
 vertical-align: top;
 }
 .spDataContainerMulti .spRecordWrapper > *:nth-child(1) {
 
 width: 100%;
 }
.spRecordIcon {
width: 1.5rem;
padding: 0.625rem 0 0 0.5rem;
font-family: 'FontAwesome'; 
font-size: 1.5rem;
line-height: 1;
margin: 0.5rem 0 0 0;
transition: 0.3s linear;
color: #a4908e;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
.spRecordIcon:hover {
color: #40444b;
}
.spToolBarDataContainerMulti {
padding-right: 1.75rem; 
}
.spEditInner {
overflow: hidden;
}
.spEditOuter {
position: relative; 
}
.spEditIconWrapper {
position: absolute;
left: calc(100% - 6.25rem);
width: 6.25rem;
text-align: right;
}
.spTabView .spEditIconWrapper {
top: -2.813rem; 
}
.spEditIcon {
font-family: 'FontAwesome'; 
font-size: 1.5rem;
line-height: 1;
display: inline-block;
margin: 0 0.375rem 0 0.625rem;
transition: 0.3s linear;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
.spEditIcon:hover {
opacity: 0.8;
}
.spStaticMode .spEditModeOnly, .spEditMode .spStaticModeOnly {
display: none !important;
}
.spCollapsibleOuter {
margin-bottom: 0.625rem;
clear: both;
padding: 0;
}
.spCollapsibleTitle {
width: 100%;
padding: 0.625rem 1.25rem 0.625rem 0.938rem; 
overflow: hidden;
background-color: #ccc; 
transition: 0.3s linear;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
.spCollapsibleTitle:hover, .spCollapsibleTitleExpand {
background-color: #40444b;
}
.spCollapsibleTitleText {
float: left;
font-size: 1.125rem;
font-weight: bold;
color: #fff;
}
.spFormSection > .spCollapsibleTitle > .spCollapsibleTitleText::before {
counter-increment: spFormSectionHeading;
content: counter(spFormSectionHeading) ". ";
}
.spCollapsibleIcon {
float: right;
font-family: 'FontAwesome'; 
font-size: 1.5rem;
line-height: 1;
cursor: pointer;
color: #fff;
}
.spCollapsibleView {
width: 100%;
padding: 0.938rem;
overflow: hidden; 
}
.spIndicator {
color: #fff;
font-size: 1.125rem;
font-weight: bold;
border-radius: 0.875rem;
background: #ea642e;
text-align: center;
width: 1.75rem;
height: 1.75rem;
display: table-cell;
vertical-align: middle;
padding: 0 0.438rem;
}
.spNoTransition, .spNoTransition * {
transition: none !important;
}
.spHidden {
display: none !important;
}
.boxArrowUp {
position: absolute;
width: 0;
height: 0;
top: -0.625rem;
left: calc(50% - 0.625rem);
border-right: 0.625rem solid transparent;
border-left: 0.625rem solid transparent;
border-bottom: 0.625rem solid #fff;
}
.spParagraph {
margin-bottom: 0.625rem;
}
.spOrderedList {
margin-bottom: 0.625rem;
counter-reset: spOrderedList;
}
.spOrderedListItem, .spUnorderedListItem {
margin-bottom: 0.313rem;
margin-left: 0.625rem;
}
.spOrderedListItem::before {
counter-increment: spOrderedList;
content: counter(spOrderedList) ". ";
}
.spUnorderedList {
margin-bottom: 0.625rem;
}
.spUnorderedListItem::before {
content: "\2022\00a0\00a0";
}
.spVspace100 {
margin-bottom: 6.25rem;
}
.spVspace200 {
margin-bottom: 12.5rem;
}
.spDisableSelect {
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.spEnableSelect {
user-select: text;
-moz-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
}

 
 
.spUniversalNav > .spMenuBar > .spMenuItem:first-of-type {
border: 1px solid #a4908e;
margin-right: 10px;
}
.spPrimaryNav {
border: none;
background: linear-gradient(rgba(164, 144, 142, 0.2), #fff) top repeat;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
white-space: nowrap;
box-shadow: 0 0 15px -4px #a4908e;
}
.spPrimaryNav .spMenuBar .spMenuItem, .spPrimaryNavButton {
display: inline-block;
margin-top: 2px;
padding: 13px 25px 15px 25px;
border-right: 1px solid #ece9e4;
cursor: pointer;
vertical-align: middle;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
.spPrimaryNav .spMenuBar .spMenuItem div, .spPrimaryNavButton div {
display: inline-block;
margin: 0;
padding: 0.312rem 1.25rem;
border-radius: 1.375rem;
vertical-align: middle;
text-align: left;
color: #655b5a;
background: none;
font-size: 1rem;
font-weight: normal;
transition: 0.3s linear;
}
.spPrimaryNav .spMenuBar .spMenuItem div:hover, .spPrimaryNavButton div:hover {
color: #fff;
background-color: #40444b;
}
.spPrimaryNav .spMenuView .spMenuItem {
display: block;
padding: 1.25rem 0.938rem;
color: #a4908e;
background-color: #fff;
font-size: 1rem;
}
.spPrimaryNav .spMenuView .spMenuItem:hover {
color: #fff;
background-color: #a4908e;
}
#spPrimaryNavQuickSearch {
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 1.5625rem;
border: 1px solid #ece9e4;
}
#spPrimaryNavQuickSearch .spInput {
padding: 0.625rem 1.875rem 0.625rem 1.25rem;
font-style: italic;
font-size: 0.938rem;
color: #655b5a;
height: auto;
}
#spPrimaryNavQuickSearchButton {
color: #999;
position: absolute;
top: 0.75rem;
right: 0.938rem;
cursor: pointer;
}
.spStaticPreserveWhiteSpace .spStatic {
white-space: pre-wrap;
}
input[type="text"]:enabled.spTableRecordSetInput {
background-color: #fff;
border: 1px solid #c1d3d7;
}
