/*
 <----Theme config--->    

Replace Code : "#44698f"
		To update "Page Header background"
		To update "Dialog header background
		To update "Selected nav flag background & border" in transaction 
		To update "Advanced search header background color"

Replace Code: "#395c80"
		To update "Page header user setting background color"

Replace Code : "#2C3E50"
		To update "Main menu background"$controlFocusColor

Replace Code : "#F6F6F6"
		To update "Footer background"

Replace Code:"#7ea7c7"
	To update primary button background color

*/
/**Mixins for flexbox*/
/**Mixins for box-sizing*/
/*Mixins for box shadow*/
/*media queries*/
.Modernized .icon.icon-export, .Modernized .icon.icon-filter, .Modernized .icon.icon-radioBtn, .e-control.e-menu-parent .quick-action:before, .Modernized .BG-Transparent .ModernizedPanelContent .Autopay-Icon a:before, .Modernized .icon.icon-closeDiv, .Modernized .icon-notification, .ModernizationOption-Field .icon-notification, .Modernized .ModernizedIcon-warning.FloatingPanel, .ModernizationOption-Field .ModernizedIcon-warning.FloatingPanel,
.Modernized .icon.icon-csv {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.Modernized .KeywordSearchContainer .KeywordSearchWrapper .SearchTrigger:after, .ModernizationOption-Field .KeywordSearchContainer .KeywordSearchWrapper .SearchTrigger:after {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.DialogOpenMode-slider .ui-dialog-titlebar-close .ui-icon, .BackToFormLink a::before {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.icon.icon-back-to-top {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.Modernized .FieldSet.CardLayoutIcon .field.ActionControlSet:after, .Modernized .FieldSet.GridLayoutIcon .field.ActionControlSet:after, .ui-jqgrid .GridActionButtonContainer .Switch .icon-card, .ui-jqgrid .GridActionButtonContainer .Switch .icon-grid, .OpenSectionWrapper.TooltipInfoIcon a {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.Collection .EmptyGridMessage:before, .Collection.EmptyGridOnSearch .EmptyMessageOnSearch:before {
  background-image: url("../../icons/PP_Icons.png") !important;
}

form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms .MoreActionsLink .ModernizedIcon-link, form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms .CustomActionFloatingPanel .CustomFloatingPanelIcon, form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms .OpenCommentForm .FloatingPanel, form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms .OpenActivityForm .ModernizedIcon-checked-list {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.ModernizedPanelContent fieldset .field.CheckBoxStyle .EditFieldValueBlock input[type=checkbox]:checked + input + .custom-check, .ModernizationOption-Field .EditFieldValueBlock .MultiSelectControl ~ .selectOptionsWrapper .selectOptionsList input[type=checkbox]:checked + .custom-check,
.ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td .customelement input[type=checkbox]:checked + input + span {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.ModernizedFileUploader:before,
.ui-dialog.AlertDialog:before,
.avatarContent .e-avatar.noimage:before {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.DocumentIcon.CheckBoxStyle .EditFieldValueBlock input[type=checkbox] ~ .main-container .icon-container .custom-icon,
.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckListIcon.CheckBoxStyle .EditFieldValueBlock input[type=checkbox] ~ .main-container .icon-container .custom-icon,
.PreviewContainer .OutsideContent .ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckBoxStyle .EditFieldValueBlock input[type=checkbox]:checked ~ .main-container:after,
.CardLayoutIcon::after, .GridLayoutIcon::after,
.ui-dialog.MassupdateDialog .MassUpdateFormFormWrapper input[type=checkbox]:checked ~ .custom-check,
.ui-dialog.MassupdateDialog .MassUpdateFormFormWrapper .MassUpdatePanelLeft .MassUpdateList input[type=checkbox]#selectAll:checked + .custom-check {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.column-icon-style, .cardView .cardItem .cardContextMenu,
.cardView .cardItem .ExpandIcon,
.rowActionBar .GridActionGroup .CustomAction .icon,
.cardRow.Icon.List:before,
.field.Add-Icon-Field:before,
.Add-Icon:before,
form.ModernizationOption-Field .Chip .DisplayFieldValueBlock:after,
.DownloadLink, .cardColumn.DocumentType > .valueContainer > .ui-jqgrid-custom-link.DownloadLink:after,
.ui-jqgrid .DownloadLink:after, .cardColumn > .valueContainer > .DownloadLink::after,
.Modernized .icon-close,
.ModernizationOption-Field .icon-close,
.Card-Row-Icon .cardBody:before,
.Add-Odessa-Icon,
.Add-You-Icon,
.QuickActionWrapper .ValidationDialog .Scroll ul li:before,
.BrowseForm .SearchWrapper .AdvSummary ul li.customizedAdvSearchSummary a i,
.Collection .customFilter.AdvSummary ul li.customizedAdvSearchSummary a i,
.login .LoginContainer .fieldbox--password .passicon, .login .LoginContainer .password-field .passicon,
.DialogOpenMode-slider .ui-dialog-titlebar-close .ui-icon,
.Modernized .KeywordSearchContainer .KeywordSearchWrapper .SearchTrigger:after,
.ModernizationOption-Field .KeywordSearchContainer .KeywordSearchWrapper .SearchTrigger:after .WidgetContainerPanel .Placeholder.PanelSuccessMessage:before,
form.ModernizationOption-Field .field .FieldValueBlock.ModernizedDocumentControl .ModernizedUploadWrapper .uploadlabel:before,
.Modernized .ModernizedPanelContent fieldset .field .CreditIcon::before,
.Card-Row-GoToLinkIcon .cardBody:before,
.Modernized .ModernizedPanelContent fieldset .field.LightningBulb::before {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.BackToFormLink::before,
.textBoxControlStyle .EditFieldValueBlock .uploadIconStyle, .ui-grid-ico-sort,
.LookupTrigger:after,
.BroadcastNotification .BroadcastNotification-closeIcon,
.BroadcastNotification .BroadcastNotification-speakerIcon,
#applicationNotificationToastBlock .icon-close,
#portal-header-container .portal-header-right .icon-notification,
#applicationNotification .closeApplicationNotificationMenu .icon-close,
#applicationNotification .icon-close {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.AdvsWrapper .AddonLink:before, .Collapsible:before, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon,
.ui-jqgrid .ui-jqgrid-sdiv .ui-jqgrid-ftable tbody tr td input[type=checkbox] + label,
.Collection.HiddenTitle:focus .grid-wrapper:before, .Collection.HiddenTitle.Focus .grid-wrapper:before {
  background: url("../../icons/PP_Icons.png") !important;
}

.ModernizedContainer .ExecuteCommand.Icon:not(.DisplayLink),
.cardColumn.DocumentType > .valueContainer > .ui-jqgrid-custom-link.DownloadLink:after,
.KeywordSearchContainer .KeywordSearchWrapper .SearchTrigger:after,
.FieldRichTextInfo .FieldValueBlock .InfoIcon {
  background: url("../../icons/default_theme_icon.png") no-repeat;
  background-image: url("../../icons/default_theme_icon.png") !important;
}

.Modernized .ModernizedContainer .ModernizedWidget fieldset:not(.Card) .DisplayField.Icon .FieldValueBlock .DisplayFieldValue:after, fieldset.Card .DisplayField.field.Icon:before, .cardHeader.Icon:before, .cardRow.Icon:before, .cardColumn.Icon:before, .Panel.CardLayout .PanelContent fieldset .field.Icon .DisplayFieldValueBlock label:after, .Panel.CardLayout .PanelContent fieldset .field.Icon .DisplayFieldValueBlock a.DisplayLink:after {
  background: url("../../icons/default_theme_icon.png") no-repeat;
  background-image: url("../../icons/default_theme_icon.png") !important;
}

.arrow-button .down-arrow {
  background: url("../../icons/PP_Icons.png") no-repeat;
  background-image: url("../../icons/PP_Icons.png") !important;
}

.ui-icon-circle-close, .ui-icon-close {
  background: url("../../icons/default_theme_icon.png") no-repeat !important;
}

.ModernizedCommentContainer .ModernizedCommentPanel .fwCommentThreadsWrapper .fwCommentThread .fwAuthorInfo .fwResponseAuthor:before {
  background-image: url("../../icons/default_theme_icon.png") !important;
}

.icon, .ActionControlSet.field input.Update, .ui-datepicker .ui-widget-header .ui-icon, #selectAll, input[type=checkbox]:checked + .custom-check, input[type=checkbox]:checked + input + .custom-check, .ui-jqgrid-pager .ui-pg-button .ui-icon, .tag-editor .delete-tag, .EmptyGridMessage:before, .MultiSelectControl ~ .multi-ExpandIcon {
  background: url("../../icons/default_theme_icon.png") no-repeat;
  background-image: url("../../icons/default_theme_icon.png") !important;
}

.ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th input[type=checkbox] + label, .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th input[type=checkbox] + span {
  background: url("../../icons/default_theme_icon.png") #FFFFFF;
}

.ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th input[type=checkbox]:checked + label, .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th input[type=checkbox]:checked + span {
  background: url("../../icons/default_theme_icon.png");
}

.Context .Information .Field .Value:before {
  background: url("../../icons/default_theme_icon.png");
}

.ModernizedContainer .Collection .EmptyGridMessage .modernizedRefresh span.Label span.ActionTitle {
  background: url("../../icons/default_theme_icon.png") no-repeat;
}

.adrotator-divVideo-link, .adrotator-divImage-link {
  background-color: transparent !important;
  background-image: url("../../icons/PP_Icons.png") !important;
}

.adrotator-carousel .adrotator-navigation .adrotator-controls .arrow-left,
.adrotator-carousel .adrotator-navigation .adrotator-controls .arrow-right,
.adrotator-carousel .adrotator-navigation .adrotator-controls .pause-button,
.adrotator-carousel .adrotator-navigation .adrotator-controls .play-button {
  background-color: transparent;
  background-image: url("../../icons/PP_Icons.png") !important;
}

html, body {
  font-family: Helvetica, Arial, sans-serif !important;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-text,
.e-float-input input, .e-float-input textarea,
.e-float-input.e-control-wrapper input,
.e-float-input.e-control-wrapper textarea {
  font-family: Helvetica, Arial, sans-serif !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Helvetica, Arial, sans-serif !important;
}

form.ModernizationOption-Field .Panel:not(.CardLayout) .ModernizedPanelContent fieldset .field .LookupWrapper .LookupEditor {
  font-family: Helvetica, Arial, sans-serif !important;
}

.slider-natural-id, .DisplayFieldValue.NumberType {
  font-family: Arial, sans-serif !important;
}

.ui-widget {
  font-family: Arial, sans-serif !important;
}

.e-control, .e-css {
  font-family: Arial, sans-serif !important;
}

body {
  background: #FDFDFD;
}

/*Overlay Style*/
.ui-widget-overlay.ui-front, .MenuOverlay.show, .ui-tabs-panel > .tabOverlay {
  background: #000000;
  opacity: 0.4;
}

.TabletUser .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter.e-multi-select-list-wrapper {
  background: rgba(0, 0, 0, 0.5) !important;
}

.MenuOverlay.show {
  opacity: 0.65;
}

.ui-widget-content {
  background: transparent;
}

.ui-widget-content a {
  color: #000000;
}

.ui-widget-content a.MoreActionsLink {
  color: #FFFFFF;
}

.blockOverlay {
  background-color: #000000 !important;
}

.profile-popup.popup ul li a {
  color: #078292;
}

.profile-popup.popup ul li a:hover {
  background: transparent;
  color: #078292;
}

#portal-header-container .portal-header-left .icon-logo {
  /*background-image: url(image/menuLogo.png) !important;*/
  background-repeat: no-repeat !important;
  background-size: 100%;
  background-position: center;
}

#PageHeader {
  background-color: #EDF4F4;
}

/* Login Logo */
.login .LoginContainer .LWLogo {
  background-image: url(image/loginLogo.png);
}

/*Login Place Holder*/
.login :-ms-input-placeholder {
  color: #757575 !important;
}

.login ::-webkit-input-placeholder {
  color: #757575 !important;
}

.login :-moz-placeholder {
  color: #757575 !important;
}

.login ::-moz-placeholder {
  color: #757575 !important;
}

.login :-ms-input-placeholder {
  color: #757575 !important;
}

/*Menu*/
.MenuWrapper {
  background: #2C3E50;
  /*Edit "#2C3E50" to update main menu background*/
}

.MenuWrapper .MainMenuHeader .MenuLogo {
  background-image: url(image/menuLogo.png);
}

.MenuWrapper .Menu .Column {
  -webkit-column-rule: 1px solid #e6e6e6;
  -moz-column-rule: 1px solid #e6e6e6;
  column-rule: 1px solid #e6e6e6;
}

.MenuWrapper .MenuBar > .MenuItem a {
  color: #c5c5c5;
  /*Edit "#c5c5c5" to update main menu text color */
}

.MenuWrapper .MenuBar > .MenuItem a:hover {
  color: #FFFFFF;
}

.MenuWrapper .MenuBar > .MenuItem.Active > a {
  color: #FFFFFF;
  background: #5d85a5;
}

.MenuWrapper .MenuBar > .MenuItem.Active > a:after {
  color: #2C3E50;
}

.MenuWrapper .MenuBar > .MenuItem.Focus > a {
  color: #FFFFFF;
  background: #5d85a5;
  /*Edit "#5d85a5" to update active/hover main menu background color and "#ffffff" for text color"*/
}

.MenuWrapper .MenuBar > .MenuItem > .Menu {
  background: #FDFDFD;
}

.MenuWrapper .MenuBar > .MenuItem > .Menu .Column > .MenuItem > a {
  color: #1e61a5;
}

.MenuWrapper .MenuBar > .MenuItem > .Menu .Column > .MenuItem > .Menu .MenuItem.SubActive a {
  background: #d7d7d7;
  color: #000000;
}

.MenuWrapper .MenuBar > .MenuItem > .Menu .Column > .MenuItem > .Menu .MenuItem.SubActive a.FocusLink {
  background: #8AAECB;
  color: #FFFFFF;
  /*Edit "#8AAECB" to update active/hover sub menu background color and "#ffffff" for text color"*/
}

.MenuWrapper .MenuBar > .MenuItem > .Menu .Column > .MenuItem > .Menu .MenuItem.SubActive a.MenuSeparator {
  background: transparent;
}

.MenuWrapper .MainMenuHeader:after, .MenuWrapper .TopLevelHeader:nth-last-child(1) > a:after {
  border-color: #4A5C6E !important;
}

/*Menu search*/
.MenuSearchWrapper > .MenuSearchResult .ResultList .MenuItem.SubActive a {
  background: #d7d7d7;
  color: #000000;
}

.MenuSearchWrapper > .MenuSearchResult .ResultList .MenuItem.SubActive a.FocusLink {
  background: #8AAECB;
  color: #FFFFFF;
  /*Edit "#8AAECB" to update active/hover sub menu background color and "#ffffff" for text color"*/
}

#applicationNotificationWrapper .applicationNotificationHeader, .applicationNotificationToggleBlock.disabled {
  border-color: #9D9D9D;
}

.SearchBoxContainer {
  background: #fafafa;
  border-color: transparent !important;
}

.SearchBoxContainer a:hover {
  background: #DDD;
}

.toggleExtraTabs:after {
  background: #6F91B4;
}

/*Footer*/
.AppControlStrip, .logoutAction {
  background: #f6f6f6;
  border-color: #D8D8D8 !important;
  /*Edit "#F6F6F6" to update footer background color */
}

/*Buttons*/
a.btn:not(.DisplayLink), .btn:not(.DisplayLink) {
  background: #3166AB;
  color: #FFFFFF;
  border: 1px solid #5a8fb8;
  -webkit-appearance: none;
}

a.btn:not(.DisplayLink):hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), a.btn:not(.DisplayLink):focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .btn:not(.DisplayLink):hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .btn:not(.DisplayLink):focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled) {
  background: #067584;
  border-color: #067584;
}

a.btn:not(.DisplayLink).secondary, a.btn:not(.DisplayLink).Reset, .btn:not(.DisplayLink).secondary, .btn:not(.DisplayLink).Reset {
  background: #f1f1f1;
  color: #000000;
  border: 1px solid #d7d7d7;
}

a.btn:not(.DisplayLink).secondary:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), a.btn:not(.DisplayLink).secondary:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), a.btn:not(.DisplayLink).Reset:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), a.btn:not(.DisplayLink).Reset:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .btn:not(.DisplayLink).secondary:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .btn:not(.DisplayLink).secondary:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .btn:not(.DisplayLink).Reset:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .btn:not(.DisplayLink).Reset:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled) {
  background: #1A818C;
  border-color: #00738A;
}

a.btn:not(.DisplayLink).Primary, .btn:not(.DisplayLink).Primary {
  background: #7ea7c7;
  color: #FFFFFF;
  border: 1px solid #5a8fb8;
}

a.btn:not(.DisplayLink).Primary:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), a.btn:not(.DisplayLink).Primary:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .btn:not(.DisplayLink).Primary:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .btn:not(.DisplayLink).Primary:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled) {
  background: #6596bc;
  border-color: #487da6;
}

a.btn:not(.DisplayLink)[disabled=disabled], a.btn:not(.DisplayLink)[readonly=readonly], a.btn:not(.DisplayLink):disabled, .btn:not(.DisplayLink)[disabled=disabled], .btn:not(.DisplayLink)[readonly=readonly], .btn:not(.DisplayLink):disabled {
  opacity: 0.4;
}

.field .btn:not(.DisplayLink), .FieldSet .FieldActionCtrl .btn:not(.DisplayLink), .MoveButtonPanel input, .OpenTransactionForm .import {
  background: #e8f0f7;
  color: #3a3a3a;
  border: 1px solid #9fa9b1;
}

.field .btn:not(.DisplayLink):hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .field .btn:not(.DisplayLink):focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .FieldSet .FieldActionCtrl .btn:not(.DisplayLink):hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .FieldSet .FieldActionCtrl .btn:not(.DisplayLink):focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .MoveButtonPanel input:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .MoveButtonPanel input:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .OpenTransactionForm .import:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .OpenTransactionForm .import:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled) {
  color: #FFFFFF;
  background: #8AAECB;
  border-color: #8AAECB;
}

.field .btn:not(.DisplayLink).btnSolid, .field .btn:not(.DisplayLink).primary, .FieldSet .FieldActionCtrl .btn:not(.DisplayLink).btnSolid, .FieldSet .FieldActionCtrl .btn:not(.DisplayLink).primary, .MoveButtonPanel input.btnSolid, .MoveButtonPanel input.primary, .OpenTransactionForm .import.btnSolid, .OpenTransactionForm .import.primary {
  background: #7ea7c7;
  color: #FFFFFF;
  border: 1px solid #6295be;
}

.field .btn:not(.DisplayLink).btnSolid:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .field .btn:not(.DisplayLink).btnSolid:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .field .btn:not(.DisplayLink).primary:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .field .btn:not(.DisplayLink).primary:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .FieldSet .FieldActionCtrl .btn:not(.DisplayLink).btnSolid:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .FieldSet .FieldActionCtrl .btn:not(.DisplayLink).btnSolid:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .FieldSet .FieldActionCtrl .btn:not(.DisplayLink).primary:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .FieldSet .FieldActionCtrl .btn:not(.DisplayLink).primary:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .MoveButtonPanel input.btnSolid:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .MoveButtonPanel input.btnSolid:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .MoveButtonPanel input.primary:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .MoveButtonPanel input.primary:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .OpenTransactionForm .import.btnSolid:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .OpenTransactionForm .import.btnSolid:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .OpenTransactionForm .import.primary:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .OpenTransactionForm .import.primary:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled) {
  background: #6295be;
}

.field .btn.DisplayLink {
  background: transparent;
  border: none;
  color: #04468c;
  text-decoration: underline;
}

.field .btn.DisplayLink:hover, .field .btn.DisplayLink:focus {
  background: transparent;
  border: none;
  color: #066bd6;
}

/*Tabs Styling*/
.ui-tabs > ul, .ui-tabs .ui-widget-content, .Collection .PageInfoSelectOption {
  background: transparent;
}

.ui-tabs .ui-tabs-nav li {
  background: transparent;
  border: none;
  border-radius: 0px;
}

.ui-tabs .ui-tabs-nav li:before {
  background: #c6c6c6;
}

.ui-tabs .ui-tabs-nav li:first-child {
  background: none !important;
}

.ui-tabs .ui-tabs-nav li a {
  background: #c6c6c6;
  border: none;
  color: #686868;
}

.ui-tabs .ui-tabs-nav li a.process .TabTitle:after {
  background-image: url("../../icons/process.gif");
}

.ui-tabs .ui-tabs-nav li a.success .TabTitle:after {
  background-image: url("../../icons/success.png");
}

.ui-tabs .ui-tabs-nav li a.failed .TabTitle:after {
  background-image: url("../../icons/fail.png");
}

.ui-tabs .ui-tabs-nav li a.interrupt .TabTitle:after {
  background-image: url("../../icons/interrupt.gif");
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  background: #fdfdfd !important;
  color: #3D3D3D;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a .NaturalId, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a .SearchSummary {
  color: #777777;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected span.TabTitle {
  color: #3D3D3D;
}

.ui-tabs .ui-tabs-nav li a .SearchSummary {
  color: inherit;
}

.ui-tabs .ui-tabs-nav li.head-btn:first-child a:after {
  background: #6F91B4;
}

.ui-tabs .HeaderRight > ul > li .toggleExtraTabs a:after {
  background: #6F91B4;
}

.NaturalId {
  color: inherit;
}

/*Overload tab drop down*/
.tabListPopup {
  background: #FFFFFF;
}

.tabListPopup li .SearchSummary {
  color: #989898;
}

.tabListPopup li .NaturalId {
  color: #4183d7;
}

.tabListPopup li:hover {
  background: #44698f;
}

.tabListPopup li:hover .TabTitle {
  color: #FFFFFF;
}

.tabListPopup li:hover .NaturalId {
  color: #DAEDFF;
}

.tabListPopup li:hover .SearchSummary {
  color: #DADADA;
}

.TabTitle:after {
  color: transparent;
}

a.HasUnsavedChanges .TabTitle:after {
  color: #FF0000;
}

.ui-tabs .ui-tabs-nav li.head-btn a, .HeaderRight > ul > li a:not(#selection) {
  border-color: #6F91B4 !important;
  color: #13a0df !important;
  background: transparent !important;
}

.ui-tabs .ui-tabs-nav li.head-btn a:hover, .HeaderRight > ul > li a:not(#selection):hover {
  color: #FFFFFF !important;
  background: transparent !important;
}

.HeaderRight > ul > li #selection {
  background: rgba(0, 0, 0, 0.15);
}

.HeaderRight > ul > li:last-child {
  border-color: transparent !important;
}

/*settings*/
.popup {
  background: #FFFFFF;
}

.popup li:not(.logoutAction) a:hover {
  background: #f1f1f1;
  color: #000000;
}

.popup li:not(.logoutAction) a.Disabled, .popup li:not(.logoutAction) a.Disabled:hover {
  background: transparent;
  color: #B3B3B3;
}

.popup .userprofile {
  border-color: #6F91B4 !important;
}

.popup .user-div .icon-user-big {
  background: url("../../icons/user.png") no-repeat !important;
  background-size: 98% !important;
  background-position: center;
}

/*Basic search*/
.BasWrapper .BasicSearchDropdown.btn, .BasWrapper .BasicSearchIcon .btn {
  background: #5c6870;
  color: #FFFFFF;
  border-color: #5c6870 !important;
}

.BasWrapper .BasicSearchDropdown.btn:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .BasWrapper .BasicSearchDropdown.btn:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .BasWrapper .BasicSearchIcon .btn:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled), .BasWrapper .BasicSearchIcon .btn:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled) {
  background: #535A5D;
}

.BasicFieldList ul li, .BsSuggestions ul li {
  color: #212031;
}

.BasicFieldList ul li:hover, .BasicFieldList ul li.Focus, .BasicFieldList ul li:focus, .BsSuggestions ul li:hover, .BsSuggestions ul li.Focus, .BsSuggestions ul li:focus {
  background: #f1f1f1;
  color: #000000;
}

.SearchNotificationArea.Information {
  background: rgba(37, 116, 169, 0.5);
  border: 1px solid #2574A9;
  color: #FFFFFF;
}

.SearchNotificationArea.Warning {
  background: rgba(234, 194, 108, 0.5);
  border: 1px solid #E5AE00;
  color: #000000;
}

.SearchNotificationArea.Error {
  background: #FFD9C8;
  border: 1px solid #EA2E2E;
  color: #000000;
}

/*Advanced Search*/
.AdvsWrapper {
  background: #FFFFFF;
  border-bottom: 6px solid #44698f;
}

.AdvsWrapper h2 {
  color: #000000;
}

.AdvsWrapper .AdvsTitle {
  color: #FFFFFF;
  background: #44698f;
  border-bottom: 1px solid #44698f;
}

.AdvsWrapper .AddonLink {
  color: #5B97C0;
}

.AdvSummary li {
  background: #f4f4f4;
}

.AdvSummary li span:first-child, .AdvSummary li .amp {
  color: #6C7A89;
}

/*grid*/
.ui-jqgrid tr.jqgrow td {
  border-color: #cccccc;
}

.ui-jqgrid .ui-jqgrid-hdiv {
  background: #DADADA;
  color: #666666;
}

.ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th {
  background: #DADADA;
  border-color: #cccccc;
  color: #666666;
}

.ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th.ui-sortable-helper {
  background: rgba(230, 230, 230, 0.5);
  border-left: 1px solid #cccccc;
}

.ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th.ui-sortable-placeholder {
  background: #BBD2E2;
}

.ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr {
  color: #3a3a3a;
}

.ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-hover, .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-hover .icon-wrapper {
  background: #d5e4f1;
}

.ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-highlight {
  background: #7494b5;
}

.ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-highlight .icon-wrapper {
  background: #7494b5;
}

.ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-highlight td {
  border-color: #7D97AD;
}

.ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(even), .ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(even) .icon-wrapper {
  background: #fdfdfd;
}

.ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(odd), .ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(odd) .icon-wrapper {
  background: #f1f1f1;
}

.ui-jqgrid .greyTxt {
  color: #000000;
}

.ui-jqgrid span > label:not(.Boolean) {
  color: #6C7A89;
}

.ui-jqgrid .emailType a {
  color: #2574A9;
}

.ui-jqgrid .teleType {
  color: #00B03F;
}

.ui-jqgrid .GridActionButtonContainer .GridActionGroup .DropMenu .Label:hover {
  background: #f1f1f1;
  color: #000000;
}

.ui-jqgrid .GridActionButtonContainer .GridActionBtn:hover {
  background: #8AAECB;
  border-color: #8AAECB;
}

.ui-jqgrid .GridActionButtonContainer > div:first-child > div {
  background: #FFFFFF;
}

.ui-jqgrid .GridActionButtonContainer .GridNotificationArea.Information {
  background: rgba(37, 116, 169, 0.5);
  border: 1px solid #2574A9;
  color: #FFFFFF;
}

.ui-jqgrid .GridActionButtonContainer .GridNotificationArea.Warning {
  background: rgba(234, 194, 108, 0.5);
  border: 1px solid #E5AE00;
  color: #000000;
}

.ui-jqgrid .GridActionButtonContainer .GridNotificationArea.Error {
  background: #FFD9C8;
  border: 1px solid #EA2E2E;
  color: #000000;
}

.ui-jqgrid .GridActionButtonContainer .ui-pg-button.ui-state-hover {
  background: transparent;
}

.ui-jqgrid .ui-jqgrid-pager {
  background: transparent !important;
}

.RecordViewGrid .BigSizeFont {
  color: #22313F;
}

.RecordViewGrid .rvSubTitle {
  color: #22A7F0;
}

.RecordViewGrid .ui-jqgrid-htable thead tr th {
  color: #1A4067;
}

.RecordViewGrid .ui-jqgrid-htable thead tr th:nth-child(even) {
  border-bottom-color: #DADFE1;
}

.RecordViewGrid .ui-jqgrid-htable thead tr th:nth-child(odd) {
  border-bottom-color: #DADFE1;
}

[readonly=readonly].DocumentType {
  background-color: #FFFFFF;
}

.Collection .EmptyGridMessage {
  border-color: #5B97C0;
}

.Collection .EmptyGridMessage span.Label {
  border: 1px solid #DADADA;
  color: #353535;
}

.Collection .EmptyGridMessage span.Label:hover {
  background: #8AAECB;
  color: #FFFFFF;
}

form:not(.BrowseForm) .Collection:focus .EmptyGridMessage .Label:nth-of-type(2), form:not(.BrowseForm) .Collection.Focus .EmptyGridMessage .Label:nth-of-type(2) {
  -moz-outline-color: transparent;
  outline-color: transparent;
  border-color: #4093ea !important;
  /*-webkit-box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
  box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
  -ms-box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);*/
}

/*icons*/
.fwFieldsWrapper .formRowBlock .FieldLabelBlock, .fwFieldsWrapper .formRowBlock .labelBlock {
  color: #44698f;
}

.actionButtons:not(.Create) {
  background: #FFFFFF;
}

.actionButtons:not(.Create):hover {
  background: #8AAECB;
  color: #FFFFFF;
  border-color: #8AAECB;
}

.actionButtons.Create {
  background: #7ea7c7;
  color: #FFFFFF;
  border: 1px solid #5a8fb8;
}

.actionButtons.Create:hover, .actionButtons.Create:focus {
  background: #6596bc;
  border-color: #487da6;
}

.ui-jqgrid .DownloadLink {
  background: none;
  background-image: none !important;
}

.tag-editor {
  background: #FFFFFF;
  border: 1px solid;
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
  -ms-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
  -webkit-transition: -webkit-box-shadow ease-in-out 0.15s;
  transition: box-shadow ease-in-out 0.15s;
  -ms-transition: box-shadow ease-in-out 0.15s;
  border-color: #b8b8b8 !important;
}

.tag-editor.Focus {
  -moz-outline-color: transparent;
  outline-color: transparent;
  border-color: #4093ea !important;
  -webkit-box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
  box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
  -ms-box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
}

.EntityTag, .UserGroupTag {
  border: none !important;
}

.EntityTag span:not(.delete-tag):first-child, .UserGroupTag span:not(.delete-tag):first-child {
  background: #7a96b2;
  color: #FFFFFF;
}

.UserTag span:not(.delete-tag):first-child, .CustomTag span:not(.delete-tag):first-child {
  background: #c5995a;
  color: #FFFFFF;
}

.AttachmentListTrigger, .fwCommentCollapsible {
  color: #44698f;
}

.AttachmentList li:hover {
  background: #44698f;
  color: #FFFFFF;
}

/*Record View lookup control*/
.LookupRecViewContainer {
  background: #f6f6f6;
}

.LookupRecViewContainer .recCell:hover, .LookupRecViewContainer .recCell.Focus {
  background: #FFFFFF;
}

.LookupRecViewContainer .recTitle {
  background: #E9E9E9;
  color: #313131;
}

.LookupRecViewContainer .rlabel, .LookupRecViewContainer .siValue {
  color: #868686;
}

.LookupRecViewContainer .recHeader {
  color: #1A4067;
}

.RecordDetails {
  background: #FFFFFF;
  box-shadow: 1px 1px 8px -2px #aaaaaa;
  border: 1px solid #dbdbdb;
}

.RecordDetails .Field {
  border-bottom: solid 1px #EFEFEF;
  background-color: #F7F7F7;
}

.RecordDetails .Field .Label {
  color: #939393;
}

.RecordDetails .Field .Value {
  color: #545353;
  background: #FFFFFF;
}

/*transaction Form*/
/*Left Navigation*/
.ui-layout-west.pane-west {
  background: transparent;
  border-right: 1px solid #DDDEDE;
}

.ui-layout-west.pane-west ul.LinkList li a {
  color: #3c3c3c;
  border-color: #E2E2E2;
}

.ui-layout-west.pane-west ul.LinkList li a.link-selected {
  border-color: #44698f;
  color: #1e61a5;
}

.ui-layout-west.pane-west ul.LinkList li a.link-selected:before {
  background-color: #44698f;
}

.ui-layout-west.pane-west ul.LinkList li a:hover:not(.link-selected) {
  color: #000000;
  border-color: #999;
}

.ui-layout-west.pane-west ul.LinkList li a:hover:not(.link-selected):before {
  background: #999;
}

.ui-layout-west.pane-west.fwLinkAlign .fwTabScroll {
  border: 1px solid #EEEEEE;
  background: #f9f9f9;
}

.ui-layout-west.pane-west.fwLinkAlign .fwTabScroll:hover {
  border: 1px solid #DDDEDE;
  background: #f6f6f6;
}

.ui-layout-west.pane-west.fwLinkAlign ul.LinkList li a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.ui-layout-west.pane-west.fwLinkAlign ul.LinkList li.fwLink_Hidden a {
  color: #FDFDFD;
  border-color: #FDFDFD;
}

