input[type="radio"] {
	margin: 2px !important;
	margin-bottom: 4px !important;
}

table:focus, div:focus, a:focus, button:focus {
	outline: none;
}

input:focus, select:focus, textarea:focus {
	outline-color: #249ef5;
	outline-width: 1px;
	outline-style: solid;
	outline-offset: -2px;
}

input:read-only, select:read-only, textarea:read-only, input:disabled,
	select:disabled, textarea:disabled, .select2-container--default.select2-container--disabled .select2-selection--single,
	.select2-container--default.select2-container--disabled .select2-selection--multiple
	{
	outline: none !important;
}

.select2-container .select2-selection--single {
	display: grid !important;
}

input[type="radio"]:focus {
	outline: 2px auto #249ef5;
	outline-offset: 2px;
}

select
 
:not
 
(
[
multiple
]
 
)
{
padding
 
:
 
0
px
 
16
px
 
0
px
 
5
px
 
!
important
 
;
-webkit-appearance
 
:
 
none
 
;
-moz-appearance
 
:
 
none
 
;
appearance
 
:
 
none
 
;
border-radius
 
:
 
0
px
 
;
background-image
 
:
 
url
 
(
'
data
 
:image
/svg
+
xml
,
%3
Csvg
 
%20
xmlns
 
%3
D
%22http%3A%2F%2Fwww
 
.w3
 
.org
 
%2
F2000
 
%2
Fsvg
%22%20viewBox%3D%220%200%20320%20512%22%20width%3D%2216px%22%20height%3D%2216px%22%3E%3Cpath%20fill%3D%22%23249ef5%22%20d%3D%22M31
 
.3
 
%20192
h257
 
.3c17
 
.8
 
%200%2026
.7
 
%2021
.5
 
%2014
.1
 
%2034
.1L174
 
.1
 
%20354
.8c-7
 
.8
 
%207
.8-20
 
.5
 
%207
.8-28
 
.3
 
%200
L17
 
.2
 
%20226
.1C4
 
.6
 
%20213
.5
 
%2013
.5
 
%20192%2031
.3
 
%20192
z
 
%22%2
F
%3E%3C%2Fsvg%3E'
 
);
background-repeat
 
:
 
no-repeat
 
;
background-position
 
:
 
right
 
center
 
;
background-color
 
:
 
white
 
;
}
/* CAUTION: IE hackery ahead */
select::-ms-expand {
	display: none;
	/* remove default arrow on ie10 and ie11 */
}
/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
	select {
		background: none\9;
		padding: 5px\9;
	}
}

svg {
	stroke: currentColor;
	fill: currentColor;
	stroke-width: 0;
	display: inline-block;
	outline: none;
}

svg use {
	pointer-events: none;
}

.coreLightBgAlt {
	background-color: #2ec279;
}

.coreLightBg {
	background-color: #249ef5;
}

.coreTransparentBg {
	background-color: transparent;
}

.coreDarkBg {
	background-color: #0b3764;
}

.coreGreenBg {
	background-color: #2ec279;
}

.coreOrangeBg {
	background-color: #f7a70c;
}

.coreWhiteBg {
	background-color: white;
}

.coreDialog {
	border: 1px solid #0b3764;
	border-radius: 5px;
	background-color: "#FFFFFF";
}

.coreTextLightBlue {
	color: #249ef5;
}

.coreTextLightGray {
	color: #212121;
}

.calEventDiv {
	color: #212121;
	font-size: 12px;
	line-height: 15px;
}

.coreIconLightGray {
	color: rgb(189, 189, 189);
}

.coreDocumentIcon, .coreDocumentIcon>svg {
	color: white !important;
}

.coreDocumentIcon:hover {
	color: rgba(255, 255, 255, 0.8);
	/*background: rgba(236, 240, 242, 0.2);
    */
	border: 1px solid white !important;
	border-radius: 2px;
}

.coreHelpIcon, .coreHelpIcon>svg {
	color: rgb(187, 45, 153) !important;
	position: relative;
	top: -2px;
}

