/* ----Chosen plugin---- */

.chosen-container {
  font-size: 130px;
}
.chosen-container-single .chosen-single abbr {
	background: none;
}
.chosen-container-single .chosen-single div b {
	background: none;
}
/* - single */
.chosen-select + .chosen-container-active .chosen-single {
	border: 1px solid #aaa;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-select + .chosen-container-active.chosen-with-drop .chosen-single {
	border: 1px solid #aaa;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background: white;
	box-shadow: 0 1px 0 white inset;
}
.chosen-select + .chosen-container-single {
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
}
.chosen-select + .chosen-container-single .chosen-single {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-align: center;
	height: 23px;
	border-radius: 0;
	background-color: white;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	color: #3D972F;
	line-height: 24px;
	background: white;
}
.chosen-select + .chosen-container-single .chosen-single:hover {
	background-color: #00be1b;
	background: #00be1b;
	color: white;
}
.chosen-select + .chosen-container-single .chosen-results {
	background-color: white;
	color: #41A940;
}
.chosen-select + .chosen-container-single .chosen-results li.highlighted {
	background-color: white;
	background-image: none;
	color: #41A940;
}
.chosen-select + .chosen-container-single .chosen-results li.highlighted:hover {
	background-color: #00be1b;
	color: white;
}
.chosen-select + .chosen-container-single .chosen-drop {
	position: absolute;
	top: 100%;
	/*z-index: 1010;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border-top: 0;
	background: white;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
/* - multi */
.chosen-select + .chosen-container-active .chosen-multi {
	border: 1px solid #aaa;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-select + .chosen-container-active.chosen-with-drop .chosen-multi {
	border: 1px solid #aaa;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background: white;
	box-shadow: 0 1px 0 white inset;
}
.chosen-select + .chosen-container-multi {
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
	color: #41A940;
}
.chosen-select + .chosen-container-multi .chosen-multi {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-align: center;
	padding: 5px;
	height: 23px;
	border: #41A940 solid thin;
	border-radius: 0;
	background-color: white;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	color: #41A940;
	line-height: 24px;
	background: white;
}
.chosen-select + .chosen-container-multi .chosen-multi:hover {
	background-color: #00be1b;
	background: #00be1b;
	color: white;
}
.chosen-select + .chosen-container-multi .chosen-choices {
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto !important;
	height: 1%;
	border: 1px solid #aaa;
	background-color: white;
	background-image: none;
	cursor: text;
}
.chosen-select + .chosen-container-multi .chosen-drop {
	position: absolute;
	top: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border-top: 0;
	background: #fff;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-select + .chosen-container-multi .chosen-choices li.search-choice {
	position: relative;
	margin: 3px 0 3px 5px;
	padding: 3px 20px 3px 5px;
	border: 1px solid #aaa;
	border-radius: 3px;
	background-color: white;
	background-image: none;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
	color: #41A940;
	line-height: 13px;
	cursor: default;
}
.chosen-select + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	position: absolute;
	top: 4px;
	right: 3px;
	display: block;
	width: 12px;
	height: 12px;
	background: url('../Images/close.png') no-repeat center;
	background-size: 75% auto;
	font-size: 1px;
}
.chosen-select + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
	background: url('../Images/close_hover.png') no-repeat center;
	background-size: 75% auto;
}
.chosen-select + .chosen-container-multi .chosen-results li.highlighted {
	background-color: white;
	background-image:none;
	color: #41A940;
}
.chosen-select + .chosen-container-multi .chosen-results li.highlighted:hover {
	background-color: #00be1b;
	color: white;
}

.chosen-select + .chosen-container-multi .chosen-choices li.search-field {
	width: 100%;
}
.chosen-select + .chosen-container-multi .chosen-choices li.search-field input.default {
	width: 100% !important;
}
.ui-datepicker {
	font-size: 9pt !important;
	border: 1px solid #4D4F53;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
}
.ui-datepicker-trigger {
	vertical-align: top;
	margin: 1px;
	cursor: pointer;
}

.ui-datepicker .ui-widget .ui-widget {
	font-size: 1em;
}
.ui-datepicker .ui-widget input,
.ui-datepicker .ui-widget select,
.ui-datepicker .ui-widget textarea,
.ui-datepicker .ui-widget button {
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 1em;
}
.ui-datepicker .ui-widget-content {
	border: 1px solid #acacac;
	background: #ffffff;
	color: #4D4F53;
}
.ui-datepicker .ui-widget-content a {
	color: #4D4F53;
}
.ui-datepicker .ui-widget-header {
	border: 1px solid #d4ccb0;
	background: #41A940;
	color: #ffffff;
	font-weight: bold;
}
.ui-datepicker .ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
	border: 1px solid #ffffff;
	background: #ffffff;
	font-weight: normal;
	color: #41A940;
}
.ui-datepicker .ui-state-default a,
.ui-datepicker .ui-state-default a:link,
.ui-datepicker .ui-state-default a:visited {
	color: #41A940;
	text-decoration: none;
}

