/* TODO: Increase specificity of each of these to about x4 */
.no-bottom-margin.no-bottom-margin.no-bottom-margin.no-bottom-margin { margin-bottom: 0px; }
/* Spacing */
.margin-bottom.margin-bottom.margin-bottom.margin-bottom { margin-bottom: 15px; }
.margin-top.margin-top.margin-top.margin-top { margin-top: 15px; }
.margin-right.margin-right.margin-right.margin-right { margin-right: 15px;}
.margin-left{ margin-left:20px !important;}
.no-padding.no-padding.no-padding.no-padding { padding: 0px; }
.padding-4px.padding-4px.padding-4px.padding-4px {padding: 4px;}
.no-padding-top.no-padding-top.no-padding-top.no-padding-top { padding-top: 0px; }
.no-padding-left { padding-left: 0px;}
.no-padding-right { padding-right: 0px;}
.padding-right { padding-right: 15px !important;}
.padding-bottom { padding-bottom: 15px !important;}
.no-background { background: none !important;}
.no-left-border { border-left: none; }
.no-top-border { border-top: none !important; }
.no-border, .no-border-this { border:none !important; }
.border-bottom {border-bottom: 1px solid #edeff1;}
.thicker-darker-border-top {border-top: 2px solid #999999;}
.portal-tab {white-space:nowrap}
.inline-tab-label { margin:10px; padding-left:10px; padding-right:10px;}
blockquote.parent-font {
	font-size: inherit;
}
.tint-monochrome { filter: grayscale(100%); }
/* Since normal .btn-group-vertical does not handle first/child buttons with invisible siblings. */
.btn.force-vertical-first { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
.btn.force-vertical-last { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; }

/* .min-margin-* as per .minimal-padding */
.min-margin { margin:5px; }
.min-margin-bottom { margin-bottom:5px; }
.min-margin-right { margin-right: 5px; }
.min-margin-top { margin-top:5px; }

/* Borders */
.border-right {border-right: 1px solid #edeff1;}
.border-left {border-left: 1px solid #edeff1;}
.border-top {border-top: 1px solid #edeff1;}

/* Text align */
.vertical-align-top { vertical-align:top !important;}
.nowrap { white-space:nowrap; }
.inline-block { display: inline-block; }
.text-hidden { display:none; }

.compact-edit-mode-only {
	display: none !important;
}
#portal.libpaths-editor .portal-tab-pane.compact-edit-mode .compact-edit-mode-only {
	display: inline-block !important;
}
#portal.libpaths-editor .portal-tab-pane.compact-edit-mode li.compact-edit-mode-only {
	display: inline !important;
}
#portal.libpaths-editor .portal-tab-pane.compact-edit-mode .expanded-edit-mode-only {
	display: none !important;
}
.expanded-edit-mode-only {
	display: inline-block !important;
}
li.expanded-edit-mode-only {
	display: inline !important;
}
#portal.libpaths-editor .portal-tab-pane.compact-edit-mode .portlet-panel {
	display: none !important;
}

/* Text styles */
a.text-decoration-none { text-decoration:none;}

/* Table styles */
td.valign-top { vertical-align: top !important; }
td.handle {cursor: move !important; text-align:center;}

/* Site Logo  */
.site-logo {max-width: 16em !important; max-height: 16em !important;}
.logo-image {max-height: 70px;max-width: 160px;border-radius:5px;margin-top:5px}
.product-title {text-transform:uppercase !important;font-size:20px !important;letter-spacing:3px;}
.infiniti-product-title {color: #1e99e2 !important;}
.navbar-brand.navbar-brand.navbar-brand.navbar-brand:hover {
	background: none;
}
ul.list-floats-left > li {
	float: left;
}

.using-flatpickr .form-control[readonly] {
    color: black;
    background-color: white;
    cursor: pointer;
}

/* Faria Logo icon */
.faria-logo-icon { background-image: url("../../faria/faria_logo_icon.jpeg");}

/* Portal */
.portalCell {
	overflow: hidden ;
}

/* Branding */
.brand {overflow: hidden;height: 24px;width: 136px;text-align: center;}
.login-wrapper .school-brand-wrap { text-align: center; }
.login-wrapper .school-brand { max-width:160px; max-height: 200px;}
.login-wrapper .empty-brand { min-width:160px; max-height: 200px; }

/* Footer */
.site-footer .logo {text-align: center;}

/* Example box */
.example-box {overflow:hidden;background-color: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 4px;margin: 15px 0;padding: 39px 19px 14px;position: relative;}
.example-box-title {background-color: #F5F5F5;border: 1px solid #DDDDDD;border-radius: 4px 0;color: #9DA0A4;font-size: 12px;font-weight: bold;left: -1px;padding: 3px 7px;position: absolute;top: -1px;}

/* Multi-select Inputs */
.ms-container{background: none !important;}
.ms-container .ms-selectable{margin: 0 !important;}
.ms-container ul.ms-list{ width: auto!important;}
.ms-container .ms-header,
.ms-container .ms-footer{background: #000000;color: #FFFFFF; padding: 3px; text-align: center;}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{font-size: inherit !important;}

/* Selected Tags */
.selected-tag {display:inline;float: left;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;background-color: #f2f5f9;color: #333;border: 1px solid #d6e2eb;line-height: 13px;padding: 3px 5px 3px 18px;margin: 3px 0 3px 5px;position: relative;cursor: default;}
.selected-tag-close {left: 3px;display: block;position: absolute;right: 3px;top: 3px;width: 12px;height: 13px;outline: none;cursor: pointer;opacity: 0.6;}
.selected-tag-close:hover {opacity: 1;}

/* Primary button */
.btn.primary { color: #fff; background: #3b9ff3; border: 1px solid #3596e7;}
.btn.primary:active {background: #2b76b6;color: #fff;}
.btn.primary:hover {text-decoration: none;opacity: 0.87;color: #fff;}

/* Images */
.avatar { max-width: 160px; max-height: 160px; }
.avatar-large { max-width: 320px; max-height: 320px; }

/* As print doesn't consume this stylesheet */
.larger-outside-print {
    font-size: larger;
}

/* Datepicker MAY BE FIXED IN UPDATE*/
body.modal-open div.datepicker.datepicker-dropdown.dropdown-menu { z-index: 1200 !important; }

/* Integration partner logo images */
.integration-partner-logo { max-height: 17px;}
.integration-partner-logo.svg-logo { height: 17px; }
#opacSearchTabs.nav-tabs > li > a { line-height: 18px !important; }

/* Not sure this works anymore in Jscroll. Removed use from jscroll */
.strike { display: block; text-align: center; overflow: hidden; white-space: nowrap; }
.strike > span { position: relative; display: inline-block; }
.strike > span:before, .strike > span:after { content: ""; position: absolute; top: 50%; width: 9999px; height: 1px; background: lightgray; }
.strike > span:before { right: 100%; margin-right: 15px; }
.strike > span:after { left: 100%; margin-left: 15px; }

/* Opac */
.related-search-terms { white-space: nowrap ; overflow: hidden ; text-overflow: ellipsis ; }
.search-results-grid.search-results .star-off-png:before { content: " " ; }
.bibref-description { margin-top:15px; color: gray; }
.grid-view-anchor:hover { text-decoration: none !important; }
.grid-view-anchor { text-decoration: none !important; }

.search-results-grid .panel-body { height: 20vw; overflow: hidden; position: relative;}
/* Overriding the standard cover overflow control when dragging outside of the panel div. */
.search-results-grid.drag-is-active .panel-body { overflow: visible; }
.search-results-grid .grid-small .panel-body { height: 11vw; }
.search-results-grid .panel-body img { max-height: 100%; }

/* Tags */
.tag { max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; padding: 5px; border:1px solid #ccc; /* margin: 1px; */}
.tag i {opacity: 0.80}
.tag-well span {margin: 2px;}
.tag.disabled {opacity: 0.65}
.tag-ACADEMIC_PROGRAM {
	/* label-danger */
	color: #a94442;
	background-color: #f2dede;
	border-color: #a94442;
}
.tag-ACADEMIC_SUBJECT_GROUP {
	/* label-warning */
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #8a6d3b;
}
.tag-ACADEMIC_SUBJECT_NAME {
	/* label-success */
	color: #3c763d;
 	background-color: #dff0d8;
	border-color: #3c763d;
}
.tag-ACADEMIC_SUBJECT_CLASS {
	/* label-info */
	color: #426876;
	background-color: #def1ff;
	border-color: #426876;
}
.tag-ACADEMIC_LEVEL, .tag-ACADEMIC_PERIOD, .tag-ACADEMIC_STRAND, .tag-GENERAL  {
	/* label-primary */
	color: #384f90;
 	background-color: #ecf0ff;
	border-color: #384f90;
}

/* Slick Carousel */
.slick-carousel {
	margin-left: 40px;
	margin-right: 40px;
	max-height: 20vw;
}

.slick-carousel img.with-title {
    max-height: 100% !important;
}
.slick-carousel img.without-title {
    max-height: 20vw !important;
}
.slick-carousel .slick-slide {
    margin: 0 5px !important;
}

/* Splide Carousel */
.splide.without-peek {
	margin-left: 2.5rem;
	margin-right: 2.5rem;
}
.splide.without-peek .splide__arrow--prev {
	left: -2.5rem;
}
.splide.without-peek .splide__arrow--next {
	right: -2.5rem;
}
.splide.with-navigation {
	margin-bottom: 30px;
}
.splide.with-navigation .splide__pagination {
	bottom: -25px;
}
.splide .peek-fade-previous {
	background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1));
}
.splide .peek-fade-next {
	background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
}
.item-peek-to-border {
	margin-left: -15px;
	margin-right: -15px;
}

.review-cover-overlay {
    transition: .5s ease;
}
.reviewer-cover-overlay {
    transition-delay: .4s;
}
.carousel-bib-ref-tile:hover .review-cover-overlay {
    top: 0 !important;
}
.carousel-bib-ref-tile:hover .reviewer-cover-overlay {
    opacity: 1 !important;
    transition-delay: 0s;
}

.slick-arrow, .slick-prev:before, .slick-next:before { /* see also tenant.css */
	color: lightblue !important;
}

.slick-prev {
	left: -40px !important;
    width: 40px !important;
    height: 40px !important;
}

.slick-next {
	right: -40px !important;
    width: 40px !important;
    height: 40px !important;
}

.slick-prev:before, .slick-next:before {
    font-size: 40px !important;
}

.carousel-v2-image-box {
	padding: 5px;
	min-height: 150px;
}

.carousel-v2-image-box {
	padding: 5px;
	min-height: 150px;
}

.carousel-v2-caption {
	text-align: center;
	max-height: 2em;
	background-color: #fff;
}

/* Portlet Styles */
.widget-previews .thumbnail {
	cursor: pointer;
	height: 360px;
	overflow: hidden;
}

.panel-purp-dark .actions, .panel-primary .actions, .panel-success-dark .actions, .panel-warning-dark .actions, .panel-danger-dark .actions, .panel-default-dark .actions {
	background-color: #fffc;
	border-radius: 3px;
}

.panel-success-dark {
	border-color: #398439;
}

.panel-success-dark>.panel-heading {
	color: #fff;
	background-color: #398439;
	border-color: #398439;
}

.panel-success-dark>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #398439;
}

.panel-success-dark>.panel-heading .badge {
	color: #398439;
	background-color: #fff;
}

.panel-success-dark>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #398439;
}

.panel-warning-dark {
	border-color: #d58512;
}

.panel-warning-dark>.panel-heading {
	color: #fff;
	background-color: #d58512;
	border-color: #d58512;
}

.panel-warning-dark>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #d58512;
}

.panel-warning-dark>.panel-heading .badge {
	color: #d58512;
	background-color: #fff;
}

.panel-warning-dark>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #d58512;
}

.panel-danger-dark {
	border-color: #ac2925;
}

.panel-danger-dark>.panel-heading {
	color: #fff;
	background-color: #ac2925;
	border-color: #ac2925;
}

.panel-danger-dark>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ac2925;
}

.panel-danger-dark>.panel-heading .badge {
	color: #ac2925;
	background-color: #fff;
}

.panel-danger-dark>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #ac2925;
}

.panel-default-dark {
	border-color: #adadad;
}

.panel-default-dark>.panel-heading {
	color: #fff;
	background-color: #adadad;
	border-color: #adadad;
}

.panel-default-dark>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #adadad;
}

.panel-default-dark>.panel-heading .badge {
	color: #adadad;
	background-color: #fff;
}

.panel-default-dark>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #adadad;
}

