@import '_content/Hail.Portal.Core/Hail.Portal.Core.x0iytwtk6h.bundle.scp.css';
@import '_content/Psi.Blazor/Psi.Blazor.fsu7oi2erf.bundle.scp.css';

/* _content/Hail.Online/Components/Documents/HailRiskCalculator.razor.rz.scp.css */
.hailrisk-title[b-39gkxstoiv] {
	font-size: 28pt;
	color: var(--psi-palliser-green);
	font-family: Paralucent, Elza, sans-serif;
	font-weight: 500;
}

.hailrisk-info[b-39gkxstoiv] {
	margin-bottom: 1rem;
}

.hailrisk-policy[b-39gkxstoiv] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	max-width: 480px;
}

.hailrisk-crops[b-39gkxstoiv] {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.hailrisk-crop-container[b-39gkxstoiv] {
	flex: 1 1 260px;
	max-width: 320px;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	background-color: var(--psi-white);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
	padding: 16px;
}

.hailrisk-crop-crop[b-39gkxstoiv] {
	font-weight: 600;
	font-size: 1.15rem;
	color: var(--psi-palliser-green);
}

.hailrisk-crop-acres[b-39gkxstoiv] {
	color: grey;
	margin-bottom: 0.5rem;
}

.hailrisk-check[b-39gkxstoiv] {
	display: block;
	margin-top: 0.75rem;
}

.hailrisk-actions[b-39gkxstoiv] {
	margin-top: 1rem;
}
/* _content/Hail.Online/Components/Index.razor.rz.scp.css */
.home[b-jey0gsfhem] {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.home-section[b-jey0gsfhem] {
}

.home-section:not(:has(*))[b-jey0gsfhem] {
    display: none;
}

[b-jey0gsfhem] .welcome-gridlayout {
    margin: auto;
    width: auto;
    height: auto;
}

[b-jey0gsfhem] .welcome-gridlayout .dxbl-gridlayout-root {
    align-content: center;
    justify-content: center;
}

[b-jey0gsfhem] .welcome-title {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.welcome-title .welcome-title-header[b-jey0gsfhem] {
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 0em;
    text-align: center;
}

.welcome-title .welcome-title-content[b-jey0gsfhem] {
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: center;
}

[b-jey0gsfhem] .welcome-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
}

[b-jey0gsfhem] .welcome-card {
    width: 26.25rem;
    height: 15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s;
    border-radius: 1rem;
    color: var(--bs-link-color-rgb);
    gap: 1.5rem;
    text-decoration: none;
    position: relative;
}

[b-jey0gsfhem] .welcome-card:hover {
    box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
}

[b-jey0gsfhem] .welcome-card .welcome-card-img {
    width: 6.5rem;
    height: 6.5rem;
}

[b-jey0gsfhem] .welcome-card .welcome-card-text {
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: 0em;
    text-align: center;
    text-decoration: unset;
}

[b-jey0gsfhem] .icon-fill {
    fill: var(--bs-primary);
}

[b-jey0gsfhem] .welcome-card .welcome-card-back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bs-body-color);
    opacity: 0.05;
    border-radius: 1rem;
    z-index: -2;
}

[b-jey0gsfhem] .img-home {
  width: 100%;
}

@media (max-width: 600px) {
  [b-jey0gsfhem] .img-home {
    display: none;
  }
}
/* _content/Hail.Online/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-9t69ev2220] {
    height: 100%;
     
}

[b-9t69ev2220] .icon-back {
    -webkit-mask-image: url("images/back.svg");
    mask-image: url("images/back.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-9t69ev2220] .content {
  overflow: hidden;
}

[b-9t69ev2220] .content-main {
}

[b-9t69ev2220] .back-button:hover .icon-back {
    background-color: var(--dxbl-btn-hover-color);
}

@media (max-width: 768px) {
    [b-9t69ev2220] .layout-sidebar {
        grid-area: header / header / header / header !important;
    }
}
/* _content/Hail.Online/Components/Main/QuickLinkHeader.razor.rz.scp.css */
.quicklink-card[b-l1r9f8zosf] {
	cursor: pointer;
	background-color: var(--psi-cream);
	box-shadow: var(--psi-grey) 2px 2px;
}

	.quicklink-card:hover[b-l1r9f8zosf] {
		border: 2px solid var(--psi-palliser-green);
	}

