@media print{
    /* fix table view  */
    ex-items-layout-grid table { table-layout: auto !important }
    ex-items-layout-grid td, ex-items-layout-grid th { width: unset !important;padding: 8px!important }
    .ex-items-layout-left ex-right-click-actions { display: table-row !important;  }
    .ex-items-layout-grid-row { display: contents !important; }
    ex-items-layout-grid .inline-cell { display: table-cell !important; word-break: normal; !important}
    ex-items-layout-grid .inline-block, .hep-smart-link-ex-link-content { white-space: normal !important}
    .ex-chip-icon-left,.ex-grid-layout-resize-holder,.sr-only { display:none !important;} /* since is already hidden in print */

    /* hide bg in sliding panel */
    .ex-sidepane-mode-open app-container .mat-sidenav-content {display:none !important}
    .ex-sidepane-mode-open-ng app-container  {display:none !important}
    /* Scroll issue - reset height and overflow for certain elements */
    .ex-items-layout-left,.sel-ex-side-by-side-split-area-left,.ex-side-by-side-split, .ex-items-layout-side-by-side, .ex-items-layout-content-wrapper, .ex-items-layout-wrapper,
    .sel-list-layout,.alma-page-column-content,.alma-page-column-wrapper,.alma-sidenav-page-ng-main-content,.mat-drawer-content,mat-sidenav-container, .ex-sidepane-wrapper
    {height: unset!important;overflow: unset!important; }
    /* fix scroll: for ng pages opened from page ie: fulfillment */
    .modal-open { overflow: unset!important; }
    /* Empty pages issue - hide elements to prevent them from being printed  */
    .ex-sidenav-page-left-sidenav-collapsed ,.ex-sidenav-page-right-sidenav-collapsed  {display:none !important}
    .alma-sidenav-page-width-sensor,.mat-drawer-backdrop, .cdk-visually-hidden {display:none !important}

    /* -- All pages -- */
    /* hide collapsed facets */
    .ex-sidenav-page-left-sidenav-collapsed, .ex-sidenav-page-left-sidenav-collapsed-button { display:none !important;  width: 0 !important; visibility: hidden !important}
    /* hide right menu */
    .ex-sidenav-page-right-sidenav-collapsed, .ex-sidenav-page-right-sidenav.mat-drawer-opened  { display:none !important;  width: 0 !important; visibility: hidden !important}
    mat-sidenav-content { margin-inline-end: 0 !important }
    /* hide pinned menu, snackbars */
    pinned-menu, ex-snackbar-container {display:none;}
    /* hide facets */
    .ex-sidenav-page-left-sidenav.mat-drawer-opened { display: none !important; }
    mat-sidenav-content { margin-inline-start: 0 !important }

    /* -- Side by side: -- */
    /* hide header in all titles */
    .ng-sidebyside-or-fullpage-mode-open .ex-items-layout-header-wrapper { display: none !important; }
    .alma-page-column-wrapper:has(.ng-sidebyside-or-fullpage-mode-open) .alma-page-column-main-header { display: none !important; }
    .alma-page-column-wrapper:has(.ng-sidebyside-or-fullpage-mode-open) .ex-items-layout-content-wrapper{ border-top: none !important; }
    .ng-sidebyside-or-fullpage-mode-open  .alma-page-column-main-header { display: none !important; }
    /* ensure right side is always printed in full page */
    .ex-item-details-header-header-wrapper-sidenav-expanded { padding-inline-start: 0 !important; }
    .ex-side-by-side-right  { flex: 1 !important;}
    /* .ng-sidebyside-or-fullpage-mode-open  mat-sidenav-content { margin-inline-start: 0 !important; } fix or remove*/
    .ng-sidebyside-or-fullpage-mode-open .sel-ex-side-by-side-split-area-left:not(standalone-loader .sel-ex-side-by-side-split-area-left),.ng-sidebyside-or-fullpage-mode-open .as-split-gutter { display: none !important; }
    /* ex-record-action and arrows are hidden */
    .ex-item-details-header-main-wrapper { display: flex !important;}

    /* -- Sliding panel: -- */

    /* Scroll issue in ng sliding panel */
    .cdk-overlay-container { position: relative !important }
    /* Scroll issue in page sliding panel */
    alma-page-sidepane mat-sidenav  {height: unset!important;overflow: unset!important; position: relative !important; transform: none !important }
    alma-page-sidepane .mat-drawer-inner-container { height: unset!important;overflow: unset!important }

    /* hide background, fix width and height */
    #mcw:has(#ng_content) { top:0}
    #mcw { inset-inline-start: 0px !important;}
    .main-layout-alma-content-wrapper:has(.ex-sidepane-container-full) { top:0 !important}
    #pageForm:has(.ex-sidepane-container-full) { top:0 !important}
    .ex-sidepane-mode-open .form-field {align-self: center !important}
    #ng_content:has(.mat-drawer-container-has-open) .simpleSearchBox input {height:35px !important}
    #ng_content .ex-sidepane-container-full {width: 100% !important;top: 0;}
    mat-sidenav .facetsHover.facetsOpened .splitToolStart.splitStart15,.splitStart15 {padding-left: 0 !important;}
    /* Hide icon in all title and poline */
    .ex-sidepane-mode-open .jsSummarySectionButtonContainer, .ex-sidepane-mode-open .jsCloseableContainerOpener {display:none !important;}

    #almaHeader{display: none !important; }
    #breadcrumbs,.splitToolCol.col2, #mainMenuSlot, #almaNgFooter{display:none}

    a[href]:after{content:""}
    .printStyleRightBlock{display:none}
    .searchWrap{display:none}
    .fixedPos{position:static}
    .col.marTopBottom3 { margin-top: 3px; margin-bottom: 3px ;width:auto !important}
    .navbar.navbar-default.borderRadius0.flexChild1.flex .flexChild1.relativePos{display:none}
    #back-to-top{display:none}
    #results .upperActions{display:none}
    .tab.jsOtherDetails.closeOnClick.scrollInit{display:none}
    .Header .height100P.whiteBg.verticalMiddle{position:absolute;top:10px;left:10px;background-color:#eaeaea}
    .marginContainer{position:absolute;left:10px}
    .recordContent .navPaneTabsContainer .nav.nav-tabs{display:inline-block;position:relative}
    .recordContent .navPaneTabsContainer .nav.nav-tabs li{float:left}
    .recordContentRow div.col-md-5[style]{width:30%!important;float:left!important}
    .recordContentRow div.col-md-4[style]{width:30%!important;float:left!important}
    .recordContentRow .col.col-md-3.fieldColumn.fieldColumn2.resizableFieldColumn.widthCustomized.lineHeight110P.ui-resizable{float:right!important}
    .recordContentRow .newRecordListContainer>li:first-of-type{border-top:none!important}
    .recordContentRow .newRecordListContainer>li:not(:last-of-type){border-bottom:none!important}
    .rowActionsContainer .btn-group{display:none!important}
    .pagination, .liNavigationContainer, .navigaionSizeBarContainer, .customedMessageContainer{display:none}
    .footer{display:none}
    .upperActions,.listActionContainer{display:none}
    .tableFloatingHeaderOriginal #userListactionsColumn{display:none!important}
    .tableFloatingHeaderOriginal #userListNumbers{width:5%!important}
    #UserDetailsForm .col-xs-10{float:left!important;width:75%!important}
    #UserDetailsForm .col-xs-12{width:50%!important}
    #UserDetailsForm .col.col-md-12.col-xs-12.wide-field-2.marbottom7 .col.col-md-6.col-xs-12{width:100%!important;float:left!important}
    #UserDetails2 .form .col.col-md-12.col-xs-12{float:left!important;width:100%!important}
    .thumbnailContainer img{width:100%}
    .jsRecordContainer .media-left{float:left}
    .newRecordListContainer .thumbnailContainer{width:50px}
    .newTabsStyleB{margin-top:20px}
    #pageContent #pageForm, .widgetContainer { overflow-x: unset !important;top: 53px;position: absolute;width:100%;}
    .customizeColumns{visibility: hidden; display: none !important;}
    .mainContainer{font-size:12px;}
    .mainContainer .listAsForm table th, .mainContainer .listAsForm table td {overflow-wrap: unset;}
    .splitStart15.splitToolStart{min-height: auto !important;}
    .checkbox>input[type=checkbox]{opacity:1!important;}
    .checkbox>input[type=checkbox] + label:before {content:none;}
    .newRecordListContainer .recordContentRow, .newRecordListContainer .recordContentRow > .fieldColumn{min-height: unset; display: flex !important}
    .listAsForm.typeD table tr.jsRecordContainer{height:19px !important;}
    .listAsForm.typeD table tr.jsRecordContainer td{padding: 2px 6px !important;}
    .roundTopSection .form > .col{width: 50%!important;}
    .roundTopSection .form > .col .col {width: 50%!important;}
    .roundTopSection [id*=title] .form > .col{width: 100%!important;}
    .roundTopSection [id*=title] .form > .col .col {width: 100%!important;}
    .summarySection.jsSummarySection.closed:not(.greySection){max-height:none!important;height:auto;}
    .mat-drawer-shown ~ .mat-sidenav-content, .sidepane-close-button{display:none!important;}
    .mat-drawer-shown ~ .mat-sidenav{width:100%!important;}
    .main-layout-alma-content-wrapper {left :0!important; width:100%!important}

    @page {
        size: auto;
    }

}