.LinkContent .TabPage .TabPageTitle {
  color: #1e61a5;
  border-color: #DDDEDE;
}

.field .DisplayFieldLabelBlock label.RedText {
  color: #ef1b10 !important;
}

.field.RedText .FieldValueBlock input, .field.RedText .FieldValueBlock label {
  color: #ef1b10 !important;
}

.field.BoldText .FieldValueBlock input, .field.BoldText .FieldValueBlock label {
  font-weight: bold !important;
}

.field.DisplayField .FieldValueBlock label, .field .FieldValueBlock label.Boolean {
  color: #2d2d2d;
  background-color: #EEEEEE;
  border: 1px solid #b8b8b8;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -ms-box-shadow: none !important;
}

.field.DisplayField .FieldValueBlock textarea {
  color: #2d2d2d;
  background-color: #EEEEEE;
  border: 1px solid #b8b8b8;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -ms-box-shadow: none !important;
}

.field .FieldDescription {
  font-style: italic;
  font-size: 0.95em;
  color: #909090;
}

.field.ClassicBlueText .FieldValueBlock input, .field.ClassicBlueText .FieldValueBlock label {
  color: #1D407A !important;
}

.Panel .PanelContent {
  color: #3c3c3c;
}

.Panel .PanelContent fieldset {
  border-color: #F2F2F2 !important;
}

.Panel .PanelContent fieldset .field.RedText .FieldValueBlock input {
  color: #ef1b10 !important;
}

.Panel .PanelContent fieldset .field.BoldText .FieldValueBlock input {
  font-weight: bold !important;
}

.Panel .PanelDescription {
  font-style: italic;
  color: #909090;
}

.Collapsible {
  color: #1e61a5;
}

/*Context Control*/
.Context {
  box-shadow: 0px 4px 4px -4px #aaaaaa;
  background: #fdfdfd;
}

.Context .Section {
  border-right: 1px solid #E7E7E7;
  /*&:first-child .Field:last-child{color: #22a7f0;}*/
}

.Context .Section .Field .Label {
  color: #34495E;
}

.Context .Section .Field .Value a {
  color: #2100ED;
}

.Context .Section:first-child, .Context .Section:last-child {
  border: none;
}

.Context .Information > .Field, .Context .ContextRow > .Field {
  border-right: 1px solid #E7E7E7;
}

.Context:hover .Information {
  background: #fdfdfd;
  box-shadow: 0px 4px 4px -4px #aaaaaa;
}

.Context.Expanded:hover .Information {
  box-shadow: none;
}

.QuickActionWrapper {
  border: 1px solid #DADADA;
  background-color: #fbfbfb;
}

.QuickActionWrapper a:hover {
  background: #FFFFFF;
}

.QuickActionWrapper .ToggleValidation .Badge {
  color: #FFFFFF;
}

.QuickActionWrapper .ToggleValidation .Badge.Information {
  background-color: #6FADCC;
}

.QuickActionWrapper .ToggleValidation .Badge.Warning {
  background-color: #F1B980;
}

.QuickActionWrapper .ToggleValidation .Badge.Error {
  background-color: #CE5C5C;
}

.QuickActionWrapper .ValidationDialog .Head {
  color: #FFFFFF;
}

.QuickActionWrapper .ValidationDialog .Scroll {
  border: 1px solid #B5B5B5;
  background: #FFFFFF;
  border-top: 0px;
}

.QuickActionWrapper .ValidationDialog .Scroll ul.Information .Header {
  color: #468CC8;
}

.QuickActionWrapper .ValidationDialog .Scroll ul.Warning .Header {
  color: #F79e34;
}

.QuickActionWrapper .ValidationDialog .Scroll ul.Error .Header {
  color: #FF3F3F;
}

.QuickActionWrapper .ValidationDialog .Scroll ul.Error .FieldLink:hover {
  color: #BE2124;
}

.QuickActionWrapper .ValidationDialog .Scroll ul li div:before {
  height: 4px;
  width: 4px;
  background: #666666;
  border-radius: 4px;
}

.QuickActionWrapper.Information .ToggleValidation .Badge {
  background-color: #6FADCC;
}

.QuickActionWrapper.Information .ValidationDialog .Head {
  border: 1px solid #55a7d1;
  background: #6FADCC;
}

.QuickActionWrapper.Information .ValidationDialog:after {
  border-left-color: #6FADCC;
  background: #0B72AF;
}

.QuickActionWrapper.Information .ValidationDialog:before {
  border-left-color: #3875A9;
}

.QuickActionWrapper.Warning .ToggleValidation .Badge {
  background-color: #EFB479;
}

.QuickActionWrapper.Warning .ValidationDialog .Head {
  border: 1px solid #E69E6A;
  background: #EFB479;
}

.QuickActionWrapper.Warning .ValidationDialog:after {
  border-left-color: #F1B980;
  background: #FF6A00;
}

.QuickActionWrapper.Warning .ValidationDialog:before {
  border-left-color: #EC8D16;
}

.QuickActionWrapper.Error .ToggleValidation .Badge {
  background-color: #D73549;
}

.QuickActionWrapper.Error .ValidationDialog .Head {
  border: 1px solid #DB7272;
  background: #CE5C5C;
}

.QuickActionWrapper.Error .ValidationDialog:after {
  border-left-color: #CE5C5C;
  background: #9C0000;
}

.QuickActionWrapper.Error .ValidationDialog:before {
  border-left-color: #AD1C1C;
}

ul.RelatedForms li a:hover, .RelatedActionPanel .Toggle:hover {
  background-color: #FFFFFF;
}

.Modernized ul.RelatedForms li a:hover, .Modernized ul.RelatedForms .RelatedActionPanel .Toggle:hover {
  background-color: transparent;
}

.RelatedActionPanel .List {
  box-shadow: 1px 1px 8px 0px #aaaaaa;
  background: #FFFFFF;
}

.RelatedActionPanel .List li a {
  background-color: transparent;
}

.RelatedActionPanel .List li a.Focus, .RelatedActionPanel .List li a:hover {
  background: #4183d7;
  color: #FFFFFF;
}

.RelatedActionPanel .List li .OpenTransactionForm a.import {
  transition: none;
}

.RelatedActionPanel .List li .OpenTransactionForm a.import.Focus, .RelatedActionPanel .List li .OpenTransactionForm a.import:hover {
  background: #4183d7;
  color: #FFFFFF;
}

/*footer drop up*/
.dropdown-formactions .formActionmenu {
  background: #FFFFFF;
  box-shadow: 1px 1px 8px 0px #aaaaaa;
}

.dropdown-formactions .formActionmenu .menuActionButton a.ui-state-focus, .dropdown-formactions .formActionmenu .menuActionButton a:hover {
  background: #f1f1f1;
  color: #000000;
}

.dropdown-formactions .formActionmenu .menuActionButton.disabled a.ui-state-focus, .dropdown-formactions .formActionmenu .menuActionButton.disabled a:hover {
  background: #aaaaaa;
  color: #000000;
}

.dropdown-formactions .formActionmenu.disabled a.ui-state-focus, .dropdown-formactions .formActionmenu.disabled a:hover {
  background: #aaaaaa;
  color: #000000;
}

.Badge {
  background-color: #44698f;
  color: #FFFFFF;
}

/*.Dashboard{
	.ui-layout-west ul.LinkList li a.link-selected{background: $nodeSelectdBg;color:$white;
		&:after{border-left-color:$nodeSelectdBg;}

	}
}*/
.DashboardFilter, .PanelSearchFields {
  border: 1px solid #dbdbdb;
  background-color: #fafafa;
}

/*Controls*/
input[type=text], input[type=textarea], input[type=radio], .input[type=checkbox], input[type=password], select, textarea, .LookupWrapper, .money, .LookupTrigger, .ui-autocomplete, .ui-autocomplete-multiselect, .MassUpdateFormFormWrapper input[type=checkbox]:after, .ui-datepicker, .ui-datepicker-header, .custom-drop, .calendar, input[type=checkbox] + label {
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
  -ms-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
  -webkit-transition: -webkit-box-shadow ease-in-out 0.15s;
  transition: box-shadow ease-in-out 0.15s;
  -ms-transition: box-shadow ease-in-out 0.15s;
  border-color: #b8b8b8 !important;
  /* color: $PPBlackColor;*/
}

/* Report form controls styling */
form.Modernized.ReportForm .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td.toggle input[type=checkbox] + label:after, form.Modernized.ReportForm .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th.toggle input[type=checkbox] + label:after, form.Modernized.ReportForm .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th.toggle input[type=checkbox] + span:after, form.Modernized.ReportForm .cardView .cardItem .checkBoxContainer.toggle input[type=checkbox] + label:after, form.Modernized.ReportForm .Card .SelectAllContainer.toggle label, form.Modernized.ReportForm .TabularCard .SelectAllContainer.toggle label:after {
  content: "" !important;
  display: inline-block !important;
  position: relative !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background-color: #FFFFFF;
  top: 1.5px !important;
  left: -5px !important;
  transition: all 0.5s !important;
  margin: 0px !important;
  border-width: 0 !important;
}

form.Modernized.ReportForm .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td.toggle input[type=checkbox]:checked + label, form.Modernized.ReportForm .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td.toggle input[type=checkbox]:checked + span, form.Modernized.ReportForm .cardView .cardItem .checkBoxContainer.toggle input[type=checkbox]:checked + label, form.Modernized.ReportForm .Card .SelectAllContainer.toggle input[type=checkbox]:checked + label,
.TabularCard .SelectAllContainer.toggle input[type=checkbox]:checked + label {
  background-color: #078292;
  border: 1px solid #078292;
  background-image: none !important;
}

form.Modernized.ReportForm .toggle input[type=checkbox] + .custom-check:after, form.Modernized .toggle input[type=checkbox] + input + .custom-check:after {
  content: "" !important;
  display: inline-block !important;
  position: relative !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  background-color: #FFFFFF;
  top: 1px !important;
  left: 2px !important;
  transition: all 0.5s !important;
  margin: 0px !important;
  border-width: 0;
}

form.Modernized.ReportForm .toggle .EditFieldValueBlock input[type=checkbox] + input + .custom-check:after,
form.Modernized.ReportForm .toggle .EditFieldValueBlock input[type=checkbox]:checked + input + .custom-check:after {
  top: -1.5px !important;
}

form.Modernized.ReportForm .toggle input[type=checkbox]:checked + .custom-check, form.Modernized.ReportForm input[type=checkbox]:checked + input + .custom-check, form.Modernized .toggle input[type=checkbox]:checked + input + .custom-check {
  background-color: #078292;
  border: 1px solid #078292;
  background-image: none !important;
}

form.Modernized.ReportForm .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td.toggle input[type=checkbox] + label, form.Modernized.ReportForm .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td.toggle input[type=checkbox] + span, form.Modernized.ReportForm .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th.toggle input[type=checkbox] + label, form.Modernized.ReportForm .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th.toggle input[type=checkbox] + span, form.Modernized.ReportForm .cardView .cardItem .checkBoxContainer.toggle input[type=checkbox] + label, form.Modernized.ReportForm .Card .SelectAllContainer.toggle input[type=checkbox] + label, form.Modernized.ReportForm .TabularCard .SelectAllContainer.toggle input[type=checkbox] + label {
  background-color: #b1adad;
  border: 1px solid #b5acac !important;
}

form.Modernized.ReportForm .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td.toggle input[type=checkbox]:checked + label::after, form.Modernized.ReportForm .Card .SelectAllContainer.toggle label, form.Modernized.ReportForm .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th.toggle input[type=checkbox]:checked + label::after, form.Modernized.ReportForm .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th.toggle input.toggle[type=checkbox]:checked + span::after {
  left: 4px;
}

form.Modernized.ReportForm .cardView .cardItem .checkBoxContainer.toggle input[type=checkbox]:checked + label:after, form.Modernized.ReportForm .TabularCard .SelectAllContainer.toggle input[type=checkbox]:checked + label:after,
form.Modernized .toggle input[type=checkbox]:checked + input + .custom-check:after {
  left: 16px !important;
}

form.Modernized.ReportForm .cardView .cardItem .checkBoxContainer.toggle input[type=checkbox] + label:after, form.Modernized.ReportForm .TabularCard .SelectAllContainer.toggle label:after {
  top: -1px;
  left: 1px;
}

form.Modernized.ReportForm .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th.toggle input[type=checkbox] + label:after, form.Modernized.ReportForm .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th.toggle input[type=checkbox] + span:after {
  top: 2px;
  left: -6px;
}

form.Modernized.ReportForm .ModernizedPanelContent fieldset .field.toggle.CheckBoxStyle .EditFieldValueBlock input[type=checkbox]:checked + input + .custom-check {
  /*background: none;*/
  background-image: none !important;
}

form.Modernized.ReportForm .ModernizedPanelContent fieldset .field.toggle.CheckBoxStyle .EditFieldValueBlock input[type=checkbox] + input + .custom-check {
  border: 1px solid #b5acac !important;
}

.SearchCriteriaFieldsWrapper .EditFieldValue, .SearchCriteriaFieldsWrapper .money, .SearchCriteriaFieldsWrapper .LookupFieldValue, input[type=checkbox] + .custom-check, input[type=checkbox] + input + .custom-check, input[type=radio] + .custom-radio {
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
  -ms-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
  -webkit-transition: -webkit-box-shadow ease-in-out 0.15s;
  transition: box-shadow ease-in-out 0.15s;
  -ms-transition: box-shadow ease-in-out 0.15s;
  border-color: #b8b8b8 !important;
}

input[type=radio]:checked + .custom-radio span {
  background: #4093ea;
}

.calendar, .LookupTrigger {
  background-color: transparent;
}

.money .EditFieldValue {
  background: none;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -ms-box-shadow: none !important;
}

.money-disabled input {
  background-color: inherit;
}

.LookupDisabled, .money-disabled, .wasDisabled {
  background-color: #EEEEEE !important;
  border-color: #b8b8b8 !important;
}

/*On Focus*/
input:focus + span.calendar, .LookupWrapper.Focus > span.LookupTrigger {
  border-color: #4093ea !important;
}

/*.LookupWrapper.Focus, .money.Focus, input[type="text"]:focus:not(.LookupEditor), input[type="password"]:focus, .BasValueBlock span.Focus, select:focus + .custom-drop {
    -moz-outline-color: transparent;
    outline-color: transparent;
    border-color: #4093ea !important;
    -webkit-box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
    box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
    -ms-box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
}*/
.EditFieldValue:not(.disabled):focus, select.LookupFieldValue:focus, .dropdown:focus {
  -moz-outline-color: transparent;
  outline-color: transparent;
  border-color: #4093ea !important;
  -webkit-box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
  box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
  -ms-box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
}

input[type=radio]:focus + .custom-radio, input[type=checkbox]:focus + input + .custom-check, input[type=checkbox]:focus + .custom-check, .FieldValueBlock select:focus + .custom-drop {
  -moz-outline-color: transparent;
  outline-color: transparent;
  border-color: #4093ea !important;
  -webkit-box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
  box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
  -ms-box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
}

.ui-pg-input:focus, .ui-pg-selbox:focus, .dropdown.Focus {
  -moz-outline-color: #4093ea;
  outline-color: #4093ea;
  border-color: transparent !important;
}

.Focus .mce-panel {
  -moz-outline-color: transparent;
  outline-color: transparent;
  border-color: #4093ea !important;
  -webkit-box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
  box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
  -ms-box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
}

/*Disabled Control*/
select[disabled], .FieldValueBlock select[disabled] + .custom-drop {
  color: #2d2d2d !important;
  background: #EEEEEE !important;
  background-color: #EEEEEE !important;
  background-image: none !important;
  border-color: #b8b8b8 !important;
}

input[type=text][type=textarea][type=radio][type=checkbox][disabled=disabled]:not(select):not(.selectedTextField) {
  color: #2d2d2d;
  background: #EEEEEE;
  background-color: #EEEEEE;
  background-image: none;
  border-color: #b8b8b8;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -ms-box-shadow: none !important;
}

input[type=text][disabled=disabled] + .calendar {
  border-color: #b8b8b8 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -ms-box-shadow: none !important;
}

.disabled {
  color: #2d2d2d !important;
  background: #EEEEEE !important;
  background-color: #EEEEEE !important;
  background-image: none !important;
  border-color: #b8b8b8;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -ms-box-shadow: none !important;
}

/*Temporary style till disabled style is implemented*/
.formActionButton.disabled, .formActionButton > .disabled {
  background-color: transparent !important;
}

.money-disabled .currency, .money-disabled input, .LookupDisabled, .money-disabled, .wasDisabled {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -ms-box-shadow: none !important;
}

input[type=radio][disabled=disabled] + .custom-radio, input[type=radio][readonly=readonly] + .custom-radio, input[type=checkbox][disabled=disabled] + .custom-check, input[type=checkbox][readonly=readonly] + .custom-check {
  background-color: #E3E3E3;
  border-color: #b8b8b8 !important;
}

input[type=radio][disabled=disabled] + .custom-radio > span, input[type=radio][readonly=readonly] + .custom-radio > span, input[type=checkbox][disabled=disabled] + .custom-check > span, input[type=checkbox][readonly=readonly] + .custom-check > span {
  background-color: transparent;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -ms-box-shadow: none !important;
}

input[type=radio][disabled=disabled]:checked + .custom-radio, input[type=radio][readonly=readonly]:checked + .custom-radio {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -ms-box-shadow: none !important;
}

input[type=radio][disabled=disabled]:checked + .custom-radio > span, input[type=radio][readonly=readonly]:checked + .custom-radio > span {
  background-color: #BCC0C5;
}

input[type=radio] + .custom-radio span {
  background-color: transparent;
}

.e-input[disabled], .e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled], .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled, .e-float-input input[disabled], .e-float-input.e-control-wrapper input[disabled], .e-float-input textarea[disabled], .e-float-input.e-control-wrapper textarea[disabled], .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-disabled {
  -webkit-text-fill-color: initial !important;
  color: inherit !important;
}

.LookupEditor {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -ms-box-shadow: none !important;
}

/*AutoComplete*/
.ui-autocomplete .ui-state-focus {
  background: #44698f;
  color: #FFFFFF;
  border-width: 0px 0px 1px 0px;
}

/*Information control*/
.InformationBlock input {
  color: #ef6b3b !important;
  border: 0px;
  background: #FFFFFF;
}

/*Error*/
.LookupWrapper.Error, .money.Error, input[type=text].Error:not(.LookupEditor), input[type=password].Error, select.Error + .custom-drop, textarea.Error {
  -moz-outline-color: transparent;
  outline-color: transparent;
  border-color: #FF440D !important;
}

.ui-dialog.MassupdateDialog .MassUpdateFormFormWrapper .error-records-container table.ErrorRecords thead {
  background-color: unset;
}

/*Dialog Window*/
.ui-dialog {
  background-color: #FDFDFD;
}

.ui-dialog .ui-dialog-titlebar {
  color: #FFFFFF;
  background: #44698f;
  border-bottom: 1px solid #D6D6D6;
}

.ui-dialog .ui-dialog-content .AdvsWrapper {
  border: none;
  border-right: 2px solid #C6C7C6;
}

.ui-dialog .ActionFormButtonPanelWrapper {
  border-color: #dbdbdb;
}

.ui-dialog .DialogFormButtonPanelWrapper, .ui-dialog .ActionFormButtonPanelWrapper {
  border-color: #dbdbdb;
  background-color: #f6f6f6;
}

.ui-dialog.ConfirmActionDialog .ui-widget-content, .ui-dialog.AlertDialog .ui-widget-content {
  color: #FFFFFF;
}

.ui-dialog.ConfirmActionDialog .ui-dialog-buttonpane .ui-button, .ui-dialog.AlertDialog .ui-dialog-buttonpane .ui-button {
  border: 1px solid #FFFFFF;
  background-color: transparent;
  color: #FFFFFF;
}

.ui-dialog.ConfirmActionDialog .ui-dialog-buttonpane .ui-button:hover, .ui-dialog.ConfirmActionDialog .ui-dialog-buttonpane .ui-button:focus, .ui-dialog.AlertDialog .ui-dialog-buttonpane .ui-button:hover, .ui-dialog.AlertDialog .ui-dialog-buttonpane .ui-button:focus {
  background-color: rgba(0, 0, 0, 0.25);
}

.ui-dialog.ConfirmActionDialog.Information, .ui-dialog.AlertDialog.Information {
  background-color: #4388CC;
}

.ui-dialog.ConfirmActionDialog.Warning, .ui-dialog.AlertDialog.Warning {
  background-color: #F39819;
}

.ui-dialog.ConfirmActionDialog.Error, .ui-dialog.AlertDialog.Error {
  background-color: #B63030;
}

.ui-dialog.InActive .ui-dialog-titlebar {
  background: #A7C6DB;
}

/*Enamsse Update*/
.MassUpdateForm h3 {
  color: #FFFFFF !important;
}

.MassUpdateForm .MassUpdatePanelLeft, .MassUpdateForm .MassUpdatePanelRight, .MassUpdateForm h3.TitleCaption, .MassUpdateForm .checkboxRow {
  border-color: #dbdbdb !important;
}

.MassUpdateForm .checkboxRow input.mass-checkbox + .custom-check:before {
  border-color: #b8b8b8 !important;
}

/*Right click context menu*/
.contextMenu {
  background-color: #FFFFFF;
  -webkit-box-shadow: 1px 1px 8px 0px #aaaaaa;
  box-shadow: 1px 1px 4px 0px #aaaaaa;
}

.contextMenu ul li a {
  color: #078292;
  line-height: 1.2em;
}

.contextMenu ul li:hover a {
  color: #078292;
  background-color: #f1f1f1;
}

.contextMenu ul li.disabled A {
  color: #AAA;
}

.contextMenu ul li.hover.disabled A {
  background-color: transparent;
}

.contextMenu ul li.separator {
  border-top: solid 1px #EEE;
}

/*DatePicker*/
.ui-datepicker {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
  background: #FFFFFF;
}

.ui-datepicker .ui-datepicker-header {
  background: #F0F0F0;
  color: inherit;
}

.ui-datepicker .ui-datepicker .ui-state-active, .ui-datepicker .ui-datepicker .ui-state-hover {
  background: #D0E5F6;
  color: #000000 !important;
}

.ui-datepicker .ui-timepicker-div {
  color: #666666 !important;
}

.ui-datepicker .ui-timepicker-div .ui-widget-header {
  background: none;
  color: #3c3c3c;
}

.ui-datepicker .ui-timepicker-div .ui-slider {
  border-radius: 3px;
  border: 1px solid #8FBCF7 !important;
}

.ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {
  border-radius: 3px;
  border: 1px solid #C3C3C3;
}

.ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:hover {
  background: #E8E8E8;
}

::-webkit-scrollbar-thumb {
  background: #9D9D9D !important;
  border: 1px solid #f6f6f6 !important;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555555 !important;
  border: 1px solid #555555 !important;
}

::-webkit-scrollbar-track {
  background: #f6f6f6;
}

::-webkit-scrollbar {
  width: 10px !important;
  height: 10px;
}

.redTxt {
  color: #E40D0D;
}

.greenTxt {
  color: #0D9E0D;
}

.orangeTxt {
  color: #FF8D00;
}

.versonNo {
  color: #44698f;
}

.ui-jqgrid .ui-state-highlight a, .ui-jqgrid .ui-widget-content .ui-state-highlight a {
  color: inherit;
}

.e-input-group-icon.e-date-icon::before, *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
  display: none !important;
}

.e-input-group-icon.e-date-icon, *.e-control-wrapper .e-input-group-icon.e-date-icon {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.e-datetime-wrapper .e-time-icon.e-icons::before {
  display: none !important;
}

.e-datetime-wrapper .e-time-icon.e-icons {
  background-image: url("../../icons/PP_Icons.png") !important;
}

/*Theme selector to optimize*/
.TopLevelSearchHeader li.Current {
  background-color: #34557E;
}

.TopLevelSearchHeader #MenuSearchBox {
  color: #7995B6;
}

.TopLevelSearchHeader.Active #MenuSearchBox {
  background: #FFFFFF;
  color: #34557E;
}

.TopLevelSearchHeader li.Current a.SearchResult, .rideLeaseWave {
  color: #FFFFFF;
}

.blockUI {
  color: #44698f;
}

.blockUI, .SettingsWrapper .SettingsTitle a {
  background-color: transparent;
}

.ui-grid-overlay-hide {
  background-color: transparent;
}

.ui-grid-overlay-show {
  background-color: #E2E0E0;
}

.ui-grid-loading-show {
  background: transparent !important;
}

/*Transaction Form Context Bar*/
.DocumentLink, .OverrideFlagContainer .CheckListLink, #header .mainNav .toggleLink a {
  color: #FFFFFF;
}

.formActionButton *, .dropdown-formactions, .dropdown-formactions *, .menuAction {
  color: #FFFFFF;
}

#tabs a > .FormType, .ConfirmActionDialog .ui-button-text, .InfoSummar, .ui-grid-loading-show {
  color: #FFFFFF;
}

.UserInfoWrapper .UserName, .LoginLink {
  color: #FFFFFF;
}

#header .mainNav .toggleContent a {
  color: #34557E;
}

.errorBox h3, .errorBox ul li a, .error label {
  color: #bf0a10;
}

.field-validation-error {
  color: #ff0000;
}

.QuickActionWrapper .QuickAccessSet label, .tag-editor input {
  color: #04468c;
}

#SessionTracker {
  background: #eef1f5;
  color: #000000;
  box-shadow: 0px 0px 3px 1px #aaaaaa;
  border-top: 5px solid #44698F;
}

#SessionTracker.Animate {
  border-color: #f65959;
}

.CommentView .summary, .comment-title-bar .comment-title, .CommentView .ResponseTable, .comment-title-bar a {
  color: #04468c;
}

.DisplayValidationDetail textarea.copyable {
  color: inherit;
}

.button-bar li span:nth-child(2):hover {
  color: #418edf;
}

.TransactionTypeFilter li.Selected span {
  color: #418edf;
}

.button-bar li span:nth-child(2) {
  color: #000000;
}

.ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #000000;
}

.ui-widget-content .ui-state-information-text, .ui-widget-header .ui-state-information-text {
  color: #000000;
}

.ui-widget-content .ui-state-warning-text, .ui-widget-header .ui-state-warning-text {
  color: #000000;
}

.ui-jqgrid .ui-jqgrid-custom-link {
  color: inherit;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  color: #363636;
}

.websitelinks FieldSet a {
  color: #1E427B;
}

.ui-color-red {
  color: #B82828 !important;
}

.ui-color-orange {
  color: #f27704 !important;
}

.ui-color-purple {
  color: #5015E9 !important;
}

.ui-color-blue {
  color: #142DE4 !important;
}

.ui-color-green {
  color: #0CB313 !important;
}

.ui-color-grey {
  color: #A9A9A9 !important;
}

.ui-background-color-red {
  background-color: #ef1b10 !important;
}

.ui-background-color-orange {
  background-color: #f27704 !important;
}

.ui-font-weight-bold {
  font-weight: bold !important;
  color: #000000 !important;
}

.ui-state-information-text {
  color: green !important;
}

.ui-state-warning-text {
  color: orange !important;
}

.HeaderDisclaimerPanel, .FooterDisclaimerPanel, .PanelDisclaimer {
  color: #005cb9;
}

/*Modernized UI*/
.Modernized {
  background-color: #FAFAFA;
}

form.Modernized.CommentForm {
  background-color: #FFFFFF !important;
}

.cardView.cardContainer {
  background: #FFFFFF;
}

.TabularCard .cardView.cardContainer .cardItem:nth-child(odd) {
  background: #f0f3f7;
}

/*.cardItem {
    background-color: $PPWhiteColor;
}*/
.Chip .cardItem {
  border: 1px solid #078292;
}

.Chip .cardItem.RedText {
  border: 1px solid #D93249;
  background-color: #F8D8DC;
}

.Chip .cardItem.OrangeText {
  border: 1px solid #FE7926;
  background-color: #FFF0CD;
}

.Chip .cardItem.BlueText {
  border: 1px solid #1C959D;
  background-color: #C7F5F8;
}

.Chip .cardItem.GreenText {
  border: 1px solid #1C959D;
  background-color: #D9F1E3;
}

.cardItem.carousal {
  border: 0px solid #DDDEDE;
}

.BorderedCard .cardItem.carousal {
  border: 1px solid #DDDEDE;
}

.valueContainer {
  color: #3c3c3c;
}

.cardHeader {
  border-bottom: 1px solid #DDDEDE;
}

.mainHeader {
  color: #00acc8;
}

.subHeader {
  color: cadetblue;
}

.viewMoreButton {
  background: #00acc8;
  color: #FFFFFF;
}

.prevNavigator, .nextNavigator {
  border: 1px solid #f0f3f7;
  background-color: #f0f3f7;
}

.cardItem.RedText {
  border-left: 5px solid #D93249;
}

.cardItem.OrangeText {
  border-left: 5px solid #f27704;
}

.cardItem.PurpleText {
  border-left: 5px solid #5015E9;
}

.cardItem.BlueText {
  border-left: 5px solid #142DE4;
}

.cardItem.GreenText {
  border-left: 5px solid #0CB313;
}

.cardItem.GreyText {
  border-left: 5px solid #A9A9A9;
}

.cardView.GreenBg .cardItem {
  background-color: #ecf4ed;
}

.cardView.PearlWhiteBg .cardItem {
  background-color: #fdfcf4;
}

.cardView.GreyBg .cardItem {
  background-color: #efefef;
  border: 1px solid #aaabab;
}

.cardView.SilverBg .cardItem, fieldset.Card.SilverBg {
  background-color: #f8f7fd;
}

.cardView.BlueBg .cardItem {
  background-color: #f6fdfc;
}

.cardView.RedBg .cardItem {
  background-color: #f9ecec;
  border: 1px solid #aaabab;
}

.TransactionFormWrapper .overlay.show {
  background: #000000;
}

.Panel.Popup .PanelHeader span {
  color: #1e61a5;
}

.ModernizedContainer .ActionPanel .Panel.Popup .PanelHeader span {
  color: #FFFFFF;
  background: #7ea7c7 !important;
  border: 1px solid #5a8fb8 !important;
}

.TransactionFormWrapper .PopupPanelWrapper.show {
  background: #FFFFFF;
  border-bottom: 6px solid #44698f;
}

.Modernized .PopupPanelWrapper .PopupButtonPanelWrapper .PopupButtonControlSet .btn {
  background: #00A1B6 !important;
  border: 1px solid #00A1B6 !important;
  color: #FFFFFF !important;
}

.Modernized .TransactionFormWrapper .PopupPanelWrapper.show {
  border-bottom: 0px !important;
}

.TransactionFormWrapper .PopupPanelWrapper .PopupPanelHeader {
  color: #FFFFFF;
  background: #44698f;
  border-bottom: 1px solid #44698f;
}

.Modernized .TransactionFormWrapper .PopupPanelWrapper .PopupPanelHeader {
  color: #000000;
  background: #FFFFFF;
  border-bottom: 1px solid #cce5e8;
}

.PopupPanelWrapper .PopupButtonPanelWrapper {
  border-color: #dbdbdb !important;
  background-color: #f6f6f6;
}

.Modernized .PopupPanelWrapper .PopupButtonPanelWrapper {
  background-color: #FFFFFF !important;
  border-color: transparent !important;
}

.CollectionLoading, .chartNoRecords {
  color: #44698f !important;
}

.TransactionForm.Modernized .QuickActionWrapper, .TransactionForm.Modernized .QuickActionWrapper a:hover {
  background-color: transparent;
}

.ModernizedContainer .ActionPanel {
  /*background-color: #f0f3f7;*/
}

.WidgetContainerPanel .Panel.ModernizedWidget:not(.Layout, .SummaryStyle) .ModernizedPanelContent {
  background-color: #FFFFFF;
}

