/* CoralVersion:4.9.001.1310 */



@font-face {
	font-family: 'SalesforceSans-Regular'; /* regular */
	src:url('SalesforceSans-Regular.woff') format('woff'),
	url("SalesforceSans-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SalesforceSans-Bold'; /* bold */
	src:url('SalesforceSans-Bold.woff') format('woff'),
	url("SalesforceSans-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'SalesforceSans-Light'; /* light */
	src:url('SalesforceSans-Light.woff') format('woff'),
	url("SalesforceSans-Light.ttf") format("truetype");                                                                                                              
	font-weight: 200;
	font-style: normal;
}
:root
{
        --mainBackground: #fff;
	--colorTextDefault: #080707;
	--colorTextBrand: #1589ee;
	--colorBackground: #f3f2f2;
	--color-background-selection: #d8edff;
	--brandAccessible: #0070d2;
	--brandAccessibleActive: #005fb2;

	--color-text-link: #006dcc;
	--color-text-link-active: #00396b;
	--color-text-link-focus: #005fb2;
	--color-text-link-hover: #005fb2;

	--borderRadiusLarge: 0.5rem;
	--borderRadiusMedium: 0.25rem;
	--border-lightgray :  #dddbda 1px solid;
	--colorBorder: #dddbda;
	--borderWidthThin: 1px;


}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill
{
        background: #fff !important;
}	
#CoralLoginWrapper 
{
	display: flex;
	align-items: center;
	justify-content: center;
}

.CoralLoginSmallWrapper 
{
	display: block;
	height: 100%;
	width:100%;
	margin-top:14px;
}
.CoralLoginTableRow
{
	display:table-row;
}
#loginEntry
{
        position: fixed;
        z-index: 99;
        left: 0;
        right:0;
        bottom:0;
        height: 100%;
        width: 100%;
        text-align: center;
	background: var(--colorBackground);background: #f3f2f2;
}

#CoralLoginParkLogo button
{
	background: none;
	border: none;
}
#CoralLoginParkLogo
{
	display: table-cell;
	vertical-align: middle;	
	position:absolute;
	z-index:1;
	padding-top: 0px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	background: none;
	left: calc(50% - 60px);
} 

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) 
{
	#CoralLoginParkLogo
	{
	position:relative;
	}
}

#CoralLoginParkLogo img {
	width: 110px;
	height: 150px;
}
#CoralLoginParkLogo.CoralLoginParkLogoInActive
{       
	transition: opacity 2s;
	opacity: 1;
	z-index: 10;
} 
#CoralLoginParkLogo.CoralLoginParkLogoActive
{
	transition: opacity 2s;                                                                                          
	opacity: 0;
	left: 100%;
	z-index: 1;
} 

#CoralLoginDetails
{
	opacity: 1;
	display: block;
	padding-top: 0px;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	width: 254px;
	height: 360px;
	border: 1px solid;
	align-self: center;
	border-color: var(--colorBorder);
	border-radius: var(--borderRadiusMedium);
	background: #fff;
	position: absolute;
	left: calc(50% - 127px);
	z-index: 5;
	transition: opacity 2s;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) 
{
	:not(.wells) #CoralLoginDetails
	{
		top: calc(50% - 170px);	
	}
}

#CoralLoginDetails.CoralLoginDetailsInActive
{
	opacity:0;
}
#CoralLoginDetails.CoralLoginDetailsActive
{
	opacity:1;
}

.CoralLoginParkLogoInActive .text
{
	font-family: 'SalesforceSans-Regular', arial;
	color: var(--colorTextDefault);
	font-weight:normal;
	opacity:1;
	font-size:14px;
	text-align:center;
	margin-top:5px;
	width: 139px;
}

.CoralLoginParkLogoActive .text
{
	color:#fff;
	font-family: 'SalesforceSans-Regular' , arial;
	font-weight:normal;
	opacity:0;
	font-size:20px;
	text-align:center;
	margin-top:0px;
	margin-right:0px;
}