.coreHelpIcon:hover {
	color: rgba(187, 45, 153, 0.8);
	border: 1px solid rgb(187, 45, 153) !important;
	border-radius: 2px;
}

.coreDocumentSubIcon, .coreDocumentSubIcon>svg {
	color: black !important;
}

.coreDocumentSubIcon:hover {
	color: rgba(0, 0, 0, 0.8);
	/*background: rgba(236, 240, 242, 0.2);
    */
	border: 1px solid black !important;
}

div[id^="FieldProperty"] .legitRipple-ripple {
	background: #249ef5;
}

.coreTextLightBlue .legitRipple-ripple {
	background: #249ef5;
}

.treeNode .legitRipple-ripple {
	background: #249ef5;
}

.recentNode .legitRipple-ripple {
	background: #249ef5;
}

.coreTextLightBlueBold {
	color: #249ef5;
	font-weight: bold;
}

.coreTextLightOrangeBold {
	background-color: #f7a70c;
	color: white;
	font-weight: bold;
}

.coreTextLightGreen {
	color: #2ec279;
}

.coreTextDarkBlue {
	color: #212121;
}

.coreTextDarkBlueBold {
	font-weight: bold;
	color: #212121;
}

.coreTextDarkGreenBold {
	font-weight: bold;
	color: #2ec279;
}

.coreTextWhite {
	color: #FFFFFF;
}

.coreTextWhiteBold {
	color: #FFFFFF;
	font-weight: bold;
}

.coreLabel {
	font-size: 13px;
	color: #212121;
	stroke: currentColor;
	fill: currentColor;
}

.coreTreeTitle {
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
}

.coreTreeTitleDashboard {
	color: #212121;
}

.coreTreeHeaderBlue {
	font-size: 16px;
	font-weight: normal;
	color: #212121;
}

.coreTreeHeaderBlueSub {
	padding-left: 20px !important;
	font-weight: normal;
	color: #212121;
}

.coreTreeHeaderGreen {
	font-size: 16px;
	font-weight: normal;
	color: #2ec279;
}

.coreTreeHeaderGreenSub {
	padding-left: 20px !important;
	font-weight: normal;
	color: #2ec279;
}

.coreTextOrange {
	color: #f7a70c;
}

.coreTreeHeaderOrange {
	font-size: 16px;
	font-weight: bold;
	color: #f7a70c;
}

.coreTreeBgBlue {
	background-color: #F8FDFF;
}