.quicklink-card-disabled[b-l1r9f8zosf] {
	cursor: default;
	background-color: var(--psi-grey);
	box-shadow: var(--psi-grey) 2px 2px;
}

	.quicklink-card-disabled:hover[b-l1r9f8zosf] {
		border: 2px solid var(--psi-dark-grey);
	}

.quicklink-card-header[b-l1r9f8zosf] {
	color: var(--psi-text-white);
	width: 215px !important;
	height: 215px !important;
	font-size: 24px;
	display: inline-block;
	border: 2px solid var(--psi-grey);
	border-radius: 12px;
	background-color: var(--psi-palliser-green);
	position: relative;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 50px;
	font-weight: 500;
}


@media (max-width: 599px) {
	.quicklink-card-header[b-l1r9f8zosf] {
		width: 350px !important;
		height: 60px !important;
		vertical-align: middle;
		font-size: 22px;
	}
}

.image-padded[b-l1r9f8zosf] {
	padding-top: 20px;
	padding-bottom: 20px;
}
/* _content/Hail.Online/Components/Main/QuickLinkHeaderResource.razor.rz.scp.css */
.quicklink-card[b-9dkd6cd6g7] {
	cursor: pointer;
	background-color: var(--psi-cream);
	box-shadow: var(--psi-grey) 2px 2px;
}

	.quicklink-card:hover[b-9dkd6cd6g7] {
		border: 2px solid var(--psi-palliser-green);
	}

.quicklink-card-disabled[b-9dkd6cd6g7] {
	cursor: default;
	background-color: var(--psi-grey);
	box-shadow: var(--psi-grey) 2px 2px;
}

	.quicklink-card-disabled:hover[b-9dkd6cd6g7] {
		border: 2px solid var(--psi-dark-grey);
	}

.quicklink-card-header[b-9dkd6cd6g7] {
	color: var(--psi-text-white);
	width: 215px !important;
	height: 215px !important;
	font-size: 24px;
	display: inline-block;
	border: 2px solid var(--psi-grey);
	border-radius: 12px;
	background-color: var(--psi-palliser-green);
	position: relative;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 35px;
	font-weight: 500;
}


@media (max-width: 599px) {
	.quicklink-card-header[b-9dkd6cd6g7] {
		width: 350px !important;
		height: 60px !important;
		vertical-align: middle;
		font-size: 22px;
	}
}

.image-padded[b-9dkd6cd6g7] {
	padding-top: 20px;
	padding-bottom: 20px;
}
/* _content/Hail.Online/Components/Policies/Policies.razor.rz.scp.css */
.policy-title[b-7dbyqdj2d4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.policy-search-input[b-7dbyqdj2d4] {
  flex: 1 1 auto;
  max-width: 480px;
  margin: 0 1rem;
}
/* _content/Hail.Online/Components/Policies/PolicyList.razor.rz.scp.css */
.status-dot[b-n6hlhe3vv9] {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: middle;
}

.grid-actions[b-n6hlhe3vv9] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  white-space: nowrap;
}

.grid-history-filter[b-n6hlhe3vv9] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.grid-historyItem-caption[b-n6hlhe3vv9] {
  padding: 5px 15px 5px 0px;
  font-weight: bold;
}

.grid-historyItem-year[b-n6hlhe3vv9] {
  padding: 5px 20px 5px 0px;
  text-decoration: underline;
  cursor: pointer;
}

.grid-historyItem-selected[b-n6hlhe3vv9] {
  color: #2BA84A;
  text-decoration: none;
  cursor: default;
}
/* _content/Hail.Online/Components/Policies/QuoteCropSummary.razor.rz.scp.css */
body[b-oyly734nfm] {
}