.CoralLoginPageTable
{
	display: table;
	width: 80%;
	margin-left:auto;
	margin-right: auto;
}

.CoralLoginPageTableRow
{
	display: table-row;
}

.CoralLoginPageTableTextCell.title
{
	font-size: 16px;	
}
.CoralLoginPageTableTextCell
{
	display: table-cell;
	width: 40%;
	font-family:'SalesforceSans-Regular' , arial;
	padding: 10px 0px 2px 0px;
	font-size: 12px;
	text-align: left;
	padding-left:;
	vertical-align: middle;
	color: var(--colorTextDefault);
}

.CoralLoginPageTableCellInner
{
	border: 1px solid #8dc63f;
	border-radius: 0px;
	background: transparent;
}
.CoralLoginPageTableCell
{
	display: table-cell;
	width: 40%;
	height: 35px;
	vertical-align: middle;
	background: none;
}
input.CoralLoginUsername
{
	width: calc(100% - 20px);	
	font-family:'SalesforceSans-Regular' , arial;
	padding: 2px 10px;
	background: white;
	border: 1px solid;
	border-color: var(--colorBorder);
	border-radius: var(--borderRadiusMedium);
	font-size: 12px !important;
}

input#loginUserName:-webkit-autofill:focus,
input#loginPassword:-webkit-autofill:focus,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus, 
input#loginUserName:-webkit-autofill,
input#loginUserName:-webkit-autofill:hover, 
input#loginUserName:-webkit-autofill:focus,
input#loginPassword:-webkit-autofill,
input#loginPassword:-webkit-autofill:hover, 
input#loginPassword:-webkit-autofill:focus,
input#loginUserName, input#loginPassword,
#loginUserName, #loginPassword,
input.CoralLoginUsername,
.CoralLoginUsername
{
	width: calc(100% - 20px);	
	font-family:'SalesforceSans-Regular' , arial;
	padding: 2px 10px;
	background: white;
	border: 1px solid;
	border-color: var(--colorBorder);
	border-radius: var(--borderRadiusMedium);
	font-size: 12px !important;
}	



.OuterCoralLoginButton
{
	width:100%;
	margin-top: 10px;
}

.CoralLoginBlueButton
{
        display: none;
}


.OuterCoralLoginButton .BlueLoginButton[value="processing"] 
{
	background: var(--brandAccessibleActive);
}
.OuterCoralLoginButton .BlueLoginButton 
{
	color: #fff;
	font-family: 'SalesforceSans-Regular';
	font-size: 12px;
	background: url(../images/login.svg) 43px center no-repeat, transparent;
	background-size: 20px;
	padding: 5px 10px;
	text-transform: capitalize;
	background: var(--brandAccessible);
	border-radius: var(--borderRadiusMedium);
	margin-top: 10px;
	cursor: pointer;
}
.OuterCoralLoginButton .BlueLoginButton:hover,
.CoralLoginButton:active .CoralLoginBlueButton
{
	background: var(--brandAccessibleActive);
}

#CoralLoginUserNameLabel, #CoralLoginPassWordLabel 
{
	color: var(--colorTextBrand);
}
#CoralLoginTitle
{
	padding-bottom: 10px;
	background: url(../images/coralLogo.svg);
	padding-top: 100px;
	background-size: 30px 30px;
	background-position: left 60%;
	background-repeat: no-repeat;
	font-weight: normal !important;
	font-family: SalesforceSans-Bold, arial !important;
}
#loginButton
{
	font-weight: normal !important;
	font-family: SalesforceSans-Bold, arial !important;
}

input:-internal-autofill-selected {
	background-color: white !important;
}

div#coral_AlertPopUpDiv.csdkDialog
{
	padding: 0px !important;
	background: var(--mainBackground) !important;
}
.coral_AlertPopUpDiv.manageFavourites
{
		font-family: SalesforceSans-Regular !important;
		}
		.coral_AlertPopUpDiv.manageFavourites .showQueryTableCellText
		{
	width: unset !important;
}


