﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    /*line-height: 60px; */ /* Vertically center the text there */
}

.headdiv {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1768px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}

.sitename {
    /*top: 85px;*/
    /*margin: 10px 10px 10px 10px;
    left: 862px;
    width: 189px;
    height: 29px;
    text-align: left;
    font-size: 5vw;*/
    margin-bottom: 1rem !important;
    /*font: normal normal medium 25px/29px Roboto !important;*/
    font-size: 25px !important;
    font-weight: bold;
    letter-spacing: 0px;
    color: #12A8E0;
    opacity: 1;
}

.subnav {
    top: 0px;
    left: 254px;
    width: 1666px;
    height: 66px;
    background: #280071 0% 0% no-repeat padding-box;
    opacity: 1;
}

.loginbtn {
    /* top: 0px;
    left: 1719px;
    width: 200px;
    height: 66px;*/
    background: #FDD209 0% 0% no-repeat padding-box;
    opacity: 1;
}

.navfont {
    /*top: 21px;
    left: 1433px;
    width: 78px;
    height: 23px;
    text-align: center;
    text-decoration: underline;*/
    margin: 7px 7px 0px 0px;
    font: normal normal normal 14px/19px Roboto;
    letter-spacing: 0px;
    color: #F3F7FA !important;
    opacity: 1;
    text-decoration: underline;
}

.homeimg {
    top: 135px;
    left: 0.80859375px;
    width: 1919px;
    /*height: 400px;
    height: 514px;
    background: transparent url('../images/Group 6112.png') 0% 0% no-repeat padding-box;
    opacity: 1;*/
}

.container-fluid {
    position: relative;
}

/*.container-fluid .btn {
    width: 217px;
    background: #FDD209 0% 0% no-repeat padding-box;
    position: absolute;
    top: 20%;
    left: 4%;
    color: #280071;
    font-size: 16px;
    border: 1px solid #FDD209;
    cursor: pointer;
    border-radius: 7px;
    text-align: center;
}*/

/*.container-fluid .btnlogin {
    width: 217px;
    background: #FDD209 0% 0% no-repeat padding-box;
    position: absolute;
    top: 20%;
    left: 18%;
    height: 39px;
    color: #280071;
    font-size: 16px;
    border: 1px solid #FDD209;
    cursor: pointer;
    border-radius: 7px;
    text-align: center;
}*/

.btnreg {
    width: 20%;
    background: #FDD209 0% 0% no-repeat padding-box;
    position: absolute;
    top: 50%;
    left: 4%;
    color: #280071;
    font-size: 16px;
    border: 1px solid #FDD209;
    cursor: pointer;
    border-radius: 7px;
    text-align: center;
    height: 39px;
}

.btnlogin {
    width: 20%;
    background: #FDD209 0% 0% no-repeat padding-box;
    position: absolute;
    top: 50%;
    left: 35%;
    height: 42px;
    color: #280071;
    font-size: 16px;
    border: 1px solid #FDD209;
    cursor: pointer;
    border-radius: 7px;
    text-align: center;
}

.btnVideoLC {
    width: 20%;
    background: #FDD209 0% 0% no-repeat padding-box;
    position: absolute;
    left: 4%;
    height: 42px;
    color: #280071;
    font-size: 16px;
    border: 1px solid #FDD209;
    cursor: pointer;
    border-radius: 7px;
    text-align: center;
}

