@import url('https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css');
.UIFormTemplate .FormView h4{
        margin-top:10px !important;
        font-weight : bold !important;
}
label,.LableWrap span{
        color: #0052af;
        font-size: 16px;
}
.VerifyCode{
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        margin: 0;
        align-items: center;
        /* width: 50%; */
        justify-content: center;
        margin: 5px 0;
}
.UIFormTemplate .Text{
        /* display: block; */
        /* width: 100%; */
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.UIFormTemplate{
        padding:5px;
}
.card{
        background: #fff;
        box-shadow: -8px 12px 18px 0 #dadee8;
        border: 1px solid #deebfd;
}
.card-header{
        color: #0052af;
        border-bottom: 2px solid #0052af !important;
        font-size:18px;
        position:relative;
        text-transform:uppercase;
        padding:0;
        display:inline-block;
        background-color: #fff !important;
        padding: 20px;
        font-weight: 500;
}
.required:after {
        content: " (*)";
        color: red;
        position: absolute;
        top: 5;
        font-size: 10px;
}
.SendButton{
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.25rem;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.SendButton {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
}
.SendButton:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
}
.ButtonPanel{
        display: flex;
        -ms-flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        margin: 0;
        align-items: center;
        /* width: 50%; */
        justify-content: center;
        margin: 5px 0;
        align-content: flex-end;
        gap: 10px;
}
@media screen and (max-width:768px){
        .FormView{
                width:100vw;
        }
        .card-header{
                padding:20px;
                font-size: 16px;
        }
        .VerifyCode,.ButtonPanel{
                width:100vw;
        }
}