/* Alert style*/
div#coral_AlertPopUpDiv
{
	padding: 0px;
	background: var(--mainBackground) !important;
	border-radius: var(--borderRadiusLarge) !important;
}
div#coral_AlertPopUpDiv .showQuery_TableCell
{
	display: none;	
}
div#coral_AlertPopUpDiv .showQueryTableCellTextTitle
{
	width: 100%;
	text-align: center;
}	
div#coral_AlertPopUpDiv .showQuery_ButtonRow
{
	text-align: right;
	background: var(--colorBackground);background: #f3f2f2;
	padding: 5px 10px 10px;
	border-top: 2px solid;
	border-color: var(--colorBorder) !important;
	border-radius: 0 0 var(--borderRadiusLarge) var(--borderRadiusLarge) !important;
}
div#coral_AlertPopUpDiv .showQuery_Table
{
	width: 100%;
	display: flex;
	flex-direction: column;
}
div#coral_AlertPopUpDiv .showQueryTableCellText
{
	width: 100%;
	display: flex;
	flex-grow: 1;
}
.showQuery_Table span.showQueryTableCellTextTextSpan,
div#coral_AlertPopUpDiv.stepUpAuth .showQuery_Expansion
{                                                                   
	word-break: normal;
	display: block;
	padding: 0px;
	font-size: 12px;
	line-height: 14px;
	border: none;
	font-family: arial;
	color: #58585b;
	padding-top: 4px;
	word-wrap: break-word;
	word-break: break-word;
	padding: 10px 20px;
	text-align: left;
	width: calc(100% - 40px);
	border-top: 2px solid #dedbda;
	min-height: 50px;
}
div#coral_AlertPopUpDiv.stepUpAuth .showQueryTableCellTextTextSpan {
	display: none;
}
.showQueryTableCellText .showQueryTableCellTextTitleSpan {
	font-family: SalesforceSans-Regular !important;
	padding: 15px;
	display: block;
	width: calc(100% - 30px);
	border-color: var(--colorBorder) !important;
	text-align: center;
	font-weight: normal;
	color: var(--colorTextDefault) !important;
	flex-grow: 1;
	align-self: center;
}

.showQuery_Table span.showQueryTableCellTextTextSpan, 
div#coral_AlertPopUpDiv.stepUpAuth .showQuery_Expansion {
	word-break: normal;
	font-family: SalesforceSans-Regular !important;
	display: block;
	padding: 0px;
	font-size: 12px;
	line-height: 14px;
	border: none;
	color: #58585b;
	padding-top: 4px;
	word-wrap: break-word;
	word-break: break-word;
	padding: 10px 20px;
	text-align: left;
	width: calc(100% - 40px);
	border-top: 2px solid #dedbda;
	min-height: 50px;
}

.showQuery_Table span.showQueryTableCellTextTextSpan:empty, 
div#coral_AlertPopUpDiv.stepUpAuth .showQuery_Expansion:empty
{
	display:none;
}

.configuratorButtonWrapper .configuratorGenerateButton, 
.configuratorButtonWrapper .configuratorResetButton, 
.configuratorButtonWrapper .configuratorSaveButton, .csdkDialog .showQuery_ButtonRow button, button#dismissCancel, button#dismissOk {
	border-radius: 0px !important;
	box-shadow: none !important;
	background: #fff !important;
	color: var(--color-text-link) !important;
	font-family: SalesforceSans-Regular !important;
	text-transform: capitalize !important;
	border: 1px solid lightgray !important;
	padding: 3px 17px !important;
	font-size: 13px !important;
	margin-top: 6px !important;
	border-radius: var(--borderRadiusMedium) !important;
}

.configuratorButtonWrapper .configuratorGenerateButton:hover, 
.configuratorButtonWrapper .configuratorResetButton:hover, 
.configuratorButtonWrapper .configuratorSaveButton:hover, .csdkDialog .showQuery_ButtonRow button:hover, button#dismissCancel:hover, button#dismissOk:hover {
	background-color: #f4f6f9 !important;
	text-shadow: none !important;
}