.noselect
{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.deewee-btn-link, .deewee-btn-link:visited, .deewee-btn-link:link, .deewee-btn-link:link:active
{
	display:block;
	width:100%;
	padding:5px;
	border-radius:5px;
	height: inherit;
	text-decoration: none;
	text-align: center;
}



@keyframes blink {
	0% {
		opacity: 0.2;
	}
	100% {
		opacity: 1;
	}
}



@keyframes beat 
{
	0% 
	{
		transform: scale(1);
	}
	50% 
	{
		transform: scale(0.5);
	}
	100% 
	{
		transform: scale(1);
	}
}


.beat
{
	animation: beat 1s infinite;
}

.blink 
{
	animation: blink 1s infinite;
}

/******************************************************************************
**										HEADER
******************************************************************************/

.btn-home
{
	position: absolute;
	top: 0;
	left: 0;
	width: 54px;
	height: 54px;
	background: #f5f5f5;
	cursor: pointer;
}

/******************************************************************************
**										FOOTER
******************************************************************************/

.deewee-footer
{
    position:relative;
    height:36px;
    /*
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
    */
	width: 100%;
	/*padding-top: 36px;*/
	/*background-color: #00515b;*/
}


.btn-info
{
	position: absolute;
/*	position: fixed;*/
	bottom: 16px;
    margin:auto;
	z-index: 1;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	background: #99cc33;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	box-shadow: 1px;
	left: 50%;
	transform: translate(-50%, 0%);
}

.btn-info > a
{
	display: block;
	width: 38px;
	height: 38px;
	font-family: "Nunito", sans-serif;
	font-size: 25px !important;
	font-weight: 700 !important;
	color: #fff !important;
	text-decoration: none !important;
	background: #99cc33;
	border: 1px solid #fff;
	border-radius: 50%;
	transition: color 0.2s ease, background 0.2s ease;

}
/*
.section-marketplace
{
	margin-left:250px;
}
*/

.footer-marketplace
{
	display:flex;
	color:white;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top:15px;
	justify-content: space-around;
}

.footer-dropdown.fa-caret-down
{
	display:none;
}

@media only screen and (max-width: 600px) 
{
	.footer-marketplace
	{
		flex-direction: column;
	}

	.footer-dropdown > div:last-child
	{
		display: none;
	}

	.footer-dropdown.fa-caret-down
	{
		display:inline;
	}

	

}
/*
@media only screen and (max-width: 960px) 
{
	.section-marketplace
	{
		margin-left: inherit;
	}
}
*/
/******************************************************************************
**									COLOR
******************************************************************************/


.deewee-color-dark-red
{
	color: #910403;
}

.deewee-color-grey
{
	color: #5c5c5c;
}

.deewee-color-pink
{
	color:#e91e63;
}

.deewee-bg-color-pink
{
	background-color:#e91e63 !important;
}

.deewee-color-blue-link
{
	color:#0d3623;
}

.deewee-green-color-marketplace-title
{
	color:#00515b;
}

.deewee-color-black
{
	color:#000000;
}

.deewee-color-green
{
	color:#769d27;
}

/******************************************************************************
** 									DEEWEE CARD
******************************************************************************/

.deewee-card
{
	height: 150px;
	width:325.5px;
	background-color:#005b56;
	display: flex;
	border-radius:5px;
	box-shadow: 10px 5px 5px black;
	flex-direction: column;
	margin:auto;
}

.deewee-card-vertical
{
	height: 400px;
	width:250px;
	background-color:#005b56;
	display: flex;
	border-radius:5px;
	box-shadow: 10px 5px 5px black;
	flex-direction: column;
	margin:auto;
}

.deewee-card-logo
{
	background-image: url('/shared/files/img/cropped-cropped-logo-vert.png');
	background-size: contain;
	width: 70px;
	height: 70px;
	margin:auto;
}

.deewee-card-vertical > div >.deewee-card-logo
{
	width: 120px;
	height: 120px;
	margin: auto;
	margin-left: 85px;
}

.deewee-card-label
{
	color:white;
	font-weight: 700;
	align-self: end;
	padding:5px;
}

.deewee-card-bandeau
{
	background-color:#769d27;
	width:100%;
	height:5px;
}



.deewee-card-bandeau-ver
{
	background-color: #769d27;
	width: 8px;
	height: 150px;
	position: absolute;
	margin-left: 50px;
}

.deewee-card-vertical > .deewee-card-bandeau-ver
{
	height: 400px;
}


.cardDeeWeeAccueil
{
	justify-content: space-around;
	display:flex;
	align-items: flex-end;
}

.giftcardDeeweeAcceuil
{
	margin-top:50px;
}

.deewee-card-acceuilText
{
	padding:15px;
	max-width:500px;
}

.deewee-saverne-logo
{
	display:flex;
	flex-wrap:wrap;
	width:fit-content;

	background-color: white;
}

/******************************************************************************
**									ICON
******************************************************************************/

.dwicon.gift-card::before
{
	font-size:34px;
}
.dashboard.view article ul li
{
	height: 85px !important;
}

.dashboard.view article ul li a
{
	width: 50px !important;
	height: 50px !important;
}

.dashboard.view article ul li .dwicon::before
{
	font-size: 30px !important;
}

.dashboard.view article ul li .txt
{
	font-size:14px;
}

.dashboard-username {
    color:          white ;
    font-weight:    bold;
    margin-right:   auto;
    width:          150px;
    overflow:       hidden;
    white-space:    nowrap;
    text-overflow:  ellipsis;
    text-align:     left;
}

.icon-arrow:before
{
	content: "\e224";
	color: #00515b;
	font-size: 18px;
	margin-right: 0;
}

.icon-game::before
{
    font-family: 'Glyphicons';
    content: "\e323";
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-size: 42px;
	/*background-color:white;*/
	height:42px;
	width:35px;
	/*color:black;*/
	color:white;
}

.icon-asso::before
{
	display:block !important;
	width: auto !important;
	height: auto !important;
	color:white;
	font-size: 42px;
	line-height: 1;
}

.icon-gift::before
{
	font-family: 'Glyphicons';
    content: "\e070";
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-size: 30px;
	height:42px;
	width:35px;
	color: white;
	width:50px;

}


.icon-mouse::before
{
    font-family: 'Glyphicons';
    content: "\e724";
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-size: 24px;
	/*background-color:#00515b;*/
	height:42px;
	width:35px;
	color:#00515b;
}

.icon-oeil::before
{
    font-family: 'Glyphicons';
    content: "\e052";
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-size: 24px;
	height:42px;
	width:35px;
}

.icon-heart-empty::before
{
    font-family: 'Glyphicons';
    content: "\e020";
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-size: 24px;
	height:42px;
	width:35px;
	color:black;
}

.icon-heart-full::before
{
    font-family: 'Glyphicons';
    content: "\e013";
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-size: 24px;
	height:42px;
	width:35px;
	color:red;
}

.icon-ret::before
{
	font-family: 'Glyphicons';
	content: "\e225";
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color:#5c5c5c;
	margin:auto;
}   

.icon-cross-right:before
{
	font-family: 'Glyphicons';
	content: "\e212";
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color:#99cc33;
	margin:auto;
}


.heart,
.heart-full
{
	font-size: 25px;
	font-weight: 700;
}

.heart-full
{
	color:#99cc33;
}

/*****************************************************************************/


.diagonal-box
{

	width: 100%;
	height: 320px;
	transform: skewY(1deg);
	background-image: linear-gradient(45deg, #00515b, #005b56);
}

/*
** Padding : tan(skewY * pi / 180) * width / 2;
*/
.diagonal-box-content
{
	width:100%;
    margin: 0 auto;
    position: relative;
	padding:5px;
	/*transform: skewY(4deg);
	padding:20px;*/
	font-size: xx-large;
	line-height: 75px;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


/*
.deewee-btn-link-dark-green
{
	background-color:#769d27;
	color:#fff !important;
}

.deewee-btn-link-dark-red
{
	background-color:#769d27;
	color:#fff !important;
}
*/

.no-decoration,
.no-decoration:hover
{
		text-decoration:none !important;
	
}

.colorWhiteHover:hover
{
	color:white !important; 
}


/*
** XXX should be define on Deewee.css
*/

.sectionAddCard
{
    display:flex;
    width:100%;
    justify-content: space-around;
    padding-top:25px;
    align-items: center;
}

.formAddCard
{
	max-width: 600px;
	display: flex;
    align-items: center;
	text-align: center;
}

.sectionDownloadApp
{
    text-align: center;

}

@media only screen and (max-width: 600px) 
{
	.sectionAddCard
	{
		flex-direction: column;
		padding:8px;
	
	}

	.sectionDownloadApp
	{
		order:3;
		margin-top:25px;
		border-top: 1px solid grey;
	}

	.formAddCard
	{
		order:1;
		flex-direction: column;
		
	}

	.addCardListPartenaire
	{
		border-top: 1px solid grey;
		order:2;
		margin-top:25px;
	}

	/******************************************************************************
	** 									DEEWEE CARD
	******************************************************************************/

	.cardDeeWeeAccueil
	{
		flex-direction: column;
	}

	.giftcardDeeweeAcceuil
	{
		flex-direction: column-reverse;
	}

	.diagonal-box-content
	{
		font-size: x-large;
		line-height: 50px;
	}
}


@media only screen and (min-width: 601px) and (max-width:960px)
{
	.sectionAddCard
	{
		flex-wrap: wrap;
	}

	.sectionDownloadApp
	{
		width: 100%;;
		order:3;
		margin-top:50px;
	}

	.deewee-card-acceuilText
	{
		max-width:400px;
	}

	.diagonal-box-content
	{
		line-height: 55px;
	}

	
}


/******************************************************************************
**								LOADER
******************************************************************************/


.deewee-loader
{
	margin:auto;
	border: 8px solid #f3f3f3;
	border-radius: 50%;
	border-top: 8px solid #769d27;
	width: 60px;
	height: 60px;
	-webkit-animation: deewee-loader-spin 2s linear infinite; /* Safari */
	animation: deewee-loader-spin 2s linear infinite;
	display:block;
}

/* Safari */
@-webkit-keyframes deewee-loader-spin 
{
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes deewee-loader-spin 
{
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/******************************************************************************
**								tools
******************************************************************************/


@media only screen and (max-width: 900px) 
{
	.hidde900
	{
		display:none !important;
	}

	.full-width900
	{
		width:100% !important;
	}
}


@media only screen and (max-width: 960px) 
{
	.hidde960
	{
		display:none !important;
	}

	.full-width960
	{
		width:100% !important;
	}
}

@media only screen and (min-width: 960px) 
{
	.hiddeMin960
	{
		display:none !important;
	}
}

.align-vertically-and-horizontally
{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.with-available-img {
    width:  auto;
    max-width: -moz-available;
    max-width: -webkit-fill-available;
}

/******************************************************************************
**								PROMO CODE
******************************************************************************/


.promo_code-step1
{
	display:flex;
}

.promo_code-step1 > div
{
	width: 50%;
	text-align: center;
	padding-left:5%;
	padding-right:5%;
}

.left-bar
{
	border-left: 6px solid #005b56;
}


/******************************************************************************
**								FORM
******************************************************************************/

.deewee-form-line
{
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	width:100%;
}



.deewee-form-line + .deewee-form-line
{
	margin-top: 10px;
}

@media only screen and (max-width: 900px) 
{
	.hidde900
	{
		display:none;
	}

	.deewee-form-line
	{
		display: flex;
		flex-flow: column;
		justify-content: space-between;
		width:100%;
	}

	.deewee-form-line-item
	{
		width: 100% !important;
	}

	.deewee-form-line-item + .deewee-form-line-item
	{
		margin-top: 10px;
	}
}
/******************************************************************************
**							Column style
******************************************************************************/

.deewee-row-picture-text
{
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-evenly;*/
	align-items: center;
}


.deewee-row-item-text
{
	width:400px;text-align:center;
            
            height: 300px;
            width: 400px;
        
            font-size: 18px;
            font-style: oblique;
        
            display: flex;
            flex-direction: column;
            justify-content: center;
			margin-left: 20px;
}


@media only screen and (max-width: 900px) 
{
	.deewee-row-picture-text
	{
		/*display:none;*/
		justify-content: center;
		margin-left: auto;
	}

	.deewee-margin-auto-900
	{
		margin:auto;
	}
}



/******************************************************************************
**									Dashboard
******************************************************************************/

.s-c-dashboard {
    max-width:600px;
    margin:auto; 
    background-color:white;
    border-radius:34px;
}

.dashboard-header
{
	display: flex;;
	height: 64px;
	background-color: #00515b;
	width: 100%;
	justify-content: space-around;
}

.dahsboard-box-scan
{
	display: flex;
	position: relative;
	/*
	top: 14px;
	right: 120px;
	*/
	width: 25px;
	height: 25px;
	color: #fff;
	cursor: pointer;
	text-align: center;
	transition: background 0.2s ease, color 0.2s ease;
	z-index:10;
	margin-left: auto;
	margin-right: auto;
}

.dashboard-header-logo-container
{
	color:white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
	padding-top: 15px;
}

.dashboard-card-section-item
{
	display: flex;
	background-color: #f4f4f4;
	border-radius: 15px;
	padding:5px;
	cursor: pointer;
	max-width: 600px;
	margin:auto;
	align-items: center;
}

.dashboard-card-section
{
	padding:10px;
}

.dashboard-card-section-item-label
{
	padding-left: 15px;
	font-size: 14px;
	text-align: left;
	font-weight: 700;
}

.dashboard-coupon-section
{
	background-color:#f8f3f2;
	width:165px;
	padding:10px;
	margin:auto;
	border-radius: 15px;
	color:#434343;
	font-weight: 700;
	padding:15px;
	cursor:pointer;
}

.dashboard-coupon-title
{
	margin-bottom: 7px;
}

.dashboard-coupon-section-badges
{
	display:flex;
	justify-content: space-between;
	font-size:12px;
	width: 130px;
    margin: auto;
}

.dashboard-coupon-section-badge
{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.dashboard-coupon-badge
{
	height: 50px;
	width: 50px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-weight: 700;
	margin-top: 5px;
	font-size:14px;
	background-color: #99cc33;
}

.loading-badge
{
    animation-duration: 1.4s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    /*background: linear-gradient(to right, #fafafa 8%, #f4f4f4 38%, #fafafa 54%);*/
	background: linear-gradient(to right, #eeeeee 8%, #bbbbbb 18%, #eeeeee 33%);
    background-size: 1000px 640px;
    position: relative;
}

.loading-badge > div
{
	display:none;
}

@keyframes placeHolderShimmer
{
    0%
	{
        background-position: -500px 0
    }
    100%
	{
        background-position: 500px 0
    }
}



/******************************************************************************
**								shopping
******************************************************************************/
.shop-banner
{
	height: 275px;
	
}

.shop-banner > div > img
{
	object-fit: cover;
}

.shop-banner-logo
{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	position: relative;
	left:50%;
	transform: translate(-50%, -50%);
	border: 1px solid white;
}

.shop-banner-logo > img
{
	
	width: 150px;
	height: 150px;
	border-radius: 50%;

}

.shop-list-container
{
	display: flex;
	flex-direction: column;
	column-gap: 20px;
	row-gap: 20px;
	padding:5px;
}

.shop-contact-container
{
	display: flex;
	flex-direction: column;
	font-size: 12px;
	font-weight: 700;
	color: #00515b;
	text-align: left;
	padding: 0px 0px 0px 5px;
	margin-bottom: 10px;
}

.shop-contact-icon::before
{
	font-size: 14px;
}

.shop-contact-item > a
{
	font-size: 12px !important;
	padding-left: 8px;
	color:#00515b !important;
}

.shop-contact-label
{
	display: inline-block;
	padding-left: 8px;
}


.shop-contact-icon-container
{
	width: 12px;
	display: inline-block;
	padding: 3px;
}

.shop-schedule-container
{
	display: flex;
	flex-direction: column;
	margin-bottom:10px;
}


.shop-schedule-item
{
	display: flex;
	flex-direction: row;
}

.shop-schedule-item > div:nth-child(1)
{

	text-align: left;
	padding: 0px 0px 0px 5px;
	width: 100px;
}

.shop-schedule-item > div:nth-child(2)
{
	
	padding-left: 5px;
}

.ckeditor-word-wrap > pre
{

    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.g-map-iframe
{
	min-height: 400px;
	width: 100%;
}
/******************************************************************************
**								offer
******************************************************************************/

.renderLoadingOffers
{
	width:80px;
	display:none;
}

.offer-list-container-header
{
	
	flex-direction: row;
	justify-content: space-between;
	padding:10px;
	display: flex;
	margin: auto;
	max-width: 1200px;
	align-items: center;
}

.search-offer
{
	width: 100%;
	border: 1px solid #5c5c5c;
	border-right: 0px;
  	border-right-color: rgb(92, 92, 92);
  	border-right-style: solid;
  	border-right-width: 1px;
	border-right: none;
	padding: 5px;
	height: 35px;
	border-radius: 15px 0 0 15px;
	outline: none;
	color: #5c5c5c;
}

.search-button-offer
{
	width: 40px;
	padding: 0px;
	height: 35px;
	border: 1px solid #5c5c5c;
	background: #5c5c5c;
	text-align: center;
	background-color: #fff;
	border-radius: 0 15px 15px 0;
	cursor: pointer;
	font-size: 20px;
	border-left: 1px;
	color:black;
}

.offer-list-container
{
	display: flex;
	flex-direction: column;
	column-gap: 20px;
	row-gap: 20px;
	padding:0px 10px 10px 10px;
}

.offer-item-container
{
	display:flex;

}

.offer-list-item-picture
{
	width: 150px;
	height: 150px;
	position:relative;
	cursor:pointer;
}

.offer-distance
{
	color: white;
	background-color: #769d27;
	position: absolute;
	top: -2px;
	left: -2px;
	padding: 3px;
	width: fit-content;
	font-size:10px;
	font-weight: 700;
	border-radius: 3px;
}

.offer-item-infos-last
{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding-left: 5px;
}

.offer-new
{
	position: absolute;
	color: white;
	background-color: #769d27;
	padding: 3px;
	width: fit-content;
	height: fit-content;
	font-size:10px;
	bottom: -2px;
	right: -2px;
	font-weight: 700;
	border-radius: 3px;
}

.offer-list-item-picture > img 
{
	border-radius: 15px;
}

.offer-item-infos
{
	padding: 5px;
	text-align:left;
	width: 100%;
	cursor:pointer;
}

.offer-item-nbr-good-deals
{
	color:#7da232;
	font-weight: 700;
	text-align: center;
	width: 100%;
	margin-top: 15px;
	font-size: 18px;
}

.offer-item-in-shop
{
	background-color:#00515b;
	color: white;
	font-weight: 700;
	text-align: center;
	width: fit-content;
	margin: auto;
	padding:5px;
	border-radius: 9px;
	margin-top: 15px;
	font-size: 18px;
}

.offer-item-tag
{
	background-color: #edf3e1;
	color:#7da232;
	padding:5px;
	border-radius: 15px;
	font-weight: 700;
	font-size:10px;
}

.offer-item-title
{
	font-weight: 700;
	font-size:12px;
}

.offer-item-reduction-name
{
	color:#7da232;
	padding:5px;
	font-weight: 700;
	font-size:14px;
}

.offer-item-date
{
	color:#a6abb1;
	padding-left:5px;
	font-size:12px;
}

.offer-item-company
{
	padding-top:5px;
	padding-left:5px;
	font-size:10px;
	font-weight: 600;
}

.offer-shop-container
{
	background-color: #f0f0f0;
	display: flex;
	padding:5px;
	border-radius: 15px;
}

.offer-shop-miniatures
{
	display:flex;
	width: 100%;
	justify-content: space-around;
}

.offer-shop-miniatures > img
{
	border-radius: 7px;
}

.offer-item-like
{
	width:40px;
	align-self: center;
	cursor:pointer;
	margin-right: 10px;
	margin-left: auto;
}


.offer-item-count
{
	height: 44px;
	line-height: 38px;
	color:grey;
	font-size:12px;
	padding-left: 5px;
	font-weight: 700;
}

.offer-item-picture
{
	height: 400px;
}

.offer-item-picture > img
{
	max-width: 100%;
	height:400px;
	box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.29);
	position:relative;
}

.offer-item-like-container
{
	display: flex;
	justify-content: space-between;
	width: 100%;
    max-width: 400px;
}

.offer-item-tags
{
	position: relative;
	width: fit-content;
	bottom: 45px;
    margin:auto;
}

.offer-item-description
{
	margin: 15px 5px 5px 5px;
	background-color: #f4f4f4;
	padding:5px;
	display:flex;
	min-height: 150px;
	border-radius: 15px;
	align-items: center;

}

.offer-item-description-picture
{
	width: 40px;
}

.offer-item-description-picture > img
{
	border-radius: 50%;
	height: 40px;
	width: 40px;
	border:1px solid black;
}

.offer-item-description-infos
{
	padding:5px;
	width: 100%;
}

/******************************************************************************
**									Coupon
******************************************************************************/

.coupon-list-container
{
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	column-gap: 20px;
	row-gap: 2px;
	padding:2px;
}

.coupon-item-container
{
	display:flex;
	background-color: white;
	height:150px;
	border-radius: 12px;
    margin-bottom:15px;
}

.coupon-item-company
{
	font-weight: 700;
}

.coupon-item-conditions
{
	/*background-color:yellow;*/
	/*font-size:1.5rem;*/
	width:100%;
	text-align: left;
	/**Major Properties**/
	overflow:hidden;
	/*line-height: 2rem;
	max-height: 6rem;*/
	-webkit-box-orient: vertical;
	display: block;
	display: -webkit-box;
	overflow: hidden !important;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	font-size: 10px;
	line-height: 10px;
	max-height: 50px;
	color:#737373;
}
.coupon-item-container > div img
{
	border-radius: 12px;
	/*border: 2px dashed black;*/
}

.coupon-list-item-picture
{
	position: relative;
    cursor:pointer;
	/*background: #fff;*/
	/*flex: 3;*/
}

/*
.coupon-list-item-picture:after
{
	content: " ";
	border: 2px dashed #eee;
	height: 100%;
	position: absolute;
	top: 0;
	right: -2px;
}
*/

.coupon-container-infos
{
	display:flex;
	flex-direction:column;
	width:100%;
	position:relative;
	padding:10px;
	color: #00515b;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

}

#infos-coupons,
#infos-availables
{
	color:#00515b;
}

/*
.coupon-container-infos:before 
{
	content: " ";
	width: 24px;
	height: 24px;
	position: absolute;
	top: -12px;
	left: -12px;
	border-radius: 100%;
	background: #eee;
}

.coupon-container-infos:after 
{
	content: " ";
	width: 24px;
	height: 24px;
	position: absolute;
	bottom: -12px;
	left: -12px;
	border-radius: 100%;
	background: #eee;
}
*/

.coupon-item-view-container
{
	width:100%;
	background-color: white;
	border-radius: 15px;
	max-width: 600px;
	margin:auto;
}

.coupon-item-view-container-infos
{
	display:flex;
	flex-direction:column;
	width:100%;
	position:relative;
	padding:10px;
	color: #00515b;
	/*
	border:2px solid red;
	border-top:none;
	border-radius: 15px;
	*/
}

.coupon-item-view-container-infos::before
{
	content: " ";
	width: 24px;
	height: 12px;
	position: absolute;
	top: -8px;
	left: -8px;
	background: white;
	border-top-left-radius: 12px;
    border-top-right-radius: 12px;
	transform: rotate(90deg);
}

.coupon-item-view-container-infos::after
{
	content: " ";
	width: 24px;
	height: 12px;
	position: absolute;
	top: -8px;
	right: -8px;
	background:white;
	border-top-left-radius: 12px;
    border-top-right-radius: 12px;
	transform: rotate(-90deg);
}

.coupon-item-container-qr
{
	padding:15px;
	/*border: 2px solid red;
	border-radius: 15px;*/
	border-bottom: 5px dashed white;

}

.coupon-btn-list-out
{
	background-color:#6633cc;
	border-radius:15px;
	width:fit-content;
	font-size:12px;
	padding:1px;
	margin-top:5px;
	margin-right:5px;
	margin-left:auto;
    cursor:pointer;
}

.coupon-btn-list-in
{
	background-color:#6633cc;
	border-radius:15px;
	color:white;
	font-weight:700;
	width:100%;
	padding:5px;
}


.coupon-banner
{
	background-color: #7141cf;
	padding: 15px;
	color:white;
}


.coupon-banner > img
{
	height:200px;
	width:100%;
}

@media screen and (max-width: 600px) 
{
	.coupon-banner > img
	{
		height:150px;
	}
}
/******************************************************************************
**								Menu 
*******************************************************************************/

.menu-tab
{
	display: flex;
	padding: 7px;
	justify-content: space-between;
}

.menu-tab-item
{
	cursor:pointer;
	color:#cccccc;
	padding: 7px;
	font-weight: 700;
}

.menu-tab-item-active
{
	color:#00515b;
	
}

.header-menu-close
{
	font-size: 20px;
	font-weight: bold;
	color: #5c5c5c;
}

/******************************************************************************
**								Banner 
*******************************************************************************/
.banner-container
{
	position: relative;
	height: 400px;
	width: 100%;
	display: none;
}

.banner-picture
{
	height: 400px;
	width: 100%;
}

.banner-text
{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: black;
	width: 100%;
}

.banner-slideshow
{
	width:100%;
	position: relative;
	margin: auto;
	margin-bottom: 20px;
}

/* Next & previous buttons */
.banner-prev, .banner-next 
{
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: black;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	text-decoration: none;
}

.banner-prev
{
	left:0px;
}
/* Position the "next button" to the right */
.banner-next {
right: 0;
border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.banner-prev:hover, .banner-next:hover {
background-color: rgba(0,0,0,0.8);
}


/******************************************************************************
**								Marketplace Menu 
*******************************************************************************/

#marketplace-menu
{
	display:flex;
	cursor:pointer;
}

.filter-marketplace-bar div
{
	width: 20px;
	height: 3px;
	background-color: black;
	margin: 3px 0 0 5px;
	margin-right:10px;
}

.marketplaceSidenav
{
	height: 100%;
	width: 0px;
	position: fixed; 
	z-index: 2; 
	top: 0;
	left: 0;
	background-color: white;
	overflow-x: hidden; 
	/*padding-top: 60px;*/
	transition: 0.5s;
	border: 0px solid #eee;
	
	/*border-right-width: 0px;*/
}

.marketplaceSidenav div ul li div div span a
{
	color:red;
}

@media screen and (min-width: 960px) {
	.marketplaceSidenav.open
	{
		width:250px;
		border-right-width: 1px;
		border-color: rgb(238, 238, 238);

	}
}
/*
.marketplaceSidenav.open
{
	border-right-width: 2px;
}
*/
.marketplaceSidenav a
{
	/*padding: 8px 8px 8px 32px;*/
	text-decoration: none;
	font-size: 25px;
	/*color: #00515b !important;*/
	display: block;
	transition: 0.3s;
	padding-top: 8px;
	padding-bottom: 8px;
}


.marketplaceSidenav a:hover
{
	color: #f1f1f1;
}

.marketplaceSidenav .closebtn
{
	/*position: absolute;*/
	top: 0;
	right: 0px;
	font-size: 18px;
	padding: 8px 8px 8px 8px;
	text-decoration: none;
	/*margin-left: 50px;*/
}

.closebtn, .closebtn:link, .closebtn:visited, .closebtn:hover
{
	color:black;
}

.section-marketplace
{
	transition: margin-left .5s;
}

.marketplaceShadowBody
{
	transition: 1s;
	position:fixed;
	width:0;
	z-index:1;
	background-color:rgba(0,0,0,0.4);
	right: 0px;
	height:100%;
}

.container-marketplace
{
	min-height: 100%;
	/**/
	transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

@media screen and (min-width: 960px) {
.container-marketplace.open,
.box-footer.open,
#footer-marketplace.open
{
	padding-left:250px;
}
}


@media screen and (max-height: 450px) {
	.marketplaceSidenav {padding-top: 15px;}
	.marketplaceSidenav a {font-size: 18px;}
  }


.menu-tab-item-marketplace-active
{
	color:black;
	background-color: #f0f2ee;
}

.marketplace-section-product > .product-section
{
	background-color: #f0f2ee;
}

.marketplace-section-product > .menu-tab
{
	padding:0px;
	
}
.marketplace-section-product > .menu-tab .menu-tab-item
{
	width:100%;
	border-radius: 15px 15px 0px 0px;
}

.marketplace-section-product
{
	padding:10px;
	margin-right: 10px;
	border-radius: 15px;
}
.marketplace-section-product > .product-section
{
	height: inherit;
	padding:25px;
}

.marketplace-section-product .product-section  > .article-item
{
	top: initial;
	-ms-transform: initial;
	transform: initial;
}

#m-search-list
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	z-index:2;
}

#m-search-list li a
{
	border: 1px solid #ddd; /* Add a border to all links */
	margin-top: -1px; /* Prevent double borders */
	background-color: #f6f6f6; /* Grey background color */
	padding: 12px; /* Add some padding */
	text-decoration: none; /* Remove default text underline */
	font-size: 18px; /* Increase the font-size */
	color: black; /* Add a black text color */
	display: block; /* Make it into a block element to fill the whole list */
}

#m-search-list li a:hover:not(.header)
{
	background-color: #eee; /* Add a hover effect to all links, except for headers */
}

#m-search-list  li:last-child a{
    border-radius: 0px 0px 20px 20px;
}


.search
{
  width: 400px;
  border: 1px solid #99cc33;
  border-right: none;
  padding: 5px;
  height: 35px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #5c5c5c;
}

.search:focus
{
  color: black;
}

.search-button
{
	width: 40px;
	padding: 0px;
	height: 35px;
	border: 1px solid #99cc33;
	background: #99cc33;
	text-align: center;
	color: #fff;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
	font-size: 20px;
}

.search-button i
{
	width:25px;
}

.blog-item-container
{
	border-radius: 25px;
	background-color: #fafcf8;
	width: 230px;
	margin:auto;
	box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.29);
	cursor:pointer;
	height: 310px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
}

.blog-item-container:not(:last-child) 
{
	margin-right: 45px;
}

.blog-item-img > img
{
	width:230px;
	height: 230px;
	border-radius: 25px 25px 0px 0px;
}


@media screen and (max-width: 600px) 
{
	.blog-item-img > img
	{
		width:169px;
		height: 169px;
	}

	.blog-item-container
	{
		height: 255px;
		width:169px;
	}
}



.blog-item-title
{
	font-weight:700;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	padding:15px;
	border-color:  #dcdcdc;
	text-overflow: ellipsis;
overflow: hidden;
}

.blog-item-date
{
	font-weight:200;
	padding:5px;
	font-size:12px;
	color:#423d37;
}

.marketplace-cat-menu
{
	display:flex;
	width:100%;
	justify-content:space-around;
	overflow:auto;
	align-items: center;
	background-color: #f0f2ee;
	height:54px;
}

.marketplace-main-menu
{
	display:flex;
	width:100%;
	justify-content:center;
	/*flex-wrap: wrap;*/
	align-items: center;
	color:#5c5c5c;
}

.marketplace-main-menu > div
{
	/*width: 100%;*/
	max-width: 400px;
	margin-right: 25px;
}

.marketplace-main-menu > div:last-child
{
	margin-right: inherit;
}

.header-top-marketplace
{
	background-color: #4b36fa !important;
	/*position: inherit !important;*/
	height: inherit !important;
	width: 100%;
}

.menu-tab-item-see-all,
.menu-tab-item-see-all:hover,
.menu-tab-item-see-all:visited,
.menu-tab-item-see-all:link
{
	color:black;
	position: relative;
	top: 15px;
}

@media only screen and (max-width: 960px) 
{
	.search
	{
		width: 100%;
	}

	.marketplace-item-search
	{
		width: 100%;
		padding: 0px 10px 0px 10px;
	}

	.marketplace-main-menu > div
	{
		margin-right: inherit;
	}

	.marketplace-main-menu
	{
		justify-content:space-between;

	}

	.marketplace-cat-menu
	{
		justify-content:normal;
	}

	.marketplace-cat-menu > div:nth-child(2)
	{
		margin-left: 15px;
	}

	.marketplace-item-search
	{
		order:4;
	}
}


.warning-input
{
	border: 2px solid darkorange !important;
}

.valid-input 
{
	border: 2px solid #99cc33 !important;
}

/**
**
*/
#picture-drop-area
{
	border: 2px dashed #ccc;
	border-radius: 20px;
	font-family: sans-serif;
	margin: 100px auto;
	padding: 20px;
	width: 100%;
	max-width: 600px;
	margin: auto;
	margin-top: auto;
	margin-top: 5px;
}

#picture-gallery-add img
{
	max-width: 100%;
}

.inputForm
{
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	color: #999;
	text-align: left;
	outline-style: none;
	background: #fff;
	border: 1px solid #cfcfcf;
	box-shadow: none;
	padding: 5px;
	margin: 0;
	transition: background 0.2s ease, border 0.2s ease, color 0.2s ease;
}


/*
.deewee-form > .form-fields > .item > input
{
	border-radius: 5px;
}
*/

.deewee-form
{
	max-width: 100% !important;
}

.deewee-form input,
.deewee-form select
{
	border-radius: 5px;
}

.deewee-form-group
{
	/*border: solid #9c3;*/
	padding: 15px;
	width: 100%;
	border-radius: 5px;
	border-width: 1px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}



/* The container */
.deewee-radio-container
{
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
  
  /* Hide the browser's default radio button */
.deewee-radio-container input 
{
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.deewee-radio
{
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: #eee;
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.deewee-radio-container:hover input ~ .deewee-radio 
{
	background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.deewee-radio-container input:checked ~ .deewee-radio 
{
	background-color: #99cc33;
}
  
/* Create the indicator (the dot/circle - hidden when not checked) */
.deewee-radio:after 
{
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.deewee-radio-container input:checked ~ .deewee-radio:after
{
	display: block;
}

/* Style the indicator (dot/circle) */
.deewee-radio-container .deewee-radio:after 
{
	top: 4px;
	left: 4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}


/* The container */
.deewee-checkbox-container 
{
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
  
/* Hide the browser's default checkbox */
.deewee-checkbox-container input 
{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
  
/* Create a custom checkbox */
.deewee-checkbox 
{
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: #eee;
}
  
/* On mouse-over, add a grey background color */
.deewee-checkbox-container:hover input ~ .deewee-checkbox 
{
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.deewee-checkbox-container input:checked ~ .deewee-checkbox 
{
	background-color: #99cc33;
}
  
/* Create the checkmark/indicator (hidden when not checked) */
.deewee-checkbox:after 
{
	content: "";
	position: absolute;
	display: none;
}
  
/* Show the checkmark when checked */
.deewee-checkbox-container input:checked ~ .deewee-checkbox::after 
{
	display: block;
}

/* Style the checkmark/indicator */
.deewee-checkbox-container .deewee-checkbox:after 
{
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/******************************************************************************
**									Deewee Banner
******************************************************************************/

#banner-cookie
{
	background-color: black;
	color:white;
	position: fixed;
	bottom: 0px;
	z-index: 2;
	width: 100%;
	padding:15px;
}

#banner-cookie > a
{
	color:white;
	text-decoration: underline;
}

@media only screen and (max-width: 960px) 
{
	#banner-cookie,
	#banner-cookie > a
	{
		font-size:12px;
	}
}

.form-checkbox-container
{
    display: flex;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-checkbox-container input
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark-coupon
{
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius:50%;
}

.checkmark-coupon.small
{
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
}

.checkmark-coupon.square
{
    border-radius:0%;
}

.form-checkbox-container:hover input ~ .checkmark-coupon
{
    background-color: #ccc;
}

.form-checkbox-container input:checked ~ .checkmark-coupon
{
    background-color: #6633cc;
}

.checkmark-coupon:after
{
    content: "";
    position: absolute;
    display: none;
}

.form-checkbox-container input:checked ~ .checkmark-coupon:after
{
    display: block;
}

.form-checkbox-container .checkmark-coupon:after
{
    left: 8px;
    top: 6px;
    width: 11px;
    height: 10px;
    border: solid white;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.form-checkbox-container.small .checkmark-coupon:after
{
    left: 3px;
    top: 3px;
    width: 10px;
    height: 7px;
    border: solid white;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*******************************************************************************
**                                  Radio coupon style
*******************************************************************************/

/* The container */
.radio-coupon-container
{
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.radio-coupon-container input
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radio-coupon-checkmark
{
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-coupon-container:hover input ~ .radio-coupon-checkmark
{
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-coupon-container input:checked ~ .radio-coupon-checkmark
{
    background-color: #6633cc;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-coupon-checkmark:after
{
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-coupon-container input:checked ~ .radio-coupon-checkmark:after
{
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-coupon-container .radio-coupon-checkmark:after
{
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

/*******************************************************************************
**                               Search Customer
*******************************************************************************/

.search-item-list {
    background-color:   #f5f5f5;
    padding:            15px;
    text-decoration:    none;
}

.search-item-list > a, 
.search-item-list > a:visited {
    text-decoration:    none !important;
    color:              #00515b;
}

.search-item-line {
    display:            flex;
    justify-content:    space-between;
}

.search-item-list:nth-child(n + 2) {
    margin-top: 15px;
}

.search-item-line:nth-child(n + 2) {
    padding-top: 5px;
}

.search-item-item {
    display:        flex;
    align-items:    center;
}

.search-item-icon {
    width:fit-content;
    margin:auto;
}

.search-item-icon > img {
    width:25px;
    height:25px;
}

.search-item-text{
    margin-left:5px;
}

/*******************************************************************************
**                               Search Card
*******************************************************************************/

.search-item-icon-c  {
    width:              50px;
    height:             50px;
    background-color:   #f5f5f5;
    display:            flex;
    justify-content:    center;
    align-items:        center;
}

.search-item-icon-abs  {
}

.search-card-item {
    display:            flex;
    align-items:        center;
    justify-content:    space-between;
}

.search-card-circle-c {
    position:           relative;
    height:             100px;
    width:              50px;
}

.search-card-circle {
    position:           absolute;
    background-color:   red;
    width:              20px;
    height:             20px;
    border-radius:      50%;
    top:                50%;
    left:               50%;
    -ms-transform:      translate(-50%, -50%);
    transform:          translate(-50%, -50%);
}

.search-card-item:nth-last-child(n + 2) .search-card-h-line {
    background-color:   #888888;
    width:              2px;
    height:             100%;
    bottom:             0px;
    margin:             auto;
    top:                100%;
    left:               50%;
    position:           absolute;
    -ms-transform:      translate(-50%, 0%);
    transform:          translate(-50%, 0%);
    z-index:            -1;
}

.search-item-infos {
    width:  300px;
    cursor: pointer;
}


.royalty-challenge-c {

}

.royalty-challenge-title {
    font-weight:    700;
    margin-left:    15px;
}

.royalty-challenge-subtitle {
    font-weight:    700;
    font-size:      14px;
    color:          #9e9e9e;
    margin-bottom:  5px;
    margin-left:    15px;
}

.royalty-challenge-progess-bar-c {
    position:           relative;
    max-width:          500px;
    margin:              auto;
}

.royalty-challenge-progess-bar {
    width:              100%;
    height:             50px;
    display:            flex;
    position:           relative;
    background-color:   #4d4d4d;
}

.royalty-challenge-progess-bar-value {
    position:           absolute;
    background-color:   #ed9101;
    z-index:            1;
    left:               0;
    height:             50px;
}

.royalty-challenge-progress-bar-rect {
    width:              100%;
    display:            flex;
    position:           relative;
    border:             1px solid #8a8a8a;
    z-index:            2;
}

.royalty-challenge-progress-label-progress {
    width:          fit-content;
    transform:      translate(-50%, 0%);
    font-weight:    700;
    color:          #ed9101;
}

.royalty-challenge-progress-icon-progress {
    transform: translate(-50%, 0%);
    width:      50px;
}

.royalty-challenge-progress-icon-progress  > img {
    width:50px;
}

.icon-challenge::before {
    font-family: 'Glyphicons';
    font-size:28px;
    content: "\e075";
}

.container-event-ticket {
    display:        flex;
    align-items:    center;
}

.container-event-ticket > div {
    witdh:      50%;
    text-align: center;
}

@media only screen and (max-width: 600px)  {

    .royalty-challenge-progress-icon-progress, 
    .royalty-challenge-progress-icon-progress > img {
        width:35px;
    }

    .royalty-challenge-progess-bar {
        height:30px;
    }

    .royalty-challenge-progess-bar-value {
        height:30px;
    }

    .royalty-challenge-progess-bar-c {
        max-width: 280px;
    }


    .container-event-ticket {
        flex-direction:column;
    }

    .container-event-ticket > div > .card-code {
        padding:35px;
    }

}




/******************************************************************************
 **                                 STATS
******************************************************************************/


.s-gift-card
{
    width:fit-content;
    margin:auto;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    padding:15px;

}


.container-top2
{
    display:flex;
    justify-content: space-between;
    align-items: baseline;
}

.container-top2 > .s-gift-card
{
    margin:0;
}

.c-gift-card-sell
{
    width:100%;
    display:flex;
    padding:15px;
    justify-content: center;

}

.c-gift-card-sell > div > div
{
    width: 200px;
    display: flex;
    flex-direction: column;
}

.c-gift-card-sell > div > div > img
{
    margin:auto;
}

.c-gift-card-sell > div > div > h3,
.c-gift-card-sell > div > div > span
{
    text-align:center;
}

.c-gift-card-sell > div:nth-child(n + 2)
{
    border-left:2px solid black;
}

.s-gift-card:nth-child(n + 2)
{
    margin-top:15px;
}

.circle-container {
    width:160px;
    text-align:center;
}

.circle-container span {
    margin-top:15px;
}

.circle-c-percent
{
    background-color:#d9d9d9;
    width:160px;
    height:80px;
    border-radius:80px 80px 0 0;
    position:relative;
    margin-top:15px;
}

.circle-c-percent-white
{
    position:absolute;
    background-color:white;
    width:100px;
    height:50px;
    border-radius:50px 50px 0 0;
    left:30px;
    bottom:0;
    display:flex;
}

.circle-c-percent-white > div
{
    margin-top:auto;
    text-align: center;
    width: 100%;
    font-weight:bold;
}

.container-top
{
    display:flex; 
}

.container-top
{

    .graph-canvas{
        border-style:none;
    }
}


/******************************************************************************
**							    dw-form	
******************************************************************************/
.dw-form-label {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: #00515b;
}


.dw-form {
    max-width   :600px;
    text-align: left;
    margin:     auto;
}

.dw-form-input {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #999;
    text-align: left;
    outline-style: none;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: none;
    padding: 8px;
    transition: background 0.2s ease, border 0.2s ease, color 0.2s ease;
}

.dw-form > div {
    margin-bottom: 15px;
}

.date-input::-webkit-outer-spin-button,
.date-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.date-input[type=number] {
    -moz-appearance: textfield;
}