body {
    background-color:transparent;
}
/* .btn-brand-primary.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
} */
.feathered-punch-in {
    display: inline-block;
    margin: 0 auto;
    background: linear-gradient(0deg,rgba(255,255,255,0.7), transparent);
    padding: 5px;
    border-radius: 5px;
    box-shadow: 5px 5px 2px rgba(255,255,255,0.7);
}

.d-none, .hidden {
    display: none !important;
}

.disabled {
    cursor: not-allowed;
    filter: grayscale(1);
    opacity: .4;
}

::-webkit-scrollbar { display: none; }


/* [data-tooltip-text]:hover, [data-tooltip-text].reading {
	position: relative;
} */

[data-tooltip-text]:hover:after,  [data-tooltip-text].reading:after {
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.8);

	-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	color: #FFFFFF;
	font-size: 12px;
	content: attr(data-tooltip-text);

    margin-bottom: 10px;
	bottom: 130%;
	left: 0;    
	padding: 7px 12px;
	position: absolute;
	width: 250px;
	min-width: 50px;
	max-width: 300px;
	word-wrap: break-word;

	z-index: 9999;
}


.page-help-icon {
    position: absolute;
    right: -40px;
    top: 10px;
    display: inline-block;
    transition: opacity .2s;
}
.page-help-icon:hover {
    opacity: 0.5;
    cursor: pointer;
}
.clickable {
    cursor: pointer;
}
.noselect {
    user-select: none; /* Standard for modern browsers */
    -webkit-user-select: none; /* For Safari */
    -moz-user-select: none; /* For older versions of Firefox */
    -ms-user-select: none; /* For Internet Explorer/Edge */
}
.info-bubble {
    width:15px;
    height:15px;
    background-color:rgba(0,0,0,0.5) !important; 
    bottom:-15px;
    right: -15px;
    opacity: .25;
    transition: all 600ms ease-in-out;
    cursor: pointer;
}
.info-bubble:hover {
    opacity: 1;
}
.z--1 {
    z-index: -1;
}
.z-1 {
    z-index: 1;
}
.z-10 {
    z-index: 10;
}
.z-20 {
    z-index: 20;
}
.z-30 {
    z-index: 30;
}