.WidgetContainerPanel .Panel.ModernizedWidget.Indicator.RedToDefaultBg:not(.Layout) .ModernizedPanelContent {
  background-image: url("../../images/brand-circles-artwork.png"), linear-gradient(to right, #9c1813, #023242);
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  background-color: transparent !important;
}

.WidgetContainerPanel .Panel.ModernizedWidget.Indicator.DefaultBg:not(.Layout) .ModernizedPanelContent {
  background-color: #023242 !important;
  background-image: url(../../images/brand-circles-artwork.png) !important;
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}

.WidgetContainerPanel .Panel.ModernizedWidget.Indicator.BlueToDefaultBg:not(.Layout) .ModernizedPanelContent {
  background-color: #0E74A0 !important;
  background-image: url("../../images/BlueDashboardBanner.png") !important;
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}

.Modernized .ModernizedContainer .Panel.ModernizedWidget.Indicator .PanelFooterBar {
  background-color: #FFFFFF;
}

/*.ModernizedPanelContent fieldSet { background-color:#ffffff; }*/
/*.ModernizedPanelContent .Collection { background-color:#ffffff; }*/
/*.ModernizedWidget .headerPanel { background-color:#ffffff; }*/
.ModernizedPanelContent .Panel.Popup .PanelTitleStyle {
  background-color: #FFFFFF;
}

.ModernizedWidget .header {
  border-bottom: 1px solid #cce5e8;
}

.ModernizedWidget .header .HeaderText {
  color: #078292;
}

.ModernizedWidget.Panel .header .HeaderActions::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.ModernizedWidget.Panel .header .HeaderActions::-webkit-scrollbar-thumb {
  background: #888;
}

.ModernizedWidget.Panel .header .HeaderActions::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.header-underline {
  background-color: #00A1B6;
}

.ModernizedContainer .ActionPanel .FieldSet span.Icon {
  border: solid 1px #f5f5f5;
}

.ModernizedContainer .FieldSet span.Icon {
  background-color: #FFFFFF;
}

.ModernizedContainer .ExecuteCommand.Button:not(.DisplayLink) {
  background: transparent !important;
  border-right: 0 !important;
  color: #1A818C !important;
}

.ModernizedContainer .ModernizedWidget.Panel.Indicator .PanelFooterBar .ActionControlSet:not(:first-child) .ExecuteCommand.Button:not(.DisplayLink) {
  border-left: 2px solid #1A818C !important;
  border-radius: 0;
}

.ModernizedContainer .PerformAction {
  color: #FFFFFF !important;
  background: #7ea7c7 !important;
  border: 1px solid #5a8fb8 !important;
}

.rowActionBar .GridActionGroup .CustomAction.PerformAction {
  background: none !important;
  border: none !important;
}

.ModernizedContainer fieldset .DisplayField {
  border: 0px !important;
}

.ModernizedContainer .DisplayField.RedWrapper {
  border: 0px !important;
}

.ModernizedContainer .DisplayField .DisplayFieldLabel {
  color: #585858;
}

.ModernizedContainer .ModernizedWidget.Panel.Indicator .DisplayField .DisplayFieldLabel {
  color: #FFFFFF !important;
}

.ModernizedWidget.Panel.Indicator .field.DisplayField .FieldValueBlock, .ModernizedWidget.Panel.Indicator .field.DisplayField .FieldValueBlock label, .field .FieldValueBlock label.Boolean {
  color: #FFFFFF !important;
}

.ModernizedContainer .DisplayField.RedContent .DisplayFieldLabel {
  color: #D93249 !important;
}

.ModernizedContainer .DisplayField .DisplayFieldValue {
  background-color: transparent !important;
  color: #233647;
}

.ModernizedContainer .DisplayField.RedContent .DisplayFieldValue {
  color: #D93249 !important;
}

.ModernizedContainer .Collection .ui-jqgrid-titlebar.Collapsible {
  color: #000000;
}

.cardColumn .PrimaryCovered {
  border: 1px solid #f5f5f5;
}

.cardItem .carousal .RedText {
  color: #FF0000 !important;
}

.carousel__control {
  border-color: #44698f !important;
}

.commentCard {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  border: solid 1.5px #00abc9;
  background-color: #1c959d;
}

.Card .cardFooter, .TabularCard .cardFooter {
  /*background: #f0f3f7;*/
}

.SelectParamCollection.Card .cardFooter, .SelectParamCollection.TabularCard .cardFooter {
  background: #FFFFFF;
}

.SelectParamCollection.Collection .PageInfoSelectOption {
  background: #FFFFFF;
}

.SelectParamCollection.Card .cardItem {
  background: #FAFBFD;
}

.currentPageRecords {
  color: transparent;
}

.prevNextContainer > button {
  background-color: transparent !important;
  border-color: #708ca9 !important;
}

.cardView > .cardItem > .cardHeader > div > span {
  color: #666666;
}

.cardcolumn .valuecontainer {
  color: #000000;
}

.cardItem .GridCommandLink, .cardColumn > .valueContainer > .DownloadLink, .cardItem .GridCommandLink:hover, .cardColumn > .valueContainer > .DownloadLink:hover {
  color: inherit !important;
}

.List > .grid-wrapper > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table tr > td > .GridCommandLink {
  color: #00A1B6 !important;
}

.ActionPanel .ActionPanelWidgets .ModernizedPanelContent .FieldSet .EditField.field .FieldLabelBlock {
  border-bottom: dotted 1px #e8e4e4;
}

.cardRow.Line > div:not(:first-child) {
  border-left: 1px solid #868686;
}

.cardRow.RedText > .cardColumn > .labelContainer, .cardRow.RedText > .cardColumn > .valueContainer, .cardView > .cardItem > .cardHeader.RedText > .cardColumn > .labelContainer, .cardView > .cardItem > .cardHeader.RedText > .cardColumn > .valueContainer {
  color: #D93249 !important;
}

.cardRow.RedBg > .cardColumn, .cardView > .cardItem > .cardHeader.RedBg {
  background-color: #D93249 !important;
}

.cardRow.OrangeText > .cardColumn > .labelContainer, .cardRow.OrangeText > .cardColumn > .valueContainer, .cardView > .cardItem > .cardHeader.OrangeText > .cardColumn > .labelContainer, .cardView > .cardItem > .cardHeader.OrangeText > .cardColumn > .valueContainer {
  color: #f27704 !important;
}

.cardRow.OrangeBg > .cardColumn, .cardView > .cardItem > .cardHeader.OrangeBg {
  background-color: #f27704 !important;
}

.cardRow.PurpleText > .cardColumn > .labelContainer, .cardRow.PurpleText > .cardColumn > .valueContainer, .cardView > .cardItem > .cardHeader.PurpleText > .cardColumn > .labelContainer, .cardView > .cardItem > .cardHeader.PurpleText > .cardColumn > .valueContainer {
  color: #b33adf !important;
}

.cardRow.BlueText > .cardColumn > .labelContainer, .cardRow.BlueText > .cardColumn > .valueContainer, .cardView > .cardItem > .cardHeader.BlueText > .cardColumn > .labelContainer, .cardView > .cardItem > .cardHeader.BlueText > .cardColumn > .valueContainer {
  color: #0000ff !important;
}

.cardRow.GreenText > .cardColumn > .labelContainer, .cardRow.GreenText > .cardColumn > .valueContainer, .cardView > .cardItem > .cardHeader.GreenText > .cardColumn > .labelContainer, .cardView > .cardItem > .cardHeader.GreenText > .cardColumn > .valueContainer {
  color: #008000 !important;
}

.cardRow.GreyText > .cardColumn > .labelContainer, .cardRow.GreyText > .cardColumn > .valueContainer, .cardView > .cardItem > .cardHeader.GreyText > .cardColumn > .labelContainer, .cardView > .cardItem > .cardHeader.GreyText > .cardColumn > .valueContainer {
  color: #808080 !important;
}

.cardRow > .cardColumn.RedText > .labelContainer, .cardRow > .cardColumn.RedText > .valueContainer, .cardView > .cardItem > .cardHeader > .cardColumn.RedText > .labelContainer, .cardView > .cardItem > .cardHeader > .cardColumn.RedText > .valueContainer {
  color: #D93249 !important;
}

.cardRow > .cardColumn.RedBg, .cardView > .cardItem > .cardHeader > .cardColumn.RedBg {
  background-color: #D93249 !important;
}

.cardRow > .cardColumn.OrangeText > .labelContainer, .cardRow > .cardColumn.OrangeText > .valueContainer, .cardView > .cardItem > .cardHeader > .cardColumn.OrangeText > .labelContainer, .cardView > .cardItem > .cardHeader > .cardColumn.OrangeText > .valueContainer {
  color: #f27704 !important;
}

.cardRow > .cardColumn.OrangeBg, .cardView > .cardItem > .cardHeader > .cardColumn.OrangeBg {
  background-color: #f27704 !important;
}

.cardRow > .cardColumn.PurpleText > .labelContainer, .cardRow > .cardColumn.PurpleText > .valueContainer, .cardView > .cardItem > .cardHeader > .cardColumn.PurpleText > .labelContainer, .cardView > .cardItem > .cardHeader > .cardColumn.PurpleText > .valueContainer {
  color: #b33adf !important;
}

.cardRow > .cardColumn.BlueText > .labelContainer, .cardRow > .cardColumn.BlueText > .valueContainer, .cardView > .cardItem > .cardHeader > .cardColumn.BlueText > .labelContainer, .cardView > .cardItem > .cardHeader > .cardColumn.BlueText > .valueContainer {
  color: #0000ff !important;
}

.cardRow > .cardColumn.GreenText > .labelContainer, .cardRow > .cardColumn.GreenText > .valueContainer, .cardView > .cardItem > .cardHeader > .cardColumn.GreenText > .labelContainer, .cardView > .cardItem > .cardHeader > .cardColumn.GreenText > .valueContainer {
  color: #008000 !important;
}

.cardRow > .cardColumn.GreyText > .labelContainer, .cardRow > .cardColumn.GreyText > .valueContainer, .cardView > .cardItem > .cardHeader > .cardColumn.GreyText > .labelContainer, .cardView > .cardItem > .cardHeader > .cardColumn.GreyText > .valueContainer {
  color: #808080 !important;
}

fieldset.Card {
  border: solid 1px #dfdfdf;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

fieldset.Card .DisplayField .FieldValueBlock {
  background: transparent;
}

fieldset.Card span.field.FieldActionCtrl {
  background-color: transparent;
}

fieldset.Card span.field .ExecuteCommand.Icon:not(.DisplayLink) {
  background-color: transparent !important;
}

fieldset.Card .DisplayField .FieldLabelBlock label {
  color: #585858;
}

fieldset.Card .field.DisplayField .FieldValueBlock label {
  background-color: transparent !important;
  color: #585858;
}

.cardColumn[readonly=readonly].DocumentType {
  background: transparent;
}

.List.Collection > .grid-wrapper > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table > tbody {
  background-color: #f9f9fd !important;
}

.List.Collection > .grid-wrapper > .ui-jqgrid .ui-jqgrid-btable tbody tr {
  background-color: transparent !important;
}

.List.Collection .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-highlight {
  color: #3a3a3a;
}

.KeywordSearchContainer .KeywordSearchWrapper {
  border: solid 1px #b8b8b8;
  background-color: #f0f3f7;
}

.KeywordSearchContainer .KeywordSearchWrapper .SearchField {
  background-color: transparent;
}

.KeywordSearchContainer .KeywordSearchWrapper.Focus {
  outline-color: transparent;
  border-color: #4093ea !important;
  -webkit-box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
  box-shadow: 0 0 8px rgba(64, 147, 234, 0.6);
}

.KeywordSearchContainer .KeywordSearchWrapper .SearchTrigger {
  background-color: transparent;
}

.ColumnFilterFormWrapper .ColumnFilterContent .FilterToggleWrapper .slider {
  background-color: #ccc;
}

.ColumnFilterFormWrapper .ColumnFilterContent .FilterToggleWrapper .slider:before {
  background-color: #FFFFFF;
}

.ColumnFilterFormWrapper .ColumnFilterContent .FilterToggleWrapper input:checked + .slider {
  background-color: #44698f;
}

.ColumnFilterFormWrapper .ColumnFilterContent .FilterToggleWrapper input:focus + .slider {
  box-shadow: 0 0 1px #44698f;
}

.LinkWrapper.Horizontal ul.LinkList {
  border-bottom: 1px solid #b8b8b8 !important;
}

.LinkWrapper.Horizontal .ui-layout-west.pane-west ul.LinkList li a span {
  color: #43698e;
}

.LinkWrapper.Horizontal .ui-layout-west.pane-west ul.LinkList li a {
  border-bottom: 2px solid transparent !important;
}

.LinkWrapper.Horizontal .ui-layout-west.pane-west ul.LinkList li a.link-selected {
  background: #dae1e9;
  margin-top: -0.5px;
}

.LinkWrapper.Horizontal .ui-layout-west.pane-west ul.LinkList li a:hover:not(.link-selected) {
  border-bottom: 2px solid #5a8fb8 !important;
}

.LinkWrapper.Horizontal .ui-layout-west.pane-west ul.LinkList li a:hover:not(.link-selected):before {
  background: transparent;
}

.LinkWrapper.Horizontal .ui-layout-west.pane-west ul.LinkList li a.link-selected:before {
  background: #5a8fb8;
}

.ui-jqgrid .ui-widget-content .ui-state-highlight a {
  color: #1D407A;
}

.BrowseForm .Chart .chartPrintActionWrapper {
  border: 1px solid #DADADA;
  background-color: #fbfbfb;
}

.ModernizedContainer .ExecuteCommand.Icon:not(.DisplayLink) {
  background-color: #FFFFFF !important;
}

.BrowseForm .Chart .chartDescription {
  color: #04468c;
}

.chartDropwDownContainer > select {
  color: #263746;
}

.Modernized .ModernizedContainer.Panel .ModernizedPanelContent {
  color: #3c3c3c;
}

.Modernized .ModernizedContainer.Panel .ModernizedPanelContent fieldset .field.RedText .EditFieldValueBlock.FieldValueBlock input {
  color: #D93249 !important;
}

.Modernized .ModernizedContainer.Panel .ModernizedPanelContent.PanelDescription {
  color: #909090;
}

.Modernized .ModernizedPanelContent fieldset .EditField.field.RequiredField:after, .Modernized .ModernizedPanelContent fieldset .EditField.field.Redsquare, .Modernized .ModernizedPanelContent fieldset .LookupField.field.RequiredField:after {
  background: #FF0000;
}

.Modernized .ModernizedContainer .GridActionButtonContainer .GridActionGroup.GridActionBtn, .Modernized .ModernizedContainer .GridActionButtonContainer .GridActionGroup.GridActionBtn .PerformAction {
  color: #353535 !important;
  background: #FFFFFF !important;
  border: 1px solid;
  border-color: #DADADA;
}

.Modernized .ModernizedContainer .GridActionButtonContainer .GridActionGroup.GridActionBtn:hover, .Modernized .ModernizedContainer .GridActionButtonContainer .GridActionGroup.GridActionBtn:hover .PerformAction {
  color: #FFFFFF !important;
  background: #7ea7c7 !important;
  border: 1px solid #5a8fb8 !important;
}

.Modernized .ModernizedContainer .GridActionButtonContainer .GridActionGroup.GridActionBtn.Open .DropMenu .Label {
  color: #353535;
}

.ModernizedEmailForm .ModernizedEmailPanelContent.OneColumnLayout.Panel fieldset {
  border: 1px solid #979797;
}

.ModernizedEmailForm .ModernizedEmailPanelContent.OneColumnLayout.Panel fieldset .DisplayFieldValueBlock.FieldValueBlock label {
  background: #F8FBFC;
  color: #2b535f;
}

.ModernizedContainer .ActionPanel .ActionPanelWidgets.Panel:first-child {
  background-image: linear-gradient(to left, #7999B9, #DAE3ED);
}

.ModernizedContainer .ActionPanel .ActionPanelWidgets.Panel:first-child:nth-last-child(2) {
  background-image: url("../../images/brand-circles-artwork.png"), linear-gradient(to left, #7999B9, #DAE3ED);
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}

.ModernizedContainer .ActionPanel .ActionPanelWidgets.Panel:nth-last-child(2) {
  background-image: url("../../images/brand-circles-artwork.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}

.ModernizedContainer .ActionPanel .ActionPanelWidgets.Panel:not(:first-child) {
  background-color: #809EBD;
}

.Modernized .AppControlStrip {
  background-color: #B9CADB;
}

.Modernized .AppControlStrip.FormFooter.Bottom .ButtonControlSet ul li .SubmitAndLoadNext,
.Modernized .AppControlStrip.FormFooter.Bottom .ButtonControlSet ul li .SaveTransaction,
.Modernized .AppControlStrip .ButtonControlSet li:only-child .btn,
.Modernized .AppControlStrip .ButtonControlSet li .btn {
  background-color: #2D4B51;
  border: 1px solid #2D4B51;
}

.Modernized .field.RedText .FieldValueBlock input, .Modernized .field.RedText .FieldValueBlock label,
.Modernized .field.RedText .FieldValueBlock .DisplayLink {
  color: #D93249 !important;
}

.List.Collection.DisplayCollection {
  background-color: #f9f9fd !important;
  border: 1px solid #dfdfdf !important;
}

.cardColumn .valueContainer.SmallLight, .cardColumn .valueContainer.MediumLight, .cardColumn .valueContainer.LargeLight,
.cardColumn .valueContainer.SmallLightItalicized, .cardColumn .valueContainer.MediumLightItalicized, .cardColumn .valueContainer.LargeLightItalicized,
.cardColumn .labelContainer.SmallLight, .cardColumn .labelContainer.MediumLight,
.cardColumn .labelContainer.SmallLightItalicized, .cardColumn .labelContainer.MediumLightItalicized, .cardColumn .labelContainer.LargeLightItalicized {
  color: #666666;
}

.cardColumn .labelContainer.LargeLight,
.cardColumn .labelContainer.Medium {
  color: #555555;
}

.List.Collection.DisplayCollection > .grid-wrapper > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv {
  border: 0 solid #dfdfdf !important;
}

.Collection.Grid .ui-jqgrid td.ui-pill-color-red .pill, .Collection.Card .cardColumn .ui-pill-color-red .pill, .Collection.TabularCard .cardColumn .ui-pill-color-red .pill {
  background-color: #F8D8DC;
  color: #000000;
}

.Collection.Grid .ui-jqgrid td.ui-pill-color-green .pill, .Collection.Card .cardColumn .ui-pill-color-green .pill, .Collection.TabularCard .cardColumn .ui-pill-color-green .pill {
  background-color: #B7EDDE;
  color: #000000;
}

.Collection.Grid .ui-jqgrid td.ui-pill-color-blue .pill, .Collection.Card .cardColumn .ui-pill-color-blue .pill, .Collection.TabularCard .cardColumn .ui-pill-color-blue .pill {
  background-color: #99E0FF;
  color: #000000;
}

.Collection.Grid .ui-jqgrid td.ui-pill-color-orange .pill, .Collection.Card .cardColumn .ui-pill-color-orange .pill, .Collection.TabularCard .cardColumn .ui-pill-color-orange .pill {
  background-color: #FFC7AB;
  color: #000000;
}

.LinkWrapper.Horizontal .TabPageLink .tabNotification .count {
  background-color: #43698e;
  color: #FFFFFF !important;
}

.Panel.CardLayout .PanelContent fieldset .field {
  background-color: #edf1f7 !important;
  border: solid 1px #d4c5c5;
  box-shadow: 1px 1px 0px 0px #c1c1c1;
}

.Panel.CardLayout .PanelContent fieldset .field.DisplayField .FieldValueBlock label {
  color: #44698f !important;
}

.FieldRichTextInfo .FieldValueBlock .RichTextInfoContainer .HtmlRichTextContainer,
.cardView.cardContainer .cardItem .cardColumn .icon-InfoProperty .HtmlRichTextContainer,
.grid-wrapper .ui-jqgrid-view .ui-jqgrid-bdiv td .icon-InfoProperty .HtmlRichTextContainer {
  background: #FFFFFF;
  box-shadow: 1px 1px 4px 0px #c3bbbb;
  border: 1.5px solid #40b8c8;
}

.FieldRichTextInfo .FieldValueBlock .RichTextInfoContainer .HtmlRichTextContainer:after, .FieldRichTextInfo .FieldValueBlock .RichTextInfoContainer .HtmlRichTextContainer:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #40b8c8;
}

.FieldRichTextInfo .FieldValueBlock .RichTextInfoContainer .HtmlRichTextContainer:after {
  border-color: transparent transparent transparent #fbfafa;
}

.FieldRichTextInfo .FieldValueBlock .RichTextInfoContainer .HtmlRichTextContainer:before {
  border-color: transparent transparent transparent #40b8c8;
}

.FieldRichTextInfo .FieldValueBlock .RichTextInfoContainer .HtmlRichTextContainer .header {
  background: #FFFFFF;
  color: #000000;
}

.FieldRichTextInfo .FieldValueBlock .RichTextInfoContainer .HtmlRichTextContainer .title {
  box-shadow: 0 4px 6px -6px #b9b0b0;
}

.FieldRichTextInfo .FieldValueBlock .RichTextInfoContainer .HtmlRichTextContainer .content {
  color: #000000;
  background: #FFFFFF !important;
}

.Carousel .cardFooter .cardFooterPaginationInfo {
  color: #666666 !important;
}

/*Grid Styling*/
.Modernized .Grid .ui-jqgrid .ui-jqgrid-hdiv, .Modernized .Grid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th,
.ModernizationOption-Field .LookupGridContainer .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th,
.ModernizationOption-Field .LookupGridContainer .ui-jqgrid .ui-jqgrid-hdiv {
  color: #555555;
  background-color: #FDFDFD;
  border-color: transparent !important;
  border-bottom-color: #D1D1D1;
}

.Modernized .Panel-Tab .Grid .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv, .Modernized .Grid .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv {
  border-bottom: 1px solid #D6D6D6 !important;
}

.page-size-text .ui-jqgrid .ui-pg-selbox {
  border-color: #D6D6D6;
}

.Modernized .Grid .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-highlight,
.ModernizationOption-Field .LookupGridContainer .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-highlight,
.Modernized .Grid .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-highlight.ui-state-hover,
.ModernizationOption-Field .LookupGridContainer .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-highlight.ui-state-hover {
  background-color: #E2F3F5 !important;
  color: #000000;
}

.Modernized .Grid .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-hover,
.ModernizationOption-Field .LookupGridContainer .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-hover {
  background-color: #E2F3F5 !important;
  /*color:#000 !important;*/
}

.Modernized .Grid .ui-jqgrid .ui-jqgrid-bdiv, .Modernized .Grid .ui-jqgrid .ui-jqgrid-bdiv table tr td,
.ModernizationOption-Field .LookupGridContainer .ui-jqgrid .ui-jqgrid-bdiv, .ModernizationOption-Field .LookupGridContainer .ui-jqgrid .ui-jqgrid-bdiv table tr td {
  border-color: transparent !important;
  border: none !important;
  color: #000000;
}

.Modernized .Grid .ui-jqgrid .ui-jqgrid-btable tbody tr .icon-wrapper, .Modernized .Grid .ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(odd),
.ModernizationOption-Field .LookupGridContainer .ui-jqgrid .ui-jqgrid-btable tbody tr .icon-wrapper, .ModernizationOption-Field .LookupGridContainer .ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(odd) {
  background-color: #F6F6F6 !important;
}

.Modernized .Grid .ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(even), .Modernized .Grid .ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(even) .icon-wrapper .ModernizationOption-Field .LookupGridContainer .ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(even),
.ModernizationOption-Field .LookupGridContainer .ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(even) .icon-wrapper {
  background-color: #FFFFFF;
}

/*.ModernizationOption-Field .LookupGridContainer {
    background-color: $PPWhiteColor;
}*/
/*.ModernizationOption-Field .LookupGridContainer .GridFooter .Message {
    color: $PPBlackColor;
}*/
.Modernized .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td input[type=checkbox] + label, .Modernized .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td input[type=checkbox] + span, .Modernized .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th input[type=checkbox] + label, .Modernized .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th input[type=checkbox] + span, .cardView .cardItem .checkBoxContainer input[type=checkbox] + label, .Card .SelectAllContainer label, .TabularCard .SelectAllContainer label {
  border: 1px solid #078292 !important;
  box-shadow: none;
}

.Modernized .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td input.toggle[type=checkbox] + label, .Modernized .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td input.toggle[type=checkbox] + span, .Modernized .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th input.toggle[type=checkbox] + label, .Modernized .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th input.toggle[type=checkbox] + span, .cardView .cardItem .checkBoxContainer input.toggle[type=checkbox] + label, .Card .SelectAllContainer label, .TabularCard .SelectAllContainer label {
  border: 1px solid #b7bebf !important;
}

.Modernized .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td input[type=checkbox]:checked + label, .Modernized .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td input[type=checkbox]:checked + span, .cardView .cardItem .checkBoxContainer input[type=checkbox]:checked + label, .Card .SelectAllContainer input[type=checkbox]:checked + label, .TabularCard .SelectAllContainer input[type=checkbox]:checked + label {
  background-color: #078292;
}

.Modernized .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th input[type=checkbox]:checked + label, .Modernized .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th input[type=checkbox]:checked + span {
  background-color: #078292 !important;
}

.Modernized .ui-pg-button {
  border: none !important;
}

.Modernized .radio-btn-div {
  position: absolute;
  padding: 5px;
}

.Modernized .icon.icon-radioBtn {
  border: 1px solid #078292 !important;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*Style For Avatar*/
.field .avatarContent .e-avatar.noimage {
  background-image: none !important;
}

.image {
  background-color: #1A818C;
}

.field .ModernizedFileUploader, .ModernizedDragUploader {
  border: dashed 1px #078292;
  color: #078292;
}

/*Horizontal Navbar */
.e-menu-wrapper, .e-menu-wrapper ul .e-menu-item, .HorizontalMenuWrapper {
  background-color: #EDF4F4 !important;
}

.e-menu-wrapper.e-menu-popup ul .e-menu-item {
  background-color: #FFFFFF !important;
}

.e-menu-wrapper ul .e-menu-item, .e-anchor-wrap, .e-menu-wrapper ul .e-menu-item .e-caret {
  color: #555555 !important;
}

.e-menu-item .quick-action-menuItem .e-anchor-wrap {
  /*   color: #000000 !important;*/
  font-size: 15px;
}

.e-menu-wrapper.e-menu-popup {
  border: 1px solid #0A96A9 !important;
  border-top-width: 4px !important;
}

.e-control.e-menu-parent .quick-action {
  background: #E3F5FE !important;
}

.TabularCard .cardItem .rowActionBar .GridActionBtn span:hover {
  cursor: pointer;
}

.preloading-img {
  background-image: url("../../icons/screen-loading_v2.svg#svgView(preserveAspectRatio(none)");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.DialogOpenMode-slider .ui-dialog-titlebar {
  background: transparent !important;
  border-bottom: 1px solid #d6d6d6 !important;
}

.DialogOpenMode-slider .ui-dialog-title {
  color: #000000;
  font-size: 16px;
}

.grid-inlay-dimension {
  background-color: transparent;
}

.TabularCard .cardView .cardItem.Expand {
  background-color: #EDF7FF !important;
}

.Modernized .KeywordSearchWrapper.expand + .searchKeyword, .ModernizationOption-Field .KeywordSearchWrapper.expand + .searchKeyword {
  color: #078292;
}

/* Summary Changes*/
.ModernizedWidget.Panel.CardLayout .header {
  color: #000000;
  border-bottom: 1px solid #ADD4D6 !important;
}

.ModernizedWidget.Panel.CardLayout .ModernizedPanelContent .content > fieldset:not(.HideWidget) ~ fieldset {
  border-top: 1px solid #ADD4D6 !important;
}

.ModernizedWidget.Panel.CardLayout fieldset .field .DisplayFieldValueBlock {
  color: #00747A;
}

.ModernizedWidget.Panel.CardLayout fieldset .field .DisplayFieldValueBlock label {
  color: #00747A;
}

.ModernizedWidget.Panel.CardLayout fieldset .field .DisplayFieldLabelBlock label {
  color: #000000;
}

/*Multi Currency Changes*/
.cardView.cardContainer .cardItem .cardColumn .icon-InfoProperty .HtmlRichTextContainer,
.grid-wrapper .ui-jqgrid-view .ui-jqgrid-bdiv td .icon-InfoProperty .HtmlRichTextContainer {
  border: none !important;
  background: #342828 !important;
}

.FieldRichTextInfo.MultiCurrency .FieldValueBlock .RichTextInfoContainer .HtmlRichTextContainer .HtmlBuilder .content,
.cardView.cardContainer .cardItem .cardColumn .icon-InfoProperty .HtmlRichTextContainer,
.grid-wrapper .ui-jqgrid-view .ui-jqgrid-bdiv td .icon-InfoProperty .HtmlRichTextContainer {
  color: #FFFFFF;
  background: #342828 !important;
}

.FieldRichTextInfo.MultiCurrency .FieldValueBlock .RichTextInfoContainer .HtmlRichTextContainer:before,
.cardView.cardContainer .cardItem .cardColumn .icon-InfoProperty .HtmlRichTextContainer:before,
.grid-wrapper .ui-jqgrid-view .ui-jqgrid-bdiv td .icon-InfoProperty .HtmlRichTextContainer:before {
  border-left: 10px solid transparent !important;
  border-right: 10px solid transparent !important;
  border-bottom: 10px solid #342828 !important;
}

.cardView.cardContainer .cardItem .cardColumn .icon-InfoProperty .HtmlRichTextContainer.openAtTop:before,
.grid-wrapper .ui-jqgrid-view .ui-jqgrid-bdiv td .icon-InfoProperty .HtmlRichTextContainer.openAtTop:before {
  border-top: 10px solid #342828 !important;
  border-bottom: 0 !important;
}

.FieldRichTextInfo.MultiCurrency .FieldValueBlock .RichTextInfoContainer .HtmlRichTextContainer .header, .FieldRichTextInfo.MultiCurrency .FieldValueBlock .RichTextInfoContainer .HtmlRichTextContainer .HtmlBuilder {
  color: #FFFFFF !important;
  background: #342828 !important;
  border-bottom: 0px !important;
}

/* UI Feedback Changes */
.Collection.Grid .ui-jqgrid td.ui-pill-color-teal .pill, .Collection.Card .cardColumn .ui-pill-color-teal .pill, .Collection.TabularCard .cardColumn .ui-pill-color-teal .pill {
  background-color: #1C959D;
  color: #000000;
}

.Collection.TabularCard .cardColumn .ui-border-color-teal .pill {
  background: transparent;
  border: 1px solid #078292;
  color: #078292;
}

.ModernizedContainer .Panel-Tab .e-tab-header .e-item.e-toolbar-item {
  border: 1px solid #1A818C;
  background: #FFFFFF;
}

.ModernizedContainer .Panel-Tab .e-tab-header .e-item.e-toolbar-item .e-tab-text {
  color: #1A818C;
}

.ModernizedContainer .Panel-Tab .e-tab-header .e-tab-wrap:hover .e-tab-text {
  color: #1C959D !important;
}

.ModernizedContainer .Panel-Tab .e-tab-header .e-item.e-toolbar-item.e-active {
  background: #1A818C;
  border: 1px solid #1A818C !important;
}

/*Transaction Form Style changes*/
.ui-dialog .Modernized .ContentPanelWrapper.TransactionFormContentPanelWrapper, .ui-dialog .Modernized .ModernizedContainer fieldset.ActionPanel {
  background: #FFFFFF;
}

.ModernizationOption-Field .ContentPanelWrapper .ContentPanel .PanelContent .PanelHeader {
  color: #000000;
}

.ModernizationOption-Field .QuickActionWrapper, .DialogForm.Modernized .QuickActionWrapper {
  background: transparent;
}

.Modernized .ContentPanel::-webkit-scrollbar-thumb, .ModernizationOption-Field .ContentPanelWrapper .ContentPanel::-webkit-scrollbar-thumb {
  background: #9D9D9D !important;
}

.Modernized .ContentPanel::-webkit-scrollbar-thumb:hover, .ModernizationOption-Field .ContentPanelWrapper .ContentPanel::-webkit-scrollbar-thumb:hover {
  background: #555555 !important;
  border: 1px solid #555555 !important;
}

/*Gird/Card Pagination*/
.Modernized .custom-left-arrow, .custom-right-arrow, .custom-left-arrow:hover, .custom-right-arrow:hover {
  background: #f0f1f2 !important;
}

.Modernized .ui-jqgrid .ui-separator {
  background: #7C858C;
}

.Collection .PageInfoSelectOption {
  color: #263746;
  background: #f0f3f7;
}

.Modernized .ui-state-default.ui-jqgrid-pager.ui-corner-bottom .ui-pg-selbox {
  color: #263746;
}

/*ad rotator control*/
.adrotator-carousel .indicators li span {
  background: #FFFFFF;
}

.adrotator-carousel .indicators li.active span {
  background: #F2495B;
}

.adrotator-carousel .indicators li:hover span {
  background-color: #2b2b2b;
}

/*Sync Fusion Control Changes*/
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
  color: #078292;
}

/*.e-dropdownbase .e-list-item.e-active.e-hover {
    color: $PPTealColor;
}*/ /*
.e-dropdownbase .e-list-item.e-item-focus, .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover, .e-dropdownbase .e-list-item.e-hover,*/
.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
  background-color: #E2F3F5 !important;
}

.e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text, .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
  color: #078292;
}

.e-outline.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-input-group.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
  border-color: #078292;
  box-shadow: inset 1px 1px #078292, inset -1px 0 #078292, inset 0 -1px #078292;
}

.e-outline.e-input-focus label.e-float-text::before, .e-outline.e-input-focus label.e-float-text::after, .e-outline.e-float-input.e-input-focus label.e-float-text::before, .e-outline.e-float-input.e-input-focus label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-input-focus label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-input-focus label.e-float-text::after {
  border-top-color: #078292;
}

.e-outline.e-float-input.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-input-group.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left) {
  border-top-color: transparent;
  box-shadow: inset 1px 0 #078292, inset -1px 0 #078292, inset 0 -1px #078292;
}

.e-float-input:not(.e-input-group) .e-float-line::before, .e-float-input:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after {
  background: #078292 !important;
}

input.e-input::selection, textarea.e-input::selection, .e-input-group input.e-input::selection, .e-input-group.e-control-wrapper input.e-input::selection, .e-float-input input::selection, .e-float-input.e-control-wrapper input::selection, .e-input-group textarea.e-input::selection, .e-input-group.e-control-wrapper textarea.e-input::selection, .e-float-input textarea::selection, .e-float-input.e-control-wrapper textarea::selection {
  background: #078292 !important;
  color: #FFFFFF;
}

.e-float-input.e-small textarea::selection, .e-float-input textarea::selection {
  background: #078292;
  color: #FFFFFF;
}

.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
  background: #078292 !important;
}

.e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after {
  background: #078292 !important;
}

.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-input-focus:not(.e-error) input[readonly] ~ label.e-float-text, .e-small .e-float-input.e-input-focus:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) input[readonly] ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-small .e-float-input.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text .e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-float-input.e-bigger.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-bigger .e-float-input.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-float-input.e-small.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-small .e-float-input.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-float-input.e-small.e-bigger.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) input ~ label.e-float-text {
  color: #078292;
}

