@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);
@import url("./Css/Avatar.css");

/*@import url('https://fonts.googleapis.com/css?family=Open+Sans');*/
@font-face{
    font-family: 'wf_SegoeUILight';
    src:url('https://i.s-microsoft.com/fonts/Segoe-UI/Cyrillic/Light/latest.eot');
    src:url('https://i.s-microsoft.com/fonts/Segoe-UI/Cyrillic/Light/latest.eot?#iefix') format('embedded-opentype'),
           url('https://i.s-microsoft.com/fonts/Segoe-UI/Cyrillic/Light/latest.woff') format('woff'),
           url('https://i.s-microsoft.com/fonts/Segoe-UI/Cyrillic/Light/latest.ttf') format('truetype'),
           url('https://i.s-microsoft.com/fonts/Segoe-UI/Cyrillic/Light/latest.svg#web') format('svg');
    font-weight: normal;
    font-style: normal;
}

.loginPopupPrompt {
    font-size: 13px;
    padding: 10px;
    background-color: white;
}

    .loginPopupPrompt a {
        font-size: 13px;
    }

.print-only {
    display: none !important;
}
@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
    .print-only
    {
        display: inline !important;
    }
    .WPCard_View
    {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
}

.ui-layout-container{
    display: flex;
    height: 100%;
    width: 100%;
    flex-flow: column nowrap;
}
.ui-layout-center{
    flex: 1;
}
input, select, textarea, button.ui-multiselect
{
    padding: 2px 0px;
}
*.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.select2, .select2-results__option {
    font-size: 11px;
}
.select2-container{
    z-index: 9999999;
}
li.select2-results__option {
    padding: 3px 6px 4px !important;
}
button .ui-multiselect {
    padding-left: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
button.ui-multiselect > span:not(.ui-icon) {
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
}
.ui-multiselect-menu .ui-widget-header ul.ui-helper-reset{
    padding-top: 4px;
}
.ui-multiselect-menu .ui-widget-header ul.ui-helper-reset li{
    padding-right: 8px !important;
}
.ui-multiselect-menu .ui-widget-header ul.ui-helper-reset li:last-child{
    padding-right: 1px !important;
}
.ui-multiselect-menu .ui-widget-header ul.ui-helper-reset li a:hover {
    color: #666 !important;
    text-decoration: none !important;
}
.ui-multiselect-menu .ui-widget-header ul.ui-helper-reset li a span {
    color: #666 !important;
}
.ui-multiselect-menu .ui-widget-header ul.ui-helper-reset li:not(:last-child) a span:last-child{
    padding-left: 2px;
}
.ig_Control input, .ig_Control select, .ig_Control textarea
{
    padding: 0px;
}
.ui-multiselect-menu .ui-multiselect-checkboxes li > label{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ui-multiselect-checkboxes label span{
    padding-left: 4px !important;
}
.ui-multiselect-filter {
    float: none !important;
    clear: both;
}
.ui-multiselect-applycontainer {
    padding: 6px 4px 4px;
}
body, div, a, input, select, td, th, textarea, button, pre.Normal {
    font-family: 'Open Sans', Arial, Helvetica, Calibri,"Trebuchet MS", sans-serif;
    color: #333;
    font-size: 11px;
}
.WPOutlookPopup body, .WPOutlookPopup div, .WPOutlookPopup a, .WPOutlookPopup input, .WPOutlookPopup select, .WPOutlookPopup td, .WPOutlookPopup th, .WPOutlookPopup textarea, .WPOutlookPopup button, .WPOutlookPopup pre.Normal
{
	font-size: 13px;
	color: #000000;
}
pre
{
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
xmp 
{
    margin: 4px;
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 4px;
}
xmp.error {
    border-color: #cc0000;
    background-color: #FFF0F0;
    color: #000;
}
table
{
    empty-cells: show;
    border-spacing:0;
    border-collapse:collapse;
}
th
{
    vertical-align: middle;
}
label
{
    padding-left: 4px;
}

a, a:visited, .Link
{
	color: #328dde;
	text-decoration: none;
}
a:hover
{
	color: #75207f;
	text-decoration: underline;
}
a img
{
    outline:0;
    border:0;
}
*
{
	padding: 0;
	margin: 0;
}
ul
{
	padding: 10px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}
ul li
{
	padding-bottom: 8px;
}
.WPAttribute_Html ul
{
	list-style-type: disc;
	list-style-image: none;
	list-style-position: inside;
}
.WPAttribute_Html ul li
{
	padding: 0px;
}
.ui-layout-north
{
	clear: both;
	width: 100%;
}
.dnnFormItem {
    display: flex;
    justify-content: flex-start;
    padding: 4px;
}
.dnnFormItem > span.inline[resourcekey]{
    display: none;
}
.dnnFormMessage.dnnFormInfo {
    display: none;
}
.dnnForm.dnnLoginService .dnnFormItem label
{
    width: 80px !important;
    padding-right: 4px;
}
.dnnFormItem a.dnnFormHelp, a.dnnFormHelp, .dnnForm .dnnFormItem a.dnnFormHelp, .dnnTooltip label a.dnnFormHelp {
    font-weight: normal;
}
.dnnFormItem label, .dnnFormItem .dnnTooltip {
    text-align: left;
    width: 120px;
    padding: 4px 8px 4px 0;
}
.dnnTextEditor .dnnTooltip
{
    display: none;
}
.DnnModule
{
    z-index: auto;
}
.ssasContent {
    padding-bottom: 12px;
}
.dnnModuleAuditControl{
    padding: 16px 0 0 0;
    margin: 0 !important;
}
.dnnModuleAuditControl .SubHead {
    text-transform: none !important;
    font-size: 11px;
    color: #aaa;
    font-weight: normal;
    border-bottom: none !important;
}
.dnnModuleAuditControl p {
    float: none;
    clear: both;
    padding-bottom: 2px;
}
a.dnnFormHelp, .dnnForm .dnnFormItem a.dnnFormHelp, .dnnTooltip label a.dnnFormHelp {
    background-image: none !important;
    color: Gray !important;
    text-decoration: none !important;
}
.dnnForm .dnnFormItem a.dnnFormHelp span{
    padding-right: 0 !important;
}
.WPAppContent .DnnModule {
    margin: 0px 5px 10px 5px;
    /*NEW MODULE WIDGET*/
    /*box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
    border-radius: 100% 100% 100% 100% / 8px 8px 8px 8px;*/
}

.WPAppContent .DnnModule .ContentPane {
    margin: 2px !important;
}

.WPTab_BackgroundMatchGray
{
    background-color: rgb(243,243,243);
}
.WPTabStripBody .ui-tabs-panel
{
    padding: 0px !important;
}
.dnnLoginRememberMe
{
    margin-left: 205px;
    margin-top: -38px;
}
template
{
	display: none;
}
span.SubText
{
    opacity: 0.7;
}
.SubText
{
    font-size: 11px;
    /*color: Gray;*/
}
.WPTabStrip_Inner, .WPTabStrip_Head
{
    border-radius: 0px !important;
}
.WPTabStrip_Inner li.ui-state-default:not(.ui-state-active) > a > img[src$='png'] {
    filter: grayscale(100%);
}
.WPCanvas
{
    background-color: rgb(242,242,242) !important;
}

.ui-layout-south
{
    min-height: 26px !important;
}
.ui-layout-south.FooterButtonRow
{
    overflow: hidden !important;
    padding: 4px 2px;
}
.ui-layout-center ,
.ui-layout-north ,
.ui-layout-south ,
.ui-layout-west ,
.ui-layout-east {

}

/* == Google charts bug fix ==*/
/* This "Fix" breaks our d3 chart legends. If we decide to go with google charts we should probably
    find a better solution or wait for google to fix the issue. 
    https://github.com/google/google-visualization-issues/issues/2162
*/
/*svg > g > g:last-child { pointer-events: none }*/
.GoogleChart svg > g > g:last-child {
    pointer-events: none
}
td.QuestionCell1, td.QuestionCell2 {
    width: 120px;
    min-width: 120px;
}
.WPPageBreak
{
    page-break-after: always !important;
}
.WPPageBreak .PageBreakScreen
{
    height: 40px;
    position: relative;
    text-align: center;
}
.WPPageBreak .PageBreakScreen .PageBreakDivider
{
    position: absolute;
    top: 22px;
    left: 0px;
    width: 100%;
    height: 1px;
    border-top: 1px dashed Gray;
    z-index: -1;
}
.WPPageBreak .PageBreakScreen .PageBreakText
{
    padding: 16px;
}
.WPPageBreak .PageBreakScreen .PageBreakText span
{
    background-color: White;
    color: Gray;
    z-index: 11;
    padding: 0px 10px;
}
.WPNotificationPane
{
    background-color: #555;
    color: #fff;
}
.WPNotificationPane .divExistingContactSelection {
    width: 300px !important;
    max-width: 300px !important;
}
.WPNotificationPane h1, .WPNotificationPane h2, .WPNotificationPane h3, .WPNotificationPane h4, .WPNotificationPane h5, .WPNotificationPane h6, .WPNotificationPane div, .WPNotificationPane a, .WPNotificationPane input, .WPNotificationPane select, .WPNotificationPane td, .WPNotificationPane th, .WPNotificationPane textarea, .WPNotificationPane button, .WPNotificationPane pre.Normal {
    color: #fff;
}
.WPNotificationPane .select2-selection__rendered {
    color: #fff !important;
}
.WPNotificationPane .WPNotificationHide {
    display: none;
}
.WPNotificationPane .WPBanner
{
    margin-right: 20px;
}
.WPNotificationPane input:not(.ui-multiselect-search), .WPNotificationPane select, .WPNotificationPane textarea, .WPNotificationPane .ui-timepicker-wrapper {
    background-color: #333;
    color: #fff;
    border: none;
}
.WPNotificationPane .select2-container--default .select2-selection--single, .WPNotificationPane .select2-results__option, .WPNotificationPane .select2-dropdown {
    background-color: #333 !important;
    color: #fff !important;
    border: none !important;
}
.WPNotificationPane .select2-results__option:hover {
    background-color: #666 !important;
}
.WPNotificationPane .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent !important;
}
.WPNotificationPane .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #fff transparent !important;
}
.WPNotificationPane .select2-search__field {
    background-color: #444 !important;
}
.WPNotificationPane .WPQuickSearch_Container input {
    color: #333;
    background-color: #fff;
}
.WPNotificationPane .WPSplash .WPSplashContent .ContentImage {
    text-align: center;
    float: none !important;
    display: block;
    padding-bottom: 12px;
}
.WPFeedHeader {
    min-width: 645px;
}
.ui-datepicker {
    display: none;
}
.WPTimePicker{
    padding-left: 2px;
}
.WPDatePickerContainer {
    display: inline-block;
    position: relative;
}
.WPDatePickerContainer input {
    padding-right: 20px;
}
.WPDatePickerContainer i {
    display: inline-block;
    opacity: 0.5;
    right: 2px;
    z-index: 999;
    width: 16px;
    height: 16px;
    top: 8px;
}
.WPNotificationPane .WPDatePickerContainer i {
    top: 6px;
}
.ui-datepicker .ui-datepicker-today {
    border: 1px dotted #666;
}
.ui-datepicker .ui-datepicker-current-day
{
    border: 2px solid #666 !important;
}
.WPNotificationPane .ui-datepicker
{
    background-color: #333;
}
.WPNotificationPane .WPSplash
{
    color: #ccc;
}
.WPNotificationPane .WPCondensedInputLabel, .WPNotificationPane .InputLabel_Horizontal
{
    color: #ccc;
}

.WPNotificationPane .token-input-list-WP{border: 0px;}
.WPNotificationPane div.token-input-dropdown-WP
{

    border :1px solid #777;
    max-width: 200px;
}
.WPNotificationPane .token-input-dropdown-WP UL,
.WPNotificationPane .token-input-dropdown-WP UL LI,
.WPNotificationPane .token-input-input-token-WP INPUT,
.WPNotificationPane .token-input-list-WP,
.WPNotificationPane div.token-input-dropdown-WP ul li.token-input-dropdown-item-WP,
.WPNotificationPane div.token-input-dropdown-WP ul li.token-input-dropdown-item2-WP,
.WPNotificationPane div.token-input-dropdown-WP P
{
    outline-width: 0 !important;
    background-color: #333 !important;
}
.WPNotificationPane div.token-input-dropdown-WP P,
.WPNotificationPane .GrayText
{
     color: #ccc !important;
}

.WPNotePopup .WPNotificationPane .GrayText
{
     color: #333 !important;
}
.WPNotePopup .ItemContainer span
{
    font-size: 14px !important;
}

.WPNotificationPane .EntityItemSelected
{
    background-color: #444!important;
}
.WPNotificationPane .WPCondensedInputControl
{
    width: 200px;
}
.WPNotificationPane .WPSubjectLabel
{
    display:none;
}
.WPNotificationPane .WPSubject
{
    width: 270px;
}

.WPNotificationPane .bootstrap-timepicker-widget {
    background-color: #333 !important;
    border: 1px solid rgb(170, 170, 170) !important;
    color: rgb(34, 34, 34) !important;
    min-width: 100px !important;
    padding: 0 2px !important;
}

    .WPNotificationPane .bootstrap-timepicker-widget::before {
        content: none !important;
    }

    .WPNotificationPane .bootstrap-timepicker-widget::after {
        content: none !important;
    }

    .WPNotificationPane .bootstrap-timepicker-widget table td {
        height: 0 !important;
    }
        .WPNotificationPane .bootstrap-timepicker-widget table td:not(.separator) {
            min-width: 0 !important;
        }

        .WPNotificationPane .bootstrap-timepicker-widget table td a {
            color: inherit !important;
            padding: 2px 0 !important;
        }

        .WPNotificationPane .bootstrap-timepicker-widget table td a:hover {
            background-color: inherit !important;
        }

.WPHeaderPadding {
    padding-top: 0px;
}
.WPAppTask{
    z-index: 99 !important;
}
DIV.ui-layout-center > ul.WPTabStrip_Inner{
    padding-top: 10px !important;

}
.WPHeaderPaddingLineBreak {
    clear: both;
    float: none;
    padding-top: 12px !important;
}
.WPHeaderPadding .ui-layout-north
{
	padding: 8px 0px 8px 0px;
	overflow: hidden;
}

.WPSavedSearchContainer{
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 8px 4px 4px 8px;
    width: 164px;
}
.WPSavedSearchSelectionWrapper
{
    padding: 0px 8px 0px 0px;
}
.WPSavedSearchSelectionWrapper select
{
    font-size: 1.1em;
    width: 160px;
}


.AccountMultiSelectList .WPClearPanel{
    clear:none !important;
    float: left  !important;
}
.AccountMultiSelectList .CustomerRow {
    clear: both;
    padding: 4px;
}
.AccountMultiSelectList .CustomerRow > div:not(:last-child) {
    float: left;
}
.AccountMultiSelectList .AccountInfo .CustomerPair {
    padding: 2px 0 0 4px;
    margin-right: -4px;
}
.AccountMultiSelectList .CustomerPair {
    width: 230px !important;
}
.AccountMultiSelectList .CustomerPair .InputLabel{
    width: 220px !important;
}
.AccountMultiSelectList .CustomerInput{
    float: left;
}
.AccountMultiSelectList .divNewContactInformation.CustomerPair > div:not(.InputControl_Horizontal){
    display:none;
}
.WPHidden
{
    display: none;
}
*:empty ~ .WPHiddenIfPrevEmpty
{
    display: none;
}
.WPFramedPage {
}

.WPFormContent {
    padding: 6px 12px 12px 12px;
}

.WPClearPanel
{
	clear: both;
    float: none !important;
}
.WPContentContainer_Default
{
	/* border-bottom: 1px solid #CCC; */
}
.WPContentContainer_Label
{
    /*font-weight:bold;
    color: Gray;*/
}
.WPContentContainer_Default .WPContentContainer_Head span
{
    white-space: nowrap;
}
.WPContentContainer_Default .WPContentContainer_Head, .SubHead, .SubHead TD, .WPContentContainer_Default .WPContentContainer_Head a.WPDropDownLink, h2.dnnFormSectionHead 
{
	/*font-family: TitilliumText22LBold;*/
	font-family: Arial, Helvetica, Calibri,"Trebuchet MS", sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}
.WPContentContainer_Default .WPContentContainer_Head, .SubHead, .SubHead TD, h2.dnnFormSectionHead {
    padding: 12px 6px 6px 5px;
    border-bottom: 1px dotted #CCC;
    clear: both;
    position: relative;
}
h2.dnnFormSectionHead{
    font-weight: normal;
}
.WPContentContainer_Default .WPContentContainer_Head a.WPDropDownLink, .WPContentContainer_Default .WPContentContainer_Head a.WPDropDownLink nobr, .dnnFormSectionHead a, h2.dnnFormSectionHead a:visited {
    text-transform: uppercase;
    color: #333 !important;
}
.WPContentContainer_Default .WPContentContainer_Head i.fa-caret-down {
    position: absolute;
    right: 8px;
    bottom: 8px;
}
.WPOutlookPopup .WPContentContainer_Default .WPContentContainer_Head, .WPOutlookPopup .SubHead, .WPOutlookPopup .SubHead TD {
    font-size: 16px;
}
.WPContentContainer_EntityViewPanel
{
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 0px;
}

.WPContentContainer_Head A,
.WPContentContainer_Head A:hover,
.WPContentContainer_Head A:visited,
.WPContentContainer_Head A SPAN,
.WPContentContainer_Head A:hover SPAN,
.WPContentContainer_Head A:visited SPAN
{
    text-transform: none !important;
}


WPContentContainer_Window .WPContentContainer_Body
{
	border: 2px solid #285096 !important;
}
.WPNotificationPane .WPContentContainer_Window .WPContentContainer_Head
{
    background-color: transparent !important;
}

.WPContentContainer_Window .WPContentContainer_Head
{
	background-color: #fAfAfA;
	height: 18px;
	padding-top: 8px;

}
.WPActivityPreviewContainer
{
    border: 1px dotted rgb(117,32,127) !important;
}
.Head
{
    padding: 0px 0px 0px 18px;
}

.WPContentContainer_Main .WPContentContainer_Head, .Head, .HeadNoSpacing, .Head TD
{
	/*font-family: TitilliumText22LBold;
	font-family: Arial, Helvetica, Calibri,"Trebuchet MS", sans-serif;
	padding: 8px 6px 5px 8px;*/
	text-transform: uppercase;
	clear: both;
	font-size: 18px;
}
.WPExpandCollapseHeader
{
    position: relative;
}
.WPExpandCollapseHeader.Active, .WPExpandCollapseHeader.Active DIV, .WPExpandCollapseHeader.Active IMG
{
    background-color: #f1f1f1;
}
.WPContentContainer_Collapsed IMG.WPExpandCollapse
{
    float: right;
    background-image: url(images/down-icn.png) !important;
    width: 18px;
    height: 12px;
}
.WPContentContainer_Expanded IMG.WPExpandCollapse
{
    float: right;
    background-image: url(images/up-icn.png) !important;
    width: 18px;
    height: 12px;
}
.WPContentContainer_Main .WPContentContainer_Head .WPContentContainer_Highlight
{
	color: #75207f;
}
.WPContentContainer_Main .WPContentContainer_Head .WPContentContainer_Highlight a
{
	position: absolute;
	right: 0px;
	padding-right: 8px;
	padding-left: 20px;
	text-transform: none !important;
	vertical-align: top;
	line-height: 28px;
}
.WPContentContainer_Body
{
	padding: 0px 0px 0px 0px;
}
.WPContentContainer_TopRight
{
	float: right;
}
.WPContentContainer_HeaderUserControl
{
    position: absolute;
    top: 8px;
    right: 6px;
}
.ui-dialog .ui-dialog-titlebar-close {
    padding: 2px 0px 4px 4px !important;
    top: 12px !important;
    display: block !important;
}
.ui-dialog-titlebar {
    text-shadow: none !important;
}
.ui-dialog .ui-dialog-titlebar .ui-button-text {
    display: none;
}
.ui-dialog .ui-dialog-titlebar button.ui-button {
    display: block;
    border: 0px solid;
    background-color: transparent;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog a.dnnToggleMax:hover {
    background-color: #eee;
}
a.ui-dialog-titlebar-close{
    background-image: none;
}
.ui-dialog .ui-corner-all {
    border-radius: 0px !important;
}
.ui-dialog > a > span, .ui-dialog > a > i {
    color: #333 !important;
}
.fa-expand-alt:before {
    content: "\e0a0";
}
.WPModalCloseButton {
    position: absolute;
    height: 16px;
    width: 16px !important;
    right: 8px;
    top: 8px;
    font-size: 20px;
    cursor: pointer;
    padding: 2px 2px 4px 4px;
}
.WPModalCloseButton:hover {
    background-color: #eee;
}
.WPModalCloseButton.fa-times::before {
    line-height: 1.6;
    padding-left: 2px;
}
.OutlookFrame .WPModalCloseButton {
    padding-right: 0;
    right: 0;
    color: #999;
    font-size: 16px;
}
.WPApp_SubMenu {
    text-align: center;
    background-color: #fff;
    margin: 0;
    padding: 0;
    /*NEW MODULE WIDGET*/
    /*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);*/
    box-shadow: none !important;
    border-radius: unset !important;
}
    .WPApp_SubMenu ul li {
        list-style-type: none;
        list-style-image: none;
        list-style-position: outside;
        line-height: 17px;
        display: inline-block;
        padding-bottom: 0 !important;
    }
    .WPApp_SubMenu .WPSubMenuLink a {
        font-size: 11px !important;
        float: left;
        /*margin: 3px 20px 6px 0px;*/
        padding: 5px 20px 4px 0px;
        line-height: 18px;
        color: #333;
    }
    .WPApp_SubMenu .WPSubMenuLinkSelected a, .WPSubMenuLinkSelected a:hover, .WPSubMenuLinkSelected a:visited {
        margin: 0px 20px 0px 0px !important;
        padding: 4px 6px 4px 6px !important;
    }
    .WPApp_SubMenu li.WPSubMenuLink {
        display: inline-block !important;
        padding: 0;
    }
.WPEditableSection input[readonly] {
    outline: none;
    border: none;
}
.WPEditableSection *:disabled {
    background-color: transparent;
    border: 1px solid #eee;
}
.WPEditableSection .InputPair .InputControl input[type="text"].hasDatePicker {
    width: 100px;
}
.WPEditableSection .InputControl input[type="text"],
.WPEditableSection .InputControl select,
.WPCondensedInputPair .WPCondensedInputControl select {
    width: 200px;
}
.WPEditableSection .InputControl:not(.GridlinesContainer) .token-input-list-WP.SingleSelect {
    width: 200px !important;
}
.WPEditableSection .InputPair .InputControl input[type="text"].WPPrimaryInputControl,
.WPEditableSection .InputPair .InputControl select.WPPrimaryInputControl,
.WPCondensedInputPair .WPCondensedInputControl select.WPPrimaryInputControl {
    width: 200px;
    font-weight: normal;
}
.WPPrimaryInputControl.EntityName
{
    font-weight: bold;
}
.InputControl.Checkbox
{
    line-height: 22px;
}
.InputControl .WPInputControlNested
{
    margin-left: -120px;
}
.WPFloatContainer{
    max-width: 300px;
}
.WPNotificationPane .WPEditableSection .InputPair .InputControl input[type="text"].WPPrimaryInputControl,
.WPNotificationPane .WPEditableSection .InputPair .InputControl select.WPPrimaryInputControl,
.WPNotificationPane .WPCondensedInputPair .WPCondensedInputControl .WPPrimaryInputControl,
.WPNotificationPane .WPCondensedInputPair .WPCondensedInputControl textarea
{
    width: 200px !important;
    max-width: 200px !important;
}

.WPAdvancedLocatePanel .WPLocateGroup{ min-height: 28px;}
.WPAdvancedLocatePanel .WPFilter DIV.WPLocateGroup, .WPAdvancedLocatePanel .WPFilter DIV.WPLocateGroup DIV
{
    float: left;
    vertical-align: middle;
}
.WPAdvancedLocatePanel .WPLocateGroup .ui-multiselect-menu
{

}
.WPAdvancedLocatePanel .WPFilter select
{
    padding-top: 1px;
}

.WPAdvancedLocatePanel .WPFilterControl
{
    width: 960px;
}

.WPAdvancedLocatePanel .RemoveButton
{
    padding: 1px 1px 1px 1px;
}

.WPAdvancedLocatePanel .WPFilter
{
    padding: 2px 0px;
}

.WPEntityAttributeLocate DIV
{
    float: left;
    vertical-align: middle;
}
.WPEntityAttributeLocate SELECT
{
    padding-top: 1px;
}

.WPEntityAttributeLocateControl
{
    width: 600px !important;
}
.WPEntityAttributeLocateControl .divExistingAccountSelection
{
    padding: 0px !important;
}
.WPAttributesPanel
{
    clear: both;
}
.WPAttributesPanel > div > table > tbody > tr > td
{
    padding: 3px 5px;
}
.WPAttributesPanel .CategoryPair
{
    width: 332px;
}
.WPAttribute_Html 
{
    padding: 8px 4px 4px 0;
}
.WPEntityEditCategory
{
    float: left;
    width: 332px;
}
.WPEntityViewCategory
{
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 4px;
    clear:both;
}
.WPEntityViewCategory .CategoryContent, .WPEntityEditCategory .CategoryContent
{
    clear: both;
}
.CategoryContent td
{
    vertical-align: top;
}
.CategoryPair > div.InputPair > div.InputControl > span
{
    white-space:pre-wrap;
}
.WPEntityViewCategory .CategoryContent .CategoryPair, .WPAttributesPanel .CategoryPair
{
    float: left;
}
.WPContactInfoPanel {
    width: 322px;
    float: left;
    clear: none;
}
.WPContactInfoPanel .InputPair > .InputControl {
    overflow: hidden;
    text-overflow: ellipsis;
}
.RemoveButton
{
    position:relative; height: 16px; width: 16px;
    padding: 2px 1px 1px 1px;
}
.WPWorkflowSettingsGrid th
{
    text-align: left;
    padding: 2px 10px 4px 4px;
}
.WPWorkflowSettingsGrid td
{
    text-align: left;
    padding: 2px;
}

.PasteBoxContainer
{
    outline: 2px dashed #999;
    /* outline: 2px dashed #92b0b3;*/
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 16px !important;
    /* background-color: #e5edf1;*/
    overflow: hidden !important;
}
textarea.PasteBox{
    border: 0px solid transparent;
    font: 13px monospace;
    color: #000;
    padding: 2px;
    /* background-color: #e5edf1;*/
    outline: none;
}
textarea.PasteBox::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666;
  opacity: 1; /* Firefox */
}

textarea.PasteBox:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666;
}

