/* Start IONE Rule CSS */

.IONETheme body,
.IONETheme.LoginPage,
.IONETheme .Language,
.IONETheme a.ForgotPassword,
.IONETheme .ListDataCnt:not(.LiveTemplate),
.IONETheme input,
.IONETheme select,
.IONETheme textarea:not(.AutoExpandable),
.IONETheme .ui-dialog,
.IONETheme .DashboardBox a,
.IONETheme .BreadCrumb,
.IONETheme .TopMenuNav .MenuCol ul li a.AddLink,
.IONETheme .TopLinks a span,
.IONETheme .NewDashboardBox .tile,
.IONETheme .MyNews a,
.IONETheme .MyReminderTask a,
.IONETheme .MyCalender a,
.IONETheme .MyTask a,
.IONETheme .MyWarning a,
.IONETheme #chk-dropdown .dropdown li a,
.IONETheme .BasicFontStyle,
.IONETheme input.editSavePopup,
.IONETheme .AddressCnt,
.IONETheme .SearchFormCnt input.BtnSearch,
.IONETheme .ui-dialog-titlebar span,
.IONETheme .SearchFormCnt input.BtnSearch,
.IONETheme .SearchFieldRow table tr td,
.IONETheme .SearchFieldUp,
.IONETheme .SearchFieldDown,
.IONETheme input.editSaveSearchFieldPopup,
.IONETheme .defaultSearch,
.IONETheme .tabs,
.IONETheme .CalenderTile .ui-datepicker table,
.IONETheme #ui_notifIt p,
.IONETheme .notifit_confirm *,
.IONETheme .dialogBaseCostActuals .Bars.Actuals pre,
.IONETheme .dialogBaseCostActuals .Bars.ActualEstimated pre,
.IONETheme h1,
.IONETheme .msgBox .alert p,
.IONETheme .payment tbody tr td .small,
.IONETheme .paymentTitle td,
.IONETheme legend,
.IONETheme .AngularApp .gantt_tooltip,
.IONETheme .AngularApp .gantt_tooltip pre,
.IONETheme .savecolumns .row, .savecolumnsForPopup .row,
.IONETheme .dialogIoneVersion,
.IONETheme .NewsSection .NewsTitle,
.IONETheme .LinkedObject .TitleArrow,
.IONETheme .LinkedPopup .TitleArrow,
.IONETheme .ConfirmBooking .EditBottomNavNew a,
.IONETheme .DeleteBooking .EditBottomNavNew a,
.IONETheme .bar p,
.IONETheme .RM .tooltip,
.IONETheme .DoneExportTemplate,
.IONETheme .ui-jqgrid .ui-jqgrid-htable th div,
.IONETheme .ui-jqgrid tr.ui-row-ltr td,
.IONETheme .LoginForm input,
.IONETheme .MrgnBtm10Preceding .BtnDelete,
.IONETheme ul.PlusList li,
.IONETheme .CancelPopup,
.IONETheme .MaterialCreate,
.IONETheme .mat-form-field,
.IONETheme .mat-h1,
.IONETheme .mat-headline,
.IONETheme .mat-typography h1,
.IONETheme .mat-title,
.IONETheme mat-dialog-container div,
.IONETheme mat-dialog-container span,
.IONETheme mat-dialog-container h1,
.IONETheme mat-dialog-container .mat-button-wrapper,
.IONETheme .mat-tab-label,
.IONETheme .mat-tab-link {
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
}

.IONETheme.LightTheme body,
.IONETheme.LoginPage,
.IONETheme.LightTheme .Language,
.IONETheme.LightTheme a.ForgotPassword,
.IONETheme.LightTheme .ListDataCnt:not(.LiveTemplate),
.IONETheme.LightTheme input:not(.disabledelement),
.IONETheme.LightTheme select:not(.disabledelement),
.IONETheme.LightTheme textarea:not(.AutoExpandable):not(.disabledelement),
.IONETheme.LightTheme .ui-dialog,
.IONETheme.LightTheme .DashboardBox a,
.IONETheme.LightTheme .BreadCrumb,
.IONETheme.LightTheme .TopMenuNav .MenuCol ul li a.AddLink,
.IONETheme.LightTheme .TopLinks a span,
.IONETheme.LightTheme .NewDashboardBox .tile,
.IONETheme.LightTheme .MyNews a,
.IONETheme.LightTheme .MyReminderTask a,
.IONETheme.LightTheme .MyCalender a,
.IONETheme.LightTheme .MyTask a,
.IONETheme.LightTheme .MyWarning a,
.IONETheme.LightTheme #chk-dropdown .dropdown li a,
.IONETheme.LightTheme .BasicFontStyle,
.IONETheme.LightTheme input.editSavePopup,
.IONETheme.LightTheme .AddressCnt,
.IONETheme.LightTheme .SearchFormCnt input.BtnSearch,
.IONETheme.LightTheme .ui-dialog-titlebar span,
.IONETheme.LightTheme .SearchFormCnt input.BtnSearch,
.IONETheme.LightTheme .SearchFieldRow table tr td,
.IONETheme.LightTheme .SearchFieldUp,
.IONETheme.LightTheme .SearchFieldDown,
.IONETheme.LightTheme input.editSaveSearchFieldPopup,
.IONETheme.LightTheme .defaultSearch,
.IONETheme.LightTheme .tabs,
.IONETheme.LightTheme .CalenderTile .ui-datepicker table,
.IONETheme.LightTheme .notifit_confirm *,
.IONETheme.LightTheme .dialogBaseCostActuals .Bars.Actuals pre,
.IONETheme.LightTheme .dialogBaseCostActuals .Bars.ActualEstimated pre,
.IONETheme.LightTheme h1,
.IONETheme.LightTheme .payment tbody tr td .small,
.IONETheme.LightTheme .paymentTitle td,
.IONETheme.LightTheme legend,
.IONETheme.LightTheme .AngularApp .gantt_tooltip,
.IONETheme.LightTheme .AngularApp .gantt_tooltip pre,
.IONETheme.LightTheme .savecolumns .row, .savecolumnsForPopup .row,
.IONETheme.LightTheme .dialogIoneVersion,
.IONETheme.LightTheme .NewsSection .NewsTitle,
.IONETheme.LightTheme .LinkedObject .TitleArrow,
.IONETheme.LightTheme .LinkedPopup .TitleArrow,
.IONETheme.LightTheme .ConfirmBooking .EditBottomNavNew a,
.IONETheme.LightTheme .DeleteBooking .EditBottomNavNew a,
.IONETheme.LightTheme .bar p,
.IONETheme.LightTheme .RM .tooltip,
.IONETheme.LightTheme .DoneExportTemplate,
.IONETheme.LightTheme .ui-jqgrid .ui-jqgrid-htable th div,
.IONETheme.LightTheme .ui-jqgrid tr.ui-row-ltr td,
.IONETheme.LightTheme .LoginForm input,
.IONETheme.LightTheme .MrgnBtm10Preceding .BtnDelete,
.IONETheme.LightTheme ul.PlusList li,
.IONETheme.LightTheme .CancelPopup,
.IONETheme.LightTheme .grid label,
.IONETheme.LightTheme .PageTitle,
.IONETheme.LightTheme tabs .tabHeader li,
.IONETheme.LightTheme .ui-tabs .ui-tabs-nav li a,
.IONETheme.LightTheme table.display td p,
.IONETheme.LightTheme table.display td .Datatable_Notes,
.IONETheme.LightTheme .ui-jqgrid table td .Datatable_Notes,
.IONETheme.LightTheme table.display thead th p,
.IONETheme.LightTheme .ListDataCnt,
.IONETheme.LightTheme a,
.IONETheme.LightTheme .ui-widget-content a,
.IONETheme.LightTheme .SearchFormCnt label,
.IONETheme.LightTheme .dataTables_info,
.IONETheme.LightTheme .defaultSearch,
.IONETheme.LightTheme .savecolumns p,
.IONETheme.LightTheme .savecolumnsForPopup p,
.IONETheme.LightTheme .SearchFieldRow table tr td,
.IONETheme.LightTheme .ui-dialog-titlebar span,
.IONETheme.LightTheme .PrintObjectDiv td,
.IONETheme.LightTheme .QuotationSettingsTab .ui-dialog-titlebar.Title span,
.IONETheme.LightTheme .CommonSettingsTab .ui-dialog-titlebar.Title span,
.IONETheme.LightTheme .OrderSettingsTab .Title,
.IONETheme.LightTheme .QuotationSettingsTab .Title,
.IONETheme.LightTheme .CommonSettingsTab .Title,
.IONETheme.LightTheme .grid .Address_Style,
.IONETheme.LightTheme .MyCalender table.display td a,
.IONETheme.LightTheme .MyTask table.display td a,
.IONETheme.LightTheme .MyReminderTask table.display td a,
.IONETheme.LightTheme .MyWarning table.display td a,
.IONETheme.LightTheme .MyNews table.display td a,
.IONETheme.LightTheme .expandAll,
.IONETheme.LightTheme .collapseAll,
.IONETheme.LightTheme .DetailAccordianCnt .AccTitle span,
.IONETheme.LightTheme .mat-tab-label-content,
.IONETheme.LightTheme .mat-tab-label,
.IONETheme.LightTheme .TopMenuNav .MenuCol ul li .AddData {
    color: black !important;
}

    .IONETheme .TopMenuNav .MenuCol ul li .AddData,
    .IONETheme.LightTheme .TopMenuNav .MenuCol ul li .AddData:hover,
    .IONETheme .TopMenuNav .MenuCol ul li .AddData:hover,
    .IONETheme.LightTheme .TopMenuNav .MenuCol ul li .AddLink,
    .IONETheme .TopMenuNav .MenuCol ul li .AddLink,
    .IONETheme.LightTheme .TopMenuNav .MenuCol ul li .AddLink:hover,
    .IONETheme .TopMenuNav .MenuCol ul li .AddLink:hover,
    .TopMenuNav .MenuCol h2 {
        color: white !important;
    }


.IONETheme body,
.IONETheme .ListDataCnt,
.IONETheme input[type="text"],
.LiveTemplate .Preview .LiveTemplateItmeTableFullWidth tbody tr td,
.IONETheme .LiveTemplate .Preview input[type="text"],
.IONETheme select,
.IONETheme textarea:not(.AutoExpandable),
.IONETheme .ui-dialog,
.IONETheme .BreadCrumb,
.IONETheme .TopMenuNav .MenuCol ul li a.AddLink,
.IONETheme .tabs,
.IONETheme .TopLinks a span,
.IONETheme .MyCalender a,
.IONETheme .MyTask a,
.IONETheme .MyReminderTask a,
.IONETheme .MyWarning a,
.IONETheme .MyNews a,
.IONETheme #warning_message,
.IONETheme .warning,
.IONETheme #warning_messageApprove,
.IONETheme #warning_message_rule,
.IONETheme .mat-form-field-label,
.IONETheme .MaterialCreate .mat-form-field-infix,
.IONETheme .MaterialCreate .mat-checkbox-label,
.IONETheme .MaterialCreate .mat-radio-label-content,
.IONETheme .TopDropDown span.TopLinkHint,
.ui-jqgrid tr.jqgrow td,
.IONETheme #chk-dropdown ul.dropdown li a {
    font-size: 14px !important;
}

.IONETheme.LoginPage,
.IONETheme .Language,
.IONETheme a.ForgotPassword,
.IONETheme .DashboardBox a,
.IONETheme .ui-tabs .ui-tabs-nav li a,
.IONETheme tabs .tabHeader li div,
.IONETheme .adjustColumn,
.IONETheme .RhsOrderItem th,
.IONETheme .ui-dialog-titlebar span,
.IONETheme table.display th,
.IONETheme .collapseAll,
.IONETheme .expandAll,
.IONETheme .DetailAccordianCnt .AccTitle span,
.IONETheme .NewsTitle,
.IONETheme .LinkedObject .TitleArrow,
.IONETheme .SearchTitleSpan,
.IONETheme .defaultSearch,
.IONETheme .AddressCnt .BuildingAddress,
.IONETheme .Address_Style,
.IONETheme .mat-header-cell,
.IONETheme .TopMenuNav .MenuCol h2,
.IONETheme .mat-tab-label-content,
.IONETheme .Requirement .left.center.backlogHeader b,
.ticketSprintboardHeader .ticketHeader,
.ticketSprintboardHeader .sprintHeader,
.ticketSprintboardHeader .header,
.ui-jqgrid .ui-jqgrid-htable th div {
    font-size: 16px !important;
}

    .IONETheme.LoginPage,
    .IONETheme .Language,
    .IONETheme a.ForgotPassword,
    .IONETheme .LoginForm input.SubmitBtn,
    .IONETheme .ui-tabs .ui-tabs-nav li a,
    .IONETheme tabs .tabHeader li div,
    .IONETheme .adjustColumn,
    .IONETheme .RhsOrderItem th,
    .IONETheme table.display th,
    .IONETheme .collapseAll,
    .IONETheme .expandAll,
    .IONETheme .DetailAccordianCnt .AccTitle span,
    .IONETheme ul.PlusList li,
    .IONETheme .AddressCnt .BuildingAddress span,
    .IONETheme .Address_Style,
    .IONETheme .MyNews table.display thead th,
    .IONETheme .MyNews table.display tfoot th,
    .IONETheme .MyReminderTask table.display thead th,
    .IONETheme .MyReminderTask table.display tfoot th,
    .IONETheme .MyCalender table.display thead th,
    .IONETheme .MyCalender table.display tfoot th,
    .IONETheme .MyTask table.display thead th,
    .IONETheme .MyTask table.display tfoot th,
    .IONETheme .MyWarning table.display thead th,
    .IONETheme .MyWarning table.display tfoot th,
    .IONETheme .grid .fileupload span,
    .IONETheme .AddressCnt .BuildingAddress span, .AddressCnt .FlatAddress span,
    .IONETheme ul.PlusList li,
    .IONETheme .bar p,
    .IONETheme .RM .ActualBookedRequirement,
    .IONETheme #NewsPopupSenderName,
    .IONETheme #NewsPopupDate,
    .IONETheme #NewsPopupSenderName_Popup,
    .IONETheme #NewsPopupDate_Popup,
    .IONETheme #NewsRecipients_Popup,
    .IONETheme #NewsRecipients,
    .IONETheme #NewsPopupUserSubject,
    .IONETheme #NewsPopupUserSubject_Popup,
    .IONETheme .innerBoxLabel,
    .IONETheme div.MainOuterBox .PageTitle,
    .IONETheme .required:after,
    .IONETheme .onoffswitch-inner:before, .onoffswitch-inner:after,
    .IONETheme .TimeLogLabel,
    .IONETheme .workFlowActionLbl,
    .IONETheme .groupMenu.txtbox,
    .IONETheme .NewsChat .subject,
    .IONETheme .instanceItem .instanceItemAcronym,
    .IONETheme .PredictiveMaitenanceWithChart .SucessProbability,
    .IONETheme .grid .fonttbold,
    .IONETheme .mat-tab-label-content,
    .ui-jqgrid .ui-jqgrid-htable th div {
        font-weight: normal !important;
    }

    .IONETheme .NewsTitle,
    .IONETheme .LinkedObject .TitleArrow,
    .IONETheme .AddressCnt .BuildingAddress .FontExtraLarge,
    .IONETheme .SearchTitleSpan,
    .IONETheme .SeparaterPageTitle,
    .IONETheme mat-dialog-container h1,
    .IONETheme .DashboardBox a {
        font-weight: bold !important;
    }


    .IONETheme.PageTitle,
    .IONETheme .AddressCnt .BuildingAddress .FontExtraLarge,
    .IONETheme .ui-dialog-titlebar span,
    .IONETheme .SeparaterPageTitle,
    .IONETheme mat-dialog-container h1,
    .IONETheme .mat-dialog-container .mat-dialog-title,
    .IONETheme .OrderSettingsTab .Title,
    .IONETheme .QuotationSettingsTab .Title,
    .IONETheme .CommonSettingsTab .Title,
    .IONETheme .LoginForm input.TextBox,
    .IONETheme .LoginForm select,
    .IONETheme .LoginForm input.SubmitBtn,
    .IONETheme .pinPatternLabel {
        font-size: 24px !important;
    }

