﻿@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@805&display=swap');


body {
    /*font-family: 'Hyundai Sans Text Office', sans-serif;*/
    font-family: 'Raleway', sans-serif;
    background-color: #f4f6f9;
}

a {
    color: #003169;
}

.login-box {
    border: 1px solid #003169;
    overflow: hidden;
}

.login-box-right {
    /*padding: 0px;*/
    display: inline-grid;
    height: 420px;
}

.loginTitle{
    font-weight: 600;
}


@media (min-width: 992px) {
    .login-box {
        width: 900px;
    }

    .login-box-left {
        background: #003169;
        padding: 20px;
        border-right: 1px solid #ccc;
        color: #fff;
        height: 420px;
    }

        .login-box-left h1 {
            font-family: 'Mulish', sans-serif;            
            font-size: 3rem;
            line-height: 5rem;
            font-weight: 900;
            color: #FFF;
            padding: 50px 0px 0px 10px;
        }

        .login-box-left p {
            font-weight: 600;
            color: #FFF;
            line-height: 1.5rem;
            padding: 0px 0px 20px 10px;
        }

    .login-box-right {
        /*padding-right: 0px;*/
        
    }

        .login-box-right h1 {
            font-size: 30px;
            font-weight: 700;
            color: #000;
            padding: 0px;
            padding-bottom: 0px;
        }


@media (max-width: 576px) {
    .login-box, .register-box {
        margin: 0.5rem;
        width: unset;
    }
}



.btn-primary {
    background-color: #003169 !important;
    border-color: #003169 !important;
}

    .btn-primary:hover, .btn-primary:active {
        background-color: #02438e !important;
    }

.btn-outline-light {
    color: #fff;
    border-color: #fff;
}

    .btn-outline-light:hover, .btn-outline-light:active {
        color: #fff;
        background-color: #02438e !important;
    }


label:not(.form-check-label):not(.custom-file-label) {
    font-weight: normal;
}