.x-grid-row .x-grid-cell {
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

.grid-picker.tenant-step-grid .x-grid-row .x-grid-cell-inner {
    display: flex;
    align-items: center;
}

.x-viewport, .x-viewport body {
    min-height: 656px;
    min-width: 1280px;
    height: 100%;
    margin: 0;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
}

.with7pql.x-viewport, .with7pql.x-viewport body {
    min-height: 1024px;
}

.with6pql.x-viewport, .with6pql.x-viewport body {
    min-height: 984px;
}

.with5pql.x-viewport, .with5pql.x-viewport body {
    min-height: 944px;
}

.with4pql.x-viewport, .with4pql.x-viewport body {
    min-height: 904px;
}

.with3pql.x-viewport, .with3pql.x-viewport body {
    min-height: 864px;
}

.with2pql.x-viewport, .with2pql.x-viewport body {
    min-height: 824px;
}

.with1pql.x-viewport, .with1pql.x-viewport body {
    min-height: 784px;
}

.mainView {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.pageBackground {
    background: #e7ebf1;
}

.dashboardToolBar {
    width: 100%;
    flex-shrink: 0;
}

.x-panel-body-default {
    background: white;
    border: none;
}

.leftView {
    background-color: #001D40;
    display: flex;
    flex-direction: column;
    width: 200px;
    min-width: 200px;
    max-width: 260px;
    position: relative;
    align-self: stretch;
    flex-shrink: 0;
}

.leftView .navigation-view {
    display: flex;
    flex-direction: column;
}

.leftView .menu-sidebar-bottom {
    margin-top: auto;
    margin-bottom: 8px;
}

.rightView {
    background-color: var(--color-gray-3);
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-grow: 9;
    flex-shrink: 1;
    width: calc(100% - 198px);
    overflow-x: hidden;
    overflow-y: auto;
}

.rightView {
    --scroll-background: var(--color-gray-3);
}

.rightView > * {
    --scroll-background: var(--color-white);
}

/* Customize scrollbar style */
@-moz-document url-prefix() {
    * {
        scrollbar-color: var(--scroll-thumb) var(--scroll-background);
    }
}

*::-webkit-scrollbar {
    width: var(--scroll-actual-size);
    background-color: var(--scroll-background);
}

*::-webkit-scrollbar:horizontal {
    height: var(--scroll-actual-size); /* make horizontal scrollbar thin same vertical */
}

*::-webkit-scrollbar-thumb {
    border-radius: var(--border-radius);
    background-color: var(--scroll-thumb);
    border: var(--scroll-border-width) solid var(--scroll-background);;
}

.overviewView .hideScrollbar.rightView:hover {
    overflow-y: hidden;
    padding-right: 15px;
}

.overviewView .rightView:hover {
    overflow-y: auto;
    width: calc(100% - 160px);
}

/* Licensing alert view*/
.rightView .licensingAlert {
    width: calc(100% - 50px);
    margin: 20px 24px 0px 24px;
    border-radius: 8px;
    min-height: 64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px ;
    flex: 0 0 auto;
}

.rightView .licensingAlert .message-group {
    display: flex;
    align-items: center;
}

.rightView .licensingAlert .message-alert {
    font-weight: bold;
    font-size: 17px;
    line-height: 28px;
}

.rightView .licensingAlert .message-alert .clickableText{
    font-size: 17px;
}

.rightView .licensingAlert .icon-notice {
    width: 24px;
    height: 24px;
}

.rightView .licensingAlert .button-group {
    margin-left: auto;
}
.rightView .licensingAlert .button-group .button-style {
    height: 36px;
}

.rightView .licensingAlert.licensingExpired {
    background-color: #D91C16;
    color: #FFFFFF;
}

.rightView .licensingAlert.licensingWarning {
    background-color: #FAF9ED;
    color: #CCBB0A;
}

.rightView .licensingAlert.licensingUpdate {
    background: #188EF5;
    color: #fff;
}

.rightView .licensingAlert.licensingExpired .icon-notice {
    background-color: #FFFFFF;
}

.rightView .licensingAlert.licensingWarning .icon-notice {
    background-color: #CCBB0A;
}

.rightView .licensingAlert.licensingUpdate .icon-monitor {
    background-color: #fff;
}

.rightView .licensingUpdate .button-transparent-bg {
    color: #fff;
}

.rightView .licensingUpdate .button-group .button-style {
    min-width: 90px;
}

/* Finishing CSS for licensing view alert*/
.contentView {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex: 1; /*Too expend height if doesn't have alert*/
}

/* Style for dashboard with many resolution */
.overflow-overlay {
    overflow: overlay; /* Work for Chrome and Edge */
}

.overflow-auto {
    overflow: auto;
}

.flex-col {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.flex-item-fixed {
    flex-shrink: 0;
}

.flex-item-scale {
    flex-shrink: 1;
    height: 100%;
}

.overflowAuto {
    height: 100%;
    overflow: overlay;
}

/* dashboard layout */
.dashboardRightView {
    padding: 0;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    overflow: hidden;
}

.jobDashboardContentView {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.rightView .dashboardCenterWithCards {
    display: flex;
    flex-direction: column;
    background-color: white;
    position: relative;
}

.rightView .configurationMarginTop {
    overflow: visible;
}

.rightView .calendar-page-content {
    overflow: hidden;
    height: calc(100% - 50px);
}

.calendar-page-content .tabSwitchMainInner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 250px;
    border-bottom: 0;
}

.calendar-page-content .tabSwitchMain {
    border-bottom: 0;
    margin-left: auto;
}

.calendar-page-content:not(.dashboardCenterWithCards) .tabSwitchMain {
    margin-right: 15px;
}

.calendar-page-content .tabSwitchLink {
    display: block;
    margin: 0;
    flex: 1;
    text-align: center;
}

.dashboardProductLogo img {
    max-width: 100%;
    max-height: 100%;
}

.dashboardProductLogo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 22px 0 36px;
}

.dashboardCenterNormal {
    width: 100%;
    height: 100%;
}

.mtViewPage .dashboardCenterNormal {
    height: calc(100% - 60px);
}

/*icon Navigator Panel*/
.smplIconMain:has(.arrowIcon) .iconTextCls{
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.leftView.collapsed{
    width: 80px!important;
    min-width: auto;
}

.leftView .btnCollapse {
    background: none;
    border: none;
    position: absolute;
    top: 70px;
    right: 0;
    padding: 0;
}

.leftView .iconCollapse {
    background-image: url(/img/views/icons-sprite-fl.svg#icon_hide);
    background-position: 0 0;
}

.leftView.collapsed .iconCollapse {
    background-image: url(/img/views/icons-sprite-fl.svg#icon_un_hide);
}

/*-----------------/Help Button---------------*/


/*override style app.css*/
.dashboardHeaderSprite32.icon32_0 {
    background-image: none;
}

.supportIconNotification {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10px;
    left: 48px;
}
.supportIconNotification .iconOk24 {
    width: 18px;
    height: 18px;
}

.collapsed .supportIconNotification {
    left: 38px;
}
/*------------/Help button-----------*/

.logo-footer {
    max-width: 134px;
    max-height: 22px;
    margin: 0 auto;
}

.dashboardNewFooterArea .support-chat {
    display: block;
    float: right;
    width: 112px;
    height: 48px;
    background-image: url(/img/views/icons/chat-small.png);
}

.itemMenuSidebar {
    position: relative;
    display: flex;
    align-items: center;
    height: 60px;
    margin: 0 16px 0 0;
    overflow: hidden;
    margin-bottom: 1px;
    cursor: pointer;
}

.collapsed .itemMenuSidebar {
    margin: 0 10px 1px 0;
}

.itemMenuSidebar.margin-bottom-8 {
    margin-bottom: 8px;
}

.overlay-icons {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    max-width: 24px;
    min-width: 16px;
    height: 16px;
    color: white;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
}

.overlay-icons.count-overload {
    font-weight: normal;
    width: 24px;
}

.green-overlay {
    background-color: #0BC43C;
}
.error-overlay {
    background-color: #FA0800;
}

.tabExpert .overlay-icons {
    display: none;
}

.itemMenuSidebar .overlay-icons {
    left: 46px;
    top: 12px;
}

.collapsed .itemMenuSidebar .overlay-icons {
    left: 36px;
}


.itemMenuSidebar .smplIconIcon {
    margin: 0;
}

.tabMenu > .smplIconMain,
.itemMenuSidebar > .smplIconMain {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--color-blue);
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
    padding: 0 20px;
    height: 100%;
    width: 100%;
    border-left: 4px solid transparent;
}

.tabMenu:not(.disabled) > .smplIconMain:hover,
.itemMenuSidebar:not(.disabled) > .smplIconMain:hover {
    background-color: #393366;
    color: white;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 1px;
    border-left: 4px solid var(--color-blue-5);
}
.tabMenu > .smplIconMain.active,
.itemMenuSidebar > .smplIconMain.active {
    background-color: #393366;
    color: white;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 60px;
    width: 100%;
    border-left: 4px solid var(--color-blue-5);
}

.collapsed .itemMenuSidebar > .smplIconMain {
    padding: 0 10px;
}

.collapsed .itemMenuSidebar .iconTextCls {
    display: none;
}

 .searchMt {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #D9E1EB;
}
 .searchMt input:not(.x-form-invalid-field) {
    padding-left: 40px;
    background-position: 14px 12px;
    height: 40px!important;
}

.action-bar .activityActionBarButton {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0;
    font-size: 14px;
    line-height: 17px;
    width: 132px;
}

.footerView {
    height: 80px;
    padding-left: 30px;
    background: transparent;
    flex: 0 0 auto; /*to sticky footer at bottom */
}

.footerView.no-locale {
    margin-top: 48px;
}

.dashboardNewFooterBody {
    height: 100%;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.dashboardNewFooterArea {
    flex: 1;
    padding: 0;
}
.dashboardNewFooterArea.left,
.dashboardNewFooterArea .linkInText {
    color: #91A8C2;
}

.dashboardNewFooterArea.right .linkInText {
    color: #476E9A;
}

.dashboardNotification {
    float: none;
    height: auto;
    display: block;
}

.dashboardNotification .notificationIcon {
    height: 40px;
    background-image: url(/img/views/icons-sprite-fl.svg#icon_notification);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 40px;
}
.dashboardNotification:hover .notificationIcon {
    background-image: url(/img/views/icons-sprite-fl.svg#icon_notification_hover);
}

.dashboardNotification .notificationIconSub {
    width: 18px;
    height: 18px;
    background-position: 0 0;
    position: absolute;
    top: 2px;
    left: 40px;
}

.dashboardNotification .notificationIconSub.noIcon {
    display: none;
}
.dashboardNotification .notificationIconSub.iconUpdateAvailable {
    background-image: url(/img/views/icons-sprite-fl.svg#icon_update_available);
}

.dashboardNotification .notificationIconSub.iconDownloadSuccess {
    background-image: url(/img/views/icons-sprite-fl.svg#icon_notification_update_ready);
}
.dashboardNotification .notificationIconSub.iconUpdateScheduledTitle {
    background-image: url(/img/views/icons-sprite-fl.svg#icon_notification_update_scheduled);
}

.dashboardNotification .notificationIconSub.iconWarn24 {
    background-image: url(/img/views/icons-sprite-fl.svg#icon_notification_update_fail);
}

.dashboardNotification .notificationIconSub.iconUpdateWarning {
    background-image: url(/img/views/icons-sprite-fl.svg#icon_notification_update_warning);
}

.dashboardNotification .notificationIconSub.iconOk24,
.dashboardHelp .helpIconSub.iconOk24 {
    background-image: url(/img/views/icons-sprite-fl.svg#icon_notification_update_complete_success);
}

.dashboardHelp .helpIconSub.iconBundleFail {
    background-image: url(/img/views/icons-sprite-fl.svg#icon_bundle_failed);
}


.dashboardNotification .notificationIconSub.iconRunning24,
.dashboardHelp .helpIconSub.iconRunning24 {
    background-image: url(/img/views/icons/spin.svg);
    background-color: #66B57C;
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 18px;
    min-width: 18px;
    height: 18px;
}

.info-summary-dashboard .info-summary-full,
.info-summary-dashboard .divide-line {
    display: none;
}
.info-summary-dashboard .more-btn {
    display: block;
    margin-right: 48px;
    border: none;
}


/*Custom checkbox activity page*/

/*---------------------------------------------------*/

/*Custom Button Style*/
.x-btn-default-large, .x-btn-default-medium,
.x-btn-default-small {
    font-size: 14px;
    color: #476E9A;
    border: 1px solid #C3D3E6;
    background: white;
    border-radius: 8px;
}

.x-btn-default-large .x-btn-inner,
.x-btn-default-medium .x-btn-inner,
.x-btn-default-small .x-btn-inner {
    color: #476E9A;
    font-weight: 700;
}

.augBlue {
    background: var(--color-blue-5);
    border: 1px solid var(--color-blue-5);
    color: #FFFFFF;
    font-weight: bold;
}

.augRed {
    border: 1px solid #D14836;
    background: #D14836; /* Old browsers */
    background: -moz-linear-gradient(top, #DD4B39 0%, #D14836 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DD4B39), color-stop(100%, #D14836)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #DD4B39 0%, #D14836 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #DD4B39 0%, #D14836 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #DD4B39 0%, #D14836 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #DD4B39 0%, #D14836 100%); /* W3C */
}

.button-full {
    width: 100%;
    text-align: center;
    padding: 0;
    border-radius: 8px;
    background : var(--color-blue-5);
    border: 1px solid var(--color-blue-5);
    color: #FFFFFF;
}

.augRed {
    border: 1px solid #D14836;
    background: #D14836; /* Old browsers */
    background: -moz-linear-gradient(top, #DD4B39 0%, #D14836 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DD4B39), color-stop(100%, #D14836)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #DD4B39 0%, #D14836 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #DD4B39 0%, #D14836 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #DD4B39 0%, #D14836 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #DD4B39 0%, #D14836 100%); /* W3C */
}


.augRed .x-btn-inner, .augBlue .x-btn-inner {
    color: white !important;
    font-weight: 700;
    text-transform: capitalize;
}

.button-full {
    width: 100%;
    text-align: center;
    padding: 0;
    border-radius: 8px;
    background : var(--color-blue-5);
    border: 1px solid var(--color-blue-5);
    color: #FFFFFF;
}

.button-full button {
    height: 56px;
    line-height: 56px;
}

.button-full .x-btn-inner {
    font-size: 11px !important;
    line-height: 18px;
    text-transform: uppercase;
    color: white !important;
    font-weight: 700;
}


/*--------------------*/

/*Custom Button Style*/

.configurationTabPage .x-panel-with-col-lines .x-grid-header-ct .x-column-header-last,
.configurationTabPage .x-panel-with-col-lines .x-grid-row .x-grid-cell-last {
    border-right: none;
}
.tableView .tableContainer:not(.noManageColumn) .x-panel-with-col-lines .x-grid-header-ct .x-column-header-last {
    pointer-events: none;
}
.eventTable .x-panel-with-col-lines .x-grid-header-ct .x-column-header-last,
.tableHasNoMenuColumn .x-panel-with-col-lines .x-grid-header-ct .x-column-header-last
{
    pointer-events: visible;
}
/*--------------------*/
/*Dashboard Page*/
.jobDashboardNavigator .x-tree-panel .x-grid-row div.x-grid-cell-inner {
    height: 40px;
    line-height: 40px!important;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 8px;
}


.jobDashboardContentView .jobBoxStyle:not(.eventJobStyle) {
    border-radius: 5px;
}

.jobDashboardContent {
    padding: 0;
    flex-grow: 7;
}

.jobDashboardContent .jobDashboardBox .x-portlet-header {
    line-height: 22px;
    font-size: 14px;
    font-weight: 700;
    height: 60px;
    padding: 20px;
}
.jobDashboardContent .jobDashboardBox .x-portlet-content {
    height: calc(100% - 60px);
    border: none;
}
.jobDashboardContent .eventsPortlet .x-portlet-content,
.jobDashboardContent .jobPortletActions .x-portlet-content,
.jobDashboardContent .siteRecoveryEvents .x-portlet-content,
.jobDashboardContent .jobSpeedPortlet .x-portlet-content,
.jobDashboardContent .jobTransferredDataPortlet .x-portlet-content {
    padding: 0;
}

.jobDashboardContent .emptyDashboardView {
    width: 100%;
    height: 100%;
}
.jobDashboardContent .emptyDashboardView .emptyPage {
    border-radius: 12px;
}

.jobDashboardContent .jobDashboardBox {
    box-sizing: border-box;
    margin-bottom: 0;
    /*min-width: 418px;*/
    height: 300px;
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgb(107 102 140 / 20%);
    border-radius: 12px;
    margin-top: 16px;
}

.jobDashboardContentView .jobDashboardContent .jobDashboardBox.eventsPortlet,
.jobDashboardContentView .jobDashboardContent .jobDashboardBox.siteRecoveryEvents {
    height: 616px;
}

.jobDashboardContentView .jobBoxStyle .colorNoAlarmErrorWarn .alsbIcon {
    margin-left: 0;
}

.portalPanelGroup .jvjsMain {
    padding: 0;
}

.portalPanelGroup .jvgiItem,
.portalPanelGroup .jvstItem,
.portalPanelGroup .jvthItem,
.portalPanelGroup .jvjsMain .jvgsItem {
    margin: 0 0 16px;
}

.jobBoxStyle .jvjoItem,
.jobBoxStyle .jvstItem,
.jobBoxStyle .jvthItem {
    height: 44px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
}
.jvjoStatus {
    float: right;
    width: 90px;
    text-align: right;
}
.jvjoLink, .jvstLink, .jvthLink {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jobBoxStyle .jvjoItem:not(.no-hover):hover,
.jobBoxStyle .jvstItem:hover,
.jobBoxStyle .jvthItem:hover {
    background: #F2F8FF;
    border-radius: 4px;
}


/*Style Job Settings Portlet */
.jobBoxStyle .jvgsItem,
.jobBoxStyle .jvjoItem,
.jobBoxStyle .jvstItem,
.jobBoxStyle .jvthItem {
    padding: 0 20px;
    margin: 0;
}

.jvthLink {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jvjoLink {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jvjoStatusRTR {
    float: right;
    width: 100px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jvjoRpoL {
    display: table-cell;
    width: 76%;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    margin-bottom: 10px;
    margin-left: 20px;
}

.jvjoRpoR {
    display: table-cell;
    width: 24%;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right;
    margin-bottom: 10px;
    padding-right: 41px;
}

.rtrDateTimeNav {
    margin-right: 5px;
    display: inline-block;
}

.rtrDateTimeNavText {
    width: 120px;
    text-align: center;
}

.nrtrSpItemView {
    border: 1px solid #CCCCCC;
    margin-bottom: 2px;
    padding: 2px;
    position: relative;
    background: white;
}

.rtrRecoveryPointOptions {
    width: 250px;
    height: 24px;
    margin-top: 3px;
}

.dashboardCenterTenantBarWithActions .portalPanelGroup .jvgiItem,
.dashboardCenterTenantBarWithActions .portalPanelGroup .jvgsItem,
.dashboardCenterTenantBarWithActions .portalPanelGroup .jvjoItem,
.dashboardCenterTenantBarWithActions .portalPanelGroup .jvstItem,
.dashboardCenterTenantBarWithActions .portalPanelGroup .jvthItem {
    margin: 0 0 9px;
}

.alarmStateButton {
    display: flex;
    height: 44px;
    align-items: center;
    border-radius: 8px;
}
.alarmStateButton .alsbContent {
    flex: 1;
    margin: 0 10px;
}

.portalPanelGroup .colorAlarmError .alsbIcon,
.portalPanelGroup .colorAlarmWarn .alsbIcon,
.portalPanelGroup .colorNoAlarmErrorWarn .alsbIcon {
    margin: 0 10px 0 0;
}
.portalPanelGroup .colorAlarmError .alsbContent,
.portalPanelGroup .colorAlarmWarn .alsbContent,
.portalPanelGroup .colorNoAlarmErrorWarn .alsbContent {
    flex: 1;
    margin: 0;
}
.portalPanelGroup .alarmStateButton .alsbRequestSupportButton {
    margin: 0 5px 0 10px;
    padding: 6px;
}

.jobDashboardContentView .jobDashboardNavigator .treeViewAutoHeight {
    overflow: auto;
}

.jobDashboardNavigator .x-tree-panel img.x-tree-icon {
    margin-right: 10px;
}

.jobDashboardNavigator .x-grid-row-selected .x-grid-cell {
    background-color: #E7EBF1 !important;
}
.jobDashboardNavigator .x-grid-row.x-grid-row-selected div.x-grid-cell-inner {
    color: var(--color-blue-5);
    font-weight: bold;
}

.isSiteRecovery .jobPortletActions,
.isSiteRecovery .siteRecoveryEvents {
    width: 100%;
}


.evlvItemR {
    padding: 15px 10px;
    width: 90px;
}
.evlvItemL {
    padding: 15px 10px;
}

.jobDashboardContentView .jobPortletGroup {
    display: grid;
    width: 100%;
    grid-column-gap: 16px;
    grid-template-columns: 1fr 1fr;
    margin-top: -16px;
}

.jobDashboardContentView .jobPortletGroup .jobDashboardPortalBody {
    height: 100%;
    width: 100%;
}

.jobDashboardContentView .portalPanelGroup {
    display: grid;
    grid-template-columns: 1fr;
}


/*------------------Breadcrumb------------------*/
.dashboardTitleJob {
    flex-shrink: 0;
}

.dashboardTitleJob .title-job {
    margin: 16px 0 24px 20px;
    font-size: 24px;
    line-height: 28px;
    color: var(--color-black);
}
/*--------------------------------------------------*/


/*---Start--- When dashboard job isSiteRecovery*/

.jobDashboardContentView .isSiteRecovery .jobPortletGroup {
    grid-template-columns: 1fr 1fr;
}

.jobDashboardContentView .isSiteRecovery .portalPanelGroup {
    height: 100%;
    grid-template-columns: 1fr;
}
/*--- End ---- When dashboard job isSiteRecovery*/

/*-------------------Css Configuration Page------------------*/
.configurationTabSelector .tabSwitchLink,
.mainEditStepTabs .tabSwitchLink {
    display: block; /*Override css*/
    flex: 1;
    height: 56px;
    margin-right: 0; /*Override css*/
    line-height: 56px;
    font-size: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 5px solid transparent;
    overflow: hidden;
}

.mainEditStepTabs .tabSwitchLink {
    font-size: 18px;
}

.configurationTabSelector .tabSwitchLink:hover {
    border-bottom-color: #444;
    text-decoration: none;
}

.configurationTabSelector .tabSwitchLinkActive {
    border-bottom-color: #444;
    color: #444;
    cursor: default;
}
.configurationTabSelectorInner,
.mainEditStepTabs .tabSwitchMainInner {
    display: flex;
    text-align: center;
    height: auto;  /*Override css*/
    padding-left: 0; /*Override css*/
    padding-right: 0; /*Override css*/
    vertical-align: bottom; /*Override css*/
}

.configurationTabPage {
    display: flex;
    flex-direction: column;
}
.configurationTabPage .drillDownViewBody,
.backupConfigurationRepo .backupRepoDetail .drillDownViewBody {
    height: calc(100% - 106px);
}

.backupConfigurationRepo .drillDownViewBody {
    height: calc(100% - 36px);
}

.backupConfigurationRepo .drilldownMainContent,
.configurationTabPage .drilldownMainContent {
    height: 100%;
}

.configurationTabPage .drillDownViewBody .cddheader {
    background: #e7ebf1;
    padding: 0 0 16px;
}

.configurationTabPages .licensingViewContent {
    height: 100%;
}

.licensingViewContent .configurationItemContentBlock {
    overflow: auto;
    height: calc(100% - 80px);
}

.configurationTabSelector .linkInText {
    color: var(--color-blue-5);
    font-size: 17px;
}

.configurationTabSelector .tabSwitchLinkActive,
.configurationTabSelector .tabSwitchLink:hover {
    color: #202020;
    border-bottom-color: var(--color-blue-5);
}

.drilldownBodyContentContainer {
    width: 100%;
    overflow: hidden;
}


.drilldownViewConfig {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.configurationTabPage .paging-view {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.configurationTabPage.expertView {
    background-color: #FFF;
    border-radius: 12px;
}

.configurationTabPage .paging-view .paginationBar {
    flex: 0 0 auto;
}

.paginationBar.hide {
    display: none !important;
}

.paginationBar .pagingInfo {
    margin: 0 10px 0 auto;
}

.repDetailView .backup-repo-detail {
    height: calc(100% - 72px - 44px); /*- (height Action button) - (height item header)*/
    overflow: auto;
}

.edit-local-user-view,
.vmware-transporter-deploymen-view,
.vmware-transporter-edit-view {
    height: 100%;
}

.configurationTabPages .add-aduser-scroll,
 .add-local-user-view .add-local-user-detail,
 .edit-local-user-view .edit-local-user-detail {
    height: calc(100% - 62px); /*- height of header*/
    overflow-y: auto;
    overflow-x: hidden;
}

.add-local-user-detail .generate-password-checkbox {
    padding: 0 0 2px 0;
    margin: 0 0 0 2px !important;
}

.vmware-transporter-edit-view .vmware-transporter-edit-detail,
.vmware-transporter-deploymen-view .vmware-transporter-deploymen-detail {
    height: calc(100% - 44px); /*- height of title*/
    overflow-y: auto;
    overflow-x: hidden;
}

.drilldownViewConfig .drillDownViewBody {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.drilldownViewConfig .drillDownViewBody.noFooter {
    height: 100%;
}

.drilldownViewConfig .drilldownMainContent {
    height: 100%;
}

.userADWizardTable {
    height:100%;
}

.drilldownFooter {
    overflow: visible;
    border-top: 1px solid #C5D2DF;
    background-color: transparent;
    height: 80px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.drilldownFooter .link-btn {
    margin-right: auto;
    font-weight: bold;
    color: #476E9A;
    padding: 8px 12px;
}

.configurationTabSelector .contentLink {
    position: relative;
}

.configurationTabSelector .linkInText .error-overlay {
    top: -4px;
    right: -10px;
    line-height: 1;
}

.diEmptyListView {
    height: 100%;
    width: 100%;
    margin: 0;
    position: initial;
    display: flex;
    justify-content: center;
    align-items: center;
}


.imagePreview .x-form-file-wrap .x-form-file-btn {
    float: none;
    display: block;
}
.imagePreview .x-form-item {
    margin-bottom: 0;
    margin-top: 5px;
}

.configTypeBackupRepo {
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-x: auto;
}

.configHypervisorInventory {
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-x: auto;
}

.eventDetailView .eventContentView  {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.configurationItemContentBlock.editOptionRepoContent {
    overflow: visible;
}

.drilldownBodyContentContainer .content-fit-scroll {
    height: calc(100% - 44px);
    overflow-y: auto;
    overflow-x: hidden;
}

.configurationTabPage .content-tab-block {
    height: calc(100% - 42px);
    overflow: auto;
}

.drilldownBodyContentContainer .wizard-content-scroll {
    height: 100%;
    overflow: auto;
}

.drilldownViewConfig .drillDownViewBody .active-directory-users .cddheader {
    background: #ffffff;
    padding: 20px;
}

.configurationItemHeaderStaticBlock .iconOffice365ExchangeDi24.icon24_2 {
    height: 26px;
}

.iconOffice365ExchangeDi24.icon24_3 {
    height: 23px;
    background-position: 0 -74px;
}
/*--------------------------------------------*/

/*--------Multiple Tenant--------------*/
.dashboardCenterTenantBar {
    width: 100%;
    height: 100%;
    border: none;
}

.mtView .dashboardCenterTenantBar {
    height: calc(100% - 58px /*MT action bar*/);
}

.mtnbMain {
    background: white;
    border-style: solid;
    border-color: #D2D2D2;
    border-radius: 5px;
    height: 40px;
    margin-bottom: 26px;
    border-width: 1px;
}

.mtnbMain .abActive:hover:first-child {
    border-left: 1px solid transparent;
}


.dashboardToolBar.mtTenantNavigationConfigView {
    height: 58px;
    overflow: visible;
}

.masterAddressBar .iconTenant24 {
    margin-right: 12px;
}

.dashboardToolBar .masterAddressBar {
    margin-bottom: 13px;
}

.addressBarTenantName {
    color: #476E9A;
}

.edStepContainer .empty-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
}

.tenant-user-wizard {
    overflow: visible;
}

.tenant-user-wizard .create-user-btn {
    position: absolute;
    bottom: -66px;
    left: 0;
}

.tenant-user-wizard .userStep {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tenant-user-wizard .tenant-user-view {
    flex: 1;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 1px; /* Add space for border */
    display: flex;
    flex-direction: column;
}

.tenant-user-wizard .tenant-user-view .tenant-user-view__container {
    display: flex;
    flex-direction: column;
    width: 100% !important;
}

.tenant-user-wizard .tenant-user-view__container .userGridTable {
    display: flex;
    flex: 1;
}

.tenant-user-wizard .userGridTable .x-grid-body {
    display: flex;
}

.tenant-user-wizard .userGridTable .x-grid-body .comment {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tenant-user-wizard .userMainView {
    display: flex;
    flex: 1;
    border-bottom: 1px solid #ccc;
}

.tenant-user-wizard .tenant-user-view .addLocalUserControl {
    display: flex;
}

.edStepContainer.tenant-user-wizard .empty-container {
    justify-content: flex-start;
    padding: 15px 0;
}

.mtView  .tenantWizardEditor {
    height: 100%;
}

.mtView  .tenantWizardEditor .tenant-user-wizard .edit-local-user-view {
    height: auto;
}
/*-------------------------------------*/

/*Group Dashboard info*/
.action-info-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 16px;
    width: 100%;
    margin-bottom: 16px;
}

.action-info-group .info-summary-dashboard {
    height: 92px;
    margin-left: 0;
}

.info-summary-dashboard .divide-line {
    background: #C5D2DF;
    height: 100%;
    width: 1px;
}
.info-summary-dashboard .textInfo{
    color: #5E5E5E;
}

/*------------Popup Menu----------------*/
.popupMenu {
    background: #FFFFFF;
    min-width: 200px;
    padding: 16px 8px;
    /* Elevation 02 */
    box-shadow: 0 4px 16px rgba(107, 102, 140, 0.2);
    border-radius: 8px;
}
.popupMenu .ttInner {
    width: 100%;
}
.checkbox-filter-list .checkbox-container {
    margin: 0;
    color: #476E9A;
    line-height: 20px;
    padding: 10px 16px;
}
.checkbox-filter-list .checkbox-container:hover {
    background: #F2F8FF;
    border-radius: 4px;
}
/*-------------------------------------*/


/*---------Drilldown Header---------------*/
.drilldownHeader {
    display: flex;
    height: auto;
    padding-left: 0;
}
.drilldownHeader .slMain:first-child {
    margin-left: 0;
}
.drilldownHeader .slMain {
    display: flex;
    margin-left: 10px;
}
.drilldownHeader .linkInText,
.drilldownHeader .slash {
    font-size: 12px;
}
.drilldownHeader .slash {
    color: #bdbdbd;
}

.drillDownViewBody .configurationItemHeaderDetail,
.drillDownViewBody .cddEditorheader {
    padding: 0 0 20px;
}

.drilldownViewConfig .userRoleHeader {
    padding: 20px;
}
.drillDownViewBody .configurationItemContentBlock {
    padding: 20px;
}
.drillDownViewBody .credentialItemContentBlock {
    padding: 10px 10px 10px 20px;
}
.drillDownViewBody .configurationAdditionalItemContentBlock {
    padding: 20px 0 0 20px;
}
.drillDownViewBody .configurationItemDetail:not(.treeViewAllowExternalScroll) {
    padding: 0 20px;
}
.drilldownViewConfig .userRoleHeader {
    padding: 0 0 20px;
}
.configurationEventHeader {
    padding: 20px;
}
.drillDownViewBody .cddheader {
    padding-left: 0;
}

.drilldownViewConfig .drillDownViewBody .cddPadding {
    padding: 20px;
}


/*----------------------------------------*/

/*Dashboard product qualified lead*/
.leftView.collapsed .dashboardPqlToolbarList {
    padding-top: 40px;
}
.dashboardPqlHeaderText {
    font-size: 11px;
    line-height: 18px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    color: white;
    overflow: hidden;
    padding: 7px 5px 7px 5px;
    border-radius: 6px;
    text-align: center;
    background: var(--color-blue-5);
}

.dashboardPqlButtonItem {
    overflow: hidden;
    padding: 10px;
}

.dashboardPqlButtonText {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 10px;
}

.groupPqlHeaderContainer {
    position: relative;
    margin-bottom: 8px;
}

.groupPqlHeaderIcon {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    color: var(--color-blue-5);
    left: 50%;
    bottom: -5px;
    margin-left: -5px;
}

.pql-button-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    width: 100%;
}

.leftView.collapsed .groupPqlHeaderContainer {
    display: none;
}

/* Ultra HD 3.840 x 2.160 */
@media screen and (min-width: 3840px) {
    .jobDashboardContentView .jobDashboardNavigator {
        width: 560px;
    }
    .jobDashboardNavigator .x-tree-panel .x-grid-row div.x-grid-cell-inner {
        min-width: 300px;
        width: 100%;
    }
    .jobDashboardContent .jobDashboardBox,
    .dashboardCenterTenantBarWithActions .jobDashboardContent .jobDashboardBox {
        min-width: 592px;
        height: 342px;
    }

    .jobDashboardContentView .jobPortletGroup {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
    .jobDashboardContentView .isSiteRecovery .jobPortletGroup {
        grid-template-columns: 1fr 1fr;
    }

    .isSiteRecovery .portalPanelGroup {
        grid-template-columns: 1fr 1fr;
    }
    .isSiteRecovery .jobPortletActions {
        margin-left: 20px;
    }

    .isSiteRecovery .jobPortletActions,
    .isSiteRecovery .siteRecoveryEvents {
        width: 100%;
    }
    .activityLivActions {
        flex: 1;
        display: flex;
        justify-content: flex-end;
    }

    .configurationTabSelectorInner,
    .mainEditStepTabs .tabSwitchMainInner {
        max-width: 1084px;
        border-bottom: none;
    }
    .configurationTabSelector,
    .mainEditStepTabs {
        align-items: center;
        border-bottom: 1px solid #d2d2d2;
        display: flex;
        justify-content: center;
    }
    .info-summary-dashboard .info-summary-full {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
    }
    .info-summary-dashboard .divide-line {
        display: block;
    }

    .info-summary-dashboard .more-btn {
        display: none;
    }
}

/*/Icon/*/
.icon-check {
    height: 16px;
    padding-left: 25px;
    justify-content: center;
    display: flex;
    align-items: center;
    font-style: italic;
    background-repeat: no-repeat;
    background-position: left top;
}
.icon-check-ok {
    background-image: url(/img/views/icons/icons-sprite-common.svg#icon-check-ok);
    color: #10CC62;
}

.icon-check-fail {
    background-image: url(/img/views/icons/icons-sprite-common.svg#icon-check-fail);
    color: #D91C16;
}
@media (min-width: 2560px) and (max-width: 3839px) {
    .jobDashboardContentView .jobPortletGroup {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media (min-width: 1920px) and (max-width: 2559px) {
    .jobDashboardContentView .jobPortletGroup {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .action-info-group {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .action-info-group .info-summary-dashboard {
        grid-column-start: 2;
        grid-column-end: 4;
    }

}
@media (min-width: 1920px) {
    .info-summary-dashboard .info-summary-full {
        display: flex;
        gap: 50px;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
    }
    .info-summary-dashboard .divide-line {
        display: block;
    }
    .info-summary-dashboard .more-btn {
        display: none;
    }
}

/*CSS for Firefox*/
@-moz-document url-prefix() {
    .edStepContainer {
        overflow-y: auto;
    }
    .tenant-user-wizard.edStepContainer {
        overflow: visible;
    }

    .dashboardCenter {
        overflow-y: auto;
    }

    .overflowAuto {
        height: 100%;
        overflow: auto;
    }
}

/*Progress*/
.progressView {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 860px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
}

.progressView .header-update {
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    max-width: 600px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.progressView .button-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.progressView .progress-button {
    width: 320px;
    height: 56px;
    margin-top: 250px;
}
/*-------------updating--------------*/
.progressView .message-note {
    font-weight: bold;
    font-size: 17px;
    color: #FFFFFF;
}

.bg-container-update {
    width: 690px;
}
/*-------------/updating------------*/

.progressBar .hide-percent .percent,
.hide-percent .arrow-down {
    display: none;
}

.progressBar .hide-percent:hover .percent,
.hide-percent:hover .arrow-down {
    display: block;
}

/*reboot view*/
.pageBackground.reboot-view {
    background: url("/img/views/bg/background_circle.jpg") no-repeat 100%;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
}

.reboot-view .reboot-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: calc(100% - 100px);
}


.reboot-view .reboot-progress {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.itemMenuSidebar.dashboardPqlToolbarList {
    margin-top: 30px;
    flex-direction: column;
    height: auto;
}
.itemMenuSidebar.dashboardPqlToolbarList .dashboardPqlButtonItem {
    height: 60px;
    margin-bottom: 1px;
}

/* TODO: Tuan Truong: 2 classes still used in EditLocalUserView, to be removed */
.red-label {
    color: #f00;
    /* 2FA todo */
    margin-left: 545px;
    top: -35px;
}
.blue-label {
    color: #0D79FA;
    /* 2FA todo */
    margin-left: 545px;
    top: -35px;
}

.blur-sendEmailButton {
    color: #B3D5FE;
    border: 1px solid rgba(255,255,255,0.38);
}

/* Support long transporter view */
.longTransporterView {
    height: 100%;
    overflow: auto;
}
.longTransporterView .transporter-item-header {
    flex: 1;
}
.configurationItemHeaderDetail {
    display: flex;
    flex-direction: row;
}
.configurationItemHeaderDetail .itemHeaderMain {
    flex: 1;
}
.configurationItemContentAction {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.configurationItemContentAction .buttonOnlyIcon .x-btn-inner {
    text-indent: -9999px;
}
.flexboxContainer .content-items-view {
    flex: 1;
}
.content-items-view {
    background: #FFFFFF;
    box-shadow: 2px 2px 8px rgba(107, 102, 140, 0.2);
    border-radius: 12px;
    max-height: calc(100% - 59px);
}

.content-items-view .inventoryViewBody {
    min-height: 100%;
    overflow-y: auto;
    padding-top: 0;
}
.content-items-view .x-panel-header-text {
    font-weight: bold;
    font-size: 17px;
    color: var(--color-black);
}
.content-items-view .x-panel-header-default {
    padding: 18px 20px;
    background: #FFFFFF;
    line-height: 20px;
    box-shadow: none;
    height: 60px;
    width: 100%;
    margin-bottom: 20px;
    border: none;
    border-bottom: 1px solid #C5D2DF !important;
}
.content-items-view .headerDefault {
    padding: 0px 20px;
    background: #FFFFFF;
    line-height: 20px;
    box-shadow: none;
    height: 40px;
    border: none;
    border-bottom: 1px solid #C5D2DF !important;
    font-size: 17px;
    font-weight: bold;
}
.content-items-view .inventoryView {
    top: 0px !important; /*fix error UI treeview move to top in fristload*/
}

.configurationTabPages .content-items-view {
    max-height: none;
    display: flex;
    flex-direction: column;
}

.configurationTabPages .content-items-view .x-panel-header-default {
    position: inherit;
}

.drillDownViewBody .longTransporterView .configurationItemContentBlock,
.longTransporterView .configurationItemDetail {
    height: calc(100% - 45px)!important;
    overflow: auto;
    margin-right: 0;
    padding-bottom: 0;
}

.longTransporterView .configurationItemDetail {
    height: calc(100% - 116px)!important;
}



.margin-top-row {
    margin-top: 16px;
}
.body-view {
    display: flex;
    flex-direction: column;
}

.body-view .blue-search {
    margin: 0 10px 20px;
}

.lvEmpty {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 210px;
}
.lvEmpty .text-empty {
    line-height: 1;
    margin-top: 28px;
    color: #C3D3E5;
    font-size: 24px;
}
.jobDashboardBox .lvEmpty .img-empty-item {
    width: auto;
    height: 140px;
    padding: 0;
}

.wrapListView .lvEmpty .img-empty-item {
    width: 280px;
    padding-top: 20px;
}
.jobDashboardBox .lvEmpty .text-empty,
.wrapListView .lvEmpty .text-empty {
    font-size: 18px;
}

.vmware-transporter-deploymen-detail .iconSttInfo {
    right: 0; left: auto !important;
}

.headerVcenterContainer {
    display: inline-flex;
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
}

.bodyVcenterContainer {
    display: flex;
    align-items: center;
    padding-top: 10px;
}
.transporterPoolStep > .x-box-inner {
    height: 100% !important;
}

.bulk-jobs-destination .enhanced-radio-btn .x-form-cb-label-after {
    margin-left: 0;
}

.bulk-destination-radio-group .x-form-radio-group {
    display: flex;
    width: 100% !important;
}

.bulk-destination-radio-group div[id^="radiofield"] {
    width: 48%;
}

.bulk-destination-radio-group .x-form-item {
    display: flex;
    align-items: center;
}

.window-popup-view .bulk-jobs-destination .hmMain {
    padding: 0;
}

.window-popup-view .bulk-jobs-destination .help-message-text {
    font-style: italic;
    color: #188EF5;
    padding: 0;
}
.help-message-text .hmIcon24 {
    height: auto;
}
    /*Inventory View Style*/
.inventoryView .x-grid-row-selected .x-grid-cell, .inventoryView .x-grid-row-over .x-grid-cell {
    background-color: #F2F8FF !important;
}

.config-editor-view {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(107, 102, 140, 0.2);
}

.config-editor-view.not-wizard {
    border-radius: 12px 12px 0 0;
}

.mask-loading {
    background: var(--color-black);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
    z-index: 100;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-transporter-view.emptyPage {
    border-radius: 12px;
}
.cddContent-detail-view {
    display: flex;
    flex: 1;
    flex-direction: column;
    border-radius: 12px;
    padding: 20px;
    background-color: #fff;
    height: calc(100% - 58px);
}

.drillDownViewBody .cddContent-detail-view .configurationItemDetail {
    padding: 0;
}

/*css class of layout common*/
.box-shadow-radius {
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(107, 102, 140, 0.2);
    border-radius: 12px;
}

/*fix for Table has vertical scroll and cannot click first time*/
.tapeMainView  .alarmListViewBar {
    width: 100%;
    z-index: 99;
}

.hasLicenseBar .tapeMainView .tableWithTab.hasAlarmList {
    height: calc(100% - 9px);
}

.tapeMainView .tableActionHeader {
    border-radius: 12px 12px 0 0;
}

.rightView.hasLicenseBar .contentView.removeOutsideScroll {
    max-height: calc(100% - 164px);
}

/*calculate height for Tape, Node, Inventory, Repositỏy remove scroll outsite*/
.rightView .removeOutsideScroll {
    max-height: calc(100% - 80px);
}

.rightView .removeOutsideScroll.hasPageEdit,
.rightView.hasLicenseBar .removeOutsideScroll.hasPageEdit {
    max-height: none;
}

.job-editor-reIpStep .reipList {
    height: calc(100% - 52px);
}

.gradient-bg {
    background: linear-gradient(264.94deg, #867CFF 0%, #473E9F 42.11%, #080040 83.34%);
}

.error .mainView {
    background: linear-gradient(180deg, rgba(196, 196, 196, 0) 20%, #FA0800 130%);
}

.monitoringMenu {
    height: auto;
}
.tabMenu {
    flex-direction: column;
    height: auto;

}
.tabMenu .smplIconMain {
    height: 60px;
    position: relative;
}

.tabMenu .subTabMenu {
    display: flex;
    color: #6384A9;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
    height: 40px;
    width: 100%;
}

.tabMenu .slActive:hover {
    text-decoration: none;
    color: #fff;
}

.smplIconMain:has(.arrowIcon) .iconTextCls {
    white-space: nowrap;
}

.tabMenu .subMenuList {
    margin-top: 25px;
}

.tabMenu .lastTabMenu {
    height: 25px;
}
.tabMenu .active.subTabMenu {
    color: #fff;
    cursor: default;
}

.network-mapping-step > div:first-child .x-form-item,
.network-mapping-step .nmsHeader .fieldsetTitle,
.job-editor-reIpStep > div:first-child .x-form-item,
.job-editor-reIpStep .reipsHeader .fieldsetTitle {
    margin-bottom: 0;
}

.hideAnchor .ttAnchorFill,
.hideAnchor .ttAnchorBorder {
    display: none;
}