body {
}

body{
    height: 100%; }



html, body, #form1 {
    height: 100%; overflow:hidden;
}

.loginwrapper{ height:100%; background:#f6f6f6;}
.loginpanelLeft {    
    background-image: url(../../style/images/loginimg.png); background-repeat:no-repeat;
  background-size:100% 100%; min-height: 100vh; position:relative; display: flex; align-items: center;
}
.btn-block {
    width: 100%;
}
.data-portion {
    padding: 70px;
    color: #FFF;
    z-index: 1;
    position: relative;
    bottom: 0px;
}

/**********************/

.loginpanelBox {
background:rgb(255 255 255 / 1);
    width: 30%;
    padding: 30px;
    border-radius: 18px;
    right: 50px;
    position: absolute; box-shadow: 0px 1px 6px 0px #444;
   
}
.clientlogo {
    /*max-width: 100px;*/
    margin: 0 auto 20px;
}
.clientlogo img.img-fluid {
    max-height: 80px;border-radius: 4px;
}
.companyname {
    font-size: 1.2rem;
    font-weight: 600;
}

form.user .form-control-user {
    font-size: .8rem;
    border-radius: 10rem;
    padding: 1.5rem 1rem;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 6px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6e707e;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d1d3e2;
    border-radius: 6px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; position:relative;
}
.btn-user{display: block; background:#ffb33e; border-color:#ffb33e; min-height:44px;font-size: 1.2rem;}
.btn-user:hover, .btn-user:focus, .btn-user:focus, .btn-user:first-child:active, :not(.btn-check)+.btn:active{background:#eba53a;border-color:#eba53a;}
.resetlinks a{ color:#212529; text-decoration:none;}
.resetlinks a:hover{ color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)); position:relative;}
.lp-copyrighttxt::after {
    background: #666;
    width: 60px;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    height: 1px;
    content: "";
    position: absolute;
}

.lp-copyrighttxt {
 font-size: 14px;
 color:#666; display:block;
    text-align: center;      
    width: 100%;
    padding: 0px; margin-top:30px;
    font-weight: 500;
}
.lp-copyrighttxt a{text-decoration:none; font-weight:700;}
.lp-copyrighttxt a:hover{ text-decoration:underline;}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #999999;
    /*margin-top:30px;*/
    outline: 0; box-shadow:none;
}
.nostylebtn{ background:none; border:none; outline:none; padding:0; color:#212529;}
.nostylebtn:hover{background:none; border:none; outline:none; color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));}


/****************CATEGORY PAGE CSS START HERE*********************/
.btn.btn-secondary {
    background: #d7deeb;
    border-color: #d7deeb;
    color: #294f8d;
    line-height: 26px;

}
.btn.btn-secondary:hover, .btn.btn-secondary:focus {
    background: #cdd7e9;
    border-color: #cdd7e9;
    color: #294f8d;
}
.frmcatwrapper{ height:100%;}
.text-start.txt-heading {
    background: #2191c0;
    padding: 8px 10px 9px;
    color: #fff;
    border-radius: 4px 4px 0 0;
    margin: -16px -16px 30px -16px;
}

.branchname {font-size: 1.2rem;}
.selcatnpanelLeft{
     background-image: url(../../style/images/loginimg.png); background-repeat:no-repeat;
  background-size:100% 100%; min-height: 100%; position:relative; display: flex; align-items: center;
}
.categorypageformOuter{
    background: #fff;
    position: absolute;
    width: 30%;
    padding: 35px 30px;
    border-radius: 18px;
    right: 50px;
    margin: auto; box-shadow: 0px 1px 6px 0px #444;
}
.categorypageform.p-3 {
    border: 1px solid #ddd;
    border-radius: 4px;
    /*background: #dce6f2;*/
    background: #eee;
}

/****************CATEGORY PAGE CSS End HERE*********************/

/*.form-error-msg{ display:none;}*/
.login-alert-top{
color: #a94442;
    background-color: rgb(242 222 222 / 1);
    border-color: #ebccd1;
    position: absolute;
    padding: 3px 25px 0 0;
    border-radius: 0;
    margin: 0;
    bottom: 0;
    right: 0;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
}
.login-alert-top button.btn-close {
    font-size: 12px;
    padding: 0px;
    top: 8px;
    right: 6px;
    color: #a94442;opacity: 0.6;
}

@media screen and (max-width: 992px){
.loginpanelLeft, .lp-copyrighttxt, .login-alert-top{ width:100%;}
.loginpanelLeft{background-size: cover;background-position: 50% 50%;}
.loginpanelBox{
    background: #fff;
    width: 90%!important; max-width:360px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 6px;
    padding-bottom: 40px;
}
.form-group-outer {
    height: 200px;
    overflow: auto;
}
.lp-copyrighttxt{ border-radius:0 0 6px 6px;}
.clientlogo img.img-fluid{ max-height:60px;}
.clientlogo{ margin:10px auto 20px;}
.companyname{ margin-bottom:1rem!important;}
.form-control{height:calc(1.3em + 0.75rem + 4px)}
hr{margin: 0.5rem 0;}
.btn-user{ padding:4px 12px;}
.resetlinks a{ font-size:14px;}
.companyname {font-size: 1.1rem;}
.lp-copyrighttxt{ padding:6px;}
}

/*.loginwrapper{ min-width:1023px; min-height:600px; overflow:scroll;}*/
/*@media screen and (max-width: 1023px), 
       screen and (max-height: 700px) {
.loginwrapper{ width:1023px; height:600px; overflow:scroll;}
}
@media screen and (min-width: 1024px), 
       screen and (min-height: 701px) {
.loginwrapper{ width:100%; height:100%; overflow:auto;}
}*/