@font-face {
    font-family: Montserrat;
    src: url("fonts/montserrat/Montserrat-ExtraLight.otf");
    font-weight: 200
}

@font-face {
    font-family: Montserrat;
    src: url("fonts/montserrat/Montserrat-Light.otf");
    font-weight: 300
}

@font-face {
    font-family: Montserrat;
    src: url("fonts/montserrat/Montserrat-Regular.otf");
    font-weight: 400
}

@font-face {
    font-family: Montserrat;
    src: url("fonts/montserrat/Montserrat-Medium.otf");
    font-weight: 500
}

@font-face {
    font-family: Montserrat;
    src: url("fonts/montserrat/Montserrat-SemiBold.otf");
    font-weight: 600
}

@font-face {
    font-family: Montserrat;
    src: url("fonts/montserrat/Montserrat-Bold.otf");
    font-weight: 700
}

body {
    background: url("https://imgcdn.myt.mu//selfcare/login-bg.png") no-repeat center center fixed;
    background-size: cover;
    font-family: Montserrat, "Open Sans", sans-serif !important;
}

#local_auth_div {
    margin: 1em auto;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    border-radius: 0.7em;
}

#local_auth_div > div {
    border: none;
    color: white;
    background: transparent;
}

#local_auth_div > .panel-heading > .panel-title {
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
    text-transform: none;
}

#local_auth_div .btn {
    width: 100%;
    text-transform: none;
}

#local_auth_div .btn-primary {
    background: #00aeef;
    font-size: 1.5em;
    font-weight: bold;
}

#local_auth_div .btn-link {
    background: none;
    color: white;
}

#local_auth_div .alert {
    font-weight: bold;
    border-radius: 10px;
}