﻿.login {
    background-image: url(../../Content/img/bg_login.png);
    background-size:calc(100vw / 1.5) calc(100vh / 1.5);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #EDEDEC !important;
}
.content{
    width:calc(100wh / 50%);
    margin:0 auto;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    padding:10px;
    max-width:400px ;
}
.form-title{
    color:#0A2244;
    font-weight:600;
    text-align:center;
    margin:40px auto;
    
}
.display-hide{
    display:none;
}
input {
    border-radius: 100px !important;
    padding: 15px !important;
    height: 60px !important;
    text-align: center;
    font-size: 1.250rem !important;
    margin-bottom: 8px
}
.form-control:focus {
    border-color: #a6d120;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(166 209 32 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(166 209 32 / 60%);
}

[type="submit"].btn-lg {
    background-color: rgb(14 34 69);
    border-radius: 100px;
    height: 60px;
    color: #a6d120;
    font-size: 1.900rem !important;
    margin: 0 auto;
    border-color: rgb(166 209 32 / 60%);
    display:block;
    width:100%;
}
    [type="submit"].btn-lg:focus, [type="submit"]:hover {
        background-color: rgb(14 34 69);
        border-color: rgb(14 34 69);
        color: #fff;
    }

.btn:hover:not(.btn-link):not(.btn-text) {
     color: #fff !important; 
}

.tr_logo {
    position: relative;
    width: 400px;
    height: 100px;
    margin: 0 auto;
}

    .tr_logo h1 {
        position: absolute;
        text-align: center;
        top: 50%;
        left: 50%;
        transform: translate(-70%, -60%);
        font-weight: bolder;
        color: #A6D120;
        font-size: 4rem;
        text-shadow:0 0 0.2rem #000;
    }

    .tr_logo img {
        position: absolute;
        z-index: -1;
        width: 100%;
        height: auto;
        left: -20px;
        top: 0;
        right: 0;
        bottom: 0;
    }
.copyright{
    position:absolute;
    bottom:0;
    text-align:center;
    left:50%;
    transform:translate(-50%)

}
    .copyright span {
        color: #0A2244;
        font-weight:700
    }