.ui-datepicker-calendar .ui-state-hover{background-color:#41A940 !important;border-color:#41A940 !important;color:#ffffff !important;}
/*.ui-datepicker-calendar .ui-state-highlight{background-color:red;border-color:red;color:#ffffff;}
.ui-datepicker-calendar .ui-state-active{background-color:orange;border-color:red;color:#ffffff;}*/

.ui-datepicker .ui-state-hover a,
.ui-datepicker .ui-state-hover a:hover,
.ui-datepicker .ui-state-hover a:link,
.ui-datepicker .ui-state-hover a:visited,
.ui-datepicker .ui-state-focus a,
.ui-datepicker .ui-state-focus a:hover,
.ui-datepicker .ui-state-focus a:link,
.ui-datepicker .ui-state-focus a:visited {
	color: #ffffff;
	text-decoration: none;
}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active {
	border: 1px solid #ffffff;
	background: #41A940;
	font-weight: normal;
	color: #ffffff;
}
.ui-datepicker .ui-state-active a,
.ui-datepicker .ui-state-active a:link,
.ui-datepicker .ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
	border: 1px solid #ffffff;
	background: #9A9B9C;
	color: #ffffff;
}

/* Overlays */
.ui-widget-overlay {
	background: #2b2922;
	opacity: .9;
	filter: Alpha(Opacity=90); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -12px 0 0 -12px;
	padding: 12px;
	background: #cccccc;
	opacity: .2;
	filter: Alpha(Opacity=20); /* support: IE8 */
	border-radius: 10px;
}

.dynamicUi-errorMessage {
	font-weight: bold;
}

.dynamicUi-errorDetailsHeader {
	text-decoration: underline;
}

.dynamicUi-errorDetails {
	font-size: 9pt;
}

.dynamicUi-spacer {
	height: 5px;
}

.dynamicUi-icon {
	position: relative;
	height: 15px;
}

.dynamicUi-rendering {
	font-weight: bold;
	color: #41A940;
	cursor: progress;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
	-webkit-animation: glow .5s infinite alternate;
	-moz-animation: glow .5s infinite alternate;
	-o-animation: glow .5s infinite alternate;
	animation: glow .5s infinite alternate;
	padding-bottom: 5px;
}

@-webkit-keyframes glow {
	to {
		text-shadow: 0 0 10px red;
	}
}

@-moz-keyframes glow {
	to {
		text-shadow: 0 0 10px red;
	}
}

@keyframes glow {
	to {
		text-shadow: 0 0 10px red;
	}
}

#feedback p {
	color: #595959;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 9pt;
}
#likeButton, #notsureButton, #dislikeButton {
	cursor: pointer;
}
#feedbackResponse {
	color: #595959;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 9pt;
}
#feedBack {
	display: none;
	color: #595959;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 9pt;
}
#txtComments {
	width: 90%;
	max-width: 400px;
	height: 100px;
}
#txtName, #txtContact {
	color: #595959;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
	width: 90%;
	max-width: 400px;
}
#FeedbackDiv {
	width: 99.5%;
	height: 35px;
	/*z-index: 9;*/
	background: white;
	background-color: white;
}
#btnSubmitFeedback {
	margin-bottom: 4px;
	padding: 5px;
	width: 45.5%;
	max-width: 200px;
	overflow: hidden;
}
#btnCancelFeedback {
	padding: 5px;
	margin-bottom: 4px;
	width: 45.5%;
	max-width: 200px;
	overflow: hidden;
}

.imgAddFilterButton {
	cursor: pointer;
	border: none;
	width: 16px;
	height: 16px;
	background: rgba(0,0,0,0);
	background-image: url('../Images/add_filter.png');
	font-size: 0;
	padding: 0;
}

	.imgAddFilterButton:hover {
		background-image: url('../Images/add_filter_hover.png');
	}

.imgExcelRangeButton {
	display: inline-block;
	cursor: pointer;
	border: none;
	padding: 0;
	width: 23px;
	height: 21px;
	background: rgba(0,0,0,0);
	background-image: url('../Images/excel_range.png');
	font-size: 0;
	vertical-align: middle;
}

.imgLikeButton {
	cursor: pointer;
	border: none;
	margin: 5px;
	width: 59px;
	height: 59px;
	background: rgba(0,0,0,0);
	background-image: url('../Images/smiley_green.png');
	font-size: 0;
	padding: 0;
}

	.imgLikeButton:hover {
		background-image: url('../Images/smiley_green_hover.png');
	}

.imgNotsureButton {
	cursor: pointer;
	border: none;
	margin: 5px;
	width: 59px;
	height: 59px;
	background: rgba(0,0,0,0);
	background-image: url('../Images/smiley_yellow.png');
	font-size: 0;
	padding: 0;
}

	.imgNotsureButton:hover {
		background-image: url('../Images/smiley_yellow_hover.png');
	}

.imgDisikeButton {
	cursor: pointer;
	border: none;
	margin: 5px;
	width: 59px;
	height: 59px;
	background: rgba(0,0,0,0);
	background-image: url('../Images/smiley_red.png');
	font-size: 0;
	padding: 0;
}

	.imgDisikeButton:hover {
		background-image: url('../Images/smiley_red_hover.png');
	}

