#opter_cart {
	width:100%;
	display:flex;
	flex-direction:row;
	padding-left: var(--l-space);
	padding-right: var(--l-space);
}
#opter_cart_grid_container {
	display:grid;
	gap:var(--xs-space) var(--xs-space);
}
#opter_cart_grid {
	display:grid;
	gap:var(--xs-space) var(--xs-space);
}
#opter_cart_filters {
	/* width:50%; */
	/* padding: var(--m-space); */
	/* background-color:var(--global-colour-primary-alt); */
}
/* #opter_cart_add_line {
	align-items:baseline;
} */
/* #opter_cart_add_line select {
	appearance:none;
	background: none;
	border: none;
	border-bottom: 2px solid var(--global-colour-primary);
	margin-bottom: -2px;
	margin-left: var(--xs-space);
	margin-right: var(--xs-space);
	padding-right: var(--m-space);
	background-image: url('data:image/svg+xml;utf8,<svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="160,115.4 180.7,96 352,256 180.7,416 160,396.7 310.5,256" transform="rotate(90 256 256)"/></svg>')!important;
	  background-repeat: no-repeat, repeat!important;
	  background-position: right 0em top 63%, 0 0!important;
	  background-size: calc(var(--m-space)), calc(var(--m-space))!important;
} */
#selected_policy_coverage_table div:not(.tooltip) {
	border-bottom: 0.5px solid var(--global-colour-primary);
	padding-top: var(--s-space);
	padding-bottom: var(--s-space);
	padding-right: var(--xs-space);
	position: relative;
}
.loader {
  border: 5px solid var(--global-colour-primary-alt);
  border-top: 5px solid var(--global-colour-primary-alt);
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.loading {
	animation: spin 2s linear infinite;
	border: 5px solid #f3f3f3; /* Light grey */
	border-top: 5px solid var(--global-colour-primary);
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.filter-primary {
	filter: invert(46%) sepia(97%) saturate(4458%) hue-rotate(238deg) brightness(79%) contrast(88%);
}
.added  > .filter-primary {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(109deg) brightness(103%) contrast(102%);
}
.filter-dark {
	filter: invert(18%) sepia(0%) saturate(7%) hue-rotate(145deg) brightness(91%) contrast(86%);
}

.opter_cart_grid_item {
	padding:var(--xs-space);
	background: var(--global-colour-primary-alt);
	display: block; 
	overflow: auto;
	border:2px solid var(--global-colour-primary-alt);
}
/* .opter_cart_grid_item.header-cell {
	align-items: center;
} */
.opter_cart_grid_item.header-cell .header-cell-content {
	margin: 0;
}
.opter_cart_grid_item.empty {
	background: none;
	border: 2px dashed gray;
	border-radius: 5px;
	transition: all .2s;
}
.opter_cart_grid_item.empty:hover {
	background: lightgrey;
	cursor: pointer;
}
.opter_cart_grid_item.first-column-cell {
	grid-column-start: 1;
	transform: rotate(180deg);
	writing-mode: tb-rl;
}
.first-column-cell-content {
	margin: 0;
}
/* .opter_cart_grid_item.primary-cell {
	grid-column-start: 2;
}
.opter_cart_grid_item.partner-cell {
	grid-column-start: 3;
}
.opter_cart_grid_item.dependant-cell {
	grid-column-start: 4;
}
.opter_cart_grid_item.hospital-cell {
	grid-row-start: 2;
}
.opter_cart_grid_item.extras-cell {
	grid-row-start: 3;
}
.opter_cart_grid_item.ambulance-cell {
	grid-row-start: 4;
} */

.opter_cart_grid_item.row-span-2 {
	grid-row:span 2;
}
.form-field-container,
#build_button {
	grid-column: span 3;
}
.col-span-1 {
	grid-column: span 2;
}
.col-span-3 {
	grid-column: span 6;
}
@media (max-width:768px) {
	.col-span-1,
	.col-span-3,
	.form-field-container,
	#build_button {
		grid-column: span 1;
	}
	#opter_cart_add_line {
		grid-template-columns: auto auto auto!important;
	}
}
@media (max-width:479px) {
	#opter_cart_add_line {
		grid-template-columns: auto!important;
	}
}


 /* Style the tab */
.tab {
  overflow: hidden;
  /* border: 1px solid var(--global-colour-primary); */
  /* background-color: #f1f1f1; */
  border-bottom: 2px solid var(--global-colour-primary);
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: var(--s-space);
  transition: 0.3s;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: var(--global-colour-primary);
  color: #fff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding-top: var(--s-space);
  padding-bottom: var(--s-space);
  /* border: 1px solid var(--global-colour-primary); */
  /* border-top: none; */
} 

.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

#selected_policy_coverage_table .tooltip {
	right: var(--s-space);
	top: var(--s-space);
	margin-right: 0;
	margin-left: auto;
	vertical-align: middle;
}

/* Tooltip text */
#selected_policy_coverage_table .tooltip .tooltip-text {
  display: none;
  min-width: 300px;
  background-color: var(--global-colour-primary-alt);
  color: var(--global-colour-dark-alt);
  text-align: left;
  border-radius: 5px;
  position: absolute;
  z-index: 1;
  padding: var(--s-space);
  font-size: var(--s-text);
  vertical-align: middle;
  top: -100%;
}