.e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
  border-color: #078292;
  box-shadow: inset 1px 1px #078292, inset -1px 0 #078292, inset 0 -1px #078292;
}

.e-outline.e-float-input.e-input-group.e-valid-input.e-input-focus label.e-label-top, .e-outline.e-float-input.e-input-group.e-input-focus label.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-valid-input.e-input-focus label.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus label.e-label-top {
  color: #078292;
}

.e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-input-focus:not(.e-error) input[readonly] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-input-focus:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) input[readonly] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) input ~ label.e-float-text {
  color: #078292;
}

.e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::before, .e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::after {
  background: #078292;
}

.e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::before, .e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::after, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::before, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::after {
  background: #078292;
}

.e-spinner-pane.e-spin-overlay .e-spinner-inner .e-spin-bootstrap {
  fill: #078292;
  stroke: #078292;
}

.e-spinner-pane .e-spinner-inner .e-spin-fabric .e-path-circle {
  stroke: rgba(0, 148, 156, 0.4);
}

.e-spinner-pane .e-spinner-inner .e-spin-fabric .e-path-arc {
  stroke: #078292;
}

.e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-circle {
  stroke: rgba(0, 148, 156, 0.4);
}

.e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-arc {
  stroke: #078292;
}

.e-spinner-pane .e-spinner-inner .e-spin-material {
  stroke: #078292;
}

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 {
  stroke: #078292;
}

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap {
  fill: #078292;
  stroke: #078292;
}

.e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
  background-color: #eee;
  border-color: #FFFFFF;
  color: #078292;
}

.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active, .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
  background-color: #eee;
  border-color: #FFFFFF;
  color: #078292;
}

.e-badge.e-badge-primary:not(.e-badge-ghost):not([href]), .e-badge.e-badge-primary[href]:not(.e-badge-ghost) {
  background-color: #078292;
  color: #FFFFFF;
}

.e-badge.e-badge-secondary:not(.e-badge-ghost):not([href]), .e-badge.e-badge-secondary[href]:not(.e-badge-ghost) {
  background-color: #078292;
  color: #FFFFFF;
}

.e-badge.e-badge-ghost.e-badge-primary {
  background-color: transparent;
  border: 1px solid #078292;
  color: #078292;
}

.e-badge.e-badge-ghost.e-badge-secondary {
  background-color: transparent;
  border: 1px solid #078292;
  color: #078292;
}

.e-btn.e-primary, .e-css.e-btn.e-primary {
  background-color: #078292;
  border-color: transparent;
  color: #FFFFFF;
}

.e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-primary {
  background-color: transparent;
  border-color: transparent;
  color: #078292;
}

.e-btn.e-flat.e-primary:hover, .e-css.e-btn.e-flat.e-primary:hover {
  background-color: rgba(0, 148, 156, 0.04);
  border-color: transparent;
  color: #078292;
}

.e-btn.e-flat.e-primary:focus, .e-css.e-btn.e-flat.e-primary:focus {
  background-color: rgba(0, 148, 156, 0.12);
  border-color: transparent;
  color: #078292;
}

.e-btn.e-flat.e-primary:active, .e-btn.e-flat.e-primary.e-active, .e-css.e-btn.e-flat.e-primary:active, .e-css.e-btn.e-flat.e-primary.e-active {
  background-color: rgba(0, 148, 156, 0.24);
  border-color: transparent;
  color: #078292;
}

.e-btn.e-outline.e-primary, .e-css.e-btn.e-outline.e-primary {
  background-color: transparent;
  border-color: #078292;
  color: #078292;
}

.e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
  background-color: #078292;
}

.e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
  background: none;
  border: 1px solid #078292;
  border-radius: 50%;
  color: #078292;
}

.e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
  background: #eee;
  border: 1px solid #078292;
  color: #078292;
}

.e-calendar .e-content td.e-today:focus span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
  background-color: #eee;
  border: none;
  border-radius: 50%;
  color: #078292;
}

.e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
  background-color: #eee;
  border: 1px solid #078292;
  color: #078292;
}

.e-calendar .e-content td.e-today.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
  background-color: #078292;
  border: 1px solid #078292;
  box-shadow: inset 0 0 0 2px #FFFFFF;
  color: #FFFFFF;
}

.e-calendar .e-content td.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
  background-color: #078292;
  border: none;
  border-radius: 50%;
  color: #FFFFFF;
}

.e-calendar .e-content .e-footer, .e-bigger.e-small .e-calendar .e-content .e-footer {
  color: #078292;
}

.e-card .e-card-actions .e-card-btn, .e-card .e-card-actions a {
  background-color: #FFFFFF;
  border: 0;
  color: #078292;
  outline: 0;
}

.e-card .e-card-actions .e-card-btn:hover, .e-card .e-card-actions a:hover {
  background-color: rgba(0, 0, 0, 0.12);
  border: 0;
  color: #078292;
}

.e-card .e-card-actions .e-card-btn:focus, .e-card .e-card-actions a:focus {
  background-color: rgba(0, 0, 0, 0.12);
  border: 0;
  color: #078292;
}

.e-card .e-card-actions .e-card-btn:active, .e-card .e-card-actions a:active {
  background-color: rgba(0, 0, 0, 0.12);
  border: 0;
  color: #078292;
}

.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: #078292;
  border-color: transparent;
  color: #FFFFFF;
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
  background-color: #078292;
  border-color: transparent;
  box-shadow: none;
  color: #FFFFFF;
}

.e-checkbox-wrapper:hover .e-frame.e-check, .e-css.e-checkbox-wrapper:hover .e-frame.e-check {
  background-color: #078292;
  border-color: transparent;
  color: #FFFFFF;
}

.e-chip-list.e-selection .e-chip.e-active {
  background-color: #078292;
  border-color: transparent;
  color: #FFFFFF;
}

.e-chip-list.e-selection .e-chip.e-active.e-focused {
  background-color: #00ced9;
  border-color: transparent;
  color: #FFFFFF;
}

.e-chip-list.e-selection .e-chip.e-active.e-focused .e-chip-icon, .e-chip-list.e-selection .e-chip.e-active.e-focused .e-chip-delete {
  color: #FFFFFF;
}

.e-chip-list.e-selection .e-chip.e-active.e-focused .e-chip-avatar {
  background-color: #078292;
  color: #FFFFFF;
}

.e-chip-list.e-selection .e-chip.e-active.e-outline {
  background-color: #078292;
  border-color: #078292;
  color: #FFFFFF;
}

.e-chip-list.e-selection .e-chip.e-active.e-outline.e-focused .e-chip-avatar {
  background-color: #078292;
  color: #FFFFFF;
}

.e-chip-list.e-selection .e-chip:active {
  background-color: rgba(0, 148, 156, 0.16);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.87);
}

.e-chip-list.e-selection .e-chip.e-outline:active {
  background-color: rgba(0, 148, 156, 0.16);
  border-color: #bdbdbd;
  color: rgba(0, 0, 0, 0.87);
}

.e-chip-list.e-chip.e-primary, .e-chip-list .e-chip.e-primary {
  background-color: #078292;
  border-color: transparent;
  color: #FFFFFF;
}

.e-chip-list.e-chip.e-primary.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-focused .e-chip-avatar {
  background-color: #078292;
  color: #FFFFFF;
}

.e-chip-list.e-chip.e-primary.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-focused.e-active .e-chip-avatar {
  background-color: #078292;
  color: #FFFFFF;
}

.e-chip-list.e-chip.e-primary.e-outline, .e-chip-list .e-chip.e-primary.e-outline {
  background-color: transparent;
  border-color: #078292;
  color: #078292;
}

.e-chip-list.e-chip.e-primary.e-outline .e-chip-icon, .e-chip-list.e-chip.e-primary.e-outline .e-chip-delete, .e-chip-list .e-chip.e-primary.e-outline .e-chip-icon, .e-chip-list .e-chip.e-primary.e-outline .e-chip-delete {
  color: #078292;
}

.e-chip-list.e-chip.e-primary.e-outline .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-primary.e-outline .e-chip-delete.e-dlt-btn {
  color: rgba(0, 148, 156, 0.8);
}

.e-chip-list.e-chip.e-primary.e-outline .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline .e-chip-avatar {
  background-color: #078292;
  color: #FFFFFF;
}

.e-chip-list.e-chip.e-primary.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-primary.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover {
  color: #078292;
}

.e-chip-list.e-chip.e-primary.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-primary.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active {
  color: #FFFFFF;
}

.e-chip-list.e-chip.e-primary.e-outline:hover, .e-chip-list .e-chip.e-primary.e-outline:hover {
  background-color: rgba(0, 148, 156, 0.12);
  border-color: #078292;
  color: #078292;
}

.e-chip-list.e-chip.e-primary.e-outline:hover .e-chip-icon, .e-chip-list.e-chip.e-primary.e-outline:hover .e-chip-delete, .e-chip-list .e-chip.e-primary.e-outline:hover .e-chip-icon, .e-chip-list .e-chip.e-primary.e-outline:hover .e-chip-delete {
  color: #078292;
}

.e-chip-list.e-chip.e-primary.e-outline:hover .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline:hover .e-chip-avatar {
  background-color: #078292;
  color: #FFFFFF;
}

.e-chip-list.e-chip.e-primary.e-outline.e-focused, .e-chip-list .e-chip.e-primary.e-outline.e-focused {
  background-color: #00ced9;
  border-color: transparent;
  color: #FFFFFF;
}

.e-chip-list.e-chip.e-primary.e-outline.e-focused .e-chip-icon, .e-chip-list.e-chip.e-primary.e-outline.e-focused .e-chip-delete, .e-chip-list .e-chip.e-primary.e-outline.e-focused .e-chip-icon, .e-chip-list .e-chip.e-primary.e-outline.e-focused .e-chip-delete {
  color: #FFFFFF;
}

.e-chip-list.e-chip.e-primary.e-outline.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline.e-focused .e-chip-avatar {
  background-color: #078292;
  color: #FFFFFF;
}

.e-chip-list.e-chip.e-primary.e-outline.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline.e-focused.e-active .e-chip-avatar {
  background-color: #078292;
  color: #FFFFFF;
}

.e-slider-tooltip.e-tooltip-wrap.e-popup {
  background-color: #078292;
  border: 0;
}

.e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-inner {
  color: #078292;
}

.e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-bottom {
  border-top-color: #078292;
}

.e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-top {
  border-bottom-color: #078292;
}

.e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-right {
  border-left-color: #078292;
}

.e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-left {
  border-right-color: #078292;
}

.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default {
  background-color: #078292;
  border: 0;
}

.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle::after {
  background-color: #078292;
}

.e-control-wrapper.e-slider-container .e-slider .e-range {
  background-color: #078292;
}

.e-control-wrapper.e-slider-container .e-slider .e-handle {
  background-color: #078292;
  border-color: #078292;
}

.e-control-wrapper.e-slider-container .e-slider .e-handle.e-material-tooltip {
  background-color: transparent;
  border-color: transparent;
}

.e-control-wrapper.e-slider-container.e-slider-hover .e-slider-track {
  background-color: rgba(0, 0, 0, 0.26);
}

.e-control-wrapper.e-slider-container.e-slider-hover .e-range {
  background-color: #078292;
}

.e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
  border-color: #078292;
}

.e-dashboardlayout.e-control .e-panel:active {
  border: 1px #078292 solid;
}

.e-dashboardlayout.e-control .e-holder {
  background: rgba(0, 148, 156, 0.2);
  border: 1px #078292 dotted;
}

.e-datepicker .e-model-header {
  background-color: #078292;
  color: #FFFFFF;
}

.e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
  color: #078292;
}

.e-radio:checked + label::before {
  background-color: #FFFFFF;
  border-color: #078292;
}

.e-radio:checked + label::after {
  background-color: #078292;
  color: #078292;
}

.e-radio:checked + label:active .e-ripple-element {
  background-color: rgba(0, 148, 156, 0.26);
}

.e-radio:checked + .e-focus .e-ripple-container {
  background-color: rgba(0, 148, 156, 0.26);
}

.e-radio:checked:focus + label::before {
  border-color: #078292;
}

.e-radio:checked:focus + label::after {
  background-color: #078292;
}

.e-radio:checked + label:hover::before {
  border-color: #078292;
}

.e-radio:checked + label:hover::after {
  background-color: #078292;
}

.e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on {
  background-color: #078292;
  color: #FFFFFF;
}

.e-switch-wrapper .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper .e-switch-handle.e-switch-active {
  background-color: #078292;
}

.e-switch-wrapper .e-ripple-check .e-ripple-element, .e-css.e-switch-wrapper .e-ripple-check .e-ripple-element {
  background-color: rgba(0, 148, 156, 0.12);
}

.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
  background-color: #078292;
  color: #FFFFFF;
}

.e-switch-wrapper:hover .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper:hover .e-switch-handle.e-switch-active {
  background-color: #078292;
}

.e-switch-wrapper.e-focus .e-ripple-check.e-ripple-container, .e-css.e-switch-wrapper.e-focus .e-ripple-check.e-ripple-container {
  background-color: rgba(0, 148, 156, 0.12);
}

.e-switch-wrapper.e-rtl.e-focus .e-switch-on, .e-css.e-switch-wrapper.e-rtl.e-focus .e-switch-on {
  background-color: rgba(0, 148, 156, 0.54);
}

.e-switch-wrapper.e-rtl.e-focus .e-switch-off, .e-css.e-switch-wrapper.e-rtl.e-focus .e-switch-off {
  background-color: rgba(0, 148, 156, 0.54);
}

.e-switch-wrapper.e-rtl .e-switch-on, .e-css.e-switch-wrapper.e-rtl .e-switch-on {
  background-color: #078292;
}

.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active {
  background-color: #078292;
}

.e-switch-wrapper.e-rtl:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper.e-rtl:hover .e-switch-inner.e-switch-active .e-switch-on {
  background-color: #078292;
}

.e-switch-wrapper.e-rtl:hover .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-rtl:hover .e-switch-handle.e-switch-active {
  background-color: #078292;
}

.e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: #078292;
  border-color: transparent;
  color: #FFFFFF;
}

.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
  border: 1px solid #078292;
  box-shadow: none;
}

.e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn, *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn, *.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn {
  border: 1px solid #078292;
}

.e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
  color: #078292;
}

.e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
  color: #078292;
}

.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
  background-color: #eee;
  border: 1px solid #078292;
  color: #078292;
}

.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
  border: 1px solid #078292;
}

.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
  border: 1px solid #078292;
}

.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
  background-color: #078292;
  color: #FFFFFF;
}

.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
  background-color: #078292;
  color: #FFFFFF;
}

.e-daterangepicker.e-popup .e-presets .e-list-item.e-active, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
  background-color: #FFFFFF;
  color: #078292;
}

.e-bigger .e-daterangepicker .e-start-btn.e-active, .e-bigger .e-daterangepicker .e-start-btn.e-active:active, .e-bigger .e-daterangepicker .e-end-btn.e-active, .e-bigger .e-daterangepicker .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker .e-end-btn.e-active:hover, *.e-bigger.e-daterangepicker .e-start-btn.e-active, *.e-bigger.e-daterangepicker .e-start-btn.e-active:active, *.e-bigger.e-daterangepicker .e-end-btn.e-active, *.e-bigger.e-daterangepicker .e-end-btn.e-active:active:not([disabled]), *.e-bigger.e-daterangepicker .e-start-btn.e-active:hover, *.e-bigger.e-daterangepicker .e-end-btn.e-active:hover, *.e-device.e-daterangepicker .e-start-btn.e-active, *.e-device.e-daterangepicker .e-start-btn.e-active:active, *.e-device.e-daterangepicker .e-end-btn.e-active, *.e-device.e-daterangepicker .e-end-btn.e-active:active:not([disabled]), *.e-device.e-daterangepicker .e-start-btn.e-active:hover, *.e-device.e-daterangepicker .e-end-btn.e-active:hover {
  background: #078292;
  color: #FFFFFF;
}

.e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
  color: #078292;
}

.e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
  color: #078292;
}

.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
  background-color: #eee;
  color: #078292;
}

.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
  background-color: #eee;
  color: #078292;
}

.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-progress {
  background: #078292;
}

.e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
  color: #078292;
}

.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
  color: #078292;
}

.e-tab .e-tab-header .e-indicator {
  background: #078292;
}

.e-tab .e-tab-header .e-toolbar-item .e-ripple-element {
  background: rgba(0, 148, 156, 0.12);
}

.e-tab .e-tab-header .e-items .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text, .e-tab .e-tab-header .e-items .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
  color: #078292;
}

.e-tab .e-tab-header .e-items .e-toolbar-item.e-active .e-tab-text, .e-tab .e-tab-header .e-items .e-toolbar-item.e-active .e-tab-icon {
  color: #078292;
}

.e-tab .e-tab-header .e-items .e-toolbar-item.e-active.e-ileft .e-tab-icon, .e-tab .e-tab-header .e-items .e-toolbar-item.e-active.e-iright .e-tab-icon {
  color: #078292;
}

.e-tab .e-tab-header .e-items .e-toolbar-item.e-active.e-ileft .e-tab-text, .e-tab .e-tab-header .e-items .e-toolbar-item.e-active.e-iright .e-tab-text {
  color: #078292;
}

.e-tab.e-focused .e-tab-header .e-items .e-toolbar-item .e-tab-wrap:focus .e-tab-icon, .e-tab.e-focused .e-tab-header .e-items .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
  color: #078292;
}

.e-tab.e-fill .e-tab-header {
  border-bottom: 2px Solid #078292;
}

.e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
  background: #078292;
  border-radius: 0;
}

.e-tab.e-fill .e-tab-header.e-horizontal-bottom {
  border-bottom: 0;
  border-top: 2px Solid #078292;
}

.e-tab.e-fill .e-tab-header.e-vertical.e-vertical-left {
  border-right: 2px Solid #078292;
}

.e-tab.e-fill .e-tab-header.e-vertical.e-vertical-right {
  border-left: 2px Solid #078292;
}

.e-tab.e-fill.e-disable .e-tab-header {
  border-bottom: 2px Solid rgba(0, 148, 156, 0.38);
}

.e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap, .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
  background: rgba(0, 148, 156, 0.38);
}

.e-tab.e-fill.e-disable .e-tab-header.e-horizontal-bottom {
  border-bottom: 0;
  border-top: 2px Solid rgba(0, 148, 156, 0.38);
}

.e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-close-icon {
  color: #078292;
}

.e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
  background: rgba(0, 148, 156, 0.8);
}

.e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
  color: #FFFFFF;
}

.e-tab.e-background .e-tab-header {
  background: #078292;
  border: 0;
}

.e-tab.e-background .e-tab-header .e-toolbar-items {
  background: #078292;
}

.e-tab.e-background .e-tab-header .e-toolbar-item .e-close-icon:hover {
  color: #078292;
}

.e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
  border: 0;
}

.e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
  background: #078292;
  border-radius: 0;
}

.e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap, .e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap {
  background: rgba(0, 148, 156, 0);
}

.e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap, .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
  background: #078292;
  color: rgba(255, 255, 255, 0.38);
}

.e-tab.e-background.e-accent .e-tab-header .e-indicator {
  background: #078292;
}

.e-tab.e-background.e-accent .e-tab-header.e-disable .e-indicator {
  background: rgba(0, 148, 156, 0.38);
}

.e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap, .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap {
  background: rgba(0, 148, 156, 0);
}

.e-treeview .e-list-item.e-active > .e-text-content {
  color: #078292;
}

.e-treeview .e-list-item.e-active > .e-text-content .e-list-text {
  color: #078292;
}

.e-treeview .e-list-item.e-active > .e-text-content .e-icon-collapsible, .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
  color: rgba(0, 0, 0, 0.54);
}

.e-treeview .e-list-item.e-active.e-hover > .e-text-content {
  color: #078292;
}

.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
  color: #078292;
}

.e-treeview .e-sibling {
  background: #078292;
}

.e-treeview.e-drag-item .e-drop-count {
  background-color: #078292;
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.e-treeview.e-drag-item.e-rtl .e-sibling {
  background: #078292;
}

.e-listbox-wrapper .e-placeholder, .e-listbox-container .e-placeholder {
  background-color: #078292;
}

.e-listbox-wrapper.e-sortableclone .e-list-badge, .e-listbox-container.e-sortableclone .e-list-badge {
  background-color: #078292;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  color: #FFFFFF;
}

.e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check, .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: #078292;
  border-color: transparent;
  color: #FFFFFF;
}

.e-de-cmt-sub-container.e-de-cmt-selection {
  border-left: 3px solid #078292;
}

.e-de-trckchanges-inner:hover {
  border-left: 2px solid #078292;
}

.e-de-trckchanges-inner.e-de-trckchanges-inner-select {
  border-left: 3px solid #078292;
}

.e-de-cmt-sub-container:not(.e-de-cmt-selection):not(.e-de-cmt-reply):hover {
  border-left: 2px solid #078292;
}

.e-de-cmt-mark:hover {
  color: #078292;
}

.e-de-cmt-mark.e-de-cmt-mark-selected, .e-de-cmt-mark.e-de-cmt-mark-hover {
  color: #078292;
}

.e-rtl .e-de-cmt-sub-container.e-de-cmt-selection {
  border-left: 1px solid #eee;
  border-right: 3px solid #078292;
}

.e-rtl .e-de-cmt-sub-container:not(.e-de-cmt-selection):not(.e-de-cmt-reply):hover {
  border-left: 1px solid #eee;
  border-right: 2px solid #078292;
}

.e-rtl .e-de-cmt-sub-container.e-de-cmt-resolved.e-de-cmt-selection {
  border-right: 3px solid rgba(0, 148, 156, 0.5);
}

.e-rtl .e-de-cmt-sub-container.e-de-cmt-resolved:not(.e-de-cmt-selection):not(.e-de-cmt-reply):hover {
  border-right: 2px solid rgba(0, 148, 156, 0.5);
}

.e-de-ctn-title {
  background-color: #078292;
  color: #FFFFFF;
}

.e-de-floating-menuitem.e-de-floating-menuitem-md.e-de-list-items.e-de-list-item-size.de-list-item-selected, .e-de-floating-menuitem.e-de-floating-bullet-menuitem-md.e-de-list-items.e-de-list-item-size.de-list-item-selected {
  border: 3px solid #078292;
  padding: 2px !important;
}

.e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden)::before, .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden)::after {
  background-color: #078292;
  opacity: 0;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover {
  background: #078292;
}

.e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler {
  background: #FFFFFF;
  color: #078292;
}

.e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-hover .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-active .e-navigate-arrow::before {
  background-color: #078292;
}

.e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-hover .e-navigate-arrow::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-active .e-navigate-arrow::after {
  background-color: #078292;
}

.e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right::before {
  background-color: #078292;
}

.e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right::after {
  background-color: #078292;
}

.e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
  background: #078292;
}

.e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
  background: #FFFFFF;
  color: #078292;
}

.e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover {
  background: #078292;
}

.e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-resize-handler {
  background: #FFFFFF;
  color: #078292;
}

.e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up::before, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up::before {
  background-color: #078292;
}

.e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up::after, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up::after {
  background-color: #078292;
}

.e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down::before {
  background-color: #078292;
}

.e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down::after, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down::after {
  background-color: #078292;
}

.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::after {
  background-color: #078292;
}

.e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
  background: #078292;
}

.e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-resize-handler {
  background: #FFFFFF;
  color: #078292;
}

.e-pager .e-currentitem, .e-pager .e-currentitem:hover {
  background: #078292;
  color: #FFFFFF;
}

.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
  background: #078292;
}

.e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item {
  background: #078292;
}

.e-excelfilter .e-filtered::before {
  color: #078292;
}

.e-xlsel {
  background-color: #078292;
  border-color: #078292;
}

.e-grid .e-gridheader .e-firstrow-dragborder, .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder, .e-grid .e-gridcontent .e-lastrow-dragborder, .e-grid.e-rtl .e-gridcontent .e-lastrow-dragborder {
  background-color: #078292;
}

.e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridheader .e-rowcell.e-dragborder, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder {
  box-shadow: 0 2px 0 0 #078292;
}

.e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn {
  color: #078292;
}

.e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-sort-clear-btn, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-sort-clear-btn {
  color: #078292;
}

.e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-btn, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-btn {
  background: none;
  border: 0;
  color: #078292;
}

.e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv .e-filterset, .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv .e-filterset {
  color: #078292;
}

.e-grid .e-autofill {
  background-color: #078292;
}

.e-grid .e-autofill, .e-grid .e-xlsel {
  border-color: #078292;
}

.e-grid .e-xlselaf {
  background-color: #078292;
  border-color: #078292;
}

.e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader thead tr th.e-firstrowdragborder, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
  box-shadow: 0 2px 0 0 #078292;
}

.e-grid .e-frozenhdrcont .e-headercontent > .e-table, .e-grid .e-frozenhdrcont .e-frozenheader > .e-table, .e-grid .e-frozenhdrcont .e-movableheader > .e-table, .e-grid .e-frozenhdrcont .e-headercontent .e-virtualtable > .e-table {
  border-bottom-color: #078292;
}

.e-grid .e-frozenheader > .e-table, .e-grid .e-frozencontent > .e-table, .e-grid .e-frozencontent .e-virtualtable > .e-table, .e-grid .e-frozenheader .e-virtualtable > .e-table {
  border-right-color: #078292;
}

.e-grid .e-frozenheader.e-frozen-right-header > .e-table, .e-grid .e-frozencontent.e-frozen-right-content > .e-table {
  border-left-color: #078292;
}

.e-grid.e-rtl .e-frozenheader > .e-table, .e-grid.e-rtl .e-frozencontent > .e-table, .e-grid.e-rtl .e-frozenheader .e-virtualtable > .e-table, .e-grid.e-rtl .e-frozencontent .e-virtualtable > .e-table {
  border-left-color: #078292;
}

.e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
  border-right-color: #078292;
}

.e-grid .e-filtered::before {
  color: #078292;
}

.e-grid .e-row .e-dragstartrow::before, .e-grid .e-row .e-selectionbackground .e-dragstartrow::before {
  color: #078292;
}

.e-grid .e-groupheadercell {
  background-color: #078292;
  border-color: #e0e0e0;
  color: #FFFFFF;
}

.e-grid .e-groupheadercell:hover {
  background-color: #078292;
  border-color: #000000;
}

.e-dropitemscount {
  background-color: #078292;
  color: #FFFFFF;
}

.e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
  fill: #078292;
  stroke: #078292;
}

.e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: #078292;
}

.e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #078292;
}

.e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg {
  fill: #078292;
  stroke: #078292;
}

.e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: #078292;
}

.e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #078292;
}

.e-time-wrapper .e-input-group-icon.e-icons.e-active {
  color: #078292;
}

.e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
  color: #078292;
}

.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
  background-color: #eee;
  color: #078292;
}

.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
  background-color: #eee;
  color: #078292;
}

.e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text, .e-schedule .e-schedule-toolbar .e-active-view .e-icons {
  color: #078292;
}

.e-schedule .e-new-event {
  background-color: #078292;
  border: 1px solid #FFFFFF;
}

.e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
  background: #078292;
  border: 1px solid #5ff7ff;
}

.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment {
  background: #078292;
  border: 1px solid #5ff7ff;
  color: #FFFFFF;
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
  background: #078292;
  border: 1px solid #5ff7ff;
  color: #FFFFFF;
}

.e-schedule .e-month-view .e-appointment {
  background: #078292;
  border: 1px solid #5ff7ff;
  color: #FFFFFF;
}

.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment, .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment-indicator {
  background-color: #078292;
}

.e-schedule .e-timeline-year-view .e-resource-left-td.e-current-day, .e-schedule .e-timeline-year-view .e-date-header-wrap table td.e-current-day {
  color: #078292;
}

.e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
  background-color: #078292;
  color: #FFFFFF;
}

.e-schedule .e-timeline-year-view .e-month-header.e-current-day {
  color: #078292;
}

.e-schedule .e-timeline-year-view .e-event-table .e-appointment {
  background: #078292;
  border: 1px solid #5ff7ff;
  color: #FFFFFF;
}

.e-schedule .e-timeline-view .e-appointment, .e-schedule .e-timeline-month-view .e-appointment {
  background: #078292;
  border: 1px solid #5ff7ff;
  color: #FFFFFF;
}

.e-schedule .e-month-agenda-view .e-appointment {
  border-left: 3px solid #078292;
}

.e-schedule .e-month-agenda-view .e-appointment-indicator {
  background: #078292;
}

.e-schedule.e-rtl .e-month-agenda-view .e-appointment {
  border-right: 3px solid #078292;
}

.e-schedule .e-agenda-view .e-month-header {
  background: #078292;
}

.e-schedule .e-agenda-view .e-day-date-header.e-current-day {
  color: #078292;
}

.e-schedule .e-agenda-view .e-appointment {
  border-left: 3px solid #078292;
}

.e-schedule.e-rtl .e-agenda-view .e-appointment {
  border-right: 3px solid #078292;
}

.e-quick-popup-wrapper .e-event-popup .e-popup-header {
  background-color: #078292;
}

.e-appointment.e-schedule-event-clone {
  background: #078292;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}

.e-more-popup-wrapper .e-more-event-date-header .e-current-date {
  color: #078292;
}

.e-more-popup-wrapper .e-appointment {
  background: #078292;
  color: #FFFFFF;
}

.e-schedule .e-vertical-view .e-header-cells.e-current-day {
  color: #078292;
}

.e-schedule .e-vertical-view .e-all-day-cells.e-current-day {
  color: #078292;
}

.e-schedule .e-vertical-view .e-clone-time-indicator, .e-schedule .e-vertical-view .e-current-time {
  color: #078292;
}

.e-schedule .e-vertical-view .e-current-timeline {
  border-top: 1px solid #078292;
}

.e-schedule .e-vertical-view .e-previous-timeline {
  border-top: 1px dotted #078292;
}

.e-schedule .e-month-view .e-date-header-wrap table td.e-current-day, .e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day {
  color: #078292;
}

.e-schedule .e-month-view .e-current-date .e-date-header, .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
  background-color: #078292;
  color: #FFFFFF;
}

.e-schedule .e-timeline-view .e-date-header-wrap table td.e-current-day, .e-schedule .e-timeline-month-view .e-date-header-wrap table td.e-current-day {
  color: #078292;
}

.e-schedule .e-timeline-view .e-clone-time-indicator, .e-schedule .e-timeline-view .e-current-time {
  color: #078292;
}

.e-schedule .e-timeline-view .e-current-timeline {
  border-left: 1px solid #078292;
}

.e-btn.e-flat.e-primary .e-ripple-element, .e-css.e-btn.e-flat.e-primary .e-ripple-element {
  background-color: rgba(0, 148, 156, 0.12);
}

.e-checkbox-wrapper .e-ripple-element, .e-css.e-checkbox-wrapper .e-ripple-element {
  background: rgba(0, 148, 156, 0.26);
}

.e-checkbox-wrapper:active .e-ripple-check .e-ripple-element, .e-css.e-checkbox-wrapper:active .e-ripple-check .e-ripple-element {
  background: rgba(0, 148, 156, 0.26);
}

