@charset "utf-8";
/* CSS Document */

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
      background:url(slider-3.png) !important;
      background-size: cover; /* Cover the whole screen */
      background-position: center;
      background-repeat: no-repeat;
      height: 100vh;
}

/* background image SECTION */
.bodySection{
background-image: url(slider-3.png) no-repeat !important;
background:url(slider-3.png) no-repeat !important;
}

/* OTP VERIFICATION SECTION */
#pnlmobiotp > div:nth-of-type(2) {
    clear: both !important; 
}

#pnlmobiotp > div:nth-of-type(2) > div:nth-of-type(1),
#pnlmobiotp > div:nth-of-type(2) > div:nth-of-type(2),
#pnlmobiotp > div:nth-of-type(2) > div:nth-of-type(3),
#pnlmobiotp > div:nth-of-type(2) > div:nth-of-type(4) {
    width: 100% ; /* Make each div take full width */
    display: block; /* Ensures each element is on a new line */
    margin-bottom: 15px; /* Adds spacing between rows */
}

#pnlmobiotp > div:nth-of-type(2) > div:nth-of-type(1) {
    padding-top: 5px;
    font-size: 14px;
}

#pnlmobiotp > div:nth-of-type(2) > div:nth-of-type(2) {
    padding-top: 5px;
}

#pnlmobiotp > div:nth-of-type(2) > div:nth-of-type(3) {
    padding-top: 25px !important;
    font-size: 14px;
}

#pnlmobiotp > div:nth-of-type(2) > div:nth-of-type(4) {
   
    margin-top: 10px !important;
    padding: 5px;
}

/* Adjust the input fields to fill the container */
input[type="text"] {
    width: 100% !important;
    padding: 8px;
    box-sizing: border-box;
}
input[type="password"] {
    padding: 8px;  
}

#buttons2 {
    margin-bottom: 15px !important; /* Adds bottom margin to the buttons row */
}


/* Forget Password SECTION */

.forgot{
	    font-size: 11px;
	   position: absolute;
            margin-top: -67px;
}

#pnlForgetPwd {
    clear: both !important; 
}

#pnlForgetPwd > div:nth-of-type(1), 
#pnlForgetPwd > div:nth-of-type(2),
#pnlForgetPwd > div:nth-of-type(3),
#pnlForgetPwd > div:nth-of-type(4),
#pnlForgetPwd > div:nth-of-type(5) {
    width: 100% !important; /* Ensure each div takes full width */
    display: block !important; /* Makes each div take up a full line */
    margin-bottom: 15px !important; /* Adds space between rows */
}

#pnlForgetPwd > div:nth-of-type(1) {
    padding-top: 5px !important;
    font-size: 14px !important;
}

#pnlForgetPwd > div:nth-of-type(2) {
    padding-top: 5px !important;
}

#pnlForgetPwd > div:nth-of-type(3) {
    padding-top: 25px !important;
    font-size: 14px !important;
}

#pnlForgetPwd > div:nth-of-type(4) {
    background: pink !important;
    margin-top: 10px !important;
    padding: 5px !important;
}

/* Captcha input and image */
#captchablock img {
    width: 100% !important;
    max-width: 120px !important;
	margin-top: 10px !important;
}



/* Input Fields */
input[type="text"] {
    width: 100% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
}


/* Specific Button Styling */
#btnforgetPwdClose {
    background-color: #174885 !important;
    color: white !important;
    padding: 6px 20px !important;
    margin-top: 8px !important;
    border: none !important;
    cursor: pointer !important;
}

/* Targeting only the .DVCapcha container */
#pnlForgetPwd .DVCapcha {
	
    
    
	max-width: 100% !important;
	
}

#pnlForgetPwd #captchablock {
    width: 100% !important;
    margin-top: 5px !important;
    clear: both !important;
}

#pnlForgetPwd #captchablock > div:nth-of-type(1) {
    display: flex !important; /* Use flexbox for alignment */
    align-items: center !important; /* Vertically center content */
    justify-content: space-between !important; /* Distribute space between label and content */
    margin-bottom: 5px !important;
	height: 100px !important; 
}

#pnlForgetPwd #captchablock > div > div:nth-of-type(1) {
    
    padding: 0 10px !important; 
	width:42% !important;
	
}

#pnlForgetPwd #captchablock > div > div:first-child {
	
    text-align: left !important; 
	
    
}
#pnlForgetPwd > div:nth-of-type(1)  {
     display: flex !important; /* Use flexbox for alignment */
    align-items: center !important; /* Vertically center content */
    justify-content: space-between !important; /* Distribute space between label and content */
    margin-bottom: 5px !important;
	margin-left: 15px !important;
	
}
#captchablock .DVCapcha {
    
   width: 50% !important;    
}

