/*release 2.1.2.16*/


/* ==========================================================================
   Font Kits
   ========================================================================== */


/* hebrew */

@font-face {
    font-family: "Heebo";
    font-style: normal;
    font-weight: 400;
    src: local("Heebo"), local("Heebo-Regular"), url("./fonts/Heebo-hebrew.woff2") format("woff2");
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}


/* latin */

@font-face {
    font-family: "Heebo";
    font-style: normal;
    font-weight: 400;
    src: local("Heebo"), local("Heebo-Regular"), url("./fonts/Heebo-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

body {
    /*/
      /font-family: 'Roboto Condensed', Arial !important;
      */
    /*font-family: 'Archivo Narrow', Arial !important;*/
    /*font-family: "Segoe UI", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif !important;*/
    font-family: "Heebo", sans-serif;
    font-size: 14px;
    margin: 0;
}

.dx-datagrid-column-chooser,
.dx-datagrid-column-chooser input,
.dx-datagrid-column-chooser textarea,
.dx-field,
.dx-field input,
.dx-field textarea,
.dx-menu-base,
.dx-menu-base input,
.dx-menu-base textarea,
.dx-overlay-wrapper,
.dx-overlay-wrapper input,
.dx-overlay-wrapper textarea,
.dx-theme-generic-typography,
.dx-theme-generic-typography input,
.dx-theme-generic-typography textarea,
.dx-widget,
.dx-widget input,
.dx-widget textarea {
    font-family: "Heebo", sans-serif !important;
}


/*[dir="ltr"] body {
      font-family: 'Roboto Condensed', Arial;
      font-size: 14px;
  }
  
  [dir="rtl"] body {
      font-family: 'Assistant', Arial;
      font-size: 16px;
  }*/

.margin-top-to-fixed-header {
    /* margin-top: 5em; */
    margin-top: 4.6em;
    min-height: 75vh;
}

.margin-top-to-undo-fixed-header {
    margin-top: -2em;
}

.router-view {
    min-height: 20em;
}

.breadcrumb>li+li:before {
    content: ">";
}

.separator {
    content: "";
    display: inline-block;
    margin: 0 4px;
    height: 0.8em;
    width: 2.1px;
    vertical-align: baseline;
}

dx-widget {
    border-radius: 0 !important;
}

.searchbox-and-icon .dx-texteditor {
    border: none;
}

.top-fixed {
    /* height: 2.5em !important; */
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.dx-texteditor.dx-state-active,
.dx-texteditor.dx-state-focused,
.dx-texteditor.dx-state-hover {
    /*border-color: #303c42;*/
}

.dx-context-menu-content-delimiter {
    background-color: transparent !important;
}

.inner-body {
    padding-left: 10em !important;
    padding-right: 10em !important;
}

.inner-body-absolute {
    position: absolute;
    left: 10em;
    right: 10em;
}

.hand {
    cursor: pointer;
}

.default-cursor {
    cursor: default;
}

.link {
    color: #337ab7;
    cursor: pointer;
}

.errors {
    color: red;
}

.light-bg {
    background-color: white;
}

.inlineElement {
    display: inline-flex;
}

.line-space {
    padding-top: 2em;
}

.line-space-small {
    margin-top: 0.5em;
}

.line-space-small-bottom {
    margin-bottom: 0.5em;
}

.vertical-align {
    vertical-align: top;
}

.text-align-center {
    text-align: center;
}

.text-transform-uppercase {
    text-transform: uppercase;
}

[dir="rtl"] .no-padding-right {
    padding-right: 0 !important;
}

[dir="ltr"] .no-padding-right {
    padding-left: 0 !important;
}

[dir="rtl"] .no-padding-left {
    padding-left: 0 !important;
}

[dir="ltr"] .no-padding-left {
    padding-right: 0 !important;
}

.flex {
    display: flex;
}

.contents {
    display: contents;
}


/************************************************* Dialoge ************************************************************/

.ux-dialog-open,
ux-dialog-container {
    overflow: inherit !important;
}

ux-dialog-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

ux-dialog-header {
    font-size: large;
    font-weight: 600;
    color: rgb(255, 255, 255);
}

ux-dialog-body {
    min-height: 29em;
}

ux-dialog>ux-dialog-footer {
    min-height: 4em;
    margin-top: 1em;
}

ux-dialog-container.active {
    opacity: 1;
    pointer-events: none;
}
  
ux-dialog {
    pointer-events:auto;
}
  
ux-dialog-container.active > * {          
    pointer-events: none;
}
  

/*********************************************************************************************************************/

.menu-wrapper a#home-icon-link {
    text-decoration: none;
    font-size: 1.5em;
}

.changed {
    font-weight: 600;
    font-style: italic;
}

.editArea {
    padding: 0.5em;
    font-size: 1.1em;
    margin-bottom: 0.5em;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    display: inline-block;
    vertical-align: top;
}

.app-btn-all {
    border-radius: 0 !important;
    width: 8em !important;
    border: 0;
    height: 37px;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: normal;
    /*line-height: 1.42857143;*/
    text-align: center !important;
    cursor: pointer;
    line-height: 1.437831 !important;
    display: inline-block;
}

.app-btn-rounded {
    border-radius: 20px !important;
    min-width: 9em !important;
    border: 0;
    font-size: 16px;
    padding: 2px 15px;
    font-weight: normal;
    text-align: center !important;
    cursor: pointer;
    line-height: 1.437831 !important;
    display: inline-block;
}

.app-btn-long-text {
    border-radius: 0 !important;
    min-width: 8em !important;
    border: 0;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: normal;
    /*line-height: 1.42857143;*/
    text-align: center !important;
    cursor: pointer;
    height: 37px;
    line-height: 1.437831 !important;
    display: inline-block;
}

.display-inline {
    display: inline-block;
}

.display-inherit {
    display: inherit;
}

.active-one-fcolor {
    color: white !important;
}


/*.active-one-bg {
       background: #C2185B !important;
   }
   
  
   
   .active-two-bg {
       background-color: @selectedColor2 !important;
   }
   
   .active-two-fcolor {
       color: @selectedFontColor2 !important;
   }*/

.no-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.simatric-margin {
    margin: 0 0.5em 0 0.5em;
}

.page-host {
    position: absolute;
    left: 0;
    right: 0;
    top: 4em;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.left {
    float: left;
}

.right {
    float: right;
}

.word-seperator {
    color: #e5e5e5;
}

.app-btn {
    border-radius: 4px !important;
    min-width: 8em !important;
    border: 0;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: normal;
    text-align: center !important;
    cursor: pointer;
    line-height: 1.437831 !important;
    display: inline-block;
}

.bottom-space {
    margin-bottom: 1em;
}

.bold {
    font-weight: bold;
}

@media print {
    .page-host {
        position: absolute;
        left: 10px;
        right: 0;
        top: 50px;
        bottom: 0;
        overflow-y: inherit;
        overflow-x: inherit;
    }
}

.section {
    padding-top: 2em;
    margin: 0 20px;
}

.navbar-nav {
    color: white !important;
}

.navbar-default {
    background-color: #294e80 !important;
    border: 0;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
}

.navbar-default .nav-bar>li>a {
    color: white !important;
}

.navbar-nav li.loader {
    margin: 12px 24px 0 6px;
}

.side-nav-header {
    color: #294e80;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 30px;
}

.dialog {
    min-width: 50em;
    min-height: 25em;
}

.dialog_export_excel{
  min-width: 40em;  
}

.dialog_export_excel ux-dialog-body{
  min-height: 15em
}

/* animate page transitions */

section.au-enter-active {
    -webkit-animation: fadeInRight 0.5s;
    animation: fadeInRight 0.5s;
}

div.au-stagger {
    /* 50ms will be applied between each successive enter operation */
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms;
}


/* animation definitions */

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.delimiter-line {
    border-top: 1px solid;
}

.banner-wrapper {
    height: 22.5em;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.top-part {
    position: absolute;
    top: 0;
    height: 315px;
    font-size: 18px;
    text-align: center;
    width: 100%;
}


/*.content-part {
       position: absolute;
       top: 4em;
       height: 12em;
       width: 30%;
       font-weight: 400;
       padding: 1em;
   }
  
   .bottom-part {
       position: absolute;
       bottom: 0;
       left: 0;
       height: 3em;
       width: 100%;
       font-weight: 400;
       padding: 1em;
   }*/

.max-size-picture {
    max-width: 87% !important;
    max-height: 87% !important;
}

.result-box-text {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    height: 23em;
    margin: 2% 1%;
    width: 31% !important;
}

.font-text {
    font-size: 17px;
}

.header-font {
    font-size: 25px;
}

.text-cat-our-story {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
}


/*-------------------Item Details----------------------------*/

.itemDetails_Seperator {
    line-height: 1.8em;
    color: #bcb8ad;
    margin-left: 0.2em;
    margin-right: 0.2em;
}

.itemDetails_levels {
    padding: 0 0.5em;
    background-color: transparent;
    margin-bottom: 0;
    line-height: 1.8em;
    font-size: small;
    font-weight: 600;
    border-radius: 0;
}

.itemDetails_levels_item {
    cursor: pointer;
    color: #918e8a;
    text-transform: capitalize;
}

.itemDetails_levels_item:hover {
    color: #918e8a;
}

.itemDetails_levels.list-a {
    color: #9d978e;
}

.item-details {
    height: 40em;
    padding: 0.5em;
    background-color: #efebe9;
}

.item-details-files-wrapper {
    background-color: #efebe9;
    /*E0E0E0;*/
    padding: 1em;
    height: 40em;
}

.item-details-files-overflow .picture {
    height: 9em;
    padding: 0.5em;
    background-color: #595959;
    /*#595959;*/
    margin-bottom: 1em;
}

.item-details-files-overflow .picture .thumb {
    max-height: 8em;
    max-width: 6em;
}

.item-details-files-overflow {
    max-height: 37em;
    overflow: auto;
    overflow-x: hidden;
}

.item-details-overflow-description {
    overflow: auto;
    text-overflow: ellipsis;
    overflow-x: hidden;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.item-details-description-height-without-code {
    max-height: 15em;
}

.item-details-description-height-with-code {
    max-height: 10em;
}

.item-details-upper .item-details-item-overview {
    font-size: small;
}

.item-details-upper .item-overview-wrapper {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.item-details-upper .item-details-item-overview .item-overview-title {
    font-size: 1.3em;
    margin-left: 0.3em;
    margin-right: 0.3em;
    margin-top: 0.3em;
}

.item-details-upper .item-details-item-overview .item-overview-sub-titles {
    margin-left: 0.3em;
    margin-right: 0.3em;
}

.selected-file-full-size {
    max-width: 35em;
    max-height: 40em;
}

.item-overflow-space {
    margin-top: 1.5em;
}

.item-details-item-overview-height {
    height: 43em;
}

.item-details-item-overview-height-after-login {
    height: 39em;
    transition: 0.5s all;
}

.item-details-overflow-metadata {
    overflow: hidden;
    word-wrap: break-word;
}

.item-details-item-buttons {
    margin-top: 0.8em;
}

.object-max-width {
    height: 100%;
    width: 100%;
}

.border-color {
    border-color: #c2185b;
    height: 8em !important;
}

.picture-size {
    width: 100%;
    height: 7em;
}

.mediaInnerToolbar {
    padding-left: 0.4em;
    padding-right: 0.4em;
    padding-top: 0.4em;
}

.openFileContainer, .openFileInNewTab {
    line-height: 2;
    cursor: pointer;
    font-size: x-large;
    margin: 0.2em;
    height: 50px;
}

[dir="rtl"] .openFileContainer,[dir="rtl"] .openFileInNewTab {
    margin: 0.2em;
}

[dir="ltr"] .openFileContainer,[dir="ltr"] .openFileInNewTab {
    margin: 0.3em;
}

.openFileContainer::before {
    font-family: "FontAwesome";
    content: "\f08e";
}

.openFileContainer:hover {
    font-family: "FontAwesome";
    content: "\f08e";
    color: #6377af;
    font-weight: bold;
}

.openFileInNewTab::before {
  font-family: "FontAwesome";
  content: "\f14d";
}

.openFileInNewTab:hover {
  font-family: "FontAwesome";
  content: "\f14d";
  color: #6377af;
  font-weight: bold;
}

.openImageViewerContainer {
    line-height: 2;
    cursor: pointer;
    font-size: x-large;
    margin: 0.3em;
}

.openImageViewerContainer::before {
    font-family: "FontAwesome";
    content: "\f1c5";
}

.openImageViewerContainer:hover {
    font-family: "FontAwesome";
    content: "\f1c5";
    color: #6377af;
    font-weight: bold;
}

.downloadFileContainer {
    line-height: 2;
    cursor: pointer;
    font-size: x-large;
    margin: 0.3em;
}

.downloadFileContainer::before {
    font-family: "FontAwesome";
    content: "\f019";
}

.downloadFileContainer:hover {
    font-family: "FontAwesome";
    content: "\f019";
    color: #6377af;
    font-weight: bold;
}

.deleteFileContainer {
    line-height: 2;
    cursor: pointer;
    font-size: x-large;
    margin: 0.3em;
}

.deleteFileContainer::before {
    font-family: "FontAwesome";
    content: "\f014";
}

.deleteFileContainer:hover {
    font-family: "FontAwesome";
    content: "\f014";
    color: #6377af;
    font-weight: bold;
}

.iconContainer {
    cursor: pointer;
    font-size: x-large;
    margin: 0.3em;
}

.iconContainer:hover {
    font-family: "FontAwesome";
    content: "\f019";
    color: #6377af;
    font-weight: bold;
}

.transcriptContainer {
    line-height: 2;
    cursor: pointer;
    font-size: x-large;
    margin: 0.3em;
}

.transcriptContainer::before {
    font-family: "FontAwesome";
    content: "\f035";
}

.transcriptContainer:hover {
    font-family: "FontAwesome";
    content: "\f035";
    color: #6377af;
    font-weight: bold;
}

.changeHierarchyContainerItem:hover,
.addNewItemBtnContainerItem:hover,
.copyBtnContainerItem:hover,
.deleteItemBtnContainerItem:hover,
.editBtnContainerItem:hover,
.openInNewWindowBtnContainerItem:hover,
.showFullBtnContainerItem:hover {
    font-family: "FontAwesome";
    content: "\f08e";
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.changeHierarchyContainerItem,
.copyBtnContainerItem,
.deleteItemBtnContainerItem,
.editBtnContainerItem,
.openInNewWindowBtnContainerItem,
.showFullBtnContainerItem {
    line-height: 2;
    color: #fff;
    cursor: pointer;
    margin-right: 0.3em;
    margin-left: 0.3em;
}

.openInNewWindowBtnContainerItem::before {
    font-family: "FontAwesome";
    content: "\f14c";
}

.showFullBtnContainerItem::before {
    font-family: "FontAwesome";
    content: "\f065";
}

.deleteItemBtnContainerItem::before {
    font-family: "FontAwesome";
    content: "\f014";
}

.addNewItemBtnContainerItem::before {
    font-family: "FontAwesome";
    content: "\f067";
}

.copyBtnContainerItem::before {
    font-family: "FontAwesome";
    content: "\f0c5";
}

.editBtnContainerItem::before {
    font-family: "FontAwesome";
    content: "\f040";
}

.itemDetails_Image {
    max-height: 28em;
    /* width: 90%; */
    position: relative;
    max-width: 90% !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6);
}

.itemDetails_pdf {
    height: 39em;
}


/*-------------------HList----------------------------*/

.entity-list-wrapper .view {
    width: 10%;
}

.text-description {
    font-family: arial;
    font-size: medium;
    color: rgb(0, 0, 0);
}

.img-entity-list {
    max-width: 9em !important;
}


/*-------------------Land Page----------------------------*/

.lnd-page-info-wrapper {
    margin-top: 2.4em;
    /* min-height: 25em;
      max-height: 30em; */
}

.lnd-page-info-wrapper .banner-wrapper {
    height: 30em;
    width: 100%;
    padding: 2em;
    background-color: #e0e0e0;
}

.lnd-page-info-wrapper .banner-wrapper img {
    max-width: 87% !important;
    max-height: 87% !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6);
}

.lnd-page-info-wrapper .description-and-hierarchy {
    min-height: 18em;
    max-height: 18em;
    padding-top: 1em;
    overflow-y: auto;
    overflow-x: hidden;
    word-break: break-word;
}


/*.lnd-page-levels-and-edit-section {
       position:absolute;
       top: 0.5em;
       padding-left: 0.625em;
       padding-right: 0.625em;
       width: 97%;
   }*/

.lnd-page-levels {
    padding: 0;
    background-color: transparent;
    margin-bottom: 0;
    line-height: 1.8em;
    font-size: small;
    font-weight: 600;
    border-radius: 0;
}

.lnd-page-description-edit-icon {
    font-size: 1.375em;
}

.lnd-page-meta-data-margin-top {
    margin-top: 2.35em;
}

.delimiter-text {
    font-size: 30px;
    background-color: #f2f2f2;
    padding: 0 2em;
}

.lp-delimiter-line {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid;
    line-height: 10%;
    /*margin-top: 2.5em;*/
}

.btn-space {
    margin-left: 0.3em;
    margin-right: 0.3em;
}

.all-icon-button {
    border-radius: 0 !important;
    width: 3em !important;
    border: 0;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: normal;
    text-align: center !important;
    cursor: pointer;
    line-height: 1.437831 !important;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
}

.lnd-page-margin-top-buttons {
    margin-top: 1.35em;
}

.lnd-page-max-height-buttons {
    max-height: 37px;
}

.lnd-page-remove-btn,
.lnd-page-save-btn {
    font-size: 16px;
    padding: 8px;
    height: 37px;
}

.lnd-page-remove-btn:hover,
.lnd-page-save-btn:hover {
    border: 1px solid;
}


/*-------------------Adv Search-----------------------------*/

.adv-search-wrapper {
    width: 100%;
    margin-top: -1.5em;
}

.advanced-search-height-big {
    height: 21em !important;
}

.line-space-top {
    margin-top: 1.7em;
}

.adv-sr-sub-title {
    margin-top: 1em;
}

.line-space-bottom {
    margin-bottom: 2em;
}

.dis {
    color: orange;
}

.link-space {
    margin-right: 1em;
}

.table-td-width-small {
    width: 15%;
}

.table-td-width-big {
    width: 60%;
}


/*From Class   */

.table-td-width-medium {
    width: 25%;
}

.saved-query-td-actions-width {
    min-width: 6em;
}

.table-line-height {
    line-height: 2.5em;
}

.height-advanced {
    height: 22em !important;
}

.max-width {
    max-width: 100% !important;
}


/*---------------------Selection-List------------------------------*/

.slcd-items-wrapper {
    width: 100%;
}

.slcd-items-wrapper .selected-list {
    width: 60%;
}

.slcd-items-wrapper .action-selected-list {
    width: 39.1% !important;
    height: inherit !important;
    min-height: 22.5em !important;
}

@media only screen and (min-width: 320px) and (max-width: 1500px) {
    .slcd-items-wrapper .action-selected-list {
        width: 39.85% !important;
        height: inherit !important;
        min-height: 22.5em !important;
    }
}

.slcd-items-wrapper .select-action {
    min-height: 3em;
    padding: 0.5em;
    margin-bottom: 1em;
    margin-top: -0.1em;
}

.action-selected-list .line-color-non-active {
    margin-top: 1.5em !important;
}

.max-width {
    width: 100% !important;
}


/*---------------------Selection-Manage List------------------------------*/


/*---------------------Customize List------------------------------*/

.non-active-color {
    color: black;
}

.fa-list-space {
    margin-right: 0.2em;
}


/*---------------------Search Result------------------------------*/

.inline .dx-selectbox {
    max-width: 10em;
    background-color: transparent;
    border: 0;
    color: white;
}

.inline .dx-selectbox-container {
    height: 28px;
    width: 10em;
    background-color: transparent;
}

.inline .dx-selectbox .dx-texteditor-input {
    border: 0;
    background-color: transparent;
    color: white !important;
}

.inline .dx-selectbox .dx-placeholder {
    border: 0;
    background-color: transparent;
    color: white !important;
}

.inline .dx-checkbox {
    min-width: 10em;
    vertical-align: middle;
    color: white;
}

.inline .dx-checkbox-icon {
    height: 14px;
    width: 14px;
}

.font-small {
    font-size: small;
}

.option-summary {
    padding-left: 9px;
    padding-right: 9px;
}

.facet-header {
    padding: 0.3em;
}

.fa-list-space {
    margin-right: 0.2em;
}

.result-box .result-box-bottom .title {
    font-size: 16px;
    font-weight: 600;
    max-height: 4.2em;
    padding: 0.2em;
}

.title-style {
    width: 100%;
    max-height: 4.6em !important;
    height: 4.6em !important;
    font-size: 14px !important;
    padding: 0.2em;
    font-weight: 600;
    background-color: #e0e0e0;
    line-height: 2;
    overflow: hidden;
    /*display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;*/
}

.result-box .result-box-bottom {
    /*height: 19.8em !important;*/
    height: 20em !important;
}

.show-grid-width {
    width: 101%;
}

.filter-space {
    margin-top: 0.3em;
    margin-right: 0.3em;
    line-height: 2em !important;
}

.sr-left {
    width: 28%;
}

.sr-right {
    width: 71.4%;
}

.sr-item {
    width: 33.3%;
}

.sr-head-width {
    width: 99.65% !important;
}

.bg-height-group {
    padding: 2% !important;
    border: 1px solid;
    max-height: 150px;
    overflow-y: auto;
}

.inner-top {
    padding-top: 1%;
    padding-bottom: 1%;
}

.item-top-max {
    min-height: 2em !important;
    max-height: 20em !important;
}

.filter-content {
    line-height: 2.3em;
    display: inline-block;
}

.inner-icon-space {
    padding: 0.3em;
}

.link-more-size {
    font-size: 14px !important;
}

.grp-item-overflow {
    overflow: hidden;
    white-space: nowrap;
    width: 18em !important;
    text-overflow: ellipsis;
}

.sr-right .list-view {
    width: 100%;
}

.filter-content-dir {
    cursor: pointer;
    margin-bottom: 0.25em;
}

.sr-right .filters {
    padding-top: 0.01%;
}

.grp-item-overflow-facet {
    overflow: hidden;
    white-space: nowrap;
    width: 70% !important;
    max-width: 70% !important;
    min-width: 16% !important;
    text-overflow: ellipsis;
}


/*--------------------- Search header ------------------------------*/

.jump-to {
    font-size: 1.1em;
    line-height: 2.5em;
}

.totals {
    padding: 0.5em;
}

.search-header-clear {
    width: 2.6em;
    height: 2.6em;
    margin-right: 1em;
    height: 2.53574em;
}

.search-header-clear .reset-icon {
    padding: 0.9em;
}

.jump-to .letter-seperator {
    padding: 0 0.2em;
}


/*--------------------- header ------------------------------*/

.header-wrapper {
    min-height: 9em;
}

.menu-wrapper {
    height: 2.5em;
    line-height: 1.6;
}

.heading-wrapper {
    max-height: 11em;
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 2em;
    background-color: whitesmoke;
}

.heading-wrapper .clip-wrapper {
    width: 30%;
    position: absolute;
}

.heading-wrapper .clip-wrapper .clip-selection {
    display: table;
    /*margin: 0 auto;*/
    text-align: center;
}

.heading-wrapper .search-wrapper {
    width: 35%;
}

@media only screen and (min-width: 320px) and (max-width: 1365px) {
    .heading-wrapper .search-wrapper {
        width: 45%;
    }
}

.heading-wrapper .search-wrapper .form-wrapper {
    width: 100%;
}

.search-header-clear .reset-icon {
    padding: 0.7em;
}

.search-icon-height {
    height: 2.53574em;
}

.searchbox-and-icon {
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 1px;
}

.searchbox-and-icon-search-header {
    width: inherit;
}

.sr-head-wrapper {
    height: 1.8em;
    width: 100%;
    /*background-color: #C2185B;
         color: white;*/
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.8em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-icon-space {
    margin: 0.3em;
}

.app-subTitle {
    font-size: large;
    font-weight: bold;
}

.no-padding {
    padding: 0 !important;
}


/*--------------------- uCSearchItem ------------------------------*/

.result-box {
    /*box-shadow: 0 0 0 rgba(F, F, F, 0);*/
    background-color: #fff;
    border: 1px solid #dcdcdc;
    height: 26em;
    width: 97%;
    margin: 0 0 10px;
}

.result-box .entity {
    position: relative;
    overflow: hidden;
    height: 26em;
}

.result-box .entity .picture-full-size {
    position: absolute;
    background-position: center 0;
    top: 1.7em;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.result-box .entity .picture-small-size {
    padding: 5%;
    height: 19.7em;
    position: absolute;
    top: 1.8em;
    right: 0;
    left: 0;
}

.result-box .entity .result-box-upper {
    position: absolute;
    top: 0;
    font-size: 16px;
    width: 100%;
    padding: 0 0.2em;
}

.result-box .entity .result-box-upper .selection {
    display: none;
}

.result-box .entity .result-box-upper:hover .selection {
    display: flex;
}

.result-box .entity .result-box-upper .span {
    white-space: nowrap;
    overflow: hidden;
    display: inline-flex;
    width: 50px;
}

.result-box .entity .result-box-upper .clipboard {
    position: absolute;
    left: 0;
    cursor: pointer;
    color: white;
}

.result-box .result-box-bottom .title {
    font-size: 16px;
    font-weight: 600;
    max-height: 2.2em;
    padding: 0.2em;
}

.result-box .result-box-bottom .other {
    padding: 0.2em;
    background-color: transparent;
    height: 15.8em;
}

.result-box .result-box-bottom .other p {
    margin: 0;
}

.result-box .result-box-bottom {
    position: absolute;
    bottom: -15.5em;
    height: 18em;
    width: 100%;
    background-color: rgba(200, 200, 200, 0.9);
    overflow: hidden;
    -webkit-transition: bottom 0.3s ease-in-out;
    -moz-transition: bottom 0.3s ease-in-out;
    transition: bottom 0.3s ease-in-out;
}

.result-box .result-box-bottom:hover {
    bottom: 0 !important;
}


/*--------------------- entity list ------------------------------*/

.entity-list-wrapper {
    width: 100%;
    display: inline-flex;
    padding: 0.5em;
    height: 11em;
}

.title {
    font-size: 16px;
    font-weight: 600;
    line-height: 2;
    height: 2.2em;
    padding: 0.2em 0.2em 0.2em 0.5em;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.entity-list-wrapper .picture {
    width: 10%;
    min-width: 10em;
}

.entity-list-wrapper .picture img {
    max-height: 8em;
    max-width: 10em;
}

.entity-list-wrapper .text {
    width: 80%;
    overflow: hidden;
    word-break: break-word;
}

.extra-btn {
    max-height: 2.2em;
    margin: 0.5em;
}

.entity-list-wrapper .picture {
    margin: 0 1em;
}

.title .title-content {
    max-width: 95%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-shadow: 0;
}

.entity-list-wrapper .description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.entity-list-wrapper .description-3lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/*--------------------- Footer ------------------------------*/

.footer-text-center {
    text-align: center;
}

.footer-text {
    text-align: right;
}

.footer-captions {
    font-weight: 700;
}

.footer-list {
    list-style: none;
}

.footer-font-size {
    font-size: 1.2em;
}

.rights-footer {
    line-height: 3em;
}

.text-area-box {
    height: 8em;
}

.footer-padding {
    padding-top: 1em;
    padding-bottom: 1em;
}

.footer-btn-send {
    border-radius: 0;
    margin-top: -2em;
    background-color: black;
    border: 0;
    color: white;
}

.footer-top-two {
    margin-top: 20em;
}

.btn-footer-max-width {
    max-width: 100%;
}

.bootstrap-padding {
    padding-right: 15px;
    padding-left: 15px;
}

.btn-clear-space {
    margin-right: 1em;
    margin-left: 1em;
}

.changed {
    /*background-color: #AFBDD4;*/
    /*border: 1px solid green;*/
    font-weight: 600;
    font-style: italic;
    color: green;
}

.space-icon {
    margin-left: 0.4em;
    margin-right: 0.4em;
}


/* .result-box .entity .picture {
       position: absolute;
       background-position: center 0;
       top: 1.7em;
       right: 0;
       bottom: 0;
       left: 0;
   } */


/* .result-box .entity .picture img {
       width: 100%;
       height: 100%;
       width: 80%;
   } */

.custom-list-limit-desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.custom-list-desc {
    background-color: white;
    padding: 0.5em;
    font-style: italic;
}

#t_search_bar {
    display: none;
    width: auto !important;
}

#t_search_bar .searchbox-and-icon {
    width: auto !important;
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
    .inner-body {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .headerFixed_padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .filterShow {
        width: 69.9% !important;
    }
    .pt65:nth-child(2) {
        padding-top: 45px !important;
    }
}


/* Small devices (tablets, 768px and up) */

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .banner-header {
        font-size: 1.5em !important;
        padding-top: 1.5em !important;
    }
    .top-part {
        font-size: 16px;
    }
    #search_header.search-input-group {
        width: 75% !important;
        right: 10% !important;
        left: 10% !important;
    }
    #d_search_bar {
        display: none;
    }
    #t_search_bar {
        display: block;
    }
    #t_search_bar .advanced-search-space {
        top: -23px;
        position: relative;
        text-align: center;
        width: 70px;
    }
    .heading-wrapper {
        /*display: inline-table;*/
    }
    .heading-wrapper .clip-wrapper {
        position: absolute;
        top: 1.5em;
        /* left: 10em;
            right: 10em; */
    }
    [dir="ltr"] .heading-wrapper .clip-wrapper {
        left: 70% !important;
    }
    [dir="rtl"] .heading-wrapper .clip-wrapper {
        right: 70% !important;
    }
    #btnSendAndClear {
        width: 9.4em !important;
    }
    .truncate {
        width: 80%;
    }
    .jump-to-height {
        margin-top: 1.7em !important;
    }
    .restrict-logo-image {
        min-width: 246px !important;
        max-width: 246px !important;
    }
    .search-header.search-header-bg>.right.inlineElement {
        float: left;
    }
    .margin-top-to-fixed-header {
        margin-top: 9em;
    }
    .result-box,
    .result-box .entity {
        height: 18em;
    }
    .lnd-page-info-wrapper .description-and-hierarchy {
        min-height: 15em;
    }
    .lnd-page-info-wrapper {
        min-height: 48em;
        max-height: 48em;
    }
    .lnd-page-meta-data-margin-top {
        margin-top: 2.35em;
    }
    .lnd-page-info-wrapper.row.no-margin .btn-space-opposite {
        margin-left: 0;
    }
    .lnd-page-info-wrapper.row.no-margin .btn-space {
        margin-left: 0.5em;
        margin-right: 0.5em;
    }
    .app-btn-long-text,
    .lnd-page-info-wrapper.row.no-margin .app-btn-all {
        width: 5.4em !important;
        min-width: 5.4em !important;
        font-size: 13px !important;
        line-height: 2 !important;
    }
    .lnd-page-info-wrapper.row.no-margin .fa-stack-2x {
        font-size: 1.5em !important;
    }
    .lnd-page-info-wrapper.row.no-margin .fa-stack-1x {
        font-size: 0.8em !important;
    }
    .lnd-page-info-wrapper.row.no-margin .fa-stack {
        height: 1.5em !important;
        width: 1.5em !important;
        line-height: 1.5em !important;
    }
    .adv-search-wrapper .col-md-4.col-sm-12.col-xs-12.side-padding.line-space-bottom {
        padding-left: 0;
    }
    .filterLine-space-responsive {
        margin-bottom: 1em;
    }
    .special-width-for-tablet {
        width: 6em !important;
    }
    .Layout2-box {
        height: 14em !important;
    }
    .result-box-ucLayoutItem1,
    .result-box-ucLayoutItem4 {
        height: 18em !important;
    }
    .picture-ucLayoutItem1,
    .picture-ucLayoutItem4 {
        height: 11.801em !important;
    }
    .hp-item-responsive-tablet {
        width: 50% !important;
    }
    .search_result_img {
        width: 150px;
        height: 150px;
    }
}


/* Extra small devices (phones, less than 768px) */

@media only screen and (max-width: 767px) {
    .header-wrapper {
        min-height: 12em;
    }
    .heading-wrapper {
        /*display: inline-table;*/
        max-height: 12em;
    }
    #d_search_bar {
        display: none;
    }
    .heading-wrapper .line-space {
        padding-top: 5em;
    }
    .search-wrapper {
        position: absolute;
        top: 5em;
        width: 100% !important;
        left: 0.625em;
        right: 0.625em;
    }
    .heading-wrapper .clip-wrapper {
        position: absolute;
        top: 8em;
        left: 0.625em;
        right: 0.625em;
        width: 100%;
    }
    .inner-body {
        padding-right: 0.625em !important;
        padding-left: 0.625em !important;
    }
    .truncate {
        width: 68% !important;
    }
    .restrict-logo-image {
        min-width: 289px !important;
        max-width: 320px !important;
    }
    .search-header.search-header-bg>.right.inlineElement {
        float: left;
    }
    .margin-top-to-fixed-header {
        margin-top: 2.4em;
    }
    .result-box,
    .result-box .entity {
        height: 14em;
    }
    .entity-list-wrapper .picture {
        margin: 0 0.5em;
        min-width: 7em;
    }
    .jump-to-height {
        margin-top: 1.8em !important;
    }
    .filterLine-space-responsive,
    .fliterLine-space-responsive-mobile {
        margin-bottom: 1em;
    }
    .adv-search-wrapper .col-md-4.col-sm-12.col-xs-12.side-padding.line-space-bottom {
        padding-left: 0;
    }
    entity-list-item .app-btn-all {
        width: 11em !important;
    }
    .lnd-page-info-wrapper .description-and-hierarchy {
        min-height: 15em;
    }
    .lnd-page-info-wrapper {
        min-height: 48em;
        max-height: 48em;
    }
    .lnd-page-meta-data-margin-top {
        margin-top: 2.35em;
    }
    .lnd-page-info-wrapper.row.no-margin .btn-space-opposite {
        margin-left: 0;
    }
    .lnd-page-info-wrapper.row.no-margin .btn-space {
        margin-left: 0.5em;
        margin-right: 0.5em;
    }
    .app-btn-long-text,
    .lnd-page-info-wrapper.row.no-margin .app-btn-all {
        width: 5.4em !important;
        min-width: 5.4em !important;
        font-size: 13px !important;
        line-height: 2 !important;
    }
    .lnd-page-info-wrapper.row.no-margin .fa-stack-2x {
        font-size: 1.5em !important;
    }
    .lnd-page-info-wrapper.row.no-margin .fa-stack-1x {
        font-size: 0.8em !important;
    }
    .lnd-page-info-wrapper.row.no-margin .fa-stack {
        height: 1.5em !important;
        width: 1.5em !important;
        line-height: 1.5em !important;
    }
    .hide-icons-responsive {
        display: none;
    }
    .delimiter-text {
        padding: 0 0.5em;
    }
    .search_result_img {
        width: 150px;
        height: 150px;
    }
}