.e-checkbox-wrapper.e-focus .e-ripple-container.e-ripple-check, .e-css.e-checkbox-wrapper.e-focus .e-ripple-container.e-ripple-check {
  background-color: rgba(0, 148, 156, 0.26);
}

.e-radio + label .e-ripple-element {
  background-color: rgba(0, 148, 156, 0.26);
}

.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
  background: rgba(0, 148, 156, 0.12);
}

.e-tab.e-disable .e-tab-header .e-indicator {
  background: rgba(0, 148, 156, 0.38);
}

.e-tab.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-text, .e-tab.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
  color: rgba(0, 148, 156, 0.38);
}

.e-content .e-tab-panel-content, .e-content .e-tab-panel-content + .PanelFooterBar {
  background-color: #FFFFFF;
}

.e-de-cmt-sub-container.e-de-cmt-resolved.e-de-cmt-selection {
  border-left: 3px solid rgba(0, 148, 156, 0.5);
}

.e-de-cmt-sub-container.e-de-cmt-resolved:not(.e-de-cmt-selection):not(.e-de-cmt-reply):hover {
  border-left: 2px solid rgba(0, 148, 156, 0.5);
}

*.e-flat.e-primary .e-progress {
  background-color: rgba(0, 148, 156, 0.2);
}

*.e-outline.e-primary:not(:focus) .e-progress {
  background-color: rgba(0, 148, 156, 0.2);
}

form.ModernizationOption-Field .Panel:not(.CardLayout) .field.DisplayField .FieldValueBlock label {
  color: #555555;
}

form.ModernizationOption-Field .Panel:not(.CardLayout) .field.DisplayField .FieldValueBlock label.Boolean {
  color: #000000 !important;
}

form.ModernizationOption-Field input[type=radio]:checked + .custom-radio span {
  background: #078292;
}

form.ModernizationOption-Field input[type=radio]:checked + .custom-radio {
  border-color: #078292 !important;
}

.Modernized .Grid .ui-jqgrid .ui-jqgrid-btable tbody tr .icon-wrapper {
  background: transparent !important;
}

/*BorderLessGrid*/
.Modernized .BorderLessGrid, .ModernizationOption-Field .BorderLessGrid, .Modernized .BorderLessGrid .ui-jqgrid .ui-jqgrid-hdiv, .Modernized .BorderLessGrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th, .Modernized .BorderLessGrid .ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(odd), .Modernized .BorderLessGrid .ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(odd) .icon-wrapper, .ModernizationOption-Field .BorderLessGrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th, .ModernizationOption-Field .BorderLessGrid .ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(odd), .ModernizationOption-Field .BorderLessGrid .ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(odd) .icon-wrapper, .ModernizationOption-Field .BorderLessGrid .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-highlight, .ModernizationOption-Field .BorderLessGrid .ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(even), .ModernizationOption-Field .BorderLessGrid .ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(even) .icon-wrapper {
  background-color: #FFFFFF !important;
}

.Modernized .BorderLessGrid .frozen-div.ui-state-default.ui-jqgrid-hdiv, .ModernizationOption-Field .BorderLessGrid .ui-jqgrid-bdiv.ui-grid-overlay-hide, .ModernizationOption-Field .BorderLessGrid .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td, .ModernizationOption-Field .BorderLessGrid .ui-state-default.ui-jqgrid-hdiv, .ModernizationOption-Field .BorderLessGrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th, .ModernizationOption-Field .BorderLessGrid .frozen-bdiv.ui-jqgrid-bdiv, .Modernized .BorderLessGrid .ui-state-default.ui-jqgrid-hdiv, .Modernized .BorderLessGrid .ui-jqgrid-bdiv.ui-grid-overlay-hide {
  box-shadow: none !important;
  border: none !important;
}

.ModernizationOption-Field .BorderLessGrid .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td, .Modernized .BorderLessGrid .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td {
  color: #000000;
}

.Modernized .BorderLessGrid .ui-jqgrid .ui-state-highlight a, .Modernized .BorderLessGrid .ui-jqgrid .ui-widget-content .ui-state-highlight a {
  color: #000000;
}

/*Flex box space around panel changes*/
.WidgetContainerPanel .Placeholder.PanelSuccessMessage {
  color: #000000;
}

.WidgetContainerPanel .Placeholder.PanelSuccessMessage:before {
  background-image: none;
  background-position: -122px 6px;
}

/*Right Action Panel Dashboard*/
.TransactionForm.Modernized div.RightActionPanel .ModernizedPanelContent, .TransactionForm.Modernized.Dashboard div.RightActionPanel .RightActionControl .ModernizedPanelContent {
  background: transparent !important;
}

.TransactionForm.Modernized div.RightActionPanel .RightActionControl .e-items {
  background-color: #FFFFFF;
}

.TransactionForm.Modernized div.RightActionPanel .RightActionControl .e-tab-header {
  background-color: #FFFFFF;
}

.TransactionForm.Modernized div.RightActionPanel .RightActionControl .UserActivity .cardView {
  background-color: #FFFFFF;
}

.ModernizedContainer .RightActionControl .Panel-Tab .e-tab-header .e-item.e-toolbar-item.e-active .e-tab-text {
  color: #078292 !important;
}

.ModernizedContainer .RightActionControl .Panel-Tab .e-tab-header .e-item.e-toolbar-item .e-tab-text {
  color: #000000 !important;
}

.ModernizedContainer .RightActionControl .Panel-Tab .e-tab-header .e-item.e-toolbar-item.e-active {
  background: transparent !important;
}

.TransactionForm.Modernized div.RightActionPanel .RightActionControl .Button {
  background-color: #FFFFFF;
}

.TransactionForm.Modernized div.RightActionPanel .RightActionControl .PanelFooterBar a {
  color: #FFFFFF !important;
  background-color: #078292 !important;
}

.TransactionForm.Modernized div.RightActionPanel .RightActionControl .PanelFooterBar a:hover {
  background-color: #078292;
}

.TransactionForm.Modernized div.RightActionPanel .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
  border-color: #078292 !important;
}

.TransactionForm.Modernized div.RightActionPanel .RightActionControl .e-items {
  border-color: #DBDBDB !important;
}

.BlueCircle .valueContainer {
  background: #078292;
  color: #FFFFFF !important;
}

.BorderLessCard .Collection.Card .cardView {
  background-color: #FFFFFF;
}

.BorderLessCard .Collection.Card .ui-jqgrid {
  border-top: 1px solid #D2E7E8;
}

/*rowlayout chnages*/
.Modernized .DisplayField.RowLayout.Value-Pill .DisplayFieldValueBlock label {
  border: 1px solid #078292 !important;
}

.ActionFormButtonPanelWrapper {
  background: #FFFFFF !important;
}

form.ShowFooter .AppControlStrip.FormFooter.Bottom {
  background: #FFFFFF !important;
}

/*primary/secondary btn changes*/
.PanelContent.PanelContentStyle .field.secondary .btn, .PanelContent.PanelContentStyle .field input.PerformAction.secondary:not(.TertiaryButton), .Modernized .FieldSet:not(.CalculateButtonStyle) .field.secondary .ExecuteCommand.Button, .Modernized .FieldSet:not(.CalculateButtonStyle) .field .PerformAction.secondary:not(.TertiaryButton) {
  color: #067584 !important;
  background: #ffffff !important;
  border-radius: 8px !important;
  border: 1px solid #067584 !important;
}

.PanelContent.PanelContentStyle .field:not(.TertiaryButton) .btn:not(.TertiaryButton), .PanelContent.PanelContentStyle .field:not(.TertiaryButton) .PerformAction.primary, .Modernized .FieldSet .field:not(.TertiaryButton) .PerformAction.primary {
  border: 1px solid transparent !important;
  background: #078292 !important;
  color: #FFFFFF !important;
}

.ContentPanel::-webkit-scrollbar-track {
  background: transparent;
}

.Panel.Border-Top {
  border-top: 1px solid #979797;
}

.PanelContent.PanelContentStyle fieldset .field.Add-Icon-Field input.Add-Icon.secondary, .PanelContent.PanelContentStyle fieldset .field.Add-Icon .btn, .Modernized .FieldSet .field.Add-Icon .ExecuteCommand.Button, .Modernized .FieldSet .field.Add-Icon-Field .Add-Icon.secondary:not(.MultiSelectAction) {
  color: #1A818C !important;
  background: transparent !important;
}

/* Dashboard Scroll Changes*/
.Dashboard .DashboardFormWrapper::-webkit-scrollbar-thumb {
  background: #9D9D9D !important;
}

.Dashboard .DashboardFormWrapper::-webkit-scrollbar-thumb:hover {
  background: #555555 !important;
  border: 1px solid #555555 !important;
}

/*Empty Transaction Grid Message Changes*/
.Collection .EmptyGridMessage span.Label span.ActionTitle {
  color: #FFFFFF;
}

.ModernizedContainer .Collection .EmptyGridMessage span.Label:hover, .Collection .EmptyGridMessage span.Label:hover {
  background-color: transparent !important;
}

form.ModernizationOption-Field .Chip .DisplayFieldValueBlock {
  border: 1px solid #078292 !important;
  background: transparent !important;
  color: #078292 !important;
}

/*Document Field UI Issue*/
form.ModernizationOption-Field .Panel:not(.CardLayout) .field.EditField .FieldValueBlock.EditFieldValueBlock .DocumentType:not(.wasDisabled) ~ .e-float-line {
  border-bottom: 1px solid #000000;
}

form.ModernizationOption-Field .Panel:not(.CardLayout) .field.EditField .FieldValueBlock.EditFieldValueBlock .DocumentType:focus ~ .e-float-line {
  border-bottom: 2px solid #078292;
}

form.ModernizationOption-Field .field .FieldValueBlock.ModernizedDocumentControl .ModernizedUploadWrapper {
  border: 1px solid #078292;
  color: #078292;
}

form.ModernizationOption-Field .Panel:not(.CardLayout) .field.EditField .FieldValueBlock.EditFieldValueBlock .DocumentType ~ label.EditFieldLabel {
  color: #000000;
}

/*Classic table panel*/
.ModernizedContainer .Panel-Tab.Classic-Tab .e-tab-header .e-item.e-toolbar-item.e-active {
  border-bottom: 2px solid #078292 !important;
}

.ModernizedContainer .Panel-Tab.Classic-Tab .e-tab-header .e-item.e-toolbar-item .e-tab-text {
  color: #000000;
}

.ModernizedContainer .Panel-Tab.Classic-Tab .e-tab-header .e-item.e-toolbar-item.e-active .e-tab-text {
  color: #078292 !important;
}

.ModernizedContainer .Panel-Tab.Classic-Tab .e-tab-header .e-item.e-toolbar-item {
  background: transparent !important;
  border-bottom: 2px solid transparent !important;
}

.Modernized .BG-Transparent, .BG-Transparent .ModernizedPanelContent {
  background: transparent !important;
}

form.ModernizationOption-Field .Panel:not(.CardLayout) .field.EditField .FieldValueBlock.EditFieldValueBlock.e-float-input.e-input-group .money {
  border: 1px solid rgba(0, 0, 0, 0.42);
}

/*Validation Diablog UI*/
.QuickActionWrapper.Error .ValidationDialog .Scroll {
  background: #FFFFFF;
  border: 1px solid #D09D9D;
}

.QuickActionWrapper.Warning .ValidationDialog .Scroll {
  background: #FFFFFF;
  border: 1px solid #FFB796;
}

.QuickActionWrapper.Information .ValidationDialog .Scroll {
  background: #FFFFFF;
  border: 1px solid #0885DE;
}

.QuickActionWrapper .ValidationDialog .Scroll ul li.FieldLink div {
  color: #000000;
}

/*Freeze the action column*/
.Modernized .Grid .ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(odd) td.freezeColStyle {
  background-color: #F1F3F7;
}

.Modernized .Grid .ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(even) td.freezeColStyle {
  background-color: #FFFFFF;
}

.ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(odd) td.freezeColStyle {
  background-color: #f1f1f1;
}

.ui-jqgrid .ui-jqgrid-btable tbody tr:nth-child(even) td.freezeColStyle {
  background-color: #fdfdfd;
}

.Modernized .Grid .ui-jqgrid .ui-jqgrid-btable tbody tr.ui-state-hover td.freezeColStyle,
.Modernized .Grid .ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-highlight td.freezeColStyle {
  background-color: #E2F3F5;
}

.ui-jqgrid .ui-jqgrid-btable tbody tr.ui-state-hover td.freezeColStyle {
  background-color: #d5e4f1;
}

.ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr.ui-state-highlight td.freezeColStyle {
  background-color: #7494b5;
}

/*Pay Now UI Defect Fix*/
.maskedDataField .DataMasked.e-disabled:enabled {
  -webkit-text-fill-color: #000000 !important;
}

.valueContainer.Blue-Pill, .DisplayField.field.Blue-Pill .FieldValueBlock label, form.ModernizationOption-Field .Panel:not(.CardLayout) .field.DisplayField.Blue-Pill .FieldValueBlock label {
  background-color: #99E0FF !important;
  color: #000000;
}

.valueContainer.Gray-Pill, .DisplayField.field.Gray-Pill .FieldValueBlock label, form.ModernizationOption-Field .Panel:not(.CardLayout) .field.DisplayField.Gray-Pill .FieldValueBlock label {
  background-color: #8D989D !important;
  color: #fff !important;
}

.valueContainer.Pink-Pill, .DisplayField.field.Pink-Pill .FieldValueBlock label, form.ModernizationOption-Field .Panel:not(.CardLayout) .field.DisplayField.Pink-Pill .FieldValueBlock label {
  background-color: #F8D8DC !important;
  color: #000000;
}

.valueContainer.Red-Pill, .DisplayField.field.Red-Pill .FieldValueBlock label, form.ModernizationOption-Field .Panel:not(.CardLayout) .field.DisplayField.Red-Pill .FieldValueBlock label {
  background-color: #FCC9C5 !important;
  color: #FFFFFF;
}

.valueContainer.Green-Pill, .DisplayField.field.Green-Pill .FieldValueBlock label, form.ModernizationOption-Field .Panel:not(.CardLayout) .field.DisplayField.Green-Pill .FieldValueBlock label {
  background-color: #B7EDDE !important;
  color: #000000;
}

.valueContainer.Orange-Pill, .DisplayField.field.Orange-Pill .FieldValueBlock label, form.ModernizationOption-Field .Panel:not(.CardLayout) .field.DisplayField.Orange-Pill .FieldValueBlock label {
  background-color: #FFC7AB !important;
  color: #000000;
}

.ModernizationOption-Field .field.DisplayField .FieldValueBlock textarea {
  border: none;
  background: #FFFFFF;
}

.Padding-30 {
  background: #FFFFFF;
}

.ModernizationOption-Field .WidgetContainerPanel .Space-Around.Panel.ModernizedWidget > .ModernizedPanelContent {
  background: transparent !important;
}

.Light-Grey-BG .cardItem {
  background: #FAFBFD !important;
}

/*Fix for PROD01-32373 Grid white border Under Tab*/
.Modernized .Panel-Tab .Grid .ui-jqgrid .ui-jqgrid-hdiv {
  border-color: #FFFFFF #FFFFFF transparent #FFFFFF !important;
  border-bottom: 1px solid #D6D6D6 !important;
}

.Modernized .Panel-Tab .Grid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-hbox {
  border-bottom: #9da9c3 !important;
}

.Modernized .Panel-Tab .Grid .ui-jqgrid .ui-jqgrid-bdiv {
  border-color: transparent #FFFFFF #FFFFFF #FFFFFF !important;
  border-bottom: 1px solid #D6D6D6 !important;
}

.Modernized .custom-pager .ui-pg-input, .Modernized .ui-state-default.ui-jqgrid-pager.ui-corner-bottom .ui-pg-selbox {
  background: transparent !important;
}

.ModernizedContainer .Chip .PerformAction {
  border: none !important;
  background-color: transparent !important;
}

form.ModernizationOption-Field .Panel:not(.CardLayout) .ModernizedPanelContent {
  color: rgba(0, 0, 0, 0.54) !important;
}

.Collection .customFilter.AdvSummary {
  -webkit-box-shadow: 0px 2px 12px 1px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0px 2px 12px 1px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0px 2px 12px 1px rgba(0, 0, 0, 0.2) !important;
}

.Collection .inline-advanced-search-container form {
  background: #FFFFFF;
  box-shadow: 0px 2px 12px 1px rgba(0, 0, 0, 0.2);
}

.Collection .inline-advanced-search-container form a.btn:not(.DisplayLink), .Collection .inline-advanced-search-container form .btn:not(.DisplayLink) {
  background: #078292 !important;
  color: #FFFFFF !important;
  border: 1px solid #078292 !important;
}

.Collection .inline-advanced-search-container form .btn.Cancel, .Collection .inline-advanced-search-container form a.btn:not(.DisplayLink).secondary, .Collection .inline-advanced-search-container form a.btn:not(.DisplayLink).Reset, .Collection .inline-advanced-search-container form .btn:not(.DisplayLink).secondary, .Collection .inline-advanced-search-container form .btn:not(.DisplayLink).Reset {
  background: #FFFFFF !important;
  color: #078292 !important;
  border: 1px solid #078292 !important;
}

.ui-dialog.ActionDialog .ActionForm.Modernized .ContentPanelWrapper .AdsActionBar .btn:hover {
  outline: 1px solid #067584;
}

.Collection .inline-advanced-search-container form .FormTitle {
  color: #078292;
}

.BrowseForm {
  background: #ECF1F7;
}

.BrowseForm .SearchWrapper .AdvSummary {
  background: #078292;
}

.BrowseForm .SearchWrapper .AdvSummary ul li.customizedAdvSearchSummary {
  background: #FFFFFF;
  border: 0;
}

.BrowseForm .SearchWrapper .AdvSummary ul li.customizedAdvSearchSummary .labelBlock, .BrowseForm .SearchWrapper .AdvSummary ul li.customizedAdvSearchSummary .valueBlock, .BrowseForm .SearchWrapper .AdvSummary .customFilterTitle, .Collection .customFilter.AdvSummary ul li.customizedAdvSearchSummary .labelBlock, .Collection .customFilter.AdvSummary ul li.customizedAdvSearchSummary .valueBlock, .Collection .customFilter.AdvSummary .customFilterTitle {
  color: #000000;
}

.BrowseForm .SearchWrapper .AdvSummary .clearAllSearchFilter, .Collection .customFilter.AdvSummary .clearAllSearchFilter {
  color: #FFFFFF;
  background-color: #078292;
}

.Collection.Grid .ui-jqgrid td.ui-pill-color-primary .pill, .Collection.Card .cardColumn .ui-pill-color-primary .pill, .Collection.TabularCard .cardColumn .ui-pill-color-primary .pill {
  background-color: #078292;
  color: #FFFFFF;
}

.Collection.Grid .ui-jqgrid td.ui-pill-color-secondary .pill, .Collection.Card .cardColumn .ui-pill-color-secondary .pill, .Collection.TabularCard .cardColumn .ui-pill-color-secondary .pill {
  background-color: #FFFFFF;
  color: #078292;
  border-color: #078292;
}

.ModernizationOption-Field.DocumentForm .RequiredField .ModernizedDocumentControl .EditFieldLabel:before, .ModernizationOption-Field .EditFieldValueBlock .MultiSelectControl ~ label:before {
  background: #FF0000;
}

.RequiredField .e-float-text.e-label-bottom:before, .RequiredField .e-float-text.e-label-top:before {
  background: #FF0000;
}

.CardLayout.SummaryPanelBorder .field.DisplayField .FieldValueBlock label {
  color: #00747A !important;
}

.Modernized .icon-text {
  color: #0A96A9 !important;
}

/*Invoices Page UI Fixes*/
.Modernized .ModernizedContainer .ModernizedWidget .ValueInGreen fieldset .DisplayField .FieldValueBlock label, .ModernizationOption-Field .ModernizedContainer .ModernizedWidget .ValueInGreen fieldset .DisplayField .FieldValueBlock label {
  color: #00747A;
}

.WidgetContainerPanel .Panel.ModernizedWidget.SummaryPanelBorder .ModernizedPanelContent,
.WidgetContainerPanel .Panel.ModernizedWidget.canvas-image-border .ModernizedPanelContent {
  border-color: #ADD4D6 !important;
  background: #EDF4F4;
}

.ModernizedContainer .ModernizedWidget.SummaryPanelBorder .DisplayField .DisplayFieldLabel {
  color: #000000;
}

/*User profile form login counter and Checkboxes UI*/
.ModernizedPanelContent fieldset .field.CheckBoxStyle .EditFieldValueBlock input[type=checkbox] + input + .custom-check, .ModernizationOption-Field .EditFieldValueBlock .MultiSelectControl ~ .selectOptionsWrapper .selectOptionsList input[type=checkbox].selectionOption + .custom-check {
  border-color: #078292 !important;
}

form.ModernizationOption-Field .Panel:not(.CardLayout) .ModernizedPanelContent fieldset .field.OrangeCircle .DisplayFieldValue {
  background-color: #FC8B4E !important;
  color: #FFFFFF;
}

form.ModernizationOption-Field .Panel:not(.CardLayout) .ModernizedPanelContent fieldset .field.GreenCircle .DisplayFieldValue {
  background-color: green !important;
  color: #FFFFFF;
}

form.ModernizationOption-Field .Panel:not(.CardLayout) .ModernizedPanelContent fieldset .field.RedCircle .DisplayFieldValue {
  background-color: #FF0000 !important;
  color: #FFFFFF;
}

.Modernized .ModernizedContainer.Panel .ModernizedPanelContent fieldset .field.CheckBoxStyle .EditFieldLabelBlock {
  color: #000000;
}

.ModernizedPanelContent fieldset .field.CheckBoxStyle .EditFieldValueBlock input[type=checkbox]:checked + input + .custom-check, .ModernizationOption-Field .EditFieldValueBlock .MultiSelectControl ~ .selectOptionsWrapper .selectOptionsList input[type=checkbox]:checked + .custom-check {
  background-color: #078292;
}

.Modernized .Panel.ModernizedWidget.SummaryPanelBorder .ModernizedPanelContent fieldset {
  border-color: #ADD4D6 !important;
  border-color: #ADD4D6;
}

.QuickActionWrapper .ValidationDialog {
  background: #FFFFFF;
  background: transparent;
}

.slider-natural-id {
  color: #000000;
  font-size: 16px;
}

/*Asset details UI Fixes Matching with the Wireframe*/
.field.DisplayField.Color-Grey .FieldValueBlock label {
  color: #909090 !important;
}

.BG-White {
  background-color: #FFFFFF !important;
}

/*Right Context Menu for Grid*/
.contextMenu ul li.gridContextMenu a {
  color: #067584;
}

.contextMenu ul li.gridContextMenu:hover {
  background-color: #F0F3F7;
}

.Panel .PanelContent fieldset.Border-Top {
  border-color: #979797 !important;
}

/*Login Page*/
.login .fieldbox input:-webkit-autofill {
  background: transparent;
  -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;
  -webkit-text-fill-color: #000000 !important;
}

.login .LoginContainer .fieldbox input[type=checkbox] + input + .custom-check {
  border-color: #1A818C !important;
}

.login .LoginContainer .fieldbox input[type=checkbox] + input + .custom-check + label {
  color: #000000;
}

.login .LoginContainer .fieldbox input[type=checkbox] + input + .custom-check + label.Agree a {
  color: #1A818C;
}

.login .LoginContainer .fieldbox--button .btn {
  background: #1A818C;
}

.login .LoginContainer .fieldbox--button .btn:hover {
  background: #156973 !important;
}

.Card .SelectAllContainer span, .TabularCard .SelectAllContainer span {
  color: #067584 !important;
}

/*.e-toast-container .e-toast .e-toast-progress {
    background-color: $PPTealColor;
}

.e-toast-container .e-toast .e-toast-message .e-toast-content {
    color: #024144 !important;
}

.e-toast-container .e-toast {
    background-color: #EFFAE8 !important;
    border-color: #9DCDD0;
}

.e-toast-close-icon {
    color: black !important;
}

.e-toast .e-toast, .e-toast .e-toast::before {
    border-color: $PPTealColor !important;
    width: 1.5px !important;
}

.e-toast {
    border-color: #9DCDD0 !important;
}*/
/*Accessibility Defect-6*/
.LoginFormLabel {
  color: #5D5D5D;
}

/**Information Dialog*/
.ui-dialog.ConfirmActionDialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button, .ui-dialog.AlertDialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
  background-image: none !important;
}

.ui-dialog.ConfirmActionDialog hr, .ui-dialog.AlertDialog hr {
  border: none;
  border-top: 1px solid;
}

.ui-dialog.AlertDialog.Information, .ui-dialog.AlertDialog.Error, .ui-dialog.AlertDialog.Warning {
  background-color: #FFFFFF;
}

.ui-dialog.AlertDialog .ui-dialog-titlebar {
  color: #000000;
  background-color: transparent;
}

.ui-dialog.AlertDialog .ui-widget-content {
  color: #000000;
  scrollbar-color: #7C858C #F0F1F2;
}

.ui-dialog.AlertDialog .ui-dialog-buttonpane .ui-button.btn-secondary {
  color: #008099;
  background-color: #FFFFFF;
  border-color: #008099;
}

.ui-dialog.AlertDialog .ui-dialog-buttonpane .ui-button.btn-primary {
  background-color: #008099;
  color: #FFFFFF;
  border-color: #008099;
}

.ui-dialog.ui-widget.AlertDialog {
  border-color: #CFD5D6;
}
.ui-dialog.ui-widget.AlertDialog.Error {
  border-color: #B82828;
}

.ui-dialog.AlertDialog ::-webkit-scrollbar-track {
  background: #F0F1F2;
}

.ui-dialog.AlertDialog ::-webkit-scrollbar-thumb {
  background: #7C858C;
}

.Modernized .ModernizedPanelContent fieldSet .field.LightningBulb .ExecuteCommand.Button {
  color: #078292 !important;
  background-color: transparent !important;
}

/*CreditCorner SemiPie Chart Style*/
.Modernized .ModernizedWidget.CreditCorner.Panel {
  background-color: #FFFFFF !important;
}

.Modernized .ModernizedWidget.CreditCornerPanelActions.Panel {
  background-color: #FFFFFF !important;
}

/*CreditCorner No LOC Style*/
.Modernized .ModernizedWidget.CreditCorner_NoLOCPanel.Panel {
  background-color: #FFFFFF !important;
}

.Modernized .ModernizedWidget.CreditCorner.Panel .FieldSet .field.DisplayField .FieldValueBlock .DisplayFieldValue {
  color: #000000 !important;
}

.DialogOpenMode-slider .Panel.Panel-ModernizedTab.Panel-Tab.TabWithBG .e-toolbar-items {
  background-color: #FFFFFF !important;
}

/*Action Form Modernization*/
.ActionForm.Modernized .ActionFormContentPanelWrapper {
  background: #FFFFFF !important;
}

.ActionForm.Modernized .ActionFormWrapper {
  background: #FFFFFF !important;
}

.ActionForm.Modernized .ActionFormContentPanelWrapper .Panel .PanelHeader h3 span {
  color: #000000 !important;
}

.ActionForm.Modernized .AdvContainer .AdvsLeft {
  background: #FFFFFF;
}

.ui-dialog.ActionDialog .ActionForm.Modernized .ContentPanelWrapper .AdsActionBar .btn {
  background: #FFFFFF;
  color: #078292;
  border: 1px solid #078292;
}

.ui-dialog.ActionDialog .ActionForm.Modernized .ContentPanelWrapper .AdsActionBar .btn.defaultButton {
  background: #078292;
  color: #FFFFFF;
}

.ActionForm.Modernized .AdvsWrapper.open + .overlay {
  background: #FFFFFF;
}

/*Back To Form Link*/
.BackToFormLink .ModernizedPanelContent .FieldSet .OpenTransactionForm .ExecuteCommand {
  background-color: transparent !important;
}

.BackToFormLink .FieldSet .FieldValueBlock a {
  color: #000000 !important;
}

.cardItem .CardItemBorderLeft, .CardBorderWithSpacing .cardItem {
  border-color: #CED3D9;
}

.WidgetContainerPanel .Panel.ModernizedWidget.Indicator.GreenBackground:not(.Layout) > .ModernizedPanelContent {
  background-image: url("../../images/green_background.png") !important;
  background-repeat: no-repeat;
  background-size: cover !important;
}

.WidgetContainerPanel .Panel.ModernizedWidget.Indicator.MainBlueBackground:not(.Layout) > .ModernizedPanelContent {
  background-image: url("../../images/MainWidgetImageTransparent.png") !important;
  background-repeat: no-repeat;
  background-size: cover !important;
}

.WidgetContainerPanel .Panel.ModernizedWidget.Indicator.MainBlueBackground:not(.Layout) > .ModernizedPanelContent,
.WidgetContainerPanel .Panel.ModernizedWidget.Indicator.BlueBackground:not(.Layout) .ModernizedPanelContent,
.WidgetContainerPanel .Panel.ModernizedWidget.Indicator.GreenBackground:not(.Layout) > .ModernizedPanelContent {
  background-color: inherit !important;
}

/*Portal Notification*/
.ModernizationOption-Field .ModernizedPanelContent .Panel.BroadcastNotification .ModernizedPanelContent {
  background-color: #FFF0E8 !important;
  border-color: #FFB796 !important;
}
.ModernizationOption-Field .ModernizedPanelContent .Panel.BroadcastNotification .ModernizedPanelContent:before {
  border-left: 5px #FF8700 solid !important;
}
.ModernizationOption-Field .ModernizedPanelContent .Panel.BroadcastNotification .ModernizedPanelContent .FieldSet .DisplayField.field .DisplayFieldValueBlock label {
  color: #000000 !important;
}

.ModernizedPanelContent fieldset .field.CheckBoxStyle .EditFieldValueBlock input[type=checkbox] + input + .custom-check {
  background-color: #FFFFFF !important;
}

.adrotator-carousel .adrotator-navigation {
  background: #000000;
}

.Collection.HideGrid .grid-wrapper .EmptyGridMessage label, .Collection.EmptyGridOnSearch .EmptyMessageOnSearch label {
  color: #008099;
}

.Collection.HideGrid .grid-wrapper .EmptyGridMessage .EmptyMessageContent, .Collection.EmptyGridOnSearch .EmptyMessageOnSearch .EmptyMessageContent {
  color: #000000;
}

/* Keyboard focus on Interactive Elements */
.ui-pg-button:focus-visible, input:focus-visible, button:focus-visible, textarea:focus-visible, select:focus-visible, .btn:focus-visible, .ModernizedFileUploader:focus-visible,
.ModernizedUploadWrapper:focus-visible, .MultiCurrencyLabel:focus-visible,
.ui-paging-info:focus-visible, .custom-pager:focus-visible, .CustomAction:focus-visible, .clearAllSearchFilter:focus-visible, .ExpandIcon:focus-visible,
.contextMenuIcon:focus-visible, .Button:focus-visible, .icon-text:focus-visible, .help-wrapper:focus-visible, div.user-profile-wrapper:focus-visible, .CustomerUserProfileMenu .MenuItem a:focus-visible,
.popup.profile-popup li a.Logoff:focus-visible, .cardView .cardItem .cardContextMenuContainer .cardContextMenu:focus-visible, .cardItem.AddActionAsCard .cardRow .GridActionBtn .Label:focus-visible,
.Card .SelectAllContainer input[type=checkbox]:focus-visible + label, .TabularCard .SelectAllContainer input[type=checkbox]:focus-visible + label, .HeaderText:focus-visible, .GridCommandLink:focus-visible, .help-wrapper:focus-visible, user-profile-wrapper:focus-visible, .e-tab-wrap:focus-visible, .e-menu-item:focus-visible, .ui-pg-selbox:focus-visible, .cbox:focus-visible, .selectAll:focus-visible,
.login .LoginContainer .fieldbox--password .passicon:focus-visible, .login .LoginContainer .fieldbox--password .passicon:focus, .e-item.e-active .e-tab-wrap:focus-visible, select:focus-visible, #menuAvailableThemesButton:focus-visible, #portal-header-container .portal-header-left .icon-logo:focus-visible, .user-profile-wrapper:focus-visible, #portal-header-container:focus-visible,
.adrotator-divImage-link:focus-visible, .arrow.arrow-left:focus-visible, .arrow.pause-button:focus-visible, .arrow.play-button:focus-visible, .arrow.arrow-right:focus-visible, .adrotator-carousel .indicators li span:focus-visible,
.cardView.TabularContainer .cardItem .checkBoxContainer input[type=checkbox]:focus-visible ~ label,
.ModernizationOption-Field .toggleSwitch.CheckBoxStyle input.BooleanType:focus-visible ~ .toggle-container,
.Modernized .ui-jqgrid table tr th input.SelectAll:focus-visible + label,
.ui-jqgrid .ui-jqgrid-bdiv .ui-jqgrid-btable tbody tr td input[type=checkbox]:focus-visible ~ label,
form td div.reportActionContainer span.icon-wrapper .column-icon-style.drag-icon:focus-visible, input[type=radio]:focus-visible + span.custom-radio.OptionField, .KeywordSearchContainer .KeywordSearchWrapper .SearchTrigger:focus-visible, .GridActionButtonContainer .GridIconActionBar .IconAction span:focus-visible, .Card .cardView .cardItem:focus-visible, .PPSubmissionForm .advancedGridSwitch .ActionControlSet:focus-within::before, .icon-InfoProperty:focus-visible, .closeAvailableThemeMenu:focus, .ResultList li:focus, .TooltipInfoIcon a:focus-visible, .Modernized .grid-wrapper .GridActionButtonContainer .GridActionGroup.GridActionBtn.tertiary .Label:focus-visible, .PPQuotationForm .advancedGridSwitch .ActionControlSet:focus-within::before, .LookupTrigger:focus-visible,
.e-input-group.e-control-wrapper .show-clear-icon.e-clear-icon:focus-visible,
.Modernized .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable thead tr th div:focus-visible,
.e-menu-wrapper ul .e-menu-item.e-focused:focus-visible, .e-menu-wrapper ul .e-menu-item:focus-visible,
.ModernizedContainer fieldset:not(.modernSectionBorder) .maskedDataField .EditFieldValueBlock .ToggleEncrypt:focus-visible, .ModernizedContainer fieldset:not(.modernSectionBorder) .maskedDataField .DisplayFieldValueBlock .ToggleEncrypt:focus-visible,
.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckBoxStyle .FieldValueBlock input.BooleanType:focus-visible, .ui-jqgrid .ui-jqgrid-custom-link:focus-visible,
.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckBoxStyle .FieldValueBlock input.BooleanType:focus-visible ~ .main-container, .LookupTrigger:focus-visible,
.RadioButtonPill .radio-button-group > span:has(input[type=radio]):focus-within {
  outline-color: #00738A !important;
}

