/*WISH */
.widget .widget_content {
	display: block;
}
.blocks .widget-inner {
	height: auto;
}
.blocks .widget {
	border: 0 solid #f6f5f3;
}
.blocks .widget-inner .donation{
	cursor: default;
}
.donation .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),.input-group > .input-group-append:not(:last-child) > .btn,.input-group > .input-group-append:not(:last-child) > .input-group-text,.input-group > .input-group-prepend > .btn,.input-group > .input-group-prepend > .input-group-text {
	border-top-right-radius:0;
	border-bottom-right-radius:0
}

.donation .input-group-text {
	background-color:#dadbdc;
	border-color:#dadbdc
}

.donation .input-group-prepend {
	margin-right:-1px
}

.donation .input-group-append,.input-group-prepend {
	display:-ms-flexbox;
	display:flex
}

body .donation {
	font-family: 'Founders Grotesk Regular', sans-serif;
}

.donation .col-4 {
	-ms-flex:0 0 33.333333%;
	flex:0 0 33.333333%;
	max-width:33.333333%
}


.donation .col-8 {
	display: block;
	-ms-flex:0 0 66.666667%;
	flex:0 0 66.666667%;
	max-width:66.666667%
}

.donation .col-5{
	-ms-flex:0 0 41.666667%;
	flex:0 0 41.666667%;
	max-width:41.666667%
}

.donation .col-3 {
	-ms-flex:0 0 25%;
	flex:0 0 25%;
	max-width:25%
}
.donation .col-12 {
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%
}

.donation .input-group-text {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	padding: 8px 3px 0px;

	margin-bottom:0;
	font-size: 20px;
	font-weight:400;
	line-height:1.5;
	color:#495057;
	text-align:center;
	white-space:nowrap;
	background-color:#e9ecef;
	border:1px solid #ced4da;
	border-radius:.25rem;
	border-top-right-radius:.25rem;
	border-bottom-right-radius:.25rem;
	border-color:#ced4da
}

.card {
	font-size: 22px;
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	min-width:0;
	word-wrap:break-word;
	background-color:#fff;
	background-clip:border-box;
	border:1px solid rgba(0,0,0,.125);
	border-radius:.25rem
}

.donation .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),.input-group > .input-group-append:not(:last-child) > .btn,.input-group > .input-group-append:not(:last-child) > .input-group-text,.input-group > .input-group-prepend > .btn,.input-group > .input-group-prepend > .input-group-text {
	border-top-right-radius:0;
	border-bottom-right-radius:0
}

.card {
	background-color:#efefef;
	color:#000
}

.donation .form-donation {
	box-sizing:border-box;
	padding-bottom:20px
}

.donation .input-group-text {
	background-color:#dadbdc;
	border-color:#dadbdc
}

.form-donation .donation-header {
	padding:15px;
	position:relative;
	border-radius:3px 3px 0 0;
	text-align:center
}

.form-donation .donation-title {
	color:#252422;
	font-weight:300;
	margin:0;
	text-align:center
}

.form-donation. donation-icon-circle.tab_shape {
	height:40px;
	background:#fff;
	border-radius: 10px
}

.form-donation .donation-icon-circle.tab_shape  {

	height:40px;
	border:none;
	background-color:#003ea7;
	border-radius: 0;	
	border-color:currentcolor;
	width: 100%;
}
#step-3 {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
#step-1 {

	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.form-donation .active .donation-icon-circle.tab_shape {
	color:#fff;
	background-color: #00914c;
}


.form-donation .donation-icon-circle {
	width:70px;
	height:70px;
	font-size:24px
}

.form-donation .donation-icon-circle {
	font-size:20px;
	border:3px solid #f3f2ee;
	border-radius:50%;
	font-weight:600;
	width:70px;
	height:90px;
	background-color:#fff;
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-line-pack:center;
	align-content:center
}


.form-donation .donation-navigation .donation-progress-with-circle {
	position:relative;
	top:40px;
	height:4px
}

.form-donation .donation-navigation .donation-progress-with-circle {
	position:relative;
	top:40px;
	height:4px
}

.donation-header,.donation-progress-with-circle {
	display:none
}