@media screen and (max-width: 900px) {
    .btnreg {
        width: 150px;
        height: 30px !important;
        font-size: 14px;
    }

    .btnlogin {
        width: 150px;
        height: 35px;
        font-size: 14px;
    }
    .btnVideoLC {
        width: 160px;
        height: 35px;
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .btnlogin {
        left: 45% !important;
    }
}

@media screen and (max-width: 490px) {
    .btnlogin {
        left: 55% !important;
    }
}

@media screen and (max-width: 392px) {
    .btnreg {
        width: 110px;
        height: 25px !important;
        font-size: 10px;
        font-weight: bold;
    }

    .btnlogin {
        width: 120px;
        height: 30px;
        font-size: 10px;
        font-weight: bold;
    }
    .btnVideoLC {
        width: 120px;
        height: 30px;
        font-size: 10px;
        font-weight: bold;
    }
}

.toBeReplaced {
    visibility: hidden;
    position: relative;
}

    .toBeReplaced:after {
        visibility: visible;
        position: absolute;
        top: 0;
        left: 0;
        content: "Register";
    }

@media screen and (max-width: 900px) {
    btnRegis:before {
        content: "Register";
    }
}

.img-wrapper {
    position: relative;
}

.img-responsive {
    width: 100%;
    height: auto;
}

.img-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

    .img-overlay:before {
        content: ' ';
        display: block;
        /* adjust 'height' to position overlay content vertically */
        height: 50%;
    }

.img-overlaynew {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.btn-responsive {
    /* matches 'btn-md' */
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

@media (max-width:760px) {
    /* matches 'btn-xs' */
    .btn-responsive {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
}

.btngrp {
    width: 180px;
    background: #FDD209 0% 0% no-repeat padding-box;
    color: #280071;
    font-size: 16px;
    border: 1px solid #FDD209;
    cursor: pointer;
    border-radius: 7px;
    text-align: center;
}

@media screen and (max-width: 900px) {

    .btngrp {
        width: 150px;
        height: 35px;
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .btngrp {
        left: 45% !important;
    }
}

@media screen and (max-width: 490px) {
    .btngrp {
        left: 55% !important;
    }
}

@media screen and (max-width: 392px) {

    .btngrp {
        width: 120px;
        height: 30px;
        font-size: 10px;
        font-weight: bold;
    }
}

@media screen and (max-width: 768px) {

    .btngrp {
        width: 120px;
        height: 30px;
        font-size: 10px;
        font-weight: bold;
    }
}

@media screen and (max-width: 1024px) {

    .btngrp {
        width: 120px;
        height: 30px;
        font-size: 10px;
        font-weight: bold;
    }
}

@media screen and (max-width: 1060px) {
    .mobfix {
        width: 130px !important;
    }
}

@media screen and (max-width: 600px) {
    .mobfix {
        width: 140px !important;
    }

    .mobfix2 {
        margin-top: 15px;
    }

    .mobfix3 {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 760px) {

    .mobfix2 {
        margin-top: 15px;
    }
}

.homeservices {
    top: 687px;
    left: 35px;
    /*width: 1850px;*/
    height: 230px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 30px #0000000D;
    border-radius: 100px 8px 101px 8px;
    opacity: 1;
}

.helphome {
    height: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 30px #0000000D;
    border-radius: 100px 8px 101px 8px;
    opacity: 1;
}

.homeservices .services {
    /*top: 691px;*/
    margin-top: 40px;
    left: 48px;
    /*width: 1837px;*/
    height: 55px;
    background: #280071 0% 0% no-repeat padding-box;
    border-radius: 100px 8px 8px 0px;
    opacity: 1;
}

.center {
    padding: 10px 0;
    text-align: center;
    font: normal normal medium 19px/20px Roboto;
    letter-spacing: 0px;
}

.left {
    padding: 10px 0;
    text-align: left;
    font: normal normal medium 19px/20px Roboto;
    letter-spacing: 0px;
}

li {
    margin-left: 4em; /* Also needed for space (tweak if needed) */
    text-align: left;
}

.pull-right {
    float: right;
    list-style: none;
}

@media (max-width:768px) {
    .pull-right {
        /*float: left;*/
        font-size: 10px;
    }

    .righttext {
        font-size: 10px;
        vertical-align: top;
    }
}

@media (max-width:450px) {
    .pull-right {
        float: left;
        font-size: 8px;
    }

    .righttext {
        font-size: 8px;
        vertical-align: top;
    }
}

@media (max-width:381px) {
    .pull-right {
        float: left;
        font-size: 6px;
    }

    .righttext {
        font-size: 6px;
        vertical-align: top;
    }
}


#footerli li {
    border-right: 1px solid #c1c1c1;
    float: left;
    margin: 0 10px 0 0;
}

    #footerli li a {
        margin: 0 10px 0 0;
        color: white !important;
    }

#logindiv {
    background: #cfecf7 0% 0% no-repeat padding-box;
}

.pm {
    text-align: center;
    font: bold normal normal 19px/27px Roboto;
    padding-left: 20px;
}

.pc {
    text-align: left;
    font: italic normal normal 16px Roboto;
    padding-left: 20px;
}

.pu {
    text-align: left;
    font: italic bold normal 14px Roboto;
    width: 50%;
}

@media (max-width:760px) {
    .pc {
        font-size: 10px;
    }
}

@media (max-width:450px) {
    .pc {
        font-size: 8px;
    }
}

@media (max-width:381px) {
    .pc {
        font-size: 6px;
    }
}

#loginli li {
    border-right: 1px solid #000000;
    margin: 0 10px 0 0;
    list-style: none;
    display: inline;
    /*float: left;*/
}

    #loginli li a {
        margin: 0 10px 0 0;
        text-decoration: underline;
    }

    #loginli li:last-child {
        border-right: none
    }

