a, a:hover, a:focus, button:focus {
text-decoration: none;
outline: none;
}
body{
font-family: 'Montserrat';
}
.mgn-R-10{
margin-right: 10px;
}
.mrg-t-20{
margin-top: 20px;
}
.marg-50{
margin-top: 50px;
}
.mgn-R-15{
margin-right: 15px;
margin-left: -16px;
}
.mrgt-60{
margin-top: 60px;
}
.login-section{
margin: 0px;
}
.padt-70{
padding-top: 70px;
}
.otp-padl{
padding: 7rem 0rem !important;
}
.font-semibold{
font-weight: 500;
}
/*buttons*/
.btn:focus{
outline: none !important;
box-shadow: none !important;
}
.btncenter .btn-success:focus {
background: #223097 0% 0% no-repeat padding-box !important;
border-radius: 3px;
width: 100%;
border: 0;
padding: 13px;
color: #FFFFFF;
font-size: 14px;
}
.btn-next{
outline: 0;
background: #223097;
border-radius: 3px;
width: 100%;
border: 0;
padding: 13px;
color: #FFFFFF;
font-size: 14px;
transition: all 0.3 ease;
cursor: pointer;
}
.btn-next:hover{
background: #111C6E 0% 0% no-repeat padding-box;
}
.btn-back{
outline: 0;
background: #fff;
border-radius: 3px;
width: auto;
border: 1px solid #223097;
padding: 13px 50px;
color: #FFFFFF;
font-size: 14px;
transition: all 0.3 ease;
cursor: pointer;
color: #223097;
font-size: 16px;
font-weight: 500;
}
.closbtn {
display: none;
position: relative;
top: -46px;
left: 203px;
}
.btn-back:hover{
color: #223097;
background: #D1D5F6 0% 0% no-repeat padding-box !important;
}
.login-btn-btm{
outline: 0;
background: #fff;
border-radius: 3px;
width: auto;
border: 1px solid #223097;
padding: 13px 26px;
color: #FFFFFF;
font-size: 16px;
transition: all 0.3 ease;
cursor: pointer;
color: #223097;
font-weight: 600;
}
.login-btn-btm:hover{
color: #223097;
background: #D1D5F6 0% 0% no-repeat padding-box !important;
}
.btn-download{
outline: 0;
background: #fff;
width: auto;
border: 1px solid #D92024;
border-radius: 3px;
padding: 4px 7px;
color: #FFFFFF;
font-size: 14px;
transition: all 0.3 ease;
cursor: pointer;
color: #D92024;
font-size: 12px;
}
.btn-download:hover{
color: #D92024;
background: #FFDEDE 0% 0% no-repeat padding-box !important;
}
/*login-section-new*/
.login-section-bg .form-horizontal {
width: 100%;
}
.login-section-bg .space-top{
padding:0px 10px 0px 0px; 
}
.login-section-bg .login-form
{
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
vertical-align: auto;
/*height: 50vh;
min-height: 312px;*/
}
.newpss-space{
margin-bottom: 60px;
}
.login-section-bg .logo-pb img{
margin: 0px auto 30px auto;
padding-top: 34px;
width: 18%;
display: flex;
}
.login-section-bg h4{
color:#4A4A4A;
padding-bottom: 20px;
font-size: 20px;
font-weight: 700;
margin: 0 auto;
}
.login-section-bg .newpasswoed-head{
color:#4A4A4A;
padding-bottom: 20px;
padding-top:200px;
font-size: 30px;
font-weight: 700;
margin: 0 auto;  
}
.login-section-bg .login-image
{
height: 100vh;
/* background-image: linear-gradient(to right bottom, transparent linear-gradient(42deg, #2A43BC 0%, #9D2F60 62%, #E42227 100%)) 0% 0% no-repeat padding-box, url("../image/bg_image.png"); */
background:url("../image/login_illustration.png"); 
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
background-position: right 35% bottom 45%;
}
.login-section-bg .login-image p{
width: auto;
font-size: 28px;
line-height: 44px;
color:#223097;
font-weight: 400;
margin-bottom: 350px;
margin-left: -66px;
text-align: center;
/* height: 100vh;
width: 100%;
background:url("../image/bg_image.png"), transparent linear-gradient(42deg, #2A43BC 0%, #9D2F60 62%, #E42227 100%) 0% 0% no-repeat padding-box;
background-size: cover;
height: 100vh; */
}
.login-section-bg .login-image p span{
color:#D92024;  
}
.login-section-bg .login-section-bg .col-sm-9{
padding-left: 0px;
}
.login-section-bg .login-section-bg .login-textfield{
position: relative;
}
.login-section-bg .login-textfield .form-control{
font-size: 1rem;
outline: none;
border: 1px solid #C4C4C4;
border-radius: 4px;
padding: 1.3rem 0.7rem;
color: #252734;
transition: 0.1s ease-out;
background: #fff !important;
width: 100%;
box-shadow: none;
}
/**-- Input field **/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
-webkit-box-shadow: 0 0 0 30px  #fff inset !important;
}
.login-section-bg .text-box
{
margin-bottom: 25px;
min-height: 45px;
margin-right: auto;
margin-left:auto ;
}
.login-section-bg .login-textfield {
position: relative;  
}
.login-section-bg .text-box label {
position: absolute;
font-size: 16px;
left: 0;
top: 50%;
transform: translateY(-50%);
background-color: #fff;
color: #C4C4C4;
padding: 0 0.3rem;
margin: 0 0.5rem;
transition: .1s ease-out;
transform-origin: left top;
pointer-events: none;
}
.login-section-bg .text-box label .label-icon{
margin-right: 8px;
}
.login-section-bg .text-box input {
font-size: 1rem;
outline: none;
border: 1px solid #C4C4C4;
border-radius: 4px;
padding: 0.6rem 0.7rem;
color: #252734;
transition: 0.1s ease-out;
background: #fff;
width: 100%;
}
.login-section-bg .text-box input:focus {
border: 1px solid #223097;
}
.login-section-bg .text-box input:focus + label {
color: #223097; 
top: 0;
transform: translateY(-50%) scale(.9);
font-size: 12px;
}
.login-section-bg .text-box input:focus + label>i {
display: none;
}
.text-box input:not(:placeholder-shown) + label {
top: 0;
transform: translateY(-50%) scale(.9);
}
.text-box input:not(:placeholder-shown) + label>i {
display: none;
}
.btncenter{
margin: 0 auto;
}
.login-section-bg  .btn-style
{
outline: 0;
background: #223097 0% 0% no-repeat padding-box;
border-radius: 3px;
width: 100%;
border: 0;
padding: 13px;
color: #FFFFFF;
font-size: 14px;
transition: all 0.3 ease;
cursor: pointer;
font-weight: 600;
}
.btn-disable
{
outline: 0;
background: #D1D5F6 0% 0% no-repeat padding-box !important;
border-radius: 3px;
width: 100%;
border: 0;
padding: 13px;
color: #FFFFFF;
font-size: 14px;
transition: all 0.3 ease;
cursor: pointer;
font-weight: 600;
/*opacity: 0.4;*/
cursor: no-drop !important;
}
.btn-disable:hover
{
background: #D1D5F6 0% 0% no-repeat padding-box;
cursor: no-drop !important;
}
.login-section-bg .btn-style:hover
{
background: #111C6E 0% 0% no-repeat padding-box;
}
.form-group {
margin: 0 auto;
}
.login-section-bg .resetp {
padding-top: 20px !important;
padding-bottom: 20px;
}
.login-section-bg .resetp .back-to-login{
margin: 0px 12px !important;
}
.login-section-bg .resetp a{
color: #D92024;
font-size: 16px;
text-align: center !important;
text-decoration: underline; 
display: block;
margin: 0px 4px;
font-weight: 500;
}
.login-section-bg .resetp a:hover{
color: #B41115;
}
.login-section-bg .back-login{
padding-top: 15px !important;
}
.login-section-bg .back-login a{
color: #D92024;
font-size: 16px;
text-align: center !important;
text-decoration: none !important;
display: block;
}
.login-section-bg .fa-fw {
width: 1.28571429em;
text-align: center;
/* background-image: url(../image/visibility_ic.svg); */
float: right;
color: #C4C4C4;
margin-top: -29px;
margin-right: 10px;
}
.login-section-bg .powerd-logo{
position: relative;
}
.login-section-bg .powerd-logo a img{
margin: auto;
position: absolute;
bottom: 20px;
left: 0%;
right: 52%;
width: 8%;
}
.login-section-bg .text-box .error input {
border: 1px solid #E41E26; 
outline: none;
}
.error label {
color:#E41E26 !important; 
}
.login-section-bg hr{
border-top: 2px solid rgba(0,0,0,.1) !important;
margin: 21px 100px;
}
.login-section-bg .login-btm{
text-align: center;
margin: 30px 0px;
}
.login-section-bg .login-btm p{
color: #4A4A4A;
opacity: 0.7;  
}
/*//login section-new end here*/
.login-section .form-horizontal {
width: 100%;
}
.login-section .space-top{
padding:0px 10px 0px 0px; 
}
.login-section .login-form
{
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
vertical-align: auto;
height: 50vh;
/*min-height: 312px;
*/}
.newpss-space{
margin-bottom: 60px;
}
.login-section .logo-pb img{
margin: 0px auto 35px auto;
padding-top: 50px;
width: 24%;
display: flex;
}
.login-section h4{
color:#4A4A4A;
/*padding-bottom: 20px;*/
font-size: 30px;
font-weight: 700;
margin: 0 auto;
}
.login-section .newpasswoed-head{
color:#4A4A4A;
padding-bottom: 20px;
padding-top:200px;
font-size: 30px;
font-weight: 700;
margin: 0 auto;  
}
.login-image
{
height: 100vh;
/* background-image: linear-gradient(to right bottom, transparent linear-gradient(42deg, #2A43BC 0%, #9D2F60 62%, #E42227 100%)) 0% 0% no-repeat padding-box, url("../image/bg_image.png"); */
background:url("../image/login_illustration.png"); 
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
background-position: right 35% bottom 45%;
}
.login-image p{
width: 50%;
font-size: 28px;
line-height: 44px;
color:#223097;
font-weight: 300;
margin-bottom: 350px;
/* height: 100vh;
width: 100%;
background:url("../image/bg_image.png"), transparent linear-gradient(42deg, #2A43BC 0%, #9D2F60 62%, #E42227 100%) 0% 0% no-repeat padding-box;
background-size: cover;
height: 100vh; */
}
.login-image p span{
color:#D92024;  
}
.login-section .col-sm-9{
padding-left: 0px;
}
.login-section .login-textfield{
position: relative;
}
.login-section .login-textfield .form-control{
font-size: 1rem;
outline: none;
border: 1px solid #C4C4C4;
border-radius: 4px;
padding: 1.3rem 0.7rem;
color: #252734;
transition: 0.1s ease-out;
background: #fff !important;
width: 100%;
box-shadow: none;
}
/**-- Input field **/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
-webkit-box-shadow: 0 0 0 30px  #fff inset !important;
}
.login-section .text-box
{
margin-bottom: 25px;
min-height: 45px;
margin-right: auto;
margin-left:auto ;
}
.login-section .login-textfield {
position: relative;  
}
.login-section .text-box label {
position: absolute;
font-size: 16px;
left: 0;
top: 50%;
transform: translateY(-50%);
background-color: #fff;
color: #C4C4C4;
padding: 0 0.3rem;
margin: 0 0.5rem;
transition: .1s ease-out;
transform-origin: left top;
pointer-events: none;
}
.login-section .text-box label .label-icon{
margin-right: 8px;
}
.login-section .text-box input {
font-size: 1rem;
outline: none;
border: 1px solid #C4C4C4;
border-radius: 4px;
padding: 0.6rem 0.7rem;
color: #252734;
transition: 0.1s ease-out;
background: #fff;
width: 100%;
}
.login-section .text-box input:focus {
border: 1px solid #223097;
}
.login-section .text-box input:focus + label {
color: #223097; 
top: 0;
transform: translateY(-50%) scale(.9);
font-size: 12px;
}
.login-section .text-box input:focus + label>i {
display: none;
}
.text-box input:not(:placeholder-shown) + label {
top: 0;
transform: translateY(-50%) scale(.9);
}
.text-box input:not(:placeholder-shown) + label>i {
display: none;
}
.btncenter{
margin: 0 auto;
}
.login-section .btn-style
{
outline: 0;
background: #223097 0% 0% no-repeat padding-box;
border-radius: 3px;
width: 100%;
border: 0;
padding: 13px;
color: #FFFFFF;
font-size: 14px;
transition: all 0.3 ease;
cursor: pointer;
}
.form-group {
margin: 0 auto;
}
.login-section .resetp {
padding-top: 20px !important;
}
.resetptext{
margin-left: auto;
margin-right: auto;
}
.login-section .resetp a{
color: #D92024;
font-size: 16px;
text-align: center !important;
text-decoration: none !important;
display: block;
}
.login-section .back-login{
padding-top: 15px !important;
}
.login-section .back-login a{
color: #D92024;
font-size: 16px;
text-align: center !important;
text-decoration: none !important;
display: block;
}
.login-section .fa-fw {
width: 1.28571429em;
text-align: center;
/* background-image: url(../image/visibility_ic.svg); */
float: right;
color: #C4C4C4;
margin-top: -29px;
margin-right: 10px;
}
/*.login-section .powerd-logo{
position: relative;
}*/
.login-section .powerd-logo a img{
margin: auto;
position: absolute;
bottom: 20px;
left: 50%;
right: 0;
width: 8%;
}
/* Error Styling */
.login-section .text-box .error input {
border: 1px solid #E41E26; 
outline: none;
}
.error label {
color:#E41E26 !important; 
}
/* 
<ksce-home>
*/
.ksce-home{
background-color: #fff;
}
.ksce-home .login-image{
background-position: right 7% bottom 45%;
}
.ksce-home .login-btn{
background: #223097;
border-radius: 3px;
border: none;
width: max-content;
height: 50px;
padding: 0 50px;
margin: 40px 100px 0px auto;
float: right;
}
.ksce-home .login-btn a{
color: #FFFFFF;
font-size: 16px;
}
.ksce-home .home-card{
height: 80%;
display: flex;
align-items: center;
}
.ksce-home .home-card .card-body {
min-height: 240px;
text-align: center;
}
.ksce-home .home-card .card{
border: 1px solid #707070;
background: #fff;
color: #4A4A4A;
font-size: 20px;
line-height: 36px;
font-weight: 700;
/* box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12); */
cursor: pointer;
}
.ksce-home .home-card .card:hover{
border: 1px solid #707070;
border-radius: 9px;
background: #223097;
color: #FFFFFF;
line-height: 50px;
font-weight: 400;
/* transform: scale(1.05);
box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06); */
}
.ksce-home .home-card .card a{
color: #4A4A4A;
}
.ksce-home .home-card .card a:hover{
color: #FFFFFF;
}
.ksce-home  p{
text-align: left;
font-size: 25px;
color: #4A4A4A;
font-weight: normal;
}
.ksce-home  .login-image p {
width: auto;
}
.ksce-home  .login-image p .clr-blue {
color: #223097;
}
.ksce-home .powerd-logo a img {
margin: auto;
position: absolute;
bottom: 20px;
left: 0%;
right: 50%;
width: 8%;
}
.ksce-home .ksce-home-content{
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
vertical-align: auto;
height: 50vh;
min-height: 312px;
}
.ksce-home .ksce-home-content .card{
margin-left: auto;
margin-right: auto;
}
/* 
<ksce-home>
*/
/* 
<ksce-renewal page>
*/
.ksce-renewal{
background-color: #E0E2F1;
}
.ksce-renewal .login-image{
background-position: right 7% bottom 45% !important;
height: 100vh;
background: url(../image/bg_image.png);
background-size: contain;
display: flex;
justify-content: center;
align-items: center;
background-repeat: no-repeat;
}
.ksce-renewal .login-form h4{
font-size: 20px;
color: #4A4A4A;
/*line-height: 50px;*/
font-weight: 700;
} 
.login-section .ksce-renewal .login-form {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
vertical-align: auto;
height: auto;
/*min-height: 312px;*/
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.ksce-renewal .card{
margin: 48px 50px 35px 0px;
box-shadow: 0px 0px 10px #0000001a;
border-radius: 12px;
height: 85vh;
}
.ksce-renewal .card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 1.5rem 0rem;
}
.ksce-renewal .form-group {
margin: 0 35px;
}
.ksce-renewal .logo-pb img {
margin: 0px auto 15px auto;
padding-top: 0px;
width: 16%;
display: flex;
}
.ksce-renewal .powerd-logo a img {
margin: auto;
position: absolute;
bottom: 20px;
left: 0%;
right: 80%;
width: 8%;
}
.ksce-renewal .btn-next{
outline: 0;
background: #223097;
border-radius: 3px;
width: auto;
border: 0;
padding: 13px 50px;
color: #FFFFFF;
font-size: 16px;
transition: all 0.3 ease;
cursor: pointer;
font-weight: 500;
}
.ksce-renewal .btn-next:hover{
background: #111C6E 0% 0% no-repeat padding-box;
}
.ksce-renewal .btncenter {
/*margin: 12px auto;*/
text-align: center;
}
.ksce-renewal-otp .btncenter-pponum {
margin: 12px auto;
text-align: center;
}
/*.btn-next{
outline: 0;
background: #223097;
border-radius: 3px;
width: 100%;
border: 0;
padding: 13px;
color: #FFFFFF;
font-size: 14px;
transition: all 0.3 ease;
cursor: pointer;
}
.btn-back{
outline: 0;
background: #fff;
border-radius: 3px;
width: auto;
border: 1px solid #223097;
padding: 13px 50px;
color: #FFFFFF;
font-size: 14px;
transition: all 0.3 ease;
cursor: pointer;
color: #223097;
}*/
.ksce-renewal .login-image p {
width: auto;
font-size: 28px;
line-height: 44px;
color: #223097;
font-weight: 400;
/*margin-bottom: 350px;*/
position: absolute;
left: auto;
text-align: center;
}
/* 
<ksce-renewal page-END>
*/
/* 
<ksce-renewal-otp page>
*/
.ksce-renewal-otp{
background-color: #E0E2F1;
}
.ksce-renewal-otp .login-image{
background-position: right 7% bottom 45% !important;
height: 100vh;
background: url(../image/bg_image.png);
background-size: contain;
display: flex;
justify-content: center;
align-items: center;
background-repeat: no-repeat;
}
.ksce-renewal-otp .login-form h4{
font-size: 20px;
color: #4A4A4A;
/*line-height: 50px;*/
font-weight: 700;
position: relative;
/*top: -80px;*/
} 
.login-section .ksce-renewal-otp .login-form{
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start !important;
align-items: flex-start;
vertical-align: auto;
height: auto !important;
/*min-height: 312px;*/
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
} 
.ksce-renewal-otp .card{
margin: 48px 50px 35px 0px;
box-shadow: 0px 0px 10px #0000001a;
border-radius: 12px;
height: 85vh;
}
.ksce-renewal-otp .card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 1.5rem 0rem;
}
.ksce-renewal-otp .form-group {
margin: 0 35px;
}
.ksce-renewal-otp .logo-pb img {
margin: 0px auto 15px auto;
padding-top: 0px;
width: 16%;
display: flex;
}
.ksce-renewal-otp .powerd-logo a img {
margin: auto;
position: absolute;
bottom: 20px;
left: 0%;
right: 57%;
width: 8%;
}
.ksce-renewal-otp .space-btm{
padding-right: 0;
}
.ksce-renewal .space-btm{
padding-right: 0;
}
.ksce-renewal-otp .btn-next{
outline: 0;
background: #223097;
border-radius: 3px;
width: auto;
border: 0;
padding: 14px 50px;
color: #FFFFFF;
font-size: 16px;
transition: all 0.3 ease;
cursor: pointer;
font-weight: 500;
}
.ksce-renewal-otp .btn-submit{
outline: 0;
background: #223097;
border-radius: 3px;
width: auto;
border: 0;
padding: 14px 40px !important;
color: #FFFFFF;
font-size: 16px;
transition: all 0.3 ease;
cursor: pointer;
font-weight: 500;
}
.ksce-renewal-otp .btn-submit:hover{
background: #111C6E 0% 0% no-repeat padding-box;
}
.ksce-renewal-otp .btncenter {
/*margin: 12px auto;*/
text-align: center;
position: relative;
/*bottom: -80px;*/
}
.btn-next{
outline: 0;
background: #223097;
border-radius: 3px;
width: 100%;
border: 0;
padding: 13px;
color: #FFFFFF;
font-size: 14px;
transition: all 0.3 ease;
cursor: pointer;
}
.ksce-renewal-otp .login-image p {
width: auto;
font-size: 28px;
line-height: 44px;
color: #223097;
font-weight: 400;
/*margin-bottom: 350px;*/
position: absolute;
left: auto;
text-align: center;
}
.ksce-renewal-otp .login-form p {
margin: 0px auto;
color: #4A4A4A;
padding: 0px 0px 20px 0px;
opacity: 0.72;
font-size: 16px;
text-align: center;
}
.ksce-renewal-otp .login-form .resend-otp p {
margin: 0px auto;
color: #4A4A4A;
padding: 20px 0px;
opacity: 1;
font-size: 16px;
font-weight: 500;
}
.ksce-renewal-otp .login-form .resend-otp span a {
color: #D92024;
text-decoration: underline;
font-weight: 500;
}
.ksce-renewal-otp .login-form .resend-otp span a:hover{
color: #B41115;
}
.ksce-renewal-otp .login-form  .check-icon {
margin-left: auto;
position: relative;
/*top: 56px;*/
left: 87px;
margin-right: auto;
}
.ksce-renewal-otp .login-form  .check-icon i{
border: 2px solid #3BB54A;
border-radius: 50%;
padding: 6px;
color: #3BB54A;
}
.registerd-sucess-h4{
margin-left: auto;
margin-right: auto;
position: relative;
/*top: -78px;*/
}
.registerd-sucess-msg{
margin-left: auto;
position: relative;
/*top: 77px;
*/margin-right: auto;
opacity: 1 !important;
padding: 20px 10px !important;
}
.life-certificate-dwnld{
margin-right: auto;
margin-left: auto;
}
.life-certificate-dwnld .btn{
position: relative;
top: -5px;
left: 10px;
}
.life-certificate-dwnld img{
margin-left: 5px;
}
.life-certificate-dwnld p{
color: #4A4A4A !important;
opacity: 1 !important;
}
.file-uld-dwnld .life-certificate-dwnld p{
margin:0px !important;
}
/*.file-uld-dwnld p{
margin:0px !important;
}*/
.drag-file{
margin-right: auto;
margin-left: auto;
margin-top: 20px;
margin-bottom: 12px;
}
.ksce-renewal-otp .home-upload-file-card .btn-next:hover {
background: #111C6E 0% 0% no-repeat padding-box;
}
.drag-file p{
text-align: center !important;
/*padding: 20px 40px !important;*/
font-size: 12px !important;
}
.file-download-form .dotted-border{
position: relative;
border: 1px dashed #707070;
border-style: dashed !important;
text-align: center;
padding: 7px 0px;
margin-top: 14px;
width: 387px;
height: 66px;
border-radius: 5px;
}
.file-download-form .dotted-border p{
color: #4A4A4A;
opacity: 1;
padding: 0px !important;
}
.file-download-form .dotted-border span{
color: #7C7C7C;
opacity: 1;
font-size: 12px;
}
.file-download-form .dotted-border .file-drag-icon img{
padding-top: 0px;
width: 40px;
display: flex;
position: relative;
left: -81px;
top: -18px;
z-index: 99;
}
.file-download-form .dotted-border .img-div{
position: relative;
left: 78px;
top: 17px;
}
.file-download-form .dotted-border .content-div{
text-align: left;
margin-left: -50px;
/*margin-left: -43px;*/
}
.file-download-form .dotted-border p {
color: #4A4A4A;
opacity: 1;
padding: 0px !important;
display: flex;
font-size: 14px;
}
.file-download-form .dotted-border .content-div .browse{
color: #D92024;
/* border-bottom: 1px solid #D92024;*/
margin-left: 5px;
position: relative;
top: -4px;
/*left: 6px;*/
}
.file-download-form .dotted-border .content-div .browse input{
border: none !important;
font-size: 0.9rem !important;
padding: 0px !important;
/*color: transparent !important;*/
font-weight: 500;
width: 100px;
background-color: transparent;
}
/*.file-download-form .dotted-border .file-upld-txt{
display: none;
}*/
/*.fil-ulpd-txt-show{
display: block !important;
}*/
.form-height-fix{
height: 17vh;
}
.form-height-fix-lfe-cert-otp{
height: 370px;
padding: 7rem 0rem;
}
.form-height-fix-reg{
min-height: 370px;
padding-top: 20px;
}
.form-height-fix-reg-otp{
height: 370px;
padding-top: 20px;
}
.form-height-fix-ppo{
height: 325px;
padding: 9rem 0rem;
/*height: 280px;
margin-top: -18px;
padding-top: 30px;*/
}
.form-height-fix-dwnld-file{
height: 14vh;
}
.certficate-btm-main-para{
margin-top: 155px !important;
margin-bottom: -7px !important;
position: relative;
top: 30px;
}
.certficate-btm-semi-para{
font-size: 20px !important;
position: relative;
top: 19px;
}
.home-upload-file-card{
background: #f8f9fa 0% 0% no-repeat padding-box;
border-radius: 8px;
margin-left: auto;
margin-right: auto;
padding: 51px 0px;
margin-top: 40px;
width: 264px;
height: 246px;
}
.home-upload-file-card .home-upload-img{
display: block;
margin-left: auto;
margin-right: auto;
width: 17%;
}
.home-upload-file-card p{
text-align: center;
margin: 20px 0px;
font-weight: 500;
}
.ksce-renewal-otp .home-upload-file-card .btn-next {
border: 0;
padding: 12px 39px;
font-weight: 500;
}
.ksce-renewal-otp .home-upload-file-card .btncenter {
margin: 12px auto;
text-align: center;
position: relative;
top: -62px;
}
.home-new-user-reg{
margin-right: auto;
margin-left: auto;
text-align: center;
}
.home-new-user-reg-p{
text-align: center !important;
/*font-weight: 500;*/
}
.home-new-user-reg-p span{
color: #D92024;
text-decoration: underline;
font-weight: 500;
font-size: 20px;
}
.home-new-user-reg-p span:hover{
color: #B41115;
}
.file-uld-dwnld ul{
list-style-type: none;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
position: relative;
}
.file-uld-dwnld ul li{
color: #4A4A4A;
opacity: 1;
font-size: 15px;
font-weight: 500;
margin: -6px 0px;
}
.file-uld-dwnld ul li p{
color: #4A4A4A !important;
opacity: 1 !important;
font-size: 15px !important;
font-weight: 500 !important;
margin: -6px 0px;
text-align: left !important;
margin-left: 44px !important;
margin-top: -20px !important;
margin-bottom: -21px !important;
}
.file-uld-dwnld ul li .dis-block{
display: inline;
color: #4A4A4A;
opacity: 1;
}
.file-uld-dwnld ul li  span{
font-size: 12px;
border-radius: 50%;
background: #223097 0% 0% no-repeat padding-box;
color: #fff;
padding: 4px 8px;
width: 10px;
margin-right: 24px;
z-index: 999;
position: relative;
font-weight: bold;
}
.file-uld-dwnld ul li  .dwnld-icon{
font-size: 12px;
border-radius: 50%;
background: transparent !important;
color: #fff;
padding: 0 2px;
width: 10px;
margin: 0;
position: relative;
top: -1px;
}
.file-uld-dwnld ul li  a{
color: #D92024;
/*border-bottom: 1px solid #D92024;*/
opacity: 0.2;
margin-left: 10px;
cursor: auto;
text-decoration: underline;
}
.file-uld-dwnld .btn-download {
outline: 0;
background: #fff;
width: auto;
border: 1px solid #D92024;
border-radius: 3px;
padding: 4px 7px;
color: #FFFFFF;
font-size: 14px;
transition: all 0.3 ease;
cursor: pointer;
color: #D92024;
font-size: 14px;
position: relative;
left: 293px;
top: -27px;
font-weight: 500;
}
.file-uld-dwnld .btncenter {
margin: 0px auto;
text-align: center;
/*display: flex;*/
}
.file-uld-dwnld .dwnld-btn{
width: 100%;
}
.ksce-renewal-otp .file-uld-dwnld .mini-bold-para {
margin: 0px auto;
color: #4A4A4A;
padding: 6px 0px 20px 47px !important;
opacity: 0.72;
font-size: 12px;
text-align: left !important;
font-weight: 500;
}
.file-uld-dwnld .choose-para{
position: relative;
left: 8%;
font-size: 12px !important;
text-align: left !important;
font-weight: 500;
}
.file-upld-user-name{
position: absolute;
right: 15px;
top: 15px;
font-size: 16px;
color: #4A4A4A;
opacity: 1;
font-weight: 500;
}
.file-upld-user-ppo-num{
position: absolute;
right: 15px;
top: 39px;
color: #4A4A4A;
opacity: 0.7;
font-size: 12px;
}
.file-uld-dwnld ul::before {
content: '';
position: absolute;
top: 3rem;
left: 3.1rem;
width: .1rem;
height: 56%;
border-left: 2px solid #e6e7e7;
transition: transform ease-in-out .4s;
transform: scaleY(1);
transform-origin: bottom;
transition-delay: .2s;
}
.error-center{
margin-left: auto;
margin-right: auto;
}
.error-center span{
padding: 4px 70px;
position: relative;
top: 43px;
background: #D92024 0% 0% no-repeat padding-box;
border-radius: 3px;
color: #e4d5d5;
font-size: 14px;
}
.input-file-width{
width: 85% !important;
margin-left: -82px;
margin-top: 10px;
}
.preview-color{
opacity: 1 !important;
cursor: pointer !important;
}
#drag-para{
font-size: 14px;
color: #4A4A4A !important;
font-weight: 500 !important;
}
.file-name-color{
color: #7C7C7C !important;
font-size: 12px !important;
}
.fil-ulpd-txt-align{
text-align: left;
margin-left: -130px !important;
}
.file-dwnld-contnt-hght{
height: 260px;
position: relative;
top: 14px;
}
.sm-flx{
/*margin-top: -4px !important;*/
/*position: relative;
top: 15px;*/
margin-top: 30px !important;
}
.form-height-fix-reg{
}
.form-height-fix-reg .fill-out-para{
color: #4A4A4A;
opacity: 0.72;
font-size: 16px;
}
.image-upload {
display: flex;
}
.image-upload .image-placeholder{
border-radius: 50%;
background: #E0E2F1 0% 0% no-repeat padding-box;
opacity: 1;
width: 60px;
height: 60px;
}
.reg-succss .reg-sucss-msg{
margin-left: auto;
margin-right: auto;
padding: 10.2rem 0rem;
}
.user-photo{
position: relative;
left: -35px;
top: 24px;
border-radius: 50%;
}
.user-div{
margin-left: auto;
margin-right: auto;
position: relative;
top: 17px;
left: 13px;
}
.user-div-sccss{
margin-left: auto;
margin-right: auto;
position: relative;
top: 2px;
left: 13px;
}
.user-name{
color: #4A4A4A;
opacity: 1 !important;
position: relative;
left: 12px;
top: -17px;
}
.user-pponum{
color: #4A4A4A;
opacity: 0.7;
font-size: 12px !important;
margin-top: -37px !important;
margin-left: 20px !important;
}
.certcate-sucss-msg{
margin-left: auto;
margin-right: auto;
position: relative;
top: 98px;
}
.certcate-sucss-msg .check-icon {
margin-left: auto;
position: relative;
left: 186px !important;
margin-right: auto;
}
.file-uld-dwnld h4{
position: relative;
top: 15px;
}
.ksce-renewal-otp .login-image .home-back-icon{
display: flex;
position: absolute;
top: 40px !important;
left: 40px !important;
opacity: 0.7;
}
.ksce-renewal-otp .login-image .home-back-icon span{
position: relative;
top: 1px;
left: 2px;
color: #4A4A4A;
font-size: 16px;
font-weight: 500;
}
.home-back-icon-sm{
display: none;
}
/*
<ksce-renewal-otp page-END>
*/
/* 
<mobie>
*/
@media (max-width: 47.9375em) {
.login-section .logo-pb img{
margin: 0px auto 50px auto;
width: 50%;
}
.login-section h4{
margin-left: auto;
margin-right: auto;
}
.login-image {
display: none; } 
.login-image p{
display: none;   
}
.login-form {
padding: 0px;
min-height: 300px;
}
.login-section .space-top{
padding:0px;
}
.ksce-renewal-otp .powerd-logo a img {
display: none;
margin: auto;
position: absolute;
bottom: 7px;
right: 40%;
left: auto;
width: 20%;
}
.ksce-renewal-otp .space-btm {
padding: 0px 0px 0px 0px;
background: #fff;
margin: 15px 15px 15px 15px;
border-radius: 12px;
}
.btncenter-pponum .btn-next{
padding: 13px 63px !important;  
}
.ksce-renewal .powerd-logo a img {
display: none;
margin: auto;
position: absolute;
bottom: 7px;
right: 40%;
left: auto;
width: 20%;
}
.file-uld-dwnld .btncenter {
margin-top: 100px !important;
margin-bottom: 50px !important;
}
.ksce-renewal .space-btm {
padding: 0px 0px 0px 0px;
background: #fff;
margin: 15px 15px 30px 15px;
border-radius: 12px;
}
/*.ksce-renewal{
background-color: #fff !important;
}*/
.ksce-renewal .card{
margin: auto;
box-shadow: none !important;
border: 0px !important;
height: 95vh !important;
margin: 15px 0px;
}
.ksce-renewal .login-form{
height: auto;
}
.ksce-renewal .form-group {
margin: auto;
}
.ksce-renewal .logo-pb img {
margin: 0px auto 20px auto; 
width: 37%;
}
.ksce-renewal-otp .btncenter {
/*position: fixed;
bottom: 0;*/
/*display: flex;*/
/*padding: 0px;*/
margin: 0px auto;
text-align: center;
}
.ksce-renewal-otp .disply-flex {
display: block !important;
margin: 0px auto;
}
/*.ksce-renewal-otp .btn-next {
outline: 0;
background: #223097;
border-radius: 0px;
width: auto;
border: 0;
padding: 14px 66px;
color: #FFFFFF;
font-size: 14px;
transition: all 0.3 ease;
cursor: pointer;
}
.btn-back {
outline: 0;
border: none;
padding: 14px 66px;
color: #FFFFFF;
font-size: 14px;
transition: all 0.3 ease;
cursor: pointer;
background: #5C5D64 0% 0% no-repeat padding-box;
border-radius: 0px 0px 0px 12px;
}*/
.ksce-renewal-otp .card{
margin: auto;
box-shadow: none !important;
border: 0px !important;
height: auto !important;
margin: 15px 0px;
}
.ksce-renewal .card{
height: auto !important;
}
.ksce-renewal-otp{
height: auto;
background-color: #fff;
}
.ksce-renewal{
height: auto;
background-color: #fff;
}
.ksce-renewal-otp .login-form{
height: auto;
}
.ksce-renewal-otp .form-group {
margin: auto;
}
.ksce-renewal-otp .logo-pb img {
margin: 0px auto 20px auto; 
width: 37%;
}
.ksce-renewal-otp .login-form p {
text-align: center;
}
.ksce-renewal-otp .login-form .resend-otp p {
text-align: center;
}
.btn-btm{
margin-top: 10px;
display: block;
margin-right: auto;
margin-left: auto;
}
.mgn-R-20{
margin-right: 0px;
}
.ksce-renewal-otp .login-image{
display: none
}
.ksce-renewal .login-image{
display: none
}
.life-certificate-dwnld{
margin-right: auto;
margin-left: auto;
text-align: center;
justify-content: center !important;
place-content: center !important;
display: block !important;
align-items: center !important;
}
.life-certificate-dwnld .btn {
position: relative;
top: 0px;
left: auto;
}
.file-download-form .dotted-border .file-drag-icon img {
padding-top: 0px;
width: 19%;
/* display: inline !important; */
position: relative;
z-index: 99;
left: -53px;
/*left: -19px;*/
}
.fil-ulpd-txt-align {
text-align: left;
margin-left: -25px !important;
}
.file-download-form .dotted-border .content-div {
text-align: left;
margin-left: 31px;
position: relative;
top: -39px;
}
.file-download-form .dotted-border .img-div {
position: relative;
left: 34px;
top: 17px;
}
.form-height-fix-reg{
height: 72vh;
overflow-y: scroll;
margin-top: 20px;
}
.form-height-fix-reg-otp{
height: 72vh;
margin-top: 20px;
}
.form-height-fix{
height: auto;
}
.ksce-renewal-otp .card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 0.5rem 0px;
}
.ksce-renewal .card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 0.5rem 0px;
}
.login-section-bg .login-image{
display: none;
}
.ksce-renewal .login-form h4 {
line-height: 20px;
}
.ksce-renewal-otp .login-form h4 {
line-height: 20px;
}
.ksce-regtn-card .pdlrsm-0{
padding-left: 0px !important;
padding-right: 0px !important;
}
.login-bg-color{
background-color: #E0E2F1;
height: auto;
/*padding-bottom: 50%;*/
}
.form-height-fix-reg  .text-box{
padding-left: 0px !important;
padding-right: 0px !important;
}
.login-section-bg .space-top {
padding: 0px 0px 0px 0px;
}
.login-section-bg .space-top {
padding: 0px 0px 0px 0px;
background: #fff;
margin: 15px 15px 30px 15px;
border-radius: 12px;
height: 100vh;
/*padding-bottom: 30%;*/
}
.login-section-bg hr {
border-top: 2px solid rgba(0,0,0,.1) !important;
margin: 0px 15px;
}
.login-section-bg .logo-pb img {
margin: 0px auto 30px auto;
padding-top: 34px;
width: 37%;
display: flex;
}
.login-section-bg .powerd-logo a img {
margin: auto;
position: absolute;
bottom: 7px;
right: 40%;
left: auto;
width: 20%;
/* margin: 2px 0px; */
}
.file-download-form .btncenter {
text-align: center;
display: inline;
}
.home-upload-file-card {
height: auto;
padding: 30px 0px 0px 0px;
width: auto;
margin: 60px 15px;
}
.file-uld-dwnld .btn-download {
left: 10%;
top: 9px;
margin-bottom: 20px;
/* text-align: center; */
/* margin-left: auto; */
}
.file-download-form .dotted-border .content-div .browse {
left: -60px;
}
.form-height-fix-dwnld-file {
height: auto;
}
.file-upld-user-name{
display: none;
}
.file-upld-user-ppo-num{
display: none;
}
.file-uld-dwnld ul {
padding: 0;
}
.file-uld-dwnld ul::before {
content: '';
position: absolute;
top: 4rem;
left: 1.4rem;
width: .1rem;
height: 71%;
border-left: 2px solid #ecf0f3;
transition: transform ease-in-out .4s;
transform: scaleY(1);
transform-origin: bottom;
transition-delay: .2s;
}
.file-uld-dwnld ul li {
margin: 8px 20px;
}
.file-uld-dwnld .choose-para {
position: relative;
left: 0;
font-size: 12px !important;
text-align: left !important;
padding-left: 46px !important;
top: 19px;
}
.file-uld-dwnld ul li .dis-block{
display: block;
color: #4A4A4A;
opacity: 1;
margin-left: -53px !important;
}
.file-download-form .dotted-border p {
text-align: center;
display: block;
/*margin-bottom: -8px !important;*/
height: 40px;
margin-left: -14px !important;
}
/*.ksce-renewal .btn-next {
width: 100%;
}*/
.ksce-renewal .btn-next {
padding: 13px 41px;
}
.error-center span{
padding: 4px 25px;
}
.file-download-form .dotted-border {
width: 260px;
/*margin-left: auto;
margin-right: auto;*/
position: relative;
left: 53px;
padding-left: 10px;
padding-top: 13px;
padding-bottom: 15px;
height: 130px;
margin-bottom: -25px;
}
.dwnld-btn{
margin: 0;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
}
/*.file-uld-dwnld ul li span {
margin-right: 9px;
}*/
.btn-back{
padding: 12px 45px;
}
.closbtn {
display: none;
position: relative;
top: -75px !important;
left: 214px !important;
}
.input-file-width {
width: 85% !important;
margin-left: 14px;
}
.sm-flx{
/*display: flex !important;*/
margin-left: 0px !important;
}
.file-uld-dwnld ul li span {
margin-left: -8px;
}
.ksce-renewal-otp .file-uld-dwnld .mini-bold-para {
margin-bottom: 20px !important;
margin-left: 0px !important;
}
.ksce-renewal-otp .btn-next{
padding: 13px 45px;
}
.form-height-fix-ppo {
height: 75vh;
padding: 13rem 0rem;
}
.form-height-fix-lfe-cert-otp {
height: 75vh;
padding: 11rem 0rem;
}
.reg-otp-sm{
height: 48vh !important;
}
.reg-otp-btn-sm{
display: inline !important;
}
.ksce-renewal-otp .reg-otp-btn-sm .btn-next {
padding: 13px 34px !important;
}
.login-btn-btm {
padding: 13px 20px;
}
.dwnld-sm-hght{
height: auto !important;
}
.dwnld-file{
height: auto !important;
/*padding-bottom: 100px;*/
}
.ksce-regtn{
height: auto !important;
/*padding-bottom: 100px;*/
}
.ksce-renewal .ksce-regtn-card{
height: auto !important;
}
.file-uld-dwnld ul li p {
text-align: left !important;
margin-left: 30px !important;
}
.login-section .powerd-logo {
position: initial;
}
.file-download-form .dotted-border .content-div .file-upld-txt{
/*margin-top: -34px !important;*/
height: 17px;
}
.mgn-R-15{
margin-right: 15px;
margin-left: auto;
}
.file-dwnld-contnt-hght{
height: auto;
}
.ksce-renewal-otp .home-card{
height: 84vh !important;
}
.ksce-renewal-otp .reg-succss{
height: 84vh !important;
}
.ksce-renewal-otp .cmn-card-hght{
height: auto !important;
}
.login-section-bg .cmn-card-hght{
height: auto !important;
}
.fileuplode::before {
content: 'Browse';
outline: none;
cursor: pointer;
color:#D92024;
left: 0 !important;
padding: 0px 0px 0px 0px !important;
top: 0px;
text-decoration: underline;
}
.padt-70{
padding-top: 70px; 
}
.padt-100{
padding-top: 100px;
}
.login-section .ksce-renewal .login-form {
position: relative;
top: 0%;
transform: translateY(0%);
}
.login-section .ksce-renewal-otp .login-form {
position: relative;
top: 50%;
transform: translateY(0%);
}
.login-section .ksce-renewal-otp .login-transform{
transform: translateY(-50%);
}
.login-section .text-box input {
padding: 0.7rem 0.7rem;
}
.certcate-sucss-msg .check-icon {
left: 50% !important;
}
.photo-upld {
width: 110px !important;
}
.pdlr-0{
padding-left: 0;
padding-right: 0;
}
.file-uld-dwnld h4 {
position: relative;
top: 0px;
}
.reg-succss .reg-sucss-msg {
margin-left: auto;
margin-right: auto;
padding: 15rem 0rem;
}
.otp-padl {
padding: 10rem 0rem !important;
}
.home-back-icon-sm{
display: block;
opacity: 0.7;
position: relative;
top: -99px;
}
.home-back-icon-sm span{
color: #4A4A4A;
}
.user-name {
    padding: 0px 20px 20px 0px !important;
}
.user-pponum {
    padding: 0px 20px 20px 0px !important;
}
}
@media screen and (min-width: 1400px) {
.ksce-renewal .logo-pb img {
padding-top: 0px !important
}
.login-section .logo-pb img {
padding-top: 130px;
}
.login-image p {
margin-bottom: 500px;
font-size: 35px;
}
.file-uld-dwnld h4 {
position: relative;
top: 27px;
}
/*.login-section .powerd-logo a img{
bottom: 50px;
right: 76%;
}*/
/*.ksce-renewal .card{
margin: 80px 50px 35px 50px;
}
.ksce-renewal-otp .card{
margin: 80px 50px 35px 50px;
}*/
.ksce-renewal-otp .logo-pb img {
padding-top: 0px !important
}
.form-height-fix{
height: 25vh;
}
/*.registerd-sucess-msg {
margin-left: auto;
position: relative;
top: 88px;
margin-right: auto;
}
.ksce-renewal-otp .login-form .check-icon {
margin-left: auto;
position: relative;
top: 62px;
margin-right: auto;
}*/
.ksce-renewal .card {
margin: 90px 50px 35px 50px !important;
box-shadow: 0px 0px 10px #0000001a;
border-radius: 12px;
height: 76vh !important;
}
.ksce-renewal-otp .card {
margin: 90px 50px 35px 50px !important;
box-shadow: 0px 0px 10px #0000001a;
border-radius: 12px;
height: 76vh !important;
}
/*.form-height-fix-reg {
height: 32vh;
}*/
/*.form-height-fix-dwnld-file{
height: 14vh;
}*/
.login-section-bg h4 {
font-size: 1.5rem;
}
.login-section-bg .login-image p {
width: 50%;
}
.login-section-bg .logo-pb img {
padding-top: 70px;
}
.home-upload-file-card {
padding: 43px 0px;
}
.ksce-renewal-otp .login-image p {
position: absolute;
left: 20%;
}
.ksce-renewal .login-image p {
position: absolute;
left: 20%;
}
.file-dwnld-contnt-hght {
height: auto;
}
.error-center span {
    position: relative;
    top: 40px;
}
/*.form-height-fix-lfe-cert-otp {
height: 30vh;
}
.form-height-fix-ppo {
height: 22vh;
}
.file-dwnld-contnt-hght{
height: 39vh;
}*/
/*.login-section-bg .login-form {
padding: 3rem 0rem; 
}*/
}
/*file upload */  
.fileuplode::-webkit-file-upload-button {
visibility: hidden;
}
.fileuplode::before {
content: 'Browse';
position: absolute;
/* display: inline-flex; */
outline: none;
cursor: pointer;
color: #D92024;
/* border-bottom: 1px solid #D92024; */
text-decoration: underline;
text-align: initial;
border: 1px solid transparent;
/* margin: 8px 56px 30px 21px; */
z-index: 11111111;
/* margin-bottom: 40px; */
padding: 2px 72px 38px 247px;
left: -245px;
}
.fileuplode::before:hover {
}
.fileuplode.hidden:before {
display: none !important;
}
.fileuplode::before:hover {
color: #B41115;
}
.fileuplode:active {
outline: 0;
}
.fileuplode:active::before {
background:none;
margin-right: -88px;
}
.file-download-form .dotted-border .content-div .browse input :hover .fileuplode::before{
color:#D92024 !important;
border-bottom: 1px solid #D92024 !important;
}
/*photo upload */  
.photo-upld::-webkit-file-upload-button {
visibility: hidden;
}
.image-upload {
	position: relative;
	display: flex;
	justfy-content: flex-start;
	align-items: center;
}
.photo-upld-label {
	margin-left: 10px;
	text-decoration: underline;
	font-size: 15px;
	font-weight: bold;
	color: #D92024;
}
.photo-upld-info {
	margin-left: 10px;
	color: #c4c4c4;
}
.photo-upld {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	cursor: pointer;
}
.photo-upld::before {
/* content: 'Choose Photo'; */
position: absolute;
/* display: inline-flex; */
outline: none !important;
cursor: pointer;
color: #D92024;
/* border-bottom: 1px solid #D92024; */
text-decoration: underline;
text-align: initial;
border: 0px !important;
font-weight: 600;
font-size: 15px;
}
.photo-upld::before:hover {
}
.photo-upld.hidden:before {
display: none !important;
}
.photo-upld::before:hover {
color: #B41115;
}
.photo-upld:active {
outline: 0;
}
.photo-upld:active::before {
background:none;
margin-right: -88px;
}
.photo-upld:focus{
outline: none !important;
}
/*.photo-upld{
width: 113px;
position: relative;
left: 13px;
top: 15px;
color: transparent;
}*/
.upld-img{
width: 25px;
position: relative;
text-align: center;
left: 16px;
top: 17px;
}
/*upload after*/
.photo-upld.upld-aftr:before {
content: 'Edit' !important;
position: absolute;
/* display: inline-flex; */
outline: none !important;
cursor: pointer;
color: #D92024;
/* border-bottom: 1px solid #D92024; */
text-decoration: underline;
text-align: initial;
border: 0px !important;
}
.upld-img.upld-img-aftr{
width: 60px !important;
height: 60px !important;
left: auto !important;
top: auto !important; 
border-radius: 50%;
object-fit: cover;
background-position: center;
}
@media screen and (min-width: 1920px) { 
.login-section-bg .logo-pb img  {
padding-top: 160px;
}
.error-center span {
    position: relative;
    top: 134px;
}
}
.file-uld-dwnld{
position: absolute;
top: 42%;
}

.scroll-text {
	color: #273d97;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 5px;
}

.ppo-help {
	text-align: center;
	padding-bottom: 10px;
}

#ppo {
	text-transform: uppercase;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}