@import url("//fonts.googleapis.com/css?family=Work+Sans:400,500,600,700&display=swap");

@font-face {
    font-family: 'PageSans';
    src: url("//ksatools.eurolandir.com/tools/SubscriptionCentre2/Config/Company/sa-rjhi/fonts/PageSans-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PageSans';
    src: local('PageSans-Light'), local('PageSans-Light'), url("//ksatools.eurolandir.com/tools/SubscriptionCentre2/Config/Company/sa-rjhi/fonts/PageSans-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: Conv_ge-ss-text;
    src: url("//ksatools.eurolandir.com/tools/SubscriptionCentre2/Config/Company/sa-rjhi/fonts/ge-ss-text-light.woff") format("woff");
    font-weight: 400;
    font-style: normal;
} 


@font-face {
    font-family: Conv_ge-ss-text;
    src: url("//ksatools.eurolandir.com/tools/SubscriptionCentre2/Config/Company/sa-rjhi/fonts/ge-ss-text-medium.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}



body {	
	font-family: 'Work Sans', sans-serif;
    font-size: 14px;
	color: #2F322E;
}

body.ar-ae {
    font-family: Conv_ge-ss-text, Arial, Geneva, Verdana, sans-serif !important;
}

/* .ar-ae {
    font-family: 'cairo', sans-serif;
} */
.wrapper {
    width: 100%;
    max-width: 940px;
}
.checkbox input {
    height: 17px;
}
.btn,
.btn-subscribe {
    outline: none !important;
    padding: 8px 10px !important;
    font-size: 14px;
    min-width: auto !important;
    border:1px solid #a4378a !important;
    height: auto !important;
    line-height: normal !important;
    border-radius: 6px;
    color: #fff !important;
    background-color: #a4378a;
    transition: all 0.3s !important;

    padding: 12px 23px;
    border: solid 1px #bf4500 !important;
    background: #FFFFFF;
    color: #bf4500 !important;
    line-height: 14px!important;
}
.btn:hover,
.btn-subscribe:hover {
    background: #FFFFFF!important;
    color: #bf4500 !important;
}
.btn:active,
.btn-subscribe:active {
    background-image: none;
    outline: 0;
    border: solid 1px #bf4500 !important;
    background: #FFFFFF!important;
    color: #bf4500 !important;
}
.btn:focus,
.btn-subscribe:focus {
    border: solid 1px #bf4500 !important;
    background: #FFFFFF!important;
    color: #bf4500 !important;
}
.modal a:hover, .hyperlink:hover, .disclaimer-box a:hover, .cookies-box a:hover {
    text-decoration: underline;
}
.body-rtl .button-wrapper {
    margin-right: 0 !important;
}
.body-rtl .subscribe-checking .button-wrapper {
    margin: inherit !important;
    text-align: center !important;
}

body .button-wrapper {
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    width: 100%;
    padding-left: 0;
}
.wrapper {
    padding-top:0;
}
.check-subscription-link {
    text-align: left;
}
#dialogModal .btn-submit, #dialogModal .btn-ok, #dialogModal .btn-cancel {
    margin-top:20px;
}

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

.form .row-control .input>* {
    width: 100%;
}

.form input, 
.form select{
    border: 0.08em solid #E3E3E3;
}

.button-wrapper, 
.form .row-control {
    margin-left: 0;
    margin-right: 0;
}
.btn-default,
.btn-submit {
    margin-top: 10px;
}
.check-subscription-link a {
    color: #337ab7;
    text-decoration: none;
}
.check-subscription-link a:hover {
    color: #000000;
    text-decoration: underline;
}
span.compulsory-field {
    position: absolute;
    top: -2px;
    right: -13px;
    width: 10px !important;
}

.ar-ae span.compulsory-field {
    left: -15px;
    right: unset;
}

.modal-body input,
.modal-body select {
    border-radius: 0;
    padding: 2px 5px;
    border: 1px #E3E3E3 solid;
}

.body-rtl .wrapper{
    padding-top: 0;
}


.btn:active, 
.btn-subscribe:active,
.btn, .btn-primary, 
.btn-submit, .btn-cancel,
.btn:focus, 
.btn-primary:focus, 
.btn-submit:focus, 
.btn-cancel:focus{
    background: #a4378a;
    padding: 9px 2em;
    border-radius: 2px;
    min-width: 120px !important;
    border: 0;

    font-weight: 500;
    font-size: 13px
    padding: 12px 23px;
    border: solid 1px #bf4500 !important;
    background: #FFFFFF;
    color: #bf4500 !important;
    line-height: 14px!important;
}

.footer{
    font-size: 13px;
}

.modal-body {
    padding: 30px 30px 30px 30px;
}

.btn-default, .btn-submit {
    margin: 20px 5px 10px 5px;
}

.check-subscription-link{
    font-weight: 400;
    font-size: 14px;
}

.modal a, .hyperlink:hover, 
.disclaimer-box a:hover, .cookies-box a:hover {
    color: #000000 !important;
}

.body-rtl .subscribe-checking .form .lable {
    padding-left: 0;
    font-size: 13px !important;
    margin-left: 5px;
}

.ar-ae .modal-body{
    padding: 30px 25px;
}

.content-headline{
    margin-left: 0;
}

body.ar-ae .content-headline, 
body.ar-ae .content-headline{
    margin-right: 0;
}

.form input, .form select{
    height: 30px;
}

.modal-title{
    font-family: 'PageSans', Arial, Helvetica, sans-serif;
}

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

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

.google-recapcha{
    display: none;
}

.subscription-form-single .input-control .button-wrapper {
    padding-left: 26.5% !important;
}

.form .lable, .form .input {
    font-weight: 400;
}

span.compulsory-field{
    right: 0; 
}

.check-subscription-link {
    padding-top: 10px;
}

.row-control{
    padding: 5px 0;
}

*{
    outline: none;
}

.ar-ae .subscription-form-single .input-control .button-wrapper{
    padding-left: 0 !important;
    padding-right: 26.7% !important;
}

.ar-ae .button-inner{
    text-align: right;
}

.body-rtl .form .lable, 
.body-rtl .form .input{
    padding-left: 15px;
}

.ar-ae span.compulsory-field{
    left: 0;
}

.body-rtl .wrapper{
    padding-left: 0;
}

@media (max-width: 768px) {
    .wrapper {
        width: 100%;
        padding-top: 0;
        padding-left: 0%;
        padding-right: 0%;
    }
    .modal-dialog {
        width: inherit;
        margin: 0 auto;
    }
}
@media (min-width: 768px) {
    .button-wrapper .check-subscription-link, .button-wrapper .button-inner {
        margin-left: 0%;
    }
}

@media(max-width:767px){
    .subscription-form-single .input-control .button-wrapper{
        padding-left: 16px !important;
        padding-top: 10px;
    }

    .ar-ae .subscription-form-single .input-control .button-wrapper{
        padding-left: 0 !important;
        padding-right: 16px !important;
    }
}

@media (max-width: 399px) {
    .btn {
        margin-right: 0 !important;
    }
}