.imgBackButton {
	cursor: pointer;
	border: none;
	width: 24px;
	height: 24px;
	background: rgba(0,0,0,0);
	background-image: url('../Images/back.png');
	font-size: 0;
	padding: 0;
}

	.imgBackButton:hover {
		background-image: url('../Images/back_hover.png');
	}

.imgHelpLargeButton {
	cursor: pointer;
	border: none;
	width: 24px;
	height: 24px;
	background: rgba(0,0,0,0);
	background-image: url('../Images/help_large.png');
	font-size: 0;
	padding: 0;
}

	.imgHelpLargeButton:hover {
		background-image: url('../Images/help_large_hover.png');
	}

.imgRefreshLargeButton {
	cursor: pointer;
	border: none;
	width: 24px;
	height: 24px;
	background: rgba(0,0,0,0);
	background-image: url('../Images/refresh_large.png');
	font-size: 0;
	padding: 0;
}

	.imgRefreshLargeButton:hover {
		background-image: url('../Images/refresh_large_hover.png');
	}

.imgRefreshLargeButtonEnabled {
	cursor: pointer;
	border: none;
	width: 24px;
	height: 24px;
	background: rgba(0,0,0,0);
	background-image: url('../Images/refresh_large_enabled.png');
	font-size: 0;
	padding: 0;
}

.imgToolsLargeButton {
	cursor: pointer;
	border: none;
	width: 24px;
	height: 24px;
	background: rgba(0,0,0,0);
	background-image: url('../Images/tools_large.png');
	font-size: 0;
	padding: 0;
}

	.imgToolsLargeButton:hover {
		background-image: url('../Images/tools_large_hover.png');
	}

.imgToolsSmallButton {
	cursor: pointer;
	border: none;
	width: 20px;
	height: 20px;
	background: rgba(0,0,0,0);
	background-image: url('../Images/tools_small.png');
	font-size: 0;
	padding: 0;
	margin: 0;
}

	.imgToolsSmallButton:hover {
		background-image: url('../Images/tools_small_hover.png');
	}

.imgFxLargeButton {
	cursor: pointer;
	border: none;
	width: 24px;
	height: 24px;
	background: rgba(0,0,0,0);
	background-image: url('../Images/fx_large.png');
	font-size: 0;
	padding: 0;
}

	.imgFxLargeButton:hover {
		background-image: url('../Images/fx_large_hover.png');
	}

.imgFxLargeButtonActive {
	background-image: url('../Images/fx_large_hover.png');
}

.imgWaitingLarge {
	border: none;
	padding: 0;
	background: rgba(0,0,0,0);
	background-image: url('../Images/preloader_large.gif');
	width: 64px;
	height: 64px;
}

.imgRefreshSmallButton {
	cursor: pointer;
	border: none;
	width: 20px;
	height: 20px;
	background: rgba(0,0,0,0);
	background-image: url('../Images/refresh_small.png');
	font-size: 0;
}

.imgCloseButton {
	cursor: pointer;
	border: none;
	height: 12px;
	width: 12px;
	background: rgba(0,0,0,0);
	background-image: url('../Images/close.png');
	font-size: 0;
	padding: 0;
}

	.imgCloseButton:hover {
		background-image: url('../Images/close_hover.png');
	}

.imgSageLogo {
	background-image: url('../Images/Sage_logo.png');
	background-repeat: no-repeat;
	width: 58px;
	height: 28px;
	margin: 0;
	padding: 0;
	display: block;
	position: fixed;
	bottom: 10px;
}

.flag-ca {
	background-image: url('../Images/ca.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size:64px 64px;
	width: 100%;
	height: 64px;
}

.flag-uk {
	background-image: url('../Images/uk.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size:64px 64px;
	width: 100%;
	height: 64px;
}

.flag-ir {
	background-image: url('../Images/ir.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size:64px 64px;
	width: 100%;
	height: 64px;
}

#loginPage {
	display: none;
}

#logoutPage {
	display: none;
}

.loginHeader {
	position: relative;
	height: 30px;
}

.intelligenceReportingLabel {
	position: absolute;
	left: 0;
	color: #41A940;
	font-family: Segoe UI Light,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 15pt;
}

	.intelligenceReportingLabel.fullWidth {
		max-width: 100%;
	}

	.intelligenceReportingLabel.nonfullWidth {
		max-width: 80%;
	}

#cmdSignBackIn {
	position: absolute;
	right: 0;
	max-width: 20%;
	border: none;
	background: white;
	background-color: white;
	padding: 7px 0 7px 0;
	color: #0070C0;
	cursor: pointer;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 9pt;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	/*float: right;
	left: -15px;
	position: relative;
	top: -30pt;
	max-width: 30%;*/
}

.loginLabel {
	color: #007F64;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 12pt;
}

.oAuthLoginLabel {
	color: #595959;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 12pt;
}

#userLogin {
	width: 100%;
}

