#side_nav{
	min-width: 300px;
	max-width: 300px;
	min-height: 100vh;
	max-height: 100vh;
	transition: all 0.3s;
	position: fixed;
	z-index: 1;
	overflow-y: auto;
}

#content{
	min-width:calc(100% - 305px);
	margin-left:300px;
}

.table-hover tbody tr:hover td {
	background: lightgoldenrodyellow;
}

.red {
	color:red;
}
.black {
	color:black;
}
.ghgold {
	color:#f9c11c;
}
.white {
	color:#ffffff;
}

.texteditor {
	max-height: 200px; 
	background-color: white;
}

.ql-omega:after {
	content: "{IR}";
}

.ql-container {
	font-size: 16px !important;
}

/* Fix for fw-bold class not working on select elements */
select.fw-bold,
.form-select.fw-bold,
select.form-select.fw-bold,
.modal select.fw-bold,
.modal .form-select.fw-bold,
.modal select.form-select.fw-bold {
	font-weight: bold !important;
}

/* Make sure option elements inherit the bold styling */
select.fw-bold option,
.form-select.fw-bold option {
	font-weight: bold !important;
}

/* Specific fixes for known select elements that should be bold */
#GroupsList,
#MembersList,
#color-text-preset,
#color-fill-preset,
#reusableTimezoneRegionSelectInternal,
#reusableTimezoneZonesSelectInternal,
#modalPropsScheduleGroupID,
#modalPropsWeeklyDaySelect,
#modalPropsStartHour,
#modalPropsStartMinute,
#modalPropsStartAmPm,
#modalPropsEndHour,
#modalPropsEndMinute,
#modalPropsEndAmPm {
	font-weight: bold !important;
}

/* Make sure specific option elements inherit the bold styling */
#GroupsList option,
#MembersList option,
#color-text-preset option,
#color-fill-preset option,
#reusableTimezoneRegionSelectInternal option,
#reusableTimezoneZonesSelectInternal option,
#modalPropsScheduleGroupID option,
#modalPropsWeeklyDaySelect option,
#modalPropsStartHour option,
#modalPropsStartMinute option,
#modalPropsStartAmPm option,
#modalPropsEndHour option,
#modalPropsEndMinute option,
#modalPropsEndAmPm option {
	font-weight: bold !important;
}

@media(max-width: 767px){
	#side_nav{
		margin-left: -300px;
		position: absolute;
		min-height: 100vh;
		z-index: 1;
	}
	#side_nav.active{
		margin-left: 0;
		z-index: 1;
	}
	#content{
		margin-left:0;
	}
}