.panel-purp-dark {
	border-color: #563d7c;
}

.panel-purp-dark>.panel-heading {
	color: #fff;
	background-color: #563d7c;
	border-color: #563d7c;
}

.panel-purp-dark>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #563d7c;
}

.panel-purp-dark>.panel-heading .badge {
	color: #563d7c;
	background-color: #fff;
}

.panel-purp-dark>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #563d7c;
}

.panel-purp {
  border-color: #cdbfe3;
}
.panel-purp > .panel-heading {
  color: #563d7c;
  background-color: #e9e6f7;
  border-color: #cdbfe3;
}
.panel-purp > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #cdbfe3;
}
.panel-purp > .panel-heading .badge {
  color: #e9e6f7;
  background-color: #563d7c;
}
.panel-purp > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #cdbfe3;
}

#portal-nav ul.nav-tabs > li,
#portal ul.nav-tabs > li {
	min-height: 45px;
}

#portal ul.nav-pills > li a {
	height: 40px; /* to handle icons */
}

.portal-icon-display,
.portal-icon-selection {
	border: thin solid #cccccc;
	height: 34px;
	width: 34px;
	border-radius: 4px;
	padding: 4px;
}

.portal-icon-selection {
	margin: 4px;
}

.portal-icon-selection.icon-selected {
	outline: black solid 3px;
}