.txtBoxBg {
    background-image: url(eye.svg);
    background-repeat: no-repeat;
    background-position: right;
    outline: 0;
    border-width: 0 0 2px;
    border-color: #00A9E0;
    border-radius: unset;
    width: 80%;
}

.txtBoxR {
    background-image: url(eye.svg);
    background-repeat: no-repeat;
    background-position: right;
    outline: 0;
    border-width: 0 0 2px;
    border-color: #00A9E0;
    border-radius: unset;
    width: 60%;
}

.home-image {
    background-image: url("/images/Group 6112.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#prelogindiv {
    background: #FFFFFF 0% 0% no-repeat padding-box;
}

#preheader {
    background: #280071 0% 0% no-repeat padding-box;
}

.pheader {
    text-align: left;
    margin: 10px;
    text-align: left;
    font-family: Roboto;
    font-size: 18px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
}

.pheaderr {
    text-align: right;
    float: right;
    margin: 10px;
    font-family: Roboto;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
}

@media screen and (max-width: 768px) {
    .pheaderr {
        text-align: center !important;
        float: none !important;
    }

    .pheader {
        text-align: center !important;
    }
}

.pinstructions {
    font-style: italic;
}

.plink {
    text-align: left;
    /*float:right;*/
    text-decoration: underline;
    font-family: Roboto;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 0px;
    color: #00A9DF;
}

@media (min-width: 768px) {
    .mainmenu {
        background: #F3F7FA 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        /*opacity: 1;*/
        position: relative;
        width: 15%;
        height: 750px;
        left: 0;
        /*overflow-x: hidden;*/
        transition: 0.5s;
        display: block !important;
    }
}

@media (max-width: 767px) {
    .mainmenumob {
        background: #F3F7FA 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        position: absolute;
        z-index: 2;
        height: 750px;
        left: 0;
        transition: 0.5s;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
    }
}

.menuul {
    /*background: #efefef none repeat scroll 0 0;*/
    line-height: 1.5;
    list-style: outside none none;
    margin: 0 0 10px;
    padding: 0;
    width: 100% !important;
}

.menuli {
    text-align: left;
    margin: 0;
    padding: 0;
    position: static;
    /* background-color: #fff; */
    border-bottom: 1px solid #e5e5e5;
    /*font: normal normal normal 20px/26px calibri;*/
    font-weight: 300; /*updated by Harshad*/
}

    /*.menuul li a.selected {
    background: #fff none repeat scroll 0 0;
    color: #00A9DF;
}*/

    .menuli a {
        color: #000000;
    }

        .menuli a:hover { /*added by Harshad*/
            color: #00A9DF;
            background: #FFFFFF;
        }

.help {
    height: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 30px #0000000D;
    border-radius: 100px 8px 101px 8px;
    opacity: 1;
}

/*.help .services {
    top: 691px;
    margin-top: 40px;
    left: 48px;
    width: 1837px;
    height: 57px;
    background: #280071 0% 0% no-repeat padding-box;
    border-radius: 100px 8px 8px 0px;
    opacity: 1;
}

.center {
    padding: 10px 0;
    text-align: center;
    font: normal normal medium 19px/20px Roboto;
    letter-spacing: 0px;
}

.left {
    padding: 10px 0;
    text-align: left;
    font: normal normal medium 19px/20px Roboto;
    letter-spacing: 0px;
}*/

.helpp {
    color: #FFFFFF;
    background: #280071;
    height: 40px;
    border-radius: 100px 8px 8px 0px;
    text-align: center;
    font-size:large;
    font-weight:bold;
}

.helppa {
    color: #FFFFFF;
    background: #280071;
    height: 40px;
    text-align: left;
    width: 100%;
    padding: 8px;
    font-size: medium;
    font-weight: bold;
}

.helpd {
    border: 1px solid #BCBEBF;
}

.btnsearch {
    border: none;
    background: #FFFFFF;
    color: #00A9E0;
}

.vl {
    border-left: 2px dashed gray;
    height: 500px;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 0;
}

.txtDdlResetPwd {
    background-image: url(eye.svg);
    background-repeat: no-repeat;
    background-position: right;
    outline: 0;
    border-width: 0 0 2px;
    border-color: #00A9E0;
    border-radius: unset;
    width: 60%;
}


.loader_div {
    position:fixed;
    top: 0;
    bottom: 0%;
    left: 0;
    right: 0%;
    z-index: 99;
    opacity: 0.7;
    display: none;
    background: lightgrey url('../../../images/Ajux_loader.gif') center center no-repeat;
}