textarea.PasteBox::-ms-input-placeholder { /* Microsoft Edge */
  color: #666;
}
.WPWebDataGridContainer {
    background-color: transparent !important;
}
.Default.reWrapper{
    background-color: transparent !important;
    border: 1px solid #aaa !important;
}
ul.Default.reToolbar > li{
    background-image: none !important;
}
.Default.RadEditor .reModule, .Default.RadEditor .reEditorModes, .Default.RadEditor .reWrapper {
    background-color: transparent !important;
}
.reMode_design, .reMode_html {
    border: 1px solid transparent;
    border-radius: 3px;
    margin-left: 2px;
}
.reMode_selected{
    background-image: none !important;
    border: 1px solid #ccc;
}
.reMode_preview {
    display: none !important;
}

.Default.RadEditor .reContentCell {
    border: 0px solid transparent !important;
    border-top: 1px solid #ccc !important;
}
.dnnFormPopup .ui-dialog-titlebar span.ui-dialog-title {
    font-size: 24px !important;
    font-weight: normal !important;
    letter-spacing: -1px !important;
}
.dnnFormPopup .ui-dialog-titlebar > a {
    background: none;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    text-indent: 0;
    font-size: 20px;
}
.dnnFormPopup .ui-dialog-titlebar > a:hover {
    text-decoration: none;
}
.dnnFormPopup .ui-dialog-titlebar > a.dnnToggleMax {
    position: absolute;
    right: 40px;
    top: 2px;
    font-size: 15px;
    padding: 6px 0 0 8px !important;
    margin: 0 !important;
    background-image: none !important;
}
.dnnFormPopup .ui-dialog-titlebar > a.dnnToggleMax:before {
    content: "\f424";

}
.dnnFormPopup .ui-dialog-titlebar > a.ui-dialog-titlebar-close {
    position: absolute;
    right: 8px !important;
    top: 8px;
    padding-left: 8px !important;
}
.dnnFormPopup .ui-dialog-titlebar > a.ui-dialog-titlebar-close:before {
    content: "\f00d";
}
.dnnFormPopup .ui-dialog-titlebar > a > span {
    display:none;
}
.WPGrid_Frame {
    /*
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    */
}
table .WPGrid_Row:not(.Loading):not(.WPQuickSearchResult), table .WPGrid_Row_Alternate:not(.Loading):not(.WPQuickSearchResult), table .WPGrid_Row_Selected:not(.Loading):not(.WPQuickSearchResult) {
    border: 0px solid transparent;
    background-color: #ffffff;
    border-bottom: 1px dotted #dddddd;
}
table .WPGrid_Row.Loading > tr:first-child > td {
    padding-top: 12px;
}
table:not(.WPEditableGrid) tr.WPGrid_Row.Selectable:hover td, table:not(.WPEditableGrid) .WPGrid_Row.Selectable tr:hover td{
    background-color: #e2eaf5;
} .WPGrid_Row td a {
	color: #328dde /*!important*/;
} .WPGridHeaderNoFilter .igg_FilterHeaderButton {
    display: none !important;
}
tr.WPGrid_Row .ShowOnRowHover, .WPGrid_Row > tr .ShowOnRowHover {
    display: none;
}
tr.WPGrid_Row:hover .ShowOnRowHover, .WPGrid_Row > tr:hover .ShowOnRowHover {
    display: block;
}
  .WPListingActionPanel {
    background-color: #fff;
}
.ui-layout-east.WPListingActionPanel {
    border-left: 2px solid #ddd !important;
}
.ui-layout-south.WPListingActionPanel {
    border-top: 2px solid #ddd !important;
}
.WPListingActionPanel > div {
    padding: 6px 8px;
}
.WPListingActionPanel .Action {
    padding-top: 12px;
    padding-bottom: 6px;
}
.WPListingActionPanel > div h1, .WPListingActionPanel > div h1 > span {
    font-weight: normal;
    font-size: 22px !important;
    letter-spacing: -0.8px;
}
.WPListingActionPanel > div h2 {
    font-weight: bold;
    font-size: 12px;
    padding: 2px 2px 6px;
    margin: 0;
}
.ActionPlanWrapper .PanelItem {
    position: relative;
}

.ActionPlanWrapper .ItemContainer {
    position: relative;
    padding: 6px 8px 12px 24px !important;
}

.ActionPlanWrapper .ItemIconContainer {
    color: #888;
    position: absolute;
    top: 6px;
    left: 3;
    width: 20px;
}

.ActionPlanWrapper .Selected .ItemIconContainer {
    color: #333;
}

.ActionPlanWrapper .ItemContainer .ItemDetail {
    clear: both;
    padding-bottom: 4px;
    width: 100%;
}

.ActionPlanWrapper .ItemContainer .OpenButton {
    float: right;
    width: 20px;
    padding-left: 8px;
}

.ActionPlanWrapper .ItemContainer .ItemDate {
    float: right;
}

.ActionPlanWrapper .ItemContainer .AttachmentInfo {
    padding-top: 4px;
}

.ActionPlanWrapper .ItemContainer .AttachmentInfo i {
    font-size: 12px !important;
    cursor: pointer;
}

.ActionPlanWrapper .Selected {
    background: #eeeeee !important;
    border-top: 1px dotted #D6D6D6 !important;
    border-bottom: 1px dotted #D6D6D6 !important;
}

.ActionPlanWrapper .OpenImage {
    display: none;
    margin-top: -1px;
    cursor: pointer;
}

.ActionPlanWrapper .SubjectText {
    /*text-overflow: ellipsis;*/
    width: 200px;
    white-space: normal;
    /*overflow: hidden;*/
}

