.mat-card {
    display: block;
    position: relative;
    background: white;
    color: rgba(0, 0, 0, 0.87);
    max-width: 530px;
    margin: auto;
}
.mat-card .border {
    border: 1px solid #dadce0;
    padding: 48px 40px 36px;
    border-radius: 8px;
    margin: 30px;
}
.inputText {
    border: 1px solid;
    font-size:12px;
    padding:4px 2px;
    margin:2px 0 20px 10px;
    border-style: solid;
    border-color: #347ca3;
}


.inputSecret {
    border: 1px solid #347ca3;
    font-size:12px;
    padding:4px 2px;
    margin:2px 0 20px 10px;
}
.inputText_Error {
    color: red;
    border: 1px solid red;
    font-size:12px;
    padding:4px 2px;
    margin:2px 0 20px 10px;
}

.inputText_Success {
    border: 1px solid green;
    color: green
}

.errorMessage {
    color: red;
}

.content {
    font-size: 12px;
}

#headerMessage {
    border-bottom: 1px solid #dadce0;
    margin: 30px 0;
}

.tips {
    font-size: 11px;
}

.selectOneMenu1 {
    font-size:12px;
    margin:2px 0 20px 10px;
    border-style: solid;
    border-color: #347ca3;
    border-width: 1px
}

/* JQUERY TOOLTIP START*/
.shiny_box {
    z-index:1;
    display:none;
    font-size:11px;
    color:#666;
    border:1px solid #dbdbdb;
    border-left:2px solid #dbdbdb;
    -webkit-border-radius:5px;-moz-border-radius:5px;
    padding:.45em 10px .85em 30px;
    line-height:1.45em;
    background:#f2f2f2 url(/.PinSetupPorlet/css/signup_info.gif) no-repeat 13px 50%;
    text-transform:lowercase;
}

/* JQUERY TOOLTIP START*/
.fieldWithErrors input,.fieldWithErrors select,input.errors,select.errors,textarea.errors{background-color:#ffdfdf;}

.alert alert-danger{font-size: 12px; color:#801b1b;border-color:#e5a3a3;background-color:#ffcfcf;padding:3px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;}

.logo-amex {
    margin: 0 auto 20px;
    display: block;
    float: none;
    width: 60px;
}

.logo-amex,
.logo-amex img {
    width: 60px;
}

.btn.btn-primary {
    background-color: #006fcf;
    border-color: #006fcf;
}

.mat-card .btn {
    box-shadow: none;
    padding: 9px 20px;
    min-width: 110px;
    font-size: 15px;
}

.mat-card .form-control {
    box-shadow: none;
    height: 54px;
    padding: 13px 15px;
    font-size: 16px;
}

.mat-card .form-control { border-color: #dadce0;}
.form-control:focus { border-color: #006fcf }
.has-error .form-control, .has-error .form-control:focus { border-color: #B42C01 }

.form-control:focus,
.has-error .form-control:focus {
    border-width: 2px;
    box-shadow: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
@media screen and (max-width: 767px) {
    .row.footer [class^=col] {
        text-align: center
    }

    .row.footer [class^=col]:last-child {
        margin-top: 30px
    }
}

@media screen and (max-width: 530px) {
    .mat-card .border {
        border-width: 0 0 1px 0;
        margin: 0;
        padding: 30px;
        border-radius: 0;
    }
    .container-fluid {
        padding: 0;
    }
    .static-stepper .badge span {
        font-size: 90%;
    }
    .static-stepper .badge span:after {
        top: 1.7em !important;
    }
}

@media screen and (max-width: 386px) {
    .mat-card .form-control, .mat-card .btn {
        padding: 13px 10px;
    }
}