body{
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-ms-flex-align: center;*/
    /*align-items: center;*/
    /*padding-top: 40px;
    padding-bottom: 40px;*/
    /*background-color: #e6ebf2;*/
    /*margin: 0 auto;*/
    /*font-family: 'Lato', sans-serif;*/
}
.lf-lc{
    height: 100%;
    margin-top: 40px;
}
.lf-img{
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.login-form-container .login-form{}
.login-form-container .common-lf{
    max-width: 100%;
    min-width: 100%;
}
.lf-header{
    margin-bottom: 1rem;
}
.lf-header h4{
    margin-bottom: 0.75rem;
}
.lf-header p{
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 1.5rem;
    font-family: 'Lato', sans-serif;
}
.login-protection-icon{}
.login-protection-icon img{
    width: 20px;
    vertical-align: middle;
}
.lf-form-group .input-type-icon,
.lf-form-group .show-password-icon{
    position: absolute;
    top: 1px;
    bottom: 1px;
    width: 45px;
    height: 43px;
}
.lf-form-group .input-type-icon{
    padding: 6px 13px;
    left: 1px;
    background-color: #eef1f4;
}
.lf-form-group.mb .input-type-icon{
    padding: 7px 13px;
}
.lf-form-group{
    margin-bottom: 1.5rem;
    overflow: hidden;
}
.lf-form-group.mb{
    margin-bottom: 0;
}
.lf-form-group .floating-input{
    width: 100%;
    padding-left: 60px;
    border: solid 1px #dcdcdc;
    font-family: 'Nunito', sans-serif;
    color: #222f3f;
}
.lf-form-group.mb .floating-input{
    border-bottom: none;
}
.lf-form-group label{
    width: -webkit-fill-available;
    background-color: transparent;
    border: 1px solid transparent;
    font-family: 'Lato', sans-serif;
}
.lf-form-group .floating-input::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
.lf-form-group .floating-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity:1;
}
.lf-form-group .floating-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#fff;
    opacity:1;
}
.lf-form-group .floating-input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#fff;
}
.lf-options{
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem;
}
.lf-options .lf-rm-label input[type="checkbox"]{
    width: 14px;
    height: 14px;
    margin-right: 6px;
    cursor: pointer;
}
.lf-options .lf-rm-label,
.lf-options .lf-fp-btn,
.form-label-group .lf-fp-btn{
    margin-bottom: 0;
    font-size: 12px;
    line-height: 14px;
    display: inline-flex;
    cursor: pointer;
    color: #222f3f;
}
.lf-options .lf-rm-label{
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}
.lf-options .lf-fp-btn,
.form-label-group .lf-fp-btn{
    font-weight: 600;
    margin-left: auto;
    margin-right: 5px;
}

.lf-form-group label,
.floating-input:focus~label,
.floating-input:not(:placeholder-shown)~label{
    margin-left: 45px;
}
.floating-input:not(:placeholder-shown)~label{
    color: #6f7275;
    font-weight: normal;
}
.lf-form-group .show-password-icon{
    right: 1px;
    padding: 7px 12px;
    cursor: pointer;
}
.show-password-icon.active .not-active,
.show-password-icon .active{
    display: none;
}
.show-password-icon.active .active,
.show-password-icon .not-active{
    display: inherit;
}



.ifa-card,
.empl-card,
.brnch-card,
.crprt-card,
.sb-brkr-card,
.invstr-card{
    border-radius: 1rem;
    overflow: hidden;
}
.ifa-card-body,
.empl-card-body,
.brnch-card-body,
.crprt-card-body,
.sb-brkr-card-body,
.invstr-card-body{
    padding: 0;
}
.ifa-card-body .ifa-right,
.empl-card-body .empl-right,
.brnch-card-body .brnch-right,
.crprt-card-body .crprt-right,
.sb-brkr-card-body .sb-brkr-right,
.invstr-card-body .invstr-right{
    padding: 30px 40px;
}
.ifa-login-form-container{}
.ifa-tab-content{}
.ifa-tab-content .ifa-tab-pane{}
.ifa-tab-pane .common-lf{}
.common-lf .lf-header h4{}
.common-lf .common-lf-group{}
.common-lf-group .floating-input{}
.common-lf .lf-options .lf-fp-btn{}

.lf-form-group.common-lf-group.mb .floating-input{
    border-bottom: none;
}
.tab-pane .show-password-icon svg{
    fill: #737980;
}
.lf-options .lf-fp-btn:hover{
    color: #3b8cfa;
}
.empl-right{
    margin-top: 3rem;
    margin-bottom: 3rem;
}


