@import url("//asia.tools.euroland.com/tools/SubscriptionCentre2/./../Config/footer.css");
/* Not Found: /Config/SubscriptionCentre2.css */
/* Not Found: ./../Config/Company/jp-ale/jp-ale.css */
@font-face {
	font-family: 'Noto Sans';
	src:url("//asia.tools.euroland.com/tools/SubscriptionCentre2/Config/Company/jp-ale/fonts/NotoSans.woff2") format('woff2');
	font-weight: normal;
	font-style: normal;  
    font-display: swap;
}

@font-face {
	font-family: 'Noto Sans JP';
	src:url("//asia.tools.euroland.com/tools/SubscriptionCentre2/Config/Company/jp-ale/fonts/NotoSansJP.woff2") format('woff2');
	font-weight: normal;
	font-style: normal;  
    font-display: swap;
}

body
{
    color: #000000;
	font-size: 	16px;
	background: none repeat scroll 0 0 transparent;
	font-weight: 400;	
}
a:link{
	color: #0056b3;
}
.en-gb{
	font-family: "Noto Sans",sans-serif;

}
.ja-jp{
	font-family: "Noto Sans JP",sans-serif;
}

.en-gb div[order="1"].row-control {
	display: none;
}

.ja-jp .check-subscription-link a, .ja-jp  .cookies-box a {
	color: #000000;
	font-size: 16px;
}
a:-webkit-any-link, a:-moz-any-link, a {
    color: #000000;
    text-decoration: none;
    cursor: auto;
}
.hyperlink, .disclaimer-box a {
	color: #000000;
	text-decoration: none;
}
.hyperlink:hover, .disclaimer-box a:hover, .cookies-box a:hover {
	color: #5a5a50;
	text-decoration: none;
}
.wrapper {
    width: 100%;
	padding: 20px;
    margin: 0 auto;
    max-width: 768px;
    height: 400px !important;
}

.service-name {
    position: relative;
    top: 3px;
}
.btn, .btn:active, .btn:focus  {
    background: #003399; 
    color: #ffffff;
    font-size: 1em;
    font-weight: 700 !important;
    letter-spacing: 0px;
    margin: 0 auto;
	padding: 16px;
	border: 1px solid #003399 !important;
	text-decoration: none;
	transition: background 0.3s ease-in-out 0s;
    text-transform: capitalize;
    width: 230px;
    height: 48px;
    border-radius: 5px;
}

.btn:hover {
	 background: #ffffff; 
	 border: 1px solid #003399 !important;
	 color: #003399;
}
#dialogModal .btn-submit, #dialogModal .btn-ok, #dialogModal .btn-cancel {
    min-width: inherit;
}
.radio input, .checkbox input {
    height: 17px;
	opacity: 1;
}
.form .lable {
	text-transform: uppercase;
}
.form input {
	appearance: none;
	-moz-appearance: none;
	background-color: #ffffff;
	border: 0.08em solid #a8a9a3;
	color: #585852;
	height: 36px;
    padding: 5px;
	border-radius: 0px;
}
.form select {
	appearance: none;
    -webkit-appearance: none;
	-moz-appearance: none;
    background-color: #ffffff;
    background-origin: content-box;
    background-position: calc(0px + 100%) 50%;
    background-repeat: no-repeat;
    background-size: 9px 6px;
	border-radius: 0px;
    padding: 5px;
    color: #585852;
    height: 36px;
	border: 0.08em solid #a8a9a3;
}

@media not all { 
	.form select  {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
	}
}
.form select > option{
	color: #585852;
    text-transform: capitalize;
}
.modal-content {
    
}

@media (max-width: 480px) { 
	.button-inner {
		padding-top: 10px;
	}
}



/* Changes */

button.btn.btn-primary.btn-subscribe {
    text-transform: capitalize;
    width: 230px;
    height: 48px;
    border-radius: 5px;
    background-color: #003399;
    border: 1px solid #003399 !important;
    color: #ffffff;
}

.btn, .btn:active, .btn:focus, button.btn.btn-primary.btn-subscribe{
	padding: 0 !important;
}

button.btn.btn-primary.btn-subscribe:hover {
    background-color: #ffffff;
    color: #003399;
}

div[order="0"].row-control .lable:after, .subscribe-checking .row-control .lable:after {
    content: "*";
    vertical-align: super;
    color: red;
    font-size: 0.8em;
    padding-left: 6px;
}

.compulsory-field {
    display: none;
}