/***********************************************/


/* animation styles                            */


/***********************************************/

#header-page-addNewBtn-animation {
    animation-duration: 1s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 5;
}

#lnd-page-meta-data-animation {
    animation-duration: 1s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
}

#tabPages>#description,
#tabPages>#items,
#tabPages>#metedata {
    animation-duration: 1s;
    animation-delay: 1s;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
}

.mdContent>#update-recored-description-animation,
.mdContent>#update-recored-meta-data-animation,
.mdContent>#update-recored-transcript-animation {
    animation-duration: 1s;
    animation-delay: 2s;
    animation-iteration-count: 1;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
}

#item-media-content-transcript-animation {
    animation-duration: 1s;
    animation-delay: 1s;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
}

.dx-loadindicator-icon {
    position: static !important;
}


/***********************************************/


/* rtl and ltr                                 */


/***********************************************/

[dir="ltr"] .btn-space-opposite {
    margin-left: 0.3em;
}

[dir="rtl"] .btn-space-opposite {
    margin-right: 0.3em;
}

[dir="rtl"] .dx-field-label {
    float: right;
}

[dir="ltr"] .side-padding {
    padding-right: 0;
}

[dir="rtl"] .side-padding {
    padding-left: 0;
}

[dir="ltr"] .selected-list {
    padding-right: 1em;
}

