/* -- ASPxCallbackPanel -- */
.dxcpLoadingPanel_BMP
{
	font: 9pt Tahoma;
	color: #303030;
}
.dxcpLoadingPanel_BMP td.dx
{
	white-space: nowrap;
	text-align: center;
	padding: 12px 12px 12px 12px;
}
/* -- ASPxCloudControl -- */
.dxccControl_BMP a
{
	color: #629DB6;	
	text-decoration: none!important;
	
}
.dxccControl_BMP a:hover
{	
    text-decoration: underline!important;
}
.dxccControl_BMP
{
	color: #629DB6;
	background-color: #D0E2F9;
	border: solid 1px #f59e0b;
	font-family: Tahoma, Verdana, Arial;	
	font-size: 25px;
	line-height: 25px;
}

/* -- ASPxMenu -- */
.dxmControl_BMP 
{
	font: 9pt Tahoma;
	color: black;
}
.dxmControl_BMP a, .dxmMenu_BMP a, .dxmVerticalMenu_BMP a, .dxmSubMenu_BMP a
{
	color: black;
	text-decoration: none;
}
.dxmMenu_BMP, .dxmVerticalMenu_BMP
{
	font: 9pt Tahoma;
	color: black;	
	background: url(mItemBack.gif) repeat-y left top #e9ecef;
	border: solid 1px #f59e0b;
	padding: 3px;
}
.dxmMenuGutter_BMP
{
}
.dxmMenuSeparator_BMP
{
	background-image: url(mItemSeparatorBack.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
.dxmMenuItem_BMP, .dxmMenuItemWithImage_BMP, .dxmMenuItemWithPopOutImage_BMP, .dxmMenuItemWithImageWithPopOutImage_BMP,
.dxmVerticalMenuItem_BMP, .dxmVerticalMenuItemWithImage_BMP, .dxmVerticalMenuItemWithPopOutImage_BMP, .dxmVerticalMenuItemWithImageWithPopOutImage_BMP, 
.dxmMenuLargeItem_BMP, .dxmMenuLargeItemWithImage_BMP, .dxmMenuLargeItemWithPopOutImage_BMP, .dxmMenuLargeItemWithImageWithPopOutImage_BMP,
.dxmVerticalMenuLargeItem_BMP, .dxmVerticalMenuLargeItemWithImage_BMP, .dxmVerticalMenuLargeItemWithPopOutImage_BMP, .dxmVerticalMenuLargeItemWithImageWithPopOutImage_BMP
{
	font: 9pt Tahoma;
	color: black;
	white-space: nowrap;
}
.dxmMenuItem_BMP, .dxmMenuItemWithImage_BMP
{
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.dxmMenuItemWithPopOutImage_BMP, .dxmMenuItemWithImageWithPopOutImage_BMP
{
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 8px;
}	
.dxmVerticalMenuItem_BMP
{
	padding-top: 4px;
	padding-right: 19px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.dxmVerticalMenuItemWithImage_BMP
{
	padding-top: 4px;	
	padding-right: 19px;	
	padding-bottom: 5px;	
	padding-left: 3px;	
}
.dxmVerticalMenuItemWithPopOutImage_BMP
{
	padding-top: 4px;	
	padding-right: 6px;	
	padding-bottom: 5px;	
	padding-left: 8px;	
}
.dxmVerticalMenuItemWithImageWithPopOutImage_BMP
{
	padding-top: 4px;	
	padding-right: 6px;	
	padding-bottom: 5px;	
	padding-left: 3px;	
}
.dxmMenuLargeItem_BMP, .dxmMenuLargeItemWithImage_BMP
{
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 2px;
	padding-left: 11px;
}
.dxmMenuLargeItemWithPopOutImage_BMP, .dxmMenuLargeItemWithImageWithPopOutImage_BMP
{
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 11px;
}
.dxmVerticalMenuLargeItem_BMP, .dxmVerticalMenuLargeItemWithImage_BMP
{
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 2px;
	padding-left: 11px;
}
.dxmVerticalMenuLargeItemWithPopOutImage_BMP, .dxmVerticalMenuLargeItemWithImageWithPopOutImage_BMP
{
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 11px;
}
.dxmMenuItemSelected_BMP, .dxmMenuItemSelectedWithImage_BMP, .dxmMenuItemSelectedWithPopOutImage_BMP, .dxmMenuItemSelectedWithImageWithPopOutImage_BMP,
.dxmVerticalMenuItemSelected_BMP, .dxmVerticalMenuItemSelectedWithImage_BMP, .dxmVerticalMenuItemSelectedWithPopOutImage_BMP, .dxmVerticalMenuItemSelectedWithImageWithPopOutImage_BMP,
.dxmMenuLargeItemSelected_BMP, .dxmMenuLargeItemSelectedWithImage_BMP, .dxmMenuLargeItemSelectedWithPopOutImage_BMP, .dxmMenuLargeItemSelectedWithImageWithPopOutImage_BMP,
.dxmVerticalMenuLargeItemSelected_BMP, .dxmVerticalMenuLargeItemWithImageSelected_BMP, .dxmVerticalMenuLargeItemSelectedWithPopOutImage_BMP, .dxmVerticalMenuLargeItemSelectedWithImageWithPopOutImage_BMP
{
	background: url(mItemSBack.gif) repeat-x center top #dee2e6;
	border: solid 1px #f59e0b;
}
.dxmMenuItemSelected_BMP, .dxmMenuItemSelectedWithImage_BMP
{
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
}
.dxmMenuItemSelectedWithPopOutImage_BMP, .dxmMenuItemSelectedWithImageWithPopOutImage_BMP
{
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 7px;
}	
.dxmVerticalMenuItemSelected_BMP
{
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 4px;
	padding-left: 7px;
}
.dxmVerticalMenuItemSelectedWithImage_BMP
{
	padding-top: 3px;	
	padding-right: 18px;	
	padding-bottom: 4px;	
	padding-left: 2px;	
}
.dxmVerticalMenuItemSelectedWithPopOutImage_BMP
{
	padding-top: 3px;	
	padding-right: 5px;	
	padding-bottom: 4px;	
	padding-left: 7px;	
}
.dxmVerticalMenuItemSelectedWithImageWithPopOutImage_BMP
{
	padding-top: 3px;	
	padding-right: 5px;	
	padding-bottom: 4px;	
	padding-left: 2px;	
}
.dxmMenuLargeItemSelected_BMP, .dxmMenuLargeItemSelectedWithImage_BMP
{
	padding-top: 1px;
	padding-right: 11px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.dxmMenuLargeItemSelectedWithPopOutImage_BMP, .dxmMenuLargeItemSelectedWithImageWithPopOutImage_BMP
{
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.dxmVerticalMenuLargeItemSelected_BMP, .dxmVerticalMenuLargeItemSelectedWithImage_BMP
{
	padding-top: 1px;
	padding-right: 11px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.dxmVerticalMenuLargeItemSelectedWithPopOutImage_BMP, .dxmVerticalMenuLargeItemSelectedWithImageWithPopOutImage_BMP
{
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.dxmMenuItemChecked_BMP, .dxmMenuItemCheckedWithImage_BMP, .dxmMenuItemCheckedWithPopOutImage_BMP, .dxmMenuItemCheckedWithImageWithPopOutImage_BMP,
.dxmVerticalMenuItemChecked_BMP, .dxmVerticalMenuItemCheckedWithImage_BMP, .dxmVerticalMenuItemCheckedWithPopOutImage_BMP, .dxmVerticalMenuItemCheckedWithImageWithPopOutImage_BMP,
.dxmMenuLargeItemChecked_BMP, .dxmMenuLargeItemCheckedWithImage_BMP, .dxmMenuLargeItemCheckedWithPopOutImage_BMP, .dxmMenuLargeItemCheckedWithImageWithPopOutImage_BMP,
.dxmVerticalMenuLargeItemChecked_BMP, .dxmVerticalMenuLargeItemWithImageChecked_BMP, .dxmVerticalMenuLargeItemCheckedWithPopOutImage_BMP, .dxmVerticalMenuLargeItemCheckedWithImageWithPopOutImage_BMP
{
	background: url(mItemSBack.gif) repeat-x center top #dee2e6;
	border: solid 1px #f59e0b;
}
.dxmMenuItemChecked_BMP, .dxmMenuItemCheckedWithImage_BMP
{
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
}
.dxmMenuItemCheckedWithPopOutImage_BMP, .dxmMenuItemCheckedWithImageWithPopOutImage_BMP
{
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 7px;
}	
.dxmVerticalMenuItemChecked_BMP
{
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 4px;
	padding-left: 7px;
}
.dxmVerticalMenuItemCheckedWithImage_BMP
{
	padding-top: 3px;	
	padding-right: 18px;	
	padding-bottom: 4px;	
	padding-left: 2px;	
}
.dxmVerticalMenuItemCheckedWithPopOutImage_BMP
{
	padding-top: 3px;	
	padding-right: 5px;	
	padding-bottom: 4px;	
	padding-left: 7px;	
}
.dxmVerticalMenuItemCheckedWithImageWithPopOutImage_BMP
{
	padding-top: 3px;	
	padding-right: 5px;	
	padding-bottom: 4px;	
	padding-left: 2px;	
}
.dxmMenuLargeItemChecked_BMP, .dxmMenuLargeItemCheckedWithImage_BMP
{
	padding-top: 1px;
	padding-right: 11px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.dxmMenuLargeItemCheckedWithPopOutImage_BMP, .dxmMenuLargeItemCheckedWithImageWithPopOutImage_BMP
{
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.dxmVerticalMenuLargeItemChecked_BMP, .dxmVerticalMenuLargeItemCheckedWithImage_BMP
{
	padding-top: 1px;
	padding-right: 11px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.dxmVerticalMenuLargeItemCheckedWithPopOutImage_BMP, .dxmVerticalMenuLargeItemCheckedWithImageWithPopOutImage_BMP
{
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.dxmMenuItemHover_BMP, .dxmMenuItemHoverWithImage_BMP, .dxmMenuItemHoverWithPopOutImage_BMP, .dxmMenuItemHoverWithImageWithPopOutImage_BMP, 
.dxmVerticalMenuItemHover_BMP, .dxmVerticalMenuItemHoverWithImage_BMP, .dxmVerticalMenuItemHoverWithPopOutImage_BMP, .dxmVerticalMenuItemHoverWithImageWithPopOutImage_BMP, 
.dxmMenuLargeItemHover_BMP, .dxmMenuLargeItemHoverWithImage_BMP, .dxmMenuLargeItemHoverWithPopOutImage_BMP, .dxmMenuLargeItemHoverWithImageWithPopOutImage_BMP, 
.dxmVerticalMenuLargeItemHover_BMP, .dxmVerticalMenuLargeItemHoverWithImage_BMP, .dxmVerticalMenuLargeItemHoverWithPopOutImage_BMP, .dxmVerticalMenuLargeItemHoverWithImageWithPopOutImage_BMP
{
	background: url(mItemHBack.gif) repeat-x center top #dee2e6;
	border: solid 1px #f59e0b;
}
.dxmMenuItemHover_BMP, .dxmMenuItemHoverWithImage_BMP
{
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
}
.dxmMenuItemHoverWithPopOutImage_BMP, .dxmMenuItemHoverWithImageWithPopOutImage_BMP
{
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 7px;
}	
.dxmVerticalMenuItemHover_BMP
{
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 4px;
	padding-left: 7px;
}
.dxmVerticalMenuItemHoverWithImage_BMP
{
	padding-top: 3px;	
	padding-right: 18px;	
	padding-bottom: 4px;	
	padding-left: 2px;	
}
.dxmVerticalMenuItemHoverWithPopOutImage_BMP
{
	padding-top: 3px;	
	padding-right: 5px;	
	padding-bottom: 4px;	
	padding-left: 7px;	
}
.dxmVerticalMenuItemHoverWithImageWithPopOutImage_BMP
{
	padding-top: 3px;	
	padding-right: 5px;	
	padding-bottom: 4px;	
	padding-left: 2px;	
}
.dxmMenuLargeItemHover_BMP, .dxmMenuLargeItemHoverWithImage_BMP
{
	padding-top: 1px;
	padding-right: 11px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.dxmMenuLargeItemHoverWithPopOutImage_BMP, .dxmMenuLargeItemHoverWithImageWithPopOutImage_BMP
{
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.dxmVerticalMenuLargeItemHover_BMP, .dxmVerticalMenuLargeItemHoverWithImage_BMP
{
	padding-top: 1px;
	padding-right: 11px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.dxmVerticalMenuLargeItemHoverWithPopOutImage_BMP, .dxmVerticalMenuLargeItemHoverWithImageWithPopOutImage_BMP
{
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.dxmSubMenu_BMP
{
	font: 9pt Tahoma;
	color: black;
	background-color: #F6F6F6;
	border: solid 1px #f59e0b;
	padding: 1px 1px 1px 1px;
}
.dxmSubMenuGutter_BMP
{
	background: url(mPopupBack.gif) repeat-y left top;
}
.dxmSubMenuSeparator_BMP
{
	background-color: #6A8CCB;
}
.dxmSubMenuItem_BMP, .dxmSubMenuItemWithImage_BMP, .dxmSubMenuItemWithPopOutImage_BMP, .dxmSubMenuItemWithImageWithPopOutImage_BMP
{
	font: 8pt Tahoma;
	color: black;
	white-space: nowrap;
}
.dxmSubMenuItem_BMP 
{
	padding-top: 4px;
	padding-right: 9px;
	padding-bottom: 5px;
	padding-left: 3px;	
}
.dxmSubMenuItemWithImage_BMP 
{
	padding-top: 2px;
	padding-right: 9px;
	padding-bottom: 2px;
	padding-left: 3px;
	height: 19px;
}
.dxmSubMenuItemWithPopOutImage_BMP
{
	padding-top: 4px;
	padding-right: 9px;
	padding-bottom: 5px;
	padding-left: 3px;
}
.dxmSubMenuItemWithImageWithPopOutImage_BMP 
{
	padding-top: 2px;
	padding-right: 9px;
	padding-bottom: 2px;
	padding-left: 3px;
	height: 19px;
}
.dxmSubMenuItemSelected_BMP, .dxmSubMenuItemSelectedWithImage_BMP, .dxmSubMenuItemSelectedWithPopOutImage_BMP, .dxmSubMenuItemSelectedWithImageWithPopOutImage_BMP
{
	background: url(mItemSBack.gif) repeat-x center top #dee2e6;
	border: solid 1px #f59e0b;
}
.dxmSubMenuItemSelected_BMP
{
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.dxmSubMenuItemSelectedWithImage_BMP 
{
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 2px;
}
.dxmSubMenuItemSelectedWithPopOutImage_BMP
{
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.dxmSubMenuItemSelectedWithImageWithPopOutImage_BMP
{
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 2px;
}
.dxmSubMenuItemChecked_BMP, .dxmSubMenuItemCheckedWithImage_BMP, .dxmSubMenuItemCheckedWithPopOutImage_BMP, .dxmSubMenuItemCheckedWithImageWithPopOutImage_BMP
{
}
.dxmSubMenuItemChecked_BMP
{
}
.dxmSubMenuItemCheckedWithImage_BMP 
{
}
.dxmSubMenuItemCheckedWithPopOutImage_BMP
{
}
.dxmSubMenuItemCheckedWithImageWithPopOutImage_BMP
{
}
.dxmSubMenuItemHover_BMP, .dxmSubMenuItemHoverWithImage_BMP, .dxmSubMenuItemHoverWithPopOutImage_BMP, .dxmSubMenuItemHoverWithImageWithPopOutImage_BMP
{
	background: url(mPopupHBack.gif) repeat-x center top #dee2e6;
	border: solid 1px #f59e0b;
}
.dxmSubMenuItemHover_BMP
{
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.dxmSubMenuItemHoverWithImage_BMP
{
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 2px;
}
.dxmSubMenuItemHoverWithPopOutImage_BMP
{
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.dxmSubMenuItemHoverWithImageWithPopOutImage_BMP
{
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 2px;
}
.dxmSubMenuBorderCorrector_BMP
{
    position: absolute;
    border: 0px;
    padding: 0px;
}

/* -- ASPxNavBar -- */
.dxnbControl_BMP 
{
	font: 9pt Tahoma;
	color: black;
	background: url(nbBack.gif) repeat-x center top #ced4da;
	padding: 5px;
}
.dxnbControl_BMP a
{
	color: black;
}
.dxnbLoadingPanel_BMP
{
	font: 9pt Tahoma;
	color: #4B77B8;
}
.dxnbLoadingPanel_BMP td.dx
{
	white-space: nowrap;
	text-align: center;
	padding: 12px 6px;
}
.dxnbGroupHeader_BMP
{
	font: bold 9pt Tahoma;
	color: black;
	background: url(nbGroupHeaderBack.gif) repeat-x left bottom #DAEAFD;
	border: solid 1px #f59e0b;
	padding: 5px 7px 5px 10px;
}
.dxnbGroupHeader_BMP table.dxnb
{
	font: bold 9pt Tahoma;
	color: black;
}
.dxnbGroupHeader_BMP td.dxnb
{
	white-space: nowrap;
}
.dxnbGroupHeaderCollapsed_BMP
{
	font: bold 9pt Tahoma;
	color: black;
	background: url(nbGroupHeaderBack.gif) repeat-x left bottom #DAEAFD;
	border: solid 1px #f59e0b;
	padding: 5px 7px 5px 10px;	
}
.dxnbGroupHeaderCollapsed_BMP table.dxnb
{
	font: bold 9pt Tahoma;
	color: black;
}
.dxnbGroupHeaderCollapsed_BMP td.dxnb
{
	white-space: nowrap;
}
.dxnbGroupContent_BMP
{
	font: 9pt Tahoma;
	color: black;
	border: solid 1px #f59e0b;	
	background: url(nbGroupBack.gif) repeat-x left bottom #DDECFE;
	padding: 1px;
}
.dxnbItem_BMP, .dxnbLargeItem_BMP, .dxnbBulletItem_BMP
{
	font: 9pt Tahoma;
	color: black;
	text-align: left;
}
.dxnbItem_BMP
{
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
}
.dxnbLargeItem_BMP
{	
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 9px;
}
.dxnbItemSelected_BMP, .dxnbLargeItemSelected_BMP, .dxnbBulletItemSelected_BMP
{
	background: url(nbSBack.gif) repeat-x center top #dee2e6;
	border: solid 1px #f59e0b;
}
.dxnbItemSelected_BMP
{
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
}
.dxnbLargeItemSelected_BMP
{
	padding-top: 2px;
	padding-right: 11px;
	padding-bottom: 3px;
	padding-left: 8px;
}
.dxnbItemHover_BMP, .dxnbLargeItemHover_BMP, .dxnbBulletItemHover_BMP
{
	background: url(nbHBack.gif) repeat-x center top #dee2e6;
	border: solid 1px #f59e0b;
}
.dxnbItemHover_BMP
{
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
}
.dxnbLargeItemHover_BMP
{
	padding-top: 2px;
	padding-right: 11px;
	padding-bottom: 3px;
	padding-left: 8px;
}
.dxnbGroupHeader_BMP, .dxnbGroupHeaderCollapsed_BMP
{
    text-align: left;
}
.dxnbItem_BMP, .dxnbItemHover_BMP, .dxnbItemSelected_BMP,
.dxnbBulletItem_BMP, .dxnbBulletItemHover_BMP, .dxnbBulletItemSelected_BMP
{
    text-align: left;
}
.dxnbLargeItem_BMP, .dxnbLargeItemHover_BMP, .dxnbLargeItemSelected_BMP
{
    text-align: center;
}
.dxnbGroupHeaderHover_BMP
{
}
.dxnbGroupHeaderCollapsedHover_BMP
{
}

/* -- ASPxPager -- */
.dxpControl_BMP
{
	font: 9pt Tahoma;
	color: black;
	padding: 5px 2px 5px 2px;
}
.dxpButton_BMP
{
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.1rem 0.25rem !important;
	margin: 0 0.125rem !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	color: #fff !important;
	background: #0d6efd !important;
	border: 1px solid #0d6efd !important;
	border-radius: 0.375rem !important;
	transition: all 0.15s ease-in-out !important;
	cursor: pointer !important;
	min-width: 2.5rem !important;
	height: 1.5rem !important;
	white-space: nowrap !important;
	text-align: center !important;
	vertical-align: middle !important;
	text-decoration: none !important;
}
.dxpButton_BMP:hover
{
	background: #0b5ed7 !important;
	border-color: #0a58ca !important;
	color: #fff !important;
}
.dxpButton_BMP img
{
	display: none !important;
}
.dxpButton_BMP:has(img[src*="pAll"])::before { content: "««" !important; }
.dxpButton_BMP:has(img[src*="pPrev"])::before { content: "«" !important; }
.dxpButton_BMP:has(img[src*="pNext"])::before { content: "»" !important; }
.dxpButton_BMP:has(img[src*="pLast"])::before { content: "»»" !important; }
.dxpButton_BMP::before
{
	display: inline-block !important;
	font-size: 1rem !important;
	font-weight: bold !important;
}
.dxpDisabledButton_BMP
{
	font: 9pt Tahoma;
	color: black;
	text-decoration: none;
}
.dxpPageNumber_BMP
{
	font: 9pt Tahoma;
	color: black;
	text-decoration: underline;
	text-align: center;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
}
.dxpCurrentPageNumber_BMP
{
	font: 9pt Tahoma;
	color: black;
	background: #c1d7f8;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
}
.dxpSummary_BMP
{
	font: 9pt Tahoma;
	color: black;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	padding: 0px 4px 0px 4px;
}
.dxpSeparator_BMP
{
	background-color: #c1d7f8;
}


/* -- ASPxPopupControl -- */
.dxpcControl_BMP
{
	font: 9pt Tahoma;
	color: black;
	background-color: white;
	border: solid 1px #f59e0b;
}
.dxpcControl_BMP a
{
	color: black;
}
.dxpcCloseButton_BMP
{
	font: 9pt Tahoma;
	color: black;
	padding: 1px 1px 1px 2px;	
}
.dxpcCloseButtonHover_BMP
{
}
.dxpcContent_BMP
{
	background: white;
	font: 9pt Tahoma;
	color: black;
	white-space: normal;
	padding: 9px 12px 30px 12px;
	border: 0px;
	vertical-align:top;
}
.dxpcFooter_BMP
{
	font: 9pt Tahoma;
	color: #597DB2;
	background-color: #CFE1F9;
	border-top: solid 1px #7BA4E0;
	font-weight: bold;
}
.dxpcFooter_BMP td.dxpc
{
	font: 9pt Tahoma;
	color: #597DB2;
	white-space: nowrap;
	padding: 6px 12px 8px 12px;
	font-weight: bold;
}
.dxpcHeader_BMP
{
	font: 9pt Tahoma;
	color: black;
	background: url(pcHeaderBack.gif) repeat-x #7BA4E0;	
	border-bottom: solid 1px #f59e0b;
	padding: 6px 6px 6px 12px;
}
.dxpcHeader_BMP td.dxpc
{
	font: 9pt Tahoma;
	color: black;
	white-space: nowrap;
	padding-top: 4px;
	padding-bottom: 5px;
}
.dxpcModalBackground_BMP
{
	background-image: url('pcModalBack.gif');
    background-repeat: repeat;
}

/* -- ASPxSiteMapControl -- */
.dxsmControl_BMP a:hover
{
    text-decoration:underline!important;
}
.dxsmControl_BMP a:visited
{
    color:#990099!important;
}

.dxsmControl_BMP 
{	
	color: black;
	background: url(smBack.gif) repeat-x center bottom #DDECFE;
	font-family: Verdana, Tahoma, Arial;
	font-size: 9pt;
	border: Solid 1px #f59e0b;
}
/* - Category Level - */
.dxsmCategoryLevel_BMP, .dxsmCategoryLevel_BMP a
{
    color: black;    
    font-weight: bold;
    font-size: 13.5pt;
    font-family: Verdana;
    text-decoration: none;	
}
.dxsmCategoryLevel_BMP
{
    white-space: nowrap;
    padding: 0px 0px 5px 0px;
}
.dxsmCategoryLevel_BMP
{
    border-bottom: solid 1px #1e90ff;
    padding: 3px 10px 7px 10px;
	background: url(smFirstLevelBack.gif) repeat-x center bottom #DDECFE;		
}
 /*flow layout*/
.dxsmLevelCategoryFlow_BMP, .dxsmLevelCategoryFlow_BMP a
{
    color: black;
    font-weight: bold;
    font-size: 13.5pt;
    font-family: Tahoma, Verdana, Arial;	
	text-decoration: underline;
}
/* - Level 0 - */
.dxsmLevel0_BMP, .dxsmLevel0_BMP a, .dxsmLevel0Categorized_BMP a, .dxsmLevel0Categorized_BMP
{
    color: black;	
    font-weight: bold;
    font-size: 9pt;
    font-family: Verdana;
    text-decoration: none;
}
.dxsmLevel0Categorized_BMP a, .dxsmLevel0Categorized_BMP
{
	color: #78350f;
}
.dxsmLevel0_BMP
{	
	white-space: nowrap;    	
	background: url(smFirstLevelBack.gif) repeat-x center bottom #DDECFE;	
    border-bottom: solid 1px #1e90ff;
    padding: 3px 10px 7px 10px;
}
.dxsmLevel0Categorized_BMP 
{
	white-space: nowrap;    	
	padding: 0px 10px 2px 10px;
}
 /*flow layout*/
.dxsmLevel0Flow_BMP, .dxsmLevel0Flow_BMP a, .dxsmLevel0CategorizedFlow_BMP a, .dxsmLevel0CategorizedFlow_BMP
{
    color: #0000cd;    
    font-family: Tahoma, Verdana, Arial;	
    font-weight: bold;
    font-size: 9pt;
	text-decoration: underline;
}
.dxsmLevel0Flow_BMP
{
    padding: 0px 0px 0px 0px;    
}
.dxsmLevel0Flow_BMP
{
    text-decoration: none;    
}
.dxsmLevel0CategorizedFlow_BMP
{
	padding: 1px 16px;
}

/* - Level 1 - */
.dxsmLevel1_BMP, .dxsmLevel1_BMP a, .dxsmLevel1Categorized_BMP a, .dxsmLevel1Categorized_BMP
{    
    font-family: 9pt;
    font-family: Verdana;
    color: #0000cd;  
    font-size: 8pt;
    text-decoration: none;    
}
.dxsmLevel1_BMP, .dxsmLevel1Categorized_BMP
{
    white-space: nowrap;  
    padding: 0px 10px;
}

/*flow layout*/
.dxsmLevel1Flow_BMP, .dxsmLevel1Flow_BMP a, .dxsmLevel1CategorizedFlow_BMP, .dxsmLevel1CategorizedFlow_BMP a
{    
    color: #0000cd;    
    font-family: Tahoma, Verdana, Arial;	
    font-size: 9pt;
	text-decoration: underline;
}
.dxsmLevel1Flow_BMP
{
    text-decoration: none;
    padding: 0px 0px 0px 0px;
}

/* - Level 2 - */
.dxsmLevel2_BMP, .dxsmLevel2_BMP a, .dxsmLevel2Categorized_BMP a, .dxsmLevel2Categorized_BMP
{    
    font-size: 8pt;
    font-family: Verdana;
    color: #bebebe;
    text-decoration: none;    
}
.dxsmLevel2_BMP, .dxsmLevel2Categorized_BMP
{
    white-space:nowrap;
    padding: 0px 10px;
}
/*flow layout*/
.dxsmLevel2Flow_BMP, .dxsmLevel2Flow_BMP a
{
    color: #0000cd;
    font-size: 8pt;    
    font-family: Tahoma, Verdana, Arial;	
	text-decoration:underline;    
}
.dxsmLevel2Flow_BMP
{
    padding: 0px 0px 0px 0px;
}
/* - Level 3 - */
.dxsmLevel3_BMP, .dxsmLevel3_BMP a
{    
    font-size: 7pt;
    font-family: Verdana;
    color: #4682b4;
    text-decoration: none;
}
.dxsmLevel3_BMP
{
    white-space: nowrap;        
    padding: 0px 10px;
}
/*flow layout*/
.dxsmLevel3Flow_BMP, .dxsmLevel3Flow_BMP a
{    
    color: #0000cd;
    font-size: 7pt;
    font-family: Tahoma, Verdana, Arial;	
	text-decoration: underline;    
}
/* - Level 4 - */
.dxsmLevel4_BMP, .dxsmLevel4_BMP a
{    
    font-size: 7pt;
    font-family: Verdana;
    color: #6495ed;
    text-decoration: none;
}
.dxsmLevel4_BMP
{
    white-space: nowrap;
    padding: 0px 10px;
}
/*flow layout*/
.dxsmLevel4Flow_BMP, .dxsmLevel4Flow_BMP a
{
    color: #0000cd;
    font-family: Tahoma, Verdana, Arial;	
    font-size: 7pt;
	text-decoration: underline;        
}
.dxsmLevel4Flow_BMP
{
    padding: 0px 0px 0px 0px;        
}
/* - Other Levels - */
.dxsmLevelOther_BMP
{    
    font-size: 7pt;
    font-family: Verdana;
    color: #A8A8A8;
    text-decoration: none;
}
.dxsmLevelOther_BMP
{
    white-space:nowrap;
    padding: 0px 0px 0px 0px;            
}
/*flow layout*/
.dxsmLevelOtherFlow_BMP, .dxsmLevelOtherFlow_BMP a
{
    color: #A8A8A8;
    font-family: Tahoma, Verdana, Arial;	
    font-size: 7pt;
	text-decoration: underline;            
}


/* -- Custom Tables -- */
.tbl, .tblMain {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-collapse: collapse;
    width: 100%;
}

.tblheading, .tblhead {
    background: linear-gradient(to right, #fbbf24, #facc15, #fbbf24) !important;
    color: #78350f !important;
    font-weight: 600;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
}

.tblrow, .tblrow1, .tblrowalt {
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
}

.tblrow:hover, .tblrow1:hover {
    background: rgba(245, 158, 11, 0.04);
}

.tblrowalt {
    background: rgba(0, 0, 0, 0.02);
}

.tblrowalt:hover {
    background: rgba(245, 158, 11, 0.04);
}

/* -- Custom Form Classes -- */
.label, .lbl, .lblBold, .lblHeader {
    color: #111827;
    font-weight: 500;
    padding: 6px 0;
}

.heading, .header, .title {
    color: #78350f;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 8px;
}

.txt, .txtBox, input[type="text"], input[type="email"],
input[type="password"], input[type="number"], textarea {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 8px 12px;
    color: #111827;
}

.txt:focus, .txtBox:focus {
    border-color: #f59e0b;
    outline: none;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15);
}

.error, .errormsg, .lblError {
    color: #dc2626;
    font-size: 13px;
    font-weight: 500;
}

.alert {
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}

.alert-success {
    background: rgba(21, 128, 61, 0.1);
    border: 1px solid #15803d;
    color: #15803d;
}

.alert-warning {
    background: rgba(217, 119, 6, 0.1);
    border: 1px solid #ced4da;
    color: #ced4da;
}

.alert-danger {
    background: rgba(220, 38, 38, 0.1);
    border: 1px solid #dc2626;
    color: #dc2626;
}

.alert-info {
    background: rgba(8, 145, 178, 0.1);
    border: 1px solid #0891b2;
    color: #0e7490;
}

/* -- Common -- */
.dxDisabled_BMP
{
	color: #808080!important;
	cursor: default!important;
}

/* ═══════════════════════════════════════════════════════
   FORM PAGE STYLES — Black & Amber Theme
   Based on Bootstrap 5.3
══════════════════════════════════════════════════════ */

/* ── CSS Variables ───────────────────────────────── */
:root {
    --amber-50: #fffbeb;
    --amber-100: #e9ecef;
    --amber-200: #fde68a;
    --amber-400: #fbbf24;
    --amber-500: #f59e0b;
    --amber-600: #ced4da;
    --amber-700: #b45309;
    --amber-900: #78350f;
    --yellow-400: #facc15;
    --yellow-200: #fef08a;
    --bg-primary: #ffffff;
    --bg-secondary: #f9fafb;
    --text-primary: #111827;
    --text-secondary: #6b7280;
    --text-muted: #9ca3af;
    --border-color: #e5e7eb;
    --success: #15803d;
    --danger: #dc2626;
    --info: #0891b2;
}

/* ── Interface Header ──────────────────────────────── */
.interface-header {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 16px;
}

.interface-title-icon {
    font-size: 1.25rem;
    color: var(--amber-600);
}

.interface-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
    letter-spacing: -0.01em;
    margin: 0;
}

.interface-subtitle {
    font-size: .8125rem;
    color: #6b7280;
    margin-top: 2px;
    margin-bottom: 0;
}

/* ── Form Card & Tabs ───────────────────────────── */
.form-card {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.form-tabs {
    background: #f9fafb;
    border-bottom: 2px solid #e5e7eb;
    padding: 0;
    margin: 0;
    display: flex;
}

.form-tabs .nav-link {
    border: none;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    font-size: .875rem;
    font-weight: 500;
    color: #6b7280;
    padding: 12px 20px;
    transition: color .15s, background .15s;
}

.form-tabs .nav-link:hover {
    color: #374151;
    background: #f3f4f6;
    border-bottom-color: #d1d5db;
}

.form-tabs .nav-link.active {
    color: #b45309;
    background: #fff;
    border-bottom-color: #f59e0b;
    font-weight: 600;
}

/* ── List View — Toolbar ─────────────────────── */
.list-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
    padding: 12px;
}

/* ── Data Grid Table ──────────────────────────── */
.datagrid {
    font-size: .875rem;
    width: 100%;
    border-collapse: collapse;
}

.datagrid thead th {
    background: #f9fafb;
    border-bottom: 2px solid #e5e7eb;
    padding: 10px 12px;
    white-space: nowrap;
    font-size: .75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
}

.datagrid tbody td {
    padding: 12px;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
    color: #111827;
}

.datagrid tbody tr:hover {
    background: #fafafa;
}

.datagrid tbody tr:last-child td {
    border-bottom: none;
}

/* Checkbox column */
.th-check, .td-check {
    width: 40px;
    padding-left: 12px !important;
    padding-right: 4px !important;
}

/* User avatar initials */
.user-avatar-sm {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fbbf24;
    color: #78350f;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .6875rem;
    font-weight: 700;
    flex-shrink: 0;
}

/* Role badges */
.badge-role {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: .75rem;
    font-weight: 500;
    white-space: nowrap;
}

.badge-admin { background: #e9ecef; color: #92400e; }
.badge-editor { background: #dbeafe; color: #1e40af; }
.badge-viewer { background: #f3f4f6; color: #374151; }

/* Status badges */
.badge-status {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: .75rem;
    font-weight: 500;
}

.badge-active  { background: #dcfce7; color: #15803d; }
.badge-inactive { background: #f3f4f6; color: #6b7280; }
.badge-pending { background: #fef9c3; color: #854d0e; }

/* Action buttons in grid */
.datagrid .btn-action {
    padding: 4px 8px;
    font-size: .875rem;
    border-radius: 4px;
}

/* ── Detail View — Sections ──────────────── */
.detail-form-inner {
    padding: 16px;
}

.detail-section {
    padding: 20px 0;
    border-bottom: 1px solid #f3f4f6;
}

.detail-section:last-child {
    border-bottom: none;
}

.detail-section-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e7eb;
}

.detail-section-icon {
    font-size: 1rem;
    color: #ced4da;
}

.detail-section-title {
    font-size: .9375rem;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

/* ── Detail View — Labels ─────────────────────── */
.detail-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .8125rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 5px;
}

.detail-label-icon {
    font-size: .875rem;
    color: #ced4da;
}

.detail-hint {
    display: block;
    font-size: .75rem;
    color: #9ca3af;
    margin-top: 3px;
}

/* ── Form Controls ──────────────────────────── */
.form-control, .form-select, input[type="text"], 
input[type="email"], input[type="password"],
input[type="number"], textarea, select {
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    font-size: .875rem;
    color: #111827;
    background: #fff;
    padding: 8px 12px;
    transition: border-color .15s, box-shadow .15s;
    width: 100%;
}

.form-control:focus, .form-select:focus,
input[type="text"]:focus, input[type="email"]:focus,
input[type="password"]:focus, input[type="number"]:focus,
textarea:focus, select:focus {
    border-color: #fbbf24;
    /*box-shadow: 0 0 0 3px rgba(251,191,36,.18);*/
    outline: none;
}

.form-control::placeholder {
    color: #d1d5db;
}

/* ── Input Group ───────────────────────────── */
.input-group {
    display: flex;
    flex-wrap: wrap;
}

.input-group-text {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px 0 0 8px;
    padding: 8px 12px;
    font-size: .875rem;
    color: #6b7280;
}

.input-group .form-control {
    border-radius: 0 8px 8px 0;
}

/* ── Buttons ─────────────────────────────── */
.btn {
    font-size: .875rem;
    font-weight: 500;
    border-radius: 8px;
    padding: 8px 16px;
    transition: all .15s;
}

.btn-primary, .btn-amber {
    background: linear-gradient(to right, #fbbf24, #facc15);
    color: #78350f;
    border: none;
    font-weight: 600;
}

.btn-primary:hover, .btn-amber:hover {
    opacity: 0.92;
    box-shadow: 0 2px 8px rgba(245,158,11,.35);
    color: #78350f;
}

.btn-secondary, .btn-outline-secondary {
    background: #fff;
    border: 1px solid #e5e7eb;
    color: #374151;
}

.btn-secondary:hover, .btn-outline-secondary:hover {
    background: #f3f4f6;
    border-color: #d1d5db;
    color: #111827;
}

.btn-danger, .btn-outline-danger {
    background: #fff;
    border: 1px solid #dc2626;
    color: #dc2626;
}

.btn-danger:hover, .btn-outline-danger:hover {
    background: #dc2626;
    color: #fff;
}

/* ── Pagination ───────────────────────── */
.pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 12px;
}

.pagination .page-item .page-link {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    color: #374151;
    padding: 6px 12px;
    font-size: .875rem;
}

.pagination .page-item .page-link:hover {
    background: #f3f4f6;
}

.pagination .page-item.active .page-link {
    background: #fbbf24;
    border-color: #fbbf24;
    color: #78350f;
    font-weight: 600;
}

.pagination .page-item.disabled .page-link {
    background: #f3f4f6;
    color: #9ca3af;
    border-color: #e5e7eb;
}

/* ── Bottom Action Bar ─────────────────────── */
.detail-actions-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-top: 1px solid #e5e7eb;
}

.record-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: .8125rem;
    color: #6b7280;
}

.record-pos-label { color: #9ca3af; }
.record-pos { font-weight: 600; color: #111827; }
.record-total { color: #6b7280; }

.action-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

/* ── Cards ─────────────────────────────── */
.card {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
}

.card-header {
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
    padding: 12px 16px;
    font-weight: 600;
    color: #111827;
}

/* ── Dropdowns ─────────────────────────── */
.dropdown-menu {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(0,0,0,.1);
    font-size: .875rem;
}

.dropdown-item {
    border-radius: 6px;
    padding: 8px 12px;
}

.dropdown-item:hover {
    background: #f3f4f6;
}

.dropdown-header {
    font-size: .75rem;
    color: #6b7280;
    padding: 8px 12px;
}

/* ── Table Styles (Bootstrap-like) ────────── */
.table {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
}

.table th, .table td {
    padding: 10px 12px;
    border-bottom: 1px solid #e5e7eb;
    vertical-align: middle;
}

.table thead th {
    background: #f9fafb;
    border-bottom: 2px solid #e5e7eb;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    font-size: .75rem;
}

.table tbody tr:hover {
    background: #fafafa;
}

.table-striped tbody tr:nth-child(odd) {
    background: #f9fafb;
}

/* ── Custom Tables (.tbl, .tblrow, etc) ──── */
.tbl, .tblMain {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-collapse: collapse;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.tblheading, .tblhead {
    background: linear-gradient(180, #fbbf24, #facc15, #fbbf24) !important;
    color: #78350f !important;
    font-weight: 600;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
}

.tblrow, .tblrow1, .tblrowalt {
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
}

.tblrow:hover, .tblrow1:hover {
    background: rgba(251, 191, 36, 0.04);
}

.tblrowalt {
    background: rgba(0, 0, 0, 0.02);
}

.tblrowalt:hover {
    background: rgba(251, 191, 36, 0.04);
}

/* ── Legacy Form Classes ─────────────────────── */
.label, .lbl, .lblBold, .lblHeader {
    color: #111827;
    font-weight: 500;
    padding: 6px 0;
    font-size: .875rem;
}

.heading, .header, .title {
    color: #78350f;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 8px;
}

.txt, .txtBox {
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    padding: 8px 12px;
    font-size: .875rem;
    color: #111827;
    background: #fff;
}

.txt:focus, .txtBox:focus {
    border-color: #fbbf24;
    box-shadow: 0 0 0 3px rgba(251,191,36,.18);
    outline: none;
}

.error, .errormsg, .lblError {
    color: #dc2626;
    font-size: .8125rem;
    font-weight: 500;
}

/* ── Alert Boxes ───────────────────────── */
.alert {
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    border: 1px solid transparent;
}

.alert-success {
    background: rgba(21, 128, 61, 0.1);
    border-color: #15803d;
    color: #15803d;
}

.alert-warning {
    background: rgba(217, 119, 6, 0.1);
    border-color: #ced4da;
    color: #ced4da;
}

.alert-danger {
    background: rgba(220, 38, 38, 0.1);
    border-color: #dc2626;
    color: #dc2626;
}

.alert-info {
    background: rgba(8, 145, 178, 0.1);
    border-color: #0891b2;
    color: #0e7490;
}

/* ── Breadcrumb ───────────────────────── */
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 0;
    margin: 0;
    list-style: none;
    font-size: .875rem;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "›";
    padding: 0 8px;
    color: #9ca3af;
}

.breadcrumb-item a {
    color: #6b7280;
    text-decoration: none;
}

.breadcrumb-item a:hover {
    color: #111827;
    text-decoration: underline;
}

.breadcrumb-item.active {
    color: #111827;
    font-weight: 500;
}

/* ── Badges ─────────────���────────────── */
.badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: .75rem;
    font-weight: 500;
}

.badge-primary { background: #fbbf24; color: #78350f; }
.badge-success { background: #dcfce7; color: #15803d; }
.badge-warning { background: #fef9c3; color: #854d0e; }
.badge-danger { background: #fee2e2; color: #dc2626; }
.badge-info { background: #cffafe; color: #0891b2; }
.badge-secondary { background: #f3f4f6; color: #374151; }

/* ═══════════════════════════════════════════════════════
   DEFAULT BUTTON STYLES (Bootstrap 5.3)
   Applied to buttons without class attribute
══════════════════════════════════════════════════════ */

/* Base button styles */
button, 
input[type="button"], 
input[type="submit"], 
input[type="reset"],
.aspButton,
input.aspButton {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    border-radius: .375rem;
    padding: .375rem .75rem;
    cursor: pointer;
    transition: all .15s ease-in-out;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    line-height: 1.5;
}

/* Primary - Blue gradient (Bootstrap default) */
button:not([class*="btn-"]):not([class*="outline"]):not([class*="secondary"]):not([class*="danger"]):not([class*="success"]):not([class*="warning"]):not([class*="info"]):not([class*="light"]):not([class*="dark"]),
input[type="submit"]:not([class*="btn-"]),
.btn-primary {
    color: #fff;
    background: linear-gradient(180deg, #0d6efd 0%, #0b5ed7 100%);
    border-color: #0b5ed7;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

button:not([class*="btn-"]):not([class*="outline"]):not([class*="secondary"]):not([class*="danger"]):not([class*="success"]):not([class*="warning"]):not([class*="info"]):not([class*="light"]):not([class*="dark"]):hover,
input[type="submit"]:not([class*="btn-"]):hover,
.btn-primary:hover {
    color: #fff;
    background: linear-gradient(180deg, #0b5ed7 0%, #0a58ca 100%);
    border-color: #0a58ca;
}

button:not([class*="btn-"]):not([class*="outline"]):not([class*="secondary"]):not([class*="danger"]):not([class*="success"]):not([class*="warning"]):not([class*="info"]):not([class*="light"]):not([class*="dark"]):active,
input[type="submit"]:not([class*="btn-"]):active,
.btn-primary:active {
    color: #fff;
    background: linear-gradient(180deg, #0a58ca 0%, #0a58ca 100%);
    border-color: #0a58ca;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* Secondary - Gray */
button[class*="secondary"],
.btn-secondary {
    color: #fff;
    background: linear-gradient(180deg, #6c757d 0%, #5a6268 100%);
    border-color: #5a6268;
}

button[class*="secondary"]:hover,
.btn-secondary:hover {
    color: #fff;
    background: linear-gradient(180deg, #5a6268 0%, #545b62 100%);
    border-color: #545b62;
}

/* Success - Green */
button[class*="success"],
button[class*="save"],
.btn-success {
    color: #fff;
    background: linear-gradient(180deg, #198754 0%, #157347 100%);
    border-color: #157347;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

button[class*="success"]:hover,
button[class*="save"]:hover,
.btn-success:hover {
    color: #fff;
    background: linear-gradient(180deg, #157347 0%, #146c43 100%);
    border-color: #146c43;
}

/* Danger - Red */
button[class*="danger"],
button[class*="delete"],
.btn-danger {
    color: #fff;
    background: linear-gradient(180deg, #dc3545 0%, #bb2d3b 100%);
    border-color: #bb2d3b;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

button[class*="danger"]:hover,
button[class*="delete"]:hover,
.btn-danger:hover {
    color: #fff;
    background: linear-gradient(180deg, #bb2d3b 0%, #b02a37 100%);
    border-color: #b02a37;
}

/* Warning - Yellow/Orange */
button[class*="warning"],
.btn-warning {
    color: #000;
    background: linear-gradient(180deg, #e9ecef 0%, #dee2e6 100%);
    border-color: #dee2e6;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

button[class*="warning"]:hover,
.btn-warning:hover {
    color: #000;
    background: linear-gradient(180deg, #dee2e6 0%, #e9ecef 100%);
    border-color: #e9ecef;
}

/* Info - Cyan */
button[class*="info"],
.btn-info {
    color: #fff;
    background: linear-gradient(180deg, #0dcaf0 0%, #31d2f2 100%);
    border-color: #31d2f2;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

button[class*="info"]:hover,
.btn-info:hover {
    color: #fff;
    background: linear-gradient(180deg, #31d2f2 0%, #0dcaf0 100%);
    border-color: #0dcaf0;
}

/* Light */
button[class*="light"],
.btn-light {
    color: #000;
    background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%);
    border-color: #e9ecef;
}

button[class*="light"]:hover,
.btn-light:hover {
    color: #000;
    background: linear-gradient(180deg, #e9ecef 0%, #dee2e6 100%);
    border-color: #dee2e6;
}

/* Dark */
button[class*="dark"],
.btn-dark {
    color: #fff;
    background: linear-gradient(180deg, #212529 0%, #343a40 100%);
    border-color: #343a40;
}

button[class*="dark"]:hover,
.btn-dark:hover {
    color: #fff;
    background: linear-gradient(180deg, #343a40 0%, #212529 100%);
    border-color: #212529;
}

/* Outline variants */
button[class*="outline"],
.btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd;
    background: transparent;
}

button[class*="outline"]:hover,
.btn-outline-primary:hover {
    color: #fff;
    background: #0d6efd;
}

button.btn-outline-secondary,
button[class*="outline-secondary"] {
    color: #6c757d;
    border-color: #6c757d;
    background: transparent;
}

button.btn-outline-secondary:hover,
button[class*="outline-secondary"]:hover {
    color: #fff;
    background: #6c757d;
}

button.btn-outline-danger,
button[class*="outline-danger"] {
    color: #dc3545;
    border-color: #dc3545;
    background: transparent;
}

button.btn-outline-danger:hover,
button[class*="outline-danger"]:hover {
    color: #fff;
    background: #dc3545;
}

button.btn-outline-success,
button[class*="outline-success"] {
    color: #198754;
    border-color: #198754;
    background: transparent;
}

button.btn-outline-success:hover,
button[class*="outline-success"]:hover {
    color: #fff;
    background: #198754;
}

/* Small buttons */
button[class*="sm"],
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem;
}

/* Large buttons */
button[class*="lg"],
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.125rem;
    border-radius: .5rem;
}

/* Disabled buttons */
button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
button[disabled] {
    opacity: 0.65;
    cursor: not-allowed;
    pointer-events: none;
}
.btn-danger:hover {
    background: #dc2626;
    color: #fff;
}

/* Success button - Green */
button[class*="success"],
button[class*="save"],
.btn-success {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    border: 1px solid #16a34a;
    color: #fff;
}

button[class*="success"]:hover,
button[class*="save"]:hover,
.btn-success:hover {
    background: #16a34a;
    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
}

/* Outline variants */
button[class*="outline"],
.btn-outline {
    background: transparent;
    border: 1px solid #e5e7eb;
    color: #374151;
}

button[class*="outline"]:hover,
.btn-outline:hover {
    background: #f3f4f6;
    border-color: #d1d5db;
}

/* Small buttons */
button.small,
button[class*="sm"],
.btn-sm {
    padding: 4px 12px;
    font-size: .8125rem;
}

/* Large buttons */
button.large,
button[class*="lg"],
.btn-lg {
    padding: 12px 24px;
    font-size: 1rem;
}

/* Disabled buttons */
button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
button[disabled],
.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}