form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms .FloatingPanel.CustomActionFloatingPanel .OpenTransactionForm .import:focus-visible,
form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms .RelatedForm:focus-visible .textContainer {
  outline-color: #FFFFFF !important;
}

#portal-header-container div.portal-header-center a#skip-to-main-content {
  color: #FFFFFF;
  background: #00738A;
}

#portal-header-container div.portal-header-center a#skip-to-main-content:focus-visible, #portal-header-container div.portal-header-center a#skip-to-main-content:active {
  outline-color: #00738A !important;
}

.ModernizedContainer .Collection .GridActionButtonContainer .resultsCount p {
  color: #000000;
}

.FieldSet .field.Add-Icon-Field input.Add-Icon.secondary.MultiSelectAction {
  background-position: -138px -132px !important;
}

.field.Add-Icon-Field.MultiSelectActionField:before {
  background: none !important;
  background-image: none !important;
}

.FieldSet .field.Add-Icon-Field.ActionControlSet .OpenActionForm.Add-Icon.MultiSelectAction {
  background-color: #FFFFFF !important;
}

.Modernized ul.RelatedForms .RelatedActionPanel .List li a {
  background-color: #F0F3F7;
}

.Modernized ul.RelatedForms .RelatedActionPanel .List:before {
  border-left-color: #FFFFFF;
  border-top-color: transparent;
}

.Modernized ul.RelatedForms .RelatedActionPanel .List:after {
  border-left-color: #000000;
  border-top-color: transparent;
}

.Modernized ul.RelatedForms .RelatedActionPanel .List li .OpenTransactionForm a {
  border: none;
  background: transparent;
  color: inherit;
}

.Modernized ul.RelatedForms .RelatedActionPanel .List li a:hover {
  color: #000000 !important;
  background-color: #f1f1f1 !important;
  text-decoration: underline !important;
}

form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms {
  /*.CustomActionFloatingPanel.Documents .CustomFloatingPanelIcon {
      background-position: -651px -346px;
  }

  .OpenCommentForm .FloatingPanel {
      background-position: -717px -345px;
  }*/
}
form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms .CustomActionFloatingPanel a:hover, form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms .RelatedForm .textContainer:hover {
  text-decoration: underline !important;
}
form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms .FloatingPanel.CustomActionFloatingPanel .OpenTransactionForm .import {
  background: none;
  border: none;
  color: #FFFFFF;
}
form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms .FloatingPanel.RelatedActionPanel ul.List li:hover, form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms .FloatingPanel.RelatedActionPanel ul.List li:hover a {
  color: #000000;
  background-color: #f1f1f1;
}
form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms .FloatingPanel.RelatedActionPanel .MoreActionsLink, form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms .RelatedForm:hover {
  text-decoration: none !important;
}
form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms .FloatingPanel.RelatedActionPanel .MoreActions {
  color: #FFFFFF;
}
form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms .CustomActionFloatingPanel .OpenSection.OpenSectionWrapper .OpenSectionWidget {
  color: #fff !important;
}

.Modernized .PanelContent.PanelContentStyle .FieldSet.CardLayoutIcon .field .PerformAction.secondary, .Modernized .PanelContent.PanelContentStyle .FieldSet.GridLayoutIcon .field .PerformAction.secondary,
.Modernized .Panel .FieldSet.CardLayoutIcon .field .PerformAction.secondary, .Modernized .Panel .FieldSet.GridLayoutIcon .field .PerformAction.secondary,
.Modernized .PanelContent .FieldSet.CardLayoutIcon .field .PerformAction.secondary:hover, .Modernized .PanelContent .FieldSet.GridLayoutIcon .field .PerformAction.secondary:hover,
.Modernized .Panel .FieldSet.CardLayoutIcon .field .PerformAction.secondary:hover, .Modernized .Panel .FieldSet.GridLayoutIcon .field .PerformAction.secondary:hover {
  border: none;
  outline: 0px;
}

.Modernized .FieldSet.CardLayoutIcon .field.ActionControlSet:after, .Modernized .FieldSet.GridLayoutIcon .field.ActionControlSet:after {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.Modernized .FieldSet.CardLayoutIcon .field.ActionControlSet:after {
  background-position: -890px -337px;
}

.Modernized .FieldSet.GridLayoutIcon .field.ActionControlSet:after {
  background-position: -915px -337px;
}

.e-popup.e-multi-select-list-wrapper .e-checkbox-wrapper .e-frame.e-check, .e-popup .e-checkbox-wrapper:hover .e-frame.e-check {
  background-color: #00949C !important;
  color: #ffffff;
  background-position: -596px -129px;
  background-image: url("../../icons/PP_Icons.png") !important;
}

.sad-image {
  content: url(../../images/SadEmoji.jpg);
}

.AppControlStrip.FormFooter.Bottom .RelatedForms {
  background-color: #1a818c !important;
}

.Collection.Grid .ui-jqgrid td.ui-pill-color-limegreen .pill,
.Collection.Card .cardColumn .ui-pill-color-limegreen .pill,
.Collection.TabularCard .cardColumn .ui-pill-color-limegreen .pill {
  background-color: #32DAC8;
  color: #000000;
}

.e-menu-wrapper.e-menu-popup .e-menu-item:hover,
.e-dropdownbase .e-list-item.e-hover {
  background: unset !important;
}

.e-menu-wrapper.e-menu-popup .e-menu-item:hover::before {
  background: #0A96A9 !important;
}

.LookupWrapper,
.e-multi-select-wrapper,
.modernizedField .e-input-group.e-date-wrapper,
form.ModernizationOption-Field .Panel:not(.CardLayout) .field .EditFieldValueBlock.FieldValueBlock .money,
.e-float-input.e-control-wrapper,
.password-field input,
.textBoxControlStyle .FieldValueBlock.e-float-input.e-input-group.ModernizedDocumentControl,
.CommentForm .AddTags .tag-editor .editor-wrapper input,
.CommentForm .BasicSearchSelectedValue .SelectedSearchOption,
.MassUpdateForm.ModernizationOption-Field .field .EditFieldValueBlock.FieldValueBlock .money {
  border: 1px solid #D6D6D6 !important;
}

.LookupWrapper,
.e-multi-select-wrapper,
.modernizedField .e-input-group.e-date-wrapper,
form.ModernizationOption-Field .Panel:not(.CardLayout) .field .EditFieldValueBlock.FieldValueBlock .money,
.e-float-input.e-control-wrapper,
.password-field input,
.textBoxControlStyle .FieldValueBlock.e-float-input.e-input-group.ModernizedDocumentControl {
  background: transparent;
}

.LookupWrapper label::after,
.e-multi-select-wrapper label::after,
.modernizedField .e-input-group.e-date-wrapper label::after,
form.ModernizationOption-Field .Panel:not(.CardLayout) .field .EditFieldValueBlock.FieldValueBlock .money label::after,
.ModernMultiSelect .EditFieldValueBlock .e-label-top::after,
.e-float-input.e-control-wrapper label::after,
.fieldbox label::after,
.e-float-input.e-input-group label:after,
.PreviewContainer .OutsideContent .ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckBoxStyle .EditFieldValueBlock input[type=checkbox] ~ .main-container,
.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckBoxStyle .EditFieldValueBlock input[type=checkbox] ~ .main-containe {
  background: #ffffff;
}

.LookupWrapper.Focus,
.e-float-input.Focus,
form.ModernizationOption-Field .Panel:not(.CardLayout) .field .EditFieldValueBlock.FieldValueBlock .money.Focus,
.e-float-input.e-control-wrapper.e-input-focus:not(.e-numeric, .e-multi-line-input),
.e-control-wrapper.e-input-focus .e-multi-select-wrapper,
textarea:focus, .ModernMultiSelect .e-multiselect.e-icon-anim .e-multi-select-wrapper {
  background: #E3F5FE !important;
  border: 1px solid #078292 !important;
}

.LookupWrapper.Focus label,
.e-float-input.Focus label,
.TextField.Focus label,
.money.TextField.Focus label,
.e-float-input.e-control-wrapper.e-input-focus:not(.e-numeric) label,
.e-control-wrapper.e-input-focus .e-multi-select-wrapper label,
.e-multiselect.e-input-focus + .e-float-text,
.ModernMultiSelect .e-multiselect.e-icon-anim ~ label,
.ui-jqgrid .GridActionButtonContainer .icon-text,
form.Modernized .WidgetPanelContent .ModernizedWidget .ModernizedPanelContent .SeeAll a.ModernizedSummaryLink {
  color: #555555;
}

.e-multi-select-wrapper .e-delim-values {
  color: #000000 !important;
}

label.e-float-text, .e-float-input label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text, .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
  color: #555555;
}

.e-popup.e-multi-select-list-wrapper {
  border: 1px solid #d6d6d6 !important;
  box-shadow: 0 1px 15px RGBA(0, 0, 0, 0.1) !important;
}

form.ModernizationOption-Field .Panel:not(.CardLayout) .field.DisplayField .FieldValueBlock label, form.ModernizationOption-Field .Panel:not(.CardLayout) .field .FieldValueBlock label.Boolean {
  background-color: transparent !important;
}

form.ShowFooter .AppControlStrip.FormFooter.Bottom {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08) !important;
}

.Modernized:not(.DialogForm) {
  background: #fafafa !important;
}

.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckBoxStyle .EditFieldValueBlock input[type=checkbox] ~ .main-container,
.RadioButtonPill .EditFieldValueBlock .radio-button-group span:not(.Selected) {
  border: 1px solid #e7e7e7 !important;
}

.ModernizedWidget .header .HeaderText {
  color: #007AA3 !important;
}

.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.DocumentIcon.CheckBoxStyle .EditFieldValueBlock input[type=checkbox] ~ .main-container .icon-container .custom-icon {
  background-position: -891px -459px !important;
}

.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckListIcon.CheckBoxStyle .EditFieldValueBlock input[type=checkbox] ~ .main-container .icon-container .custom-icon {
  background-position: -914px -459px !important;
}

.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckListIcon.CheckBoxStyle .EditFieldValueBlock input[type=checkbox]:checked ~ .main-container .icon-container .custom-icon {
  background-position: -914px -481px !important;
}

.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.DocumentIcon.CheckBoxStyle .EditFieldValueBlock input[type=checkbox]:checked ~ .main-container .icon-container .custom-icon {
  background-position: -891px -481px !important;
}

.PreviewContainer .OutsideContent .ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckBoxStyle .EditFieldValueBlock input[type=checkbox]:checked ~ .main-container:after {
  background-position: -731px -128px !important;
}

.CardLayoutIcon::after {
  background-position: -911px -336px !important;
}

.GridLayoutIcon::after {
  background-position: -890px -336px !important;
}

.PreviewContainer .OutsideContent .ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckBoxStyle .EditFieldValueBlock input[type=checkbox] ~ .main-container::before {
  border: 1px solid #BABABA;
}

/*.PreviewContainer .OutsideContent .ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckBoxStyle .EditFieldValueBlock input[type=checkbox]:checked ~ .main-container {
    color: #067584 !important;
    background: #E2F3F5 !important;
}*/
.HighlightedBoxPanel {
  background: #F8FAFA;
}

.ModernizedWidget .header .HeaderText::before {
  background: #000000 !important;
}

.OutsideContent .ModernizedPanelContent {
  background: transparent !important;
}

.Modernized .LookupGridContainer div.cardItem.selected .icon.icon-radioBtn::before {
  background: #078292;
}

.Modernized .LookupField.Card .FieldValueBlock.Preload .LookupWrapper.expanded {
  -webkit-box-shadow: 0 0 8px #078292;
  border-color: transparent !important;
}

.Modernized .KeywordSearchContainer .KeywordSearchWrapper, .ModernizationOption-Field .KeywordSearchContainer, .ModernizationOption-Field .KeywordSearchContainer .KeywordSearchWrapper, .Modernized .KeywordSearchContainer {
  border-color: transparent;
  background: transparent;
}

.Modernized .KeywordSearchContainer .expand, .ModernizationOption-Field .KeywordSearchContainer .expand,
.Modernized .FieldSet .LookupField .LookupChipViewBlock, .ModernizationOption-Field .FieldSet .LookupField .LookupChipViewBlock {
  border: 1px solid #078292;
}

.login .LoginContainer .LWLogoImg {
  height: 50px;
  width: 70%;
  margin: 0 auto 30px auto;
  background-image: url("../Customer/image/loginLogo.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
}

.CustomerLabel {
  margin: 0 10% 20px;
}

form.Modernized.ShowFooter .FormFooter.AppControlStrip .ButtonControlSet.ActionControlBlock .btn.CancelOnFormFooter,
.DialogFormButtonPanelWrapper .formActionButton .btn.secondary, .DialogFormButtonPanelWrapper .gridActionFooterButton .btn.secondary, form.Modernized .ActionFormButtonPanelWrapper .ButtonControlSet li.formActionButton .btn.CancelActionForm, .ButtonControlSet li:only-child a.btn, .ButtonControlSet li:only-child .btn, form.Modernized fieldset.FieldSet .field.ActionControlSet .formActionButton.PerformAction.CancelButton, .OpenSectionActionButtons .OpenTransactionForm.tertiaryButton .btn, .ModernizedPanelContent .content .ModernizedWidget .ActionBarPanel fieldset .OpenTransactionForm.tertiaryButton.Button a, form.Modernized.ShowFooter .AppControlStrip .ButtonControlSet.ActionControlBlock li .tertiaryButton a.btn {
  background: #E2F3F5 !important;
  color: #067584 !important;
  border: 1px solid #E2F3F5 !important;
}

form.Modernized.ShowFooter .FormFooter.AppControlStrip .ButtonControlSet.ActionControlBlock .btn.CancelOnFormFooter:hover, .DialogFormButtonPanelWrapper .formActionButton .btn.secondary:hover, .DialogFormButtonPanelWrapper .gridActionFooterButton .btn.secondary:hover, form.Modernized .ActionFormButtonPanelWrapper .ButtonControlSet li.formActionButton .btn.CancelActionForm:hover, .ButtonControlSet li:only-child a.btn:hover, .ButtonControlSet li:only-child a.btn:focus, .ButtonControlSet li:only-child .btn:hover, .ButtonControlSet li:only-child .btn:focus, form.Modernized fieldset.FieldSet .field.ActionControlSet .formActionButton.PerformAction.CancelButton:hover, .OpenSectionActionButtons .OpenTransactionForm.tertiaryButton .btn:hover,
form.Modernized.ShowFooter .AppControlStrip .ButtonControlSet.ActionControlBlock li .tertiaryButton a.btn:hover, .ModernizedPanelContent .content .ModernizedWidget .ActionBarPanel fieldset .OpenTransactionForm.tertiaryButton.Button a:hover {
  background: #EDf4f4 !important;
  border: 1px solid #078292 !important;
  outline: none !important;
}

form.ReportForm.ModernizationOption-Field .WidgetContainerPanel .Space-Around.Panel.ModernizedWidget > .ModernizedPanelContent,
.DialogOpenMode-slider .Panel.Panel-ModernizedTab.Panel-Tab.TabWithBG .e-tab-header,
.DialogOpenMode-slider .Modernized .Panel-Tab.TabWithBG .Grid .ui-jqgrid .ui-jqgrid-view,
.DialogOpenMode-slider .Modernized .ModernizedContainer .Panel .PanelFooterBar,
form.ModernizationOption-Field .Panel:not(.CardLayout) .field .FieldValueBlock label.Boolean {
  background-color: #FFFFFF !important;
}

form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms .RelatedForm .textContainer {
  color: #FFFFFF;
}

form.Modernized .WidgetPanelContent .ModernizedWidget .ModernizedPanelContent .SeeAll a.ModernizedSummaryLink {
  background: #E2F3F5 !important;
  color: #067584 !important;
}

.WidgetContainerPanel > .ModernizedPanelContent > .WidgetPanelContent > .Panel.ModernizedWidget:not(.RemoveBackgroundPanel, .Layout, .SummaryPanelBorder, .OutsideContent) > .ModernizedPanelContent:first-child,
.WidgetContainerPanel > .ModernizedPanelContent > .WidgetPanelContent > .Layout.Panel.ModernizedWidget:not(.SummaryPanelBorder) > .ModernizedPanelContent .Panel,
.ModernizedContainer .WidgetPanel .FirstPanelBlock .Panel.ModernizedWidget.LeftPanelBlock .ModernizedPanelContent {
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.06);
}

.WidgetContainerPanel > .ModernizedPanelContent > .WidgetPanelContent > .Layout.Panel.ModernizedWidget:not(.SummaryPanelBorder) > .ModernizedPanelContent .Panel.Panel-ModernizedTab {
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.06) !important;
}

.ui-jqgrid .GridActionButtonContainer .Switch .icon-text {
  color: #078292 !important;
}

/*.BackToFormLink a::before {
    background-position: -134px -81px;
}*/
body > .tooltipContainer {
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15);
}
body > .tooltipContainer.right:after, body > .tooltipContainer.left:after {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
body > .tooltipContainer.right:after {
  border-left: 10px solid transparent;
  border-right: 10px solid #342828;
}
body > .tooltipContainer.left:after {
  border-right: 10px solid transparent;
  border-left: 10px solid #342828;
}
body > .tooltipContainer.bottom:after, body > .tooltipContainer.top:after {
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
body > .tooltipContainer.bottom:after {
  border-top: 10px solid transparent;
  border-bottom: 10px solid #342828;
}
body > .tooltipContainer.top:after {
  border-top: 10px solid #342828;
  border-bottom: 10px solid transparent;
}
body > .tooltipContainer .Panel.TooltipContainerPanel .Collection .grid-wrapper .cardView {
  background: #342828 !important;
}
body > .tooltipContainer .Panel.TooltipContainerPanel .Collection .grid-wrapper .cardView .cardItem {
  background: #342828 !important;
}
body > .tooltipContainer .Panel.TooltipContainerPanel .Collection .grid-wrapper .cardView .cardItem .cardBody .cardRow .cardColumn.TextStyle span.valueContainer {
  color: #fff !important;
}
body > .tooltipContainer .Panel.TooltipContainerPanel .Collection .grid-wrapper .cardView .cardItem .cardBody .cardRow .cardColumn span:not(.Empty) {
  color: #fff !important;
}

body .tooltipTriggerContent {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #000;
}

#applicationNotificationToastBlock p.applicationNotificationToastText a {
  color: #fff;
}

#applicationNotificationWrapper .applicationNotificationHeader {
  border-bottom: 1px solid #d6d6d6 !important;
}

#applicationNotificationWrapper {
  background-color: #ffffff;
  border: 1px solid #E9E9E9;
}

#applicationNotificationWrapper .applicationNotificationHeader .applicationNotificationViewAll {
  color: #007AA3 !important;
}

#applicationNotificationWrapper .applicationNotificationContainer .ResultList .applicationNotificationList p.notificationDateTimeStamp {
  color: #555555 !important;
}

#applicationNotificationWrapper .applicationNotificationContainer .ResultList .applicationNotificationList {
  border-bottom: 1px solid #E9E9E9 !important;
}

.ApplicationNotification.TabularCard {
  background: #FCFCFC;
}

.ApplicationNotification.TabularCard .TabularContainer .cardItem {
  border: 1px solid #a6b9c1;
}
.ApplicationNotification.TabularCard .cardView.cardContainer .cardItem:nth-child(odd), .ApplicationNotification.TabularCard .cardView.cardContainer .cardItem:nth-child(even) {
  background: #FCFCFC !important;
  border-bottom: 1px solid #a6b9c1 !important;
}

.menuNotificationIcon .notification-dot {
  background: #D71313;
}

#applicationNotification .icon-close {
  background-position: -374px -83px !important;
}

#portal-header-container .portal-header-right .icon-notification {
  background-position: -576px -522px !important;
}