[dir="rtl"] .selected-list {
    padding-left: 1em;
}

[dir="ltr"] .action-selected-title {
    margin-left: 0.5em;
}

[dir="rtl"] .action-selected-title {
    margin-right: 0.5em;
}

[dir="ltr"] .zero-side-padding {
    padding-left: 0;
}

[dir="rtl"] .zero-side-paddding {
    padding-right: 0;
}

[dir="rtl"] .filter-content-dir {
    margin-right: 0;
    margin-left: 0.3em;
}

[dir="ltr"] .filter-content-dir {
    margin-right: 0.3em;
    margin-left: 0;
}

[dir="ltr"] .search-header-clear {
    margin: 0;
}

[dir="rtl"] .search-header-clear {
    margin: 0;
}

[dir="rtl"] .advanced-search-space {
    margin-right: 1em;
}

[dir="ltr"] .advanced-search-space {
    margin-left: 1em;
}

[dir="rtl"] .icon-text-space {
    margin-right: 0.3em;
}

[dir="ltr"] .icon-text-space {
    margin-left: 0.3em;
}

[dir="rtl"] .footer-text {
    text-align: left;
}

[dir="ltr"] .inner-story {
    padding-left: 1%;
    padding-right: 0;
}

[dir="rtl"] .inner-story {
    padding-left: 0;
    padding-right: 1%;
}