.form-donation * {
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}


.form-donation .donation-nav-tabs {
	margin:15px 15px 0 15px;
	position:relative;
	text-align:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}

.form-donation .donation-nav {
	margin-bottom:0;
	padding-left:0;
	list-style:none
}

.form-donation .donation-nav-tabs a,.form-donation .donation-nav-tabs li {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	flex-grow:1;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-positive:1;
	flex-grow:1
}

.form-donation .donation-nav > li {
	position:relative;
	display:block
}

.form-donation .donation-nav-tabs > li > a.disabled {
	pointer-events:none;
	cursor:default
}
.form-donation .donation-nav-tabs > li > a.clickable.disabled {
	pointer-events:auto;
	cursor:pointer
}

.form-donation .donation-nav-tabs > li > a {
	color:grey;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	padding:0;
	margin:0 auto;
	color:rgba(0,0,0,.2);
	position:relative;
	top:3px
}

.form-donation .donation-nav-tabs > li > a,.form-donation .donation-nav-tabs a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}

.stepTitle{
	margin-top: 5px;
}
.form-donation a {
	text-decoration:none
}

.donation fieldset {
	min-width:0;
	padding:0;
	margin:0;
	margin-bottom: 8px;
	border:0
}
#payment-methode {
	margin-top: 9px;
}
.form-donation a {
	color:#6c0;
	text-decoration:none;
	background-color:transparent
}
.amount_popular {

	text-align: center;
	flex-grow: .3;
	font-size: 20px;
}

.amount_popular.onetime {
	padding-left: 139px;
}
.form-donation legend {
	display:block;
	width:100%;
	max-width:100%;
	padding:0;
	margin-bottom:.5rem;
	font-size:20px;
	line-height:inherit;
	color:inherit;
	white-space:normal
}

.form-donation label {
	display:inline-block;
	margin-bottom:.5rem;
}

.form-donation .radio-list {
	display:flex;
}
.form-donation .radio-list.friendships,
.form-donation .radio-list.onetime {
	display: flex;
    justify-content: space-between;
}

.form-donation .form-group.has-error input {
	border-color:red
}

.form-donation input[type="checkbox"], input[type="number"], input[type="radio"] {
	box-sizing:border-box;
	padding:0
	font-size:20px;
}
input[type="number"] {
	padding:0 !important;
	padding-left: 10px !important;
}
.form-donation .input-group {
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-align:stretch;
	align-items:stretch;
	width:100%
}

.form-donation input[type="radio"] {

	font-size:20px;
	position:absolute;
	opacity:0;
	cursor:pointer
}

.form-donation label {
	display:inline-block;
	margin-bottom:.5rem
}

.form-donation button,
.form-donation input {
	overflow:visible
}

.form-donation .donation-btn {
	margin: 0 15px;
}
.form-donation .form-row > .col,.form-row > [class*="col-"] {
	padding-right:5px;
	padding-left:5px
}

.form-donation .input-group {
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-align:stretch;
	align-items:stretch;
	width:100%
}

.form-donation .input-group-prepend {
	margin-right:-1px
}

.form-donation .input-group-append,.form-donation .input-group-prepend {
	display:-ms-flexbox;
	display:flex
}

.form-donation .form-control::placeholder {
	color:#6c757d;
	opacity:1;
	color:#6c757d;
	opacity:1
}

.form-donation .form-row {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-right:-5px;
	margin-left:-5px
}