.userLoginLabel {
	color: #595959;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 9pt;
	margin: 15px 0 2px 0;
}

#txtUsername, #txtPassword {
	color: #595959;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
}

#cmdLogin, #cmdOAuthLogin {
	margin-top: 15px;
}


#reportDesignerViewerHeader {
	display: none;
	float: left;
	white-space: nowrap;
	width: 100%;
	height: 35px;
	margin: 2px 0 2px 0;
	padding: 0;
}

.reportDesignerOrViewerMenuItem {
	color: #d4d4d4;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 19pt;
	cursor: pointer;
	display: inline-block;
	max-width: 50%;
	margin-right: 5px;
}

.reportDesignerOrViewerMenuItem.selected {
	color: #303030;
}

#reportViewerPage {
	display: none;
	margin-bottom: 20px; /* to make space for #refreshLastUpdated */
}

#reportViewerPage .toolDivHeader {
	margin-top: 50px;
}

#viewerHeadingWrapper {
	margin: 5px 0 5px 0;
}

#viewerHeading {
	color: #41A940;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 16pt;
	line-height: 20px;
	display: block;
	width: 100%;
	height: 24px;
}

#viewerInstructionWrapper {
	margin: 5px 0 5px 0;
}

#viewerInstruction {
	margin-top: 50px;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 11pt;
}

.viewerButton {
	border: none;
	color: white;
	cursor: pointer;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 13pt;
	padding: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: white;
	background-color: #4D4F44;
	width: 100%;
	white-space: normal;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-align: left;
}

.viewerButton:hover {
	background-color: #63645f;
}

#SageAgaveBody {
	overflow: hidden;
	height: 100%;
	margin: 6px;
}

#SageAgaveForm {
	height: 100%;
}

#SageAgaveDiv {
	display: none;
}

#slimscroller {
	margin-right: 15px;
}

#pageHeader {
	display: none;
	height: 24px;
	margin-bottom: 30px;
	position: relative;
	margin: 0;
}

#userName {
	color: #303030;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 9pt;
	text-align: right;
	position: absolute;
	max-width: 60%;
	left: 0;
	padding: 4px 0 4px 0;
	margin: 0;
}

#cmdSignOut {
	border: none;
	background: white;
	background-color: white;
	color: #0070C0;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 9pt;
	cursor: pointer;
	padding: 4px 0 4px 0;
	margin: 0;
	position: absolute;
	right: 0;
	max-width: 40%;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.fixedButtonContainer {
	background-color: white;
	position: fixed;
	right: 0;
	left: 0;
	z-index: 89;	/* 1 less than slimScrollBar and slimScrollRail */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 22px 0 10px;
}

.fixedButtonContainer.toolBarBelow {
	bottom: 60px;
}

.fixedButtonContainer.noToolBarBelow {
	bottom: 10px;
}

.genericButton {
	border: Solid 1px black;
	color: black;
	cursor: pointer;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
	text-align: center;
	padding: 5px 13px 5px 13px;
	background: white;
	background-color: white;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	max-width: 100%;
}

.genericButton:hover {
	background-color: black;
	color: white;
}

.toolTip {
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

/* ---Check Template---*/
#checkingTemplatePage {
	display: none;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 14pt;
	color: #595959;
}

#checkingTemplatePage span {
	position: absolute;
	top: 43%;
}

#checkingTemplateHeader {
	color: #41A940;
	font-family: Segoe UI Light,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 15pt;
}
/* ---Download Template---*/
#downloadTemplatePage {
	display: none;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 14pt;
	color: #595959;
}

#downloadTemplateHeader {
	color: #41A940;
	font-family: Segoe UI Light,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 12pt;
}

#downloadTemplateBody {
	white-space: pre-line;
	font-size: 10pt;
}

/* ---Update Template---*/
#updateTemplatePage {
	display: none;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 14pt;
	color: #595959;
}

#updateTemplateHeader {
	color: #41A940;
	font-family: Segoe UI Light,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 15pt;
}

#updateTemplateBody {
	white-space: pre-line;
}

#cmdUpdateTemplate {
	margin-top: 20px;
}
#toolsPage {
	display: none;
}
#toolsHeader {
	color: #303030;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 23pt;
	width: 100%;
	display: block;
}
.toolHeaderDiv {
	margin-top: 10px;
	position: relative;
	display: block;
	height: 30px;
}
#missingAccountsHeader, #drillDownHeader {
	color: black;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 12pt;
	height: 26px;
	padding-top: 4px;
	display: block;
	position: absolute;
	left: 0;
	max-width: 55%;
}
#cmdMissingAccounts, #cmdDrillDown {
	float: left;
	margin-right: 5px;
	position: absolute;
	right: 0;
	max-width: 40%;
}
p.messageBlurb {
	color: #595959;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 9pt;
}

/* ---Message Box--- */
#messageBox {
	display: none;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	background-color: #E7E7E7;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2002;
}