.IONETheme .multiAuth > a {
    font-size: 28px !important;
}

.IONETheme.LoginPage .PinAuth p[align=center] {
    margin-left: 0;
    width: 100% !important;
}

.IONETheme .PageTitle {
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 90px;
}

.IONETheme .PageTitle,
.IONETheme .AddressCntCreate {
    min-height: 90px;
}

.IONETheme .BrdrRight .AddressCntCreate .BuildingAddress {
    display: none;
}

.IONETheme .LinkedObject .TitleArrow span {
    width: 120px;
}

.IONETheme .NewsSection .NewsTitle,
.IONETheme .mat-headline {
    margin-bottom: 0px;
}

.IONETheme ul.PlusList li:first-child {
    padding-top: 10px;
}

.IONETheme.MVCVersion ul.PlusList li:first-child {
    padding-top: 0px !important;
}

.IONETheme.LightTheme .OuterAddress {
    background-color: transparent !important;
}

.IONETheme .MainFrame .MainFrame_2_Td {
    padding-left: 11px;
}

.IONETheme .white_content img {
    margin-left: -32px;
    margin-top: -32px;
}

.IONETheme .SeparaterPageTitle {
    padding-left: 0px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.IONETheme .mat-title {
    margin-top: 20px;
    margin-bottom: 20px;
}

.IONETheme .MaterialCreate .PageTitle.mat-headline {
    line-height: 90px;
}

.IONETheme.LightTheme .TopMenuNav .MenuCol ul li:hover {
    border-left: 10px solid transparent !important;
}

.IONETheme .TopMenuNav .MenuCol ul li:hover {
    border-left: 10px solid rgba(36,36,36,0.5) !important;
}

.IONETheme.LightTheme .TopMenuNav .MenuCol ul li .AddLink:hover,
.IONETheme .TopMenuNav .MenuCol ul li .AddLink:hover {
    background-color: #00a970 !important;
}

.IONETheme.LightTheme .TopMenuNav .MenuCol ul li .AddLink:hover {
    color: white !important;
}

.IONETheme .TopMenuNav .MenuCol ul li .AddData,
.IONETheme .MenuGrid .TopMenuNav .MenuCol ul li .RemoveData,
.IONETheme .MenuGrid .TopMenuNav .GroupMenu.RemoveData,
.IONETheme .MenuGrid .TopMenuNav .GroupMenu.AddData {
    width: 45px;
    padding-left: 15px;
}

html.IONETheme .TopMenuNav .MenuCol .AddData,
html.IONETheme .TopMenuNav .MenuCol .RemoveData,
html.IONETheme .TopMenuNav .MenuCol .AddData:hover,
html.IONETheme .TopMenuNav .MenuCol .RemoveData:hover {
    width: 61px !important;
    height: 51px !important;
    padding: 0 !important;
}

.IONETheme .TopMenuNav .MenuCol ul li a.AddLink {
    width: 270px;
    margin-top: -4px;
}

.IONETheme .TopMenuNav .MenuCol ul li a.AddData + a.AddLink,
.IONETheme .MenuGrid .TopMenuNav .MenuCol ul li .RemoveData + a.AddLink {
    width: 185px;
}

.IONETheme .MenuGrid .TopMenuNav .GroupMenu.RemoveData + .txtbox {
    width: 180px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 3px;
}

    .IONETheme .MenuGrid .TopMenuNav .GroupMenu.RemoveData + .txtbox:hover {
        background-color: #00a970;
        color: #FFF !important;
    }

.IONETheme.LightTheme .TopMenuNav .MenuCol ul li a.AddLink {
    border-right: 2.5px solid rgb(244,244,244);
}

.IONETheme .TopMenuNav .MenuCol ul li a.AddLink {
    border-right: 2.5px solid rgb(51,51,51);
}

.IONETheme.LightTheme .TopMenuNav .MenuCol ul li .AddData,
.IONETheme .TopMenuNav .MenuCol ul li .AddData,
.IONETheme.LightTheme .TopMenuNav .MenuCol ul li RemoveData,
.IONETheme .MenuGrid .TopMenuNav .MenuCol ul li .RemoveData,
.IONETheme .MenuGrid .TopMenuNav .GroupMenu.RemoveData,
.IONETheme.LightTheme .AngularApp .TopMenuNav .MenuCol .AddData,
.IONETheme .AngularApp .TopMenuNav .MenuCol .AddData {
    background-size: 20px 20px !important;
}

.IONETheme .MenuGrid .TopMenuNav .GroupMenu.RemoveData {
    margin-top: 3px;
}

.IONETheme.LightTheme .TopMenuNav .MenuCol ul li .AddData:hover,
.IONETheme .TopMenuNav .MenuCol ul li .AddData:hover {
    background: #00a970 url(../../Images/NewUI/op_oth_add-create-new.svg) center center no-repeat !important;
    background-size: 20px 20px !important;
}

.IONETheme.LightTheme .TopMenuNav .MenuCol ul li .RemoveData:hover,
.IONETheme .TopMenuNav .MenuCol ul li .RemoveData:hover {
    background: #00a970 url(../../Images/NewUI/op_oth_remove-new.svg) center center no-repeat !important;
    background-size: 20px 20px !important;
}

.IONETheme.LightTheme .MenuGrid .TopMenuNav .GroupMenu.RemoveData:hover,
.IONETheme .MenuGrid .TopMenuNav .GroupMenu.RemoveData:hover {
    background: #00a970 url(../../Images/NewUI/op_oth_remove-new.svg) center center no-repeat !important;
    background-size: 20px 20px !important;
    margin-top: 3px;
}

.IONETheme.LightTheme .MenuGrid .TopMenuNav .MenuCol .RemoveData,
.IONETheme.LightTheme .MenuGrid .TopMenuNav .GroupMenu.RemoveData {
    background: url(../../Images/NewUI/LightTheme/op_oth_remove-new.svg) center center no-repeat !important;
    background-size: 20px 20px !important;
    margin-top: 3px;
}

.IONETheme .MenuGrid .TopMenuNav .MenuCol .RemoveData,
.IONETheme .MenuGrid .TopMenuNav .GroupMenu.RemoveData {
    background: url(../../Images/NewUI/op_oth_remove-new.svg) center center no-repeat !important;
    background-size: 20px 20px !important;
}

.IONETheme .MaterialCreate .grid .col {
    margin-bottom: 2.5px;
}

.IONETheme .TopMenuNav .MenuCol {
    background: rgb(51,51,51);
}

    .IONETheme .TopMenuNav .MenuCol ul li {
        overflow: hidden;
        width: 260px;
    }

.IONETheme .ui-dialog-titlebar {
    margin-bottom: 0px;
}

    .IONETheme .ui-dialog-titlebar span,
    .IONETheme .OrderSettingsTab .Title,
    .IONETheme .QuotationSettingsTab .Title,
    .IONETheme .CommonSettingsTab .Title {
        padding-left: 20px !important;
        margin-left: 0px;
        margin-top: -5px;
    }

.IONETheme .AngularApp .menu {
    height: 100%;
    width: 100%;
}

.IONETheme #dialog-confirm-ReloadOrder .warning,
.IONETheme #dialog-confirm-changeCustomer .warning {
    height: 60px !important;
    vertical-align: middle;
    text-align: center;
}

.IONETheme .cancelDelete,
.IONETheme .okDelete,
.IONETheme .cancelDeleteButton {
    height: 60px;
}

.IONETheme .ui-button-icon-primary.ui-icon.ui-icon-closethick {
    display: none;
}

.IONETheme .MainFrame .MainFrame_2_Td {
    padding-right: 15px;
}

.IONETheme news-reply-forward-popup .CommunicationModePopupPosition,
.IONETheme news-panel .CommunicationModePopupPosition {
    left: 50% !important;
    top: 50% !important;
    margin-top: -180px;
    margin-left: -250px;
    position: fixed !important;
}

.IONETheme .mat-radio-container,
.IONETheme .mat-radio-outer-circle,
.IONETheme .mat-radio-inner-circle,
.IONETheme .mat-checkbox-inner-container {
    width: 15px;
    height: 15px;
}

.IONETheme .mat-checkbox-frame {
    border-radius: 0;
}

.IONETheme .EditBottomNav:not(.LiveTemplate):not(.NewUIOrderLive):not(.NewUIQuotationLive):not(.Monitoring):not(.IOneAddressDialog),
.IONETheme .MaterialCreate.EditBottomNav:not(.LiveTemplate):not(.NewUIOrderLive):not(.NewUIQuotationLive) {
    width: calc(100vw - 264px) !important;
}

.IONETheme .MaterialCreate.EditBottomNav:not(.LiveTemplate):not(.NewUIOrderLive):not(.NewUIQuotationLive) {
    height: 60px;
}

.IONETheme .MaterialCreate.EditBottomNav .mat-button {
    line-height: 60px;
}

.IONETheme .Wrapper:not(.AngularApp) .EditBottomNavTable.MainSearchCollapsed {
    margin-left: 1px;
}

.IONETheme .Wrapper:not(.AngularApp) .EditBottomNavTable {
    margin-left: -43px;
}

.IONETheme .EditBottomNav.NewUIOrderLive,
.IONETheme .EditBottomNav.NewUIQuotationLive {
    width: 855px !important;
}

.IONETheme .SearchTitle {
    display: table;
}

    .IONETheme .SearchTitle .SearchTitleImg {
        margin-top: 28px !important;
        margin-left: 0px !important;
        transform: rotate(90deg);
        margin-right: 0px !important;
    }

    .IONETheme .SearchTitle .SearchTitleImg,
    .IONETheme .SearchTitle .SearchTitleSpan {
        display: table-cell;
        vertical-align: middle;
    }

.IONETheme .SearchPanelImg,
.IONETheme.LightTheme .SearchPanelImg {
    display: none;
}

.IONETheme .SearchPanel,
.IONETheme.LightTheme .SearchPanel {
    background: rgba(0, 169, 112,0.9) url(../../Images/NewUI/op_src_search.svg) center center no-repeat;
    margin-top: 20px;
    margin-left: 3px;
    height: 61px;
    vertical-align: middle;
    width: 25px;
    background-size: 30px 30px !important;
    cursor: pointer;
}

    .IONETheme .SearchPanel.SearchPanelRequirement,
    .IONETheme.LightTheme .SearchPanel.SearchPanelRequirement {
        background: rgba(0, 169, 112,0.9) url(../../Images/NewUI/obj_Order.svg) center center no-repeat;
        background-size: 30px 30px !important;
    }

    .IONETheme .SearchPanel.SearchPanelResource,
    .IONETheme.LightTheme .SearchPanel.SearchPanelResource {
        z-index: 12;
    }

.IONETheme.menus {
    height: 100%;
}

.IONETheme #ui_notifIt p {
    padding: 25px 0 25px 0;
}

.AngularApp .menus {
    display: none;
}

.IONETheme #ui_notifIt {
    left: 20px;
    width: 97.25% !important;
}

.IONETheme #light {
    animation: loader 10s ease infinite;
    background: #00a970 !important;
    top: 93px;
    height: 5px;
    opacity: 1;
    left: 20px;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
    width: calc(100vw - 40px);
}

.IONETheme .dataTables_processing[style='visibility: hidden;'] {
    display: none !important;
}

.IONETheme .dataTables_processing {
    background: #00a970 !important;
    opacity: 1;
    animation: loader 10s ease infinite;
    width: calc(100vw - 40px);
    position: fixed;
    top: 93px;
    height: 5px;
    min-height: 5px;
    z-index: 999;
    opacity: 1;
    left: 20px;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
    padding: 0;
}

.IONETheme #light img {
    display: none;
}

@keyframes loader {
    0% {
        width: 0;
    }

    100% {
        width: calc(100vw - 40px);
    }
}

@keyframes loaderPopup {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}


.IONETheme .MainFrame .MainFrame_2_Td {
    padding-right: 1px;
}

.IONETheme .HeaderTable {
    position: fixed;
    z-index: 102;
    width: calc(100vw - 20px) !important;
}

.IONETheme .Content:not(.Login):not(.Dashboard):not(.HiddenHeader) {
    margin-top: 64px;
}

.IONETheme .TopMenuNav:not(.DoNotHide) {
    left: -5px !important;
    width: calc(100vw - 40px) !important;
    top: 60px;
}

.IONETheme .Wrapper .EditBottomNavTable.NewUIQuotationLiveBottom,
.IONETheme .Wrapper .EditBottomNavTable.NewUIQuotationLiveBottom.MainSearchCollapsed {
    margin-left: -8px;
}

.IONETheme .EditBottomNav.MenuEntry {
    z-index: 9999;
}

.IONETheme .TopMenuNav.DoNotHide {
    z-index: 99;
}

.IONETheme .TopDropDown {
    cursor: pointer;
    margin-left: 62px;
    width: 92px;
    height: 61px;
    top: 0;
    margin-top: 0;
    text-indent: initial;
}

.IONETheme #TechnicianTable tr th:not([style*='display: none']):not(:last-child),
.IONETheme #TechnicianTable tr td:not([style*='display: none']):not(:last-child) {
    padding-left: 30px;
}