[dir="ltr"] .no-dir-padding {
    padding-left: 0;
}

[dir="rtl"] .no-dir-padding {
    padding-right: 0;
}

[dir="ltr"] .no-dirOpposite-padding {
    padding-right: 0;
}

[dir="rtl"] .no-dirOpposite-padding {
    padding-left: 0;
}

[dir="ltr"] .restrict-logo-image {
    background-position: left;
}

[dir="rtl"] .restrict-logo-image {
    background-position: right;
}

[dir="ltr"] .content-part {
    left: 2em;
}

[dir="rtl"] .content-part {
    right: 2em;
}

[dir="rtl"] .dx-radiobutton-checked .dx-radiobutton-icon-dot {
    margin-right: 6px;
}

[dir="rtl"] .editPencilBtnPadding {
    padding-right: 0.5em;
}

[dir="rtl"] .attach-icon {
    float: left !important;
}


/* [dir=rtl] .dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
      padding:  0 5px 5px 19px;
  }
  [dir=rtl] .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
      right: 35px;
  }
  [dir=rtl] .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
      float: right;
      padding-right: 5px;
  } */

[dir="ltr"] .our-story-section-edit-icon {
    /* right: 6.5em; */
    float: right;
}

[dir="rtl"] .our-story-section-edit-icon {
    /* left: 6.5em; */
    float: left;
}

