/**
 * Block-specific whitelabeling
 */
/* :root {
	--tile-grid-bottom-bg-color: var( --bs-light );
	--tile-grid-next-block-padding-top: var( --bs-spacer-4 );
	--tile-grid-next-block-padding-top-lg: var( --bs-spacer-5 );
} */
.owcb-block--saas-tile-grid-block .tab-content {
	overflow: hidden;
	background: var( --tile-grid-bottom-bg-color, transparent );
}
/* Normally this will get a padding-top 0 !important, overwrite it if the tile grid bottom color is different */
.owcb-block.owcb-has-no-bg-image.bg-transparent.owcb-block--saas-tile-grid-block + .owcb-block.owcb-has-no-bg-image.bg-transparent.py-4:not( .owcb-block--saas-tile-grid-block ) {
	padding-top: var( --tile-grid-next-block-padding-top, 0 ) !important;
}
@media ( min-width: 992px ) {
	.owcb-block.owcb-has-no-bg-image.bg-transparent.owcb-block--saas-tile-grid-block + .owcb-block.owcb-has-no-bg-image.bg-transparent.py-4:not( .owcb-block--saas-tile-grid-block ) {
		padding-top: var( --tile-grid-next-block-padding-top-lg, var( --tile-grid-next-block-padding-top, 0 ) ) !important;
	}
}

/**
 * When this block is preceded by a grey background, remove padding.
 * Needed because this block mixes 2 background colors.
 */
.owcb-block.bg-light + .owcb-block--saas-tile-grid-block .-owcb-intro.bg-light,
.owcb-block.bg-transparent + .owcb-block--saas-tile-grid-block .-owcb-intro.bg-transparent,
.owcb-block.bg-transparent + .owcb-block--saas-tile-grid-block .-owcb-intro.d-none + .tab-content .tab-pane {
	padding-top: 0 !important;
}

/**
 * Tabs (non-edit)
 * If there is 1 tab, hide it
 */
.owcb-block--saas-tile-grid-block:not( .-edit ) .nav-tabs .nav-link:first-child:last-child {
	display: none;
}

/**
 * Hide parts of the page body when in edit mode
 */
body.modcomlib-edit .page-top-bar,
body.modcomlib-edit .page-breadcrumbs,
body.modcomlib-edit .page-sidebar,
body.modcomlib-edit .page-content > *:not( .owcb-block--saas-tile-grid-block.-edit ) .-wrapper,
body.modcomlib-edit .page-content > .owcb-block:not( .owcb-block--saas-tile-grid-block.-edit ),
.owcb-block--saas-tile-grid-block.-edit .-disable-in-edit-mode,
body.modcomlib-edit .page-footer {
	display: none;
}

/**
 * Loading state
 */
.-show-in-loading-state, /* //todo Not modcomlib specific */
.-loading .-hide-in-loading-state {
	display: none;
}
.-loading .-show-in-loading-state {
	display: block;
}

/**
 * Block in edit mode
 */
.owcb-block--saas-tile-grid-block:not( .-edit ) .-show-in-edit-mode,
.owcb-block--saas-tile-grid-block.-edit .-hide-in-edit-mode {
	display: none;
}
.tile-edit-grid-wrapper {
	min-height: calc( var( --bs-spacer-5 ) * 3 );
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.tile-edit-grid-wrapper .grid-stack {
	width: 100%;
}
.tile-edit-grid-wrapper .grid-stack .grid-stack-item button {
	margin-top: calc( var( --bs-spacer-2 ) * 1.5 );
}
#owcb-tile-grid-edit-modal .list >div >.card {
	border-radius: 0;
	background-color: transparent;
}
#owcb-tile-grid-edit-modal .list >div >.card .card-header:not(.tooltile-header) {
	max-width: calc( 100% - var( --bs-spacer-5 ) );
}
#owcb-tile-grid-edit-modal .list >div >.card .card-header {
	background-color: rgba( var( --bs-dark-rgb ), 0.5 );
}
#owcb-tile-grid-edit-modal .list >div >.card >.card-body {
	pointer-events: none;
	border-color: rgba( var( --bs-dark-rgb ), 0.5 ) !important;
}
#owcb-tile-grid-edit-modal .list >div >.card.checked >.card-header {
	background-color: var( --bs-dark );
}
#owcb-tile-grid-edit-modal .list >div >.card.checked >.card-body {
	border-color: var( --bs-dark ) !important;
}
@media (min-width: 768px) {
	#owcb-tile-grid-edit-modal .list >div >.card > .card-body {
		transform: scale(90%) translate(-5.5%, -5.5%);
		width: 111%;
	}
}
@media (min-width: 992px) {
	#owcb-tile-grid-edit-modal .list >div >.card > .card-body {
		transform: scale(80%) translate(-12.5%, -12.5%);
		width: 125%;
	}
}
.owcb-block--saas-tile-grid-block .grid-stack-item-content > div {
	overflow: hidden !important;
}
.owcb-block--saas-tile-grid-block .grid-stack.-tiles .grid-stack-item[gs-locked="true"],
.owcb-block--saas-tile-grid-block .grid-stack.-tiles .grid-stack-item-content > div {
	pointer-events: none;
	user-select: none;
}
.owcb-block--saas-tile-grid-block .-save-bar {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var( --bs-primary-lighter );
	padding: var( --bs-spacer-4 );
}
/*.owcb-block--saas-tile-grid-block .grid-stack-item {*/
/*	overflow: hidden;*/
/*}*/
.owcb-block--saas-tile-grid-block .nav-tabs:after {
	display: none;
}
.owcb-block--saas-tile-grid-block:first-child {
	padding-top: 0 !important;
}
.grid-stack-item.ui-draggable {
	cursor: grab;
}
.grid-stack.-tiles .bg-light {
	border: 1px solid rgba(0,0,0,.125) !important;
}
.owcb-block--saas-tile-grid-block .grid-stack>.grid-stack-item>.grid-stack-item-content {
	overflow: initial !important;
}
.grid-stack.-tiles,
.empty-tile-grid-placeholder {
	background: repeating-linear-gradient(to right, #fff, #fff 1px, var(--bs-light) 1px, var(--bs-light) 8.3333333334%);
	background-position-x: 0.5rem;
}
#modcomlib_tile_modal_form .modal-footer:before {
	content: '';
	display: block;
	position: absolute;
	top: -84px;
	left: calc( var( --bs-spacer-3 ) * -1);
	width: calc( 100% + var( --bs-spacer-3 ) * 2 );
	height: 84px;
	background: linear-gradient( 0deg, rgba( 0, 0, 0, 1 ) 0%, rgba( 0, 0, 0, 0 ) 100% );
	opacity: 0.1;
	pointer-events: none;
}
#modcomlib_tile_modal_form .-modal-tile-grid .list {
	background: repeating-linear-gradient( to right, var( --bs-light ), var( --bs-light ) 1.5rem, rgba( 255, 255, 255, 0.4 ) 1.5rem, rgba( 255, 255, 255, 0.4 ) 8.33333%);
	background-position-x: -0.75rem;
}
.grid-stack.-tiles:empty + .empty-tile-grid-placeholder {
	display: block !important;
}