.coreTreeBgBlueSeparator {
	background: linear-gradient(#daeefd, #ecf7fe);
	margin-left: 4px !important;
}

.coreTreeBgGraySeparator {
	background: linear-gradient(rgb(240, 240, 240), rgb(255, 255, 255));
}

.coreTreeBgGreen {
	background-color: #F8FDFF;
}

.coreTreeBgGreenSaprator {
	background: linear-gradient(#dcf5ec, #f5fffb);
}

.coreWorkspaceProject {
	background-color: #123861;
	color: #FFFFFF;
	font-size: 14px;
	border-radius: 20px;
}

.coreButtonBlue {
	border: 1px rgb(189, 189, 189) solid !important;
	border-radius: 30px;
	text-align: center !important;
	background-color: white;
	position: relative;
	box-shadow: rgb(189, 189, 189) 1px 1px 8px -3px;
	padding-right: 10px;
	padding-left: 10px;
}

.coreMenuItem {
	padding: 0px 10px;
	height: 26px;
	font-size: 13px;
}

.coreMenuArrowUpOrange {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f7a70c;
}

.coreMenuArrowUpBlue {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #249ef5;
}

.coreMenuArrowUpGrey {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #e5e5e5;
}

.coreMenuArrowDownOrange {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #f7a70c;
}

.coreMenuArrowDownBlue {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #249ef5;
}

.docSubToolbar {
	height: 100% !important;
}

.docSubToolbar>table {
	height: 100% !important;
}

.docSubToolbar .DocumentFieldListDragGrid {
	border-left: 1px rgb(189, 189, 189) solid;
	border-right: 1px rgb(189, 189, 189) solid;
	box-sizing: border-box;
}

.docSubToolbar .DocumentFieldListDragGrid>table {
	height: 100% !important;
}

.docSubToolbar .DocumentFieldListDragGrid>table td {
	vertical-align: middle !important;
}

.coreIconButton {
	font-size: 16px;
	font-weight: bold;
}

.coreGrid {
	outline: none;
}

.coreGrid th {
	position: sticky;
	top: 0;
	z-index: 100;
}

.coreGridData tr td {
	
}

.coreGridDataRow td.coreGridDataRowCell, .coreGridDataRowSelected td.coreGridDataRowCell
	{
	/*padding-left: 5px !important;
    */
	
}

.coreGridDataRow:hover {
	background-color: #0000000D !important;
}

.coreGridDataRow:hover td.coreGridDataRowCell {
	/*background-color: transparent !important;
     border-top: 1px #cdcdcd solid !important;
     border-bottom: 1px #cdcdcd solid !important;
    */
	
}

.coreGridDataRow:hover .coreGridDataRowCell:first-child {
	border-left: 3px solid rgba(0, 159, 252, 0.50);
}

.coreFlatGridDataCell {
	border-left: 3px solid transparent !important;
}

.coreFlatGridDataCell:hover {
	border-left: 3px solid rgba(0, 159, 252, 0.50) !important;
}

.coreFlatGridDataCellSelected {
	border-left: 3px solid #009FFC !important;
	background: rgba(0, 0, 0, 0.1);
}

div.coreGrid {
	margin: 0px !important;
}

.topHorizontalShading {
	width: 100%;
	height: 15px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 0px,
		rgba(0, 0, 0, 0) 15px, rgba(0, 0, 0, 0) 100%);
	background-color: white;
}

.bottomHorizontalShading {
	width: 100%;
	height: 15px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.04) 0px,
		rgba(0, 0, 0, 0) 15px, rgba(0, 0, 0, 0) 100%);
	background-color: white;
}

.navTree {
	background-color: white;
}

i .navTreeHeader {
	background-color: #F8FDFF;
}

.coreToolbarIconSelected:not( svg ) {
	font-size: 24px !important;
	border: 2px transparent solid !important;
	border-radius: 5px !important;
	display: block !important;
	height: 38px !important;
	width: 38px !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 30px !important;
	border: 2px transparent solid !important;
	border-radius: 5px !important;
	color: white !important;
	opacity: 1 !important;
}

.coreToolbarIconSelected>svg {
	margin-top: 3px;
	height: 30px !important;
	width: 30px !important;
	color: rgb(41, 180, 142) !important;
	opacity: 1 !important;
}

.coreToolbarIconSelected>svg path {
	fill: rgb(41, 180, 142) !important;
}

.coreToolbarIconSelected:hover svg {
	color: rgb(41, 180, 142) !important;
	opacity: 1 !important;
}

.coreToolbarIcon:not( svg ) {
	font-size: 24px !important;
	display: block !important;
	height: 38px !important;
	width: 38px !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 30px !important;
}

.coreToolbarIcon>svg {
	margin-top: 3px;
	height: 30px !important;
	width: 30px !important;
	color: white !important;
	opacity: 1 !important;
}

.coreToolbarIconHighlight>svg {
	color: yellow !important;
}

.coreToolbarIcon:not( svg ):hover {
	background-color: rgb(60, 95, 131);
}

.coreToolbarIcon:hover, .coreToolbarIcon:hover svg {
	opacity: 0.8 !important;
}

.advancedSearchEllipsis:hover {
	background-color: #0000000D !important;
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}

.advancedSearchEllipsis>svg:hover {
	background-color: transparent !important;
}