[dir="rtl"] ux-dialog>ux-dialog-header>button {
    float: left;
    margin: -14px 0 0 -16px;
}


/* [dir=rtl] .header-levels {
      right: 10.8em;
  } */

[dir="ltr"] .dx-overlay-content .dx-button {
    margin-left: 0.3em;
}

[dir="rtl"] .dx-overlay-content .dx-button {
    margin-right: 0.3em;
}

[dir="rtl"] .dx-popup-title.dx-toolbar .dx-toolbar-before {
    padding-right: 0;
}

[dir="rtl"] .dx-toolbar-before {
    left: auto;
}

[dir="ltr"] .top-banner-edit-icon {
    right: 1em;
}

[dir="rtl"] .top-banner-edit-icon {
    left: 1em;
}

[dir="ltr"] .home-page-advanced-search {
    left: 100%;
}

[dir="rtl"] .home-page-advanced-search {
    right: 100%;
}

[dir="ltr"] .heading-wrapper .clip-wrapper {
    left: 30%;
}

[dir="rtl"] .heading-wrapper .clip-wrapper {
    right: 30%;
}

[dir="ltr"] .cl-content {
    padding-left: 15px;
}

[dir="rtl"] .cl-content {
    padding-right: 15px;
}

[dir="ltr"] .aboutUsContent {
    padding-right: 30px;
}