@-moz-document url-prefix() {
  .cardColumn:not(.GridLink) .valueContainer, .cardColumn:not(.GridLink) .labelContainer {
    color: #3c3c3c !important;
  }
  .ModernizationOption-Field .WidgetContainerPanel .Space-Around.Panel.ModernizedWidget.ConfirmationPanel > .ModernizedPanelContent {
    background: #f0f3f7 !important;
  }
}
@media only screen and (max-width: 1601px) {
  .LookupTrigger:after,
  .ModernizationOption-Field .EditFieldValueBlock .MultiSelectControl ~ .multi-ExpandIcon {
    background-position: -281px -354px;
  }
  .LookupDisabled .LookupTrigger:after {
    background-position: -128px -94px;
  }
  .e-menu-item .quick-action-menuItem .e-anchor-wrap {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1360px) {
  /*form.ShowRelatedForms .AppControlStrip.FormFooter.Bottom .RelatedForms .OpenCommentForm .FloatingPanel {
      background-position: -718px -344px;
  }*/
  .Collection .rowActionBar .GridActionGroup .CustomAction .icon.icon-Edit {
    background-position: -938px -510px !important;
  }
  .OptionCard .rowActionBar .GridActionGroup .CustomAction .icon.icon-Clone {
    background-position: -938px -292px !important;
  }
  .DialogOpenMode-slider .ui-dialog-title {
    font-size: 15px;
  }
  .Modernized .icon-export, .Modernized .ui-pg-button:hover .icon-export {
    background-position: -520px -402px;
  }
  .Modernized .icon-filter, .Modernized .ui-pg-button:hover .icon-filter {
    background-position: -417px -401px;
  }
  .login .LoginContainer .fieldbox--password.pass-hide .passicon, .login .LoginContainer .password-field.pass-hide .passicon {
    background-position: -265px -123px !important;
  }
  .login .LoginContainer .fieldbox--password.pass-visible .passicon, .login .LoginContainer .password-field.pass-visible .passicon {
    background-position: -236px -120px !important;
  }
  .login .LoginContainer .fieldbox--password .passicon, .login .LoginContainer .password-field .passicon {
    top: auto;
    right: 7px;
  }
  .LoginFormLabel {
    font-size: 0.9em;
  }
  .cartIconOnFormFooterWrapper .iconWrapper .valueBlock {
    margin-top: -5px;
    font-size: 11px;
  }
  .e-menu-item .quick-action-menuItem .e-anchor-wrap {
    font-size: 13px;
  }
  .login .LoginContainer .fieldbox input {
    height: 32px;
  }
  .Collapsible:before {
    background-position: -128px -96px;
  }
  @-moz-document url-prefix() {
    .ModernizationOption-Field .WidgetContainerPanel .Space-Around.Panel.ModernizedWidget > .ModernizedPanelContent {
      background: #FFFFFF !important;
    }
    .Modernized .ScrollPane, .ModernizationOption-Field .ScrollPane, .ui-jqgrid .ui-jqgrid-bdiv, .Chart.Collection .ui-jqgrid .grid-wrapper .chartContainer.showLegend + .chartLegendContainer, .PreviewOptions .NoOptionToShow .ModernizedPanelContent:first-child > .content, .PreviewOptions .Options .ModernizedPanelContent:first-child > .content {
      scrollbar-color: #9D9D9D #F6F6F6;
    }
    .cardColumn:not(.GridLink) .valueContainer, .cardColumn:not(.GridLink) .labelContainer {
      color: #3c3c3c !important;
    }
    .OpenCommentForm .FloatingPanel {
      background-position: -718px -345px;
    }
    .Modernized .FieldSet.CardLayoutIcon .field.ActionControlSet:after {
      background-position: -943px -337px;
    }
    .Modernized .FieldSet.GridLayoutIcon .field.ActionControlSet:after {
      background-position: -963px -337px;
    }
    .ModernizationOption-Field .WidgetContainerPanel .Space-Around.Panel.ModernizedWidget.ConfirmationPanel > .ModernizedPanelContent {
      background: #f0f3f7 !important;
    }
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .TabletUser .ModernizationOption-Field .RequiredField .LookupFieldLabel:before {
    background: unset;
  }
}
/* Dialog form button changes*/
/**Mixins for flexbox*/
/**Mixins for box-sizing*/
/*Mixins for box shadow*/
/*media queries*/
.Modernized .FieldSet.PrimaryAddIcon .field.ActionControlSet:after,
.Modernized .FieldSet.SecondaryAddIcon .field.ActionControlSet:after,
.cartIconOnFormFooterWrapper .iconWrapper .cartIcon.icon,
.CartIcon .iconWrapper .cartIcon.icon,
.ModernizedWidget.Panel.Default .ModernizedPanelContent .content .OpenTransactionForm a.quote::before,
.ModernizedWidget.Panel.Default .ModernizedPanelContent .content .OpenTransactionForm a.application::before,
.Modernized .FieldSet .field .PerformAction ~ .iconWrapper .PdfIcon,
.AppControlStrip.FormFooter.Bottom .RelatedForms .ModernizedIcon-document,
.Modernized .FieldSet.GridLayoutIcon .field.ActionControlSet.selected:after,
.Modernized .FieldSet.CardLayoutIcon .field.ActionControlSet.selected:after {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.DialogFormButtonPanelWrapper {
  background: #FFFFFF !important;
  border-color: none;
}

.DialogOpenMode-slider .AppControlStrip.FormFooter {
  border-top-color: #D6D6D6;
}

.ui-dialog .DialogFormButtonPanelWrapper {
  border-top: 1px solid #d1d1d1 !important;
}

/*.Modernized .FieldSet.GridLayoutIcon .field.ActionControlSet:after {
    background-position: -890px -337px;
}

.Modernized .FieldSet.CardLayoutIcon .field.ActionControlSet:after {
    background-position: -915px -337px;
}*/
.Modernized .FieldSet.GridLayoutIcon .field.ActionControlSet.selected:before,
.Modernized .FieldSet.CardLayoutIcon .field.ActionControlSet.selected:before {
  background-color: #078292;
}

.Modernized .FieldSet.CardLayoutIcon .field.ActionControlSet.selected:after {
  background-position: -915px -360px !important;
}

.Modernized .FieldSet.GridLayoutIcon .field.ActionControlSet.selected:after {
  background-position: -890px -360px !important;
}

.TertiaryButton:hover {
  border: 1px solid #657983 !important;
}

.FooterActionBarWrapper .ButtonControlSet li.formActionButton .btn.secondary,
.ActionFormButtonPanelWrapper .ButtonControlSet li.formActionButton .btn.secondary,
.Panel.FooterActionBar .ButtonControlSet.ActionControlBlock li .btn.secondary,
.btn.doneBtn,
.CommentForm input[type=button], .AppControlStrip.FormFooter.Bottom .ButtonControlSet ul li .formActionButton.btn.secondary {
  color: #067584 !important;
  background-color: #ffffff !important;
  border: 1px solid #067584;
}

.ActionForm.Modernized .ActionFormButtonPanelWrapper li.formActionButton .btn.ResetAction:hover {
  outline: 1px solid #067584 !important;
}

.DialogFormButtonPanelWrapper .formActionButton .btn {
  border-color: #078292;
  background-color: #078292;
}

/* FooterActionBar Changes */
.Panel.FooterActionBar .ButtonControlSet.ActionControlBlock li.btn-grp .PerformWorkflowAction:not(.FirstWorkFlowAction), form.ShowFooter .ButtonControlSet.ActionControlBlock li.btn-grp .PerformWorkflowAction:not(.FirstWorkFlowAction) {
  color: #000000 !important;
}

.Panel.FooterActionBar .ButtonControlSet.ActionControlBlock .PerformWorkflowAction, .FooterActionBarWrapper .ButtonControlSet li.formActionButton .btn, .ActionFormButtonPanelWrapper .ButtonControlSet li.formActionButton .btn, form.ShowFooter .ButtonControlSet.ActionControlBlock .PerformWorkflowAction, .ButtonControlSet li.formActionButton .btn {
  color: #ffffff !important;
}

.Panel.FooterActionBar .ButtonControlSet.ActionControlBlock li.formActionButton .btn, .ButtonControlSet.ActionControlBlock li.btn-grp .FirstWorkFlowAction, .FooterActionBarWrapper .ButtonControlSet li.formActionButton .btn, .ActionFormButtonPanelWrapper .ButtonControlSet li.formActionButton .btn, form.ShowFooter .ButtonControlSet.ActionControlBlock li.formActionButton .btn, form.ShowFooter .ButtonControlSet.ActionControlBlock li.btn-grp .FirstWorkFlowAction {
  background-color: #078292;
  border: 1px solid #078292;
}

.Panel.FooterActionBar .ButtonControlSet.ActionControlBlock .btn:hover, .FooterActionBarWrapper .ButtonControlSet li.formActionButton .btn:hover, .ActionFormButtonPanelWrapper .ButtonControlSet li.formActionButton .btn:hover, form.ShowFooter .ButtonControlSet.ActionControlBlock .btn:hover, .CommentForm input[type=button].btn.defaultButton:hover, .CommentForm input[type=button].btn.SubmitResponseForm:hover, .CommentForm .SubmitHolder input[type=button].btn:first-child:hover, .CommentForm .fwCommentResponseForm .FixedControl .actionButtons.Create:hover, .CommentForm .BasicSearchSelectedValue .ButtonPanel .actionButtons.Create:hover, .ui-dialog.AlertDialog .ui-dialog-buttonpane .ui-button.btn-primary:hover, .OpenSectionActionButtons .OpenTransactionForm.primary .btn:hover {
  background-color: #067584 !important;
}

.Panel.FooterActionBar .ButtonControlSet.ActionControlBlock .btn, .ButtonControlSet.ActionControlBlock li.btn-grp .FirstWorkFlowAction, form.ShowFooter .ButtonControlSet.ActionControlBlock .btn, form.ShowFooter .ButtonControlSet.ActionControlBlock li.btn-grp .FirstWorkFlowAction, .CommentForm input[type=button].btn.defaultButton, .CommentForm input[type=button].btn.SubmitResponseForm, .CommentForm .SubmitHolder input[type=button].btn:first-child, .CommentForm .fwCommentResponseForm .FixedControl .actionButtons.Create, .OpenSectionActionButtons .OpenTransactionForm.primary .btn, .ModernizedPanelContent .content .ModernizedWidget .ActionBarPanel fieldset .OpenTransactionForm.primary.Button a {
  color: #ffffff !important;
  background-color: #078292 !important;
  border: 1px solid #078292 !important;
}

.ModernizedPanelContent .content .ModernizedWidget .ActionBarPanel fieldset .OpenTransactionForm.primary.Button a:hover {
  color: #fff !important;
}

.CommentForm input[type=button] {
  border: 1px solid #067584 !important;
}

.FooterActionBarWrapper .ButtonControlSet li.formActionButton .btn.secondary:hover, .ActionFormButtonPanelWrapper .ButtonControlSet li.formActionButton .btn.secondary:hover, .Panel.FooterActionBar .ButtonControlSet.ActionControlBlock li .btn.secondary:hover, .Modernized.ModernizationOption-Field .ButtonControlSet.ActionControlBlock .secondary .btn:hover, .CommentForm input[type=button]:hover {
  background-color: #ffffff !important;
  outline: 1px solid #067584 !important;
}

.ui-dialog.AlertDialog .ui-dialog-buttonpane .ui-button.btn-primary {
  background: #078292;
}

.PanelContent.PanelContentStyle .field.secondary .btn:hover, .PanelContent.PanelContentStyle .field input.PerformAction.secondary:hover, .Modernized .FieldSet .field.secondary .ExecuteCommand.Button:hover, .Modernized .FieldSet .field .PerformAction.secondary:hover, .ui-dialog.AlertDialog .ui-dialog-buttonpane .ui-button.btn-secondary:hover {
  outline: 1px solid #067584 !important;
}

.ui-dialog.AlertDialog .ui-dialog-buttonpane .ui-button.btn-secondary {
  color: #067584 !important;
}

/*User DLS Changes*/
.Panel.FooterActionBar .ButtonControlSet.ActionControlBlock .btn, .ButtonControlSet.ActionControlBlock li.btn-grp .FirstWorkFlowAction, form.ShowFooter .ButtonControlSet.ActionControlBlock .btn, form.ShowFooter .ButtonControlSet.ActionControlBlock li.btn-grp .FirstWorkFlowAction {
  background-color: #078292;
}

form.ShowFooter .ButtonControlSet.ActionControlBlock .btn.secondary:hover, form.ShowFooter .ButtonControlSet.ActionControlBlock .FormActionCloseButton.secondary:hover {
  outline: 1px solid #067584 !important;
}

/** Cart Icon Changes  */
.cartIconOnFormFooterWrapper .iconWrapper .valueBlock {
  background: #078292 !important;
  color: #ffffff !important;
}

.cartIconWrapper .iconWrapper .valueBlock, .CartIcon .iconWrapper .valueBlock {
  background: #078292 !important;
  color: #000000 !important;
}

.AppControlStrip.FormFooter.Bottom .RelatedForms {
  background-color: #078292;
}

.Modernized.ModernizationOption-Field a.btn:not(.DisplayLink).secondary:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled),
.Modernized.ModernizationOption-Field a.btn:not(.DisplayLink).secondary:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled),
.Modernized.ModernizationOption-Field .btn:not(.DisplayLink).secondary:hover:not([disabled=disabled]):not([readonly=readonly]):not(:disabled),
.Modernized.ModernizationOption-Field .btn:not(.DisplayLink).secondary:focus:not([disabled=disabled]):not([readonly=readonly]):not(:disabled) {
  background: #ffffff;
  border-color: #067584;
}
.Modernized.ModernizationOption-Field .AppControlStrip.FormFooter .ButtonControlSet.ActionControlBlock .btn.secondary, .Modernized.ModernizationOption-Field .AppControlStrip.FormFooter .ButtonControlSet.ActionControlBlock .secondary .btn {
  background-color: #ffffff !important;
  border-color: #067584;
  color: #067584 !important;
}
.Modernized.ModernizationOption-Field .AppControlStrip.FormFooter .ButtonControlSet.ActionControlBlock .btn.primary {
  background-color: #078292 !important;
  color: #ffffff !important;
}
.Modernized.ModernizationOption-Field .AppControlStrip.FormFooter .ButtonControlSet.ActionControlBlock .btn.primary:hover {
  background-color: #067584 !important;
}

.ShowActionOnFooter .PanelAction .PlaceActionsOnPanelFooter a {
  background-color: #1A818C !important;
  color: #ffffff;
  border: 1px solid #1A818C;
}

.Modernized .PanelContent.PanelContentStyle .FieldSet.CardLayoutIcon .field .PerformAction.secondary, .Modernized .PanelContent.PanelContentStyle .FieldSet.GridLayoutIcon .field .PerformAction.secondary,
.Modernized .Panel .FieldSet.CardLayoutIcon .field .PerformAction.secondary, .Modernized .Panel .FieldSet.GridLayoutIcon .field .PerformAction.secondary,
.Modernized .PanelContent .FieldSet.CardLayoutIcon .field .PerformAction.secondary:hover, .Modernized .PanelContent .FieldSet.GridLayoutIcon .field .PerformAction.secondary:hover,
.Modernized .Panel .FieldSet.CardLayoutIcon .field .PerformAction.secondary:hover, .Modernized .Panel .FieldSet.GridLayoutIcon .field .PerformAction.secondary:hover {
  border: none;
  outline: 0px;
}

.Modernized .FieldSet.CardLayoutIcon .field.ActionControlSet:after, .Modernized .FieldSet.GridLayoutIcon .field.ActionControlSet:after {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.Modernized .FieldSet .field .PerformAction.ViewPdfIcon {
  color: #1a818c !important;
}

.Modernized .Panel .FieldSet.GridLayoutIcon .field .PerformAction.secondary, .Modernized .Panel .FieldSet.CardLayoutIcon .field .PerformAction.secondary {
  color: #000000 !important;
}

@media only screen and (max-width: 1360px) {
  .cartIconOnFormFooterWrapper .iconWrapper .cartIcon.icon {
    background-position: -402px -338px !important;
  }
  /*.Modernized .FieldSet.CardLayoutIcon .field.ActionControlSet:after {
      background-position: -963px -337px;
  }

  .Modernized .FieldSet.GridLayoutIcon .field.ActionControlSet:after {
      background-position: -943px -337px;
  }*/
  .Modernized .FieldSet.GridLayoutIcon .field.ActionControlSet.selected:after {
    background-position: -943px -360px !important;
  }
  .Modernized .FieldSet.CardLayoutIcon .field.ActionControlSet.selected:after {
    background-position: -963px -360px !important;
  }
}
/**Mixins for flexbox*/
/**Mixins for box-sizing*/
/*Mixins for box shadow*/
/*media queries*/
.Modernized .ModernizedContainer .ModernizedWidget fieldset:not(.Card) .DisplayField.Icon.DocumentInbound .FieldValueBlock .DisplayFieldValue:after,
.Modernized .ModernizedContainer .ModernizedWidget fieldset:not(.Card) .DisplayField.Icon.DocumentOutbound .FieldValueBlock .DisplayFieldValue:after,
.document-inbound-icon,
.document-outbound-icon {
  background-image: url("../../icons/PP_Icons.png") !important;
}

/*div.Panel.Panel-ModernizedTab.Panel-Tab .e-toolbar-items .e-item.e-toolbar-item.e-active .e-tab-text {
    color: $PPTabActiveTextColor !important;
}*/
/*.ModernizedContainer .Panel-Tab .e-tab-header .e-items.e-toolbar-items .e-item.e-toolbar-item,*/
.DialogOpenMode-slider div.Panel.Panel-ModernizedTab.Panel-Tab .e-toolbar-items .e-item.e-toolbar-item {
  background-color: #E2F3F5 !important;
}

.ModernizedContainer .Panel-Tab .e-tab-header .e-items.e-toolbar-items .e-item.e-toolbar-item.e-active::before,
.DialogOpenMode-slider div.Panel.Panel-ModernizedTab.Panel-Tab .e-toolbar-items .e-item.e-toolbar-item.e-active::before {
  background-color: #078292;
}

.ModernizedContainer .Panel-Tab .e-tab-header .e-item.e-toolbar-item .e-tab-text {
  color: #555555 !important;
  font-weight: normal;
}

.ModernizedPanelContent .WidgetPanelContent .Panel-ModernizedTab {
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.06) !important;
  border-radius: 12px !important;
  opacity: 1;
  background-color: #FFFFFF;
}

/*.ModernizedPanelContent .WidgetPanelContent .Panel-ModernizedTab .e-tab-header {
    border-bottom: 1px solid #D6D6D6;
}
*/
.ModernizedContainer div.Panel-ModernizedTab .btn.PerformAction,
.DialogOpenMode-slider .Panel.Panel-ModernizedTab.Panel-Tab.TabWithBG .e-toolbar-items {
  background: #FFFFFF !important;
}

.ModernizedContainer div.Panel-ModernizedTab .btn.PerformAction {
  color: #078292 !important;
  border: 1px solid #078292 !important;
}

.ModernizedContainer div.Panel-ModernizedTab .btn.PerformAction.Primary {
  color: #ffffff !important;
  background: #078292 !important;
  border: 1px solid #078292 !important;
}

.DialogOpenMode-slider div.Panel.Panel-ModernizedTab.Panel-Tab .e-toolbar-items {
  border-bottom-color: #CECECE !important;
}

.DialogOpenMode-slider div.Panel.Panel-ModernizedTab.Panel-Tab .e-toolbar-items .e-item.e-toolbar-item.e-active {
  border-bottom-color: #078292 !important;
}

.DialogOpenMode-slider div.Panel.Panel-ModernizedTab.Panel-Tab .e-toolbar-items .e-item.e-toolbar-item .e-tab-wrap {
  color: #555555;
}

.DialogOpenMode-slider div.Panel.Panel-ModernizedTab.Panel-Tab .e-toolbar-items .e-item.e-toolbar-item {
  border-bottom-color: #CECECE !important;
}

.DialogOpenMode-slider label.e-float-text, .DialogOpenMode-slider .e-float-input label.e-float-text {
  color: #555555 !important;
}

.ModernizedContentPanelWraper .tab-header-title {
  color: #555555;
}

/**Mixins for flexbox*/
/**Mixins for box-sizing*/
/*Mixins for box shadow*/
/*media queries*/
div.Panel.Panel-ModernizedTab.Panel-Wizard .e-item.e-toolbar-item .wizard-icon, .Panel-ModernizedTab.Panel-Wizard .e-icons,
.Panel-ModernizedTab.Panel-Wizard .e-item.e-toolbar-item:not(.e-active, .e-disable) .e-icon-wrapper .e-icons {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.Panel-ModernizedTab.Panel-Wizard .e-item.e-toolbar-item:not(.e-active, .e-disable) .e-icon-wrapper .e-icons {
  background-position: -729px -604px !important;
}

div.Panel.Panel-ModernizedTab.Panel-Wizard .e-tab-header .e-toolbar-item .e-tab-text {
  color: #000000 !important;
}

div.Panel.Panel-ModernizedTab.Panel-Wizard .e-toolbar-items .e-item.e-toolbar-item .wizard-icon::after, div.Panel.Panel-ModernizedTab.Panel-Wizard .e-toolbar-items .e-item.e-toolbar-item .wizard-icon::before {
  background: #078292;
}

div.Panel-ModernizedTab.Panel-Wizard,
.Panel-ModernizedTab.Panel-Wizard .e-content .e-tab-panel-content,
.Panel-ModernizedTab.Panel-Wizard .e-content .PanelFooterBar,
div.Panel.Panel-ModernizedTab.Panel-Wizard,
div.Panel.Panel-ModernizedTab.Panel-Wizard .e-tab-panel-content,
.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
  background: #FFFFFF;
}

div.Panel-ModernizedTab.Panel-Wizard .e-tab-header {
  border-bottom: solid 1.5px #e8e4e4;
}

div.Panel.Panel-ModernizedTab.Panel-Wizard .e-tab-header .e-toolbar-item .e-tab-text {
  color: #000000 !important;
}

/*.Panel-ModernizedTab.Panel-Wizard .e-icon-wrapper {
    background-color: transparent;
}*/
.Panel-ModernizedTab.Panel-Wizard .e-icon-wrapper .e-icons {
  background-color: #519A39;
}

div.Panel.Panel-ModernizedTab.Panel-Wizard .e-item.e-toolbar-item.e-active ~ .e-item.e-toolbar-item .e-icon-wrapper .e-icons,
div.Panel.Panel-ModernizedTab.Panel-Wizard .e-toolbar-items .e-item.e-toolbar-item.e-active ~ .e-item.e-toolbar-item .e-icons::after,
div.Panel.Panel-ModernizedTab.Panel-Wizard .e-toolbar-items .e-item.e-toolbar-item.e-active ~ .e-item.e-toolbar-item .e-icons::before {
  background-color: #FFFFFF;
  border: 1px solid #007AA3;
}

div.Panel-ModernizedTab.Panel-Wizard .e-item.e-toolbar-item .e-icon-wrapper .e-icons {
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.2);
}

div.Panel.Panel-ModernizedTab.Panel-Wizard .e-item.e-toolbar-item.e-active .e-icon-wrapper .e-icons,
div.Panel.Panel-ModernizedTab.Panel-Wizard .e-toolbar-items .e-item.e-toolbar-item.e-active .e-icons::after,
div.Panel.Panel-ModernizedTab.Panel-Wizard .e-toolbar-items .e-item.e-toolbar-item.e-active .e-icons::before {
  background-color: #078292;
}

div.Panel.Panel-ModernizedTab.Panel-Wizard .e-toolbar-items .e-item.e-toolbar-item .e-icons::after, div.Panel.Panel-ModernizedTab.Panel-Wizard .e-toolbar-items .e-item.e-toolbar-item .e-icons::before {
  background-color: #008099;
}

div.Panel.Panel-ModernizedTab.Panel-Wizard .e-tab-header .e-toolbar-item .e-tab-text {
  color: #000000 !important;
}

div.Panel.Panel-ModernizedTab.Panel-Wizard .e-tab-header .e-toolbar-item.e-active .e-tab-text {
  color: #078292 !important;
}

.Modernized div.Panel.Panel-ModernizedTab.Panel-Wizard .FieldSet .field .btn.PerformAction.primary {
  background: #078292 !important;
  color: #ffffff !important;
}

.e-toolbar .e-toolbar-item.e-overlay .e-icons {
  color: #000000 !important;
}

/*.LookupGridContainer div.cardItem {
    background-color: $PPWizardIconBGColor !important;
    border:1px solid $PPWizardIconBorderColor !important;
}*/
.e-toolbar .e-toolbar-item.e-overlay .e-icons {
  color: #000000 !important;
}

.LookupGridContainer div.cardItem.ui-state-hover,
.LookupGridContainer div.cardItem.selected {
  background: #E2F3F5 !important;
  border: 1px solid #078292 !important;
}

@media only screen and (max-width: 1361px) {
  .Panel-ModernizedTab.Panel-Wizard .e-item.e-toolbar-item:not(.e-active, .e-disable) .e-icon-wrapper .e-icons {
    background-position: -730px -564px !important;
  }
}
/**Mixins for flexbox*/
/**Mixins for box-sizing*/
/*Mixins for box shadow*/
/*media queries*/
.ModernizedPanelContent .gridsummaryCard.Card {
  border: solid 1px #dfdfdf;
}
.ModernizedPanelContent .gridsummaryCard.Card .DisplayFieldLabel {
  color: #000000 !important;
}

.Modernized .FieldSet.gridsummaryCard .OpenTransactionForm.field.expandIcon .ExecuteCommand.Button,
.Modernized .FieldSet.gridsummaryCard .OpenSection.field.expandIcon .ExecuteCommand.Button {
  color: #000000 !important;
}

/**Mixins for flexbox*/
/**Mixins for box-sizing*/
/*Mixins for box shadow*/
/*media queries*/
.icon-encrypt-decrypt,
.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckBoxStyle .EditFieldValueBlock input[type=checkbox]:checked ~ .main-container:after,
.e-popup.e-multi-select-list-wrapper .e-checkbox-wrapper .e-frame.e-check, .e-popup .e-checkbox-wrapper:hover .e-frame.e-check,
.ui-jqgrid .GridActionButtonContainer > div > .GridActionBtn .icon-refresh, .ui-jqgrid .GridActionButtonContainer > div .ui-pg-button .icon-refresh {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckBoxStyle .EditFieldValueBlock input[type=checkbox] ~ .main-container span.custom-icon,
.ModernMultiSelect .e-multiselect .e-multi-select-wrapper::before {
  background-image: url("../../icons/default_theme_icon.png") !important;
}

/*Modernized toggle button start*/
.ModernizationOption-Field .toggleSwitch.CheckBoxStyle .toggle-container::before {
  border: 1px solid #848f99;
}

/*.ModernizationOption-Field .toggleSwitch.CheckBoxStyle .moveLeft,
.ModernizationOption-Field .toggleSwitch.CheckBoxStyle .moveLeft::before,
.ModernizationOption-Field .toggleSwitch.CheckBoxStyle .moveRight::before {
    background: $PPToggleSwitchBGColor;
}
*/
.ModernizationOption-Field .toggleSwitch.CheckBoxStyle .moveLeft {
  border: 1px solid #848f99;
}

.ModernizationOption-Field .toggleSwitch.CheckBoxStyle .moveRight {
  background: #078292;
  border: 1px solid #078292;
}

.ModernizationOption-Field .toggleSwitch.CheckBoxStyle .moveRight::before {
  border: 1px solid #FFFFFF;
}

.ModernizationOption-Field .toggleSwitch.CheckBoxStyle .toggle-container.activeToggleDisabled::before {
  background: #DFE2E6;
  border: 1px solid #848f99;
}

.ModernizationOption-Field .toggleSwitch.CheckBoxStyle .toggle-container.activeToggleDisabled.moveRight,
.ModernizationOption-Field .toggleSwitch.CheckBoxStyle .toggle-container.inactiveToggleDisabled::before {
  background: #B9C0C7 !important;
  border: 1px solid #B9C0C7 !important;
}

.ModernizationOption-Field .toggleSwitch.CheckBoxStyle .toggle-container.inactiveToggleDisabled.moveLeft {
  background: #DFE2E6 !important;
  border: 1px solid #c3c3c3 !important;
}

/*Modernized toggle button end*/
/* MultiSelect Control Start */
.ModernizationOption-Field .EditFieldValueBlock input.MultiSelectControl, .ModernizationOption-Field .EditFieldValueBlock input.selectedTextField {
  border-color: #b8b8b8 !important;
}

.ModernizationOption-Field .EditFieldValueBlock .MultiSelectControl ~ .selectOptionsWrapper label.selectionOptionLabel {
  background: inherit;
  color: rgba(0, 0, 0, 0.54);
}

.ModernizationOption-Field .EditFieldValueBlock .MultiSelectControl ~ .selectOptionsWrapper li.selectListItem {
  background-color: #fff;
  border-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}

.ModernizationOption-Field .EditFieldValueBlock .MultiSelectControl ~ .e-float-text.e-label-top {
  color: rgba(0, 0, 0, 0.54);
}

.ModernizationOption-Field .EditFieldValueBlock .MultiSelectControl ~ .selectOptionsWrapper .selectOptionsList li:hover {
  background-color: #d5e4f1 !important;
}

.ModernizationOption-Field .EditFieldValueBlock .MultiSelectControl ~ .selctOptionsThreshold {
  background: #fff;
}

.ModernizationOption-Field .EditFieldValueBlock .MultiSelectControl ~ .selectOptionsWrapper:not(.hideSelectOptionsWrapper) ~ label {
  color: #078292;
}

/* MultiSelect Control End */
/*Button Style Toggle Switch Control Start*/
.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckBoxStyle .EditFieldValueBlock input[type=checkbox] ~ .main-container {
  border: 1px solid #D3D3D3;
  color: #000000;
}

.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckBoxStyle .EditFieldValueBlock input[type=checkbox]:checked ~ .main-container {
  border: 2px solid #078292 !important;
  color: #000000;
}

/*Button Style Toggle Switch Control End*/
/*Modernized checkbox start*/
.ModernizedPanelContent fieldset .field.CheckBoxStyle .EditFieldValueBlock input[type=checkbox][disabled=disabled]:checked + input + .custom-check {
  background-color: grey;
}

input[type=radio][disabled=disabled] + .custom-radio, input[type=radio][readonly=readonly] + .custom-radio,
input[type=checkbox][disabled=disabled] + .custom-check, input[type=checkbox][readonly=readonly] + .custom-check {
  background-color: #E3E3E3 !important;
}

.ModernizedPanelContent fieldset .field.CheckBoxStyle .EditFieldValueBlock input[type=checkbox][disabled=disabled] + input + .custom-check {
  border-color: #A9A9A9 !important;
  background-color: #E3E3E3 !important;
}

/*Modernized checkbox end*/
/*Multiselect theme CSS Start*/
.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
  background-color: #078292;
  color: #fff;
}

.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
  background-color: #078292;
  color: #fff;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
  background-color: #e0e0e0;
  border: 1px solid transparent;
  box-shadow: none;
  color: #078292;
}

.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
  background-color: #e0e0e0;
  border: 1px solid transparent;
  box-shadow: none;
  color: #078292;
}

.e-multiselect.e-filled .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip.e-chip-selected, .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
  background-color: #078292;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
}

.e-popup.e-multi-select-list-wrapper .e-checkbox-wrapper .e-frame.e-check, .e-popup .e-checkbox-wrapper:hover .e-frame.e-check {
  background-color: #078292 !important;
  color: #ffffff;
  background-position: -596px -129px !important;
}

.e-popup.e-multi-select-list-wrapper .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-popup.e-multi-select-list-wrapper .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after {
  background: #078292 !important;
}

.e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame {
  border-color: #1A818C !important;
}

.e-ddl.e-popup {
  border: 1px solid #078292 !important;
}

.e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame {
  border: 1px solid #1A818C !important;
}

/*Multiselect theme CSS End*/
/**Mixins for flexbox*/
/**Mixins for box-sizing*/
/*Mixins for box shadow*/
/*media queries*/
.e-toast-container .e-toast.Success .e-toast-message .e-toast-content {
  color: #024144 !important;
  font-size: 14px !important;
  font-weight: 400;
}

.e-toast-container .e-toast.Success {
  background-color: #EFFAE8 !important;
  border-color: #9DCDD0 !important;
}

.e-toast-close-icon {
  color: #000000 !important;
}

.e-toast .e-toast, .e-toast .e-toast::before {
  width: 1.5px !important;
}

.e-toast .e-toast.Success::before {
  border: 1.5px solid #078292 !important;
  background: #078292 !important;
}

.e-toast-container .e-toast.Warning .e-toast-message .e-toast-content {
  color: #EC6E04 !important;
  font-size: 14px !important;
  font-weight: 400;
}

.e-toast-container .e-toast.Warning {
  background-color: #FFF0E8 !important;
  border-color: #FFB796 !important;
}

.e-toast .e-toast.Warning::before {
  border: 1.5px solid #FF6A00 !important;
  background: #FF6A00 !important;
}

.e-toast-container .e-toast.Info .e-toast-message .e-toast-content {
  color: #0B72AF !important;
  font-size: 14px !important;
  font-weight: 400;
}

.e-toast-container .e-toast.Info {
  background-color: #E1EFF9 !important;
  border-color: #0885DE !important;
}

.e-toast .e-toast.Info::before {
  border: 1.5px solid #0885DE !important;
  background: #0885DE !important;
}

.e-toast-container .e-toast.Error .e-toast-message .e-toast-content {
  color: #AA0000 !important;
  font-size: 14px !important;
  font-weight: 400;
}

.e-toast-container .e-toast.Error {
  background-color: #F9E1E1 !important;
  border-color: #D09D9D !important;
}

.e-toast .e-toast.Error::before {
  border: 1.5px solid #9C0000 !important;
  background: #9C0000 !important;
}

/**Mixins for flexbox*/
/**Mixins for box-sizing*/
/*Mixins for box shadow*/
/*media queries*/
.UserCard .AddActionAsCard .cardRow:before,
.User-personal-card .User-image-container:before,
.User-corporate-card .User-image-container:before,
form.Modernized .UserCard .cardItem .cardColumn.PhoneNumberType:before,
form.Modernized .UserCard .cardItem .cardColumn.Email:before,
form.Modernized .UserCard .cardItem .cardColumn.Address:before,
form.Modernized .UserCard .cardItem .cardColumn.Username:before,
.cardColumn span.valueContainer.LargeLight::before {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.column-icon-style, .cardView .cardItem .cardContextMenu, .cardView .cardItem .ExpandIcon, .rowActionBar .GridActionGroup .CustomAction .icon, .cardRow.Icon.List:before, .field.Add-Icon-Field:before, .Add-Icon:before, form.ModernizationOption-Field .Chip .DisplayFieldValueBlock:after, .DownloadLink, .cardColumn.DocumentType > .valueContainer > .ui-jqgrid-custom-link.DownloadLink:after, .ui-jqgrid .DownloadLink:after, .cardColumn > .valueContainer > .DownloadLink::after, .Modernized .icon-close, .ModernizationOption-Field .icon-close, .Card-Row-Icon .cardBody:before, .Add-Odessa-Icon, .Add-You-Icon, .QuickActionWrapper .ValidationDialog .Scroll ul li:before, .BrowseForm .SearchWrapper .AdvSummary ul li.customizedAdvSearchSummary a i, .Collection .customFilter.AdvSummary ul li.customizedAdvSearchSummary a i, .login .LoginContainer .fieldbox--password .passicon, .login .LoginContainer .password-field .passicon, .ui-jqgrid .tableHead-EditIcon, .GridActionButtonContainer .GridIconActionBar .IconAction .icon,
.cardView.cardContainer .cardItem .cardColumn .icon.icon-InfoProperty, .grid-wrapper .ui-jqgrid .ui-jqgrid-view td .icon.icon-InfoProperty {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.UserCard.ShowDefaultEditActionOnCard .viewEditIcon, .OptionCard.ShowDefaultEditActionOnCard .viewEditIcon, .TabularCard.ShowDefaultEditActionOnCard .viewEditIcon {
  background-image: url("../../icons/PP_Icons.png");
}

.cardItem.AddActionAsCard .cardRow .GridActionBtn {
  color: #067584;
}

.UserCard .cardItem {
  border: 1px solid #078292;
}

.UserCard .cardItem:not(.AddActionAsCard) {
  background: #E2F3F5;
  border: 1px solid #078292;
}

.UserCard .cardItem.HideBorder {
  background: #FAFAFA;
}

.cardItem:not(.AddActionAsCard).HideBorder {
  border: 1px solid #d6d6d6 !important;
}

.User-image-container .ThirdPartyRelationshipTypeValues, .UserCard .cardBody {
  color: #000000;
}

.UserCard .cardItem {
  background: #ffffff;
}

.User-personal-card .EmailType.Email .valueContainer, .User-corporate-card .EmailType.Email .valueContainer {
  color: #078292;
}

.ModernizedContainer .WidgetContainerPanel .Panel.ModernizedWidget:not(.Layout).Background-Grey {
  background-color: #f0f3f7;
}
.ModernizedContainer .WidgetContainerPanel .Panel.ModernizedWidget:not(.Layout).Background-Grey .ModernizedPanelContent {
  background-color: #f0f3f7;
}
.ModernizedContainer .WidgetContainerPanel .Panel.ModernizedWidget:not(.Layout).Background-Grey .ModernizedPanelContent .LookupWrapper {
  background-color: #f0f3f7;
}

.Modernized .LookupField.Card .LookupGridContainer, .Modernized .LookupGridContainer .cardView {
  background-color: #ffffff;
}

.Modernized .LookupField.Card .FieldValueBlock.Preload .LookupWrapper {
  color: #000000;
}

.Modernized .LookupField.Card .FieldValueBlock.Preload .LookupWrapper.expanded,
.Modernized .LookupField.Card .FieldValueBlock.Preload .LookupWrapper.expanded ~ .CardSearchKeyword,
.Modernized .LookupField.Card .FieldValueBlock.Preload .cardViewTrigger,
.Card .cardView.ShowAddActionAsCard .cardItem.AddActionAsCard .cardRow {
  color: #078292;
}

.CarouselCard .cauroselContainer .cardView div.cardItem .GridLink.cardColumn .valueContainer {
  color: #1A818C;
}

.Modernized .LookupGridContainer .cardView.cardContainer::-webkit-scrollbar-thumb {
  background: #078292;
}

.Modernized .ModernizedWidget .ModernizedPanelContent .SeeAll a.ModernizedSummaryLink {
  background: #E2F3F5 !important;
  color: #067584 !important;
}

.ui-jqgrid .GridActionButtonContainer .Switch .icon-grid {
  background-position: -890px -337px;
}

.ui-jqgrid .GridActionButtonContainer .Switch .icon-card {
  background-position: -962px -335px;
}

form.Modernized .UserCard .cardItem .cardColumn.PhoneNumberType:before {
  background-position: -216px -524px;
}

form.Modernized .UserCard .cardItem .cardColumn.Email:before {
  background-position: -251px -526px;
}

form.Modernized .UserCard .cardItem .cardColumn.Username:before {
  background-position: -344px -527px;
}

form.Modernized .UserCard .cardItem .cardColumn.Address:before {
  background-position: -284px -526px;
}

.cardColumn span.valueContainer.LargeLight::before {
  background-position: -939px -510px;
}

form.Modernized .UserCard .cardItem .cardColumn.Email .valueContainer {
  color: #067584;
}

.UserCard .cardItem .cardColumn.EmailType .valueContainer {
  color: #067584;
}

.login .LoginContainer .fieldbox--password .passicon, .login .LoginContainer .password-field .passicon {
  background-position: -84px -331px;
}

.login .LoginContainer .fieldbox--password.pass-hide .passicon, .login .LoginContainer .password-field.pass-hide .passicon {
  background-position: -113px -331px;
}

.login .LoginContainer .customList li.pswdFalse:before {
  background-image: url("../../icons/PP_Icons.png") !important;
  background-position: -711px -128px;
}

.login .LoginContainer .customList li.pswdTrue:before {
  background-image: url("../../icons/PP_Icons.png") !important;
  background-position: -731px -128px;
}

.cardItem.highlightCard .Custom-FixedToTop .cardColumn:first-child .valueContainer {
  color: #078292;
}

.Card .cardView.ShowAddActionAsCard .cardItem.AddActionAsCard {
  border: 1px dotted #d6d6d6 !important;
  background: #fff;
}

.e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active, .e-btn.e-flat.e-primary, .e-datepicker .e-css.e-btn.e-flat.e-primary {
  color: #078292 !important;
}

.e-datepicker .e-calendar .e-content td.e-focused-date.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
  border: 1px solid #078292 !important;
  color: #078292 !important;
}

.e-datepicker .e-calendar .e-content td.e-cell.e-today.e-selected span.e-day {
  color: #fff !important;
}

.e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
  background-color: #078292 !important;
}

.GridBorderPanel .grid-wrapper .cauroselContainer {
  border: 1px solid #CBCBCB;
  background: #f6f6f6 !important;
}

.cardItem.highlightCard {
  background-color: #E2F3F5 !important;
}

.cardItem.activeCard {
  border: 1px solid #078292 !important;
  background-color: #E2F3F5 !important;
}

.cardItem.activeCard::before {
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 10px solid #078292;
}

.Custom-FixedToTop .cardColumn.GridLink .GridCommandLink {
  color: #067584 !important;
}