/* IFA Color Code */
.ifa-body{
    background-color: rgba(168, 180, 199, 0.1);
}
.ifa-card{
    border: solid 1px #013a94;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(135, 162, 206, 0.34);
    -moz-box-shadow: 0px 10px 30px 0px rgba(135, 162, 206, 0.34);
    box-shadow: 0px 10px 30px 0px rgba(135, 162, 206, 0.34);
}
.ifa-card-body .ifa-left{
    background-color: rgba(121, 141, 173, 0.05);
}
.ifa-form-container .common-lf .lf-header h4{
    color: #013a94;
}
.ifa-form-container .lf-form-group .input-type-icon{
    background-color: rgba(1, 58, 148, 0.08);
}
.ifa-form-container .common-lf-group .floating-input{
    border: solid 1px #013a94;
    color: #013a94;
}
.ifa-form-container .common-lf .lf-options .lf-fp-btn{
    color: #013a94;
}
.ifa-tab-pane .show-password-icon:hover svg,
.ifa-tab-pane .show-password-icon.active svg,
.ifa-tab-pane .common-lf-group .input-type-icon svg{
    fill: #013a94;
}
.ifa-form-container .common-lf-group .nc-lf-btn{
    color: #fff;
    background-color: #013a94;
    border-color: #013a94;
}
.ifa-tab-pane .common-lf-group.form-label-group .lf-fp-btn:hover{
    color: #013a94;
}


/* Employee Color Code */
.empl-body{
    background-color: rgba(162, 129, 0, 0.1);
}
.empl-card{
    border: solid 1px #a28100;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(162, 129, 0, 0.34);
    -moz-box-shadow: 0px 10px 30px 0px rgba(162, 129, 0, 0.34);
    box-shadow: 0px 10px 30px 0px rgba(162, 129, 0, 0.34);
}
.empl-card-body .empl-left{
    background-color: rgba(162, 129, 0, 0.05);
}
.empl-form-container .common-lf .lf-header h4{
    color: #a28100;
}
.empl-form-container .lf-form-group .input-type-icon{
    background-color: rgba(162, 129, 0, 0.08);
}
.empl-form-container .common-lf-group .floating-input{
    border: solid 1px #a28100;
    color: #a28100;
}
.empl-form-container .common-lf .lf-options .lf-fp-btn{
    color: #a28100;
}
.empl-tab-pane .show-password-icon:hover svg,
.empl-tab-pane .show-password-icon.active svg,
.empl-tab-pane .common-lf-group .input-type-icon svg{
    fill: #a28100;
}
.empl-form-container .common-lf-group .nc-lf-btn{
    color: #fff;
    background-color: #a28100;
    border-color: #a28100;
}
.empl-tab-pane .common-lf-group.form-label-group .lf-fp-btn:hover{
    color: #a28100;
}




/* Branch Color Code */
.brnch-body{
    background-color: rgba(80, 4, 115, 0.1);
}
.brnch-card{
    border: solid 1px #500473;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(80, 4, 115, 0.34);
    -moz-box-shadow: 0px 10px 30px 0px rgba(80, 4, 115, 0.34);
    box-shadow: 0px 10px 30px 0px rgba(80, 4, 115, 0.34);
}
.brnch-card-body .brnch-left{
    background-color: rgba(80, 4, 115, 0.05);
}
.brnch-form-container .common-lf .lf-header h4{
    color: #500473;
}
.brnch-form-container .lf-form-group .input-type-icon{
    background-color: rgba(80, 4, 115, 0.08);
}
.brnch-form-container .common-lf-group .floating-input{
    border: solid 1px #500473;
    color: #500473;
}
.brnch-form-container .common-lf .lf-options .lf-fp-btn{
    color: #500473;
}
.brnch-tab-pane .show-password-icon:hover svg,
.brnch-tab-pane .show-password-icon.active svg,
.brnch-tab-pane .common-lf-group .input-type-icon svg{
    fill: #500473;
}
.brnch-form-container .common-lf-group .nc-lf-btn{
    color: #fff;
    background-color: #500473;
    border-color: #500473;
}
.brnch-tab-pane .common-lf-group.form-label-group .lf-fp-btn:hover{
    color: #500473;
}


