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
%20xmlns%3D%22http%3A%2F%2Fwww
.w3
.org
%2F2000%2Fsvg%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
%20192h257
.3c17
.8
%200%2026
.7
%2021
.5
%2014
.1
%2034
.1L174
.1
%20354
.8c-7
.8
%207
.8-20
.5
%207
.8-28
.3
%200L17
.2
%20226
.1C4
.6
%20213
.5
%2013
.5
%20192%2031
.3
%20192z%22%2F%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 {
	float: left;
	background-color: rgb(236, 247, 254);
	border: 1px solid rgb(189, 189, 189);
	max-width: max-content;
}

.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;
    	overflow-wrap: anywhere;
    	overflow: visible;
}

.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: inline-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; 
 }
 
 .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;
}