body{font-family: 'Poppins', sans-serif;}
.notice {
	text-align: center;
	padding: 12px 30px 14px !important;	
	border-radius: 50px;
	font-weight: 400;
	margin: 30px auto;
	width: 100%;
}
@media only screen and (min-width: 551px){
	.notice{font-size: 15px;}
}
.notice-success{
	background-color: #7CFF92;
	color: #007e33;
}
.notice-fail{
	background-color: #ffa09c;
	color: #cc0000;
}
.bottom-notice{letter-spacing: 0.05em}
label.required {
	position: relative;
	display: inline-block;
}
label.required::after {
	content: '*';
	color: red;
	position: absolute;
	right: -7px;
	top: 1px;
}
.m-r-20{margin-right: 20px;}
.nowrap{white-space: nowrap;}
.inline-block {display: inline-block;}
.middle{vertical-align: middle;}
.btn{border-radius: 0}
.btn:hover{	background-color: #000!important;}
h2{text-transform: none; font-weight: 500}
.authorisation-form .head-tab {letter-spacing: 1px;}
label{font-weight: 400}
.form-control{
	border-radius: 0;
	height: 40px;
}
.radio-inline, .checkbox-inline {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	cursor: pointer;
}
.radio label, .checkbox label {
	display: inline;
	margin-bottom: 0;
	cursor: pointer;
}
.checkbox input[type="radio"],
.checkbox input[type="checkbox"]  {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkbox span.checkmark {
	position: absolute;
	top: -2px;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #FFF;
	border: 1px solid #EEE;
}
.radio label, .checkbox label {padding-left: 12px;}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {margin-top: 10px;}
.checkbox:hover input ~ .checkmark{background: #EEE}
.checkbox input:checked ~ .checkmark {
	background-color: #00a651;
	border-color: #00a651;
}
.checkbox .checkmark::after {
	content: "";
	position: absolute;
	display: none;
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.checkbox input:checked ~ .checkmark::after {
	display: block;
}
.checkbox-wth-input label {
	padding-left: 35px;
	display: block;
}
.authorisation-form .checkbox-wth-input .checkmark {
	top: 1px;
}
.file-input-modified input {
	margin-left: 20px;
	width: 1px;
	height: 1px;
	margin-bottom: -20px;
	margin-top: 25px;
}

/* PICKUP AUTHORISATION FORM */
.input-group-addon-img {
	width: 50px;
	background-color: #FFFFFF;
	border: 1px solid #e1e1e1;
	height: 40px;
	border-right: none;
	text-align: center;
	line-height: 35px;
}
select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* background-position: right center; */
	background-image: url(//cdn.shopify.com/s/files/1/2353/4715/t/1/assets/ico-select.svg?10032004453403423431);
	background-repeat: no-repeat;
	background-position: right 10px center;
	line-height: 1.2;
	padding-right: 28px;
	text-indent: 0.01px;
	text-overflow: '';
	cursor: pointer;
	padding-top: 8px;
	padding-left: 15px;
	padding-bottom: 8px;
}
#pua, #cpa{letter-spacing: 0.03em; padding-top: 10px;}
.authorisation-form .checkbox-wth-input .input-group-addon{margin-right: -5px}


/* PRINT */
.print-container{
	width: 100%;
	max-width: 650px;
	margin: 80px auto;
	padding-bottom: 60px;
}
.print-container h2{
	text-align: center;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 21px;
	letter-spacing: 1px;
	padding-top: 20px;
}
sup{text-transform: lowercase;}
.print-container br{display: none;}
.print-container .title {
	text-align: center;
	margin-bottom: 50px;
	text-transform: uppercase;	
	font-weight: 500;
	font-size: 25px;
}

/* tooltip */
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 110%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 0%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}
.authorisation-form .button-container .btn.disable{
	background: transparent!important;
	cursor: default;
	color: #333!important;
	opacity: 1;
}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 110%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 0%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* datepicker jquery ui for safari and unsupported browser */
#ui-datepicker-div{
	width: 100%;
	max-width: 240px;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
	background: #FFFFFF;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-datepicker .ui-datepicker-prev {
	left: 20px;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-next {
	right: 30px;
	cursor: pointer;
}
.marketing-form h3{
    border-bottom: 1px solid #cccccc;
    padding-bottom: 7px;
    font-weight: 500;
}
.marketing-form .form-control{
    height: 37px;
    border-color: #ebebeb;
}
.marketing-form .btn{
    background-color: #00a657;
    border-color: #FFFFFF;
    padding: 8px 20px
}
.marketing-form .head-tab{margin-bottom: 20px;}
.marketing-form .clearfix{margin-bottom: 10px;}
@media only screen and (max-width: 419px){
    .marketing-form .browse-file{display: none;}
}