@media(min-width: 992px)
{
    .login_nav{
        background-color: #006583!important;
        border: 1.5px solid white!important;
        border-radius: 6px;
    }
}
@media(max-width: 1000px)
{
    #theImage {
        width: 100%;
        height: auto;
    }
    #container {
        width: 50%;
        margin: 0 auto;
    }
}

@media(max-width: 700px)
{
    #theImage {
        width: 100%;
        height: auto;
    }
    #container {
        width: 65%;
        margin: 0 auto;
    }
}

@media(min-width: 1000px)
{
    #theImage {
        width: 100%;
        height: auto;
    }
    #container {
        width: 20%;
        margin: 0 auto;
    }
}

@media(min-width: 2000px)
{
    #theImage {
        width: 100%;
        height: auto;
    }
    #container {
        width: 15%;
        margin: 0 auto;
    }
}

@media(min-width: 700px)
{
    #theImage {
        width: 100%;
        height: auto;
    }
    #container {
        width: 25%;
        margin: 0 auto;
    }
}

element.style {
    background-color: #fff!important;
}
.cardReg {
    background-color: transparent!important;
}
.form-group>label {
    font-weight: 600;
    color: #34395e;
    font-size: 12px;
    letter-spacing: 0.5px;
}
.form-control:not(.form-control-sm):not(.form-control-lg) {
    color: #34395e!important;
    font-size: 13px;
    padding: 10px 15px;
}
.card .value {
    color: #006583;
    font-weight: 700;
    font-size: 24px;
    line-height: 4rem;
    text-align: center;
}

.card{
    border: 0 !important;
}
.checkBoxLink 
{
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    font-weight: 600;
    font-size: 12px;
letter-spacing: 0.5px;
}
.chklabel {
    font-weight: 600;
    color: #34395e;
    font-size: 12px;
    letter-spacing: 0.5px;
}