.login-cont {
	min-height: 100%;
	min-width: 100%;
	background-size: cover;
}
.login-logo img {
	height:5rem;
}

.sign-in-two {
	font-size: 7px;
}

.sign-in-two {
	font-size: 12px;
}

.create-account-button{
	font-size: 7px;
	
}

.divider {
	display: flex;
	align-items: center;
	text-align: center;
	margin: 10px 0;
}

.divider::before,
.divider::after {
	content: '';
	flex: 1;
	border-bottom: 1px solid #ccc;
}

.divider:not(:empty)::before {
	margin-right: 10px;
}

.divider:not(:empty)::after {
	margin-left: 10px;
}

img.loginlogo {
    /* margin-top: 5px; */
    height: 40px;
}

.btnlogo {
    /* color: #fff !important; */
    padding: 5px 10px;
    font-size: 15px !important;
    line-height: 1.5;
    border-radius: 3px;
}

.create-account-link {
    color: #007bff; /* Link color */
    text-decoration: none; /* Removes underline */
    cursor: pointer;
    font-size: 14px;
}

.create-account-link:hover {
    text-decoration: underline; /* Adds underline on hover */
    color: #0056b3; /* Darker shade on hover */
}


/* Custom input group wrapper */
.custom-input-group {
    display: flex;
    align-items: center;
}

/* Styling for the +63 prefix */
.custom-input-prefix {
    background-color: #f8f9fa;
    border: 1px solid #ced4da;
    padding: 6px 12px;
    font-weight: bold;
    border-right: none;
    border-radius: 4px 0 0 4px;
}

/* Styling for the input field */
.custom-form-control {
    border: 1px solid #ced4da;
    border-left: none;
    padding: 6px 12px;
    flex-grow: 1;
    border-radius: 0 4px 4px 0;
}

/* Optional: Add focus styles to match Bootstrap's behavior */
.custom-form-control:focus {
    outline: none;
    border-color: #80bdff;
    box-shadow: 0 0 5px rgba(128, 189, 255, 0.5);
}

.astrskError  {
    color: orangered;
}

body {
 height: 100%; 
 margin: 0;
    overflow-x: hidden;
 
}

/* .mobile-main {
    margin-top: 25px; overflow: visible;
} */

  /* Responsive styles for mobile devices */
  @media screen and (min-width:822px){
    .right{
        height:100%;
        width:100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center; background-image: url('/app/assets/images/Client_main_bg.jpg');
        right: 0;
    }
    .left {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; background-image: url('/app/assets/images/Client_login_bg.jpg');
        position: absolute;
        height:100%;
        width:46%;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        z-index: 2;
    }
    .mobile-main {
        height:100%;
    }
    .login-logo-footer {
        width:250px;
    }
  }
  /* mobile screen */
   @media screen and (max-width:821px){
    .login-logo-footer {
        width:130px;
        margin-bottom:1.5rem!important
    }
    .main {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center; /* Horizontal centering */
        align-items: center;    /* Vertical centering */
        height: 100vh;

    }
    .right{
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center; background-image: url('/app/assets/images/Client_main_bg_full_small.jpg');
        height:50%;
        width:100%;
    }
    .left{
        height:35%;
        border-top-right-radius: 40px;
        border-top-left-radius: 40px;
        position: absolute;
        z-index: 1;
        bottom: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; background-image: url('/app/assets/images/Client_login_bg_mobile.jpg');
     

    }

    /* .mobile-main {
        position: relative;
    } */
     
    .mobile-main {
        position: fixed;
        z-index: 1;
        text-align: center;
        bottom:0;
    }
    .mobile-container {
        width:100%;
    }
    .login-container-bgcolor {
        border-radius: 1rem;background-color: rgba(128, 128, 128, 0.9);
        padding-bottom:.5rem!important
    }
}
    @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
        .right{
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center; background-image: url('/app/assets/images/Client_main_bg_full.jpg');
            height:70%;
            width:100%;
        }
      }
      @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
        .right{
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center; background-image: url('/app/assets/images/Client_main_bg_full.jpg');
            height:70%;
            width:100%;
        }

    }

    /* .registration-container  {
        color: #f8f9fa!important;
    }

    .form-group label {
        color:#f8f9fa!important;
        margin-top: 5px;
        margin-bottom: 0px;
        font-weight: normal;
    }
    .form-group label.required {
        color: #f8f9fa!important;
        font-weight: bold;
    }
    .form-group textarea {
        resize: vertical;
        min-height: 100px;
    } */
    .login-container-bgcolor {
        border-radius: 1rem;background-color: rgba(128, 128, 128, 0.9);
    }
    .registration-container-overlap {
        height:100%; overflow-y:auto;
        overflow-x:hidden;
    }
/* @media (min-width:200px) and (max-width: 767px) { 
	#main-content {
		display: none;
	}
	#main-content-new {
		display: block;
	}

}

@media (min-width: 768px) and  (max-width: 1400px)  { 
	#main-content-new {
		display: none;
	}
	#main-content {
		display: block;
	}

} */