.ActionPlanWrapper .BodyText {
    width: 100%;
    word-wrap: break-word;
}
.WPGridContainerWithFooter{
    height: calc(100% - 32px);
}
.WPWebDataGridContainer.FullHeight{
    position: static !important;
}
table.WPGridVue th {
    position: relative;
} 
table.WPGridVue:not(.WPEditableGrid) th, table.WPGridVue:not(.WPEditableGrid) td {
    -webkit-touch-callout: none;
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
} 
table.WPGridVue.WPSortableGrid th.active .arrow {
  opacity: 1;
}
table.WPGridVue.WPSortableGrid th:not(.active):not(.NoSort) > div:first-child:hover .arrow {
    opacity: 0.7;
} table.WPGridVue .OverflowPostInit{
    /* display:none; */
} table.WPGridVue th .arrow {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 4px;
    top: 0;
    border-top: 10px solid #f3f3f3;
    border-bottom: 10px solid #f3f3f3;
    border-left: 6px solid #f3f3f3;
    border-right: 6px solid #f3f3f3;
} table.WPGridVue:not(.WPSortableGrid) th .arrow{
    display:none !important;
} .WPDashboardWidget table.WPGridVue th .arrow {
    border-color: #fff !important;
} table.WPGridVue.WPSortableGrid th .arrow > span {
    position: absolute;
    top: 40%;
    right: -6px;
} table.WPGridVue.WPSortableGrid th .arrow.asc > span {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #333;
} table.WPGridVue.WPSortableGrid th .arrow.dsc > span {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333;
}
table.WPGridVue td.WPGrid_Row, table.WPGridVue tbody.WPGrid_Row > tr > td {
    padding: 3px 2px;
    vertical-align: middle;
}
table.WPGridVue.VerticalAlignTop td.WPGrid_Row, table.WPGridVue.VerticalAlignTop tbody.WPGrid_Row > tr > td {
    vertical-align: top;
} table.WPGridVue td.WPGrid_Row, table.WPGridVue tbody.WPGrid_Row > tr > td.Editable {
    padding: 0 !important;
    position: relative;
} table.WPGridVue td.WPGrid_Row, table.WPGridVue tbody.WPGrid_Row > tr > td.Editable #btnAdvancedSearchDropdown {
    position: absolute;
    right: 0;
} .WPGridVue div.divHeadDrop {
    visibility: hidden;
} .WPGridVue.ColumnDraggingActive div.divHeadDrop{
    visibility: visible
} .WPGridVue th.ColumnDroppingActive div.divFull{
    background-color: #ccc !important;
} .WPGridVue th div.divHeadDrop > div {
    display: none;
    position: absolute; 
    width: 20px; 
    top: 6px; 
    font-size: 14px;
    background-color: rgba(243,243,243,0.8);
    color: #999;
} .WPGridVue th div.divHeadDrop > div:first-child {
    left: 4px; 
    text-align: right;
} .WPGridVue th div.divHeadDrop > div:last-child {
    left: 32px; 
} .WPGridVue th.ColumnDroppingActive div.divHeadDrop > div {
    display: inline;
} .WPGridVue th > div.draggable.dragging{
    padding: 2px;
    display: table-cell;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 999999;
    border: 1px solid #ccc;
    filter: drop-shadow(2px 2px 2px #666);
    top: 20px !important;
} .WPGridVue th > div.draggable.dragging .arrow {
    display: none !important;
} .WPGridVue tr.ColumnGroupRow th {
    text-align: center;
}
.WPGridVue .WPActionSecondaryMenuTag a{
    height: auto !important;
}
th > div.draggable.dragging .arrow {
    display: none !important;
}

table.WPGridVue tbody.WPGrid_Row > tr > td.MeasureColumn.Editable {
    background-color: #fff;
}
table.WPGridVue tbody.WPGrid_Row > tr > td.MeasureColumn.Editable.ReadOnly {
    background-color: #f3f3f3;
} table.WPGridVue tbody.WPGrid_Row > tr > td.MeasureColumn.Editable.EmptyMeasure {
    background-color: Yellow;
} table.WPGridVue td.WPGrid_Row, table.WPGridVue tbody.WPGrid_Row > tr > td input[readonly], table.WPGridVue tbody.WPGrid_Row > tr > td.Editable input, table.WPGridVue tbody.WPGrid_Row > tr > td.Editable input:focus, table.WPGridVue tbody.WPGrid_Row > tr > td.Editable select, table.WPGridVue tbody.WPGrid_Row > tr > td.Editable select:focus, table.WPGridVue tbody.WPGrid_Row > tr > td.Editable textarea, table.WPGridVue tbody.WPGrid_Row > tr > td.Editable textarea:focus, table.WPGridVue tbody.WPGrid_Row > tr > td.Editable button, table.WPGridVue tbody.WPGrid_Row > tr > td.Editable button:focus {
    outline: none;
} table.WPGridVue tbody.WPGrid_Row > tr > td.Editable input, table.WPGridVue tbody.WPGrid_Row > tr > td.Editable select, table.WPGridVue tbody.WPGrid_Row > tr > td.Editable textarea {
    width: 100%;
} table.WPGridVue tbody.WPGrid_Row > tr > td.HorizontalAlignRight input, table.WPGridVue tbody.WPGrid_Row > tr > td.HorizontalAlignRight textarea {
    text-align: right;
    padding-right: 2px;
}
table.WPGridVue td.WPGrid_Row, table.WPGridVue tbody.WPGrid_Row > tr > td.InputFocus {
    border: 2px double #ad71b4 !important;
    background-color: #fff !important;
}
table.WPGridVue td.WPGrid_Row, table.WPGridVue tbody.WPGrid_Row > tr > td input.EditableField.ReadOnlyField {
    color: #999;
}
table.WPGridVue td.WPGrid_Row, table.WPGridVue tbody.WPGrid_Row > tr > td input.EditableField {
    background-color: transparent;
    border: 0px solid transparent;
}
table.WPGridVue td.WPGrid_Row, table.WPGridVue tbody.WPGrid_Row > tr > td, table.WPGridVue tfoot.WPGrid_Header > tr > td, table.WPGridVue thead.WPGrid_Header > tr > th > div:first-child, table.WPGridVue thead > tr.WPGrid_Header > th > div:first-child, table.WPGridVue th.WPGrid_Header > div:first-child, table.WPGridVue div.draggable.dragging {
    overflow: hidden;
    text-overflow: ellipsis;
}
table.WPGridVue td.WPGrid_Row:not(.AllowWrap), table.WPGridVue tbody.WPGrid_Row > tr > td:not(.AllowWrap), table.WPGridVue tfoot.WPGrid_Header > tr > td:not(.AllowWrap), table.WPGridVue thead.WPGrid_Header > tr > th:not(.AllowWrap) > div:first-child, table.WPGridVue thead > tr.WPGrid_Header > th:not(.AllowWrap) > div:first-child, table.WPGridVue th.WPGrid_Header:not(.AllowWrap) > div:first-child, table.WPGridVue div.draggable.dragging {
    white-space: nowrap;
}
table.WPGridVue thead.WPGrid_Header > tr > th, table.WPGridVue thead > tr.WPGrid_Header > th, table.WPGridVue th.WPGrid_Header, table.WPGridVue tfoot.WPGrid_Header > tr > td {
    padding: 4px 2px;
}
    table.WPGridVue thead.WPGrid_Header > tr > th > div > span:first-child, table.WPGridVue thead > tr.WPGrid_Header > th > div > span:first-child {
        display: inline-block;
        text-align: center;
    } table.WPGridVue tfoot.WPGrid_Header > tr > td {
    border-top: 1px solid #dedede !important;
    padding: 5px 2px 4px 2px;
}
table.WPGridVue {
    border-collapse: collapse;
    table-layout: fixed;
} table.WPGridVue * {
    box-sizing: border-box;
} table.WPGridVue:not(.WPEditableGrid), table.WPGridVue:not(.WPEditableGrid) td, table.WPGridVue:not(.WPEditableGrid) th {
    border:1px solid transparent;
}
table.WPEditableGrid .WPGrid_Header, table.WPEditableGrid thead.WPGrid_Header > tr > th, table.WPEditableGrid thead > tr.WPGrid_Header > th, table.WPEditableGrid tfoot.WPGrid_Header > tr > td {
    background-clip: padding-box;
} table.WPGridVue th.Focus {
    background-color: #e0e0e0;
} table.WPGridVue .columnSelector {
    border-right: 2px solid #aaa;
} table.WPGridVue:not(.WPEditableGrid) tfoot.WPGrid_Header > tr > td {
    font-weight: bold;
} table.WPGridVue tfoot.WPGrid_Header td {
    padding-bottom: 4px !important;
} table.WPGridVue td ul.token-input-list-WP {
    background-color: transparent !important;
} table.WPGridVue.WPFilterableGrid th div.filter {
    background-color: transparent !important;
    display: inline-block;
    width: 16px;
    margin-top: -4px;
}
.WPGridVue td .GridCheckBoxContainer{
    width: 100%;
    text-align: center;
    padding-top: 2px;
}
table.WPGridVue.WPFilterableGrid th div.filter > button.ui-multiselect > .ui-icon {
    display: none;
}
table.WPGridVue.WPFilterableGrid th div.filter i {
      color: #bababa;
} table.WPGridVue.WPFilterableGrid th div.filter select.WPGridColumnFilter {
    display: none;
} table.WPGridVue.WPFilterableGrid th div.filter button.ui-multiselect {
    width: 0 !important;
    padding: 0 !important;
    height: 16px !important;
    color: transparent;
    outline: none;
    border: 0px transparent;
    background-color: transparent;
} table.WPGridVue.WPFilterableGrid th div.filter button.ui-multiselect .ui-icon-triangle-2-n-s {
    display: none;
} table.WPGridVue.WPFilterableGrid th div.filter.Filtered i {
    font-weight: bold;
    color: #333;
} .WPGridFilterMenu {
    margin-left: -8px;
    width: 225px !important;
    border: 1px solid #666;
    filter: drop-shadow(2px 2px 2px #666);
} .WPGridFilterMenu .ui-widget-header{
    border: none !important;
} .igg_HeaderCaption {
    padding: 4px 2px;
} .igg_ActiveRowSelector {
    background-image: url(images/Infragistics/ig_treerightarrow.gif);
} .igg_DeletedRow > TD {
    text-decoration: line-through;
    filter: alpha(opacity=50); /*for Internet Explorer 6/7*/
    filter: "alpha(opacity=50)"; /*for Internet Explorer 8*/
    opacity: 0.5;
} .WPFontNormal {
    font-weight: normal !important;
} .WPGrid_Row, tbody > tr.WPGrid_Row > td {
	background-color: #fff;
} .WPGrid_Row, tbody > tr.WPGrid_Row > td.HorizontalAlignRight, .WPGrid_Row, tbody.WPGrid_Row > tr > td.HorizontalAlignRight {
    padding-left: 0px;
	padding-right: 5px;
} .WPGrid_Row, tbody > tr.WPGrid_Row > td.VerticalAlignTop, td.VerticalAlignTop {
    vertical-align: top !important;
} .WPGrid_Row, tbody > tr.WPGrid_Row > td.WPGridWrapText, td.WPGridWrapText {
    white-space: normal !important;
    text-overflow: none !important;
} table:not(.WPEditableGrid) .WPGrid_Row:not(.Loading), table:not(.WPEditableGrid) > tbody.WPGrid_Row:not(.Loading) > tr > td {
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    border-top: 1px transparent;
} table:not(.WPEditableGrid) .WPGrid_Row:not(.Loading), table:not(.WPEditableGrid) > tbody.WPGrid_Row:not(.Loading) > tr:last-child > td {
    border-bottom: 1px transparent;
} table.WPEditableGrid {
    border-collapse:collapse;
    border:1px solid #d0d0d0;
} table.WPEditableGrid > thead > tr > th, table.WPEditableGrid > tbody > tr > td, table.WPEditableGrid > tfoot > tr > td {
    border: 1px solid #d0d0d0;
} table.WPEditableGrid > thead > tr > th.NoBorder, table.WPEditableGrid > tbody > tr > td.NoBorder, table.WPEditableGrid > tfoot > tr > td.NoBorder, td.NoBorder {
    border: none !important;
} table.WPEditableGrid > tfoot > tr > td {
    padding: 0px !important;
    vertical-align: top;
} table.WPEditableGrid > tfoot > tr > td > div {
    /* border-top:1px solid #d0d0d0; */
    padding: 3px 2px;
    height: 100%;
    font-weight: bold;
} table.WPEditableGrid > tfoot > tr.Filtered > td > div {
    /* border-top:1px solid #d0d0d0; */
    font-weight: normal !important;
    font-style: italic;
} table.WPEditableGrid > tfoot > tr > td {
    border-top: 2px solid #ccc;
} table.WPEditableGrid thead th {
    font-weight: normal;
} table.WPEditableGrid .WPGrid_Row, tbody.WPGrid_Row > tr > td:first-child {
} table.WPEditableGrid .WPGrid_Row, tbody.WPGrid_Row > tr > td {
} .WPGrid_Error {
    padding: 6px 10px 12px !important;
    color: #999 !important;
} .WPGrid_Error .WPGrid_ErrorLink {
        padding-left: 12px;
        color: #666 !important;
    } .WPGrid_Error i.fa-exclamation-circle {
        font-size: 13px;
    } .WPGrid_Error .WPGrid_ErrorDetail {
        padding-top: 8px;
        color: #999;
        display: none;
    } .WPGrid_Row, tbody.WPGrid_Row > tr > td, tbody.WPGrid_Row > tr > td > a, tbody.WPGrid_Row > tr > td > span > a, tfoot.WPGrid_Header > tr > td {
        font-size: 12px !important;
    } tfoot.WPGrid_Header > tr > td {
    border-left: 1px solid #dbdbdb !important;
    background-color: #F7F7F7;
}
.WPEditableGrid .WPGrid_Row, .WPEditableGrid tbody.WPGrid_Row > tr > td, .WPEditableGrid tbody.WPGrid_Row > tr > td > a, .WPEditableGrid tfoot.WPGrid_Header > tr > td {
    font-size: 11px !important;
}

table.WPEditableGrid > tfoot div.TotalFilter {
    text-align: center;
    padding: 3px 0px !important;
    display: inline-block;
    width: 100%;
}

table.WPEditableGrid > tfoot a.FilterLink {
    padding-top: 3px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    color: #333 !important;
    text-decoration: none !important;
    display: inline-block;
}

table.WPEditableGrid > tfoot a.FilterLink:hover i {
    display: none;
}

table.WPEditableGrid > tfoot a.FilterLink i {
}

table.WPEditableGrid > tfoot a.FilterLink:hover i.fa-times {
    display: inline;
}

table.WPEditableGrid > tfoot a.FilterLink i.fa-times {
    display: none;
}
/*
table.WPGridVue > tfoot.WPGrid_Header tr {
    position: absolute;
    left: 0;
    bottom: 0;
}
table.WPGridVue > tfoot.WPGrid_Header tr td {
    display: inline-block;
}
*/
table:not(.WPOrder) .WPGrid_Row, tbody.WPGrid_Row > tr > td.WPHeader2, tbody.WPGrid_Row > tr > td.WPHeader2 > a {
    font-size: 18px !important;
}
table:not(.WPOrder) .WPGrid_Row:not(.WPOrder), tbody.WPGrid_Row > tr > td.WPHeader3, tbody.WPGrid_Row > tr > td.WPHeader3 > a {
    font-size: 16px !important;
}
.igg_EditCell input, tr.igg_AddNewRow > td {
    font-size: 12px;
    padding-left: 2px !important;
} .WPGrid_Row_Alternate {
	/*background-color: #f2f5f9;*/
} .WPGrid_Row_Selected {
	background-color: #ad71b4;
}
    .WPGrid_Row_Selected td, .WPGrid_Row_Selected div, .WPGrid_Row_Selected div h1, .WPGrid_Row_Selected span, .WPGrid_Row_Selected a, .WPGrid_Row_Selected i, td.WPGrid_Row_Selected, .WPGrid_Row_Selected td:not(.InputFocus) input {
        background-color: #ad71b4 !important;
        color: #fff !important;
    } .igg_Header {
    border: 0px !important;
}
.WPGrid_Header, thead.WPGrid_Header > th, thead > tr.WPGrid_Header > th {
    background-color: #f3f3f3;
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px dotted #e6e6e6 !important;
    text-align: left;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#eeeeee' , endColorstr= '#f3f3f3' );
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #eeeeee,  #f3f3f3);*/
}
    .WPGrid_Header, thead.WPGrid_Header > tr > th, thead > tr.WPGrid_Header > th, thead.WPGrid_Header > tr > th div, thead > tr.WPGrid_Header > th div {
        font-size: 12px !important;
    } .WPGrid_GroupHeaderRow, .WPGrid_GroupHeaderRow TD {
	font-family: Arial, Helvetica, Calibri,"Trebuchet MS", sans-serif;
	background-color: #fff;
	background: none !important;
	font-size: 14px;
	padding: 8px;
	text-transform: uppercase;
	padding: 12px 6px 6px 4px !important;
	border-top: 1px solid #CCC !important;
	border-bottom: 1px dotted #ececec;
	font-weight: bold;
} .WPGrid_GroupSubHeaderRow, .WPGrid_GroupSubHeaderRow TD {
	font-family: Arial, Helvetica, Calibri,"Trebuchet MS", sans-serif;
	background-color: #fff;
	background: none !important;
	font-size: 14px;
	padding: 8px 0px;
}
th.WPGrid_Header, thead.WPGrid_Header > th, thead > tr.WPGrid_Header > th {
    border-bottom: 1px solid #e6e6e6 !important;
} .WPGrid_Footer, .WPDashboardWidget tr:last-child > td.GridWithRollup {
    background-color: #f3f3f3;
    border-left: 1px solid #dbdbdb;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #aeb1b5;
	font-size: 12px !important;
	text-align: right;
	padding-right: 4px;
} .WPGrid_RowSelector {
    border-width: 0px;
} .WPGrid_EditCell TD {
    border: 1px solid #bbb;
}
.WPGrid_Footer TD, .WPGrid_Header td, .WPGrid_Header th {
    padding-right: 6px;
}
.WPWebDataGridContainer .WPGrid_Pager {
    height: 32px;
}
.WPGrid_Pager {
    background-color: #f3f3f3 !important;
	border-left: 1px solid #dbdbdb;
	border-top: 2px solid #e6e6e6 !important;
	font-size: 12px !important;
	text-align: left;
	padding: 4px !important;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#c7cacf), to(#dddddd)) !important;
	background: -moz-linear-gradient(top,  #c7cacf,  #dddddd) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#c7cacf' , endColorstr= '#dddddd' ) !important;*/
} .WPGrid_Pager .RecordCount {
    float: left;
    padding: 4px 0;
    max-width: 100%;
    overflow: hidden;
} .WPGrid_Pager .RecordCount .Disabled a, .WPGrid_Pager .RecordCount .Disabled i {
    color: #ccc !important;
} .WPGrid_Pager .RecordCount .Disabled a:hover {
    text-decoration: none !important;
    cursor: default;
} .WPGrid_Pager .RecordCount .Disabled a:hover {
    text-decoration: none !important;
    cursor: default;
} .WPGrid_Pager .PageLinks {
} .WPGrid_Pager .PageLinks > a {
    margin: 2px;
    padding: 1px 4px;
    color: #666 !important;
    text-decoration: none !important;
} .WPGrid_Pager .PageLinks > a.Selected {
    border: 1px solid #999 !important;
    border-radius: 4px;
} .WPGrid_Pager .Filter {
    float: right;
    padding: 0 4px 0 8px;
} .WPGrid_Pager .Filter input[type='text'] {
    border: 1px solid #ddd;
    padding-left: 2px;
} .WPGrid_Pager a {
    color: #328dde !important;
} .Filter input.Matched {
    background-color: Yellow;
    color: #000;
} .Filter input.Unmatched{
    background-color: darkred;
    color: #fff;
}
.WPLoader .Select input[type=checkbox]{
    opacity:0.3;
}
.WPGridLoadingCell {
    background-color: #eee;
    height: 16px;
    margin: 0 0 1px 0;
    width: 75%;
    /*
    background: linear-gradient(90deg, #eee, #fafafa);
    background-size: 400% 400%;
    -webkit-animation: LoadingAnimation 3s ease infinite;
    -moz-animation: LoadingAnimation 3s ease infinite;
    -o-animation: LoadingAnimation 3s ease infinite;
    animation: LoadingAnimation 3s ease infinite;
        */
} @-webkit-keyframes LoadingAnimation {
    0%{background-position:74% 0%}
    50%{background-position:27% 100%}
    100%{background-position:74% 0%}
} @-moz-keyframes LoadingAnimation {
    0%{background-position:74% 0%}
    50%{background-position:27% 100%}
    100%{background-position:74% 0%}
} @-o-keyframes LoadingAnimation {
    0%{background-position:74% 0%}
    50%{background-position:27% 100%}
    100%{background-position:74% 0%}
} @keyframes LoadingAnimation {
    0%{background-position:0% -100%}
    50%{background-position: 100% 100%}
    100%{background-position:0% -100%}
}
.WPChartLoader > div {
    width: auto !important;
    height: 80% !important;
    margin: 16px 24px;
    background: linear-gradient( 90deg, #eee, #fafafa);
    background-size: 400% 400%;
    -webkit-animation: LoadingAnimation 3s ease infinite;
    -moz-animation: LoadingAnimation 3s ease infinite;
    -o-animation: LoadingAnimation 3s ease infinite;
    animation: LoadingAnimation 3s ease infinite;
    /* border-radius: 10px;*/
}
  .WPQuickSearchResult {
    padding: 3px 0px 6px 0px;
    /*border-bottom: 1px dotted #ddd;*/
    border-bottom: 1px solid #ddd;
    cursor: hand;
} .WPQuickSearchResult h2 i{
    font-size: 12px !important;
} .WPQuickSearchResultReadOnly {
    filter: grayscale(1.0);
    opacity: 0.7;
} .WPBoldText {
    font-weight: bold;
} .Normal {
    font-size: 1em;
} .NormalSmall {
    font-size: .9em;
} .NormalBold {
    font-weight: bold;
    font-size: 1.1em;
} .WPQuickSearchResult .Normal {
    color: Gray;
} .WPQuickSearchResult H1 {
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
} .WPQuickSearchResult H2 {
    font-size: 1.1em;
    font-weight: normal;
    color: #444;
} .WPQuickSearchResult.WPGrid_Row_Selected H2 {
    color: #fff !important;
} .WPQuickSearchResult h2.AccountType0 i, .WPQuickSearchResult h2.AccountType1 i, .WPQuickSearchResult h2.AccountType2 i, .WPQuickSearchResult h2.AccountType3 i{
    font-weight: bold;
} .WPQuickSearchResult h2.AccountType0 i, .WPQuickSearchResult h2.AccountType4 i {
    color: #DBBE64;
} .WPQuickSearchResult h2.AccountType1 i{
    color: #c33;
} .WPQuickSearchResult h2.AccountType2 i, .WPQuickSearchResult h2.AccountType3 i, .WPQuickSearchResult h2.AccountType7 i {
    color: #AD755A;
} .WPQuickSearchResult H3 {
    font-size: 1.05em;
    font-weight: bold;
    color: #444;
} .WPExchangeBanner {
    clear: both;
    background-color: #f2f0f8;
    color: #9581c0 !important;
    padding: 4px 0px 5px 6px;
    text-align: center;
    margin-bottom: 8px;
}
.WPHelpText {
    font-style: italic;
    color: #888;
    white-space: nowrap;
    font-size: 10px;
}
.WPAlertRow {
    min-height: 20px;
    padding: 6px 0 0 0;
    vertical-align: top;
    clear: both;
}

.WPAlertRow .StatusIcon {
    width: 16px;
    padding-top: 2px;
    font-size: 13px;
    color: #ccc;
}
.WPAlertRow .StatusIcon i.fas {
    color: #666;
}

.WPAlertRow .StatusIcon i.far {
    color: #666;
}

.WPAlertRow > div:not(.WPClearPanel) {
    float: left;
}

.WPAlertRow .Select {
    width: 19px;
    padding-left: 6px;
    padding-top: 4px;
}

.WPAlertRow.OverrideDisable .WPInlineSpan span, .WPAlertRow.OverrideDisable select, .WPAlertRow.OverrideDisable input[type=text] {
    text-decoration: line-through;
    color: #aaa;
}
.WPAlertGrid .WPAlertRow{
    padding-bottom: 6px;
    padding-left: 4px;
}
.WPAlertGrid .WPAlertRow .HelpText {
    color: #444;
    padding-top: 6px;
    padding-bottom: 8px;
}
.WPAlertGrid .WPAlertRow .HelpText .HelpDiagnostic {
    color: #999;
    font-family: monospace;
    padding-top: 6px;
    padding-bottom: 6px;
}
.WPAlertGrid .WPAlertRow .HelpText span:first-child {
    white-space: pre-wrap;
}
.WPAlertGrid .WPAlertRow.Filtered, .WPAlertGrid .WPAlertSection.Filtered {
    display: none;
}
.WPAlertGrid .WPAlertRow > div.AlertLabel {
    padding-top: 2px;
    width: 300px;
}
.WPAlertGrid .WPAlertRow > div.AlertLabel > span:first-child {
    font-weight: bold;
}
.WPAlertGrid .WPAlertRow > div.AlertControl {
    width: 300px;
}
.WPAlertGrid .WPAlertRow > div.AlertControl input[type=text], .WPAlertGrid .WPAlertRow > div.AlertControl select {
    width: 200px;
}
.WPAlertGrid .WPAlertRow > div.AlertControl textarea {
    width: 400px;
}
.WPAlertNavigationSection:first-child {
    margin-top: 12px;
}
.WPAlertNavigationSection {
    padding: 6px;
    margin: 4px 2px 0 2px;
}
.WPAlertNavigationSection a {
    font-size: 13px;
    text-decoration: none !important;
}
.WPAlertNavigationSection.ActiveSection {
    font-weight: bold;
    background-color: rgb(173, 113, 180);
    /* background-color: #CCE0F4; */
}
.WPAlertNavigationSection.ActiveSection a {
    color: #fff !important;
    font-weight: bold;
}
.WPAlertNavigationSection.Disabled a {
    color: #ccc !important;
}
i.WPInlineHelp {
    color: #aaa;
}
i.WPInlineHelp.HelpIconOn{
    color: #333;
    font-weight: bold;
}
.WPInlineSpan {
    display: inline-block;
    min-height: 24px;
    vertical-align: top;
    padding-right: 4px;
}

.WPInlineSpan > span {
    padding-top: 3px;
    display: inline-block;
}

.WPInlineSpan .EntityLocateControl input.WPTextBox, .WPInlineSpan .EntityLocateControl select, .WPInlineSpan input[data-numeric='1'] {
    width: 60px !important;
}

  .WPNotificationPane .WPExchangeBanner {
    background-color: #8F83AA;
    color: #fff !important;
    margin-top: 10px;
} div.LineItemLostBusinessBanner, .WPInactiveBanner {
    clear: both;
    margin: 0px 0px;
    background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent);
    background-size: 14px 14px;
    font-weight: bold;
    color: #000 !important;
    font-size: 12px !important;
    padding: 6px 12px 6px 12px;
} div.LineItemLostBusinessBanner {
    margin: 10px 0px;
} .WPStrategicAccountBanner {
    clear: both;
    border: 1px solid #666;
    background-color: rgb(165, 191, 225);
    color: #333;
    padding: 1px 0px 2px 6px;
    text-align: center;
    margin: 10px;
} .WPStrategicAccountBanner a {
    color: #777 !important;
    padding: 0px 16px 0px 12px;
    background: url(images/icon_link.png);
    background-repeat: no-repeat;
    background-position: right;
} .InputPair {
	width: 332px;
} .InputPairWide {
    width: 520px;
} .InputControlWide {
    width: 310px;
} .InputPair, .InputPair_Horizontal, .InputPair_Extended {
    float: left;
} .InputPair:not(.InputPair .InputPair), .InputPair_Horizontal, .InputPair_Extended {
    padding: 3px 8px 2px 1px;
} .InputLabel:not(.InputLabelWide) {
	width: 120px;
} .InputLabelWide {
    width: 100%;
    padding: 4px 4px 0 0;
} .InputLabel, .InputLabel_Horizontal {
    float: left;
    color: Gray;
} .InputLabel:not(.InputLabelWide), .InputLabel_Horizontal:not(.InputLabelWide) {
    padding: 4px;
}
.WPPrimaryInputControl, label.WPPrimaryInputControl, .InputControl label.WPPrimaryInputControl {
    font-size: 1.4em;
}
.InputControl {
    width: 200px;
    min-height: 22px;
}
.InputControlWithNavLink {
    width: 222px;
}
.InputPairWide > .InputControl {
    width: 380px;
} .InputControl pre {
    font-size: 1em;
} .InputControl label {
	font-size: 11px;
} .WPOutlookPopup .InputControl label {
	font-size: 13px;
} .InputControl span label {
    padding-right: 4px;
} .InputControl, .InputControl_Horizontal {
	float: left;
	padding: 2px;
	font-size: 1.2em;
}
.InputControl .LabelSection {
    padding-top: 2px;
    padding-right: 8px;
    line-height: 1.2;
}
.GridlinesContainer .InputControlTable > tbody > tr > td:not(.NoGridLines),
.GridlinesContainer .InputControlTable > tfoot > tr > td:not(.NoGridLines),
.GridlinesContainer .InputControlTable > thead > tr > th:not(.NoGridLines) {
    border: 1px solid #ddd;
    padding: 3px 2px;
}
.GridlinesContainer .InputControlTable > tbody > tr > td input[type=text],
.GridlinesContainer .InputControlTable > tbody > tr > td span.select2-selection,
.GridlinesContainer .InputControlTable > tbody > tr > td .token-input-list-WP,
.GridlinesContainer .InputControlTable > tbody > tr > td button.ui-multiselect,
.GridlinesContainer .InputControlTable > tbody > tr > td input[type=password],
.GridlinesContainer .InputControlTable > tbody > tr > td select,
.GridlinesContainer .InputControlTable > tbody > tr > td textarea,
.GridlinesContainer .InputControlTable > tfoot > tr > td input[type=text],
.GridlinesContainer .InputControlTable > tfoot > tr > td span.select2-selection,
.GridlinesContainer .InputControlTable > tfoot > tr > td .token-input-list-WP,
.GridlinesContainer .InputControlTable > tfoot > tr > td button.ui-multiselect,
.GridlinesContainer .InputControlTable > tfoot > tr > td input[type=password],
.GridlinesContainer .InputControlTable > tfoot > tr > td select,
.GridlinesContainer .InputControlTable > tfoot > tr > td textarea {
    border: none;
    outline: none;
}
.InputControlTable {
    margin-bottom: 12px;
}
.InputControlTable > tbody > tr > td, .InputControlTable > thead > tr > th {
    vertical-align: top;
}
.InputControlTable .InputLabelColumn {
    padding: 4px;
    min-width: 120px;
    color: gray;
    font-size: 11px;
}
.InputControlTable .InputLabelColumn > span {
    font-size: 11px;
}

.InputControlTable th:not(.WPGrid_Header, .NoGridLines) {
    font-weight: normal;
    width: 100px;
    min-width: 100px;
    text-align: left;
    color: #999;
} .InputControlTable td > span, .InputControlTable td > a {
    font-size: 1.2em;
} .InputControlTable td.Total > span {
    font-weight: bold;
} .InputControl .InputControl {
    padding: 2px 0px;
} .InputControl a {
	font-size: 1.0em;
} td.AnswerCell1 div.InputControl {
    min-width: 200px;
    width: auto;
} td.AnswerCell1 > div.InputControlFixed {
    width: 200px;
} td.AnswerCell1 div.InputControl input[type="text"],td.AnswerCell1 select {
    width: 200px;
} .WPContentPanel {
    padding-left: 10px;
    padding-right: 20px;
    padding-bottom: 16px;
    float: left;
} .WPNotificationPane .WPContentPanel {
    padding-left: 0;
    padding-right: 0;
} .AttributesPanel .ColumnCount1 .AnswerCell1 {
    width: 215px;
} .AttributesPanel .ColumnCount2 .AnswerCell1 {
    width: 247px;
} .AttributesPanel .WPContentPanel {
    margin-top: 16px;
} .WPCondensedInputPair {
    clear: both;
	float: left;
	padding: 3px 0px;
} .WPCondensedInputPair .WPCondensedInputPair {
    clear: both;
	float: left;
	padding: 0px 0px;
} .WPCondensedInputLabel {
	float: left;
	width: 70px;
    max-width: 70px;
	color: Gray;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-top: 3px;
} td.WPCondensedInputLabel{
	width: 70px;
	min-width: 70px;
} .WPCondensedInputControl .WPInputControlNested {
    margin-left: -70px;
} .WPCondensedInputControl {
    float: left;
} .WPCondensedInputControl > .WPCondensedInputControl {
    float: none;
} .WPCondensedInputControl .LinkToItem {
    width: 220px;
    clear: both
} .ButtonStrip {
    width: 600px;
    border: 1px solid silver;
    background-color: #f0f0f0;
    padding: 2px;
} .ui-autocomplete {
	max-height: 200px;
	overflow-y: auto; /* prevent horizontal scrollbar */
	overflow-x: hidden; /* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
    /* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
    * html .ui-autocomplete {
	height: 200px;
} .ul.token-input-list-WP {
    background-color: #ffffff;
} ul.token-input-list-WP.SingleSelect li.token-input-token-WP p {
    font-size: 11px;
} div.token-input-dropdown-WP{
    max-height: unset !important;
} .WPQuickSearch_Container, .WPPrimarySearch_Container {
    position: relative;
    clear: both;
    border: 1px solid #ccc;
    height: 20px;
    padding: 3px;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(ie-css3.htc);
} .WPQuickSearch_TextBox, .WPPrimarySearch_TextBox {
    border: 0px solid transparent;
    background: transparent;
    font-size: 1.2em;
    outline: none !important;
} .WPPrimarySearch_Container {
    margin: 18px 0 10px;
    height: 30px;
    border-width: 2px;
    padding: 6px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 1px 0px inset;
} .WPPrimarySearch_Container i.fa-times-circle {
    position: absolute;
    right: 10px;
    top: 15px;
    color: #818181;
} .WPPrimarySearch_Container.Empty i.fa-times-circle {
    display: none;
} .WPPrimarySearch_TextBox {
    font-size: 20px;
    /*font-weight: bold;*/
    padding-right: 44px;
} .WPPrimarySearch_TextBox.Empty {
    font-weight: normal;
} .ui-iguploadmultiple {
    overflow: visible !important;
} .ui-igupload-button-clear-all span {
    display: none;
} .Inclusive_cb {
    margin-left:10px;

} .Inclusive_cb > label {
    vertical-align:text-top;

} .WPTimer {
    text-align: center;
    padding: 6px 0;
} .WPTimer a {
    font-size: 24px;
    font-weight: bold;
    padding: 0 12px;
} .WPTimer a:hover {
    background-color: #ccc;
    color: #333;
} .WPTimer a i {
    width: 30px;
    text-align: center;
} .WPTimer a:hover {
    text-decoration: none !important;
} .WPTimer .TimerStarted {
    display: normal;
    transform: rotate(-45deg);
} .WPTimer:not(.Stopped) .TimerStopped {
    display: none;
} .WPTimer.Stopped .TimerStarted, .WPTimer:not(.Stopped) a:hover .TimerStarted {
    display: none;
} .WPTimer.Stopped .TimerStopped, .WPTimer:not(.Stopped) a:hover .TimerStopped {
    display: inline-block !important;
    color: red;
    transform: rotate(225deg);
 } .WPGlow {
    animation:blinkingText 2s infinite;
} @keyframes blinkingText{
	0%{opacity: 1; color: #fff}
	50%{opacity: 0.5; color: lightgreen}
	100%{opacity: 1; color: #fff}
}
    /***************************DROPDOWN BUTTON OPTIONS******************************************/
    .NoDropDown{
    color: #888 !important;
    font-style: italic;
} .WPDropDownLink {
    color: #888 !important;
} a.WPDropDownLink:hover {
    text-decoration: none !important;
} .WPDropDownLink i.fa-caret-down {
    padding-left: 3px;
} .WPDropDown_DropDown_Option A, .WPDropDown_DropDown_Option A:VISITED {
    color:#666 !important;
} .WPDropDownButtonWrapper A.WPMainDropDownButton, .WPDropDownButtonWrapper A:hover.WPMainDropDownButton {
	margin-right: 0px !important;
	border-top-left-radius: 3px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 3px !important;
    -moz-border-radius-bottomright: 0px 0px !important;
	-moz-border-radius-bottomleft: 3px 3px !important;
	-moz-border-radius-topright: 0px 0px !important;
	-moz-border-radius-topleft: 3px 3px !important;
} .WPDropDownButtonWrapper A.WPDropDownButton, .WPDropDownButtonWrapper A:hover.WPDropDownButton {
    border-left: 0px solid #ffffff !important;
	border-top-left-radius: 0px !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 0px !important;
    -moz-border-radius-bottomright: 3px 3px !important;
	-moz-border-radius-bottomleft: 0px 0px !important;
	-moz-border-radius-topright: 3px 3px !important;
	-moz-border-radius-topleft: 0px 0px !important;

	margin-right: 3px !important;
	width: 20px !important;
	min-width: 22px;
	position:relative;
	padding: 3px 3px 3px 3px;
} .WPDropDownButtonWrapper {
    position:relative;
}
.WPDropDownButton_DropDown, .ui-multiselect-menu {
    display: none;
    position: fixed !important;
    border: 1px solid silver !important;
    border-top-left-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -webkit-border-top-left-radius: 0px !importance;
    border-top-right-radius: 0px !important;
    -moz-border-radius-topright: 0px !important;
    -webkit-border-top-right-radius: 0px !importance;
    border-bottom-right-radius: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    -moz-border-radius-leftright: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    background-color: White;
    top: 24px;
    padding: 10px;
    z-index: 99999;
    /*
    -moz-box-shadow: 1px 1px 3px #ccc;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;*/
} A.WPDropDownButton {
    padding: 0px;
} A.WPDropDownButton img {
    padding: 0px;
    margin: -2px 2px 0px -2px;
    text-align: right;
} .WPDropDownButton_DropDown_Option A {
    text-align: left;
    float: left !important;
	background: none !important;
	filter: none !important;
	margin: 1px 0px !important;
	border: 0px !important;
	font-weight: bold !important;
	font-size: 11px !important;
	margin-right: 0px !important;
	position: relative !important;
	line-height: 16px !important;
	height: 16px !important;
	color: #666 !important;
} .WPDropDownButton_DropDown_Option a:visited, .WPDropDownButton_DropDown_Option a:hover {
    color: #666 !important;
} .WPDropDownButton_DropDown_Option input {
    float: left;
} .WPDropDownButton_DropDown_Option {
    clear:both !important;
    white-space: nowrap;
    margin: 0px !important;
    border: 0px !important;
} .WPDropDownButton_DropDown_Option a span {
    padding-left: 4px !important;
    padding-right: 4px !important;
    color: #666 !important;
    text-shadow: none !important;
    text-decoration: none !important;
} .WPCurrencyList a.dropdown-item {
    display: block;
    padding-top: 6px;
    padding-left: 4px;
} .WPCurrencyList a.dropdown-item:first-child {
    padding-top: 0px !important;
} .WPAjaxDropDownList {
    display: block;
    border: 1px solid #999;
    padding: 3px;
} .WPAjaxDropDownList a.dropdown-item {
    display: block;
    padding-top: 6px;
    padding-left: 4px;
} .WPAjaxDropDownList .WPAjaxDropDownList_Loading {
    padding: 0px 2px;
    font-style: italic;
} .WPAjaxDropDownList .WPAjaxDropDownList_Loading > div {
    color: #666;
    float: left;
} .WPAjaxDropDownList a.dropdown-item:first-child {
    padding-top: 0px !important;
}
    /*********************************************************************/
    .InputControl .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
	text-decoration:none;
	color:#666 !important;
	text-shadow:1px 1px 0px #ffffff;
} .ui-igupload-progress-container {
    border-radius: 0px !important;
} .WPRadioLabelSpace {
    margin-bottom: 5px;
} .WPRadioLabelSpace td, .RadioButtonContainer td {
    white-space: nowrap;
} .WPRadioLabelSpace td label, .RadioButtonContainer td label {
    margin-right: 12px;
    white-space: nowrap;
} .WPRadioButtonList td, .WPCheckBoxList td {
    white-space: nowrap;
} .WPRadioButtonList label, .WPCheckBoxList label {
    padding-right: 8px;
} .WPRadioButtonClear {
    display: inline-block;
    float: right;
    padding: 1px 0 0 8px;
    font-size: 11px;
    color: #999;
    cursor: pointer;
} .WPTextBox {
    color: black;
    z-index: 2;
} .WPTextBox_LabelText {
	color: Silver;
	white-space: nowrap;
	text-align: left;
} .WPTextBox_Numeric {
    text-align: right;
    outline: none;
} .WPTextBox_ReadOnly{
    border: 1px solid #eee;
} .WPTextBoxHeader {
    font-size: 1.3em !important;
    font-weight: bold;
} .WPTextBoxDisabled{color: Gray; background-color: #f0f0f0;} .WPDisabledPanel, .WPDisabledPanel div, .WPDisabledPanel input, .WPDisabledPanel select {
    background-color: rgb(243, 243, 243) !important;
} .WPTextBox_Container{position: relative; } .WPTextBox_Container label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: text;
} .WPTextBox_Container label .WPTextBox_LabelText, .WPQuickSearch_Container i {
    padding: 1px;
    filter: "alpha(opacity=50)"; /*for Internet Explorer 8*/
    filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
} .WPTextBox_LabelText_MultiLine {
    padding-right: 18px;
} .WPTransparentTextBox {
    border: 1px solid Transparent;
    background-color: transparent;
    outline: none !important;
} .WPLinkButton_Default{position: relative; display:inline-block;} .WPLinkButton_Disabled{ opacity: 0.4; filter: alpha(opacity = 40); z-index: 999999; /*position: absolute; top:0; left:0;*/} .WPLinkButton_Disabled a img{ opacity: 0.4; filter: alpha(opacity = 40);} .WPLinkButton_Default a, .WPLinkButton_Default a:hover, .WPLinkButton_Default a:visited{text-decoration: none !important;} .WPLinkButton_Default a img{outline:0;border:0; position: absolute; left: 8px !important; } .WPLinkButton_Default a i, .WPLinkButton_Default button i {
    padding-right: 5px;
} .WPToggleButton a i {
    padding-right: 2px;
} .WPToggleButton > a:not(:last-child) {
    padding-right: 10px !important;
} .ButtonImageRightAlign a i, .ButtonImageRightAlign button i {
    padding-right: 0px !important;
    padding-left: 5px !important;
} .WPLinkButton_Default a.NoText i, .WPLinkButton_Default button.NoText i {
    padding-right: 0px !important;
    margin-top: 0;
    line-height: 16px !important;
} .WPLinkButton_Default a span{padding-left: 20px !important;} .WPLinkButton_Default a span.NoPadding {
    padding-left: 0px !important;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 90px;
} .WPLinkButton_Default a span.NoImage {
    padding-left: 0px !important;
    white-space: nowrap;
} .WPLinkButton_Default .dropdown-menu a span{padding-left: 4px !important;} .WPLinkButton_Default .dropdown-menu a i{width: 8px !important;} .WPLinkButton_Blanket {position: absolute;} .WPExternalLink {
    float: right;
    padding: 0 0 0 8px;
    cursor: pointer;
    color: #888;
} .WPLinkButton_Default > .btn-group{
    display: flex;
} .ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
} .FlexButtonRow {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
} .FlexButtonRow > *:last-child {
        flex-grow: 1;
    } .FlexButtonRow .WPActionToolbar {
        float: none;
        display: flex;
    } .FlexButtonRow .HeaderText, .FlexButtonRow .SubTitle {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    } .FlexButtonRow .HeaderInfoSection{
        overflow: hidden;
    } .WPActionToolbarContainer .SubHead{
    padding-right: 0;
} .Button_Ribbon {
    /*e5e9ed
    eceff2
    e3e6e8

    a5bfe1
    b3c9e6

    background: -moz-linear-gradient(top, #ffffff 0%, #eceff2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eceff2));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#ffffff' , endColorstr= '#eceff2' );
    */
    background-color: #f3f3f3 !important;
    border-bottom: 1px solid #e6e6e6 !important;
    /*position: relative !important;*/
} .WPPrimaryRadioButtonList label {
    font-weight: bold !important;
    padding-right: 10px;
} .WPCard_Wrapper {
    padding-top: 4px;
    float: left;
    position: relative;
} .WPCard_View {
    clear: both;
    background-color: #e5e9ed;
    border: 1px solid #a5bfe1;
    padding: 7px 10px 10px 10px;
    position: relative;
    -moz-border-radius: 0px;
    border-radius: 0px !important;
    -moz-box-shadow: 0px 2px 3px #ccc;
    -webkit-box-shadow: 0px 2px 3px #ccc;
    box-shadow: 0px 2px 3px #ccc;
}
    .WPCard_View.Flat {
        background-color: #fbfbfb;
        border: 0px !important;
        padding: 7px 10px 10px 10px;
        position: relative;
        border-radius: 3px !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }  
  
  .WPCard_Detail {
    float: left;
    padding: 2px 3px 2px 10px;
    width: 75%;
}

.Break_Word {
    word-wrap: break-word;
}
.WPCard_Image {
    border: 1px solid silver;
    -moz-border-radius: 5px;
    border-radius: 5px !important;
    height: 68px;
    width: 68px;
    background-color: #ffffff;
    padding: 2px;
    margin: auto;
    text-align: center;
    position: relative;
} .WPCard_Image DIV Img {
    margin-top: 1px;
    margin-left: 1px;
    vertical-align: middle;
} .WPCard_View H1 {
    font-size: 1.5em;
    font-weight: bold;
} .Side_Panel_Results, .WPBackground_Gradient {
    height: 100%;
    background-color: #f3f3f3 !important;
    border: 0px !important;
    /*background-color: #dddddd !important;*/
    background: -moz-linear-gradient(top,  #f3f3f3 0%, #ffffff 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#ffffff)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%) !important; /* IE10+ */
    background: linear-gradient(top,  #f3f3f3 0%,#ffffff 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ) !important; /* IE6-8 */
    /*-webkit-overflow-scrolling: touch;  iOS5 */
} .Side_Panel_Results_NoGradient {
        /*background: #f8f8f8 !important;*/
        /*background-color: rgb(252, 252, 252) !important;*/
    } .WPNotificationPane .Side_Panel_Results {
    background-color: #555 !important;
    background: none !important;
} .WPNotificationPane .NotificationSearchResultHeader {
    background-color: #444;
} .WPNotificationPane .NotificationSearchResultSubHeader {
    background-color: #444;
} .WPNotificationPane .MenuSelection {
    border: 1px solid #666;
    background-color: #444;
} .WPNotificationPane .BoxDisplay {
    background: #444 !important;
    border: 1px solid #666 !important;
} .NotificationPaneHeader {
    position:fixed; background-color: #555; width: 100%;height: 72px;top: 0; z-index: 3;
} .NotificationPaneResults {
    margin-top:72px;
} .SearchResults_Empty {
    background: #f3f3f3 !important;
    font-size: 9px;
    padding: 10px;
    color: Grey;
} .WPInactiveRow {
    color: #777;
} .WPInactiveRow div, .WPInactiveRow a, .WPInactiveRow input, .WPInactiveRow select, .WPInactiveRow td, .WPInactiveRow th, .WPInactiveRow textarea, .WPInactiveRow button {
    color: #777;
} .Side_Panel {
    /*background-color: #e5e9ed !important;*/
    background-color: rgb(243,243,243) !important;
    border-top: 1px solid #dddddd;
    /*border-bottom: 1px solid #dddddd;*/
} .Side_Panel_NoBorders {
    background-color: #e5e9ed !important;
} .White_Background {
    background-color: #ffffff !important;
} .LabelScreen_NoGradient {
    background-color: #f3f3f3 !important;
} .WPDefault_LabelScreen {
    background-color: #F7F9FC;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 100%) !important;/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)) !important;/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%) !important;/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%) !important;/* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%) !important;/* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f3f3f3 100%) !important;/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ) !important;/* IE6-8 */

} .WPSplash {
    clear: both;
    float: none;
    text-align: center;
    margin: auto;
    margin-top: 60px;
    position: relative;
    width: 100%;
    background-color: #fff;
} .WPSplashSingleColumn {
    margin-top: 40px !important;
} .WPSplashInner {
    margin: auto;
    width: 700px;
    text-align: left;
    border: 1px solid #ddd;
    padding: 20px 30px 30px 30px;
    overflow: auto;
    border-radius: 3px;
    /*-moz-border-radius: 15px;
    border-radius: 15px !important;
    -moz-box-shadow: 0px 1px 5px #ccc;
    -webkit-box-shadow: 0px 1px 5px #ccc;
    box-shadow: 0px 1px 5px #ccc;*/
    box-shadow: none !important;
    overflow: hidden;
} .WPSplashInner > div.Content {
    padding: 0px 8px 2px;
    width: 640px;
    margin-top: -4px;
} .WPSplashSingleColumn .WPSplashInner {
    width: 460px !important;
} .WPSplash h1 {
    margin-top: 4px;
    margin-bottom: 18px;
    color: #333;
    font-size: 26px;
    font-weight: bold;
} h2, .WPHeader2 {
    color: #111;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
} h1 > a, h2 > a {
    font-size: inherit;
} .WPSplash div {
    color: #999;
    font-size: 18px;
} .WPSplash .WPSplashContent {
    padding: 30px 0px 0px 0px;
    float: left;
    text-align: left;
} .WPSplashSingleColumn .WPSplashContent {
    padding: 14px 0px 0px 0px !important;
} .WPSplash .WPSplashContent .ContentImage {
    float: left;
} .WPSplash .WPSplashContent .ContentImage i {
    padding-left: 20px;
    font-size: 36px;

} .WPSplash .WPSplashContent .Content {
     float: left;
     width: 240px;
     padding-left: 16px;
 } .WPSplash .WPSplashContent .Content DIV, .WPSplash .WPSplashContent .Content DIV A, .WPSplash .Content DIV, .WPSplash .Content DIV A {
     font-size: 14px;
 } .WPSplash .WPSplashContent .Content DIV .WPActionPrimaryMenuTag A {
     font-size: 11px !important;
 } .WPSplash .Content DIV UL {
     padding:0px !important;
     margin:0px !important;
 } .WPSplash .Content DIV UL LI {
     padding:0px !important;
     margin:0px !important;
 } .WPSplash .WPSplashContent .NonFinalColumn {
     padding-right: 40px;
 } .WPSplash.SplashTwoColumn .wpListText {
    width: 240px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
} .WPSplash.SplashTwoColumn .WPViewAll {
    float: left;
    padding-top: 8px;
} .WPSplash .wpListSubHead {
    padding: 6px 0 2px;
} .WPSplash .wpListSubHead > span {
    color: #333;
    font-weight: bold;
} .WPSplash span.EventDate {
    width: 60px;
    display: inline-block;
} @media only screen and (min-width: 1200px) {
    .WPSplashInner {
        width: 1100px;
    }

    .WPSplashInner > div.Content {
        width: 840px;
    }

    .WPSplashSingleColumn .WPSplashInner {
        width: 860px !important;
    }

    .WPSplash .WPSplashContent .Content {
        width: 440px;
    }

    .WPSplash.SplashTwoColumn .wpListText {
        width: 440px;
    }
}
    /*NEW GRID*******************************************************************************/
    .WPGridWrapper {
    position: relative;
} .WPGridDefault td {
    border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	padding: 2px 5px;
} .WPGridDefault th {
	/* appearance */
    border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	/* size */
	padding: 2px 5px;
	} .WPGridDefault {
	/* text */
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	} .WPGridDefault tbody tr td {
	color: #262c31;
	font-size: 11px;
	border-top: 0px solid silver !important;
	background-color: #ffffff;
	} .WPGridDefault tbody tr.odd td {
	color: #262c31;
	font-size: 11px;
	border-top: 0px solid silver !important;
	background-color: #f2f5f9;
} .WPGridDefault thead tr th {
    border-top: 1px solid #909195;
    border-bottom: 1px solid #909195;
    background-color: #c7cacf;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#eeeeee' , endColorstr= '#ffffff' );
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));
	background: -moz-linear-gradient(top,  #eeeeee,  #ffffff);
	background: -ms-linear-gradient(top,  #eeeeee,  #ffffff);
} .WPGridDefault thead tr th a, .WPGridDefault thead tr th a:hover, .WPGridDefault thead tr th a:visited {
    font-size: 12px !important;
	color: Black;
	font-weight: bold;
} .WPGridDefault tfoot tr td {
    border-top: 1px solid #909195;
	font-size: 12px !important;
	font-weight: bold;
	background-color: #c7cacf;
	/* appearance
	background-color: #8ca9cf;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);

	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));*/

	/* text
	color: #121517;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 1px 1px #e8ebee;*/
	} .BannerBox {
    border: 1px solid #FFE65C;
    background-color: #FFFECD;
    padding: 1px 0px 2px 6px;
    text-align: center;
    font-weight: bold;
    margin: 10px;

} .BannerBox div, .BannerBox span, .BannerBox ul, .BannerBox li, .BannerBox pre {
    color: black !important;
} .BannerBoxError {
    border: 1px solid #bb3300;
	background-color: #bb3300;
	color: White !important;
    padding: 1px 0px 2px 6px;
    text-align: center;
    /*font-weight: bold;*/
    margin: 10px;
} .BannerBoxError div, .BannerBoxError span /*, .BannerBoxPurple div, .BannerBoxPurple span */
    {
	color: White !important;
} .BannerBoxGreen {
    clear: both;
    border: 1px solid #5a9c2a;
    background-color: #aee982;
    color: #333;
    padding: 1px 0px 2px 6px;
    text-align: center;
    margin: 10px;
} .BannerBoxBlue pre, .WPCard_View pre, .WPRequiredWarning pre, .WPRequired pre {
    font-family: Arial, Helvetica, Calibri,"Trebuchet MS", sans-serif !important;
    text-align: left !important;
} .BannerBoxPurple {
    clear: both;
    border: 1px solid #333;
    background-color: #b5a1e2;
    color: #333;
    padding: 1px 0px 2px 6px;
    text-align: center;
    margin: 10px;
} .BannerBoxBlue {
    clear: both;
    /*border: 1px solid rgb(149, 133, 153);
    background-color: rgb(200, 178, 207);*/
    border: 1px solid rgb(150, 175, 205);
    background-color: rgb(200, 215,255);
    color: #333;
    padding: 1px 0px 2px 6px;
    text-align: center;
    margin: 10px;
} .BannerBoxBlue {
    clear: both;
    /*border: 1px solid rgb(149, 133, 153);
    background-color: rgb(200, 178, 207);*/
    border: 1px solid rgb(150, 175, 205);
    background-color: rgb(200, 215,255);
    color: #333;
    padding: 1px 0px 2px 6px;
    text-align: center;
    margin: 10px;
} .BannerBoxRed {
    clear: both;
    border: 1px solid rgb(255, 70, 70);
    background-color: rgb(255, 90, 90);
    color: #333;
    padding: 1px 0px 2px 6px;
    text-align: center;
    margin: 10px;
} div.TextBoxEditNoLabel{padding: 3px 0px;} .WPTransitionHeader {
    top:0; left:0;
    height: 60px;
    position:absolute;
    width: 100%;
} .WPSearchContainer {
    border-bottom: 1px solid #ccc;
    /*-moz-box-shadow: 0px 1px 5px #ccc;
    -webkit-box-shadow: 0px 1px 5px #ccc;
    box-shadow: 0px 1px 6px #ccc;*/
} .WPExceptionBanner {
    text-align: left !important;
    border: 1px solid transparent;
    padding: 1px;
    margin: 0px 0px 8px 0px !important;
} .pnlSearchContainer.ui-layout-north{
    overflow: auto !important;
} .pnlSearchContainer .DateRangeDiv, #pnlSearchContainer .DateRangeDiv2 {
    padding: 4px 0px 2px 0px;
    width: 60px;
    float: left;
} .pnlSearchContainer .DateRangeDiv2 {
    width: 40px;
    padding-left: 8px;
} .pnlSearchContainer .InputPair {
    float: none !important;
    display: inline-block;
    vertical-align: top;
} .pnlSearchContainer .SearchOptions {
    margin: 8px !important;
    padding-bottom: 8px !important;
} #SearchOptions {
    padding-bottom: 8px;
} .NoPadding {
    padding: 0px !important;
} .HorizontalAlignLeft {
    text-align: left !important;
} .HorizontalAlignRight {
    text-align: right !important;
} .HorizontalAlignCenter {
    text-align: center !important;
} .BorderLeft {
    border-left: 1px solid #DBDBDB !important;
} .BorderRight {
    border-right: 1px solid #DBDBDB !important;
} .PreviousYearHeaderColor {
    background-color: #EAEAEA !important;
} .PreviousYearColumnColor {
    background-color: #F9F9F9 !important;
} .EntityHeader {
    padding: 12px;
} .EntityHeaderPanel {
    padding: 12px 0 12px 2px;
} .EntityHeaderPanel div.NameInput {
    float: left;
    width: 468px
} .EntityHeaderPanel div.NameInput .WPPrimaryInputControl {
    width: 400px;
} .WPDefault_LabelScreen .EntityHeader {
    padding: 12px 12px 0 12px;
} .EntityHeader H1 {
    margin-top: 5px;
    padding-left: 5px;
    color: #ad71b4;
} .EntityHeader H3 {
    padding: 6px 0px 6px 40px;
} .EntityHeader .IndentedH3 {
    padding: 2px 0px 2px 40px;
} .EntityBody {
     padding-top: 15px;
     padding-left: 52px;
} .ListWrapper {
    width: 299px;
    height: 200px;
    overflow: auto;
    position:relative;
    clear: both;
} .ListWrapper_WithOverFlow {
   overflow:auto;
   /*-webkit-overflow-scrolling: touch;*/
} .ListWrapper_WithHeader {
    clear: both;
} .ListWrapper_Header {
    margin-top: 1px;
    height: 28px;
    border-bottom: 1px dotted #CCC;
    position:relative;
    width: 299px;
} .AccountDataContainer {
    float: left; width: 300px; padding-top: 0px;
} .DuplicateBox, .MergeCheckBox {
    text-align: left !important;
    width: 100%;
} .WPAccountDuplicateContainer {
    max-height: 100px;
    overflow-y: auto; /*padding-left: 24px;*/
    padding-left: 8px;
    padding-bottom: 8px;
    font-weight: normal; /*display: none;*/
} .WPAccountDuplicateContainer:not(.NoHeight) {
    height: 100px;
} .WPAccountDuplicateContainer i{
    padding-left: 8px; 
    cursor: pointer;
} .ListContainer {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    -moz-border-radius: 3px;
} .GrayTextBold {
    font-weight: bold;
}

  .GrayText, .GrayText td, .GrayText div, .GrayTextBold, .GrayTextBold td, .GrayTextBold div {
    color: Gray !important;
} .HighlightNotificationTextBold{
    font-weight: bold;
}
.DarkGrayText, .DarkGrayText td, .DarkGrayText div, .DarkGrayTextBold, .DarkGrayTextBold td, .DarkGrayTextBold div {
    color: DarkGray !important;
}  .HighlightNotificationText, .HighlightNotificationText td, .HighlightNotificationText div, .HighlightNotificationTextBold, .HighlightNotificationTextBold td, .HighlightNotificationTextBold div {
    color: orange !important;
} .WPUsername {
    color: Gray !important;
    font-size: 0.9em;
} .BlackText {
    color: Black;
} .PanelItem div.BlackText {
    float: left;
    width: 15px;
}
.WPEmptyListText, .WPEmptyListText a {
    font-size: 12px;
}
.WPEmptyListText {
    padding: 10px;
    text-align: center;
    color: Gray;
    white-space: nowrap;
}
.WPEmptyListText.HorizontalAlignLeft {
    padding-left: 6px;
} .WPSearchResultsPopup {
    max-height: 400px;
    overflow-y: scroll;
} .WPSearchResultsPopup .WPSearchResultRow > div {
    padding: 6px 8px;
} .WPSearchResultsPopup .WPSearchResultRow > div {
    display: inline-block;
} .WPSearchResultsPopup .WPSearchResultRow > div a.Result {
    font-weight: bold;
    font-size: inherit;
} table.WPEmptyGrid {
    width: 100%;
} .WPEmptyGridPanel {
    font-size: 12px;
    padding: 10px;
    color: Gray !important;
} .WPSalesTargetTracker {
    overflow: hidden;
    clear: both;
} .WPSummary {
} .WPSummaryLabel {
    padding-top: 8px;
} .WPSalesTargetTracker .Green {
    color: #009900;
} .WPSalesTargetTracker .Red {
    color: #990000;
} td.cbRowImage, th.cbRowImage {
    padding-left: 20px !important;
}
    /******************************************************
 *****************************************************/
    /*NEW GRID*******************************************************************************/
    .WPGridColumnBorderLeft {
    border-left: 1px solid rgb(221, 221, 221) !important;
} .WPDashboardWidget .WPGridWrapper {
    position: relative;
} .WPDashboardWidget .WPGridDefault td {
    border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	padding: 2px 5px;
} .WPDashboardWidget .WPGridDefault th {
	/* appearance */
    border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	/* size */
	padding: 2px 5px;
	} .WPDashboardWidget .WPGridDefault {
	/* text */
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	} .WPDashboardWidget .WPGridDefault tbody tr td {
	color: #262c31;
	font-size: 11px;
	border-top: 0px solid silver !important;
	background-color: #ffffff;
	} .WPDashboardWidget .WPGridDefault tbody tr.odd td {
	color: #262c31;
	font-size: 11px;
	border-top: 0px solid silver !important;
	background-color: #f2f5f9;
} .WPDashboardWidget .WPGridDefault thead tr th {
    border-top: 1px solid #909195;
    border-bottom: 1px solid #909195;
    background-color: #c7cacf;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#eeeeee' , endColorstr= '#ffffff' );
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));
	background: -moz-linear-gradient(top,  #eeeeee,  #ffffff);
	background: -ms-linear-gradient(top,  #eeeeee,  #ffffff);
} .WPDashboardWidget .WPGridDefault thead tr th a, .WPDashboardWidget .WPGridDefault thead tr th a:hover, .WPDashboardWidget .WPGridDefault thead tr th a:visited {
    font-size: 12px !important;
	color: Black;
	font-weight: bold;
} .WPDashboardWidget .WPGridDefault tfoot tr td {
    border-top: 1px solid #909195;
	font-size: 12px !important;
	font-weight: bold;
	background-color: #c7cacf;
} .WPScrollingTableContainer{
    width: 100%;
    height: 100%;
    overflow: auto;
    /*float: left; JG 20200824: not needed?*/
} .WPScrollingTableContainer > #wpRecipientList{
    width: 100%;
}
    /***************************/
    .WPGrid_Frame {
    /*
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    */
} .WPDashboardWidget .WPGrid_Row, .WPDashboardWidget .WPGrid_Row_Alternate, .WPDashboardWidget .WPGrid_Row_Selected {
	border: 0px solid transparent;
	background-color: #ffffff;
} .WPDashboardWidget .WPGrid_Row td a {
	color: #328dde /*!important*/;
	font-size: 12px;
} .WPDashboardWidget .WPGrid_Row, .WPDashboardWidget tbody > tr.WPGrid_Row > td {
	padding-right: 6px;
	background-color: #fff;
	font-size: 12px;
} .WPDashboardWidget table.WPGridVue .AlternateColumn {
    background-color: #f6f6f6 !important;
} .WPDashboardWidget .WPGrid_Row:not(.Loading) td:not(table.WPGridVue > tbody > tr > td td), .WPDashboardWidget div.WPGrid_Row:not(.Loading) {
    border-bottom: 1px solid #dddddd;
    font-size: 12px;
} .WPDashboardWidget table.WPGridVue > tbody > tr > td td {
    border-bottom: 0 transparent;
} .WPDashboardWidget .WPGrid_Row td table td, .WPDashboardWidget div.WPGrid_Row table td {
	border-bottom: 0px solid #dddddd;
	font-size: 12px;
} .WPDashboardWidget div.WPGrid_Row span, .WPDashboardWidget .WPGrid_Row div {
	font-size: 12px;
} .WPDashboardWidget .WPGrid_Row_Alternate, .WPDashboardWidget div.WPGrid_Row_Alternate {
	background-color: #fff;
} .WPDashboardWidget .WPGrid_Row_Selected, .WPDashboardWidget div.WPGrid_Row_Selected {
	background-color: #fff;
} .WPDashboardWidget .WPGrid_Row_Selected TD, .WPDashboardWidget .WPGrid_Row_Selected DIV, .WPDashboardWidget .WPGrid_Row_Selected SPAN, .WPDashboardWidget .WPGrid_Row_Selected A, .WPDashboardWidget TD.WPGrid_Row_Selected {
	background-color: #fff;
}
.WPDashboardWidget .WPGrid_Header, .WPDashboardWidget thead.WPGrid_Header > tr > th, .WPDashboardWidget tfoot.WPGrid_Header > tr > td {
    background-color: #fff;
    padding: 0px 2px;
}
.WPDashboardWidget .WPGrid_Header, .WPDashboardWidget thead.WPGrid_Header > tr:not(.ColumnGroupRow) > th, .WPDashboardWidget tfoot.WPGrid_Header > tr > td {
    border: 0px;
}

.WPDashboardWidget table.WPGridVue .ColGroupStart {
    border-left: 1px double #bbb !important;
}
.WPDashboardWidget table.WPGridVue .ColGroupEnd {
    border-right: 1px double #bbb !important;
}
.WPDashboardWidget thead.WPGrid_Header > tr.ColumnGroupRow > th:not(:empty) {
    border: 1px double #bbb !important;
    padding-top: 6px;
    padding-bottom: 6px;
} .WPDashboardWidget .WPGrid_Header, .WPDashboardWidget thead.WPGrid_Header > tr > th, .WPDashboardWidget tfoot.WPGrid_Header > tr > td, .WPDashboardWidget tfoot.WPGrid_Header > tr > td div {
    font-size: 12px !important;
    font-weight: bold;
} .WPDashboardWidget .WPGrid_GroupHeaderRow, .WPDashboardWidget .WPGrid_GroupHeaderRow TD {
	font-family: Arial, Helvetica, Calibri,"Trebuchet MS", sans-serif;
	background-color: #fff;
	background: none !important;
	font-size: 14px;
	padding: 8px;
	padding: 12px 6px 6px 4px !important;
	border: 0px !important;
	font-weight: bold;
} .WPDashboardWidget .WPGrid_GroupSubHeaderRow, .WPDashboardWidget .WPGrid_GroupSubHeaderRow TD {
	font-family: Arial, Helvetica, Calibri,"Trebuchet MS", sans-serif;
	background-color: #fff;
	background: none !important;
	font-size: 14px;
	padding: 8px 0px;
} .WPDashboardWidget th.WPGrid_Header, .WPDashboardWidget .WPGrid_Header, .WPDashboardWidget thead.WPGrid_Header > tr > th {
	border-bottom: 1px dotted gray !important;
} .WPDashboardWidget .WPGrid_Footer {
	border-left: 1px solid #dbdbdb;
	border-top: 1px solid #909195;
	border-bottom: 1px solid #aeb1b5;
	font-size: 12px !important;
	text-align: right;
} .WPDashboardWidget .WPGrid_RowSelector {
    border-width: 0px;
} .WPDashboardWidget .WPGrid_EditCell TD {
    border: 1px solid #bbb;
} .WPDashboardWidget .WPGrid_Footer TD, .WPDashboardWidget .WPGrid_Header TD, .WPDashboardWidget .WPGrid_Header th, .WPDashboardWidget thead.WPGrid_Header th {
	padding-right: 6px;
} .WPDashboardWidget .WPGrid_Pager {
	border-left: 1px solid #dbdbdb;
	border-top: 1px solid #909195;
	font-size: 12px !important;
	text-align: left;
} .WPDashboardWidget .WPGrid_Header, .WPDashboardWidget thead.WPGrid_Header th {
	background: none !important;
	background-color: White !important;
	filter: none;
}
thead.WPGrid_Header {
    position: sticky;
    top: 0px;
}
tfoot.WPGrid_Header {
    position: sticky;
    bottom: 0px;
}
.WPDashboardWidget .igg_Alt > TD {
    background-color: #fff;
} .WPDashboardWidget .igg_Header {
    border: 0px !important;
} .WPDashboardWidget tbody.igg_Item > tr > td, .WPDashboardWidget table.WPGridVue > tbody > tr > td {
    border-top: 0px;
    /*NEW MODULE WIDGET*/
    padding-bottom: 5px;
    padding-top: 5px;
} .WPClearTextBox, .WPClearTextBox_Uncontained {
    filter: alpha(opacity=50); /*for Internet Explorer 6/7*/
    filter: "alpha(opacity=50)"; /*for Internet Explorer 8*/
    -moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
    height: 14px;
    width: 14px;
} .WPClearTextBox {
    position:absolute;
    float: right;
    top: 3px;
    right: 2px;
} .WPGrid_Frame > table {
    display: table !important;
} .EntityCollaborationStatus {
    position: absolute;
    height: 46px;
    width: 36px;
    top: 0;
    right: 0;
    background-color: #b690d4;
} .EntityCollaborationStatus.Open {
    background-color: rgba(0,0,0,0.65);
} .EntityCollaborationStatus .StatusIcon {
    position: relative;
} .EntityCollaborationStatus .StatusIcon > div.Icon {
    line-height: 1;
    padding: calc(50% - 10px);
    color: #fff;
    font-size: 20px;
} .EntityCollaborationStatus .StatusIcon > div.EditorCount {
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 99999;
    color: #fff;
    border-radius: 50%;
    height: 10px;
    line-height: 1;
    padding-left: 1px;
    font-weight: bold;
    padding-right: 1px;
    background-color: rgba(0,0,0,0.25);
    border: 4px solid rgba(0,0,0,0.25);
} .EntityCollaborationStatus.Open .StatusIcon > div.EditorCount {
    background-color: #9e84b2;
    border: 4px solid #9e84b2;
} .EntityCollaborationStatus .StatusIcon > div.EditorPopup {
    display: none;
    position: absolute;
    top: 46px;
    min-width: 300px;
    right: 0px;
    z-index: 99999;
    background-color: rgba(0,0,0,0.65);
    padding: 7px;
} .EntityCollaborationStatus.Open .StatusIcon > div.EditorPopup {
    display: block;
} .EntityCollaborationStatus.Off{
    display: none;
} .EntityCollaborationStatus .StatusIcon > div.EditorPopup > div {
    padding-right: 31px;
    position: relative;
} .EntityCollaborationStatus .StatusIcon > div.EditorPopup > div > div:first-child span {
    font-weight: bold;
} .EntityCollaborationStatus .StatusIcon > div.EditorPopup > div > div span {
    font-size: 12px;
    color: #fff
} .EntityCollaborationStatus .StatusIcon > div.EditorPopup > div > div.Close {
    position: absolute;
    right: 4px;
    top: 4px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
} .EntityCollaborationStatus.Off ~ .HeaderInfoWithAccessNotification {
    padding-right: 0;
} .EntityCollaborationStatus:not(.Off) ~ .HeaderInfoWithAccessNotification {
    padding-right: 40px;
} .WPEntityImageAndTextLink {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: none;
} .WPEntityImageAndTextLink img {
    position: absolute;
    top: 0px;
    left: 0px;
} .WPEntityImageAndTextLink i {
    font-size: 12px !important;
    padding-right: 2px;
} .WPMergeFieldListCategory {
    font-weight: bold;
} .WPMergeFieldListItem {
    padding-left: 8px;
} .ImgLink{
    cursor: pointer;
    float: left;
} div.ImgLink{
    margin-left: 4px;
} .ImgLink > i:not(.fa-external-link) {
    color: #666;
    font-size: 13px;
    padding: 6px 0 0 3px;
}
table.InputControlTable td .ImgLink {
    margin-right: 4px !important;
    margin-top: 4px;
}    /* ===============================
NOTIFICATIONS
-------------------------------- */
    .WPNotifications {
    position: relative;
    text-align: left;
} .WPNotificationGroup {
    padding-left: 2px;
} .WPSpinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
} .WPNotifications .ItemCategory {
    position: relative;
    clear: both;
    padding: 6px 2px 2px 0px;
    border-top: 1px dotted #dddddd;
    border-bottom: 1px dotted #dddddd;
} .WPNotifications .ItemCategory .ItemContent > div {
    float: left;
} .WPNotifications .ItemCategory .Category {
    padding: 2px 0px;
    font-size: 16px !important;
    font-weight: bold;
} .WPNotifications .ItemCategory .Icon {
    padding: 2px;
} .WPNotifications .NotificationItem {
    position: relative;
    clear: both;
    margin-left: 20px;
    height: 46px;
    padding: 0px;
} .WPNotifications .NotificationItem:not(.Completed) .fa-dot-circle {
    color: #aaa;
} .WPNotifications .ItemIcon i {
    font-size: 15px;
} .WPNotifications .NotificationItem .ItemIcon .far.fa-check-circle {
    display: none;
} .WPNotifications .NotificationItem:not(.Completed) .ItemIcon:hover .far.fa-check-circle {
    display: inline-block;
    color: #2ca94f;
} .WPNotifications .NotificationItem.Completed .fas.fa-check-circle {
    color: #2ca94f;
} .WPNotifications .NotificationItem:not(.Completed) .ItemIcon:hover .fa-dot-circle {
    display: none;
} .WPNotifications .NotificationItem:hover, .WPNotifications .NotificationItem:hover .Date {
    background-color: #eeeeee !important;
} .WPNotifications .NotificationItem .ActionIcon {
    visibility: hidden;
} .WPNotifications .NotificationItem:hover .ActionIcon {
    visibility: visible;
} .WPNotifications .TaskOverdue .Date span {
    color: #dd0000 !important;
    font-weight: bold;
} .WPNotifications .NotificationItem .ItemIcon {
    position: absolute;
    top: 4px;
    left: -18px;
} .WPNotifications .NotificationItem .ItemContent {
    padding: 4px 0px 4px 2px;
    border-left: 1px dotted #dddddd;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    width: 260px;
} .WPNotifications .NotificationItem .Note {
    padding: 4px;
} .WPNotifications .NotificationItem .Note > span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 240px;
    display: inline;
} .WPNotifications .NotificationItem .Note span, .WPNotifications .NotificationItem .Date span {
    font-size: 11px;
    color: #999;
} .WPNotifications .NotificationItem .Date {
    position: absolute;
    top: 0px;
    right: 20px;
    background-color: White;
    padding: 3px 4px 3px 8px;
} .WPNotifications .NotificationItem.Selected .Date {
    background-color: #eeeeee;
} .WPNotifications .NotificationItem .Actions {
    clear: both;
    padding: 4px 3px 0px 3px;
    position: relative;
} .WPNotifications .NotificationItem .Actions ul {
    float: left;
} .WPNotifications .NotificationItem .Actions ul a {
    padding: 0px 4px;
} .WPNotifications .NotificationItem .Actions li {
    list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	display: inline;
	padding: 0px;
} .WPNotifications .NotificationItem .Actions li a {
    position: relative;
} .WPNotifications .NotificationItem .Actions li a img {
    position: absolute;
    top: 0px;
    left: 0px;
} .WPNotifications .NotificationItem .Actions li a span, .WPNotifications .NotificationItem .Actions li a:hover, .WPNotifications .NotificationItem .Actions li a {
    padding-left: 0px;
    font-size: 11px;
    color: #328dde !important;
} .WPNotifications .NotificationItem .Actions li i {
    margin-top: -6px;
    font-size: 14px !important;
} .WPNotifications .NotificationItem .Actions li a span {
    padding-left: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    display: inline-block;
    padding-top: 2px;
    padding-right: 6px;
} .WPNotifications .NotificationItem .ActionIcon {
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: White;
    margin: 2px 4px;
    width: 16px;
    height: 16px;
} .WPNotifications .NotificationItem.Selected .ActionIcon {
    background-color: #eeeeee;
} .WPNotifications .EmptyNotifications, .NotificationSearchResult .EmptyNotifications {
    text-align: center;
    padding: 18px 0px;
} .WPNotifications .FooterLink {
    float: right;
    padding: 6px 24px 8px 8px;
} .WPNotifications .FooterLink a {
    color: #328dde !important;
} .AttachmentWrapper .ItemIcon {
    clear: both;
    float:right;
    width: 20px;
    padding-left: 8px;
} .AttachmentWrapper .ItemContainer > div:first-child {
    clear: both;
} .AttachmentWrapper .ItemContainer > div:not(:last-child) {
    padding-bottom: 4px;
} .AttachmentWrapper .ItemContainer > div:not(:first-child) {
    clear: both;
    position: relative;
    width: 90%;
} .AttachmentWrapper .ItemContainer i {
    font-size: 12px !important;
    cursor: pointer;
} .AttachmentWrapperSecurityIcons .ItemContainer {
    position: relative;
    padding: 6px 8px 12px 24px !important;
} .AttachmentWrapperSecurityIcons .PanelItem {
    position: relative;
} .AttachmentWrapperSecurityIcons .ItemIconContainer {
    color: #888;
    position: absolute;
    top: 6px;
    width: 20px;
} .WPThreeQuarterTone {
    opacity: 0.8;
} .WPHalfTone {
    opacity: 0.6;
} .WPNotificationPane .WPEntityNoteCount {
    opacity: 0.7;
} .WPEntityNoteCount {
    opacity: 0.4;
} .WPEntityNoteCount i.fas, .WPEntityNoteCount i.far, .WPEntityNoteCount i.fal {
    font-size: 12px !important;
    line-height: 16px;
} .WPEntityNoteAdd .Expanded {
    background-color: rgb(238, 238,238);
    border: 1px solid rgb(204, 204,204);
} .WPEntityNoteAdd .NoteLabel {
    /*float: left;*/
	/*width: 90px;*/
    font-weight: bold;
} .WPEntityNoteAdd .NoteParent {
    float: left;
    width: 200px;
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 9000;
} .WPEntityNoteAdd .SendOptions {
    padding: 5px 0px 5px 0px;
    display: none;
} .WPEntityNoteAdd .pnlButtons {
    width: 60px;
    position: absolute;
    top: 3px;
    left: 208px;
    z-index: 9000;
} .WPEntityNoteAdd .pnlButtons .WPLinkButton_Default > a {
    float: left;
} .WPEntityNoteAdd .InputLabel {
    clear: both;
    float: none;
    padding: 3px 0 0 0;
} .WPEntityNoteAdd .InputControl {
    clear: both;
    float: none;
    padding: 5px 0px 3px 5px;
} body:not(.WPNotificationPane) .WPEntityNoteAdd .InputLabel {
    color: #333;
    font-weight: bold;
} body:not(.WPNotificationPane) .WPEntityNoteAdd .InputControl {
    color: #333;
} .WPEntityNoteAdd .InputControl > span {
    font-weight: bold;
} #divEast {
    overflow-y: hidden !important;
} .WPEntityNoteAddAccordionContainer{
    /* position: absolute;
    height: 64px; */
    z-index: 999999;
    display: block;
} .WPEntityNoteAdd .pnlButtons .WPActionToolbar{
    padding-right: 0px !important;
} .WPEntityNoteAdd .pnlCreateAs {
    padding: 4px 4px 4px 4px;
    font-weight: bold;
} .WPEntityNoteAdd .pnlCreateAs label {
    font-weight: bold;
} .WPEntityNoteAdd .pnlCreateAs div:first-child {
    padding-right: 8px;
    font-weight: normal;
} .WPEntityNoteAdd textarea{
    box-sizing: border-box;
} .EntityListWrapperContainer.EntityListWrapperSelection {
    padding: 0 8px 8px 8px !important;
} .EntityListWrapperContainer .EntityListWrapperHeader{
    padding-left: 20px !important;
} .EntityListWrapperContainer .PanelItem{
    position: relative;
} .EntityListWrapperContainer .ItemSelect{
    position: absolute;
    top: 12px;
    left: 4px;
    z-index: 999;
} .EntityListWrapperContainer .ItemContainer{
    padding-left: 24px !important;
} .EntityListWrapperContainer.ItemSelected .ListWrapper_WithOverFlow{
    padding-top: 30px !important;
} .EntityListWrapperContainer.EntityListWrapperSelection .PanelItem:not(.WPGrid_Row_Selected):hover{
    background-color: #eee;
} .EntityListWrapperHeader {
    padding: 8px 2px 0px 2px; 
    height: 30px;
    position: relative;
} .EntityListWrapperHeader > div {
} .EntityListWrapperContainer.EntityListWrapperSelection div.SearchOptions {
    position: fixed;
    display: none;
    padding: 8px 0 4px 20px;
    background-color: #fff;
    z-index: 8998;
    width: 100%;
} ::-webkit-input-placeholder { color: Silver; } :-moz-placeholder { color:Silver; } :-ms-input-placeholder { color:Silver; } .placeholder { color:Silver; }
    /* *********************  DirectionButtons *********************  */
    .WizardImageWrapper {
    float:left;
    width: 20px;
    height: 16px;
} .rightarrow .WizardImageWrapper {
    margin-left: -3px;
    margin-top: 2px;
} .rightarrow .WizardText {
        color: White !important;
        width: 125px;
    } .WizardWrapper > .button {
            padding-left: 10px;
        } .WizardNumberWrapper {
            /*width: 20px;
            height: 20px;
            -moz-border-radius: 5em;
            -webkit-border-radius: 5em;
            border-radius: 5em;
            border: 2px solid silver;*/
            position: relative;
        } .WizardWrapper {
            float: left;
            height: 30px;
            margin: auto;
            display:table !important;
        } .WizardWrapper .button {
            display:table-cell;
            vertical-align: middle;
        } .WrapperSelected .WizardNumberWrapper {
            /*background-color: #f0f0f0;
            border-color: gray !important;*/
        } .WizardNumberText {
            font-size: 1.2em;
            font-weight: bold;
            /*margin: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -4px;
            margin-top: -8px;*/
            color: gray;
        } .WrapperSelected .WizardNumberText, .WrapperSelected .WizardText .WizardTextMessage {
            color: White !important;
        } .WizardText {
            float: left;
            margin: 0px 4px;
            padding-left: 8px;
            cursor: pointer;
            white-space: nowrap;
        } .WizardTextMessage {
            font-size: 1.1em;
            color: Gray;
            font-weight: bold;
            min-width: 125px;
        } .WizardTextStatus {
            font-size: 1.1em;
            color: gray;
        } .WizardSeperator {
            float: left;
            margin: 8px 8px;
            font-size: 1.75em;
            font-weight: bold;
            color: silver;
        } .WPDirectionButtons > DIV {
    position: relative;
    display:block;
    font: normal 14px Arial;
    text-decoration: none;
    cursor:pointer;
} .WPDirectionButtons > DIV > .button {
    min-width: 75px;
}
    /* Next Button */
    .WPDirectionButtons > .rightarrow {
    color: #FFF;
} .WPDirectionButtons > .rightarrow > .arrow-inner {
    display: block;
    position: absolute;
    top: 0px;
    right: 3px;
    z-index: 2000;
    width: 0;
    height: 0;
    border: 14px solid transparent;
    /*border-left-color: #E38A13;    */
    border-left-color: #ad71b4;
} .WPDirectionButtons .button .WizardImageWrapper i {
    font-size: 14px !important;
} .WPDirectionButtons .button .WizardImageWrapper i {
    color: #666;
} .WPDirectionButtons > .rightarrow{
    padding-bottom: 6px;
} .WPDirectionButtons > .rightarrow > .button .WizardImageWrapper i {
    color: #fff !important;
} .WPDirectionButtons > .rightarrow > .button > .WizardNumberWrapper {
    padding-left: 0px !important;
} .WPDirectionButtons > .rightarrow > .arrow {
    display: block;
    float: right;
    width: 0;
    height: 0;
    border:  15px solid transparent;
    /*border-left-color: #CC790B;*/
    border-left-color: Purple;
} .WPDirectionButtons > .rightarrow > .button {
    display: block;
    float: right;
    line-height: 20px;
    /*background-color: #E38A13;*/
    background-color: #ad71b4;
    /*border: 2px solid #CC790B;*/
    border: 2px solid Purple;
    border-right: 0;
    padding: 3px 0px 3px 9px;
    /*text-align: center;*/
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
} .WPDirectionButtons > .rightarrow:hover > .arrow {
    border-left-color: #ad71b4;
} .WPDirectionButtons > .rightarrow:hover > .arrow-inner {
    /*border-left-color: #CC790B;*/
    border-left-color: Purple;
} .WPDirectionButtons > .rightarrow:hover > .button {
    /*background-color: #CC790B;
    border-color: #b66c09;*/
    background-color:Purple ;
    border-color: #ad71b4;
}
    /* Previous Button */
    .WPDirectionButtons > .leftarrow {
    color: #666;
} .WPDirectionButtons > .leftarrow > .arrow-inner {
    display: block;
    position: absolute;
    top: 1px;
    left: 3px;
    z-index: 2000;
    width: 0;
    height: 0;
    border: 14px solid transparent;
    border-right-color: #f4f4f4;
} .WPDirectionButtons > .leftarrow > .arrow {
    display: block;
    float: left;
    width: 0;
    height: 0;
    border:  15px solid transparent;
    border-right-color: #e8e8e8;
} .WPDirectionButtons > .leftarrow > .button {
    display: block;
    float: left;
    line-height: 20px;
    background-color: #f6f6f6;
    border: 2px solid #eaeaea;
    border-left: 0;
    padding: 3px 9px 3px 3px;
    text-align: center;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

} .WPDirectionButtons > .leftarrow:hover > .arrow {
    border-right-color: #e1e1e1;
} .WPDirectionButtons > .leftarrow:hover > .arrow-inner {
    border-right-color: #eaeaea;
} .WPDirectionButtons > .leftarrow:hover > .button {
    background-color: #eaeaea;
    border-color: #e3e3e3;
} .WrapperSelected .WizardText {
    padding-left: 10px !important;
}
    /******* PROGRESS BAR *******/
    .WPProgressBar {
	position: relative;
	clear: both;
	float: none;
} .WPProgressBar_SplashTable {
    top: 0;
    left: 0;
    position:absolute;
    width:100%;
    height:100%;
    z-index:99999999;
    /*background:rgba(255,255,255,0.7);*/
    background:#fff;
} .WPProgressBar_SplashTableOpaque {
    filter: "alpha(opacity=100)" !important; /*for Internet Explorer 8*/
    filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	-khtml-opacity: 1 !important;
	opacity: 1 !important;

} .WPProgressBar_Splash {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    margin: auto;
	float: none;
} .WPProgressBar_InnerSplash {
    text-align: center;
    width: 300px;
	float: none;
	margin: auto;
} .WPProgressBar_Container {
	clear: both;
} .WPProgressBar_ContentContainer {
    float: left;
	height: 13px;
	background-image: url(Images/WPProgressBar/progress_bar_bg.png);
	background-repeat: repeat-x;
} .WPProgressBar_Start {
	width: 4px;
	height: 13px;
	float: left;
	background-image: url(Images/WPProgressBar/progress_bar_start.png);
} .WPProgressBar_End {
	width: 4px;
	height: 13px;
	float: left;
	background-image: url(Images/WPProgressBar/progress_bar_right.png);
} .WPProgressBar_Complete {
	width: 4px;
	height: 13px;
	float: left;
	background-image: url(Images/WPProgressBar/progress_bar_content_end.png);
} .WPProgressBar_EndCap {
	width: 4px;
	height: 13px;
	float: left;
	background-image: url(Images/WPProgressBar/progress_bar_content_right.png);
} .WPProgressBar_Level {
	height: 13px;
	float: left;
	background-repeat: repeat-x;
	background-image: url(Images/WPProgressBar/progress_bar_content.gif);
} .WPProgressBar_Level_Full {
	background-image: url(Images/WPProgressBar/progress_bar_full_content.gif) !important;
} .WPProgressBar_Header {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	padding: 12px;
} .WPProgressBar_Status {
    padding: 8px 4px;
    color: #999;
    /*text-align: left;*/
    margin: 0;
} .WPProgressBar_Splash .WPProgressBar_Status {
    margin: 12px;
} .dnnForm .WPInputPair {
    float: none;
    clear: both;
} .dnnForm .WPInputPair .InputLabel {
    width: 200px;
} .dnnForm .WPInputPair .InputControl {
    width: 600px;
} .dnnForm .WPInputPair .InputControl > select {
    width: 200px;
} .ui-widget-content {
    background-color:white;
    /*background: url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% rgb(255, 255, 255);*/
    color: rgb(34, 34, 34);
} .ui-igupload {
    background-color: transparent !important;
} .EntityAttributeLabelHeader, .EntityAttributeLabel {
    width: 20%;
    float: left;
    font-weight: bold;
    border-right: 1px dotted silver;
    padding: 4px;
} .EntityAttributeLabel {
    background-color: #f3f3f3;
} .EntityAttributeOne, .EntityAttributeHeaderOne, .EntityAttributeTwo, .EntityAttributeHeaderTwo {
    width: 35%;
    float: left;
    padding: 4px;
    position: relative;
} .EntityAttributeHeaderOne, .EntityAttributeHeaderTwo {
    padding-left: 14px;
} .EntityAttributeHeaderOne > span, .EntityAttributeHeaderTwo > span {
    font-weight: bold;
    font-size: 14px;
} .EntityAttributeHeaderOne::after {
    content: "\f061"; /* right arrow */
    color: #aaa;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    float: right;
    margin-right: 0px;
    margin-top: 2px;
    position: absolute;
    right: 0;
    top: 4px;
    font-family: "Font Awesome 5 Pro";
} .EntityAttributeWrapper{ overflow-x:hidden; border-bottom: 1px dotted silver;} .EntityAttributeValueSelected {
	/*-moz-box-shadow:inset 0px 1px 0px 0px #e6cafc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e6cafc;
	box-shadow:inset 0px 1px 0px 0px #e6cafc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c579ff), color-stop(1, #ad71b4) );
	background:-moz-linear-gradient( center top, #c579ff 5%, #ad71b4 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c579ff', endColorstr='#a341ee');*/
	background-color:#ad71b4;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #a946f5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-weight:bold;
	padding:2px 3px !important;
	text-decoration:none;
	/*text-shadow:1px 1px 0px #8628ce;*/
} .EntityAttributeValueSelected:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ad71b4), color-stop(1, #c579ff) );
	background:-moz-linear-gradient( center top, #ad71b4 5%, #c579ff 100% );
	background:-ms-linear-gradient( center top, #ad71b4 5%, #c579ff 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a341ee', endColorstr='#c579ff');*/
	background-color:#c579ff;
} .EntityAttributeValueSelected:active {
	position:relative;
	top:1px;
} .EntityAttributeValueEqual::after{
    content: "=";
    color: green;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    float: right;
    margin-right: -12px;
    margin-top: -2px;
} div.WPAttributesPanel div.InputControl > table > tbody > tr > td {
    /* Checkbox list */
    white-space: nowrap;
    padding-right: 8px;
} .EntityAttributeValueSelected DIV{padding-left:10px;} .AlertNote24{padding: 5px 15px 2px 15px;} .AlertNote16 {
    padding: 5px 15px 6px 19px; 
    width: 80%; 
    margin: auto;
} .AlertNote16{
    padding: 8px 0 14px;
} .AlertNote16 div.Icon {
    float: left;
    width: 10%;
    padding: 2px 10px 0 0;
    text-align: right;
    font-size: 16px;
} .AlertNote16 .NormalBold {
    float:left;
    border-bottom: 0px !important; 
    width: 80%;
    padding-top: 6px;
} .SpacerDiv{width:10px; float:left;} .SpacerCB{padding-left:10px;}
    /* Popup Dialog window */
    DIV.ui-dialog {
    /*
    border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
*/
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
    z-index:3001;
} .ui-dialog .ui-dialog-titlebar-close{
} .ui-dialog .ui-dialog-titlebar-close:nth-child(2){
    right: 10px !important;
} .ui-dialog .ui-dialog-titlebar-close:nth-child(3), #ActivityModalPopoutButton{
    right: 36px !important;
    padding-top: 4px !important;
} .ui-dialog .ui-dialog-titlebar-close:nth-child(4), #ActivityModalFullWindowButton {
        right: 61px !important;
        padding-top: 4px !important;
} .ui-dialog .ui-dialog-titlebar-close:nth-child(5), #ActivityModalCloseButton {
    right: 10px !important;
    padding-top: 6px !important;
} #ActivityModalPopoutButton {
    top: 17px !important;
    background-color: transparent;
} #ActivityModalFullWindowButton {
    background-color: transparent;
} #ActivityModalCloseButton {
    background-color: transparent;
}.ui-dialog .ui-dialog-titlebar-close span.fal{
    font-size: 20px;
} .ui-dialog .ui-dialog-titlebar-close.popout span.fal{
    font-size: 14px;
} .ui-dialog a.ui-dialog-titlebar-close:hover{
    /*background-color: #ddd;*/
    text-decoration: none !important;
} DIV.ui-widget-overlay {
    /*background-color: #ccc !important;*/
    opacity: .4 !important;
} .dnnForm .ui-widget-content{
    border: 0 solid transparent !important;
} .ui-dialog .ui-widget-header, .dnnFormPopup .ui-dialog-titlebar span.ui-dialog-title {
    padding: 0px 20px 0px 10px !important;
    border: 0px !important;
    background: none !important;
    font-weight: bold !important;
    font-size: 26px !important;
    letter-spacing: -0.8px !important;
    font-family: wf_SegoeUILight, 'Open Sans', 'Oswald',"Trebuchet MS", "Myriad Web Pro", arial, serif;
    color: #925198;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 44px;
} .ui-dialog .ui-widget-header > span {
    width: 100% !important;
    text-overflow: ellipsis;
    padding-right: 8px;
    overflow: hidden;
} .widgetLoaderBaseClass .BannerBox {
    position:absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    border-radius: 4px;
    min-height: 200px;
} .ui-dialog .ModalActionButton:hover > i, .ui-dialog .ModalActionButton:hover > span {
    font-weight: bold;
} .NoteAdd_Popup {
    display: none;
    position: absolute;
    border: 1px solid silver;
    background-color: rgb(243, 243, 243);
    z-index: 999;
} .Text_StatusOpen {
    color: Green;
    font-weight:bold;
} .Text_StatusClosed {
    color: red;
    font-weight:bold;
}
.Text_FontRed {
    color: red;
}
.Text_FontGreen {
    color: darkgreen;
}
    /* Infragistics WebCaptcha override */
    .igc_Control {
    border: none !important;
    padding: 0px;
} .igc_ErrorLabel {
    display:none !important;
}
    /******************************************************************************************/
    /*Accordion
/*****************************************************************************************/
    .FloatLeft{float: left !important; padding: 4px;} .AccordionEastPane{
    overflow-y: hidden !important;
} .AccordionPanelWrapper H3, .AccordionPanelWrapper DIV {
    border-radius:0;
    radius: 0;
} .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header {
        cursor: pointer;
        position: relative;
        margin-top: 0px;
        zoom: 1;
        border-top: 0px solid #e0e0e0;
        border-bottom: 0px solid #e0e0e0;
    } .ui-accordion .ui-accordion-header:hover {
        background-color: #e0e0e0;
    } .ui-accordion .ui-accordion-content {
    padding: 8px;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    zoom: 1;
} .dropdown-menu {
    z-index: 9999999 !important;
} ul.dropdown-menu li > span.OptionGroup:not(:empty) {
    display: inline-block;
    padding-top: 6px;
    font-weight: bold;
    padding-bottom: 4px;
    color: #666 !important;
    cursor: default;
} .Accordion_Image {
    vertical-align:middle;
    margin-bottom: 4px;
    border: 0px !important;
    margin-right: 4px;
} .NormalBold_AccordionSubject {
    font-weight: bold;
    font-size: 1em;
} .NormalBold_AccordionHeader {
    font-weight: bold;
    font-size: 1.1em;
} H3.ui-accordion-header {
    /*background-color:#eeeeee;*/
    background-color: rgb(243,243,243);
} .ui-accordion-content UL {
    padding: 0px;
} .NormalBold_AccordionHeader, .NormalBold_AccordionHeader_WithImage {
    font-size: 1.1em !important;
} .NormalBold_AccordionHeader_WithImage {
    padding-top: 7px;
    padding-left: 5px;
} .AccordionHeaderCountLabel {
    font-weight: normal;
    color: #777 !important;
} .EntityItemContainer, .ItemContainer {
    position:relative;
    padding: 1em 1em 1em .5em !important;
} .EntityItemPanel, .PanelItem {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
} .EntityItemSelected, .Selected {
    background: #eeeeee !important;
    border-top: 1px dotted #D6D6D6 !important;
    border-bottom: 1px dotted #D6D6D6 !important;

} .EntityOpenImage, .OpenImage {
    display:none;
    margin-top: -1px;
    cursor: pointer;
} .WPReorderIcon {
    cursor: move;
} .WPIcon_Security {
    background-image: url(images/application/png/16x16/icon_lock.png);
} .WPNotificationPane .WPIcon_Security {
    background-image: url(images/application/png/16x16/icon_lock_invert.png);
} .divRowCover {
    position:absolute; width:400px; height: 30px; top: 0; left: 0; opacity: .65; display:none; background-color: #fff; z-index: 9999;
} .BaseStackedBarOptionValue1{height: 5px; border: 1px solid silver; background-color: #f0f0f0;} .BaseStackedBarOptionValue2{height: 5px; border: 1px solid silver; background-color: Gray;} .BaseBarOverLineOptionValue1{position:absolute; height: 5px; border: 1px solid silver; background-color: #f0f0f0; left: 0; top: 5px;} .BaseBarOverLineOptionValue2{position:absolute; height: 18px; width: 3px; background-color: Gray; top:0; } .imgGrayScale {
    /*-webkit-filter: grayscale(100%);  /* safari/chrome */
    /*-moz-filter: grayscale(100%); /* firefox */
    /*-ms-filter: grayscale(100%);  /* IE >= 9 */
    /*-o-filter: grayscale(100%); /* Opera, if support CSS3 */
    /*filter: gray; filter: grayscale(100%); /* edge browsers */
    /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    */
} .NoMargin {
    margin: 0px !important;
} .NoPadding {
    padding: 0px !important;
} .igmv_CompressedDay > div {
    min-height: 25px;
} .WPNotePopup #NoteWrapperClient pre.Normal {
    font-size: 1.3em !important;
} .igdv_Appointment td > div {
    height: auto !important;
} .WPImport {
    padding: 10px;
} .WPMappingTable th {
    text-align: left;
    padding: 8px 0px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
} .WPMappingTable td {
    padding: 2px 10px 2px 0px;
    border-bottom: 1px dotted #dcdcdc;
} .WPRequiredField {
    color: Red;
    font-weight: bold;
} input[type='text'].WPRequiredFieldError, input[type='text'].WPRequiredWarningFieldError, input[type='text'].WPProductIDInvalidError {
    border: 1px solid #bbb;
} .ValidationBanner div.WPRequiredFieldError, .ValidationBanner div.WPRequiredWarningFieldError, .ValidationBanner div.WPProductIDInvalidError {
    margin: 6px 6px 6px 0px;
    padding: 4px 8px 4px 6px;
    float: left;
    background-color: #fcfcfc;
} .ValidationBanner div.WPRequiredFieldError, .ValidationBanner div.WPProductIDInvalidError {
    border-top: 1px dotted #a94442;
    border-right: 1px dotted #a94442;
    border-bottom: 1px dotted #a94442;
    display: none;
}
    /* main text */
    .ValidationErrorHeader {
    font-size: 1em;
    font-weight: normal;
    padding: 5px;
    color: darkgray !important;
} .divErrors {
    /*width: 75% !important;
    margin-left: auto;
    margin-right: auto;*/
    border-radius: 10px !important;
} .divErrors > .BannerBox {
    border-radius: 10px !important;
    text-align:left;
}
    /* error text */
    .divErrors > .BannerBox > ul, .divErrors > .BannerBox > ul > li {
    font-weight: normal !important;
    font-size: 1.2em;
    font-weight:bold;
}
    /* add to error text if subset of data */
    .divErrors .divErrorLevelTwo {
    font-size: .8em;
    padding: 0px;
} .ClientValidationBanner div.WPRequiredFieldError, .ClientValidationBanner div.WPRequiredWarningFieldError, .ClientValidationBanner div.WPProductIDInvalidError {
        display: none;
    } select.WPRequiredFieldError, input[type='text'].WPRequiredFieldError, ul.token-input-list-WP.WPRequiredFieldError, div.WPRequiredFieldError, td.WPRequiredFieldError, textarea.WPRequiredFieldError, div.WPProductIDInvalidError, input[type='text'].WPProductIDInvalidError {
    border-left: 3px solid #a94442 !important;
} .WPRequiredFieldError select.WPRequiredFieldError, .WPRequiredFieldError input[type='text'].WPRequiredFieldError, .WPRequiredFieldError ul.token-input-list-WP.WPRequiredFieldError, .WPRequiredFieldError div.WPRequiredFieldError, .WPRequiredFieldError td.WPRequiredFieldError, .WPRequiredFieldError textarea.WPRequiredFieldError {
    border-left: 0px solid transparent !important;
} select.WPRequiredFieldError + span.select2.select2-container {
    border-left: 3px solid #a94442;
} input[type='text'].WPRequiredFieldError::placeholder, textarea.WPRequiredFieldError::placeholder {
    padding-left: 3px;
} .ValidationBanner div.WPRequiredWarningFieldError {
    border-top: 1px dotted #F48024;
    border-right: 1px dotted #F48024;
    border-bottom: 1px dotted #F48024;
    display:none;
} select.WPRequiredWarningFieldError, input[type='text'].WPRequiredWarningFieldError, ul.token-input-list-WP.WPRequiredWarningFieldError, div.WPRequiredWarningFieldError, td.WPRequiredWarningFieldError, textarea.WPRequiredWarningFieldError {
    border-left: 3px solid #F48024 !important;
} input[type='text'].WPRequiredWarningFieldErrorRight {
    border-top: 1px dotted #F48024 !important;
    border-left: 1px dotted #F48024 !important;
    border-bottom: 1px dotted #F48024 !important;
    border-right: 3px solid #F48024 !important;
    background-color: #F4802411 !important;
} input[type='text'].WPRequiredErrorFieldErrorRight {
    border-top: 1px dotted #a94442 !important;
    border-left: 1px dotted #a94442 !important;
    border-bottom: 1px dotted #a94442 !important;
    border-right: 3px solid #a94442 !important;
    background-color: #a9444211 !important;
} input[type='text'].WPRequiredErrorFieldErrorRight, input[type='text'].WPRequiredWarningFieldErrorRight {
    font-weight: bold;
} i.WPRequiredWarningFieldError {
    color: #F48024 !important;
} i.WPRequiredErrorFieldError {
    color: #a94442 !important;
} i.WPRequiredWarningFieldError, i.WPRequiredErrorFieldError {
    font-weight: bold;
    font-size: 14px;
} .WPLoginControl input::-webkit-outer-spin-button, .WPLoginControl input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
} .WPLoginPanel {
    float: none;
    clear: both;
    width: 98%;
    padding: 6px;
    margin: auto;
} .WPLoginControl {
    padding-top: 6px;
    padding-bottom: 6px;
} .dnnLoginRememberMe {
    margin: 0px 0px 0px 0px;
} .dnnForm .loginContent ul.dnnActions {
    padding: 0px;
    display: none;
    visibility: hidden;
} .ButtonAsLink {
    background-color: transparent;
    border: none;
    color: blue;
    cursor: pointer;
    text-decoration: underline;
    padding: 0px;
} .WPLoginForm H1 {
    padding: 10px 0px;
} .WPLoginForm .ContentPane {
    float: left;
    width: 320px;
} .WPLoginForm .RightPane {
    float: left;
    margin-left: 30px;
    width: 200px;
    text-align: right;
    padding: 30px 0px;
} .WPLoginForm .Image {
    float: left;
    display: inline-block;
    padding-right: 8px;
    height: 100px;
    padding-top: 4px;
    color: #999;
} .WPLoginForm .Content {
    float: left;
    display: inline-block;
    color: #999;
    font-size: 15px;
    width: 250px;
}
#DetailTable {
    width: 100px;
}
/*prevents table from strecthing across screen*/
#DetailTable thead > tr > th,
#DetailTable thead > tr > td,
#DetailTable tbody > tr > td,
#DetailTable tfoot td {
    padding-left: 4px 2px;
}