[dir="rtl"] .aboutUsContent {
    padding-left: 30px;
}

[dir="ltr"] .previous-arrow-btn {
    left: 5%;
}

[dir="ltr"] .next-arrow-btn {
    right: 5%;
}

[dir="rtl"] .previous-arrow-btn {
    right: 5%;
}

[dir="rtl"] .next-arrow-btn {
    left: 5%;
}

[dir="ltr"] .form-horizontal .control-label {
    text-align: left;
}

[dir="rtl"] .form-horizontal .control-label {
    text-align: right;
}

[dir="ltr"] .p-r-1 {
    padding-right: 1em;
}

[dir="rtl"] .p-r-1 {
    padding-left: 1em;
}


/* accessibility */

.btn_accessibility {
    left: 10px;
    right: 0px;
    margin-left: 0 !important;
    top: 5.5em !important;
}

.btn_accessibility_action {
    left: 10px;
    margin-left: 5.5em !important;
}

mark {
    background-color: yellow;
    padding-top: 0;
    padding-bottom: 0;
}

.marker {
    background-color: yellow;
}

.dx-context-menu .dx-submenu {
    background-color: #04151f;
}

.dx-context-menu .dx-submenu {
    max-height: 50vh;
    overflow-y: auto;
}

.order_base_box {
    background-color: #ffffff;
    padding: 15px;
}