/*.Custom-FixedToTop {
    border-bottom: 1px solid #d6d6d6;
}*/
/**Mixins for flexbox*/
/**Mixins for box-sizing*/
/*Mixins for box shadow*/
/*media queries*/
/**Mixins for flexbox*/
/**Mixins for box-sizing*/
/*Mixins for box shadow*/
/*media queries*/
.Modernized .FieldSet .OpenTransactionForm.field.expandIcon, .Modernized .FieldSet .OpenSection.field.expandIcon,
.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckListIcon.CheckBoxStyle .EditFieldValueBlock input[type=checkbox] ~ .main-container .icon-container .custom-icon,
.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.DocumentIcon.CheckBoxStyle .EditFieldValueBlock input[type=checkbox] ~ .main-container .icon-container .custom-icon,
.e-input-group-icon.e-search-icon:after,
.EnableNotifier .LookupNotifierTrigger .icon.icon-warning,
.FieldSet .field.Add-Icon-Field.ActionControlSet .OpenActionForm.Add-Icon.MultiSelectAction {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.e-input-group-icon.e-search-icon:after,
.ModernizedContainer .Daysummary-currencyconverter .app-daySummary .e-input-group-icon.e-search-icon:after,
.Add-Icon-Field.MultiSelectActionField:before {
  background-image: url("../../icons/default_theme_icon.png") !important;
}

.e-input-group-icon.e-search-icon {
  background: #FFFFFF;
}

.ui-dialog .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::before, .ui-dialog .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::after,
.ui-dialog .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before,
.ui-dialog .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after,
.ui-dialog .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::before,
.ui-dialog .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::after,
.ui-dialog .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before,
.ui-dialog .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after, .ModernizationOption-Field .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::before, .ModernizationOption-Field .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::after,
.ModernizationOption-Field .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before,
.ModernizationOption-Field .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after,
.ModernizationOption-Field .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::before,
.ModernizationOption-Field .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::after,
.ModernizationOption-Field .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before,
.ModernizationOption-Field .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after {
  background: #078292 !important;
}
.ui-dialog .e-float-input:not(.e-input-group) .e-float-line::before, .ui-dialog .e-float-input:not(.e-input-group) .e-float-line::after,
.ui-dialog .e-float-input:not(.e-input-group) .e-float-line::before, .ui-dialog .e-float-input:not(.e-input-group) .e-float-line::after,
.ui-dialog .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before, .ui-dialog .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after,
.ui-dialog .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before, .ui-dialog .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after, .ModernizationOption-Field .e-float-input:not(.e-input-group) .e-float-line::before, .ModernizationOption-Field .e-float-input:not(.e-input-group) .e-float-line::after,
.ModernizationOption-Field .e-float-input:not(.e-input-group) .e-float-line::before, .ModernizationOption-Field .e-float-input:not(.e-input-group) .e-float-line::after,
.ModernizationOption-Field .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before, .ModernizationOption-Field .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after,
.ModernizationOption-Field .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before, .ModernizationOption-Field .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after {
  background: #078292 !important;
}
.ui-dialog .e-float-input:not(.e-error) input:focus ~ label.e-float-text,
.ui-dialog .e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.ui-dialog .e-bigger .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .ui-dialog .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
.ui-dialog .e-small .e-float-input:not(.e-error) input:focus ~ label.e-float-text,
.ui-dialog .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ui-dialog .e-float-input.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ui-dialog .e-bigger .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ui-dialog .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ui-dialog .e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text,
.ui-dialog .e-small .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top,
.ui-dialog .e-float-input.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ui-dialog .e-bigger .e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ui-dialog .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text,
.ui-dialog .e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top,
.ui-dialog .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ui-dialog .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ui-dialog .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.ui-dialog .e-float-input.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.ui-dialog .e-bigger .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.ui-dialog .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.ui-dialog .e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text,
.ui-dialog .e-small .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top,
.ui-dialog .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.ui-dialog .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .ui-dialog .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .ui-dialog .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .ui-dialog .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .ui-dialog .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .ui-dialog .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ui-dialog .e-float-input.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ui-dialog .e-bigger .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ui-dialog .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ui-dialog .e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .ui-dialog .e-small .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .ui-dialog .e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ui-dialog .e-bigger .e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .ui-dialog .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .ui-dialog .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ui-dialog .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ui-dialog .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ui-dialog .e-float-input.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ui-dialog .e-bigger .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ui-dialog .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ui-dialog .e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .ui-dialog .e-small .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .ui-dialog .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ui-dialog .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .ui-dialog .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .ui-dialog .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ui-dialog .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ui-dialog .e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .ui-dialog .e-bigger .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .ui-dialog .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .ui-dialog .e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .ui-dialog .e-bigger .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .ui-dialog .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .ui-dialog .e-small .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .ui-dialog .e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .ui-dialog .e-bigger .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .ui-dialog .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .ui-dialog .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .ui-dialog .e-small .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .ui-dialog .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .ui-dialog .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .ui-dialog .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .ui-dialog .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .ui-dialog .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .ui-dialog .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .ui-dialog .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .ui-dialog .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .ui-dialog .e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .ui-dialog .e-bigger .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .ui-dialog .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .ui-dialog .e-small .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .ui-dialog .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .ui-dialog .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .ui-dialog .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .ui-dialog .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .ui-dialog .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .ui-dialog .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .ui-dialog .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .ModernizationOption-Field .e-float-input:not(.e-error) input:focus ~ label.e-float-text,
.ModernizationOption-Field .e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.ModernizationOption-Field .e-bigger .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
.ModernizationOption-Field .e-small .e-float-input:not(.e-error) input:focus ~ label.e-float-text,
.ModernizationOption-Field .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ModernizationOption-Field .e-float-input.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ModernizationOption-Field .e-bigger .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ModernizationOption-Field .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ModernizationOption-Field .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ModernizationOption-Field .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ModernizationOption-Field .e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text,
.ModernizationOption-Field .e-small .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top,
.ModernizationOption-Field .e-float-input.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ModernizationOption-Field .e-bigger .e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ModernizationOption-Field .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text,
.ModernizationOption-Field .e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top,
.ModernizationOption-Field .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ModernizationOption-Field .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text,
.ModernizationOption-Field .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.ModernizationOption-Field .e-float-input.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.ModernizationOption-Field .e-bigger .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.ModernizationOption-Field .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.ModernizationOption-Field .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.ModernizationOption-Field .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.ModernizationOption-Field .e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text,
.ModernizationOption-Field .e-small .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top,
.ModernizationOption-Field .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text,
.ModernizationOption-Field .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .ModernizationOption-Field .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .ModernizationOption-Field .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-float-input.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .ModernizationOption-Field .e-small .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .ModernizationOption-Field .e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .ModernizationOption-Field .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .ModernizationOption-Field .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-float-input.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .ModernizationOption-Field .e-small .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .ModernizationOption-Field .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .ModernizationOption-Field .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .ModernizationOption-Field .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .ModernizationOption-Field .e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .ModernizationOption-Field .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .ModernizationOption-Field .e-small .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .ModernizationOption-Field .e-small .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .ModernizationOption-Field .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .ModernizationOption-Field .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .ModernizationOption-Field .e-small .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .ModernizationOption-Field .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .ModernizationOption-Field .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .ModernizationOption-Field .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text {
  color: #078292 !important;
}
.ui-dialog .e-input:focus:not(.e-success):not(.e-warning):not(.e-error), .ui-dialog .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .ui-dialog .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .ui-dialog .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus, .ui-dialog .e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input, .ui-dialog .e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input, .ModernizationOption-Field .e-input:focus:not(.e-success):not(.e-warning):not(.e-error), .ModernizationOption-Field .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .ModernizationOption-Field .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .ModernizationOption-Field .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus, .ModernizationOption-Field .e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input, .ModernizationOption-Field .e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input {
  border-color: #078292 !important;
}

form.ModernizationOption-Field .Panel:not(.CardLayout) .PanelContent fieldset .field .LookupEditor:focus ~ label.LookupFieldLabel,
form.ModernizationOption-Field .Panel:not(.CardLayout) .ModernizedPanelContent fieldset .field .LookupEditor:focus ~ label.LookupFieldLabel {
  color: #078292 !important;
}

form.ModernizationOption-Field .Panel:not(.CardLayout) .PanelContent fieldset .field .money input.EditFieldValue.MoneyType:focus ~ span.e-float-line, form.ModernizationOption-Field .Panel:not(.CardLayout) .PanelContent fieldset .field .LookupEditor:focus ~ span.e-float-line, form.ModernizationOption-Field .Panel:not(.CardLayout) .ModernizedPanelContent fieldset .field .LookupEditor:focus ~ span.e-float-line, form.ModernizationOption-Field .Panel:not(.CardLayout) .ModernizedPanelContent fieldset .field .money input.EditFieldValue.MoneyType:focus ~ span.e-float-line {
  border-color: #078292 !important;
}

.DisplayField.DisplayFieldLabel, .e-float-text.e-label-bottom,
.e-multiselect:not(.e-disabled) .e-float-text.e-label-top, .LookupFieldLabel, .e-float-text.e-label-bottom,
.e-float-text.EditFieldLabel,
fieldset .money label.e-float-text.EditFieldLabel, .EditFieldLabelBlock.FieldLabelBlock label {
  color: #555555;
}

.DocumentListInfoForm.Modernized.ModernizationOption-Field .LookupDisabled .LookupTrigger:after {
  background-position: unset;
}

.ModernizationOption-Field .formActionButton .SaveTransaction.btn {
  border: 1px solid #078292 !important;
}

.AttachmentNameColor {
  color: #1A818C;
}

.Modernized.ModernizationOption-Field .ModernizedContainer .ActionPanel {
  background-color: transparent;
}
.Modernized.ModernizationOption-Field .ModernizedContainer .Card .cardFooter {
  background-color: transparent;
}

/*Summary Text for a Field*/
.SummaryText {
  color: #555555;
}

.modernizedField.RequiredField .EditFieldLabelBlock.FieldLabelBlock label:before,
.modernizedField.RequiredField label.e-float-text:before, .ModernizationOption-Field .RequiredField.MultiSelectDisplay .DisplayFieldLabel:before {
  background: #FF0000;
}

.MultiSelectDisplay .DisplayFieldValueBlock.FieldValueBlock:nth-child(2) {
  border-color: #b8b8b8 !important;
}

.ModernizedContainer .LookupGridContainer, .ui-dialog .ModernizationOption-Field .LookupGridContainer, .contextMenu {
  border: 1px solid #008099;
}

.contextMenu:before {
  border-top: 1px solid #008099;
  border-left: 1px solid #008099;
}

.contextMenu.contextMenuToolTipBelow:before {
  border: 1px solid #008099;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
}

.LookupGridContainer {
  border: 1px solid #d6d6d6;
  box-shadow: 0 1px 15px RGBA(0, 0, 0, 0.1);
}

.contextMenu {
  box-shadow: 0 1px 15px RGBA(0, 0, 0, 0.1);
}

.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.CheckListIcon.CheckBoxStyle .EditFieldValueBlock input[type=checkbox] ~ .main-container .icon-container .custom-icon {
  background-position: -576px -290px;
}

.ModernizedPanelContent fieldset .buttonStyleToggleSwitch.DocumentIcon.CheckBoxStyle .EditFieldValueBlock input[type=checkbox] ~ .main-container .icon-container .custom-icon {
  background-position: -638px -289px;
}

.Modernized .ModernizedContainer .ModernizedWidget fieldset:not(.Card) .DisplayField.Icon.DocumentInbound .FieldValueBlock .DisplayFieldValue:after, .document-inbound-icon {
  background-position: -529px -589px !important;
}

.Modernized .ModernizedContainer .ModernizedWidget fieldset:not(.Card) .DisplayField.Icon.DocumentOutbound .FieldValueBlock .DisplayFieldValue:after, .document-outbound-icon {
  background-position: -557px -589px !important;
}

/*.Modernized .FieldSet.gridsummaryCard .OpenTransactionForm.field.expandIcon, .Modernized .FieldSet.gridsummaryCard .OpenSection.field.expandIcon {
    background-position: -363px -338px !important;
}*/
@media only screen and (max-width: 1601px) {
  .ModernizedContainer fieldset.Align-Row-Right .CreditAppCurrency .LookupTrigger:after {
    background-position: -281px -357px;
  }
}
/**Mixins for flexbox*/
/**Mixins for box-sizing*/
/*Mixins for box shadow*/
/*media queries*/
/**Slide in css*/
.OpenSectionWrapper .SlideInPanelWrapper .SlideInPanelHeader .closeSlideInPanel .icon-close-large,
.OpenSectionWrapper .SlideInPanelWrapper .SlideInContentPanel .icon-blue-tick,
.SlideInPanelHeader .icon-close-large,
.close-btn-div .icon-closeBtn {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.OpenSectionWrapper .OpenSectionWidget, .Panel.Popup .PanelHeader span {
  color: #067584 !important;
}

.OpenSectionWrapper .SlideInContentPanel .Panel.ViewSummary ::-webkit-scrollbar {
  width: thin;
  height: thin;
}
.OpenSectionWrapper .SlideInContentPanel .Panel.ViewSummary ::-webkit-scrollbar-thumb {
  background: #555555;
}
.OpenSectionWrapper .SlideInContentPanel .Panel.ViewSummary ::-webkit-scrollbar-track {
  background: #F6F6F6;
}

.OpenSectionWrapper .SlideInPanelWrapper .SlideInContentPanel .ActionCompletionSummary .field.DisplayField .FieldValueBlock label:not(.FloatingLabel),
.OpenSectionWrapper .SlideInPanelWrapper .SlideInContentPanel .ActionCompletionSummary .field .FieldValueBlock label.Boolean {
  color: #2d2d2d;
  border-bottom: 0px solid #b8b8b8;
}

.OpenSectionWrapper .SlideInPanelWrapper .SlideInContentPanel .ActionCompletionSummary .DisplayField.IdentityNo a.ModernizedSummaryLink {
  color: #008099 !important;
}

.OpenSectionWrapper .SlideInPanelWrapper.show {
  background: #ffffff;
}

.OpenSectionWrapper .SlideInPanelWrapper.show .SlideInPanelLayer.show, .OpenSectionWrapper .SlideInPanelWrapper.show .ui-dialog-SlideInPanelLayer.show,
.ui-dialog.DialogOpenMode-slider .SlideInPanelLayer.show, .ui-dialog.DialogOpenMode-slider .ui-dialog-SlideInPanelLayer.show,
.SlideInPanelOverlay.show {
  background: #000000;
}

.OpenSectionWrapper .SlideInPanelWrapper .SlideInContentPanel .FieldSet .field .PerformAction.ViewPdfIcon {
  color: #1a818c !important;
}

.OpenSectionWrapper .SlideInPanelWrapper .SlideInContentPanel .Placeholder.PanelSuccessMessage:before {
  background-image: url("../../icons/successAnimation_1920.gif");
}

.OpenSectionWrapper .SlideInPanelWrapper .SlideInContentPanel .Placeholder.PanelSuccessMessage, .OpenSectionWrapper .SlideInPanelWrapper .SlideInPanelHeader {
  color: #000000;
}

.OpenSectionWrapper .SlideInContentPanel .Panel:not(.CardLayout).ValueInGreen .field.DisplayField .FieldValueBlock label {
  color: #00747A;
}

.OpenSectionWrapper .SlideInPanelWrapper .SlideInPanelHeader {
  color: #000000;
  background: transparent !important;
  border-bottom: 1px solid #d6d6d6 !important;
}

.ui-dialog form, .ui-dialog form.DialogForm {
  background: #fff;
}

.ui-dialog form:not(.CommentForm), .ui-dialog form.DialogForm:not(.CommentForm) {
  border-bottom: 1px solid #d1d1d1;
}

.AdvancedSummaryPanelConfirmation {
  background: #FFFFFF;
  box-shadow: 0px 9px 10px rgba(0, 0, 0, 0.05);
}
.AdvancedSummaryPanelConfirmation .Placeholder.PanelSuccessMessage:before {
  background-color: #EDF4F4 !important;
  border: 5px solid #EDF4F4;
}
.AdvancedSummaryPanelConfirmation .field.DisplayField .FieldValueBlock label {
  background: transparent !important;
}
.AdvancedSummaryPanelConfirmation .ModernizedWidget:first-child {
  background: #EDF4F4 !important;
}

.ui-dialog .Panel .OneColumnLayout .Card .cardView .cardItem {
  background: #fafafa;
  border: 1px solid #D6D6D6;
}

.ui-dialog .Panel .OneColumnLayout .Card .cardView .cardItem:hover {
  background: #E2f3f5;
}

@media only screen and (max-width: 1601px) {
  .OpenSectionWrapper .SlideInPanelWrapper .SlideInContentPanel .Placeholder.PanelSuccessMessage:before {
    background-image: url("../../icons/successAnimation_1360.gif");
  }
}
/**Mixins for flexbox*/
/**Mixins for box-sizing*/
/*Mixins for box shadow*/
/*media queries*/
.Carousel:not(.SimpleCarousal) .cauroselContainer .carouselNavigatorContainer .nextNavigator::after, .Carousel:not(.SimpleCarousal) .cauroselContainer .carouselNavigatorContainer .prevNavigator::after {
  background-image: url("../../icons/PP_Icons.png") !important;
}

/**Mixins for flexbox*/
/**Mixins for box-sizing*/
/*Mixins for box shadow*/
/*media queries*/
.CommentForm .icon, .ui-dialog.CommentDialog .CommentForm .post-tag .delete-tag,
.ui-dialog.CommentDialog .CommentForm .fwCommentResponseForm .AdditionalInfo .CreatedBy:before {
  background-image: url("../../icons/PP_Icons.png") !important;
}

.CommentForm .icon.icon-drop, .CommentForm .SelectedSearchOption .icon-drop, .CommentForm .icon-expandQuickSearch, .CommentForm .Controls .icon, .CommentForm .fwCommentListPane .fwCommentListHeader .fwCommentCollapsible .icon.icon-refresh {
  background-image: url("../../icons/default_theme_icon.png") !important;
}

.comment-attachments a:before, .tag-editor .delete-tag, .DownloadLink, .DeleteDocument, .ui-jqgrid .DownloadLink:after {
  background: url("../../icons/default_theme_icon.png") !important no-repeat;
  background-image: url("../../icons/default_theme_icon.png") !important !important;
}

.ui-dialog.CommentDialog .actionButtons {
  border: 1px solid #DADADA;
}
.ui-dialog.CommentDialog .CommentForm .tag-editor.Focus label {
  color: #078292;
}
.ui-dialog.CommentDialog .CommentForm .OpenSectionWrapper .OpenSectionWidget {
  color: #078292 !important;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentListPane {
  border-right: 1px solid #C9C9C9 !important;
}
.ui-dialog.CommentDialog .CommentForm .CommentTagFlex .tag-editor.Focus:focus, .ui-dialog.CommentDialog .CommentForm .CommentTagFlex .tag-editor.Focus {
  background: transparent;
  color: #000000;
  border-color: #078292 !important;
}
.ui-dialog.CommentDialog .CommentForm .CommentTagFlex .tag-editor, .ui-dialog.CommentDialog .CommentForm .CommentTagFlex .tag-editor input, .ui-dialog.CommentDialog .CommentForm .CommentTagFlex .tag-editor label {
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .SelectedSearchOption .icon-drop, .ui-dialog.CommentDialog .CommentForm .icon-expandQuickSearch {
  background-color: transparent !important;
}
.ui-dialog.CommentDialog .CommentForm .CommentBasicSearchContainer .BasicSearchOptions {
  background: #FFFFFF;
  border: 1px solid #E9E9E9;
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.ui-dialog.CommentDialog .CommentForm .CommentBasicSearchContainer .BasicSearchOptions .BasicSearchOption .OptionText {
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .CommentBasicSearchContainer .BasicSearchOptions .BasicSearchOption:hover {
  background-color: #EDF7FF !important;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentWrapper .formRowBlock.AddTags .Focus label {
  color: #078292;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentWrapper .formRowBlock.AddTags .post-tag:after {
  border-bottom: 1px solid #b8b8b8;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentWrapper .rightPane .TitleAndType .Title {
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentWrapper .rightPane .TitleAndType .Type {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.7;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentWrapper .CommentBasicSearchContainer .BasicSearchSelectedValue .ButtonPanel .primary {
  border: 1px solid #078292;
  color: #FFFFFF !important;
  background: #078292 !important;
}
.ui-dialog.CommentDialog .CommentForm .BasicSearchSelectedValue {
  border-bottom-color: #E9E9E9 !important;
}
.ui-dialog.CommentDialog .CommentForm .BasicSearchSelectedValue .SearchCommand .btn-secondary {
  border: 1px solid #078292;
  color: #078292;
}
.ui-dialog.CommentDialog .CommentForm .BasicSearchSelectedValue .SelectedSearchOption {
  color: #000000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
}
.ui-dialog.CommentDialog .CommentForm .BasicSearchSelectedValue .PanelContent {
  background: transparent;
}
.ui-dialog.CommentDialog .CommentForm .BasicSearchSelectedValue .PanelContent select, .ui-dialog.CommentDialog .CommentForm .BasicSearchSelectedValue .PanelContent .FieldSet .field .tag-editor {
  background: transparent;
  color: #000000;
  border-color: #078292 !important;
}
.ui-dialog.CommentDialog .CommentForm .BasicSearchSelectedValue .PanelContent .field .tag-editor input {
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .BasicSearchSelectedValue .PanelContent .FieldSet .field .FieldLabelBlock {
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentListHeader {
  background: #FFFFFF;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentListHeader .fwCommentCollapsible {
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentListHeader .CommentQuickSearch {
  border: solid 1px #979797 !important;
  background: #FFFFFF;
  color: #333D47;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentCollapsible span.btn-primary {
  background-color: #067584;
  color: #FFFFFF;
  border: 1px solid #067584;
}
.ui-dialog.CommentDialog .CommentForm .post-tag span:not(.delete-tag) {
  background: #FFFFFF;
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .post-tag, .ui-dialog.CommentDialog .CommentForm .fwFieldsWrapper .comment-attachments li {
  border: 1px solid #078292 !important;
  background-color: #FFFFFF;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentListPane .fwCommentListItems .CommentRow {
  background: #FFFFFF !important;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentListPane .fwCommentListItems .CommentRow.selected-row-highlight {
  border: 2px solid #078292;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentListPane .fwCommentListItems .CommentRow:not(.selected-row-highlight):hover {
  background: #ecf5ff !important;
}
.ui-dialog.CommentDialog .CommentForm .ResultPanel .fwCommentWrapper .fwCommentListWrapper .fwCommentListPager {
  background: #FFFFFF;
}
.ui-dialog.CommentDialog .CommentForm .ResultPanel .fwCommentWrapper .fwCommentListWrapper .fwCommentListItems .CommentRow {
  -webkit-box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.5) !important;
  -moz-box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.5) !important;
}
.ui-dialog.CommentDialog .CommentForm .ResultPanel .fwCommentWrapper .fwCommentListWrapper .fwCommentListItems .CommentRow .RowFlex .CommentRow .Title {
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .ResultPanel .fwCommentWrapper .fwCommentListWrapper .fwCommentListItems .CommentRow .RowFlex .RowLeft .Title {
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .ResultPanel .fwCommentWrapper .fwCommentListWrapper .fwCommentListItems .CommentRow .RowFlex .RowLeft .TypeAndAuthor {
  color: #233647;
}
.ui-dialog.CommentDialog .CommentForm .ResultPanel .fwCommentWrapper .fwCommentListWrapper .fwCommentListItems .CommentRow .RowFlex .RowLeft .TimeStamp {
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .ResultPanel .fwCommentWrapper .fwCommentListWrapper .fwCommentListItems .CommentRow.InActive .RowFlex .RowLeft .Title {
  color: #FF0000;
}
.ui-dialog.CommentDialog .CommentForm .ResultPanel .fwCommentWrapper .fwCommentListWrapper .fwCommentListItems .CommentRow:not(.selected-row-highlight):hover {
  background: #EDF7FF !important;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentCreateOrEditForm .FormTitle {
  color: #000000;
  background: #FFFFFF;
  border: none;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentCreateOrEditForm .formRowBlock .EditField input[type=checkbox]:disabled ~ .custom-check {
  background: #E9E9E9;
  border-color: #9D9D9D !important;
}
.ui-dialog.CommentDialog .CommentForm .FixedControl .actionButtons.button_editComment {
  color: #067584;
  border: 1px solid #067584;
}
.ui-dialog.CommentDialog .CommentForm .FixedControl .actionButtons.Create {
  background: #067584;
  color: #FFFFFF;
  border: 1px solid #067584;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentResponseForm .fwCommentThreadsWrapper {
  background-color: #FFFFFF;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentResponseForm .AdditionalInfo {
  color: rgba(0, 0, 0, 0.75);
  opacity: 0.7;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentResponseForm .AdditionalInfo .CreatedBy {
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentResponseForm .CommentTag, .ui-dialog.CommentDialog .CommentForm .fwCommentResponseForm .post-tag {
  border: 1px solid #078292;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentResponseForm .ResponseBody {
  border: 1px solid #078292;
  background-color: #FFFFFF;
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentResponseForm .ResponseBody .AttachmentListTrigger span {
  color: #078292;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentResponseForm .ResponseHeader {
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentResponseForm .fwCommentThreadsWrapper {
  border-right: 1px solid #E9E9E9;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentResponseForm .AttachmentBlcok .AttachmentList.Open {
  background-color: #FFFFFF;
  border: 1px solid #E9E9E9 !important;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentResponseForm .AttachmentBlcok .AttachmentList.Open li:hover {
  background: #ecf5ff;
}
.ui-dialog.CommentDialog .CommentForm .fwExtras > span {
  color: #078292;
}
.ui-dialog.CommentDialog .CommentForm .fwFieldsWrapper .formRowBlock.Status input[type=checkbox] + input + .custom-check {
  border: 1px solid #078292 !important;
}
.ui-dialog.CommentDialog .CommentForm .fwFieldsWrapper .formRowBlock.Status input[type=checkbox]:checked + input + .custom-check {
  background: #078292;
}
.ui-dialog.CommentDialog .CommentForm .fwFieldsWrapper .formRowBlock.Status input[type=checkbox]:checked + input + .custom-check:after {
  border: solid #FFFFFF;
}
.ui-dialog.CommentDialog .CommentForm .ResponseDocument .FieldValueBlock ~ span {
  background: #fafafa;
  border: 1px dashed #D8D8D8;
}
.ui-dialog.CommentDialog .CommentForm .AttachmentBlock .labelBlock label {
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentPostForm {
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentPostForm .fwFieldsWrapper .formBlock .TagBlock .CommentTagFlex .formRowBlock.TagGroup .FieldValueBlock .e-search-icon:hover {
  background: none !important;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentPostForm .fwFieldsWrapper .formBlock .labelBlock {
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentPostForm .fwFieldsWrapper .formBlock .ResponseDocument .FieldValueBlock ~ span {
  background: #fafafa;
  border: 1px dashed #D8D8D8;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentPostForm .fwFieldsWrapper .formBlock .TagBlock .AddTags .tag-editor .editor-wrapper label {
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentPostForm .fwFieldsWrapper .formBlock .TagBlock .AddTags .tag-editor .editor-wrapper input {
  color: #000000;
}
.ui-dialog.CommentDialog .CommentForm .fwCommentPostForm .fwFieldsWrapper .formBlock .TagBlock .AddTags .tag-editor.Focus label {
  color: #078292;
}

/*Comment module*/
.fwCommentListPager {
  background: #e6e6e6;
}

.fwCommentListPager .Controls > span:not(.ui-pg-button) {
  border-right: 1px solid #D8D8D8;
  border-left: 1px solid #D8D8D8;
}

.CommentRow .Title {
  color: #4d7195;
}

.CommentRow.selected-row-highlight, .CommentRow:hover {
  background: #ecf5ff !important;
}

.fwCommentInfo .Title {
  color: #44698f;
}

.fwCommentInfo .Type {
  color: #6a8db1;
}

.fwCommentInfo .CreatedBy {
  background: #999999;
  color: #FFFFFF;
}

.fwCommentInfo .CreateDate {
  background: #ebebeb;
  color: #969696;
}

.fwCommentThreadsWrapper {
  background: #ecf5ff;
}

.fwCommentThreadsWrapper .fwCommentThread .fwResponseAuthor:not(.Owner) {
  background: #999999;
  color: #FFFFFF;
}

.fwCommentThreadsWrapper .fwCommentThread .fwResponseAuthor:not(.Owner):before {
  border-bottom: 7px solid #727272;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.fwCommentThreadsWrapper .fwCommentThread .fwResponseAuthor:not(.Owner):after {
  border-bottom: 27px solid #f7f9fa;
  border-left: 27px solid transparent;
  border-right: 27px solid transparent;
}

.fwCommentThreadsWrapper .fwCommentThread .fwResponseAuthor.Owner {
  background: #7a96b2;
  color: #FFFFFF;
}

.fwCommentThreadsWrapper .fwCommentThread .fwResponseAuthor.Owner:before {
  border-bottom: 7px solid #627a92;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.fwCommentThreadsWrapper .fwCommentThread .fwResponseAuthor.Owner:after {
  border-bottom: 27px solid #f7f9fa;
  border-left: 27px solid transparent;
  border-right: 27px solid transparent;
}

.fwCommentCreateOrEditForm .FormTitle {
  color: #44698f;
}

.ModernizedCommentContainer .fwCommentInfo {
  border-bottom: solid 2px #44698f;
}

.ModernizedCommentContainer .CreatedByAndTitle .CreatedByAndInternal .CreatedBy {
  background-color: transparent;
}

.ModernizedCommentContainer .CreatedByAndTitle div span {
  color: #44698f !important;
}

.ModernizedCommentContainer .CreatedDateInternal span span {
  background-color: transparent !important;
  color: #233647 !important;
}

.ModernizedCommentContainer .ModernizedCommentPanel .fwCommentThreadsWrapper {
  background-color: #f6f6f6;
}

.ModernizedCommentContainer .ModernizedCommentPanel .fwCommentThreadsWrapper .fwResponseAuthor.Owner, .ModernizedCommentContainer .ModernizedCommentPanel .fwCommentThreadsWrapper .fwCommentThread .fwResponseAuthor:not(.Owner) {
  background-color: transparent;
  color: #3c3c3c;
}

.ModernizedCommentContainer .ModernizedCommentPanel .fwCommentThreadsWrapper .fwResponseAuthor.Owner, .ModernizedCommentContainer .ModernizedCommentPanel .fwCommentThreadsWrapper .fwCommentThread .fwResponseAuthor {
  color: #44698f !important;
}

.ModernizedCommentContainer .ModernizedCommentPanel .fwCommentPostForm .fwFieldsWrapper .formRowBlock .FieldLabelBlock, .ModernizedCommentContainer .ModernizedCommentPanel .fwFieldsWrapper .formRowBlock .labelBlock {
  color: #3c3c3c !important;
}

.ModernizedCommentContainer .ModernizedCommentPanel .fwCommentThreadsWrapper .fwCommentThread {
  background: transparent;
}

.ModernizedCommentContainer .ModernizedCommentPanel .fwCommentThreadsWrapper .fwCommentThread:not(:first-child) {
  border-left: 1px solid #C9C9C9;
}

.ModernizedCommentContainer .ModernizedCommentPanel .fwCommentThreadsWrapper .fwCommentThread .comment-attachments li {
  background-color: #c8d9ec;
  color: #344d67;
  box-shadow: 0 3px 3px 0 rgba(2, 26, 26, 0.15);
}

.ModernizedCommentContainer .ModernizedCommentPanel .fwCommentThreadsWrapper .fwCommentThread .comment-attachments li > a {
  color: #344d67;
}

.ModernizedCommentContainer .ModernizedCommentPanel .fwCommentPostForm .TagBlock .addTag {
  color: #3c3c3c !important;
}

.ModernizedCommentContainer .ModernizedCommentPanel .fwCommentThreadsWrapper .fwCommentThread .TagBlock .tag-editor.tag-holder.EditFieldValue {
  box-shadow: 0 0 #000000;
  background: transparent;
}

.ModernizedCommentContainer .ModernizedCommentPanel .fwCommentThreadsWrapper .fwCommentThread .TagBlock .tag-editor.tag-holder.EditFieldValue .tag-wrapper > .post-tag > span:last-child, .ModernizedCreateOrEditCommentForm .post-tag.EntityTag > span:last-child {
  color: #6d6d6d !important;
}

.ModernizedCreateOrEditCommentForm .formRowBlock .labelBlock {
  color: #3c3c3c !important;
}

.ModernizedCreateOrEditCommentForm .formRowBlock .RequiredField span:first-child::after {
  color: #ff4040;
}

.ModernizedCreateOrEditCommentForm .rightPaneFooter:not(:empty), .ui-dialog .ModernizedCreateOrEditCommentForm .rightPaneFooter:not(:empty) {
  background: #f6f6f6;
  border-top: 1px solid #D8D8D8 !important;
}

.portal-header-right .icon-notification, .applicationNotificationHeader .icon.icon-expandWidget,
#applicationNotification .icon-close {
  background-image: url(../../icons/modern_theme_icon.png) !important;
}

.portal-header-right .icon-notification {
  background-position: -145px -351px;
  height: 20px;
  width: 22px;
}

#applicationNotificationWrapper {
  background-color: #ffffff;
  border: 1px solid #E9E9E9;
}

#applicationNotificationWrapper .applicationNotificationHeader .applicationNotificationViewAll {
  color: #007AA3 !important;
}

#applicationNotificationWrapper .applicationNotificationHeader .applicationNotificationViewAll .icon.icon-expandWidget {
  background-position: -223px -199px !important;
}

.icon.icon-expandWidget {
  width: 15px;
  height: 16px;
}

#applicationNotification .icon-close {
  background-position: -251px -230px !important;
}

#applicationNotificationWrapper .applicationNotificationContainer .ResultList .applicationNotificationList p.notificationDateTimeStamp {
  color: #555555 !important;
}

#applicationNotificationWrapper .applicationNotificationContainer .ResultList .applicationNotificationList {
  border-bottom: 1px solid #E9E9E9 !important;
}

.ApplicationNotification.TabularCard {
  background: #FCFCFC;
}
.ApplicationNotification.TabularCard .GridActionButtonContainer {
  display: none !important;
}
.ApplicationNotification.TabularCard .cardBody .cardRow .cardColumn span.valueContainer, .ApplicationNotification.TabularCard .cardBody .cardRow .cardColumn .valueContainer {
  font-size: 13px !important;
}
.ApplicationNotification.TabularCard .TabularContainer .cardItem {
  border: 1px solid #a6b9c1;
  border-radius: 5px;
}
.ApplicationNotification.TabularCard .cardView.cardContainer .cardItem:nth-child(odd), .ApplicationNotification.TabularCard .cardView.cardContainer .cardItem:nth-child(even) {
  background: #FCFCFC !important;
  border-bottom: 1px solid #a6b9c1 !important;
}
.ApplicationNotification.TabularCard .cardColumn.AllowLinks .valueContainer a {
  text-decoration: underline !important;
}

/**Mixins for flexbox*/
/**Mixins for box-sizing*/
/*Mixins for box shadow*/
/*media queries*/
.ai-icon {
  background-image: url("../../icons/PP_Icons.png") !important;
}