.portal-icon-selection.icon-selected:hover {
	outline: blue solid 3px;
}

.portal-icon-selection:not(icon-selected):hover {
	outline: blue solid thin;
}

#userImportLogReportTab.show-counter-text .short-outcome-text,
#userImportLogReportTab:not(.show-counter-text) .long-outcome-text {
	display: none;
}

.stage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* min-width: 1080px; */
	height: 100%;
	overflow: hidden;
	z-index: 0;
}

.login-wrapper .box {
	margin-bottom: 25px;
}

.far-clouds {
	background: transparent url('<c:url value="/resources/images/far-clouds.png" />') 305px 102px repeat-x;
}

.near-clouds {
	background: transparent url('<c:url value="/resources/images/near-clouds.png" />') 305px 302px repeat-x;
}

.label.cover-origin-debug {
	top: 1em;
	left: 1em;
	position: absolute;
	background-color: black;
	color: yellow;
}

/*
This class is added to the loan receipt just before the receipt is printed; to reflect the print specific re-sizing.
The 279px is the width of the 74mm receipt body at 96 IText DPI (rounded down to avoid unexpected title wraps in print vs on-screen).
 */
.thermal-loan-receipt-sizing {
	width: 279px !important;
}
.thermal-loan-receipt-sizing.thermal-loan-receipt-sizing.thermal-loan-receipt-sizing.thermal-loan-receipt-sizing td,
.thermal-loan-receipt-sizing.thermal-loan-receipt-sizing.thermal-loan-receipt-sizing.thermal-loan-receipt-sizing th {
	padding: 4px !important;
}

