/* You can add global styles to this file, and also import other style files */

/* html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } */

bb-root:not(:defined) {
	visibility: hidden !important;
	/* display: inline-block;  
	height: 100vh;  
	opacity: 0;  
	transition: opacity 0.3s ease-in-out; */
}

bb-container:not(:defined) {
	visibility: hidden !important;
	/* display: inline-block;  
	height: 100vh;  
	opacity: 0;  
	transition: opacity 0.3s ease-in-out; */
}

bb-grid:not(:defined) {
	visibility: hidden !important;
	/* display: inline-block;  
	height: 100vh;  
	opacity: 0;  
	transition: opacity 0.3s ease-in-out; */
}

.bb-is-hidden {
	display: none !important;
}

/* .bb-is-disabled {
	pointer-events: none !important;
	cursor: not-allowed !important;
	color: lightgrey !important;
} */

.bb-trg-dsb {
	pointer-events: none !important;
	cursor: not-allowed !important;
	color: lightgrey !important;
}

/* .bb-is-enabled {
	pointer-events: initial !important;
	cursor: initial !important;
	color: initial !important;
} */

.bb-msgbox {
	z-index:2147483647;
}

.bb-msgbox-head {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-start;
    padding: 20px;
    position: relative;
	border-end-end-radius: unset !important;
    border-end-start-radius: unset !important;	
}
.bb-msgbox-card-foot {
	display: flex;
	justify-content: right;
	column-gap:10px;
	align-items: center;
    background-color: #f5f5f5;
    flex-shrink: 0;
    padding: 20px;
    position: relative;
	border-end-end-radius: unset !important;
    border-end-start-radius: unset !important;	
}

.is-head-rounded {
    border-start-end-radius: var(--bulma-modal-card-head-radius) !important;
    border-start-start-radius: var(--bulma-modal-card-head-radius) !important;
}
.is-foot-rounded {
    border-end-end-radius: var(--bulma-modal-card-foot-radius) !important;
    border-end-start-radius: var(--bulma-modal-card-foot-radius) !important;
}

.select {
	width: 100%;
}

select {
	width: 100%;
}

.bb-is-disabled {
	/* user-select: none !important; */
	cursor:not-allowed !important;
	pointer-events: none !important;
	color: lightgrey !important;
}

.bb-no-records-col {
	text-align: center !important;
}