.advancedSearchEllipsis {
	width: 36px !important;
	height: 30px !important;
	cursor: default !important;
	user-select: none !important;
	padding-top: 0px !important;
	padding-left: 3px !important;
	position: relative !important;
	border-left: 1px #e6e6e6 solid !important;
}

.advancedSearchEllipsis>svg {
	width: 20px !important;
	height: 21px !important;
	cursor: default !important;
	user-select: none !important;
	position: absolute !important;
	top: 4px !important;
	left: 5px !important;
	border: none !important;
}

.pasteZone {
	border-radius: 0px !important;
	outline: none !important;
	background-color: white;
}

.qq-upload-button {
	float: right !important;
	right: 0px !important;
	display: block !important;
	width: 100px !important;
	padding: 0 0 0 0 !important;
	text-align: center !important;
	border: 1px solid rgb(189, 189, 189);
	border-radius: 0px !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	background: white !important;
	font-family: Roboto !important;
	height: 28px !important;
	color: #999 !important;
}

.toolbarUserIconDiv {
	color: white !important;
	font-size: 18px !important;
	line-height: 35px !important;
	-webkit-border-radius: 99em !important;
	-moz-border-radius: 99em !important;
	border: 2px rgb(54, 159, 242) solid !important;
	border-radius: 99em !important;
	display: block !important;
	margin-top: 40px !important;
	width: 41px !important;
	height: 41px !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	position: relative !important;
	background-color: rgb(57, 193, 123) !important;
}

.toolbarUserIconDiv>img {
	width: 41px !important;
	height: 41px !important;
	-webkit-border-radius: 99em !important;
	-moz-border-radius: 99em !important;
	border-radius: 99em !important;
	position: relative !important;
	z-index: 2 !important;
}

.toolbarUserIconDiv>div {
	position: relative !important;
	top: -48px !important;
	z-index: 1 !important;
}

.toolbarUserIconDiv:hover {
	border: 2px white solid !important;
}

.toolbarUserIconDiv:hover div {
	color: white !important;
}

.effect-underline:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: 0px;
	left: 0;
	background: #9CF5A6;
	visibility: hidden;
	border-radius: 5px;
	transform: scaleX(0);
	transition: .25s linear;
}

.effect-underline:hover:after, .effect-underline:focus:after {
	visibility: visible;
	transform: scaleX(1);
}

.customField {
	border: 2px rgb(155, 175, 190) solid;
	border-radius: 5px;
	color: rgb(155, 175, 190);
}

.customField:hover {
	border: 2px rgb(41, 180, 142) solid;
	color: rgb(41, 180, 142);
}

.customField:hover>svg {
	color: rgb(41, 180, 142);
}

.trackingDashboardWidget {
	background-color: white;
}

.trackingDashboardWidgetHeader {
	background-color: #e5e5e5;
}

.quickSearch, .quickSearch:focus {
	padding-left: 6px !important;
	outline: none;
}

.quickSearchLayout {
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 20px;
	background-color: #FFFFFF;
}

.blueTriangle {
	border-right: 15px solid transparent;
	border-left: 15px solid #249ef5;
	border-bottom: 15px solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}

#gettingStartedHeader:hover, #closeGettingStarted:hover {
	color: rgb(41, 180, 142);
}

.NavigationIconMenu:hover {
	background-color: #0000000D;
}

.NavigationIcon:hover {
	background-color: #0000000D;
}

.TreeNode:hover {
	background-color: #0000000D;
}

.treeNodeCollapse {
	display: none;
}

.TreeNode:hover .treeNodeCollapse {
	display: block;
}

.NavigationtTreeList {
	background: linear-gradient(top, rgba(255, 242, 0, 0.1) 15px,
		transparent, rgba(255, 242, 0, 0.1) 15px);
}

.NavigationToolbar {
	background-color: #F8FDFF;
	border-bottom: 1px rgb(230, 230, 230) solid;
}