.common-due-date-active {
	border-color: deepskyblue;
	background: repeating-linear-gradient(
	  135deg,
	  white,
	  white 10px,
	  lightblue 10px,
	  lightblue 20px
	);
}

.col-md-12.panel.panel-default{
	padding-left: 0;
    padding-right:0;
}

button.googlePlusSignInButton.googlePlusSignInButton.googlePlusSignInButton.googlePlusSignInButton {
	color: white;
	background: #dd4b39;
	white-space: nowrap;
	border: none;
	box-shadow: none;
}

button.googlePlusSignInButton.googlePlusSignInButton.googlePlusSignInButton.googlePlusSignInButton:hover {
	background: #e74b37;
	cursor: hand;
}

i.googlePlusSignInButtonIcon {
	padding-right: 1.28571429em;
	/*border-right: #bb3f30 1px solid;*/
}

.btn-150 {
	width:100%;
	max-width:150px ;
}
/* N.B. Currently My Library and third-party circulation share the same interface location and sizing. This may change. */
.grid-view-anchor .reserve-area {
	position:absolute;padding:5px 3px;margin: 5px;bottom:0px;right:-5px;visibility:hidden;opacity:0;z-index: 10;
	/* transition:visibility 0s linear, opacity 0s linear;transition-delay:0.5s; */
}
.grid-view-anchor:hover .reserve-area {
  visibility:visible;opacity:1;
  /* transition-delay:0s; */
}
.grid-view-anchor .reserve-area button,
.grid-view-anchor .reserve-area a {
  max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
}