#pnlForgetPwd > div:nth-of-type(2)  {
    
	margin-left: 10px !important;
	
}


/* for verify password screen */

#pnlForgetPwd #EOTP > div {
	clear: both !important;
}
#pnlForgetPwd #EOTP > div > div:first-child {
	    margin-left: 10px !important;
    margin-top: 12px !important;
    height: 10px !important;
}

/* for forget password changing and confirm screen */

#pnlForgetPwd #PasswordFields > div {
	clear: both !important;
}

#pnlForgetPwd #PasswordFields #txtnewpassword{
	height: 30px;
    margin-bottom: 5px !important;
    border-radius: 5px !important;
    border: 1px solid !important;
}

#pnlForgetPwd #PasswordFields > div > div:first-child {
	margin-left: 10px !important;
}

/* logo section stopped drag and drop */
.logoSec {
	 user-drag: none !important;
    -webkit-user-drag: none !important;
	user-select: none !important; /* Prevent text selection */
}

 .logoSec img {
        
				user-drag: none;
        -webkit-user-drag: none;
				user-select: none; /* Prevent text selection */
    -webkit-user-drag: none; /* For Safari */
    -moz-user-drag: none; /* For Firefox */
    -ms-user-drag: none; /* For Internet Explorer/Edge */
    pointer-events: none; /* Prevent interaction with the images */
           }






/* for admin remeber password section */



[class="rmbpass2 _class"] {
    width: 100%;
    font-size: 12px;
    display:block;
    float: left;
    color: gray;
    margin-top: 0px;
    text-align: right;
}

.chkRember_class{
	    margin-top: 17px;       
}




/*#txtUserName {
    margin-bottom: 20px;
    margin-left: 80px;
}*/

/*#ddlTheme {
    height: 32px;
    margin-left: 2px;
    margin-top: 10px;
    width: 72%;
}*/


  .carousel {
        height: 345px; /* Adjust this height as needed */
        overflow: hidden;
    }

    .carousel-inner {
        height: 100%;
    }

    .carousel-item {
        height: 100%;
        justify-content: center; /* Centers the image horizontally */
        align-items: center; 
		user-select: none; /* Prevent text selection */
    }

    .carousel-item.active {
    display: flex;                 /* Changes from block to flex */
    justify-content: center;       
    align-items: center;          
    }

    .carousel-item img {
        object-fit: contain; /* Ensures the image covers the area */
         max-height: 100%;     /* Ensures it fills the height of the container */
                max-width: 100%;  
				user-drag: none;
        -webkit-user-drag: none;
				user-select: none; /* Prevent text selection */
    -webkit-user-drag: none; /* For Safari */
    -moz-user-drag: none; /* For Firefox */
    -ms-user-drag: none; /* For Internet Explorer/Edge */
    pointer-events: none; /* Prevent interaction with the images */
           }

  .carousel-item:hover {
      transform: none !important; /* Disable hover effect */
    }



#pnlForgetPwd {
    position: fixed;
    z-index: 100001
    transform: translate(-50%, -50%); /* Centers the panel on screen */
    background-color: white;
    width: 50% !important;
    border: solid 1px #ccc; /* You can adjust the border style */
   
}

#btnforgetSubmit{
padding: 0px 0px !important;
}

#btnforgetPwdClose{
	padding: 0px 0px !important;
}


.aspNetDisabled.input{
	
	max-width: 100% !important;
}	

#txtenterotp {
        
max-width: 100% !important;
margin-top: 10px !important;
}

#btnforgetPwdClose{
margin-top: 10px !important;
margin-bottom: 10px !important;


}

span#dvusername{
margin-top: 20px !important;   
}

span#dvNewPAss
{
	margin-top: 0px !important;   
    display:inline-block; /*or display:block;*/
}
span#dvconpass
{
	margin-top: 020px !important;   
    display:inline-block; /*or display:block;*/
}



#passpanel{

padding-left: 0px !important;
	    margin-right: -40px !important;
text-align:center !important;
}
#passpanel {
    margin-left: -100px !important;
}
#passchanged{
 content: "Save";
margin-right: 10px !important;
margin-left: 50px !important;
 
}



#pnlmobiotp{
width: 50% !important;
height: auto !important;
background: white !important;

}


#chkRember{
  margin-right: 5px !important;
}

#btnresendotp {


}

#EmpEOTP{
margin-top : 250px !important;
}