#messageBoxHeader {
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 14pt;
	padding: 0;
	margin: 5px;
	display: block;
}

	#messageBoxHeader.messageBoxInfo {
		color: black;
	}

	#messageBoxHeader.messageBoxError {
		color: #FF5800;
	}

	#messageBoxHeader.messageBoxSuccess {
		color: #41A940;
	}

	#messageBoxHeader.messageBoxWarning {
		color: #009FDA;
	}

#messageBoxMessage {
	height: 100px;
	padding: 0;
	margin: 5px;
	font-size: 10pt;
	color: black;
	overflow-y: auto;
	-ms-scrollbar-arrow-color: black;
	scrollbar-arrow-color: black;
	-ms-scrollbar-base-color: #F2F2F2;
	scrollbar-base-color: #F2F2F2;
	-ms-scrollbar-face-color: #F2F2F2;
	scrollbar-face-color: #F2F2F2;
	-ms-scrollbar-track-color: #CFCFCF;
	scrollbar-track-color: #CFCFCF;
}

#messageCloseButton {
	position: absolute;
	right: 0;
	z-index: 103;
	margin-top: 5px;
	margin-right: 10px;
}
/* ---Progress Box--- */
#progressBox {
	display: none;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	background-color: #E7E7E7;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2002;
}

#progressBoxHeader {
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 14pt;
	padding: 0;
	margin: 5px;
	display: block;
	color: black;
}

#progressBoxProgressBar {
	margin: 10px;
	height: 15px;
	background-color: #D4D4D4;
}

	#progressBoxProgressBar .ui-progressbar-value {
		background: #41A940 !important;
		border: none;
		position: relative;
		top: 1px;
		left: 1px;
	}

	#progressBoxProgressBar .ui-widget-content {
		background: #595959 !important;
		border: none;
	}

#progressBoxMessage {
	height: 75px;
	padding: 0;
	margin: 5px;
	font-size: 10pt;
	color: black;
	overflow-y: auto;
	-ms-scrollbar-arrow-color: #f2f2f2;
	scrollbar-arrow-color: #f2f2f2;
	-ms-scrollbar-face-color: #f2f2f2;
	scrollbar-face-color: #f2f2f2;
	-ms-scrollbar-track-color: #e7e7e7;
	scrollbar-track-color: #e7e7e7;
}
/* ---Refresh Bar--- */
#refreshBox {
	display: none;
	position: absolute;
	width: 100%;
	bottom: 40px;
	left: 0;
	background: #e7e7e7;
	z-index: 101;
}

.refreshBoxSpan {
	height: 100%;
	margin: 0;
	vertical-align: middle;
	width: 80%;
}

	.refreshBoxSpan:hover {
		color: white;
		background: #009FDA;
		cursor: pointer;
		width: 100%
	}

.refreshBoxText {
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
	height: 20px;
	margin: 8px;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	border: none;
	display: inline-block;
	width: 60%;
}

	.refreshBoxText:hover {
		color: white;
		background: #009FDA;
		cursor: pointer;
	}

.refreshBoxButton {
	float: left;
	width: 20px;
	height: 20px;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 6px;
	vertical-align: middle;
}
/* ---Tool Bar--- */
#toolbar {
	display: none;
	vertical-align: bottom;
	position: absolute;
	width: 100%;
	height: 40px;
	bottom: 0;
	left: 0;
	background: #e7e7e7;
	z-index: 100;
}

#refreshLastUpdated {
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
	vertical-align: bottom;
	height: 20px;
	bottom: 40px;
	left: 0;
	background: white;
	z-index: -2;
	float: right;
	margin-right: 8px;
	position: absolute;
	text-align: right;
	width: 100%;
}

#refreshButton, #helpButton, #toolsButton, #fxButton {
	float: right;
	margin-top: 8px;
	margin-right: 8px;
}

#languageSelect + .chosen-container .chosen-drop {
	border-bottom: 0;
	border-top: 1px solid #aaa;
	top: auto;
	bottom: 115%;
	width: 60px;
	padding-top: 5px;
}

#languageSelect + .chosen-container .chosen-single {
	border-color: transparent;
	background: rgba(0,0,0,0);
	outline: none;
	color: black;
	border-radius: 0;
	padding: 0px 0 0px 0px !important;
	box-shadow: none;
	width: 55px;
	height: 35px;
}

#languageSelect + .chosen-container {
	float: right;
	margin-top: 5px;
	margin-right: 40px;
	z-index: -1;
}

#dataLoadPage {
	display: none;
	width: 100%;
}

#companiesMenuItem {
	color: #303030;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 23pt;
	display: block;
}

#selectedcompaniesheader {
	color: #595959;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 9pt;
}

#selectedfinancialyearsheader {
	color: #595959;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 9pt;
}

#companiesSelect + .chosen-container-single .chosen-single {
	text-align: left !important;
}

#formulaBuilderPage {
	display: none;
	background: #fff;
}

#formulaBuilderHeader {
	width: 100%;
	color: #303030;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 23pt;
	display: block;
}

#formulaBuilderParams {
	margin: 0 0 30px 0;
}