a.table-hyperlink{
	cursor: pointer;
	text-decoration: none;
}

.has-nav-icon-badge-single-digit:after {
    content: attr(data-badge-count);
    position: absolute;
    border-radius: 25%;
    border: 1px solid green;
    background: green;
    color: white;
    text-align: center;
    font-size: 0.60em;
    height: 1.25em;
    top: 0.5em;
    right: 0.5em;
    width: 1.40em;
    line-height: 1.125em;
}
.has-nav-icon-badge-two-digits:after {
    content: attr(data-badge-count);
    position: absolute;
    border-radius: 25%;
    border: 1px solid green;
    background: green;
    color: white;
    text-align: center;
    font-size: 0.60em;
    height: 1.25em;
    top: 0.5em;
    right: 0.5em;
    width: 1.40em;
    line-height: 1.125em;
}
.has-nav-icon-badge-above-99:after {
    content: '99+';
    position: absolute;
    border-radius: 25%;
    border: 1px solid green;
    background: green;
    color: white;
    text-align: center;
    font-size: 0.50em;
    height: 1.5em;
    top: 0.5em;
    right: 0.5em;
    width: 2em;
    line-height: 1.25em;
}

.has-nav-icon-badge-single-digit.blue-badge:after,
.has-nav-icon-badge-two-digits.blue-badge:after,
.has-nav-icon-badge-above-99.blue-badge:after {
	border: 1px solid blue;
	background: blue;
}

.hide-portal-editor-tools .portal-editor-tool-panel,
.hide-portal-editor-tools .portal-editor-ad-hoc-button {
	display: none;
}

.hide-portal-utilisation-tools .portal-utilisation-panel {
	display: none;
}

.highlight-green-faq-block {
	color: #2b542c;
	background-color: #dff0d8;
	border: 3px solid #d6e9c6;
	padding: 0 1em;
}

.highlight-green-faq-block h2,
.highlight-faq-block h3,
.highlight-faq-block h4 {
	color: #2b542c;
}

.jumbotron-icon {
    font-size: 20em;
}

img.img-border {
	border: thin solid black;
}

img.img-border.not-self {
	border: thin solid red;
}

.image-colour-toggle.inactive,
.image-colour-toggle.active:hover {
    filter: grayscale(1);
}

.image-colour-toggle.active,
.image-colour-toggle.inactive:hover {
    filter: grayscale(0);
}

#quickSearchTerm:focus {
    color: black;
}

#quickSearchTerm {
    color: darkgrey;
}

#goodreads-widget {
    font-family: georgia, serif;
    padding: 18px 0;
    position: relative;
    width: 100%;
    height: 300px;
}

#goodreads-widget h1 {
    font-weight: normal;
    font-size: 16px;
    border-bottom: 1px solid #BBB596;
    margin-bottom: 0;
}

#goodreads-widget a {
    text-decoration: none;
    color: #660;
}

#goodreads-widget a:hover {
    text-decoration: underline;
}

#goodreads-widget a:active {
    color: #660;
}

#gr_footer {
    width: 100%;
    border-top: 1px solid #BBB596;
    text-align: right;
}

#goodreads-widget .gr_branding {
    color: #382110;
    font-size: 11px;
    text-decoration: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

table.two-rows-per-record tr.first-row-of-record > td:not(.no-border) {
	border-top: thin solid #bbbbbb !important;
}