.form-donation .form-control {
	display:block;
	width:100%;
	padding: 5px 5px;

	font-size:20px;
	line-height:1.5;
	color:#495057;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid #ced4da;
	border-radius:.25rem;
	border-top-left-radius:.25rem;
	border-bottom-left-radius:.25rem;
	transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-donation * {
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

.form-donation .input-group-prepend {
	margin-right:-1px;
	margin-left: 10px;

}

.form-donation .input-group-append,.form-donation .input-group-prepend {
	display:-ms-flexbox;
	display:flex
}

.form-donation select.form-control:not([size]):not([multiple]) {
	height: 40px;
}

.form-donation .input-group > .custom-select:not(:first-child),.form-donation .input-group > .form-control:not(:first-child) {
	border-top-left-radius:0;
	border-bottom-left-radius:0
}

.form-donation .input-group > .custom-file,.input-group > .custom-select,.form-donation .input-group > .form-control {
	position:relative;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	width:1%;
	margin-bottom:0
}

.form-donation .form-control {
	display:block;
	width:100%;
	padding: 5px 5px;

	font-size:20px;
	line-height:1.5;
	color:#495057;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid #ced4da;
	border-radius:.25rem;
	border-top-left-radius:.25rem;
	border-bottom-left-radius:.25rem;
	transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-donation .form-check-input {
	position:absolute;
	margin-top:.3rem;
	margin-left:-1.25rem
}

.form-donation .form-control::placeholder {
	color:#6c757d;
	opacity:1
}

.donation .form-check-label {
	position:relative;
	color:#333;
	font-size:20px;
	font-weight:700;
	cursor:pointer;
	float:left;
	text-align:center;
	height: 33px;

	flex-grow:1
}
.donation .friendships .form-check-label {
	width: calc(33.33333333333% - 10px);
    flex-grow: unset;
}
.donation .onetime .form-check-label {
	width: calc(25% - 10px);
    flex-grow: unset;
}
.form-donation .form-group .form-check-label:first-child{
	margin-right: 15px;
	color: green;
}
.form-group #customAmountLabel.form-check-label:first-child{
	margin-right: 0;
}
#customAmountLabel {
	line-height: 20px;
	font-size: 20px;
}
.sr-only {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0
}

.form-donation .donation-nav-tabs > li.active > a,.form-donation .donation-nav-tabs > li.active > a:focus,.form-donation .donation-nav-tabs > li.active > a:hover {
	background-color:transparent;
	-webkit-transition:font-size .2s linear;
	transition:font-size .2s linear
}

.form-donation .donation-tab-content {
	padding:30px 0 10px
}

.form-donation .donation-nav-tabs > li > a {
	color:black
}

.form-donation .donation-tab-content {
	min-height:100px;
	padding:0px 20px 10px
}

.form-donation * {
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

.form-donation .form-group {
	margin-bottom:.5rem
}

.form-donation .form-group.has-error {
	margin-bottom:1rem
}

.form-donation .m-r {margin-right: 15px;}
.form-donation .m-l {margin-left: 15px;}
.form-donation .donation-nav-tabs a,.form-donation .donation-nav-tabs li {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	flex-grow:1;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-positive:1;
	flex-grow:1
}

.form-donation .clearfix::after {
	content:"";
	clear:both;
	display:table
}

.form-donation .donation-card-footer .donation-footer-left {
	float:left
}

.form-donation .donation-card-footer .donation-footer-right {
	float:right
}

.form-donation .donation-btn {
	display:inline-block;
	margin-bottom:0;
	font-weight:400;
	text-align:center;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	background-image:none;
	border:1px solid transparent;
	white-space:nowrap;
	padding:6px 12px;
	font-size:20px;
	line-height:1.42857;
	border-radius:4px;
	border-color:transparent;
	border-width:1px
}
#donation-submit{
	color: #fff;
	background-color: #00914c;
}

.form-donation .donation-icon-circle .donation-icon-container {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	border-radius:40%
}

.form-donation .donation-icon-circle .donation-icon-container.square_shape,.form-donation .donation-icon-circle .donation-icon-container.tab_shape {
	border-radius:.5rem
}

.donation-icon::after {
	display:inline-block;
	width:24px;
	height:24px;
	color:#fff;
	content:"";
	background-size:cover
}

div.donation-card-footer.clearfix > div.donation-footer-left > span > button {
	background-color:#dadbdc!important;
	border-color:#dadbdc!important
}

.tab_shape {
	padding:10px 50px
}


.donation input[type="radio"]:checked + label {
	color:#fff;
	background-color:#00914c;
	border-color:#00914c
}

.donation input[type=radio]:checked+label {
	color: #fff;
	background-color: #00914c;
	border-color: #00914c;
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.form-donation small.col-8 {

	font-size: 12px;
}

.donation-error{
	display: block;
	width: 100%;
	bottom: -16px;
	font-size: 12px;
	color: red;
	margin-left: 5px;
}
#inputGroupPrepend{
	height: 33px
}
.input-group-prepend{
	height: 33px
}

#tab-step-2 #inputGroupPrepend, #tab-step-2 .input-group-prepend {
	height: 40px;	
	margin-left: 0;
	padding-left: 5px;
}