.editRow {
	max-width: 100%;
	min-height: 25px;
	padding-bottom: 5px;
	white-space: nowrap;
}

.editDesc {
	width: 35%;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	white-space: pre-wrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.editDescMandatory {
	font-weight: bold;
}

.editRef {
	width: 30%;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
	display: inline-block;
	border: Solid 1px black;
	vertical-align: middle;
	text-align: center;
	line-height: normal;
}

.cellReference {
	color: blue;
}

.equalsTo {
	width: 5%;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
	padding-left: 3px;
	vertical-align: middle;
	text-align: center;
}

.editValue {
	max-width: 20%;
	min-width: 15%;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
	display: inline-block;
	padding-left: 10px;
	vertical-align: middle;
	text-align: left;
	line-height: normal;
}

.selectRangeText {
	color: #303030;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 11pt;
}

#cancelSelectReference {
	width: 100%;
}

#financialPage {
	display: none;
}

#financialHeaderWrapper {
	padding: 0;
	margin: 2px 0 2px 0;
	float: left;
	white-space: nowrap;
	width: 100%;
}

#financialSelectedMenuItem {
	color: #303030;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 11pt;
	cursor: pointer;
	display: inline-block;
	max-width: 50%;
}

#operationalMenuItem {
	color: #d4d4d4;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 11pt;
	cursor: pointer;
	display: inline-block;
	max-width: 50%;
}

.financialHeaderDiv {
	max-width: 100%;
	display: inline-block;
	white-space: nowrap;
}

.blurb {
	color: #595959;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 9pt;
}

#formulasContainerDiv {
	position: relative;
	top: -5px;
}

.fieldFormulasSet {
	width: 96.5%;
	border: none;
	padding: 0;
}

.fieldFormulasSpan {
	color: #2676EA;
	cursor: pointer;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
	display: block;
	padding: 5px;
	width: 100%;
}

.fieldFormulasSpan:hover {
	color: white;
	background: #2676EA;
}

.fieldListsSet {
	margin-top: 20px;
	width: 96.5%;
	border: none;
	padding: 0;
}

.fieldListsSpan {
	color: #41A940;
	cursor: pointer;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
	display: block;
	padding: 5px;
	width: 100%;
}

.fieldListsSpan:hover {
	color: white;
	background: #00be1b;
}

#listCompanySelect + .chosen-container-single {
	float: right !important;
}

#listCompanySelect + .chosen-container-single .chosen-single {
	padding: 5px 0 5px 15px !important;
	border: #41A940 solid thin !important;
}

#listCompanySelect + .chosen-container .chosen-results li.highlighted {
	background-image: none !important;
}

.financialPageMenuWrapper {
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.financialPageMenuItem {
	color: #d4d4d4;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 23pt;
	cursor: pointer;
	display: inline-block;
	max-width: 41%;
	padding: 0;
	margin: 0;
	padding-right: 5px;
}
.financialPageMenuItem.selected {
	color: #303030;	
}
.fieldLayoutsSpan, .fieldTreesSpan {
	color: #3D972F;
	cursor: pointer;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: block;
	padding: 5px;
	width: 100%;
}
.fieldLayoutsSpan:hover, .fieldTreesSpan:hover {
	color: white;
	background: #00be1b;
}

.manage-button {
	background-color: white;
	color: black;
	border: 1px solid black;
	padding: 6px;
	cursor: pointer;
}

.manage-button:hover {
	background-color: black;
	color: white;
}

body {
	background-color: white !important;
}

.manageLayouts-cancel-button {
	margin-top: 10px;
	margin-right: 20px;
	display: flex;
	justify-content: flex-end;
}

.manageLayouts-report-carousel {
	background-color: #EBECED;
	height: 256px;
}

.manageLayouts-reportLayout {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}

.manageLayouts-spinner {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	justify-content: center;
	vertical-align: middle;
	display: flex;
	align-items: center;
}
.manageLayouts-dropdownlist-itemheight {
	line-height: normal;
}

#operationalPage {
	display: none;
	margin-bottom: 75px; /* to make space for #refreshLastUpdated and also for the datepicker when it is dropped down to prevent it from being partially hidden */
}

#operationalHeaderWrapper {
	padding: 0;
	margin: 2px 0 2px 0;
	float: left;
	white-space: nowrap;
	width: 100%;
}

#operationalAreaHeader {
	width: 60%; /* 100% - #operationalAreaSelect */
	float: left;
}

#operationalSelectedMenuItem {
	color: #303030;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 11pt;
	cursor: pointer;
	display: inline-block;
	max-width: 50%;
}

#financialMenuItem {
	color: #d4d4d4;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 11pt;
	cursor: pointer;
	display: inline-block;
	max-width: 50%;
}

.operationalDiv {
	margin-top: 10px;
}

.operationalHeader {
	color: #595959;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 9pt;
}

#operationalArea {
	height: 35px;
	vertical-align: middle;
	line-height: 35px; /* the same as div height */
}

#operationalFilterHeader {
	display: block;
	padding-bottom: 10px;
}

