.login-body {
    /*background: url(../images/login_bg.gif) no-repeat;
    background-size: 100% 100%;
    background-position: center bottom;*/
    background: #ebf1f1 url(../images/btm_txture.svg) no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: fixed;
    font-family: 'Roboto', sans-serif;
    position: relative;
}
    /*.login-body:before {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        background: transparent url(../images/btm_txture.svg) no-repeat;
        background-size: cover;
        background-position: center bottom;
    }*/
    .evnt {
        height: 100px;
        position: absolute;
        top: 15px;
        left: 50%;
        transform: translateX(-50%);
    }
.card.crdllt {
    border-radius: .9rem;
    border: 0;
    box-shadow: -4px 0px 12px rgba(204, 217, 226, .35);
}

.frgt-pass {
    color: #000;
    font-size: .775rem;
    font-weight: 500
}

    .frgt-pass:hover {
        color: #4d78de
    }

.login-body input[type=password], .login-body input[type=text] {
    color: #000; 
    padding-right: 78px;
}

.cstm-txfiled {
    position: relative
}

    .cstm-txfiled .rtlbl {
        position: absolute;
        right: 1px;
        top: 1px;
        margin-bottom: 0;
        background: 0 0;
        height: 2.5rem;
        line-height: 1.5rem;
        font-weight: 500;
        min-width: 78px;
        color: #000;
        padding: .5rem;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem
    }
.srvicns .sicn {
    width: 90px;
    height: 90px
}

.srvicns {
    flex: none;
    position: relative
}

.srvcttl {
    font-size: .925rem;
    line-height: .925rem;
    margin-bottom: .35rem;
    color: #183958;
    font-weight: 500;
}

.srvcdesc {
    color: #666e76;
    font-size: .725rem;
    line-height: 1.25rem
}

.wd-100p {
    width: 100%
}

.srvcs {
    position: relative
}
.footbotm {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ebf1f1;
}

.cpyrgtz {
    font-size: .675rem;
    color: #676e73;
}

.clgo {
    margin: .5rem 0 .5rem 1rem;
}
    .clgo  .fcLogo {
        height:18px;
    }
    .clgo .pwrdBy {
        margin-left: .75rem;
        padding-left: .75rem;
        border-left: 1px solid #e2e9ef;
        font-size: .7rem;
        color: #676e73;
        display: inline-block;
    }
        .clgo .pwrdBy a{display:inline-block;}
        .clgo .pwrdBy img {
            height: 18px;
            margin-left: .5rem;
        }
.forSupport {
    font-size: .675rem;
    margin: .5rem 1rem .5rem 0;
    color: #676e73;
}
    .forSupport a {
        font-weight: 500;
        font-size: .745rem;
    }
        .forSupport a:hover {
            color: #1dacb4;
        }

        .srvclist .srvicns {
            width: 90px;
            display: inline-block;
            margin-right: 10px;
        }

.srvclist .srvcdtl {
    width: calc(100% - 100px);
    display: inline-block
}
.login-body .container {
    padding-right: 25px;
    padding-left: 25px
}

/* Change the white to any color */
input:autofill,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
/*Change text in autofill textbox*/
input:-webkit-autofill {
    -webkit-text-fill-color: black !important;
}
@media (max-width:767px) {  
    .login-left-title {
        display: none
    }

    .lgnbxx {
        margin-top:50px;
    }

    .evnt {
        height: 80px;
    }
    .footbotm {
        position: relative !important;
        margin-bottom: 20px;
        margin-top: 20px;
        border-top: none;
        background: 0 0
    }

    .cpyrgtz {
        text-align: center;
        margin-top: 12px;
        width: 100%
    }

    .forSupport {
        text-align: center;
        margin-top: 12px;
        width: 100%
    }

    .clgo {
        width: 100%;
        min-width: 100%;
        justify-content: center;
        text-align: center;
        margin-left: 0;
        margin-bottom: 0
    }

        .dwp4 {
            flex-wrap: wrap
        }

    .logosec .lgttl {
        font-weight: 700;
        font-size: .725rem
    }

    .mgtpacc {
        margin-top: 80px
    }
    .card.crdllt.wd-100p{
        max-width:380px;
    }
}

@media (min-width:768px) {
    .dnBg {
        display: none;
    }
    .card.crdllt {
        position: relative;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .crdllt:before {
        content: '';
        position: absolute;
        left: -46px;
        width: 46px;
        height: 100%;
        background: #b8e8ea;
        border-top-left-radius: .9rem;
        border-bottom-left-radius: .9rem;
        box-shadow: -4px 0px 12px rgba(204, 217, 226, 0.35);
        -webkit-box-shadow: -4px 0px 12px rgba(204, 217, 226, 0.35);
        -moz-box-shadow: -4px 0px 12px rgba(204, 217, 226, 0.35);
    }

    .login-left-title {
        color: #000;
        margin: 0;
        padding: 14px 12px;
        font-size: .845rem;
        position: absolute;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .1rem;
        position: absolute;
        top: 50%;
        left: -23px;
        transform: translate(-50%,-50%) rotate(-90deg);
        -moz-transform: translate(-50%,-50%) rotate(-90deg);
        -o-transform: translate(-50%,-50%) rotate(-90deg);
        -webkit-transform: translate(-50%,-50%) rotate(-90deg)
    }
}

@media (max-width:575px) {
    .p-5 {
        padding: 2rem !important
    }
}