.IONETheme.LightTheme .ticketBacklogboardHeader,
.IONETheme.LightTheme .ticketBacklogboardHeader select,
.IONETheme.LightTheme .ticketDashboardTable .AddTask label {
    /*   color: white !important;*/
}

.IONETheme .LoginForm.Form {
    text-align: center;
    margin: 10px auto !important;
}

.IONETheme .LoginForm,
.IONETheme.LoginPage p[align=center] {
    width: 443px;
}

.IONETheme .LoginBox {
    width: 568px;
}

.IONETheme .LoginForm input.TextBox,
.IONETheme .LoginForm select {
    width: 450px;
    height: 50px;
    line-height: 50px;
}

.IONETheme .LoginForm input.SubmitBtn.Login {
    margin-left: -5px;
}

.IONETheme .Requirement .backlogHeader.left {
    height: 50px;
    color: #FFF !important;
    font-size: 16px;
}

    .IONETheme .Requirement .backlogHeader.left p {
        color: #FFF !important;
    }

    .IONETheme .Requirement .backlogHeader.left .AddLinkButton {
        color: #FFF !important;
    }

    .IONETheme .Requirement .backlogHeader.left .AddLinkButton {
        background: url(../Images/NewUI/op_oth_add-create-new-black.svg) center center no-repeat !important;
        background-size: 15px 15px !important;
    }

        .IONETheme .Requirement .backlogHeader.left .AddLinkButton:hover {
            background: url(../Images/NewUI/LightTheme/op_oth_add-create-new-dark.svg) center center no-repeat !important;
            background-size: 15px 15px !important;
        }

.IONETheme.LightTheme .Requirement .backlogHeader.left {
    height: 50px;
    color: #000 !important;
}

    .IONETheme.LightTheme .Requirement .backlogHeader.left p {
        color: #000 !important;
    }

    .IONETheme.LightTheme .Requirement .backlogHeader.left .AddLinkButton {
        color: #FFF !important;
    }

    .IONETheme.LightTheme .Requirement .backlogHeader.left .AddLinkButton {
        background: url(../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) center center no-repeat !important;
        background-size: 15px 15px !important;
    }

        .IONETheme.LightTheme .Requirement .backlogHeader.left .AddLinkButton:hover {
            background: url(../Images/NewUI/LightTheme/op_oth_add-create-new-dark.svg) center center no-repeat !important;
            background-size: 15px 15px !important;
        }

.IONETheme .RightData .NewsSection {
    z-index: 99 !important;
}

.IONETheme .LinkedObject .TitleArrow {
    margin-top: 20px !important;
}

.IONETheme table.display thead th p {
    line-height: 20px !important;
}

.IONETheme .Transparent {
    background: rgba(0,0,0,1);
}

.LoginPage.IONETheme ::-webkit-input-placeholder {
    font-size: 18px !important;
    letter-spacing: normal;
}

.LoginPage.IONETheme ::-moz-placeholder {
    font-size: 18px !important;
    letter-spacing: normal;
}

.LoginPage.IONETheme :-ms-input-placeholder {
    font-size: 18px !important;
    letter-spacing: normal;
}

.LoginPage.IONETheme input:-moz-placeholder {
    font-size: 18px !important;
    letter-spacing: normal;
}

.IONETheme .TopMenuNav {
    background: rgb(51,51,51);
}

    .IONETheme .TopMenuNav .MenuCol ul li a.AddLink,
    .IONETheme .MenuGrid .TopMenuNav .MenuCol ul li a.AddLink {
        padding: 18px 5px;
        width: 230px;
    }

        .IONETheme .TopMenuNav .MenuCol ul li a.AddLink:only-child {
            width: 267.5px;
        }

    .IONETheme .TopMenuNav .MenuCol .AddData,
    .IONETheme .TopMenuNav .MenuCol .RemoveData,
    .IONETheme .TopMenuNav .MenuCol .RemoveData:hover {
        padding: 35px 8px 8px 8px !important;
        margin: 0 0 0 0;
        float: right;
    }

    .IONETheme .TopMenuNav .MenuCol .AddData {
        background: url(../../Images/NewUI/op_oth_add-create-new.svg) center center no-repeat !important;
        background-size: 15px 15px !important;
        float: right;
    }

        .IONETheme .TopMenuNav .MenuCol .AddData:hover {
            background: url(../../Images/NewUI/op_oth_add-create-new-dark.svg) center center no-repeat !important;
            background-size: 15px 15px !important;
        }

.IONETheme.LightTheme .TopMenuNav .MenuCol .AddData {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new.svg) center center no-repeat !important;
    background-size: 15px 15px !important;
}

    .IONETheme.LightTheme .TopMenuNav .MenuCol .AddData:hover {
        background: url(../../Images/NewUI/op_oth_add-create-new-dark.svg) center center no-repeat !important;
        background-size: 15px 15px !important;
    }

.IONETheme.DarkTheme .TopMenuNav .MenuCol {
    border-left: 1px solid rgb(51,51,51);
    border-right: 1px solid rgb(51,51,51);
}

.IONETheme .TopMenuNav .MenuCol ul li {
    border-left: 10px solid rgb(51,51,51);
    border-top: 1px solid rgb(51,51,51);
    border-bottom: 5px solid rgb(51,51,51);
    background: rgba(36,36,36,0.5) !important;
}

    .IONETheme .TopMenuNav .MenuCol ul li:hover {
        border-left: 5px solid #00a970;
    }

.IONETheme.LightTheme .TopMenuNav .MenuCol ul li,
.IONETheme.LightTheme .TopMenuNav .MenuCol ul li:hover {
    border-left: 10px solid rgb(244,244,244);
    border-top: 1px solid rgb(244,244,244);
    border-bottom: 5px solid rgb(244,244,244);
    background: rgba(255,255,255,0.5) !important;
}

.IONETheme.LightTheme .Transparent {
    background: rgb(244,244,244);
}

.IONETheme .ForgotPassword,
.IONETheme .dataTables_wrapper a:not(.icon-normal):not(.icon-tristate):not(.icon-none):not(.AvoidCSS):not(.LockTechnician),
.IONETheme .dataTables_wrapper a:hover:not(.icon-normal):not(.icon-tristate):not(.icon-none):not(.AvoidCSS):not(.LockTechnician),
.IONETheme.LightTheme .dataTables_wrapper a:not(.icon-normal):not(.icon-tristate):not(.icon-none):not(.AvoidCSS):not(.LockTechnician),
.IONETheme.LightTheme .dataTables_wrapper a:hover:not(.icon-normal):not(.icon-tristate):not(.icon-none):not(.AvoidCSS):not(.LockTechnician),
.IONETheme.LightTheme.LoginPage a,
.IONETheme.LightTheme.LoginPage a:hover,
.IONETheme .editableField,
.IONETheme .editableField select,
.IONETheme.LightTheme .editableField,
.IONETheme.LightTheme .editableField select,
.IONETheme.LightTheme #chk-dropdown .dropdown li a,
.IONETheme #chk-dropdown .dropdown li a,
.IONETheme .Requirement a,
.IONETheme.LightTheme table.display td a .Datatable_Notes,
.IONETheme.DarkTheme table.display td a .Datatable_Notes {
    color: #00a970 !important;
    text-decoration: none !important;
}

    .IONETheme .editableField select,
    .IONETheme.LightTheme .editableField select {
        padding-left: 5px !important;
        width: 100%;
        box-shadow: none;
    }

    .IONETheme .ForgotPassword:hover,
    .IONETheme .dataTables_wrapper a:hover:not(.icon-normal):not(.icon-tristate):not(.icon-none):not(.AvoidCSS):not(.LockTechnician),
    .IONETheme.LightTheme .dataTables_wrapper a:hover:not(.icon-normal):not(.icon-tristate):not(.icon-none):not(.AvoidCSS):not(.LockTechnician),
    .IONETheme.LightTheme.LoginPage a:hover,
    .IONETheme .Requirement a:hover {
        text-decoration: underline !important;
    }

/*.IONETheme a.ForgotPassword {
    height: 30px;
    bottom: 35px !important;
    line-height: 30px;
    padding: 5px;
    color: black !important;
    font-weight: 500;
    padding: 5px;
    text-decoration: none !important;
}

a.ForgotPassword:hover {
    text-decoration: none !important;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
    border-radius: 3px;
    background-color: rgba(156,158,159,0.3);
    padding: 5px;
}*/

/* End IONE Rule CSS */
/* Keeping this for Revert Changes Start */
.IONETheme:not() .TopMenuNav .MenuCol .AddData.GroupMenu,
.IONETheme:not() .TopMenuNav .MenuCol .RemoveData.GroupMenu {
    padding-top: 0px !important;
}

.IONETheme:not() .groupMenu.txtbox {
    margin: 0 20px 10px -20px;
}
/* Keeping this for Revert Changes End */

.IONETheme .MainFrameSearchPanel,
.IONETheme .LeftSideFavouritePanel:not(.AtTopLink),
.IONETheme .LeftSideFavouritePanel.AtTopLink thead {
    display: none !important;
}

    .IONETheme .TopLinkHint,
    .IONETheme .MainFrameSearchPanel.AtTopLink {
        display: block !important;
    }

    .IONETheme .MainFrameSearchPanel.AtTopLink {
        margin-left: 0px;
        position: relative;
    }

.IONETheme .LeftSideFavouritePanel.AtTopLink {
    margin-left: 0px;
    top: 60px;
    position: absolute;
    margin-top: 0px;
    z-index: 99;
    display: initial;
    width: 320px;
}

.IONETheme .AngularApp .LeftSideFavouritePanel.AtTopLink {
    margin-left: -736px;
    opacity: 0;
}

.IONETheme .AngularApp .NoQuickTimeLog .LeftSideFavouritePanel.AtTopLink {
    margin-left: -644px;
}

.IONETheme .LeftSideFavouritePanel.AtTopLink tr td p {
    float: left;
    min-width: 100px;
    text-align: left;
}

.TopLinks {
    margin-top: 0px;
    position: initial;
    float: right;
    height: 55px;
}

.TopLinkHint {
    text-align: center !important;
    left: 0;
    right: 0 !important;
    width: 92px !important;
    margin-top: 10px;
    font-weight: normal;
}

.IONETheme .TopLinks a.Username span:not(.TopLinkHint),
.IONETheme .TopLinks a.logout span:not(.TopLinkHint),
.IONETheme .TopLinks a#MyCalenderNotification span:not(.TopLinkHint),
.IONETheme .TopLinks a#MyQuickTimeLogNotification span:not(.TopLinkHint),
.IONETheme .TopLinks a#MyTaskNotification span:not(.TopLinkHint),
.IONETheme .TopLinks a#MyWarningNotification span:not(.TopLinkHint),
.IONETheme .TopLinks a#MyTask span:not(.TopLinkHint),
.IONETheme .TopLinks a#MyNewsNotification span:not(.TopLinkHint) {
    top: 5px;
    left: 45px;
    background-color: #00a970;
    color: white !important;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    width: fit-content;
}

.IONETheme #dialogMyCalender.MyCalender,
.IONETheme #dialogMyTask.MyTask,
.IONETheme #dialogMyReminderTask.MyReminderTask,
.IONETheme #dialogMyWarning.MyWarning,
.IONETheme #dialogMyNews.MyNews {
    margin-left: 92px !important;
    margin-top: 19px !important;
    right: 20px;
    width: 535px;
}

.IONETheme.DarkTheme #dialogMyCalender.MyCalender,
.IONETheme.DarkTheme #dialogMyTask.MyTask,
.IONETheme.DarkTheme #dialogMyReminderTask.MyReminderTask,
.IONETheme.DarkTheme #dialogMyWarning.MyWarning,
.IONETheme.DarkTheme #dialogMyNews.MyNews {
    background-color: rgba(0,0,0,0.9);
}

.IONETheme #dialogMyCalender .MyCalenderDiv,
.IONETheme #dialogMyTask .MyTaskDiv,
.IONETheme #dialogMyReminderTask .MyReminderTaskDiv,
.IONETheme #dialogMyWarning .MyWarningDiv,
.IONETheme #dialogMyNews .MyNewsDiv,
.IONETheme #dialogMyCalender .MyCalenderDiv .dataTables_wrapper,
.IONETheme #dialogMyTask .MyTaskDiv .dataTables_wrapper,
.IONETheme #dialogMyReminderTask .MyReminderTaskDiv .dataTables_wrapper,
.IONETheme #dialogMyWarning .MyWarningDiv .dataTables_wrapper,
.IONETheme #dialogMyNews .MyNewsDiv .dataTables_wrapper {
    width: 547px !important;
    max-width: 547px !important;
    margin-top: 10px;
}

    .IONETheme #dialogMyCalender .MyCalenderDiv .dataTables_wrapper,
    .IONETheme #dialogMyTask .MyTaskDiv .dataTables_wrapper,
    .IONETheme #dialogMyReminderTask .MyReminderTaskDiv .dataTables_wrapper,
    .IONETheme #dialogMyWarning .MyWarningDiv .dataTables_wrapper,
    .IONETheme #dialogMyNews .MyNewsDiv .dataTables_wrapper {
        max-height: 360px;
        overflow-y: auto;
    }

.IONETheme .AngularApp #dialogMyCalender.MyCalender,
.IONETheme .AngularApp #dialogMyTask.MyTask,
.IONETheme .AngularApp #dialogMyReminderTask.MyReminderTask,
.IONETheme .AngularApp #dialogMyWarning.MyWarning,
.IONETheme .AngularApp #dialogMyNews.MyNews {
    margin-left: 44px !important;
    right: initial;
}

#CalenderCount {
    display: none;
}

.TopLinksCopy {
    position: absolute;
    right: 35px;
    height: 45px;
    margin: 0px 0 5px 0;
    width: 584px;
}

.IONETheme .TopMenuNav:not(.DoNotHide) {
    width: initial !important;
    min-height: initial !important;
    padding-right: 20px !important;
    position: fixed;
    left: 20px !important;
    top: 69px;
}

.IONETheme.tablet .TopMenuNav:not(.DoNotHide) {
    overflow-y: auto;
    max-height: 85%;
}

.IONETheme .MySettings {
    background: url(../../Images/NewUI/usersettings.svg) center top+10px no-repeat !important;
    background-size: 30px 30px !important;
    width: 22px;
    height: 60px;
    float: left;
    cursor: pointer;
    display: block !important;
}

