@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-ExtraLight.ttf"); font-weight:200; font-style:normal;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-ExtraLightItalic.ttf"); font-weight:200; font-style:italic;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-Light.ttf"); font-weight:300; font-style:normal;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-LightItalic.ttf"); font-weight:300; font-style:italic;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-Regular.ttf"); font-weight:400; font-style:normal;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-Italic.ttf"); font-weight:400; font-style:italic;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-Medium.ttf"); font-weight:500; font-style:normal;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-MediumItalic.ttf"); font-weight:500; font-style:italic;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-SemiBold.ttf"); font-weight:600; font-style:normal;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-SemiBoldItalic.ttf"); font-weight:600; font-style:italic;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-Bold.ttf"); font-weight:700; font-style:normal;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-BoldItalic.ttf"); font-weight:700; font-style:italic;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-ExtraBold.ttf"); font-weight:800; font-style:normal;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-ExtraBoldItalic.ttf"); font-weight:800; font-style:italic;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-Black.ttf"); font-weight:900; font-style:normal;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-BlackItalic.ttf"); font-weight:900; font-style:italic;}

.LoginBody { 
    background-color:#f9fafa;
    padding-top:10%;
    text-align:center;
    font-family:FiraSans;
    margin-top:200px;
    height:100vh;
}
p, a {
    font-weight: 400;
    font-size:16px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
.LoginBody input {
    border-radius: 3px;
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    max-width:280px;
}
.LoginBody .body-content {
    max-width: 400px !important;
    color: #212529;
    background-color: #fff;
    webkit-box-shadow: 1px 0px 20px rgb(0 0 0 / 5%) !important;
    box-shadow: 1px 0px 20px rgb(0 0 0 / 5%) !important;
    border-radius: 0.25rem;
    padding-top:50px;
    padding-bottom:50px;
}
.LoginBody .btn {
    width: 100%;
    font-weight: bold;
    border-radius: 3px;
    color: #fff;
    max-width: 280px;
    margin-top: 10px;
    background-color: #24B2AA;
    border: 1px solid #24B2AA;
    border-radius: 3px;
}
.LoginBody .btn:hover {
    background-color: #128394;
    border: 1px solid #128394;
}

.purplebackgroundwithswirlie {
    background-color: #046494;
    width: 100%;
    height: 45%;
    position: absolute;
    top: 0;
    z-index: -1;
}
.purplebackgroundwithswirlie::after {background-image:url(/Images/wave-2.svg); content:""; background-repeat-y:no-repeat; width:100%; height:150px; position:absolute; left:0; top:100%;}

@media only screen and (max-width: 991px) {
}