.order_base_box .caption {
    font-size: 18px;
}

.order_base_box .order_seperator {
    margin: 10px 0px;
    border-bottom: 1px #b7b7b7 solid;
}

.available_order_items_box .caption {
    padding: 10px 15px;
    font-size: 16px;
    background-color: #afbdd4;
    font-weight: bold;
}

.order_base_box table,
.available_order_items_box table {
    width: 100%;
    border-spacing: 10px;
    border-collapse: collapse;
    font-size: 16px;
}

.order_base_box th,
.order_base_box td,
.available_order_items_box th,
.available_order_items_box td {
    border-bottom: 2px #f5f5f5 solid;
}

.order_base_box table thead,
.available_order_items_box table thead {
    background-color: #ffffff;
}

.order_base_box table thead th,
.available_order_items_box table thead th {
    padding: 8px 15px;
    font-weight: bold;
    color: #000000;
}

.order_base_box table tbody td,
.available_order_items_box table tbody td {
    padding: 8px 15px;
    background-color: #ffffff;
}

.order_base_box .remove_order_item,
.available_order_items_box .remove_order_item {
    text-align: left;
}

.order_base_box .remove_order_item a,
.available_order_items_box .remove_order_item a {
    color: #04151f;
    font-weight: bold;
    text-decoration: underline;
}

.order_base_box .actions,
.available_order_items_box .actions {
    background-color: #ffffff;
    padding: 10px 15px;
    text-align: left;
}

.btn_borrow {
    background-color: #3b5998;
    color: #ffffff;
}

.borrows_checkbox {
    height: 20px;
    margin: 0 !important;
    vertical-align: top;
    width: 20px;
}

@media only screen and (max-width: 1224px) {
    .customer-name-limit {
        width: 13em !important;
    }
    .inst-name-limit .dx-item-content.dx-menu-item-content .dx-menu-item-text {
        max-width: 5em !important;
    }
}
.headerPosition>div {
    display: inline-block;
}
 
#filters {
            padding-top: 5px;
        }

.itemPreview>div:first-child {
    display: table;
}