#operationalDateFilterHeader {
	display: block;
	padding-bottom: 20px;
}

#operationalAreaSelect + .chosen-container-single {
	float: right !important;
}

#operationalAreaSelect + .chosen-container-single .chosen-single {
	padding: 5px 0 5px 15px !important;
	border: #41A940 solid thin !important;
}

#operationalAreaSelect + .chosen-container .chosen-results li.highlighted {
	background-image: none !important;
}

.dateFilterDiv {
	position: relative;
	width: 100%;
	height: 25px;
	margin: 5px 0 2px 0;
}

.dateFiltersLabelSpan {
	color: #41A940;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
	position: absolute;
	left: 0;
	max-width: 55%;
	padding: 3px;
}

.dateFiltersInputSpan {
	position: absolute;
	right: 0;
	width: 100%;
	height: 25px;
	max-width: 40%;
}

.dateFiltersInput {
	color: #41A940;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
	position: absolute;
	right: 0;
	height: 19px;
	width: 100%;
	z-index: 100 !important; /* so date picker shows 'over' slimscroller */
}

#operationalRowFilters {
	width: 100%;
	padding-top: 20px;
	margin-bottom: 20px;
}

#operationalRowFilterHeader {
	height: 25px;
	width: 100%;
	position: relative;
}

#operationalRowFilterLabel {
	margin-top: 3px;
	position: absolute;
	left: 0;
	color: black;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 12pt;
	max-width: 60%;
}

#cmdAddFilter {
	position: absolute;
	right: 0;
	max-width: 40%;
}

#operationalRowFiltersBlurb {
	color: #595959;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 9pt;
}

#operationalTable {
	position: fixed;
	bottom: 70px;
	max-width: 90%;
	z-index: 10;
}


#operationalFilterPage {
	display: none;
	color: black;
	font-family: Segoe UI,Helvetica,Arial,Arial Unicode MS,Sans-Serif;
	font-size: 10pt;
}

#operationalFilterPageHeading {
	display: block;
	font-size: 23pt;
	width: 100%;
}

#operationalFilterPageField, #operationalFilterPageValue {
	display: inline-block;
	vertical-align: top;
}

#selectOperationalFilterPageFilterField + .chosen-container-single .chosen-single {
	text-align: left !important;
}

#selectOperationalFilterPageFilterOperator + .chosen-container-single .chosen-single {
	text-align: left !important;
}

#selectOperationalFilterPageFilterValue + .chosen-container-single .chosen-single {
	text-align: left !important;
}

.report-actionbar {
	height: 50px;
	border-top: 1px solid #c8c8c8;
	background-color: #FFFFFF;
}

.report-actionbar-element {
	display: inline-block;
	padding-left: 10px;
	cursor: default;
}


.report-carousel-headertext {
	padding-left: 10px;
	color: #48484a;
	font-family: 'Roboto Slab';
	font-size: 16px;
}
.report-carousel-header {
	border-top: 1px solid #c8c8c8;
	background-color: #FFFFFF;
	border-bottom: 1px solid #c8c8c8;
}

.report-slick-item {
	height: 186px;
	width: 173px !important;
	position: relative;
	display: inline-block;
	justify-content: center;
	border-style: solid;
	border-width: 1px;
	border-color: #c8c8c8;
	background-color: #FFFFFF;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.slick-prev {
	z-index: 100;
	left: 0px !important;
	width: 40px !important;
	cursor: pointer;
	opacity: 0.8;
	background: 0 0;
	top: 45% !important;
	transform: translate(0,-50%);
	border: none;
	outline: 0;
}

.slick-next {
	right: 5px !important;
	width: 40px !important;
	cursor: pointer;
	background: 0 0;
	opacity: 0.8;
	top: 45% !important;
	transform: translate(0,-50%);
	border: none;
	outline: 0;
}

.slick-prev:before, .slick-next:before {
	display: none !important;
}

.slick-item {
	width: 173px !important;
}


.slick-track {
		text-align: center !important;
}

.slick-next::before {
	font-size: 40px !important;
	color: lightslategrey !important;
}

.slick-prev::before {
	font-size: 40px !important;
	color: lightslategrey !important;
	margin-left: -18px;
}

.popover {
	word-break: break-all;
}
.react-contexify {
	position: fixed;
	opacity: 0;
	user-select: none;
	background-color: #ffffff;
	box-sizing: border-box;
	box-shadow: rgba(0, 0, 0, 0.3) 0 10px 20px, #eeeeee 0 0 0 1px;
	padding: 5px 0;
	z-index: 9999;
}

.react-contexify__separator {
	float: left;
	width: 100%;
	height: 1px;
	cursor: default;
	margin: 4px 0;
	background-color: rgba(0, 0, 0, 0.2);
}

.react-contexify__item {
	cursor: pointer;
}

.react-contexify__item:not(.react-contexify__item--disabled):hover .react-contexify__item__data {
	color: white;
	background-color: #4393e6;
}

.react-contexify__item--disabled {
	cursor: default;
	opacity: .5;
}