.IONETheme.LightTheme .MySettings {
    background: url(../../Images/NewUI/LightTheme/usersettings.svg) center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

    .IONETheme.LightTheme .MySettings:hover,
    .IONETheme.LightTheme .MySettings.Active {
        background: url(../../Images/NewUI/LightTheme/usersettings_green.svg) center top+10px no-repeat !important;
        background-size: 30px 30px !important;
    }

.IONETheme .MySettings:hover,
.IONETheme .MySettings.Active {
    background: url(../../Images/NewUI/usersettings_green.svg) center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .ChangePin {
    background: url(../../Images/NewUI/changepin.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .ChangePin {
    background: url(../../Images/NewUI/LightTheme/changepin.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .ChangePin:hover {
    background: url(../../Images/NewUI/changepin_green.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .ChangePin:hover {
    background: url(../../Images/NewUI/LightTheme/changepin_green.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .logout_new {
    background: url(../../Images/NewUI/mod_logout.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .logout_new {
    background: url(../../Images/NewUI/LightTheme/mod_logout.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .logout_new:hover {
    background: url(../../Images/NewUI/mod_logout_h.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .logout_new:hover {
    background: url(../../Images/NewUI/LightTheme/mod_logout_h.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .UserEdit {
    background: url(../../Images/NewUI/useredit.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

    .IONETheme .UserEdit:hover {
        background: url(../../Images/NewUI/useredit_green.svg) center center no-repeat !important;
        background-size: 30px 30px !important;
    }

.IONETheme.LightTheme .UserEdit {
    background: url(../../Images/NewUI/LightTheme/useredit.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

    .IONETheme.LightTheme .UserEdit:hover {
        background: url(../../Images/NewUI/LightTheme/useredit_green.svg) center center no-repeat !important;
        background-size: 30px 30px !important;
    }

.IONETheme .MySettingsDiv {
    top: 60px;
    margin-left: 552px;
    padding-bottom: 8px;
    padding-top: 8px;
    right: 23px !important;
    width: 92px;
    background: rgb(0,0,0) !important;
}

.IONETheme.LightTheme .MySettingsDiv {
    background: rgb(244,244,244) !important;
}

.IONETheme .AngularApp .MySettingsDiv {
    margin-left: 644px;
}

.IONETheme .AngularApp .NoQuickTimeLog .MySettingsDiv {
    margin-left: 552px;
}

.IONETheme .MySettingsDiv table.display tr {
    height: 50px;
    background-color: transparent !important;
    cursor: pointer;
}

.IONETheme .MySettingsDiv table.display td {
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 0px;
}

.IONETheme .MySettingsDiv a {
    width: 92px;
    height: 14px;
}

.IONETheme.LightTheme .MySettingsDiv a,
.IONETheme.DarkTheme .MySettingsDiv a,
.IONETheme.LightTheme .MySettingsDiv a:hover,
.IONETheme.DarkTheme .MySettingsDiv a:hover {
    background-image: none !important;
}

a.logout {
    display: none;
}

.MySettingsDiv a.logout {
    display: block;
}

.MySettingsDiv table .TopLinkHint {
    top: 0px !important;
    margin-top: 0;
}

.MySettingsDiv table .TopLinkHint {
    right: initial !important;
}

.IONETheme .TopLinks > a,
.IONETheme.LightTheme .TopLinks > a,
.IONETheme.DarkTheme .TopLinks > a {
    padding: 0px 35px 0 35px !important;
}

.AngularApp .TopLinks > a:not(.Username), .AngularApp .TopLinks .MySettings {
    margin-top: 0px !important;
    height: 60px !important;
}

.IONETheme .Header table.HeaderTable {
    height: 66px;
}

.IONETheme .TopLinks > a {
    height: 60px;
}

.IONETheme .HeaderTable .TopLinks a.Calender_new,
.IONETheme .HeaderTable .TopLinks a.Calender {
    background: url("../../Images/NewUI/op_tb_my-calender_new.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .HeaderTable .TopLinks a.Calender_new,
.IONETheme.LightTheme .HeaderTable .TopLinks a.Calender {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-calender_new.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .HeaderTable .TopLinks a.Calender_new:hover,
.IONETheme .HeaderTable .TopLinks a.Calender:hover,
.IONETheme .HeaderTable .TopLinks a.Calender_new.Active,
.IONETheme .HeaderTable .TopLinks a.Calender_active {
    background: url("../../Images/NewUI/op_tb_my-calender_new_h.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .HeaderTable .TopLinks a.Calender_new:hover,
.IONETheme.LightTheme .HeaderTable .TopLinks a.Calender:hover,
.IONETheme.LightTheme .HeaderTable .TopLinks a.Calender_new.Active,
.IONETheme.LightTheme .HeaderTable .TopLinks a.Calender_active {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-calender_new_h.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .HeaderTable .TopLinks a.List_new,
.IONETheme .HeaderTable .TopLinks a.List {
    background: url("../../Images/NewUI/op_tb_my-tasks_new.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .HeaderTable .TopLinks a.List_new,
.IONETheme.LightTheme .HeaderTable .TopLinks a.List {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-tasks_new.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .HeaderTable .TopLinks a.List_new:hover,
.IONETheme .HeaderTable .TopLinks a.List:hover,
.IONETheme .HeaderTable .TopLinks a.List_new.Active,
.IONETheme .HeaderTable .TopLinks a.List_active {
    background: url("../../Images/NewUI/op_tb_my-tasks_blank.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .HeaderTable .TopLinks a.List_new:hover,
.IONETheme.LightTheme .HeaderTable .TopLinks a.List:hover,
.IONETheme.LightTheme .HeaderTable .TopLinks a.List_new.Active,
.IONETheme.LightTheme .HeaderTable .TopLinks a.List_active {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-tasks_blank.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .HeaderTable .TopLinks a.Clock_new,
.IONETheme .HeaderTable .TopLinks a.Clock {
    background: url("../../Images/NewUI/op_tb_my-reminder_new.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .HeaderTable .TopLinks a.Clock_new,
.IONETheme.LightTheme .HeaderTable .TopLinks a.Clock {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-reminder_new.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .HeaderTable .TopLinks a.Clock_new:hover,
.IONETheme .HeaderTable .TopLinks a.Clock:hover,
.IONETheme .HeaderTable .TopLinks a.Clock_new.Active,
.IONETheme .HeaderTable .TopLinks a.Clock_active {
    background: url("../../Images/NewUI/op_tb_my-reminder_blank.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .HeaderTable .TopLinks a.Clock_new:hover,
.IONETheme.LightTheme .HeaderTable .TopLinks a.Clock:hover,
.IONETheme.LightTheme .HeaderTable .TopLinks a.Clock_new.Active,
.IONETheme.LightTheme .HeaderTable .TopLinks a.Clock_active {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-reminder_blank.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .HeaderTable .TopLinks a.Warning_new,
.IONETheme .HeaderTable .TopLinks a.Warning {
    background: url("../../Images/NewUI/op_tb_my-warnings_new.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .HeaderTable .TopLinks a.Warning_new,
.IONETheme.LightTheme .HeaderTable .TopLinks a.Warning {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-warnings_new.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .HeaderTable .TopLinks a.Warning_new:hover,
.IONETheme .HeaderTable .TopLinks a.Warning:hover,
.IONETheme .HeaderTable .TopLinks a.Warning_new.Active,
.IONETheme .HeaderTable .TopLinks a.Warning_active {
    background: url("../../Images/NewUI/op_tb_my-warnings_blank.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .HeaderTable .TopLinks a.Warning_new:hover,
.IONETheme.LightTheme .HeaderTable .TopLinks a.Warning:hover,
.IONETheme.LightTheme .HeaderTable .TopLinks a.Warning_new.Active,
.IONETheme.LightTheme .HeaderTable .TopLinks a.Warning_active {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-warnings_blank.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .HeaderTable .TopLinks a.Email_new,
.IONETheme .HeaderTable .TopLinks a.Email {
    background: url("../../Images/NewUI/op_tb_my-news_new.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .HeaderTable .TopLinks a.Email_new,
.IONETheme.LightTheme .HeaderTable .TopLinks a.Email {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-news_new.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .HeaderTable .TopLinks a.Email_new:hover,
.IONETheme .HeaderTable .TopLinks a.Email:hover,
.IONETheme .HeaderTable .TopLinks a.Email_new.Active,
.IONETheme .HeaderTable .TopLinks a.Email_active {
    background: url("../../Images/NewUI/op_tb_my-news_blank.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .HeaderTable .TopLinks a.Email_new:hover,
.IONETheme.LightTheme .HeaderTable .TopLinks a.Email:hover,
.IONETheme.LightTheme .HeaderTable .TopLinks a.Email_new.Active,
.IONETheme.LightTheme .HeaderTable .TopLinks a.Email_active {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-news_blank.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .HeaderTable .TopLinks a.MainFrameSearchPanel.AtTopLink {
    background: url("../../Images/NewUI/op_scr_search.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
    opacity: 1;
}

.IONETheme.LightTheme .HeaderTable .TopLinks a.MainFrameSearchPanel.AtTopLink {
    background: url("../../Images/NewUI/LightTheme/op_scr_search.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .HeaderTable .TopLinks a.MainFrameSearchPanel.AtTopLink:hover,
.IONETheme .HeaderTable .TopLinks a.MainFrameSearchPanel.AtTopLink.Active {
    background: url("../../Images/NewUI/op_scr_search-in-text_green.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .HeaderTable .TopLinks a.MainFrameSearchPanel.AtTopLink:hover,
.IONETheme.LightTheme .HeaderTable .TopLinks a.MainFrameSearchPanel.AtTopLink.Active {
    background: url("../../Images/NewUI/LightTheme/op_scr_search-in-text_green.svg") center top+10px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .TopLinks a.QuickTimeLog {
    background: url("../../Images/NewUI/obj_quicktimelog.svg") center top+10px no-repeat;
    background-size: 30px 30px;
}

    .IONETheme .TopLinks a.QuickTimeLog:hover,
    .IONETheme .TopLinks a.QuickTimeLog.Active {
        background: url("../../Images/NewUI/obj_quicktimelog_green.svg") center top+10px no-repeat;
        background-size: 30px 30px;
    }

.IONETheme.LightTheme .TopLinks a.QuickTimeLog {
    background: url("../../Images/NewUI/LightTheme/obj_quicktimelog.svg") center top+10px no-repeat;
    background-size: 30px 30px;
}

    .IONETheme.LightTheme .TopLinks a.QuickTimeLog:hover,
    .IONETheme.LightTheme .TopLinks a.QuickTimeLog.Active {
        background: url("../../Images/NewUI/LightTheme/obj_quicktimelog_green.svg") center top+10px no-repeat;
        background-size: 30px 30px;
    }

.MrgnBtm10Preceding.searchFooter,
.AngularApp .MrgnBtm10Preceding.searchFooter.FooterAdjusted,
.IONETheme .AngularApp .RM .MrgnBtm10Preceding.searchFooter {
    height: 120px;
}

.AngularApp .MrgnBtm10Preceding.searchFooter {
    height: 80px;
}

.IONETheme .MrgnBtm10Preceding.searchFooter .BtnSearch {
    float: left;
    width: 170px;
    display: block;
    max-width: 170px;
    height: 50px;
    line-height: 50px;
    margin-top: 15px;
    font-size: 16px !important;
    color: white !important;
    font-weight: bold;
    padding: 0px;
}

.IONETheme .MrgnBtm10Preceding.searchFooter input.BtnSearch {
    color: white !important;
}

.MrgnBtm10Preceding.searchFooter .BtnDelete {
    float: left;
}

.MrgnBtm10Preceding.searchFooter .SaveSearchFields {
    float: right;
    margin-right: 20px !important;
}

.IONETheme.LightTheme .LiveTemplate .PreviewTable .searchbox a.searchbtn,
.IONETheme.LightTheme .LiveTemplate .PreviewTable .searchbox a.searchbtn:hover {
    background: transparent url(../../Images/NewUI/LightTheme/op_scr_search-in-text_green.svg) right no-repeat !important;
    background-size: 21px 21px !important;
}

.IONETheme .LiveTemplate .PreviewTable .searchbox a.searchbtn,
.IONETheme .LiveTemplate .PreviewTable .searchbox a.searchbtn:hover {
    background: transparent url(../../Images/NewUI/op_scr_search-in-text_green.svg) right no-repeat !important;
    background-size: 21px 21px !important;
}

.IONETheme .Preview label,
.IONETheme .Preview td,
.IONETheme .Preview th,
.IONETheme #InspectionReportLiveTemplate .Preview input[type="text"] {
    color: #9c9e9f !important;
}

.IONETheme .Preview .SpecialOrder label,
.IONETheme .Preview .SpecialOrder td,
.IONETheme .Preview .SpecialOrder th {
    color: #000000 !important;
}

.IONETheme table tr.jqgrow.ActiveRow,
.IONETheme table.display tr.odd.ActiveRow,
.IONETheme table.display tr.even.ActiveRow {
    background: rgba(0,169,112,0.1) !important;
}

.IONETheme .msgBox .alert-danger,
.IONETheme #ui_notifIt.error {
    background-color: rgb(255,195,80);
}

    .IONETheme .msgBox .alert-danger p,
    .IONETheme #ui_notifIt.error p {
        color: black;
    }

.IONETheme .TopLinks .Active,
.IONETheme .TopLinks .Warning_active,
.IONETheme .TopLinks .Clock_active,
.IONETheme .TopLinks .List_active,
.IONETheme .TopLinks .Email_active,
.IONETheme .TopLinks .Calender_active,
.IONETheme.LightTheme quicktime-log,
.IONETheme.LightTheme .TopMenuNav:not(.DoNotHide),
.IONETheme.LightTheme .ui-dialog,
.IONETheme.LightTheme .OrderSettingsTab,
.IONETheme.LightTheme .TopDropDown_Active,
.IONETheme.LightTheme .listScreenButtonDiv,
.IONETheme.LightTheme .searchSettingButtonDiv,
.IONETheme.LightTheme #chk-dropdown .dropdown,
.IONETheme.LightTheme .rightClickPanel,
.IONETheme.LightTheme .custom-menu {
    box-shadow: 0 3px 10px 5px rgba(0,0,0,.2), 0 2px 2px 0px rgba(0,0,0,.14), 0 1px 5px 0px rgba(0,0,0,.12) !important;
}

.IONETheme.LightTheme .MySettingsDiv,
.IONETheme.LightTheme #dialogMyTask,
.IONETheme.LightTheme #dialogMyReminderTask,
.IONETheme.LightTheme #dialogMyWarning,
.IONETheme.LightTheme #dialogMyNews,
.IONETheme.LightTheme #dialogMyCalender {
    /*box-shadow: 0 15px 10px 0px rgba(0,0,0,.2), 0 2px 2px 0px rgba(0,0,0,.14), 0 1px 5px 0px rgba(0,0,0,.12) !important;*/
    box-shadow: 0 3px 10px 5px rgba(0,0,0,.2), 0 2px 2px 0px rgba(0,0,0,.14), 0 1px 5px 0px rgba(0,0,0,.12) !important;
}

.IONETheme .LoginBox .TopLabel {
    /*display: block !important;
    text-align: left;
    color: black;
    margin-left: 45px;*/
    display: none;
}

.IONETheme .LoginForm input.TextBox,
.IONETheme .LoginForm select {
    /*background: white;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
    border-radius: 5px;*/
    text-align: left;
    border: 1px solid #bdc4c9;
}

    .IONETheme .LoginForm input.TextBox:hover,
    .IONETheme .LoginForm input.TextBox:focus,
    .IONETheme .LoginForm select:hover,
    .IONETheme .LoginForm select:focus {
        border: 1px solid #00A870;
    }

.IONETheme .LoginForm input.SubmitBtn {
    display: block;
    margin-top: 25px;
    color: white !important;
    padding: 0;
    letter-spacing: normal;
    height: 50px;
    line-height: 50px;
    width: 450px;
    max-width: 450px;
    border-radius: 0;
    margin-left: 0 !important;
}

.IONETheme .LoginBox .Logo {
    margin-bottom: 0px;
}

.IONETheme .Language {
    width: 100px;
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
    text-transform: initial !important;
    font-weight: 500 !important;
    float: left;
    height: 50px;
    line-height: 50px;
}

    .IONETheme .Language.Selected {
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
        cursor: not-allowed;
        background-color: rgba(156,158,159,0.1);
        color: #9c9e9f !important;
    }

.IONETheme.LoginPage .Footer.Login {
    width: 220px;
    bottom: 20px;
}

.IONETheme.DarkTheme .ui-dialog input.editSave,
.IONETheme.LightTheme .ui-dialog input.editSave,
.IONETheme.DarkTheme .ui-dialog input.editSavePopup,
.IONETheme.LightTheme .ui-dialog input.editSavePopup {
    margin-left: 20px;
}

.IONETheme.DarkTheme input.editSave,
.IONETheme.LightTheme input.editSave,
.IONETheme.DarkTheme input.editSaveSearchFieldPopup,
.IONETheme.LightTheme input.editSaveSearchFieldPopup,
.IONETheme.DarkTheme input.editSavePopup,
.IONETheme.LightTheme input.editSavePopup,
.IONETheme.DarkTheme .ConfirmBooking a.confirmBooking,
.IONETheme.LightTheme .ConfirmBooking a.confirmBooking,
.IONETheme.DarkTheme .DeleteBooking a.deleteBookingLink,
.IONETheme.LightTheme .DeleteBooking a.deleteBookingLink {
    width: 170px;
    display: inline-block;
    max-width: 170px;
    height: 50px;
    line-height: 50px;
    font-size: 16px !important;
    color: white !important;
    font-weight: bold;
    margin-top: 5px;
}

.IONETheme #btnSaveSearchColumns, .dialogSaveColumn .editSaveSearchFieldPopup {
    float: right;
    margin-right: 20px;
}

.IONETheme .SearchResultBottomNav,
.IONETheme .EditBottomNavNew,
.IONETheme .EditBottomNav {
    height: 60px;
    padding-left: 5px;
}

.IONETheme orderitems .SearchResultBottomNav {
    min-height: 60px;
    height: auto;
}

    .IONETheme orderitems .SearchResultBottomNav td:nth-child(2) {
        width: 25%;
    }

.IONETheme .EditBottomNavNew {
    width: calc(100% - 5px);
}

.IONETheme .AddItemPopup .EditBottomNavNew {
    padding-left: 0px;
}

.SearchFieldPopupBottomNav {
    padding-left: 15px;
}

.IONETheme .LoginForm input.TextBox.PinTextBox {
    text-align: center;
    padding: 0;
    margin-left: 0px;
}

.IONETheme .changeLanguage {
    /*background: url(../../Images/NewUI/change_language.svg) center center no-repeat !important;*/
    background-size: 30px 30px !important;
    cursor: pointer;
}

.IONETheme.LightTheme .changeLanguage {
    /*background: url(../../Images/NewUI/LightTheme/change_language.svg) center center no-repeat !important;*/
    background-size: 30px 30px !important;
}

.IONETheme .changeLanguage:hover {
    /*background: url(../../Images/NewUI/change_language_green.svg) center center no-repeat !important;*/
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .changeLanguage:hover {
    /*background: url(../../Images/NewUI/LightTheme/change_language_green.svg) center center no-repeat !important;*/
    background-size: 30px 30px !important;
}

.IONETheme .BreadCrumb {
    margin-left: 154px;
    float: left;
}

.InLineView label.LabelInline + .ChkBoxCnt,
.InLineView input[type="radio"] {
    float: left !important;
    margin-right: 0px;
}

    .InLineView label.LabelInline,
    .InLineView input[type="radio"] + label {
        margin-top: 5px;
    }

.TopLeftLinks {
    left: 0;
}

.IONETheme .BacktoDashboard {
    position: fixed;
}

.IONETheme .BacktoDashboard,
.IONETheme .switch_dashboard {
    width: 62px;
    height: 61px;
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
    top: 22px;
    height: 62px;
    color: black !important;
    z-index: 9999 !important;
}

.IONETheme .switch_dashboard {
    left: 20px;
}

.IONETheme .TopDropDown:hover,
.IONETheme .TopDropDown.TopDropDown_Active {
    background: url(../../Images/NewUI/op_tb_pull-down-menu_green.svg) center top+10px no-repeat;
    background-size: 30px 30px;
}

.IONETheme.LightTheme .TopDropDown:hover,
.IONETheme.LightTheme .TopDropDown.TopDropDown_Active {
    background: url(../../Images/NewUI/LightTheme/op_tb_pull-down-menu_green.svg) center top+10px no-repeat;
    background-size: 30px 30px;
}

.IONETheme .InvoiceOverviewMobileView .InvoiceOverviewData {
    width: calc(100vw - 80px);
}

.IONETheme .InvoiceOverviewMobileView .Header table.HeaderTable {
    height: 90px;
}

.IONETheme .InvoiceOverviewMobileView .TopLinks .MyQuickTimeLogNotification,
.IONETheme .InvoiceOverviewMobileView .TopLinks .MyCalenderViewer,
.IONETheme .InvoiceOverviewMobileView .TopLinks .MyTaskViewer,
.IONETheme .InvoiceOverviewMobileView .TopLinks .MyReminderTaskViewer,
.IONETheme .InvoiceOverviewMobileView .TopLinks #MyTask,
.IONETheme .InvoiceOverviewMobileView .TopLinks #MyWarningNotification,
.IONETheme .InvoiceOverviewMobileView .TopLinks .MyNewsViewer,
.IONETheme .InvoiceOverviewMobileView .TopLinks .MyWarningViewer,
.IONETheme .InvoiceOverviewMobileView .TopLinks .MyQuickTimeLogViewer,
.IONETheme .InvoiceOverviewMobileView .TopLinks #MyMainFrameSearchPanel {
    display: none !important;
}

.IONETheme .InvoiceOverviewMobileView .TopLinks {
    margin-top: 0px;
}

.IONETheme .InvoiceOverviewMobileView .Content:not(.Login):not(.Dashboard):not(.HiddenHeader) {
    margin-top: 60px !important;
}

.IONETheme .InvoiceOverviewMobileView .OneTile,
.IONETheme .InvoiceOverviewMobileView .MatGridInvoiceOverview {
    height: calc(100vh);
}

    .IONETheme .InvoiceOverviewMobileView .MatGridInvoiceOverview .mat-figure {
        margin-left: 20px !important;
        margin-right: 20px !important;
        margin-top: 50px !important;
    }

    .IONETheme .InvoiceOverviewMobileView .OneTile .MatGridInvoiceOverview .InvoiceDiv {
        width: 100% !important;
        margin-left: 5px;
        padding-left: 5px;
    }

        .IONETheme .InvoiceOverviewMobileView .OneTile .MatGridInvoiceOverview .InvoiceDiv .grid {
            margin-right: 0px;
        }

        .IONETheme .InvoiceOverviewMobileView .OneTile .MatGridInvoiceOverview .InvoiceDiv .large {
            width: 100%;
        }

@media screen and (max-width: 550px) {
    .IONETheme .Header table.HeaderTable {
        height: 330px;
    }

    .IONETheme .BreadCrumb {
        height: 90px;
    }

    .IONETheme .Content:not(.Login):not(.Dashboard):not(.HiddenHeader) {
        margin-top: 318px !important;
    }
}

@media screen and (min-width: 550px) and (max-width: 700px) {
    .IONETheme .Header table.HeaderTable {
        height: 264px;
    }

    .IONETheme .BreadCrumb {
        height: 60px;
    }

    .IONETheme .Content:not(.Login):not(.Dashboard):not(.HiddenHeader) {
        margin-top: 268px !important;
    }
}

@media screen and (min-width: 700px) and (max-width: 1024px) {

    .IONETheme:not(.tablet) .Header table.HeaderTable {
        height: 132px;
    }

    .IONETheme:not(.tablet) .Content:not(.Login):not(.Dashboard):not(.HiddenHeader) {
        margin-top: 268px !important;
    }

    .IONETheme .AtDashboard .MySettingsDiv {
        top: 130px;
    }

    .IONETheme .AtDashboard #dialogMyCalender.MyCalender,
    .IONETheme .AtDashboard #dialogMyTask.MyTask,
    .IONETheme .AtDashboard #dialogMyReminderTask.MyReminderTask,
    .IONETheme .AtDashboard #dialogMyWarning.MyWarning,
    .IONETheme .AtDashboard #dialogMyNews.MyNews {
        margin-top: 85px !important;
    }

    .IONETheme .AtDashboard .LeftSideFavouritePanel.AtTopLink {
        margin-top: 65px;
    }

    .IONETheme .MySettingsDiv {
        top: 190px;
    }

    .IONETheme #dialogMyCalender.MyCalender, .IONETheme #dialogMyTask.MyTask, .IONETheme #dialogMyReminderTask.MyReminderTask, .IONETheme #dialogMyWarning.MyWarning, .IONETheme #dialogMyNews.MyNews {
        margin-top: 145px !important;
    }

    .IONETheme .LeftSideFavouritePanel.AtTopLink {
        margin-top: 125px;
    }
}

@media screen and (min-width: 700px) and (max-width: 1140px) {
    .IONETheme .TopMenuNav:not(.DoNotHide) {
        z-index: 9999;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1490px) {

    .IONETheme .Content:not(.Login):not(.Dashboard):not(.HiddenHeader) {
        margin-top: 128px;
    }
}

@media screen and (max-width: 1024px) {

    .IONETheme:not(.tablet) .TopLinks {
        margin-top: 66px;
    }

    .breadCrumbDivMarginTop32 {
        margin-top: 0px !important;
    }

    .IONETheme .Content:not(.Login):not(.Dashboard):not(.HiddenHeader) {
        margin-top: 128px;
    }

    .IONETheme.tablet .TopLinks > a {
        padding: 0px 35px 0 35px !important;
    }

    .IONETheme .footer .recordCount {
        width: 100%;
        float: left;
    }

    .IONETheme .slidecontainer {
        margin-left: 30px;
        float: left;
    }

    .IONETheme .paging_full_numbers {
        float: left;
        width: 100%;
        padding-left: 30px;
    }

    #SearchResutNav, #SearchCompanyResutNav, #SearchPersonResutNav, #SearchTeamResutNav, #SearchTeamResutNavOrder {
        height: auto !important;
    }
}

@media screen and (min-width: 768px) and (max-width:979px) {
    .IONETheme.tablet .TopLinks > a {
        padding: 0px 35px 0 35px !important;
    }
}

.listScreenButton, .searchSettingButton {
    background: url(../../Images/NewUI/settings.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .listScreenButton {
    background: url(../../Images/NewUI/LightTheme/settings.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .searchSettingButton {
    background: url(../../Images/NewUI/settings.svg) center center no-repeat;
    background-size: 30px 30px;
}

.listScreenButton.disabled {
    background: url(../../Images/NewUI/settings_gray.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .listScreenButton.disabled {
    background: url(../../Images/NewUI/LightTheme/settings_gray.svg) center center no-repeat;
    background-size: 30px 30px;
}

.listScreenButtonDiv,
.listScreenButtonDiv_OLD {
    position: absolute;
    overflow: hidden;
    background: rgb(0,0,0) !important;
    z-index: 999;
    position: absolute;
    padding: 8px 0px;
    /*height: 42px;*/
}

.LightTheme .listScreenButtonDiv,
.LightTheme .listScreenButtonDiv_OLD {
    background: rgb(255,255,255) !important;
}

.listScreenButtonDiv a,
.listScreenButtonDiv input,
.listScreenButtonDiv_OLD a,
.listScreenButtonDiv_OLD input {
    display: block;
    text-align: left;
}

.IONETheme .ListSortDirectionAsc,
.IONETheme .ListSortDirectionDesc {
    display: none;
}

table.display thead th.SortedField.DESC {
    background: rgba(62,62,62,1) url(../../Images/NewUI/op_scr_down_arrow.svg) center right+10px no-repeat !important;
    background-size: 20px 20px !important;
}

.LightTheme table.display thead th.SortedField.DESC {
    background: rgba(232,232,232,1) url(../../Images/NewUI/LightTheme/op_scr_down_arrow.svg) center right+10px no-repeat !important;
    background-size: 20px 20px !important;
}

table thead th.Unsortable {
    cursor: default !important;
}

table.display thead th.SortedField.ASC {
    background: rgba(62,62,62,1) url(../../Images/NewUI/op_scr_up_arrow.svg) center right+10px no-repeat !important;
    background-size: 20px 20px !important;
}

.LightTheme table.display thead th.SortedField.ASC {
    background: rgba(232,232,232,1) url(../../Images/NewUI/LightTheme/op_scr_up_arrow.svg) center right+10px no-repeat !important;
    background-size: 20px 20px !important;
}

.IONETheme table.display thead th.sorting_desc {
    background: rgba(62,62,62,1) url(../../Images/NewUI/op_scr_down_arrow.svg) center right no-repeat !important;
    background-size: 20px 20px !important;
}

.IONETheme.LightTheme table.display thead th.sorting_desc {
    background: rgba(232,232,232,1) url(../../Images/NewUI/LightTheme/op_scr_down_arrow.svg) center right no-repeat !important;
    background-size: 20px 20px !important;
}

.IONETheme table.display thead th.sorting_asc {
    background: rgba(62,62,62,1) url(../../Images/NewUI/op_scr_up_arrow.svg) center right no-repeat !important;
    background-size: 20px 20px !important;
}

.IONETheme.LightTheme table.display thead th.sorting_asc {
    background: rgba(232,232,232,1) url(../../Images/NewUI/LightTheme/op_scr_up_arrow.svg) center right no-repeat !important;
    background-size: 20px 20px !important;
}

.IONETheme .slidecontainer {
    /*margin-left: 0;
    margin-top: 5px;
    width: 50%;*/
}

.IONETheme .slider {
    background: rgb(244, 244, 244) !important
}

.IONETheme .AngularApp .PaginationType_LazyLoading .paging_full_numbers {
    padding: 5px 5px 0 5px;
}

.IONETheme .AngularApp .ng2-pagination a {
    max-width: initial;
    height: initial;
    overflow: initial;
    white-space: initial;
    text-align: initial;
    text-overflow: initial;
    min-width: initial;
    font-size: initial;
}

.SearchTitle table td:first-child {
    width: 20px;
}

.SearchTitle table td:nth-child(2) {
    line-height: 60px;
}

    .SearchTitle table td:nth-child(2) .SearchTitleSpan {
        width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

.SearchTitle table td:last-child {
    width: 30px;
    display: inline-block;
}

.searchSettingButton {
    height: 60px;
    width: 30px;
    display: block;
    cursor: pointer;
}

.searchSettingButtonDiv {
    position: absolute;
    overflow: hidden;
    background: rgb(0,0,0) !important;
    width: 142px;
    margin-left: -105px;
    z-index: 99;
    padding: 8px 1px;
}

.LightTheme .searchSettingButtonDiv {
    background: rgb(255, 255, 255) !important;
}

.searchSettingButtonDiv a, .searchSettingButtonDiv input {
    height: 50px;
    width: 92px;
    max-width: 92px;
    border: none;
    min-width: 30px;
    padding: 0;
    cursor: pointer;
    color: white;
    text-shadow: none;
    text-align: left;
    padding: 0px 10px;
}

.LightTheme .searchSettingButtonDiv a, .LightTheme .searchSettingButtonDiv input {
    color: black;
}

.searchSettingButtonDiv .BtnDelete {
    background: none;
    background-size: 30px 30px;
    width: 142px !important;
    max-width: 142px !important;
    font-size: 14px !important;
    font-weight: normal;
}

.LightTheme .searchSettingButtonDiv .BtnDelete {
    background: none;
    background-size: 30px 30px;
}

.IONETheme.LightTheme .SearchDataCnt.FormElement,
.IONETheme.DarkTheme .SearchDataCnt.FormElement {
    margin-right: 15px;
}

.dataTables_wrapper .EditRecord {
    height: 1px;
    width: 1px;
    background: transparent !important;
}

.TopDropDown span.TopLinkHint {
    top: 30px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    margin-left: 62px;
    color: #FFF;
}

.IONETheme.LightTheme .TopDropDown span.TopLinkHint {
    color: #000;
}

.IONETheme .TopDropDown {
    background: url(../../Images/NewUI/op_tb_pull-down-menu.svg) center top+10px no-repeat;
    background-size: 30px 30px;
}

.IONETheme.LightTheme .TopDropDown {
    background: url(../../Images/NewUI/LightTheme/op_tb_pull-down-menu.svg) center top+10px no-repeat;
    background-size: 30px 30px;
}

.EditBottomNav.NewUIOrderLive {
    margin-left: calc(20% + 47px) !important;
}

.IONETheme .EditBottomNav.NewUIOrderLive,
.IONETheme .EditBottomNav.NewUIQuotationLive {
    /*width: 840px !important;*/
    width: 855px !important;
    padding-right: 15px !important;
}

.IONETheme .ForgotPasswordHeader {
    margin-left: 0;
    width: 100%;
    text-align: center;
}

.dataTables_wrapper:not([id*='MyCalenderDataTable']):not([id*='MyTaskDataTable']):not([id*='MyReminderTaskDataTable']):not([id*='MyWarningDataTable']):not([id*='MyNewsDataTable']) {
    max-height: calc(100vh - 190px);
    overflow-y: auto;
}

.dataTables_wrapper.RHSList:not([id*='MyCalenderDataTable']):not([id*='MyTaskDataTable']):not([id*='MyReminderTaskDataTable']):not([id*='MyWarningDataTable']):not([id*='MyNewsDataTable']) {
    max-height: calc(100vh - 295px);
}

#BillDataTable_wrapper.dataTables_wrapper {
    max-height: calc(100vh - 240px);
}

.IONETheme .ui-dialog .dataTables_wrapper {
    max-height: 680px !important;
}

.IONETheme .ui-dialog.FixedLeftPosition .dataTables_wrapper {
    max-height: 610px !important;
}

table.display.compactViewLevel1 tbody tr,
table.display.compactViewLevel2 tbody tr,
table.display.compactViewLevel3 tbody tr {
    height: 60px;
}

.IONETheme .LastColumn {
    width: 0px !important;
}

.IONETheme .ui-jqgrid .ui-jqgrid-bdiv {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
}

.IONETheme .ui-dialog .ui-jqgrid .ui-jqgrid-bdiv {
    max-height: initial !important;
}

.IONETheme .JQGrid_Pagination {
    display: none;
}

#gview_ShipmentDataTable .ui-jqgrid-bdiv::-webkit-scrollbar, #gview_CreditVoucherDataTable .ui-jqgrid-bdiv::-webkit-scrollbar {
    width: 1em !important;
}

.IONETheme .SearchResultBottomNav a,
.IONETheme .SearchResultBottomNav input,
.IONETheme .EditBottomNav a:not(.BottomDivider),
.IONETheme .searchSettingButtonDiv a,
.IONETheme .controls a.tp-control-arrow-left,
.IONETheme .ConfirmBooking a:not(.confirmBooking):not(.AddSegment):not(.RemoveSegment) {
    /*position: relative;
    background-position: center top+10px !important;
    max-width: 92px !important;*/
    min-width: 52px !important;
    width: auto;
    max-width: none !important;
    background: none !important;
    text-indent: unset;
    height: 48px;
}

    .IONETheme .SearchResultBottomNav a,
    .IONETheme .SearchResultBottomNav input,
    .IONETheme .EditBottomNav a:not(.BottomDivider):not(.mat-button),
    .IONETheme .controls a.tp-control-arrow-left,
    .IONETheme .SearchResultBottomNav input:not(.slider):not(.goToTxtBox):not(.calculateNetTotalTextbox):not(.calculateGrossTotalTextbox):not(.calculateGrossTotalTextbox):not(.editSave):not(.editSaveSearchFieldPopup):not(.editSavePopup),
    .IONETheme .EditBottomNav input:not(.slider):not(.goToTxtBox):not(.calculateNetTotalTextbox):not(.calculateGrossTotalTextbox):not(.editSave):not(.editSaveSearchFieldPopup):not(.editSavePopup),
    .IONETheme .ConfirmBooking a:not(.confirmBooking):not(.AddSegment):not(.RemoveSegment) {
        border: 1px solid rgba(156,158,159,0.3);
    }

.IONETheme .MySettingsDiv table.display td,
.IONETheme .searchSettingButtonDiv .BtnDelete,
.IONETheme .searchSettingButtonDiv a,
.IONETheme #chk-dropdown ul.dropdown li a,
.IONETheme .rightClickPanel li,
.IONETheme .custom-menu li {
    border: 1px solid transparent;
}

    .IONETheme .MySettingsDiv table.display tr:last-child td,
    .IONETheme .searchSettingButtonDiv a,
    .IONETheme #chk-dropdown ul.dropdown li a:last-child {
    }

    .IONETheme .rightClickPanel li:last-child,
    .IONETheme .custom-menu li:last-child {
        border-bottom: 0px solid transparent !important;
    }

.IONETheme .SearchResultBottomNav a,
.IONETheme .SearchResultBottomNav input,
.IONETheme .EditBottomNav a:not(.BottomDivider):not(.mat-button),
.IONETheme .controls a.tp-control-arrow-left,
.IONETheme .SearchResultBottomNav input:not(.slider):not(.goToTxtBox):not(.calculateNetTotalTextbox):not(.calculateGrossTotalTextbox):not(.calculateGrossTotalTextbox):not(.editSave):not(.editSaveSearchFieldPopup):not(.editSavePopup),
.IONETheme .EditBottomNav input:not(.slider):not(.goToTxtBox):not(.calculateNetTotalTextbox):not(.calculateGrossTotalTextbox):not(.editSave):not(.editSaveSearchFieldPopup):not(.editSavePopup),
.IONETheme .ConfirmBooking a:not(.confirmBooking):not(.AddSegment):not(.RemoveSegment) {
    margin: 5px;
}

.IONETheme .SearchResultBottomNav .listScreenButtonDiv a,
.IONETheme .SearchResultBottomNav .searchSettingButtonDiv a {
    margin-top: 0px;
    margin-bottom: 0px;
    height: 50px;
}
/*.SearchResultBottomNav a.DeleteRecord,
.SearchResultBottomNav a.CopyObject {
    margin-right: 2.5px;
}*/
.IONETheme.LightTheme .SearchResultBottomNav a:hover,
.IONETheme.LightTheme .SearchResultBottomNav input:hover,
.IONETheme.LightTheme .EditBottomNav a:not(.BottomDivider):not(.mat-button):not(.unactive):hover,
.IONETheme.LightTheme .EditBottomNav input:not(.slider):not(.goToTxtBox):not(.calculateNetTotalTextbox):not(.calculateGrossTotalTextbox):not(.editSave):not(.editSaveSearchFieldPopup):not(.editSavePopup):hover,
.IONETheme.LightTheme .SearchResultBottomNav input:not(.slider):not(.goToTxtBox):not(.calculateNetTotalTextbox):not(.calculateGrossTotalTextbox):not(.editSave):not(.editSaveSearchFieldPopup):not(.editSavePopup):hover,
.IONETheme.LightTheme .ConfirmBooking a:not(.confirmBooking):not(.AddSegment):not(.RemoveSegment):hover {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12) !important;
    background-color: rgba(156,158,159,0.1) !important;
    border: 1px solid #00a970 !important;
}

.IONETheme.LightTheme .SearchResultBottomNav a:hover,
.IONETheme.LightTheme .searchSettingButtonDiv a:hover,
.IONETheme.LightTheme .searchSettingButtonDiv .BtnDelete:hover,
.IONETheme.LightTheme #chk-dropdown ul.dropdown li a:hover,
.IONETheme.LightTheme .rightClickPanel li:hover,
.IONETheme.LightTheme .custom-menu li:hover,
.IONETheme.LightTheme .MySettingsDiv table.display td:hover,
.IONETheme.LightTheme .MySettingsDiv table.display tr:last-child td:hover,
.IONETheme.LightTheme .ConfirmBooking a:not(.confirmBooking):not(.AddSegment):not(.RemoveSegment):hover {
    /*box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;*/
    background-color: rgba(156,158,159,0.1) !important;
    /*border: 1px solid #00a970 !important;*/
}

.IONETheme.LightTheme .SearchResultBottomNav .listScreenButtonDiv a:hover {
    box-shadow: none !important;
}

.IONETheme.LightTheme .SearchResultBottomNav .listScreenButtonDivDropDown a.listScreenButtonDivSplitButton:hover,
.IONETheme.LightTheme .rightClickPanel a.rightClickPanelSplitButton:hover,
.IONETheme.DarkTheme .SearchResultBottomNav .listScreenButtonDivDropDown a.listScreenButtonDivSplitButton:hover,
.IONETheme.DarkTheme .rightClickPanel a.rightClickPanelSplitButton:hover {
    /*box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;*/
    background-color: rgba(156,158,159,0.1) !important;
}

.IONETheme.DarkTheme .SearchResultBottomNav a:hover,
.IONETheme.DarkTheme .SearchResultBottomNav input:hover,
.IONETheme.DarkTheme .EditBottomNav a:not(.BottomDivider):hover,
.IONETheme.DarkTheme .EditBottomNav input:not(.slider):not(.goToTxtBox):not(.calculateNetTotalTextbox):not(.calculateGrossTotalTextbox):not(.editSave):not(.editSaveSearchFieldPopup):not(.editSavePopup):hover,
.IONETheme.DarkTheme .searchSettingButtonDiv a:hover,
.IONETheme.DarkTheme .searchSettingButtonDiv .BtnDelete:hover,
.IONETheme.DarkTheme #chk-dropdown ul.dropdown li a:hover,
.IONETheme.DarkTheme .MySettingsDiv table.display td:hover,
.IONETheme.DarkTheme .ConfirmBooking a:not(.confirmBooking):not(.AddSegment):not(.RemoveSegment) {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
    background-color: rgba(156,158,159,0.1) !important;
    border: 1px solid #00a970 !important;
}

.IONETheme.DarkTheme .rightClickPanel li:hover,
.IONETheme.DarkTheme .custom-menu li:hover {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
    background-color: rgba(156,158,159,0.1) !important;
}

.IONETheme .SearchResultBottomNav input:not(.slider):not(.goToTxtBox):not(.calculateNetTotalTextbox):not(.calculateGrossTotalTextbox):not(.calculateGrossTotalTextbox):not(.editSave):not(.editSaveSearchFieldPopup):not(.editSavePopup),
.IONETheme .EditBottomNav input:not(.slider):not(.goToTxtBox):not(.calculateNetTotalTextbox):not(.calculateGrossTotalTextbox):not(.editSave):not(.editSaveSearchFieldPopup):not(.editSavePopup) {
    width: auto !important;
    max-width: none !important;
    font-size: 14px !important;
    font-weight: normal;
    background: none !important;
    height: 50px;
}

.IONETheme .SearchResultBottomNav a[title]:after,
.IONETheme .EditBottomNav a[title]:not(.mat-button):after,
.IONETheme .searchSettingButtonDiv a[title]:after,
.IONETheme .controls a.tp-control-arrow-left[title]:after,
.IONETheme .ConfirmBooking a[title]:not(.confirmBooking):not(.AddSegment):not(.RemoveSegment):after {
    content: attr(title);
    /*position: absolute;*/
    line-height: 50px;
    left: 0px;
    font-size: 14px;
    color: white;
    width: 92px;
    height: 60px;
    text-align: center;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.IONETheme .SearchResultBottomNav .listScreenButtonDiv a[title]:after {
    width: 180px;
    text-align: left;
    display: block;
}

.IONETheme.LightTheme .TopMenuNav:not(.DoNotHide) .MenuCol ul li .AddData,
.IONETheme .TopMenuNav:not(.DoNotHide) .MenuCol ul li .AddData,
.IONETheme.LightTheme .TopMenuNav:not(.DoNotHide) .MenuCol ul li .AddData:hover,
.IONETheme .TopMenuNav:not(.DoNotHide) .MenuCol ul li .AddData:hover {
    font-size: 14px;
    text-indent: initial;
    line-height: 48px;
    text-align: center;
    background-image: none !important;
}

.IONETheme.LightTheme .SearchResultBottomNav a[title]:after,
.IONETheme.LightTheme .ConfirmBooking a[title]:not(.confirmBooking):not(.AddSegment):not(.RemoveSegment):after,
.IONETheme.LightTheme .EditBottomNav a[title]:after,
.IONETheme.LightTheme .searchSettingButtonDiv a[title]:after,
.IONETheme .controls a.tp-control-arrow-left[title]:after {
    color: black;
}

.IONETheme .EditBottomNav a[title]:after {
    height: 21px;
}

.IONETheme .ListDataCnt {
    margin-bottom: 80px;
}

.IONETheme #chk-dropdown .dropdown {
    background: rgba(0,0,0,1);
}

.LightTheme #chk-dropdown .dropdown {
    background: rgba(255,255,255,1);
}

.IONETheme #chk-dropdown .dropdown li a {
    background: none;
    padding-left: 10px;
}

.SaveColumns.saveColumnsPopup.FixedPosition {
    position: absolute;
    z-index: 99;
    height: 60px;
    font-size: 0 !important;
    width: 30px;
    right: 46px;
    background-color: rgb(51,51,51) !important;
}

.LightTheme .SaveColumns.saveColumnsPopup.FixedPosition {
    background-color: rgb(244, 244, 244) !important;
}

app-dashboard selling-item .SaveColumns.saveColumnsPopup.FixedPosition {
    right: 20px;
}

.dialog.SearchListPopup .SearchDataCnt.FormElement, .dialog.SearchListPopup .ListDataCnt .FlatSearchCnt {
    margin-bottom: 60px;
}

.IONETheme table.display thead th {
    position: sticky;
    top: 0;
    z-index: 11;
    background: rgb(51,51,51) !important;
}

    .IONETheme table.display thead th.FirstColumn {
        z-index: 12;
    }

.IONETheme.LightTheme table.display thead th {
    background: rgb(244, 244, 244) !important;
}

.LightTheme .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    background-color: rgb(244, 244, 244) !important;
}

.searchSettingButtonDiv .SaveSearchFields {
    width: 120px !important;
}

.IONETheme div.FormElement .PreviewTable .ChkBoxCnt.New input + label:before {
    background: url(../../Images/NewUI/jniceit/checkbox-green.svg) no-repeat left top;
}

.IONETheme.LightTheme div.FormElement .PreviewTable .ChkBoxCnt.New input + label:before {
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox-green.svg) no-repeat left top;
}

.IONETheme div.FormElement .PreviewTable .ChkBoxCnt.New input:checked + label:before {
    background-position: center bottom;
}

.IONETheme.LightTheme div.FormElement .PreviewTable .ChkBoxCnt.New input:checked + label:before {
    background-position: center bottom;
}

.IONETheme .PreviewTableTdDiv .RemoveRow {
    background: url(../../Images/NewUI/LightTheme/op_oth_remove_green.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .PreviewTableTdDiv .RemoveRow {
    background: url(../../Images/NewUI/LightTheme/op_oth_remove_green.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.PreviewTableTdDiv td[style='border-top:1px solid black;'] {
    border-top: 1px solid grey !important;
}

::-moz-selection { /* Code for Firefox */
    background: #00a970;
    color: white;
}

::selection {
    background: #00a970;
    color: white;
}

.IONETheme .EditBottomNav.LiveTemplate,
.IONETheme .EditBottomNav.NewUIQuotationLive,
.IONETheme .EditBottomNav.NewUIOrderLive {
    height: auto !important;
    width: 856px;
}

.IONETheme .EditBottomNav.Monitoring {
    width: calc(100vw - 330px) !important;
}

.IONETheme .dataTables_info:not(#TechnicianTable_info):not(#VehicleResourceTable_info),
.IONETheme .ui-paging-info,
.PaginationType_LazyLoading.footer .recordCount {
    float: right;
    padding: 0 8px;
    margin: 0 5px;
    line-height: 50px;
    width: auto;
}

.IONETheme #chk-dropdown ul.dropdown li {
    height: 60px;
    line-height: 60px;
    text-align: center;
}

    .IONETheme #chk-dropdown ul.dropdown li a {
        padding: 0px !important;
        margin: 0px !important;
        color: white !important;
    }

.IONETheme.LightTheme #chk-dropdown ul.dropdown li a {
    color: black !important;
}

.saveColumnDialog .SearchFieldPopupBottomNav {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    height: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.AngularApp .saveColumnDialog .SearchFieldPopupBottomNav {
    padding-bottom: 0px;
}

.saveColumnDialog .SearchFieldPopupBottomNav input {
    height: 50px;
}

.saveColumnDialog .SearchFieldPopupBottomNav .editSavePopup,
.AngularApp .saveColumnDialog .SearchFieldPopupBottomNav .editSavePopup {
    margin-left: 0 !important;
}

#TechnicianTable .THInsideHeader .RM_Next,
#VehicleResourceTable .THInsideHeader .RM_Next {
    width: 50px !important;
    margin-right: 70px;
}

    #TechnicianTable .THInsideHeader .RM_Next a,
    #VehicleResourceTable .THInsideHeader .RM_Next a {
        margin-right: 35px;
    }


.IONETheme .BarcodeScanner .button a {
    color: white !important;
}


.BarcodeScanner .button {
    background: linear-gradient(to bottom,rgb(0,195,135),#00a970) !important;
}

.IONETheme .rightClickPanel,
.IONETheme .custom-menu {
    width: auto;
    background: rgb(0,0,0);
    padding: 8px 1px;
}

.IONETheme.LightTheme .rightClickPanel,
.IONETheme.LightTheme .custom-menu {
    background: rgb(255,255,255);
}

.IONETheme .rightClickPanel li,
.IONETheme .custom-menu li {
    height: 48px;
    line-height: 48px;
    color: white;
    padding: 0px 10px;
}

.IONETheme.LightTheme .rightClickPanel li,
.IONETheme.LightTheme .custom-menu li {
    color: black;
}


.IONETheme .MrgnBtm10Preceding.searchFooter .BtnSearch,
.IONETheme .LoginForm input.SubmitBtn,
.IONETheme.DarkTheme input.editSave,
.IONETheme.LightTheme input.editSave,
.IONETheme.DarkTheme input.editSaveSearchFieldPopup,
.IONETheme.LightTheme input.editSaveSearchFieldPopup,
.IONETheme.DarkTheme input.editSavePopup,
.IONETheme.LightTheme input.editSavePopup,
.IONETheme.DarkTheme a.confirmBooking,
.IONETheme.LightTheme a.confirmBooking,
.IONETheme.DarkTheme a.deleteBookingLink,
.IONETheme.LightTheme a.deleteBookingLink,
.IONETheme.LightTheme .addressChangePopup a.editSave {
    background: #00a970 !important;
}

    .IONETheme .MrgnBtm10Preceding.searchFooter .BtnSearch:hover,
    .IONETheme .LoginForm input.SubmitBtn:hover,
    .IONETheme.DarkTheme input.editSave:hover,
    .IONETheme.LightTheme input.editSave:hover,
    .IONETheme.DarkTheme input.editSaveSearchFieldPopup:hover,
    .IONETheme.LightTheme input.editSaveSearchFieldPopup:hover,
    .IONETheme.DarkTheme input.editSavePopup:hover,
    .IONETheme.LightTheme input.editSavePopup:hover {
        background: linear-gradient(to bottom,rgb(0,195,135),#00a970) !important;
    }

.BottomDivider {
    margin-left: 5px;
}

.EditBottomNav.LiveTemplate input.editSave {
    margin-left: 5px;
}

.IONETheme .NewUIOrderLive input.editSave.MultiOrderButtons {
    margin-right: 5px;
}

.IONETheme .listScreenButtonDiv a,
.IONETheme .listScreenButtonDiv input,
.IONETheme .SearchResultBottomNav .listScreenButtonDiv a:hover,
.IONETheme .SearchResultBottomNav .listScreenButtonDiv input:hover,
.IONETheme .rightClickPanel li,
.IONETheme .rightClickPanel li:hover,
.IONETheme .custom-menu li,
.IONETheme .custom-menu li:hover,
.IONETheme.LightTheme .custom-menu.rightClickPanel li:hover,
.IONETheme.LightTheme .custom-menu li:hover {
    margin-left: 0px !important;
    margin-right: 0px !important;
    border: 0px solid transparent !important;
    padding-right: 40px;
    min-width: 180px !important;
    max-width: 180px !important;
}

.listScreenButtonDiv a:last-child,
.listScreenButtonDiv input:last-child {
    border: 0px solid transparent !important;
}

.IONETheme .SearchResultBottomNav a.listScreenButtonDropDown,
.IONETheme .rightClickPanel a.rightClickPanelDiv {
    width: 30px !important;
    max-width: 30px !important;
    float: right;
    min-width: 30px !important;
    padding: 0;
}

.IONETheme .SearchResultBottomNav .listScreenButtonDivDropDown a.listScreenButtonDivSplitButton,
.IONETheme .rightClickPanel a.rightClickPanelSplitButton {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    padding: 0;
    margin: 0;
    min-width: 40px !important;
    max-width: 40px !important;
    background-image: url(../../Images/NewUI/LightTheme/op_ctrl_pull-down.svg) !important;
    background-size: 20px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: black !important;
    height: 50px;
    margin-top: 8px;
    border: none !important;
    cursor: pointer;
}

.IONETheme .rightClickPanel a.rightClickPanelSplitButton {
    margin-top: 6px;
}

    .IONETheme .SearchResultBottomNav .listScreenButtonDivDropDown a.listScreenButtonDivSplitButton:hover,
    .IONETheme .rightClickPanel a.rightClickPanelSplitButton:hover {
        background-image: url(../../Images/NewUI/LightTheme/op_ctrl_pull-down_green.svg) !important;
        background-size: 20px !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-color: transparent !important;
    }

.IONETheme.LightTheme .SearchResultBottomNav .listScreenButtonDivDropDown a.listScreenButtonDivSplitButton,
.IONETheme.LightTheme .rightClickPanel a.rightClickPanelSplitButton {
    background-image: url(../../Images/NewUI/op_ctrl_pull-down.svg) !important;
    background-size: 20px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: white !important;
}

    .IONETheme.LightTheme .SearchResultBottomNav .listScreenButtonDivDropDown a.listScreenButtonDivSplitButton:hover,
    .IONETheme.LightTheme .rightClickPanel a.rightClickPanelSplitButton:hover {
        background-image: url(../../Images/NewUI/op_ctrl_pull-down_green.svg) !important;
        background-size: 20px !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-color: rgba(156,158,159,0.1) !important;
    }

.listScreenButtonDivDropDown_Inner,
.rightClickPanelInnerDiv {
    display: none;
}

.listScreenButtonDivDropDown:hover > .listScreenButtonDivDropDown_Inner,
.rightClickPanelDiv:hover > .rightClickPanelInnerDiv {
    display: block;
}

.switch_dashboard:hover {
    background: url(../../Images/NewUI/op_scr_switch_dashboard_green.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .switch_dashboard:hover {
    background: url(../../Images/NewUI/LightTheme/op_scr_switch_dashboard_green.svg) center center no-repeat;
    background-size: 30px 30px;
}

.BacktoDashboard:hover {
    background: url(../../Images/NewUI/op_tb_back-to-dashboard_green.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .BacktoDashboard:hover {
    background: url(../../Images/NewUI/LightTheme/op_tb_back-to-dashboard_green.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme .tp-control-arrow-left,
.IONETheme .tp-control-arrow-right {
    height: 48px !important;
}

.IONETheme .EditBottomNavTable .controls {
    height: 58px !important;
}

.IONETheme .EditBottomNavTable .controls, .ngpager {
    border-left: 0px solid lightgrey;
    border-right: 0px solid lightgrey;
}

select option:hover {
    background: #00a970 !important;
    color: white;
    /*border: 1px solid red !important;*/
}

.addPriceItem, .addPhone, .addRowSmall {
    background: url(../../Images/NewUI/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 30px 30px !important;
    height: 30px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px !important;
}

.LightTheme .addPriceItem, .LightTheme .addPhone, .LightTheme .addRowSmall {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

.removePriceItem, .removePhone, .removeRowSmall {
    background-size: 30px 30px !important;
    height: 30px;
}

.removePhone {
    margin-top: 0px !important;
}

.AddressCreateScreen .removePhone {
    margin-top: 2px !important;
}

#HQPhoneDiv .removePhone,
#HQFaxDiv .removePhone,
#HQMobileDiv .removePhone,
#HQEmailDiv .removePhone,
#HQWebDiv .removePhone,
#HQSocialDiv .removePhone,
#HQPhoneDiv .addPhone,
#HQFaxDiv .addPhone,
#HQMobileDiv .addPhone,
#HQEmailDiv .addPhone,
#HQWebDiv .addPhone,
#HQSocialDiv .addPhone {
    margin-top: 0px !important;
}

.IONETheme.DarkTheme .LiveTemplate .mat-input-element,
.IONETheme.DarkTheme .LiveTemplate .mat-select,
.IONETheme.DarkTheme .LiveTemplate .mat-select-value,
.IONETheme.DarkTheme .LiveTemplate .mat-select-arrow,
.IONETheme.DarkTheme .LiveTemplate .mat-button .mat-button-wrapper {
    color: #000 !important;
}

.TopLinkModuleDiv .SaveColumns.saveColumnsPopup.FixedPosition {
    height: 30px;
    right: 12px;
}

.TopLinkModuleDiv .display thead tr th p {
    min-height: 30px;
}

.IONETheme .SearchResultMyNewsBottomNav a.addTask,
.IONETheme .SearchResultMyReminderTaskBottomNav a.addTask,
.IONETheme .SearchResultMyCalenderBottomNav .addTask,
.IONETheme .TopLinkModuleDiv .AddRecord {
    padding: 0 10px 0 10px;
    font-size: 0px !important;
}

.TopLinkModuleDiv table.display tbody tr {
    background: rgb(0,0,0) !important;
}

.txtbox.MyTaskSearch, .txtbox.MyCalenderSearch {
    text-align: left;
    margin-top: 10px;
}

.IONETheme .MyCalenderDiv div.FormElement select option {
    color: black;
}

.IONETheme .AngularApp .MyCalenderDiv .SearchResultBottomNav.footer {
    display: none;
}

.paymentTitle td, .payment tbody tr td .small {
    background-color: inherit !important;
}

.minusIcon {
    background: url(../../Images/NewUI/op_oth_remove-black.svg) center center no-repeat;
}

.LightTheme .minusIcon {
    background: url(../../Images/NewUI/LightTheme/op_oth_remove-black.svg) center center no-repeat;
}

.plusIcon {
    background: url(../../Images/NewUI/op_oth_add-create-new-black.svg) center center no-repeat;
}

.LightTheme .plusIcon {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) center center no-repeat;
}

.MySettingsDiv table .WorkspaceSetting .TopLinkHint {
    width: 75% !important;
    margin-left: 12%;
}

.IONETheme .Preview .PartialInvoiceNumber a,
.IONETheme.LightTheme .Preview .PartialInvoiceNumber a,
.PartialInvoiceNumber a {
    color: #9c9e9f !important
}

a.disabledLink {
    color: grey !important;
}

.AngularApp .PauseCancelReason .grid.FormElement {
    padding-left: 50px;
}

.IONETheme .MenuGrid .TopMenuNav .MenuCol ul li a.AddLink {
    float: initial;
    display: table;
    border: none;
}

.TopLinkConnection, .TopLinkConnection2 {
    display: none;
    height: 20px;
    position: absolute;
    width: 92px;
    background-color: rgb(244,244,244);
}

.TopLinkConnection {
    bottom: -8px;
    left: 0;
}

.TopLinkConnection2 {
    height: 18px;
    bottom: -15px;
    left: -20px;
    padding-right: 40px;
}

.AngularApp .TopLinkConnection {
    bottom: -10px;
}

.AngularApp .TopLinkConnection2 {
    bottom: -18px;
}

.LightTheme .TopLeftLinks a.TopDropDown_Active .TopLinkHint {
    z-index: 9;
}

.LightTheme .TopLinks a.Active,
.LightTheme .TopLinks a.Calender_active,
.LightTheme .TopLinks a.List_active,
.LightTheme .TopLinks a.Clock_active,
.LightTheme .TopLinks a.Warning_active,
.LightTheme .TopLinks a.Email_active,
.LightTheme .TopLeftLinks a.TopDropDown_Active {
    z-index: 9999;
}

    .LightTheme .TopLinks a.Active.MySettings {
        z-index: 999999;
    }

    .LightTheme .TopLinks a.Active .TopLinkConnection,
    .LightTheme .TopLinks a.Active .TopLinkConnection2,
    .LightTheme .TopLinks a.Calender_active .TopLinkConnection,
    .LightTheme .TopLinks a.Calender_active .TopLinkConnection2,
    .LightTheme .TopLinks a.List_active .TopLinkConnection,
    .LightTheme .TopLinks a.List_active .TopLinkConnection2,
    .LightTheme .TopLinks a.Clock_active .TopLinkConnection,
    .LightTheme .TopLinks a.Clock_active .TopLinkConnection2,
    .LightTheme .TopLinks a.Warning_active .TopLinkConnection,
    .LightTheme .TopLinks a.Warning_active .TopLinkConnection2,
    .LightTheme .TopLinks a.Email_active .TopLinkConnection,
    .LightTheme .TopLinks a.Email_active .TopLinkConnection2,
    .LightTheme .TopLeftLinks a.TopDropDown_Active .TopLinkConnection,
    .LightTheme .TopLeftLinks a.TopDropDown_Active .TopLinkConnection2 {
        display: block;
    }



    .LightTheme .TopLeftLinks a.TopDropDown_Active .TopLinkConnection,
    .LightTheme .TopLeftLinks a.TopDropDown_Active .TopLinkConnection2 {
        margin-left: 62px;
    }

    .LightTheme .TopLeftLinks a.TopDropDown_Active .TopLinkConnection2 {
        bottom: -21px;
    }

.LightTheme .TopLinkConnectionBlurEffect .TopLinkConnection,
.LightTheme .TopLinkConnectionBlurEffect .TopLinkConnection2 {
    background-color: rgb(134, 134, 134);
}

.LightTheme .TopLinks a#MyNewsNotification.TopLinkConnectionBlurEffect #myNewsCount,
.LightTheme .TopLinks a#MyWarningNotification.TopLinkConnectionBlurEffect #myWarningCount,
.LightTheme .TopLinks a#MyTask.TopLinkConnectionBlurEffect #myReminderTaskCount,
.LightTheme .TopLinks a#MyTaskNotification.TopLinkConnectionBlurEffect #taskCount {
    background-color: #005d3e;
    color: #717a77 !important;
}

.LightTheme .TopLinks .AtTopLink.Active .TopLinkConnection {
    height: 15px;
    bottom: -5px;
}

.LightTheme .TopLinks .AtTopLink.Active .TopLinkConnection2 {
    left: 0;
    padding-right: 20px;
    height: 17px;
    bottom: -14px;
}

.LightTheme .TopLinks .MyCalenderViewer.Active .TopLinkConnection2,
.LightTheme .TopLinks .MyCalenderViewer.Calender_active .TopLinkConnection2 {
    left: 0;
}

.LightTheme .TopLinks .MySettings.Active .TopLinkConnection,
.LightTheme .TopLinks .MySettings.Calender_active .TopLinkConnection {
    height: 30px;
    bottom: -15px;
}

.DashboardNew.overflowVisible .HeaderTable {
    z-index: 9999;
}

.LiveTemplate .LiveTemplateItmeTableFullWidth {
    border-collapse: collapse;
}

.TimeLogSearchTD .PageTitle {
    min-height: 60px;
    line-height: 60px;
}

.IONETheme .TimeLogDiv .TimeLogSearchFooter {
    margin-left: -60px !important;
    height: 80px;
}

    .IONETheme .TimeLogDiv .TimeLogSearchFooter #btnTimeLogSearch {
        margin-left: 0px !important;
        float: left !important;
    }

.CompanySectionTD a.searchbtn, .CompanySectionTD a.searchbtn:hover {
    top: 24px;
}

.addressChangePopup .Bottom .AddRecord {
    width: 30px;
    height: 30px;
    float: right;
    cursor: pointer;
    background: url(../../Images/NewUI/op_oth_add-create-new-black.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .addressChangePopup .Bottom .AddRecord {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.addPhone.PobDivClass {
    margin-top: 24px;
}

.StatusChangeDiv {
    display: inline-block;
    float: right;
    margin-right: -5px;
    width: 100%;
}

.ListDataCnt.FormElement.Create.LiveTemplate {
    margin-bottom: 205px !important;
}

#dialog-FormalLetter {
    position: relative;
}

.IONETheme .ConfirmBooking .EditBottomNavNew a,
.IONETheme .DeleteBooking .EditBottomNavNew a {
    padding: 0px;
}

.IONETheme .CalenderViewWeekMonth.Week .timeDisplay.TimeDisplayTask {
    text-align: center;
    margin-top: -5px;
    font-weight: 500 !important;
}

.IONETheme .RM a.headerPrevious,
.IONETheme .RM a.headerPrevious:hover {
    background: url(../../Images/NewUI/obj_previous_date.svg) left top no-repeat;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    cursor: pointer !important;
}

.IONETheme.LightTheme .RM a.headerPrevious,
.IONETheme.LightTheme .RM a.headerPrevious:hover {
    background: url(../../Images/NewUI/LightTheme/obj_previous_date.svg) left top no-repeat;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    cursor: pointer !important;
}

.IONETheme .RM a.headerNext,
.IONETheme .RM a.headerNext:hover {
    background: url(../../Images/NewUI/obj_next_date.svg) left top no-repeat;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    cursor: pointer !important;
}

.IONETheme.LightTheme .RM a.headerNext,
.IONETheme.LightTheme .RM a.headerNext:hover {
    background: url(../../Images/NewUI/LightTheme/obj_next_date.svg) left top no-repeat;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    cursor: pointer !important;
}

.IONETheme .RM a.headerPrevDate,
.IONETheme .RM a.headerPrevDate:hover {
    background: url(../../Images/NewUI/obj_previous.svg) left top no-repeat;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    cursor: pointer !important;
}

.IONETheme.LightTheme .RM a.headerPrevDate,
.IONETheme.LightTheme .RM a.headerPrevDate:hover {
    background: url(../../Images/NewUI/LightTheme/obj_previous.svg) left top no-repeat;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    cursor: pointer !important;
}

.IONETheme .RM a.headerNextDate,
.IONETheme .RM a.headerNextDate:hover {
    background: url(../../Images/NewUI/obj_next.svg) left top no-repeat;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    cursor: pointer !important;
}

.IONETheme.LightTheme .RM a.headerNextDate,
.IONETheme.LightTheme .RM a.headerNextDate:hover {
    background: url(../../Images/NewUI/LightTheme/obj_next.svg) left top no-repeat;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    cursor: pointer !important;
}

.IONETheme .dateDisplay,
.IONETheme .dateDisplay input[name="RMHeader"] {
    font-size: 20px !important;
}

.IONETheme .RM .THInsideHeader {
    margin-top: 0px !important;
}

.IONETheme .timeSlot {
    margin-top: -5px;
}

.IONETheme .draggedTaskOrderQuotation div,
.IONETheme .draggedTaskOrderQuotation span,
.IONETheme .Task_Order_Quotation_Box.draggedTaskOrderQuotation a,
.IONETheme .draggedTaskOrderQuotation p {
    color: white !important;
}

.IONETheme .Task_Order_Quotation_Box a {
    color: #00a970 !important;
}

.IONETheme .ConfirmBookingMultipleResources_Div .grid {
    padding-left: 40px;
}

.IONETheme .removePhone.removeResource {
    margin-top: 25px !important;
}

.RM .SaveColumns.saveColumnsPopup.FixedPosition {
    height: 30px;
    margin-top: 15px;
}

.IONETheme .grid .currencytxtboxItem {
    padding: 0 5px;
}

.IONETheme .grid span.Unit,
.IONETheme .RM span.Unit,
.IONETheme span.Unit {
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
}

.ConfirmBooking .EditBottomNavNew a, .DeleteBooking .EditBottomNavNew a {
    margin-right: 10px !important;
}

    .ConfirmBooking .EditBottomNavNew a:not(.confirmBooking):not(.AddSegment):not(.RemoveSegment) {
        padding: 0 10px 0 10px;
    }


.loadingImg {
    display: none;
}

#ConfirmBooking .TaskMultiDayPlanning .rows .ui-datepicker-trigger {
    top: 2px;
}

.grid .medium .searchbox .txtbox {
    width: 248px;
}

.SetBusinessHours {
    padding-bottom: 0px;
    position: absolute;
    margin-top: -10px;
    background: url(../../Images/NewUI/op_oth_set_business_hours.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 0;
    display: inline-block;
    padding: 35px 0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 11px;
    min-width: 30px;
    vertical-align: top;
}

.LightTheme .SetBusinessHours {
    background: url(../../Images/NewUI/LightTheme/op_oth_set_business_hours.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.ConfirmBooking .SetBusinessHours {
    left: 0px;
}

.SegmentError .ng2-datetime-picker-wrapper {
    border: 1px solid red;
}

.SegmentError .txtbox[name*='Date'], .SegmentError .txtbox.description {
    border: 1px solid red;
}

#LiveTemplateItemWithAddCommentList_UL[style*="flex-direction"] .rightClickPanelSplitButton {
    display: flex;
    flex-direction: column-reverse;
    bottom: 0;
    top: inherit;
    transform: rotate(180deg);
    margin-top: 0;
    padding-top: 6px;
}

#LiveTemplateItemWithAddCommentList_UL[style*="flex-direction"] .rightClickPanelDiv:hover > .rightClickPanelInnerDiv {
    display: flex !important;
    flex-direction: column-reverse;
}

.LightTheme .NormalEditableDiv {
    box-shadow: inset 0 1px 5px rgb(0 0 0 / 10%), 0 -1px 5px rgb(244 244 244), 0 1px 5px rgb(244 244 244);
}

.IONETheme .AngularApp .MySettingsDiv {
    right: 23px !important;
}

.IONETheme .AngularApp .LeftSideFavouritePanel.AtTopLink.CockpitMenuCount_0,
.IONETheme .AngularApp .LeftSideFavouritePanel.AtTopLink.CockpitMenuCount_1 {
    margin-left: -319px;
}

.IONETheme .AngularApp .LeftSideFavouritePanel.AtTopLink.CockpitMenuCount_2 {
    margin-left: -368px;
}

.IONETheme .AngularApp .LeftSideFavouritePanel.AtTopLink.CockpitMenuCount_3 {
    margin-left: -460px;
}

.IONETheme .AngularApp .LeftSideFavouritePanel.AtTopLink.CockpitMenuCount_4 {
    margin-left: -552px;
}

.IONETheme .AngularApp .LeftSideFavouritePanel.AtTopLink.CockpitMenuCount_5 {
    margin-left: -644px;
}

.IONETheme .AngularApp .LeftSideFavouritePanel.AtTopLink.CockpitMenuCount_6 {
    margin-left: -736px;
}

.IONETheme .LeftSideFavouritePanel.AtTopLink.CockpitMenuCount_0 {
    margin-left: -135px;
}

.IONETheme .LeftSideFavouritePanel.AtTopLink.CockpitMenuCount_1 {
    margin-left: -43px;
}

.chartTitle {
    font-size: 20px;
    font-weight: 700;
    color: black !important;
}

.gauge-chart span {
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
}

.IONETheme .ListDataCnt .FlatSearchCnt {
    max-height: calc(100vh - 130px) !important;
    overflow-y: auto !important;
    overflow-x: hidden;
    margin-bottom: 20px;
}

.IONETheme ione-dialog .ListDataCnt .FlatSearchCnt {
    max-height: initial !important;
    overflow-y: initial !important;
    overflow-x: initial;
}

.IONETheme .ListDataCnt .FlatSearchCnt::-webkit-scrollbar-thumb {
    background: rgba(0,169,112,0.75) !important;
    outline: 1px solid rgba(0,169,112,0.75) !important;
    border-radius: 5px !important;
    margin-top: 5px;
}

.IONETheme .ListDataCnt .FlatSearchCnt::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,169,112,0.5) !important;
    box-shadow: inset 0 0 5px grey;
    border-radius: 5px !important;
}

.IONETheme .ListDataCnt .FlatSearchCnt::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    margin: 8px !important;
}

.IONETheme.LightTheme .gridAutocomplete input,
.IONETheme.LightTheme .gridAutocomplete input:not(.disabledelement) {
    color: rgba(0, 169, 112,0.9) !important;
}

/*.IONETheme #light {
    animation: none;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999;
    background: rgba(255, 255, 255,0.95) url(/Images/NewUI/IONE_Processing.gif) center center no-repeat !important;
}*/

#InspectionReportLiveTemplate .AddPicture.DoNotExport::before {
    visibility: hidden;
}

.IONETheme .addressChangePopup .EditBottomNav {
    height: 60px !important;
    padding: 0px !important;
    width: 100% !important;
    box-shadow: none !important;
    margin: 0px !important;
}