.form input {
    background-color: #ffffff;
    border: 1px solid #003399;
    color: #000000;
    height: 48px;
    border-radius: 5px;
    max-width: 500px !important;
}

.form select {
    background-size: 100% 100%;
    border-radius: 5px;
    height: 48px;
    border: 1px solid #003399;
    color: #000000;
    max-width: 500px !important;
}

input, select{
	padding: 10px 20px !important;
}
.lable{
	text-transform: capitalize !important;
}

.google-recapcha {
    text-align: right !important;
}

.subscription-wrapper-single .selection-services {
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.check-subscription-link{
	font-weight: 500;
}

.row-control > strong, .sub-heading, .btn-cancel{
	display: none;
}

.subscribe-checking .button-wrapper {
    margin: 20px 0;
    text-align: center;
    width: 100%;
    padding: 0;
}

button.btn.btn-primary.btn-submit {
    margin-left: 226px;
    width: 160px;
}
    .form .lable, .form .input {
        float: left;
    }
    .form .input {
        width: 75%;
    }
	.form .lable {
        width:25%;
    }


    .button-wrapper .check-subscription-link, .button-wrapper .button-inner {
        margin-left: 0 !important;
        text-align: right;
    }


div[order="1"].row-control {
		display: block !important;
	}
	
	
@media (max-width: 768px) {
	button.btn.btn-primary.btn-submit {
		margin-left: 0px;
	}
	.subscribe-checking .button-wrapper {
		text-align: center;
		padding-bottom: 20px;
	}
}

@media (max-width: 425px) {
    .button-wrapper {
        text-align:center;
        margin-bottom: 0 !important;
    }
	/* div[order="1"].row-control {
		display: none;
	} */

	.selection-services {
		padding-left: 0;
		text-align: center;
	}

	.google-recapcha {
		text-align: right !important;
		width: 100%;
		margin: 0px;
		text-indent: 75px;
		white-space: normal;
		word-break: break-word;
		overflow-wrap: break-word;
	}
	.form .lable {
		padding: 10px 0 10px 15px;
		width: 100%;
	}
	.form .input {
		padding: 15px 0 0 20px;
		width: 100%;
	}
	.button-wrapper, .button-wrapper, .button-wrapper .button-inner {
		width: 100%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.check-subscription-link {
		text-align: right;
	}
	.check-subscription-link a{
		color: #000000;
		font-size: 14px !important;
	}
	.ja-jp  .cookies-box a, .supply-by span{
		font-size: 12px !important;
	}
	.service-checkbox {
		margin: 0px;
	}
}

.button-wrapper, .button-wrapper .check-subscription-link, .button-wrapper .button-inner {
    width: 98.4%;
}

.input{
	position: relative;
}

div[order="1"].row-control .input::after {
	content: "";
    background: url("//asia.tools.euroland.com/tools/SubscriptionCentre2/Config/Company/jp-ale/arrow-down.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 30px;
    height: 30px;
    margin: 10px -40px;
}
/* .en-gb div[order="1"].row-control{
	display: block !important;
} */

/* 
.checkbox{
	background: url("//gamma.euroland.com/tools/SubscriptionCentre2/Config/Company/jp-ale/box.png") no-repeat;
    background-size: 17px;
    line-height: 16px;
    width: 20px;
    height: 20px;
} */

/* .checkbox.checkbox-checked:before {
    background: #003399;
    border: 1px solid #003399;
}

.checkbox.checkbox-checked::after {
    content: "\eed6";
    font-size: 18px;
    position: relative;
    bottom: 1px;
    border: 0px solid #ccc;
    left: -1px;
    color: #003399;
    box-sizing: border-box;
    font-family: icofont;
    font-weight: 400;
} */
.checkbox{
	background: none !important;
}

.row-control.input {
  position: relative;
  cursor: pointer;
}

.row-control.input select {
  width: 100%;
  height: 100%;
  padding-right: 40px;
  appearance: none;
  cursor: pointer;
}

div[order="1"].row-control .input::after {
    content: "";
    background: url("//gamma.euroland.com/tools/SubscriptionCentre2/Config/Company/JP-ALE/arrow-down.png");
    background-size: contain;
    position: absolute;
    top: 30%;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    pointer-events: none;
}
.privacy-policy a:link {
    color: #5a5a50;
}
.privacy-policy a:link  {
    color: #5a5a50;
}
.privacy-policy a:hover {
    text-decoration: underline;
}