.react-contexify__item__data {
	min-width: 140px;
	padding: 6px 12px;
	display: inline-block;
	text-align: left;
	white-space: nowrap;
	color: #333;
}

.react-contexify__item__icon {
	font-size: inherit;
	margin-right: 5px;
}

.react-contexify__theme--dark {
	padding: 6px 0;
	background-color: rgba(40, 40, 40, 0.98);
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4), 0 0 0 1px #222;
}

.react-contexify__theme--dark .react-contexify__separator {
	background-color: #eee;
}

.react-contexify__theme--dark .react-contexify__item__data {
	color: #ffffff;
}

.react-contexify__theme--dark .react-contexify__item__icon {
	margin-right: 8px;
	width: 12px;
	text-align: center;
}

.react-contexify__theme--light {
	padding: 6px 0;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2), 0 0 0 1px #eee;
}

.react-contexify__theme--light .react-contexify__separator {
	background-color: #eee;
}

.react-contexify__theme--light .react-contexify__item:not(.react-contexify__item--disabled):hover .react-contexify__item__data {
	color: #4393e6;
	background-color: #E0EEFD;
}

.react-contexify__theme--light .react-contexify__item__data {
	color: #666;
}

.react-contexify__theme--light .react-contexify__item__icon {
	margin-right: 8px;
	width: 12px;
	text-align: center;
}

@keyframes react-contexify__popIn {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes react-contexify__popOut {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(0);
	}
}

.react-contexify__will-enter--pop {
	animation: react-contexify__popIn 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.2);
}

.react-contexify__will-leave--pop {
	animation: react-contexify__popOut 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.2);
}

@keyframes react-contexify__zoomIn {
	from {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes react-contexify__zoomOut {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}

	to {
		opacity: 0;
	}
}

.react-contexify__will-enter--zoom {
	animation: react-contexify__zoomIn 0.4s;
}

.react-contexify__will-leave--zoom {
	animation: react-contexify__zoomOut 0.4s;
}

@keyframes react-contexify__fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes react-contexify__fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.react-contexify__will-enter--fade {
	animation: react-contexify__fadeIn 0.3s ease;
}

.react-contexify__will-leave--fade {
	animation: react-contexify__fadeOut 0.3s ease;
}

@keyframes react-contexify__flipInX {
	from {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		animation-timing-function: ease-in;
	}

	40% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		animation-timing-function: ease-in;
	}

	60% {
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	}

	80% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	to {
		transform: perspective(400px);
	}
}

@keyframes react-contexify__flipOutX {
	from {
		transform: perspective(400px);
	}

	30% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}

	to {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

.react-contexify__will-enter--flip {
	backface-visibility: visible !important;
	animation: react-contexify__flipInX 0.65s;
}

.react-contexify__will-leave--flip {
	animation: react-contexify__flipOutX 0.65s;
	backface-visibility: visible !important;
}

/*# sourceMappingURL=ReactContexify.css.map */

.folder-tile {
	height: 186px;
	width: 173px !important;
	position: relative;
	display: inline-block;
	justify-content: center;
	border-style: solid;
	border-width: 1px;
	border-color: #c8c8c8;
	background-color: #FFFFFF;
	margin-top: 15px;
	margin-bottom: 10px;
	background-image: url('../../../dist/Images/Folder-Tile.png');

	&:hover {
		position: relative;
		border-color: #19a5cd;
	}

	&:hover:after {
		content: url('/dist/Images/Tile-Select-Hover.png');
		display: inline-block;
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 0;
	}
}

.folder-tile-name {
	position: absolute;
	bottom: 10px;
	left: 5px;
	padding-top: 10px;
	text-align: left;
	color: #FFFFFF;
	font-family: 'Roboto Slab';
	font-size: 14px;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

.folder-tile-select-tick {
	z-index: 1;
	position: relative;
	left: 143px;
	top: 11px;
	text-align: right;
}

.folder-tile-icon {
	position: absolute;
	left: 54px;
	top: 30%;
	width: 100%;
	text-align: center;
}

.folder-tile-name-tool-tip {
	word-break: break-all;
}

.report-tile {
	height: 186px;
	width: 173px !important;
	position: relative;
	display: inline-block;
	justify-content: center;
	border-style: solid;
	border-width: 1px;
	border-color: #c8c8c8;
	background-color: #FFFFFF;
	margin-top: 15px;
	margin-bottom: 10px;

	&:hover {
		position: relative;
		border-color: #19a5cd;
	}

	&:hover:after {
		content: url('/dist/Images/Tile-Select-Hover.png');
		display: inline-block;
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 0;
	}
}

.report-tile-report-name {
	position: absolute;
	bottom: 10px;
	left: 5px;
	padding-top: 10px;
	text-align: left;
	color: #48484a;
	font-family: 'Roboto Slab';
	font-size: 14px;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.report-tile-select-tick {
	z-index: 1;
	position: relative;
	left: 143px;
	top: 11px;
	text-align: right;
}

.report-tile-icon {
	position: absolute;
	left: 64px;
	top: 30%;
	width: 100%;
	text-align: center;
}