﻿.content-wrapper {
	margin-bottom: 40px;
}

.show-adress, .hide-adress {
	position: absolute; 
	top: 16px; 
	right: 30px;
}


/* Telerik DatePicker */
.riTextBox[type="text"] {
	border: none !important;
	color: #787878;
	background-color: transparent; 
}

.rcShadTR, .rcShadBL {
	display: none !important;
}

.rcWeek > th {
	text-align: center !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	background-color: #eaeaea !important;
}

.rcSelected {
	background-color: #00854a !important;
	background-image: none;
	border-radius: 4px;
}
.rcCalPopup {
	position: relative;
	left: -33px;
} 
/* Telerik DatePicker */

/* collapse */

.collapse-options-accordion{
	margin-bottom: 30px;
}
.collapse-options .card{
	margin-bottom: -5px;
	box-shadow: none;
	border-bottom-width: 1px;
	border-radius: 0;
}
.collapse-options .card.first{
	border-radius: 4px 4px 0 0;
}
.collapse-options .card.last{
	border-radius: 0 0 4px 4px;
	border-width: 1px;
}
.collapse-options .card-header{
	padding: 0;
	background: rgb(250,250,250);
	background: #fff;
	transition: all 0.25s ease-in-out;
}
.collapse-options .card.last .card-header{
	border-width: 0;
}
.collapse-options .card.last .card-header.active{
	border-width: 1px;
}
.collapse-options .card-header.active, .collapse-options .card-header:hover{
	background: rgb(245,245,245);
}
.collapse-options .card-title{
	margin-bottom: 0;
}
.collapse-options .card-title label{
	width: 100%;
	padding: 15px 15px 11px 15px;
	font-weight: bold;
}
.collapse-options .card-title label:hover{
	cursor: pointer;
}
.collapse-options .card-title label:after{
	display: inline-block;
	font-family: "fontAwesome";
	float: right;
	font-size: 20px;
	line-height: 20px;
	color: rgb(140,140,140);
}

.collapse-options .collapse-option-envelope .card-title > label:after{content: "\f003";font-weight: 100;font-size: 150%;}
.collapse-options .collapse-option-pdf .card-title > label:after{content: "\f1c1";font-weight: 100;font-size: 150%;}
.collapse-options .collapse-option-home .card-title > label:after{content: "\f015";font-weight: 100;font-size: 150%;}
.collapse-options .collapse-option-building .card-title > label:after{content: "\f0f7";font-weight: 100;font-size: 150%;}
.collapse-options .first.last .card-title label:hover, .collapse-options .first.last a{cursor:default;}
.collapse-options .card-title input[type="radio"]{
	position: static;
	margin-right: 10px;
	padding-bottom: 4px;
}
.collapse-options .card-body{
	/*padding: 30px 44px 37px 44px;*/
	padding: 30px;
}
.collapse-options .card-body {
	background: rgb(250,250,250);
}

/* collapse */


.delivery-options {
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);
}

.popover .arrow {
	display:none;
}

.popover {
	background-color: #FCF8E3;
	color: #C09853 !important;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}


/*#div_popover_error_outer > .popover {
	background-color: #FCF8E3;
	color: #C09853;
}

.popover.top .arrow:after {
	border-top-color: #FCF8E3;
}

#div_popover_error_outer > .popover > .arrow {
	display: none;
}*/

.err {
	background-color: #F8DBDB !important;
}

.err-overflow {
	background-color: #F8DBDB !important;
}

.err-ascii {
	background-color: #F8DBDB !important;
}

#alert_overflow, #alert_ascii {
	font-size: 90%;
	padding: 5px 10px 6px 12px;
	display: none;
}

.donation_template_outer_div {
	/*display: table;
	width: 100%;*/
}

.donation_template_div {
	/*float: left;*/
	/*width: 200px;*/
	/*width: 21%;*/
	/*margin-right: 24px;*/
	/*margin-left: 2%;*/
	/*margin-right: 2%;*/
	text-align: center;
}

	.donation_template_div img {
		margin-bottom: 10px;
		border: 1px solid #eaeaea;
		max-width: 100%;
		height: auto;
		/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.09);*/
		/*-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.09);*/
		/*box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.09);*/
	}

	.donation_template_image_selected
	{
		border-color: #a2a2a2 !important;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.09);
		-moz-box-shadow:	0px 0px 5px 0px rgba(0, 0, 0, 0.09);
		box-shadow:			0px 0px 5px 0px rgba(0, 0, 0, 0.09);
	}

	.donation_template_div label {
		/*font-weight: bold !important;*/
		font-size: 16px;
	}

input[type="radio"], input[type="checkbox"] {
	margin-top: 0;
	margin-bottom: 3px;
	vertical-align: middle;
}

.radio, .checkbox {
	padding-left: 0px;
}

.magnify {
	display: none;
}

.center_horisontally {
	position: absolute;
	left: 50%;
	top: 3%;
	transform: translate(-50%, 0%); /* Yep! */
	/*width: 48%;*/
	/*height: 100%;*/
}

.template_preview {
	z-index: 9999;
}

.magnify {
	position: absolute;
	left: 35%;
	top: 34%;
	opacity: 0.5;
}

