body {
    font-family: 'Catamaran', sans-serif;
}
footer {
    margin-top:30px;
}
table img {
    max-width:inherit;
    vertical-align: middle;
}
input, select {
    border: 1px solid #CCD8E2;
    padding: 7px 15px;
    width: 316px;
}
select {
    border-radius:100px;
    width:350px;
}
input[type='radio'] {
    width:16px;
}
input[type='submit'] {
    width:350px;
}
input[type='submit']:disabled {
    background-color:#cdcdcd;
}
#authipay,#revolut {
    display:none;
}
#applepayOption {
    display:none;
}
apple-pay-button {
    --apple-pay-button-width: 140px;
    --apple-pay-button-height: 30px;
    --apple-pay-button-border-radius: 5px;
    --apple-pay-button-padding: 5px 0px;
  }
.errorMsg {
    color: red;
    display:none;
}
#paymentDiv {
    display:flex;
    flex-direction: row;
    min-height: 569px;
    margin-bottom:70px;
    padding:30px;
}
#paymentTypesDiv {
    display:flex;
    justify-content: center;
    align-items: center;
    width:40%;
    margin:60px 60px 60px 0px;
    border-right: 1px solid #CCD8E2;
}
#paymentTypesDiv table {
    height:50%;
}
#emailInput {
    max-width:280px;
}
#emailDiv {
    margin-top:60px;
    text-align:center;
}
#chosenPaymentMethodDiv {
    width:60%;
    padding: 0px 0px 0px 30px;
    display:flex;
    justify-content: center;
    align-items:center;
}
#revolutFailsafe {
    cursor:pointer;
    text-align:center;
    display:block;
}
#authiDiv {
    display:flex;
    flex-direction:column;
    width:100%;
}
#authiDiv div {
    display:flex;
    justify-content:space-between;
    align-items: center;
    margin-bottom:10px;
}
#authiDiv div span:nth-of-type(2){ 
    width:337px;
}
#authiDiv span {
    width: 90px;
    text-align: left;;
}
@media screen and (max-width: 1056px) {
    #paymentDiv {
        flex-direction: column;
        align-items: center;
    }
    #paymentTypesDiv {
        border:0;
        margin: 20px 0px;
    }
    #emailDiv {
        margin-top:10px;
    }
    #chosenPaymentMethodDiv {
        padding:0;
    }
    #authiDiv div span:nth-of-type(2){ 
        width:100%;
    }
}
@media screen and (max-width: 980px) {
    #chosenPaymentMethodDiv {
        width:90%;
    }
}
@media screen and (max-width: 630px) {
    #chosenPaymentMethodDiv {
        width:90%;
    }
    #paymentDiv {
        font-size:13px;
    }
    #detailsForm table tr,#detailsForm table td{
        display: block;
    }
    #detailsForm td,#detailsForm input,#detailsForm select {
       width:100%;
       box-sizing: border-box;
    }
    #mobile_prefix {
        width:60px !important;
    }
    #mobile_wrap {
        display:flex !important;
        flex-wrap: nowrap;
    }
    #mobile_wrap input:nth-child(2){
        width:100% !important;
        margin-left:5px;
    }
    #paymentTypesDiv {
        width:80%;
    }
    #authiDiv span, #authiDiv input, #authiDiv select{
        width:100%;
        box-sizing:border-box;
    }
    input[type=submit]{
        width:100%;
    }
    #authiDiv div {
        flex-direction: column;
    }
}
@media screen and (max-width: 410px) {
    #emailDiv {
        text-align:left;
    }
    #emailDiv input{
        max-width:100%;
        width:100%;
        box-sizing:border-box;
    }
}