#selected_policy_coverage_table .tooltip:hover {
	cursor: pointer;
}

/* Show the tooltip text when you mouse over the tooltip container */
#selected_policy_coverage_table .tooltip:hover .tooltip-text {
  display: block;
}

.policy-cell {
	cursor: pointer;
	position:relative;
	transition: all .2s;
	border-radius: 5px;
	display: grid;
	grid-template-columns: auto 50px;
}
span.ripple {
  position: absolute;
  border-radius: 50%;
  transform: scale(0);
  animation: ripple 600ms linear;
  background-color: var(--global-colour-primary);
}
@keyframes ripple {
  to {
	transform: scale(4);
	opacity: 0;
  }
}
.item-logo {
	min-width: 28px;
}
.policy-actions-container {
	display: flex;
	justify-content: space-between;
}
.policy-action-icon-container {
	display: flex;
	background-color: #fff;
	padding: var(--xs-space);
	border-radius:5px;
	justify-content: right;
	/* aspect-ratio: 1/1; */
	max-width: 50px;
	height: 50px;
	transition: all .3s;
	position: absolute;
	overflow: hidden;
	align-items: center;
	white-space: nowrap;
}
.action-icon {
	position: absolute;
}
.action-description {
	margin-right: 50px;
	font-weight: 600;
}
.active > .action-description {
	color: #fff;
}
.icon-lock {
	top:0;
	right:0;
}
.icon-alternatives {
	bottom:0;
	right:0;
}
.actions-container {
	position: relative;
	min-height: 120px;
}
.policy-action-icon-container:hover {
	max-width: 250px;
}
.policy-action-icon-container.active {
	background-color: var(--global-colour-primary);
}
.policy-cell.added {
	/* background-color: var(--global-colour-primary); */
	/* color: #fff!important; */
	border-radius:5px;
	border: 2px solid var(--global-colour-primary);
}
[id^=opter_cart_grid_button_]{
	cursor: pointer;
}
.btn-disabled {
	filter: grayscale(1);
	cursor: auto!important;
}
.btn-disabled:hover {
	transform:none!important;
	box-shadow:none!important;
}
[data-advanced="true"]:not(.reveal) {
	display:none;
}
#tab_content_dependants .margin-space-right {
	margin-right: calc(var(--xs-space)/2);
}
#tab_content_dependants .margin-space-left {
	margin-left: calc(var(--xs-space)/2);
}
@media (max-width:768px) {
	#tab_content_dependants .margin-space-left {
		margin-left: 0px;
	}
	#tab_content_dependants .margin-space-right {
		margin-right: 0px;
	}
}
.collapsible-container {
	transition: all .3s;
}
/* Style the buttons that are used to open and close the accordion panel */
.accordion_heading {
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom:var(--s-space);
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
/* .accordion_heading.active, .accordion_heading:hover {
  background-color: #ccc;
} */
.accordion_content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.accordion_heading:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  /* color: #777; */
  float: right;
  margin-left: 5px;
}
.accordion_heading.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}
.alert {
  position: absolute;
  left: 25%;
  right:25%;
  width: auto;
  height: auto;
  padding: 10px;
  margin: 10px;
  line-height: 1.8;
  border-radius: 5px;
  cursor: pointer;
  font-family: sans-serif;
  font-weight: 400;
  background-color: #FDF7DF;
  border: 1px solid #FEEC6F;
  color: #C9971C;
  transition:all .5s;
  opacity: 1;
  font-size: var(--l-text);
}

#inner_content-39-52465 .ffc_conv_wrapper.ffc_inline_form .f-nav {
	background:var(--global-colour-primary);
}
#inner_content-39-52465 .f-label-wrap, .f-answer {
	color:var(--global-colour-primary)!important;
}
#inner_content-39-52465 .f-answer .f-radios-wrap ul li {
	border-color:var(--global-colour-primary)!important;
	background-color: var(--global-colour-primary-alt)!important;
}
#inner_content-39-52465 .f-label-wrap, .f-answer,
#inner_content-39-52465 .ffc-counter-div span,
#inner_content-39-52465 .f-enter .f-enter-desc {
	color: var(--global-colour-primary)!important;
}
#inner_content-39-52465 .vff .field-multiplepicturechoice ul.f-radios li span.f-image img {
	filter: invert(46%) sepia(97%) saturate(4458%) hue-rotate(238deg) brightness(79%) contrast(88%);
}
#inner_content-39-52465 .q-inner .o-btn-action,
#inner_content-39-52465 .q-inner .o-btn-action:hover {
	background-color: var(--global-colour-primary)!important;
}
#inner_content-39-52465 .vff-footer .f-progress-bar-inner {
	background-color: var(--global-colour-primary)!important;
}
#inner_content-39-52465 .ffc-counter-div .counter-icon-span svg,
#inner_content-39-52465 .f-answer .f-radios-wrap ul li.f-selected svg {
	fill: var(--global-colour-primary)!important;
}