#DetailTable tr.LineItemRow:last-child > td,
#DetailTable tbody.AddOns tr:last-child > td {
    padding-bottom: 6px;
}

#DetailTable tfoot td {
    font-weight: bold;
}

  .DetailTitleWrapper span:empty {
    display:none;
} .DetailTitleWrapper{
    float: right;
} .DetailTitleWrapper .DetailTitle{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: -4px;
} .DetailTitleWrapper .DetailTitle > span {
    padding-right: 4px;
    padding-left: 0px;
    border-bottom: 0px;
} .DetailTitleWrapper .DetailSubTitle {
    padding-top: 2px;
    margin-bottom: -2px;
} .DetailTitleWrapper .DetailSubTitle > span {
    padding-right: 4px;
    padding-left: 0px;
    border-bottom: 0px;
} .DetailTitleWrapper .DetailSubTitle > span > span {
    padding-left: 8px;
}
    /* ==== StageSelection ===== */
    .breadcrumb {
  list-style: none;
  overflow: hidden;
  padding-inline-start: 0;
  padding: 0;
  height: 26px;
  line-height: 1.2;
  /*font: 18px Sans-Serif;*/
} .breadcrumb li {
  float: left;
  padding-bottom: 0px !important;
} .breadcrumb li a {
  color: #fff;
  text-decoration: none;
  padding: 8px 0 8px 45px;
  position: relative;
  display: block;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
} .breadcrumbcontainer:not(.Disabled) .breadcrumb li a:hover span {
    color: #fff !important;
} .breadcrumb li a div:first-child span {
    margin-top: -6px;
} .breadcrumb li a div.middle span {
    margin-top: -2px;
} .breadcrumb li a div:last-child span {
    margin-top: 0px;
    font-size: 0.8em;
} .breadcrumb li a span {
    /*display: none;*/
    color: #fff;
    text-decoration: none !important;
    display: block;
    text-align: center;
} .breadcrumb li.inactive a span {
    color: #454545;
} .breadcrumb li a::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  /*border-left: 30px solid hsla(139, 58%, 35%,1);*/
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
  border-left-width: 30px;
  border-left-style: solid;
} .breadcrumb li a::before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
} .breadcrumb li:first-child a {
  padding-left: 10px;
} .breadcrumb li:last-child a {
  background: transparent !important;
  color: black;
  pointer-events: none;
  cursor: default;
  width: 20px;
} .breadcrumb li:last-child a::after {
  border: 0;
} .breadcrumb li:last-child i {
  font-size: 18px;
  margin-top: -4px !important;

} .breadcrumbhover {
    padding: 10px 1px;
} .breadcrumbhover h1{
    font-size: 14px;
    padding-bottom: 6px;
} .breadcrumbhover div {
    font-size: 11px;
    color: gray;
} .breadcrumbhover ul li {
    list-style: disc;
    margin-left: 10px;
} .timeline {
    position: relative;
    padding: 0 0 12px;
} .timeline hr{
    position: absolute;
    top: 5px;
    left: 0;
    border:none;
    border-top:1px dotted #ccc;
    color:#fff;
    background-color:#fff;
    height:1px;
    z-index: -999;
    visibility: hidden;
} .timeline hr.warning {
    border-top-color: firebrick !important;
} .timeline div.marker{
    position: absolute;
    top: 0;
    padding: 0 6px;
    background-color: #fff;
    color: #ccc;
} .timeline div.marker {
    font-size: 0.9em;
} .timeline div.dot{
    font-size: 18px;
    top: -8px;
} .timeline div.expectedCloseDate{
    padding-left: 4px;
    float:right;
    background-color: #fff;
    position: unset;
    color: #888;
} .timeline div.createDate{
    padding-right: 4px;
    float:left;
    background-color: #fff;
    position: unset;
    color: #888;
} .timeline div.marker > span{
    white-space: nowrap;
} .timeline span.warning{
    color: firebrick;
} .breadcrumbcontainer.Disabled .breadcrumb li a {cursor: default !important;} .breadcrumbcontainer {visibility: hidden;} .breadcrumb li a::after { border-left-width: 20px; } .breadcrumb li a::before { border-left-width: 20px; } .breadcrumb li a {padding-left: 30px;} .breadcrumb li:last-child a {padding-left: 30px;} .breadcrumb li img { margin-top: -40%; } .breadcrumb li a { height: 10px; } .breadcrumbhover { display:block; border-top-style: solid; border-top-width: 4px;} .breadcrumbhover:not(.active) { visibility: hidden} .breadcrumb li a { background:        green; /* fallback color */ } .breadcrumb li.inactive a { background:        #ddd !important; } .breadcrumb li.inactive a::after { border-left-color: #ddd !important; } .breadcrumb li a::after { border-left-width: 30px; border-bottom-style: solid; }
    /* fallback colors */
    .breadcrumb li a { background: green;  } .breadcrumb li a::after { border-left-color: green; }
    /* ==== /StageSelection ===== */
    /*==== font awesome helper classes =========*/
    i.fas, i.fal, i.far{
    text-align: center;
    vertical-align: middle;
    margin-top: -2px;
} .WPQuickSearch_Container i.fas, .WPQuickSearch_Container i.fal, .WPQuickSearch_Container i.far {
    margin-top: 1px;
} .WPTabStrip_Inner i.fas, .WPTabStrip_Inner i.fal, .WPTabStrip_Inner i.far{
    margin-top: 0;
} a.fas.icon:hover, a.far.icon:hover, a.fal.icon:hover{
    text-decoration: none !important;
} .fas.icon, .far.icon, .fal.icon{
    font-size: 14px;
} .fas.icon-normal, .far.icon-normal, .fal.icon-normal{
    color: #999;
} .fas.icon-error, .far.icon-error, .fal.icon-error, .fas.error, .far.error, .fal.error, span.error{
    color: #f66;
} .fas.icon-ok, .far.icon-ok, .fal.icon-ok, .fas.ok, .far.ok, .fal.ok, span.ok{
    color: #31bb5d;
} .fas.icon-primary, .far.icon-primary, .fal.icon-primary{
    color: #3D94F6;
} .btn-group.open .fa-chevron-down:before {
    content: "\f077" !important;
} .WPImageButtonIcon {
    margin-top: -10px !important;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: -14px !important;
    z-index: -999;
    font-size: 13px;
} .WPRecipientList {
    padding-top: 8px;
    padding-bottom: 4px;
} .WPRecipientList .WPRecipientListHelp, .WPInputControlHelp {
    color: #666;
    font-size: 10px;
    font-style: italic;
    padding: 4px 0px;
} .InputControl .SubmitOption, .InputControl_Horizontal .SubmitOption {
    padding: 4px 0 12px;
} .WPCommunicationItem {
    position: relative;
    width: 100%;
} .WPCommunicationItem .ActivityIconContainer {
        float:left;
        width: 16px;
        padding: 4px;
        height: 100%;
        vertical-align: top;
} .WPCommunicationItem .ActivityContainer {
    float: left;
    padding: 4px 0px 4px 4px;
    margin: auto;
    height: 100%;
    vertical-align: top;
    width: 280px;
} .WPCommunicationItem .ActivityDate {
    position:absolute;
    top:0;
    right:0;
    padding: 4px 0px 4px 4px;
    font-weight: bold;
    font-size: 1em;
    text-align:right;
    color: #999;
} .WPCommunicationItem .ActivityTitle {

    float: left;
    clear: both;
    color: #333;
} .WPCommunicationItem .ActivityLink {
    float: left;
    clear: both;
    padding: 2px 0px 0px 0px;
    color: #333;
    overflow:hidden;
    text-overflow: ellipsis;
    width: 280px;
} .WPCommunicationItem .ActivityLink .LinkImage {
    float: left;
    padding-right: 4px;
} .ActivityLink .LinkImage i {
    font-size: 12px !important;
    color: #328dde !important;
} .WPCommunicationItem .ActivityLink .LinkText {
    float: left;
} .WPCommunicationItem .ActivitySubTitle {
    float: left;
    clear: both;
    padding: 4px 0px 0px 0px;
    color: #666;
} .WPCommunicationItem .ActivityTitle A, .WPCommunicationItem .ActivityTitle {
    font-size: 1.2em;
} .ActivityLink {
    /*
    position: absolute;
    left: 24px;
    top: 4px;
    */
    float: left;
    clear: both;
    padding: 2px 0px 0px 0px;
} .ActivityLink .LinkImage, .ActivityLink i {
    float: left;
    padding-right: 4px;
} .ActivityLink i {
    padding-top: 3px;
} .ActivityLink .LinkText {
    float: left;
} .WPActionToolbarContainer .ActivityLink {
    padding: 5px 0 0 6px;
} .ActivitySubTitle {
    /*
    position: absolute;
    left: 24px;
    top: 20px;
    */
    float: left;
    clear: both;
    padding: 4px 0px 0px 0px;
    color: #666;
} .ActivityTitle A {
    font-size: 1.1em;
} .WPGrid_Row .WPCommunicationItem .ActivityDate {
    background-color: #fff;
} .WPGrid_Row_Alternate .WPCommunicationItem .ActivityDate {
    background-color: #f2f5f9;
} .SliderWrapper {
    position:relative;
	left:0;
	width:3000px;
	height:100%;

} .Slider {
    width:580px;
	height:30px;
	float:left;
	padding:5px;
} .WPBlanketHidden {
    position: absolute;
    top: 0;
    left: 0;
} .WPBlanket {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999999;
    background-color: #fff;
    filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
} .WPBlanketNoOpacity {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999999;
    background-color: #fff;
    filter: alpha(opacity=1);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
} .WPBlanket IMG {
    filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
} .WPNotificationPane .Blanket, .WPNotificationPane .WPBlanketNoOpacity {
    background-color: #555;
    filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
} .WPNotificationPane button.ui-multiselect, .WPNotificationPane .ui-multiselect button, .WPNotificationPane button.ui-multiselect {
    background-color: #333;
} .WPNotificationPane .ui-multiselect-menu input, .WPNotificationPane .ui-multiselect-checkboxes, .WPNotificationPane .ui-multiselect-filter {
    background-color: #fff;
    color: #333;
} .WPNotificationPane .ui-multiselect-menu a, .WPNotificationPane .ui-multiselect-menu a:visited, .WPNotificationPane .ui-multiselect-menu .Link {
    color: #328dde;
    text-decoration: none;
} .LeftNavFixed{
    padding-top: 20px;
} .LeftNavOptionCustom {
    padding: 5px 15px;
    position: relative;
}
.LeftNavOption:not(.NoWidth), .LeftNavOptionSelected:not(.NoWidth) {
    padding: 5px 15px;
    position: relative;
    height: 25px;
    cursor: pointer;
    width: 150px;
} .LeftNavOption_Image i {
    font-size: 14px;
} .LeftNavOptionSelected {
    cursor: hand;
    background-color: rgb(173, 113, 180);
    border-style: solid;
    border-color: Purple -moz-use-text-color Purple Purple;
    border-width: 2px;
} .LeftNavOption_Image {
    position: absolute;
    vertical-align: middle;
    left: 15px;
    top: 10px;
} .LeftNavOptionSelected .LeftNavOption_Image {
    left: 13px;
    top: 10px;
} .LeftNavOptionSelected .LeftNavOption_Image i {
    color: #fff !important;
} .LeftNavOptionSelected .LeftNavOption_Label {
    color: #ffffff !important;
    top: 10px;
} .LeftNavOption_Label {
    position: absolute;
    vertical-align: middle;
    left: 38px;
    top: 10px;
    display: none;
} .LeftNavFixed .LeftNavOption_Label{
    display: block;
} .LeftNavOption_Link {
    padding: 0px 15px;
} .LeftNavOption_Link_Text {
    left: 38px;
    font-size: .9em;
    font-weight: normal;
    color: rgb(50, 141, 222) !important;
    display: none;
} .LeftNavOption .RecordCount {
    margin-left: 2px;
    display: inline-block;
    position: relative;
    top: -1px;
    font-size: 9px;
    padding: 0px 5px 1px;
    border-radius: 7px;
    background: #999;
    color: #fff;
} .RecordCount:empty{
    display: none;
}
.LeftNavOptionSelected .RecordCount, .QuoteOptionSelected .RecordCount {
    background: #fff;
    color: rgb(173, 113, 180);
}
.LeftNavOption .RecordCount > span:first-child:not(:last-child):not(:empty)::after {
    content: " / ";
}
  .ExpandIcon {
    opacity: .2;
} .ExpandIconWrapper {
    left: 18px !important;
}
    /* ====== WPFileUpload control ======*/
    .WPFileUploadBox {
    position: relative;
} .WPFileUploadBox:not(.Compact) {
    width: 100%;
    height: 100%;
    max-width: 680px; /* 800 */
    text-align: center;
} .WPFileUploadBox.CenterAlign{
    margin: 0 auto;
} .WPFileUploadBox:not(.Compact) .DropZoneDefaultMessage{
    text-align: center;
} .WPFileUploadBox:not(.Compact) .box__content, .WPFileUploadBox:not(.Compact) .dropzone {
    background-color: #e5edf1;
    font-size: 1.25rem; /* 20 */
} .WPNotificationPane .WPFileUploadBox:not(.Compact) .box__content, .WPNotificationPane .WPFileUploadBox:not(.Compact) .dropzone {
    background-color: #333;
} .WPFileUploadBox.Compact .dropzone .dz-message {
    text-align: left;
    margin: 0;
} .WPFileUploadBox .box__content, .WPFileUploadBox.Full .dropzone {
    background-color: #e5edf1;
} .WPFileUploadBox .dropzone {
    text-align: left;
} .WPFileUploadBox:not(.InlineMode) .box__content {
    padding: 100px 20px;
} .WPFileUploadBox .dropzone {
    padding: 10px;
    min-height: 100px !important;
} .WPFileUploadBox.Compact .dropzone {
    padding: 0;
    min-height: 20px !important;
} .WPFileUploadBox nav {
    margin-bottom: 40px;
} .WPFileUploadBox nav a {
    border-bottom: 2px solid #c8dadf;
    display: inline-block;
    padding: 4px 8px;
    margin: 0 5px;
} .WPFileUploadBox nav a.is-selected {
    font-weight: 700;
    color: #39bfd3;
    border-bottom-color: currentColor;
} .WPFileUploadBox nav a:not( .is-selected ):hover, .WPFileUploadBox nav a:not( .is-selected ):focus {
        border-bottom-color: #0f3c4b;
    } .WPFileUploadBox nav a:not( .is-selected ):hover, .WPFileUploadBox nav a:not( .is-selected ):focus {
        border-bottom-color: #0f3c4b;
    } .has-advanced-upload .WPFileUploadBox .box__content, .WPFileUploadBox.Full .dropzone {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    border-width: 0 !important;
} .has-advanced-upload .WPFileUploadBox.InlineMode .box__content, .WPFileUploadBox.Full .dropzone {
    outline-offset: -4px;
} .WPNotificationPane .has-advanced-upload .WPFileUploadBox .box__content, .WPNotificationPane .WPFileUploadBox.Full .dropzone {
    outline: 2px dashed #666;
} .WPFileUploadBox.Compact {
    height: auto !important;
    padding-bottom: 0 !important;
} .WPFileUploadBox.is-dragover .box__content, .WPFileUploadBox.Full .dropzone:hover {
    outline-offset: -20px;
    outline-color: #e5edf1;
    background-color: #c8dadf !important;
} .WPNotificationPane .WPFileUploadBox.is-dragover .box__content, .WPNotificationPane .WPFileUploadBox:not(.Compact) .dropzone:hover {
    outline-color: #666;
    background-color: #444 !important;
} .WPFileUploadBox .box__dragndrop {
    display: none;
} .has-advanced-upload .WPFileUploadBox .box__dragndrop {
    display: inline;
} .WPFileUploadBox.is-uploading .box__input, .WPFileUploadBox.is-success .box__input, .WPFileUploadBox.is-error .box__input {
    visibility: hidden;
} .WPFileUploadBox .box__uploading, .WPFileUploadBox .box__success, .WPFileUploadBox .box__error {
    display: none;
} .is-error .WPFileUploadBox .box__content{
    background: repeating-linear-gradient(
      135deg,
      #e5edf1,
      #e5edf1 10px,
      #fff 10px,
      #fff 20px
    );
} .is-error .WPFileUploadBox .box__error{
    display: inline;
    padding: 12px 0;
    font-weight: bold;
} .WPFileUploadBox .box__uploading {
    font-style: italic;
} .WPFileUploadBox .box__success {
    -webkit-animation: appear-from-inside .25s ease-in-out;
    animation: appear-from-inside .25s ease-in-out;
} .WPFileUploadBox:not(.InlineMode) .box__input .icon {
    padding: 12px;
} .WPFileUploadBox.InlineMode .box__input {
    display: inline-flex;
    vertical-align: top;
    padding-top: 6px;
} .WPFileUploadBox:not(.InlineMode) .dropzone .icon {
    padding: 0 12px 12px;
} .WPFileUploadBox:not(.InlineMode) .box__input .icon i, .WPFileUploadBox:not(.InlineMode) .dropzone .icon i {
        font-size: 48px;
    } @-webkit-keyframes appear-from-inside {
    from {
        -webkit-transform: translateY( -50% ) scale( 0 );
    }

    75% {
        -webkit-transform: translateY( -50% ) scale( 1.1 );
    }

    to {
        -webkit-transform: translateY( -50% ) scale( 1 );
    }
} @keyframes appear-from-inside {
    from {
        transform: translateY( -50% ) scale( 0 );
    }

    75% {
        transform: translateY( -50% ) scale( 1.1 );
    }

    to {
        transform: translateY( -50% ) scale( 1 );
    }
} .WPFileUploadBox .box__restart {
    font-weight: 700;
} .WPFileUploadBox .box__file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
} .WPFileUploadBox .box__file + label {
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
} .WPFileUploadBox .box__restart:focus, .WPFileUploadBox .box__restart:hover, .WPFileUploadBox label:hover strong, .WPFileUploadBox .box__file:focus + label strong, .WPFileUploadBox .box__file.has-focus + label strong {
    text-decoration: underline;
    cursor: pointer;
} .WPFileUploadBox .box__file:focus + label, .WPFileUploadBox .box__file.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
} .WPFileUploadBox .box__file + label * {
    /* pointer-events: none; */ /* in case of FastClick lib use */
} .WPFileUploadBox .box__button {
    display: none;
} .WPAttachmentCard {
    background-color: #f0f0f0;
    height: 110px;
    margin-right: 20px;
} .WPAttachmentCard > div {
    float: left;
} .WPAttachmentImage {
    height: 100px;
    width: 100px;
    border: 5px solid #f0f0f0;
    margin-right: 20px;
} .WPAttachmentInfo {
    float: left;
    width: 300px;
    padding: 10px;
} .WPAttachmentPanel {
    max-height: 300px;
    overflow-y: auto;
} .WPNotificationPane .WPAttachmentPanel {
    width: 300px;
} .WPUploadControl .ui-iguploadmultiple, .WPUploadControl .ui-igupload-progress-container, .WPUploadControl .ui-igupload-basemaincontainer {
    border: 0px solid transparent !important;
    padding: 0px;
} .WPUploadControl .ui-igupload-container {
    clear: both;
    padding-top: 6px;
} .WPRadioLabelSpace label {
    margin-right: 10px;
} .DashboardKPIContainer {
    display: inline-block;
    width: 260px;
    margin: 5px 20px 15px 0;
    vertical-align: top;
} .DashboardKPIContainer div {
    display: block;
    text-align: center;
} .DashboardKPIContainer > .Header{
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding: 6px 16px;
    letter-spacing: -0.04em;
    font-weight: bold;
} .DashboardKPIContainer > .Header > i {
    font-size: 14px;
    padding-right: 2px;
} .DashboardKPIContainer > .Header > span {
} .DashboardKPIContainer > .Content {
    padding: 10px 0;
} .DashboardKPIContainer > .Content > span.PrimaryKPIValue {
    font-weight: bold;
    font-size: 40px;
    letter-spacing: -2px;
} .DashboardKPIContainer > .Footer > .Comparison, .DashboardKPIContainer > .Footer > .ComparisonDelta {
    padding: 4px;
    display: inline-block;
} .DashboardKPIContainer > .Footer > .Comparison, .DashboardKPIContainer > .Footer > .ComparisonDelta {
    font-size: 12px;
} .DashboardKPIContainer > .Footer .ComparisonValue {
    font-weight: bold;
    font-size: 14px;
} .DashboardKPIContainer > .Footer .ComparisonValueText {
    color: #999;
    font-size: 11px;
    letter-spacing: -0.04em;
} .DashboardKPIContainer > .Footer > .ComparisonDelta {
} .DashboardKPIContainer > .Footer > .ComparisonDelta .ComparisonValue {
} .DashboardKPIContainer .Red {
    color: #990000 !important;
} .DashboardKPIContainer .Green {
    color: #34BF00 !important;
} .DashboardKPIContainer .Gray {
    color: #ccc !important;
} .DashboardKPIContainer.Vertical > .Footer > .Comparison, .DashboardKPIContainer.Vertical > .Footer > .ComparisonDelta {
    margin: 0 0 10px 0;
    width: 45%;
    margin: 0;
} .DashboardKPIContainer.Vertical > .Footer > .Comparison {
    border-right: 1px solid #ccc;
} .DashboardKPIContainer.Vertical > .Footer {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
} .DashboardKPIContainer.Horizontal > .Content {
    padding: 0;
    width: 50%;
    display: inline-block;
    height: 100%;
    vertical-align: top;
    margin-top: 16px;
} .DashboardKPIContainer.Horizontal > .Footer {
    width: 45%;
    display: inline-block;
} .DashboardKPIContainer.Horizontal > .Footer > .Comparison {
    border-bottom: 1px solid #ccc;
} .WPCallout:before {
    content: "";
    position: absolute;
    z-index: 1;
    border: solid 10px transparent;
    border-bottom-color: #6179c6;
    top: -20px; /* double the border width */
    left: 140px; /* half the container width - border width*/
} .WPCallout * {
    color: #fff !important;
} .WPCallout h1 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 4px;
} .WPCallout {
    position: absolute;
    z-index: 9999999;
    width: 300px;
    background-color: #6179c6;
    color: #fff !important;
    padding:16px;
} .WPCallout .CloseButton {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
} .WPCallout .Acknowledge {
    text-align: right;
    padding-top: 4px;
} .WPCallout .Acknowledge button {
    padding: 4px 16px;
    color: #6179c6 !important;
    background-color: #fff;
    border: none;
    outline: none;
    font-weight: bold;
}
    /* Change color on mouse-over */
    .WPCallout .CloseButton {
    color: lightgrey;
} .abs{
    position: absolute;
} .GridDetailFrame{
    position: relative;
} .GridDetailFrame .CloseButton {
    position: absolute;
    top: 0;
    right: 0;
    color: #666 !important;
    padding: 8px 12px 10px 12px;
    cursor: pointer;
} .GridDetailFrame .CloseButton:hover {
    background-color: #eee;
    color: #000 !important;
} .GridDetailFrame .CloseButton i {
    font-size: 18px !important;
} .WPClickable{
    cursor: pointer;
} .WPReadOnlyGrid td, .WPReadOnlyGrid th {
    padding: 3px 3px 2px 3px;
} .WPGridVue tr.ActiveRecord {
    border: 2px solid #79a4d4 !important;
} .WPGridVue tr.ActiveRecord td, .WPGridVue tr.ActiveRecord select, .WPGridVue tr.ActiveRecord .LineItemNotification {
    background-color: #e7f0fb !important;
}
.WPEditableTable thead th {
    padding: 4px 0;
}
.WPEditableTable td {
    padding: 4px 0;
}
.WPEditableTable td span, .WPEditableTable td input[type=checkbox] {
    margin-top: 4px;
    display: block;
}

    /*
// Tweak these to change the style of the toggle
darkgray: darkgray;
white: white;
100px: 100px;
50px: 50px;
5px: 5px;
50%: 50%;
0.15s: .15s;
ease-in: ease-in;

// These are our computed variables
// change at your own risk.
50%: 50px / 2;
40px: 50px - (5px * 2);
*/
.WPToggleControl {
    display: inline-block;
    position: relative;
    padding-left: 40px;
    margin-top: 2px;
    margin-bottom: 0;
    cursor: pointer;
    user-select: none;
    height: 26px;
} .WPToggleControl input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
} .WPToggleControl label {
    display: inline-block;
    margin-top: 1px;
    padding-left: 2px;
} .WPToggleControl input:checked ~ .WPToggleControlButton {
    background-color: #3D77FD;
} .WPToggleControl input:checked ~ .WPToggleControlButton:after {
    left: 21px /*100px - 40px - 5px;*/
} .WPToggleControl *:disabled ~ .WPToggleControlButton {
    opacity: 0.6;
} .WPToggleControlButton {
        position: absolute;
        top: 0;
        left: 0;
        height: 18px;
        width: 38px;
        border-radius: 9px;
        background-color: #bebebe;
        transition: background-color 0.05s ease-in;
    } .WPToggleControlButton:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: white;
    transition: left 0.05s ease-in;
} span.WPDisabledControl {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 2px;
    color: #999;
    font-size: 11px;
    background-color: #f9f9f9;
} span.WPDisabledControl > i {
    margin-right: 3px;
} .WPDefaultValueSelector {
    display: flex;
} .WPDefaultValueSelector .DefaultOption {
        padding-top: 3px;
        color: #999;
    } .WPDefaultValueSelector .DefaultOption > label {
        display: flex;
    } .WPDefaultValueSelector .DefaultOption > input[type=checkbox] {
    display: none;
} .WPDefaultValueSelector .DefaultOption label:first-child {
    color: #333;
    padding-left: 0;
} .WPDefaultValueSelector .DefaultOption .Override {
    color: #328dde;
    padding-left: 12px;
    display: none;
} .WPDefaultValueSelector .DefaultOption .Revert {
            color: #328dde;
            padding-left: 20px;
            display: none;
        } .WPDefaultValueSelector:hover .DefaultOption .Revert {
            display: block;
        } .WPDefaultValueSelector:hover .DefaultOption .Override {
    display: block;
}
    /*============Quill HTML Editor =================*/
    .ql-wpMergeField {
        width: 116px;
    } .wpMergeFieldLabel {
    line-height: 22px;
    display: inline-block;
} .ql-html-popupContainer {
    background: #fff !important;
    border-radius: 0 !important;
} .ql-html-popupTitle {
    margin-top: -8px;
    margin-bottom: 8px;
} .ql-html-textArea{
    border: 1px solid #ccc;
} .ql-html-buttonGroup button {
    min-width: 74px;
} .ql-picker-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
} .ql-picker.ql-size {
    width: 64px !important;
} .ql-picker.ql-font .ql-picker-label::before {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80px;
} .ql-toolbar button {
    padding: 3px 2px !important;
    width: 24px !important;
} .ql-toolbar .ql-formats {
    margin-right: 8px !important;
} .ql-snow .ql-stroke {
    stroke: #777;
} .ql-toolbar * {
    color: #777;
} .ql-toolbar i {
    color: #444;
    font-size: 15px;
    margin-top: -3px;
} .ql-toolbar.ql-snow {
    border: 1px solid #ddd;
} .ql-toolbar.ql-snow .wpToolbarMenu{
    max-height: 230px;
} .ql-toolbar.ql-snow .wpToolbarMenu .WPEmptyText {
    color: #aaa;
} .ql-toolbar.ql-snow .wpToolbarMenuSearch {
    height: 30px;
    position: relative;
} .ql-toolbar.ql-snow .wpToolbarMenuSearch .close {
    position: absolute;
    right: 6px;
    top: 7px;
    font-size: 14px;
    display:none;
} .ql-toolbar.ql-snow .wpToolbarMenu input {
    width: 100%;
    border: 1px solid #ddd;
    margin-top: 2px;
    padding-right: 20px;
} .ql-toolbar.ql-snow .ql-picker-options {
    max-height: 260px;
    overflow-y: hidden;
} .ql-toolbar.ql-snow .wpToolbarOptions {
    max-height: 204px;
    min-width: 200px;
    overflow-y: auto;
    margin-right: -8px;
} .ql-toolbar.ql-snow .wpToolbarOptions .ql-picker-item {
    padding-bottom: 2px !important;
    padding-top: 2px !important;
} .ql-toolbar.ql-snow .ql-picker-item.Filtered{
    display: none;
} .ql-toolbar.ql-snow .wpToolbarOptions .WPMergeFieldHeader {
    font-weight: bold;
    padding: 8px 0 2px;
} .qlbt-col-tool .qlbt-col-tool-cell:first-child {
    border-left: 1px dashed #999 !important;
} .qlbt-col-tool .qlbt-col-tool-cell {
    border-top: 1px dashed #999 !important;
    border-right: 1px dashed #999 !important;
    border-bottom: 1px dashed #999 !important;
} .WPTooltip {
    position: absolute;
    z-index: 99999;
    background: #FFFFFF;
    color: #000000;
    border: solid black 1px;
    padding: .5em;
    pointer-events: none;
    font-size: 10px;
} .WPTooltip ul {
    padding-bottom: 0;
} textarea[data-mentions-input]{
    background: none;
} .mentions-input-box {
    position: relative;
    background: #fff;
} .WPNotificationPane .mentions-input-box {
    background: #333;
} .mentions-input-box textarea {
    position: relative;
    outline: 0;
    resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} .mentions-input-box .mentions-autocomplete-list {
    display: none;
    background: #fff;
    border: 1px solid #b2b2b2;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10000;
    margin-top: -2px;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
} .mentions-input-box .mentions-autocomplete-list ul {
    margin: 0;
    padding: 0;
} .mentions-input-box .mentions-autocomplete-list li {
    background-color: #fff;
    padding: 0 5px;
    margin: 0;
    width: auto;
    border-bottom: 1px solid #eee;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    cursor: pointer;
    list-style: none;
    white-space: nowrap;
} .mentions-input-box .mentions-autocomplete-list li:last-child {
    border-radius: 5px;
} .mentions-input-box .mentions-autocomplete-list li > img, .mentions-input-box .mentions-autocomplete-list li > div.icon {
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    -moz-background-origin: 3px;
    border-radius: 3px;
} .mentions-input-box .mentions-autocomplete-list li em {
    font-weight: bold;
    font-style: none;
} .mentions-input-box .mentions-autocomplete-list li:hover, .mentions-input-box .mentions-autocomplete-list li.active {
    background-color: #f2f2f2;
} .mentions-input-box .mentions-autocomplete-list li b {
    /*background: #eef0f5;*/
    font-weight: normal;
} .mentions-input-box .mentions {
    position: absolute;
    left: 1px;
    right: 0;
    top: 1px;
    bottom: 0;
    padding: 2px 0;
    color: #fff;
    overflow: hidden;
    white-space: pre-wrap;
    word-wrap: break-word;
} .mentions-input-box .mentions > div {
    color: #fff;
    white-space: pre-wrap;
    width: 100%;
} .mentions-input-box .mentions > div > strong {
    font-weight: normal;
    background: #eef0f5;
} .mentions-input-box .mentions > div > strong > span {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
} .WPNotificationPane .mentions-input-box .mentions > div {
    color: #333;
} .WPNotificationPane .mentions-input-box .mentions, .WPNotificationPane .mentions-input-box .mentions-autocomplete-list li {
    color: #333;
} .WPNotificationPane .mentions-input-box .mentions > div > strong {
    background-color: #555;
} .WPAttributesTable:not(.ColumnCount1) {
    width: 100%;
} .WPAttributesTable.ColumnCount2 > tbody > tr > td:not(.QuestionCell1, .QuestionCell2, .AnswerCell1, .AnswerCell2) {
    width: 50%;
} .WPAttributesTable > tbody > tr > td > div.CategoryPair {
    width: 100%;
} .WPAttributesTable > tbody > tr > td div.CategoryPair > div.InputPair {
    width: 100%;
} .WPAttributesTable > tbody > tr > td div.CategoryPair > div.InputLabel {
    max-width: 28% !important;
} .WPAttributesTable > tbody > tr > td > div.CategoryPair > div.InputControl {
    width: 70% !important;
} .WPAttributesTable > tbody > tr > td > div.CategoryPair > div.InputLabel {
    padding: .5%;
} .WPAttributesTable > tbody > tr > td div.CategoryPair > div.InputControl {
    padding: .5%;
}
.WPColorPickerContainer {
    border: 1px solid #888;
    width: 80px;
    height: 22px;
}
.WPColorPickerSwatch {
    height: calc(100% - 8px);
    width: 12px;
    border-radius: 2px;
    z-index: 9;
    float: left;
    margin: 4px;
}
.WPColorPickerContainer input[type=text]{
    width: 40px;
    height: 22px;
    border: 0;
    outline: none;
}

.Font13, .Font13 span {
    font-size: 1.3em !important;
}

.Font12, .Font12 span {
    font-size: 1.2em !important;
}

.DeleteButton:hover {
    color: red;
    cursor: pointer;
}


.LineClamp2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

ul.dropdown-menu > a.dropdown-toggle {
    display: none;
}
@media screen and (min-width: 700px) {
    .WPAttributesContainer {
        min-width: 700px;
        max-width: 2000px;
    }
}
@media screen and (min-width: 500px) {
    .WPCard_Wrapper {
        width: 485px;
    }
    .WPCard_Image{
        float: left;
    }
}