.calp-logo-position {
                position: relative;
                top: -6px;
            }
            .calp-bg-color-1 {
                background-color: #3A5F7A;
            }
            .calp-bg-color-2 {
                background-color: #5F7F95;
            }
            .calp-bg-color-3 {
                background-color: #8AA2B3;
            }
            .calp-bg-color-4 {
                background-color: #BBCAD5;
            }
            .calp-bg-color-5 {
                background-color: #E6ECEF;
            }
            .calp-color-1 {
                color: #3A5F7A;
            }
            .calp-color-2 {
                color: #5F7F95;
            }
            .calp-color-3 {
                color: #8AA2B3;
            }
            .calp-color-4 {
                color: #BBCAD5;
            }
            .calp-color-5 {
                color: #E6ECEF;
            }
            .calp-widget-header {
                background-color: #3A5F7A !important; 
                color: #E6ECEF !important;
            }
            .calp-widget-button-color {
                background-color: #3A5F7A; 
                color: #E6ECEF;
            }
            .calp-page-title-color {
                color: #3A5F7A;
            }
            .calp-body-style {
                min-height: 100vh; 
                height: 100%; 
                overflow: visible; 
                background: #BBCAD5;
            }
            .calp-form-style {
                height: 100%;
            }
            .calp-recent-merchant-menu-color {
                 background-color: #BBCAD5; 
                 color: #000000;
            }
            .calp-recent-merchant-label-style {
                position: relative; 
                top: 12px; 
                color: #BBCAD5;
            }

            .right-inner-addon {
                position: relative;
            }
            .right-inner-addon input {
                padding-right: 30px;    
            }
            .right-inner-addon i {
                position: absolute;
                right: 0px;
                padding: 10px 12px;
                pointer-events: none;
            }


/********************************/
.loginpage{height:100vh   }
#extr-page .loginpage  #header{background-color:transparent!important; border-bottom:0px!important;    }
.header-light{background:#fff;   }
.loginpage{background:url(/img/login-bg.jpg) no-repeat; border:0px; background-position: bottom center; background-size: cover; height: 100% }
.loginpage:after{position:absolute; content:""; width:100%; height:100%; top: 0px; left: 0px; background:rgba(0, 0, 0, 0.5); z-index: 2      }
.loginpage #content{padding: 0px;  }            
#extr-page .loginpage #main{padding-top: 0px; padding-bottom:0px; background-color: transparent;   }
.loginpage .login-banner{position: relative;  margin-bottom:0px; background-color:transparent; border:0px; box-shadow: none; padding:0px;         }  
.loginpage .login-banner .container{position: relative; z-index: 5; height:100vh;   }
.loginbox{ width: 450px; margin:auto; padding:40px; border-radius:3px; background:rgba(0, 0, 0, 0.4); top: 50%; transform: translateY(-50%); position: relative;      }
.login-label{font-weight:600;  }
.form-section{padding-bottom:20px;   }
.textbox {border: 0px; background: fff; color: #333;padding: 10px 15px; height: 45px;border-radius: 3px !important;font-size: 16px;}
.forgot-wrapper{width:100%; text-align:center; padding-top: 10px;    }
.forgot-wrapper a{text-decoration: underline;  }
.forgot-wrapper a:hover{color:#fff;   }
.forgotpass{color:#fff; font-size:14px;    }
.loginbutton{background:#428bca; font-size: 16px; text-transform: uppercase; font-weight:normal; color: #fff; height:45px; text-align: center; width: 100%; line-height: 45px; padding: 0px; border-radius:3px;    }
.loginbutton:hover{background:#317ab9; color: #fff;   }
.loginbox .right-inner-addon i{font-size:21px; color: #5C5C5C; margin-top:2px;    }
.section{padding:50px 0px; clear:both    }
.section h2{font-size:25px; color:#333; margin-bottom: 5px;    }
.section p{font-size:17px; margin-bottom:15px;  }
.ingress-section img{float:left; margin-right:25px;    }
.darkbg{background:#f3f3f3   }
.forgot-message{color: #fff; font-size:16px; padding: 0px 0px 15px 0px   }
.loginpage #content{height: 100vh  }

@media screen and (max-width: 479px) {
.loginbox{width:100%;   }
.loginpage{padding-top: 25px; padding-bottom:25px;   }
.loginbox{padding:30px; }
}