/* Corporate Color Code */
.crprt-body{
    background-color: rgba(44, 195, 208, 0.1);
}
.crprt-card{
    border: solid 1px #2cc3d0;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(44, 195, 208, 0.34);
    -moz-box-shadow: 0px 10px 30px 0px rgba(44, 195, 208, 0.34);
    box-shadow: 0px 10px 30px 0px rgba(44, 195, 208, 0.34);
}
.crprt-card-body .crprt-left{
    background-color: rgba(44, 195, 208, 0.05);
}
.crprt-form-container .common-lf .lf-header h4{
    color: #2cc3d0;
}
.crprt-form-container .lf-form-group .input-type-icon{
    background-color: rgba(44, 195, 208, 0.08);
}
.crprt-form-container .common-lf-group .floating-input{
    border: solid 1px #2cc3d0;
    color: #2cc3d0;
}
.crprt-form-container .common-lf .lf-options .lf-fp-btn{
    color: #2cc3d0;
}
.crprt-tab-pane .show-password-icon:hover svg,
.crprt-tab-pane .show-password-icon.active svg,
.crprt-tab-pane .common-lf-group .input-type-icon svg{
    fill: #2cc3d0;
}
.crprt-form-container .common-lf-group .nc-lf-btn{
    color: #fff;
    background-color: #2cc3d0;
    border-color: #2cc3d0;
}
.crprt-tab-pane .common-lf-group.form-label-group .lf-fp-btn:hover{
    color: #34e0ef;
}

/* Sub Broker Color Code */
.sb-brkr-body{
    background-color: rgba(254, 98, 0, 0.1);
}
.sb-brkr-card{
    border: solid 1px #fe6200;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(254, 98, 0, 0.34);
    -moz-box-shadow: 0px 10px 30px 0px rgba(254, 98, 0, 0.34);
    box-shadow: 0px 10px 30px 0px rgba(254, 98, 0, 0.34);
}
.sb-brkr-card-body .sb-brkr-left{
    background-color: rgba(254, 98, 0, 0.05);
}
.sb-brkr-form-container .common-lf .lf-header h4{
    color: #fe6200;
}
.sb-brkr-form-container .lf-form-group .input-type-icon{
    background-color: rgba(254, 98, 0, 0.08);
}
.sb-brkr-form-container .common-lf-group .floating-input{
    border: solid 1px #fe6200;
    color: #fe6200;
}
.sb-brkr-form-container .common-lf .lf-options .lf-fp-btn{
    color: #fe6200;
}
.sb-brkr-tab-pane .show-password-icon:hover svg,
.sb-brkr-tab-pane .show-password-icon.active svg,
.sb-brkr-tab-pane .common-lf-group .input-type-icon svg{
    fill: #fe6200;
}
.sb-brkr-form-container .common-lf-group .nc-lf-btn{
    color: #fff;
    background-color: #fe6200;
    border-color: #fe6200;
}
.sb-brkr-tab-pane .common-lf-group.form-label-group .lf-fp-btn:hover{
    color: #fe6200;
}


/* Investor Color Code */
.invstr-body{
    background-color: rgba(46, 204, 114, 0.1);
}
.invstr-card{
    border: solid 1px #2ecc72;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(46, 204, 114, 0.34);
    -moz-box-shadow: 0px 10px 30px 0px rgba(46, 204, 114, 0.34);
    box-shadow: 0px 10px 30px 0px rgba(46, 204, 114, 0.34);
}
.invstr-card-body .invstr-left{
    background-color: rgba(46, 204, 114, 0.05);
}
.invstr-form-container .common-lf .lf-header h4{
    color: #2ecc72;
}
.invstr-form-container .lf-form-group .input-type-icon{
    background-color: rgba(46, 204, 114, 0.08);
}
.invstr-form-container .common-lf-group .floating-input{
    border: solid 1px #2ecc72;
    color: #2ecc72;
}
.invstr-form-container .common-lf .lf-options .lf-fp-btn{
    color: #2ecc72;
}
.invstr-tab-pane .show-password-icon:hover svg,
.invstr-tab-pane .show-password-icon.active svg,
.invstr-tab-pane .common-lf-group .input-type-icon svg{
    fill: #2ecc72;
}
.invstr-form-container .common-lf-group .nc-lf-btn{
    color: #fff;
    background-color: #2ecc72;
    border-color: #2ecc72;
}
.invstr-tab-pane .common-lf-group.form-label-group .lf-fp-btn:hover{
    color: #2ecc72;
}



.fade.show:not(.in),
.fade.in:not(.show){
    opacity: 1;
}