@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap);
body{
    background-color:#fff;
    font-family:Tahoma
}
body.success{
    margin:20px
}
body.success img{
    margin-left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    width:150px
}
.container-fluid{
    margin:0;
    padding:0
}
.logo img{
    max-width:100%
}
.green-panel h5{
    color:#7a8f3d;
    font-size:1.5rem;
    font-weight:700
}
.green-panel .text-bold{
    font-weight:700
}
.form-group input{
    height:38px;
    background-color:#7a8f3d!important;
    border-radius:5px!important
}
.form-group input::-webkit-input-placeholder{
    color:#000
}
.form-group input::-ms-input-placeholder{
    color:#000
}
.form-group input::placeholder{
    color:#000
}
.form-group label{
    margin-bottom:0!important;
    color:#333;
    font-size:16px
}
.btn-purple{
    background-color:#763d8f;
    border:none;
    color:#fff;
    font-size:16px;
    width:100%;
    padding:10px 5px
}
.btn-purple:hover{
    color:#fff
}
select.form-control{
    width:80%
}
.input-group .icon{
    position:absolute;
    right:0;
    width:auto;
    text-align:center;
    font-size:1.3rem;
    margin:10px 10px 0 0;
    font-weight:600;
    height:100%;
    z-index:100;
    display:none
}
.input-group .icon-required{
    color:#b20000;
    display:block;
    font-size:.6rem;
    padding-top:5px
}
.input-group .icon-success{
    color:#7a8f3d
}
.input-group .icon-error{
    color:#b20000
}
.input-group .icon-help{
    display:block;
    font-size:.9rem;
    padding-top:5px;
    color:#000;
    cursor:pointer
}
label.invalid{
    font-size:16px;
    color:#b20000;
    font-weight:400;
    margin-bottom:-10px
}
input.invalid~.icon-help{
    display:none
}
input.invalid~label.invalid-coloring{
    color:#b20000
}
input.valid~.icon-help{
    display:none
}
input.valid~.icon-required{
    display:none!important
}
input.invalid~.icon-success{
    display:none
}
input.invalid~.icon-required{
    display:none!important
}
input.invalid~.icon-error,input.valid~.icon-success{
    display:block
}
.valid .error,input.valid~.icon-error{
    display:none
}
.invalid .error{
    display:block
}
input.mobile-amount{
    width:80%
}
p.text-purple{
    display:none;
    color:#763d8f
}
p.text-purple span.amount{
    font-weight:700;
    font-style:italic
}