.lblprofile {
    margin-left: 12px;
}

.lblprofiledata {
    border: 0px;
    color: #280071;
    font-weight: bold;
}

hr.new1 {
    border-top: 1px dashed grey;
}

.txtloginpwd {
    background-image: url(eye.svg);
    background-repeat: no-repeat;
    background-position: right;
    outline: 0;
    border-width: 0 0 2px;
    border-color: #00A9E0;
    border-radius: unset;
    width: 70%;
    margin-left: 15px;
}

.loan_div {
    background: transparent linear-gradient(260deg, #00A9DF 0%, #280071 100%) 0% 0% no-repeat padding-box;
    /*position: absolute;
    bottom: -6rem;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 97%;*/
}

.loan_text {
    text-align: center;
    color: white;
}

.radiospacing {
    padding-left: 100px;
    margin-right: 5px;
}

.transtable {
    margin-bottom: 1rem;
    color: #212529;
    max-width: 1500px;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

.lbl:after {
    content: "(*)";
    color: red;
}

.lblmand:after {
    content: "*";
    color: red;
    font-weight: bold;
}

.DosDont {
    background-color: yellow;
    color: black;
    display: initial;
    padding: 5px;
    font-size: 20px;
    color: black;
}
.DosDont1 {
    background-color: yellow;
    color: black;
    display: initial;
    padding: 5px;
    font-size: 22px;
    color: black;
}
.ulRed {
    color: red;
}

.ulgreen {
    color: forestgreen;
}

.border {
    border: 1px solid #BCBEBF;
}
.border1 {
    border: 1px solid #BCBEBF;
    font-size: 18px;
}
.btnbox {
    box-sizing: content-box;
}

.btnsize {
    width: 250px;
    height: 45px;
}
.mar-top {
    margin-top: 40px;
}
.mar-top1 {
    margin-top: 50px;
}
.mar-top2 {
    margin-top: 30px;
}
.Image-size {
    width: 100%;
    height: 100%;
}
.back-col {
    background-color: white;
}
.padding15 {
    padding: 15px;
}
.mar-left-right {
    margin-left: auto;
    margin-right: auto;
}
.mar-textleft {
    text-align: left;
}
.text-centeralign {
    text-align: center;
}

._dlayout {
    background-color: #280071;
}

._dlayout1 {
    color: #FFFFFF;
    background: #280071;
    height: 40px;
    text-align: center;
    font-size: large;
    font-weight: bold;
}
._dlayout_font500 {
    font-weight: 500;
}
._dlayout_gbcol {
    background-color: #280071;
    padding-top: 10px;
}
._AnchorLayout {
    font: normal normal normal 16px/21px Roboto;
}
._vlcborder {
    border-right: dotted;
    border-right-color: gray;
}
._vlcalignself {
    align-self: center;
}
._vlcmar-leftright {
    margin-left: 0!important;
    margin-right: -5px;
}
._vlcflaxwrap {
    flex-wrap: nowrap;
}
._certdtlmargin {
    margin-left: 0 !important;
    margin-right: -5px;
}

._certdtlmartop10 {
    margin-top: 10px;
}
._shadowbox {
    box-shadow: 0px 3px 6px #00000029;
    margin: 10px;
    height: 93%;
}
._dbmargin {
    width: 90%;
    margin-left: -20px;
}
._dbmargin30 {
    margin-top: 30px;
}
._shadowbox1 {
    box-shadow: 0px 3px 6px #00000029;
    margin: 10px;
}
._dbmarginleft {
    width: 90%;
    margin-left: 0px;
}
._dbmarginbottom {
    margin-bottom: 4px;
}

._dbmarleftright {
    margin-left: 0 !important;
    margin-right: -5px;
}
._dosdontclick {
    width: 250px;
    height: 45px;
    font-size: larger;
}
._padding10 {
    padding-left: 10px;
}
._invtextalignright {
    text-align: right;
}
._invmartopleft {
    margin-top: -5px;
    margin-left: 5px
}
._invautoheight {
    height: auto;
}
._invfontlarge {
    font-size: large;
}
._invpaddingtop {
    padding-top: initial;
}
._invbackcol {
    background-color: #84cad9;
}
._invfontsmallcenter {
    font-size: small;
    text-align: center;
}
._layoutwhiteleft {
    color: white;
    float: left;
}

._layoutwhiteright {
    color: white;
    float: right;
}

._layoutcolwhite {
    color: white;
}

._layoutwidth {
    width: 100%;
}

._layoutfontweight {
    font-weight: 400;
}

._layoutdisplay {
    display: flex;
}