@font-face{
	font-family: 'PingFang SC';
	src: url("//asia.tools.euroland.com/tools/SubscriptionCentre2/Config/Company/cn-6060/fonts/PingFang-SC-Regular.ttf") format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face{
	font-family: 'PingFang SC';
	src: url("//asia.tools.euroland.com/tools/SubscriptionCentre2/Config/Company/cn-6060/fonts/PingFang-SC-Bold.ttf") format('truetype');
	font-weight: 700;
	font-style: normal;
}

body{
	font-size: 14px;
    font-family: 'PingFang SC',Arial, Helvetica,sans-serif !important;
    color: #464646;
}

.wrapper{
    width: unset !important;
    max-width: 1100px !important;
    padding: 0 !important;
}


.btn {
    padding: 10px 1.0em;
    border: 0.08em solid #00BC70 !important;
    border-radius: 1.5em 1.5em 1.5em 1.5em;
    background: #FFFFFF !important;
    color: #00BC70 !important;
    font-size: 14px;
    transition: background 0.5s, color 0.5s, border 0.5s;
}

.modal .btn{
    min-width: 120px;
}

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

.modal-body {
    padding-bottom: 40px !important;
}

.google-recapcha a,
.check-subscription-link a,
.footer a {
    color: #464646 !important;
}

.btn-primary:active,
.btn:active,
.btn:hover{
    background: #00BC70 !important;
    color: #FFFFFF !important;
}

*{
    outline: none !important;
}

.google-recapcha a:hover {
    color: #00BC70 !important;
}
.row-control .input input,
.row-control .input select,
.modal .form select, 
.modal .form input{
    box-sizing: border-box;
    border: 1px solid #e8e8e8 !important;
    background: #FFFFFF;
    color: #aaa9a9;
    height: 29px !important;
    padding: 0 10px;
}

.subscription-wrapper-single .selection-services{
    box-shadow: none !important;
    border: 0 !important;
}

.google-recapcha{
    display: none;
}

.button-inner {
    text-align: left;
    /* padding-left: 15px; */
}

.check-subscription-link {
    /* padding-left: 15px; */
    font-size: 14px;
    padding-top: 10px;
}

/* button.btn:after, 
button.btn:before {
    content: "...";
    position: relative;
    top: -3px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 5px;
} */

.button-wrapper {
    margin-left: 0;
    margin-top: 40px;
    width: 100%;
    padding-left: 0;
}

.button-inner{
    text-align: center;
}

#dialogModal .btn-submit, #dialogModal .btn-ok, #dialogModal .btn-cancel{
    margin-right: 10px;
}

.footer {
    font-size: 12px;
}

@media(max-width:568px){
    .button-wrapper,
    .subscribe-checking .form .input {
        width: 100%;
    }

    .modal .form select,
    .modal .form input{
        width: 95%;
    }

    #dialogModal .btn-submit{
        margin-right: 0 !important;
    }

    .button-wrapper, .form .row-control{
        margin: 0 !important;
    }
}

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

.announcement-group-lable,
.releasetype-group-lable {
    display: none!important;
}
.subcription-wrapper>.row-control strong {
    display: none !important;  
}
 
.subcription-wrapper {
    margin-top: -49px !important; // adjust this value to make tool align on top
}