.totals-panel[b-oyly734nfm] {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-top: 8px;
	margin-bottom: 8px;
	gap: 1rem;
}

	.totals-panel .total[b-oyly734nfm] {
		display: flex;
		justify-content: space-between;
		width: 400px;
		padding: 15px;
		font-size: 1.25em;
		background-color: var(--psi-mid-green);
		border-radius: 5px;
		color: var(--psi-text-white);
	}
		.totals-panel .total span[b-oyly734nfm] {
		}

		.totals-panel .total strong[b-oyly734nfm] {
			font-size: 18px;
			min-width: 100px;
			text-align: right;
		}

	.totals-panel .total-deductible[b-oyly734nfm] {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 400px;
		padding: 15px;
		font-size: 1.25em;
		background-color: var(--psi-light-grey);
		border-radius: 5px;
		color: var(--psi-text-black);
	}
	.totals-panel .total-deductible span[b-oyly734nfm] {
	}

	.totals-panel .total-deductible strong[b-oyly734nfm] {
		font-size: 18px;
		min-width: 100px;
		text-align: right;
	}

	.totals-combo[b-oyly734nfm] {
		display: inline-flex !important;
		width: 90px;
		vertical-align: middle;
	}
/* _content/Hail.Online/Components/Policies/QuoteReview.razor.rz.scp.css */
/*
	Review group boxes: unify the caption and item-area background, drop the
	divider line under the caption, and tighten the spacing between items.
	Overrides DevExpress form-layout CSS variables (bootstrap-external theme).
*/
.review-groups[b-2en3wnfjsb]  .dxbl-fl {
	/* caption and body share the same background colour */
	--dxbl-fl-group-header-bg: var(--psi-grey);
	--dxbl-fl-group-bg: var(--psi-grey);

	/* compress the items under each caption */
	--dxbl-fl-item-spacing-y: 0.15rem;
	--dxbl-fl-group-content-padding-y: 0.4rem;
	--dxbl-fl-group-content-padding-x: 0.75rem;
}

/* remove the line between the caption and the items below it */
.review-groups[b-2en3wnfjsb]  .dxbl-fl-group > .dxbl-group > .dxbl-group-header {
	border-bottom: none;
}

/*
	The caption normally adds a 5%-opacity tint of the text colour on top of its
	background; drop it so the caption matches the explicit body colour exactly.
*/
.review-groups[b-2en3wnfjsb]  .dxbl-fl-group > .dxbl-group > .dxbl-group-header::before {
	opacity: 0;
}

/*
	Horizontal read-only rows: the caption is aligned to sit where an editor's
	text would be, so against plain-text values it lands slightly low. Baseline-
	align the caption and value so their text lines up.
*/
.review-groups[b-2en3wnfjsb]  .dxbl-fl-item-horizontal > .dxbl-fl-cpt,
.review-groups[b-2en3wnfjsb]  .dxbl-fl-item-horizontal > .dxbl-fl-ctrl {
	align-self: baseline;
}

/* give the crop grid a bit more breathing room between rows */
.review-groups[b-2en3wnfjsb]  .card-grid {
	--dxbl-grid-text-cell-padding-y: 0.5rem;
}
/* _content/Hail.Online/Components/Security/Integrations.razor.rz.scp.css */
/* Ported from Hail 11 MyAccount.css (integration section). */

.integration-item[b-79ul5accho] {
	border: 1px solid #C4C4C4;
	border-radius: 2px;
	padding: 10px 5px;
	margin-top: 10px;
}

.integration-line[b-79ul5accho] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 0 10px;
}

.integration-image-container[b-79ul5accho] {
	border-radius: 2px;
	padding: 5px 20px;
}

.integration-image[b-79ul5accho] {
	height: 30px;
}

.integration-buttons[b-79ul5accho] {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.button-integration[b-79ul5accho] {
	width: 150px;
}

.integration-details[b-79ul5accho] {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
}

.integration-detail[b-79ul5accho] {
	width: 200px;
	padding: 0 10px;
}

.integration-info[b-79ul5accho] {
	width: 350px;
	padding: 10px;
}

.integration-info-wide[b-79ul5accho] {
	width: 500px;
}

.integration-not-connected[b-79ul5accho] {
	color: maroon;
	font-weight: bold;
}

.integration-connected[b-79ul5accho] {
	color: green;
	font-weight: bold;
}

.integration-create[b-79ul5accho] {
	display: flex;
	justify-content: flex-end;
	padding: 15px 10px;
}

@media (max-width: 599px) {
	.integration-info[b-79ul5accho],
	.integration-info-wide[b-79ul5accho] {
		width: 100%;
	}

	.button-integration[b-79ul5accho] {
		margin: 5px 0;
	}
}