.NavigationToolbarSeperator {
	background-color: rgb(230, 230, 230) !important;
	width: 1px !important;
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.ItemView, .ItemViewStart {
	background-color: rgb(248, 253, 255);
}

.DocumentChartFieldsSelectorIcon {
	border: 1px rgb(189, 189, 189) solid !important;
	margin: 5px !important;
	border-radius: 5px;
}

.DocumentChartFieldsSelectorIcon:hover, .List:hover {
	background-color: #0000000D;
}

.newSearchButton {
	padding-top: 0px !important;
}

.newSearchButton>table {
	border: 1px rgb(189, 189, 189) solid !important;
	border-radius: 30px;
	text-align: center !important;
	background-color: white;
	position: relative;
	box-shadow: rgb(189, 189, 189) 1px 1px 8px -3px;
}

.newSearchButton table svg {
	position: absolute !important;
	top: 12px !important;
	left: 25px;
}

.newAppButton {
	padding-top: 0px !important;
}

.newAppButton>table {
	border: 1px #f7a70c solid !important;
	border-radius: 30px;
	text-align: center !important;
	background-color: white;
	position: relative;
	box-shadow: #f7a70c 1px 1px 8px -3px;
}

.newAppButton table svg {
	position: absolute !important;
	top: 12px !important;
	left: 14px;
}

.newReportButton {
	padding-top: 0px !important;
}

.newReportButton>table {
	border: 1px #249ef5 solid !important;
	border-radius: 30px;
	text-align: center !important;
	background-color: white;
	position: relative;
	box-shadow: #249ef5 1px 1px 8px -3px;
}

.newReportButton table svg {
	position: absolute !important;
	top: 12px !important;
	left: 25px;
}

.emptyNavMsg {
	padding-left: 10px !important;
	font-style: italic;
}

.navTreeHeader svg.navTreeGearIcon, .NavigationTreeRecent svg.navTreeGearIcon,
	.coreGridDataRowCell svg.gridExternalIcon {
	display: none;
}

.navTreeHeader:hover svg.navTreeGearIcon, .NavigationTreeRecent:hover svg.navTreeGearIcon,
	.coreGridDataRowCell:hover svg.gridExternalIcon {
	display: inline-block;
}

.labelHighlight {
	font-size: 16px;
	font-weight: 400;
}

.manageSearchTable tr {
	border-left: 3px transparent solid;
}

.manageSearchTable tr:hover {
	border-left: 3px rgba(0, 159, 252, 0.50) solid;
}

.manageSearchTable tr svg.actionIcon {
	display: none;
}

.manageSearchTable tr:hover svg {
	display: block;
}

.manageSearchTableHeader {
	background-color: silver;
	height: 45px;
	font-size: 14px;
}

.manageCalendarTable tr {
	border-left: 3px transparent solid;
}

.manageCalendarTable tr:hover {
	border-left: 3px rgba(0, 159, 252, 0.50) solid;
}

.manageCalendarTable tr svg.actionIcon {
	display: none;
}

.manageCalendarTable tr:hover svg {
	display: block;
}

.manageCalendarTableHeader {
	background-color: silver;
	height: 45px;
	font-size: 14px;
}

.coreIconBadge {
	background: radial-gradient(5px -9px, circle, white 8%, red 26px);
	background-color: #2ec279;
	border: 2px solid white;
	border-radius: 12px;
	/* one half of ( (border * 2) + height + padding ) */
	box-shadow: 1px 1px 1px black;
	color: white;
	font: bold 15px/13px Helvetica, Verdana, Tahoma;
	height: 16px;
	min-width: 10px;
	height: 5px;
	min-height: 10px;
	padding: 2px;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	position: absolute;
}

.notificationUserIconDiv {
	color: white !important;
	border-radius: 99em !important;
	width: 31px !important;
	height: 31px !important;
	margin-top: 10px;
}

td.itemNotificationHeader {
	background-color: rgba(0, 0, 0, 0.1);
	font-size: 14px;
	font-weight: bold;
	padding: 10px 5px 10px 5px;
}

td.itemNotificationContent {
	padding: 2px 5px 2px 5px;
}

.tabButton {
	color: #212121;
	transition: background-color .2s ease-in;
	border-bottom: 3px transparent solid;
	opacity: .7;
}

.tabButtonSelected {
	color: #212121;
	transition: background-color .2s ease-in;
	font-weight: bold;
	border-bottom: 3px rgb(57, 193, 123) solid;
	opacity: 1;
}

.tabButton:hover, .tabButtonSelected:hover {
	background-color: #0000000D !IMPORTANT;
}

.gridDropDown {
	background-color: rgb(236, 247, 254);
	border: 1px solid rgb(189, 189, 189);
	max-width: max-content;
	font-weight: 430; /* works only if the font is variable */
  	font-variation-settings: "wght" 430;
}

.calendarDropDown {
	background-color: rgb(236, 247, 254);
	border: 1px solid rgb(189, 189, 189);
	max-width: max-content;
	padding-right: clamp(0px, 5%, 5px) !important;
	padding-left: clamp(0px, 5%, 5px) !important;
	;
}

.gridDropDown>div {
	line-height: 10px;
	text-align: center;
	word-break: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pillBorderRadius {
	border-radius: 5px;
	margin-right: 5px;
	padding: 3px 10px;
	margin-bottom: 2px;
	padding-right: clamp(0px, 5%, 10px);
	padding-left: clamp(0px, 5%, 10px);
	display: block;
}

.grid-stack {
	background: #FAFAD2;
}
/* .grid-stack-item {
     overflow: hidden;
}
*/
.grid-stack-item-content {
	background-color: white;
	border: 2px rgb(229, 229, 229) solid;
}

.grid-stack-item-content .e-pivotview .e-pivotchart>svg, .e-pivotview .e-pivotchart-inner>svg
	{
	border: none;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content {
    border-radius: 5px;
}

.pac-container {
	border-color: rgb(189, 189, 189);
	border-style: solid;
	border-width: 0px;
	background-color: white;
	border-radius: 0px;
	box-shadow: rgb(136, 136, 136) 3px 3px 5px;
	transition: visibility 0s linear 0s, opacity 0.2s linear;
	z-index: 1000000 !important;
}

span.layout_tag {
	color: orange;
	font-weight: bold;
}

.customActionButton {
	border: 1px rgb(189, 189, 189) solid !important;
	border-radius: 30px;
	text-align: center !important;
	background-color: white;
	position: relative;
	box-shadow: rgb(189, 189, 189) 1px 1px 8px -3px;
	margin-left: 5px !IMPORTANT;
	margin-right: 5px !IMPORTANT;
	font-size: 14px !IMPORTANT;
	height: 26px !IMPORTANT;
	line-height: 26px !IMPORTANT;
}

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 100px;
	background-color: #249ef5;
	color: white;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.validationErr {
	position: absolute;
	width: 3px;
	height: calc(100% - 4px);
	top: 2px;
	left: -2px;
	background-color: red;
	pointer-events: none;
	z-Index: 9999;
}

.context-menu {
	position: absolute;
	z-index: 1000;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 13px;
	font-weight: normal;
}

.context-menu ul {
	padding: 0px;
	margin: 0px;
}

.context-menu li {
	display: block;
	padding: 5px 10px;
	cursor: pointer;
}

.context-menu li:hover {
	background-color: #f2f2f2;
}

.context-menu li:first-child {
	border-top: none;
}

.context-menu li:last-child {
	border-bottom: none;
}

.autocomplete-container {
	position: relative;
	max-width: 400px;
	margin: 1rem auto;
}

.autocomplete-input {
	width: 100%;
	padding: 8px;
	box-sizing: border-box;
}

.autocomplete-list {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	border: 1px solid #ccc;
	background: #fff;
	max-height: 200px;
	overflow-y: auto;
	z-index: 1000;
}

.autocomplete-item {
	padding: 8px 10px;
	cursor: pointer;
}

.autocomplete-item:hover, .autocomplete-active {
	background-color: #e9e9e9;
}