.form-container h3 {
    font-size: 20px;
    color: #9BDFFA;
    font-family: 'Roboto', Constantia;
    margin: 10px 0 10px 0;
}

.form-container .form input {
    height: 30px;
    background: none;
    color: #f8f9fa;
    border: 2px solid #21b6cf;
    border-radius: 15px;
    width: 200%;
    margin: 8px 0;
    padding: 0 10px;
}

.form-container .form select {
    height: 30px;
    background: none;
    color: #9FA09B;
    border: 2px solid #21b6cf;
    border-radius: 15px;
    width: 200%;
    margin: 8px 0;
    padding: 0 10px;
}

.form-container a {
    color: white;
    text-decoration: none;
}

.form-container form button {
    background: none;
    padding: 8px 16px;
    border-color: #21b6cf;
    font-weight: 600;
    border-radius: 15px;
    color: white;
    margin: 15px 0;
}

.form-container p {
    color: white;
    text-align: center;
}

.wrapper {
    width: 100%;
    max-width: 400px;
    background: #121212d8;
    padding: 40px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 20px;
}

.buttonstyle {
    background-color:#262262;
    color:white;
    border-radius: 15px;
    font-family:Calibri;
}

.required:after {
    content: " *";
    color: red;
}

.boxshadow  {
    border: 1px solid;
    padding: 10px;
    box-shadow: 3px 3px #888888;
}

.jqx-grid-header{background-color:#262262;color:white}
.jqx-grid-column-header {
    background-color: #262262;
    color: white
}
.jqx-widget-header {
    background-color: #262262;
    color: white
}


@font-face {
    font-family: 'helvetica-reg';
    src: url('../../../fonts/helvetica.ttf') format('truetype');
}
@font-face {
    font-family: 'helvetica-bold';
    src: url('../../../fonts/helvetica-bold.ttf') format('truetype');
}

.gradient-background {
    background: linear-gradient(to bottom, #3A188A 0%, #FFFFFF 0%, #755DAC 45%, #7E6FA3 59%, #FFFFFF 100%);
    height: 100vh; /* Full viewport height */
    width: 100%; /* Full width */
}