.donation_template_div {
	/*position: relative;*/
}

	.donation_template_div > label.checkbox:hover {
		font-weight: bold !important;
	}

.donationamountcurrency {
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	color: #B2B2B2;
	/*float: left;*/
	/* width: 10%; */
	text-align: left;
	/* margin-left: 2%; */
}

.form-control.donation_textbox_greeting {
	resize: none;
	height: 270px;
	padding-top: 18px;
}

ul.option-logos {
	margin-top: 10px;
}

.disclaimer {
	text-align: right;
	margin-top: 10px;
}


/* PROGRESS BAR */
.progress {
	background-color: transparent;
	height: 6px;
	margin-top: 20px;
	margin-bottom: 30px;
}


/* PROGRESS MODAL */
#myProgress {
  width: 100%;
  background-color: #ddd;
}

#myBar {
  width: 1%;
  height: 20px;
  background-color: #4CAF50;
  margin-top: 30px;
  margin-bottom: 30px;
}


/* WIZARD */
		.wizstepcontent {
			min-height: 400px;
			margin-top: 40px;
		}

		.wizbuttonbar {
			margin-bottom: 20px;
		}

		
/* SWIPER */
		.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
			opacity: 0;
		}

		.btn-template {
			background-color: #dddddd;
		}

		.btn-template:hover {
			background-color: #cccccc;
		}



/* PREVIEW2 */

	.template-preview2-div {
		position: relative;
	}

	.template-preview2-img {
		-webkit-filter: blur(3px);
		filter: blur(3px);
		width: 100%;
		height: auto;
		opacity: 0.2;
	}

	.template-preview2-btn {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		width: auto;
		border: 1px solid #eaeaea;
	}




/* WIDE ALERT */

.wide-alert-close {
	position: relative;
	top: 0;
	right: 10px;
	text-align: right;
	float: right;
	color: white;
}

.wide-alert {
	z-index: 99999;
	position: sticky;
	top: 10px;
	left: auto;
	right: auto;
	width: 100%;
	text-align: center;
	background-color: #00854a;
	padding: 5px;
	opacity: 0.8;
	color: white;
	font-weight: bold;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.btn-light {
	background-color: #e7eaee;
	border-color: #e2e5e9;
}




#laguage-selector {
	padding: 20px;
	text-align: center;
	color: gray;
}

.inspiration-button {
	position: absolute; 
	bottom: 10px; 
	right: 25px;
	border: 1px solid #ebebeb;
}

.funeralhome_address {
	padding-bottom: 0 !important;
	text-transform: uppercase;
	font-family: monospace;
	font-weight: bold;
	font-size: 105%;
	opacity: 0.6;
}


.dim3 {
	opacity: 0.7 !important;
	background-color: #efefef !important;
}


/* LOOK-UP-FIX */
.donor-address-lookup .minimizing-label {
	font-size: 14px;
	top: 0;
	left: 15px !important;
}

.donor-address-lookup .dim3 {
	opacity: 1 !important;
	background-color: white !important;
	margin-top: 14px;
	padding-left: 3px;
}

.donor-identitynumber-button > label.d-none {
	display: none !important;
}

.donor-identitynumber-button > .btn-light {
	height: 50px;
	line-height: 37px;
}
/* LOOK-UP-FIX */


@media (max-width: 767px) {
	.wizstepcontent {
		min-height: 0;
	}

	.card-body-mobileslim {
		padding-left: 10px;
		padding-right: 10px;
	}

	header {
		position: relative;
	}

	body {
		margin-top: 0;
	}

	/*.donation_template_div {
		float: left;
		width: 100%;
		margin-right: 0;
		text-align: center;
		margin-bottom: 20px;
	}

		.donation_template_div label {
			font-weight: normal !important;
			font-size: 26px;
		}*/

		.donation_template_div input[type="radio"], input[type="checkbox"] {
			width: 25px;
			height: 25px;
		}

	/*.donation_template_div img {
			margin-bottom: 30px;
			margin-top: 30px;
			*/
			/* border: 1px solid silver; */
			/*-webkit-box-shadow: 8px 8px 30px 6px rgba(0,0,0,0.26);
			-moz-box-shadow: 8px 8px 30px 6px rgba(0,0,0,0.26);
			box-shadow: 8px 8px 30px 6px rgba(0,0,0,0.26);
		}*/

.collapse-options .collapse-option-envelope .card-title > label:after{content: "";}
.collapse-options .collapse-option-pdf .card-title > label:after{content: "";}
.collapse-options .collapse-option-home .card-title > label:after{content: "";}
.collapse-options .collapse-option-building .card-title > label:after{content: "";}
}

@media (min-width: 768px) {
	.donation_template_innerdiv:hover .magnify {
		display: block;
		cursor: zoom-in;
	}

	.donation_template_div img {
		cursor: zoom-in;
	}

		.donation_template_div img:hover {
			opacity: 1 !important;
		}
}



/*@media (min-width: 1200px) {
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 940px;
	}
}

@media (min-width: 1400px) {
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 940px;
	}
}

@media (min-width: 1600px) {
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 940px;
	}
}*/