.wish .thumbnail{
	position:relative;
	z-index:75;
	border-radius:100%;
	border:2px dashed #d2d2d2;
	padding:10px;	
	max-width:70%;
	margin:0 auto;
	overflow:hidden;

}
@media (max-width: 670px) {
	.wishGrid .wish{
		position:relative;
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
		border-bottom:1px solid #eee	
	}
	.wishGrid .wish:last-child{
		border:0	
	}
	.wishGrid .thumbnail{
		position:absolute;
		width:30%;
		padding:5px;
		float:left;	
	}
	
	.wishGrid .content{
		position:relative;	
		text-align: left;
    	padding-left: calc(30% + 20px);
	}
}
.wish .thumbnail .image{
	border-radius:100%;
	padding-bottom:100%;
	background-size:cover;
	background-position:center;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	
}
.wishGrid .wish .thumbnail .image:hover{
	transform: scale(1.2);
}
.wish .title{
	font-family: 'Schoolbell';
	font-size:34px;
	color:#262626	
}

/* WISH SINGLE */
.wishSingle .banner{
	min-height:400px;	
}
.wishSingle .banner .slider{
	height:550px;	
}
.wishSingle .wish .thumbnail{
	margin-top:-50%	
}
.wishSingle .wishDonorList{
	width:100%;	
}
.wishSingle .wishDonorList td{
	padding:10px 0;
	text-align:left;
	border-bottom:1px solid #eee	
}
.wishSingle .wishDonorList td.num{
	font-family: 'Schoolbell';
	font-size:20px;	
}
.wishList { 

	
}

.wishList .paper {
	font-family: 'Schoolbell';
	font-size:20px;
	width: 50%;
	height: 80%;
	margin: 0 auto;
	padding: 6px 5px 6px 42px;
	position: relative;
	color: #444;
	line-height: 30px;
	border: 1px solid #eee;
	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fff)) 0 4px;
	background: -webkit-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
	background: -moz-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
	background: -ms-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
	background: -o-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
	background: linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
	-webkit-background-size: 100% 20px;
	-moz-background-size: 100% 20px;
	-ms-background-size: 100% 20px;
	-o-background-size: 100% 20px;
	background-size: 100% 30px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
	box-shadow: 0 1px 2px rgba(0,0,0,0.07);
	width: 100%;
}
 
.wishList .paper::before {
	content: '';
	position: absolute;
	width: 4px;
	top: 0;
	left: 30px;
	bottom: 0;
	border: 1px solid;
	border-color: transparent #efe4e4;
}
.wishList .paper .line{
	position:relative;
	padding-left:30px;	
}
.wishList .paper .line:before{
	content:' ';
	background-repeat: no-repeat;
    background-size: 80%;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 2px;	
}
.wishList .paper .state-checked:before{
	background-image: url('../images/state-checked.svg')	
}
.wishList .paper .state-open:before{
	background-image: url('../images/state-open.svg')	
}
.wishList .head,
.wishList .foot{
	background-color: #FFF;
	min-height: 108px;
	margin-left: -42px;
	margin-top: -4px;
	margin-right: -5px;
}
.wishList .head{
	padding: 73px 60px 0 50px;	
}
.wishList .foot{
	min-height:40px;	
}

.message,
#error-message{
	padding:15px;
	border-radius:3px;
	border-width:2px;
	color:#fff;
	margin-bottom:20px
}
.message-success{
	background-color:#ff4f1e ;
	color: black;
}
.message-error, #error-message {
	background-color:#ff4f1e !important;
	color: black;
	padding-bottom: 5px;
}
.error {
	border: 1px solid #ff4f1e !important;
}

#anbi{
	float: right;
	margin-top: -21px;
}