.nav-pills.hollow-pill > li.active > a, .nav-pills.hollow-pill > li.active > a:hover, .nav-pills.hollow-pill > li.active > a:focus {
	color: #337ab7;
	font-weight: bold;
	border: 2px solid #337ab7;
	background-color: unset;
}


ul.nav-pills.libpaths-standard li.active a,
ul.nav-pills.libpaths-standard li.active a:hover,
ul.nav-pills.libpaths-standard li.active a:focus {
	outline-width: thin;
	outline-style: solid;
	outline-offset: 0;
	outline-color: black;
	color: black;
	background-color: white;
}

ul.nav-pills.libpaths-standard li:not(.active) a {
	outline-width: thin;
	outline-style: solid;
	outline-color: #DDDDDD;
	color: black;
	background-color: white;
}

ul.nav-pills.libpaths-standard li:not(.active) a:hover,
ul.nav-pills.libpaths-standard li:not(.active) a:focus {
	background-color: #eeeeee;
}

ul.nav-pills.libpaths-standard > li + li {
	margin-left: 0;
}

ul.nav-pills.libpaths-standard.libpaths-standard.libpaths-standard > li {
	margin: 5px;
}

ul.nav-pills.libpaths-standard.submenu li a {
	padding: 5px 15px;
}

.checkerboard {
	background-image:
			linear-gradient(45deg, #ccc 25%, transparent 25%),
			linear-gradient(135deg, #ccc 25%, transparent 25%),
			linear-gradient(45deg, transparent 75%, #ccc 75%),
			linear-gradient(135deg, transparent 75%, #ccc 75%);
	background-size:25px 25px; /* Must be a square */
	background-position:0 0, 12.5px 0, 12.5px -12.5px, 0px 12.5px; /* Must be half of one side of the square */
}

.portal-tab-pane .theme-content-navigation-container.submenu-top,
.portal-tab-pane .theme-content-navigation-container.submenu-left,
.portal-tab-pane .theme-content-navigation-container.submenu-right {
	border: none;
	background-color: #337ab7;  /* default colouration is the default portlet title background */
	border-radius: 4px; /* same as default portlet curvature */
	padding: 8px;
}

.portal-tab-pane .theme-content-navigation-container.submenu-top {
	margin: 8px 15px 8px 15px;
}

.portal-tab-pane .theme-content-navigation-container.submenu-left,
.portal-tab-pane .theme-content-navigation-container.submenu-right {
	width: 180px;
	max-width: 180px;
	float: left;
}

.portal-tab-pane .theme-content-navigation-container.submenu-left {
	margin: 15px 0 8px 15px;
}

.portal-tab-pane .theme-content-navigation-container.submenu-right {
	margin: 15px 15px 8px 0;
}

.portal-tab-pane .root-of-portal-content-view.submenu-left,
.portal-tab-pane .root-of-portal-content-view.submenu-right {
	/* tenant.css will override these width calculations (css selectivity) if portals have extra (styled) border margins */
	width: calc(100% - 195px); /* 180px menu + 15px left menu margin */
	max-width: calc(100% - 195px);
	float: left;
}

@media (max-width: 991px) {
	.portal-tab-pane .theme-content-navigation-container.submenu-left,
	.portal-tab-pane .theme-content-navigation-container.submenu-right {
		display: none;
	}
	.portal-tab-pane .root-of-portal-content-view.submenu-left,
	.portal-tab-pane .root-of-portal-content-view.submenu-right {
		width: initial;
		max-width: initial;
		float: initial;
	}
}

@media screen and (max-width: 1199px) {
	.search-results-grid .panel-body { height: 24vw; }
	.search-results-grid .grid-small .panel-body { height: 18vw; }
}

@media screen and (max-width: 991px) {
	.search-results-grid .panel-body { height: 300px; }
	.search-results-grid .grid-small .panel-body { height: 180px; }
}

@media ( min-width: 1200px) {
  .modal-x-lg {
    width: 1100px;
  }
}

@media (min-width: 768px) {
  .modal-full {
    width: 90%;
  }
}