/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 20, 2020 */



@font-face {
    font-family: 'proxima_novablack';
    src: url('../fonts/proximanova-black-webfont.eot');
    src: url('../fonts/proximanova-black-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-black-webfont.woff2') format('woff2'),
        url('../fonts/proximanova-black-webfont.woff') format('woff'),
        url('../fonts/proximanova-black-webfont.ttf') format('truetype'),
        url('../fonts/proximanova-black-webfont.svg#proxima_novablack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novabold';
    src: url('../fonts/proximanova-bold-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-bold-webfont.woff2') format('woff2'),
        url('../fonts/proximanova-bold-webfont.woff') format('woff'),
        url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
        url('../fonts/proximanova-bold-webfont.svg#proxima_novabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novaextrabold';
    src: url('../fonts/proximanova-extrabld-webfont.eot');
    src: url('../fonts/proximanova-extrabld-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-extrabld-webfont.woff2') format('woff2'),
        url('../fonts/proximanova-extrabld-webfont.woff') format('woff'),
        url('../fonts/proximanova-extrabld-webfont.ttf') format('truetype'),
        url('../fonts/proximanova-extrabld-webfont.svg#proxima_novaextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novalight';
    src: url('../fonts/proximanova-light-webfont.eot');
    src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-light-webfont.woff2') format('woff2'),
        url('../fonts/proximanova-light-webfont.woff') format('woff'),
        url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
        url('../fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novaregular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-regular-webfont.woff2') format('woff2'),
        url('../fonts/proximanova-regular-webfont.woff') format('woff'),
        url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
        url('../fonts/proximanova-regular-webfont.svg#proxima_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../fonts/proximanova-semibold-webfont.eot');
    src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-semibold-webfont.woff2') format('woff2'),
        url('../fonts/proximanova-semibold-webfont.woff') format('woff'),
        url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'),
        url('../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novathin';
    src: url('../fonts/proximanovat-thin-webfont.eot');
    src: url('../fonts/proximanovat-thin-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanovat-thin-webfont.woff2') format('woff2'),
        url('../fonts/proximanovat-thin-webfont.woff') format('woff'),
        url('../fonts/proximanovat-thin-webfont.ttf') format('truetype'),
        url('../fonts/proximanovat-thin-webfont.svg#proxima_novathin') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
    background-color: #3c8dbc;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    font-family: 'proxima_novaregular';
}

.loginbg {
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100vh;
    flex-direction: column;
}

.logincontainer {
    width: 475px;
    height: 455px;
    background-color: #ffffff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    padding: 3px 80px;
    flex-direction: column;
}

.footercontainer {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 20px;
    text-align: center;
}

.loginicon {
    width: 100%;
    height: 100%;
    background: url(../Images/logo_mr_transparent.png) no-repeat center;
    background-size: contain;
}

.fnt20 {
    font: 600 20px 'proxima_novalight';
    color: #1E1F2A;
    margin-bottom: 10px;
}

input,
.form-control {
    width: 100%;
    height: 45px;
    margin: 6px 0;
    border-radius: 5px !important;
    color: #a1a4b7;
    background: #F7F9FB;
    border: 1px solid #E5E7F2;
    box-shadow: none;
}

.forgotpass {
    cursor: pointer;
    color: #315780;
    font: 400 14px 'proxima_novalight';
}

.signinbutton,
.signinbutton:hover {
    width: 100%;
    height: 45px;
    background-color: #3c8dbc;
    color: #ffffff;
    font: 600 16px 'proxima_novalight';
    margin: 5px 0 10px 0;
    border-radius: 5px !important;
    box-shadow: none;
}

.signinbutton:hover {
    background-color: #367fa9;
}

.signinbutton:focus,
.signinbutton:active {
    box-shadow: none;
    outline: none;
}

.loginformfooter {
    font: 600 16px 'proxima_novalight';
    margin-top: 10px;
    color: #1E1F2A;
}

.footertext {
    width: 850px;
    color: #ecf0f5;
    font-size: 14px;
}

.error_message {
    font: 400 12px 'proxima_novalight';
    color: #fa7578;
    display: none;
}

.errormsgbox {
    display: flex;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 10px;
}

.forgotpassword {
    display: none;
}

.forget-screen {
    width: 475px;
    height: 455px;
    background-color: #ffffff;
    border-radius: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 80px;
    margin-bottom: 40px;
    flex-direction: column;
}

::placeholder {
    color: #A1A4B7;
    font: 400 15px 'proxima_novalight';
}

.loginformfooter u {
    font: 400 14px 'proxima_novalight';
    color: #315780;
    cursor: pointer;
}

input[type=text]:focus {
    box-shadow: none;
    border-color: #919395;
}

.icon-red-alert {
    background: url(../img/red-alert.png) no-repeat;
    width: 17px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
}

.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.nopadding {
    padding: 0;
}

.fnt14regular {
    font: 400 14px 'proxima_novalight';
    color: #1E1F2A;
    margin: 0 0 15px 0;
}

.fnt16regular {
    font: 400 16px 'proxima_novalight';
    color: #1E1F2A;
    margin: 0 0 15px 0;
}

.errorClass {
    border: 1px solid #FA7578;
}

.signinbutton {
    justify-content: center;
    text-align: center;
}

.mr-info {
    margin-bottom: 10px;
    font: 400 16px 'proxima_novalight';
    color: #1E1F2A;
}

.mr-icon {
    margin-bottom: 40px;
    height: 52px;
}

.signin-anchor {
    display: flex;
    flex-direction: column;
}