/*
Shadow for Checkbox Elements
This section adds a subtle shadow effect to checkbox elements,
giving them a slightly elevated appearance.
*/
.bn-shadow-checkbox {
	box-shadow: 0px 2px 4px 0px #a5a3ae4d; /* Light shadow with a soft gray color and slight transparency */
}

/*
Shadow for Card Components
Applies a shadow effect to general card elements, making them appear lifted off the page slightly.
*/
.bn-card-shadow {
	box-shadow: 0px 0px 10px 0px #0000001a; /* Medium shadow with light transparency for a soft, elevated effect */
	border: 1px solid #0000001a

}

/*
Shadow for Presence Cards
Adds a more pronounced shadow for presence card elements to give a stronger sense of depth.
*/
.bn-presence-card-shadow {
	box-shadow: 0px 4px 11.2px 0px #0000001a; /* Deeper shadow to provide more emphasis on presence cards */
}

/*
Shadow for Vote Cards
Specifically applies a shadow effect to voting card components with a subtle gray tone.
*/
.bn-vote-card-shadow {
	box-shadow: 0px 4px 11.2px 0px #dbdade4d; /* Light gray shadow with transparency for vote card styling */
}

/*
Whiteframe Shadow at 5dp Depth
This section defines a shadow style inspired by material design's 5dp (depth units) shadow,
creating a soft and slightly elevated shadow.
*/
.md-whiteframe-5dp {
	box-shadow: 0px 4px 16.7px 0px #0000000d;
}
.bn-shadow-administartion {
	box-shadow: 0px 4px 18px 0px #4B465C1A;
}

/*
Black Drop Shadow Effect
Applies a deeper drop shadow with a stronger black tone, giving elements a noticeable elevation.
*/
.bn-drop-shadow-black {
	box-shadow: 0px 4px 8.6px 0px #0000001f; /* Darker shadow with more opacity for a strong lift effect */
}

/*
Shadow for Checkbox Containers
This section targets the inner container of checkbox elements, applying a smaller shadow.
*/
.bn-checkbox-shadow > div.md-container.md-ink-ripple {
	box-shadow: 0px 1.96px 3.92px 0px #a5a3ae4d; /* Soft shadow effect for the checkbox container */
}

/*
No Shadow Effect
This class removes any shadow from the element, overriding any existing box-shadow properties.
*/
.bn-no-box-shadow {
	box-shadow: none !important; /* Ensures no shadow is applied, overriding any other shadow styles */
}