/* .login_wrapper */

body {
    font-family: 'Nunito', sans-serif;
    color: #535353;
    background: white;
}

img{
    max-width: 100%;
}

.form-control:focus {
    box-shadow: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Nunito', sans-serif;
}

/*---------- Global Style closed ----------------*/


/*---------- Login Page Style ----------------*/

a.logo_text {
    color:#272323;
	font-size: 30px;
	font-weight: 600;
	font-weight:700;
	text-decoration: none;
	align-items: center;
	width: 100%;
	justify-content: left;
	margin: 0 auto 15px;
    margin-left: auto;
	margin-left: 0px;
}
a.logo_text span {
    background-color:transparent;
	line-height: 1;
	display: inline-block;
	padding: 11px 5px 3px;
	color:#fff;
	font-weight: 700;
	border-radius: 4px;
	margin-right: 4px;
}
.login_wrapper {
    top: 0;
    width: 100%;
    bottom: 0;
    min-height: 100vh;
    z-index: 9;
    opacity: 1;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: stretch;
    background-position: bottom right !important;
    padding: 0px 0;
    background-repeat: no-repeat !important;
    background: url("/assets/layout/images/bg-btm.png");
    
}.dashboard_BG {
    background: url("/assets/layout/images/dashboard-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    min-height: 100%;
    max-height: 100%;
    overflow: hidden;
}
.dashboard_BG {
    background: url("/assets/layout/images/dashboard-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    min-height: 100%;
    max-height: 100%;
    overflow: hidden;
}
.dashboard_bg {
    background: url("/assets/layout/images/dashboard-bg.png");
    height: 75vh;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    min-height: 100%;
    max-height: 100%;
    overflow: hidden;
}
.login_wrapper .container-fluid {
    padding: 0;
}
.login_left {
    position: relative;
}
.login_left img {
    height: 100%;   
    object-fit: cover;
    width: 100%;
}
.login_left_img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	 z-index: 999;
}
.login_box {
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
    padding: 30px 0;
}
.login_box {
    margin: 0 auto;
    min-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.login_wrapper .col-pad-0{
    padding: 0;
}
.login_wrapper .login_form .login_form_inner p{
    color: #403838;
    font-weight: 400;
    font-size: 15px;
}

.login_wrapper .login_form .login_form_inner p a{
    margin-left: 3px;
    color: #403838;
}
.login_wrapper .login_form .login_form_inner {
    padding: 25px 25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #fff;
    overflow: hidden;
	border: 1px solid #c2c2c3;
    box-shadow: 0 0 50px rgba(0,0,0,0.06);
    -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.06);
}
.login_wrapper .btn-outline {
    border-radius: 3px;
    padding: 6px 30px 6px 30px;
    color: #ff574d;
    background: #fff;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
    margin: 0 auto;
    border:2px solid #fff;
    transition: all ease 0.4s;
}
.login_wrapper .none-2{
    display: none;
}
.login_wrapper .btn-outline:hover {
    background: transparent;
    text-decoration: none;
    color: #fff;
    border-color: #fff;
}
.login_wrapper .login_form h3 span {
    color: #ff574d;
}
.login_wrapper .login_form h3:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 50px;
    height: 1px;
    background: #ff574d;
    margin: 0 auto;
    bottom: 0;
}
.login_wrapper .login_form .input-text {
    outline: none;
	width: 100%;
	padding: 16px 6px;
	font-size: 15px;
	outline: 0;
	font-weight: 500;
    background-image: none;
	color:#717171;
	height:38px;
	border: 1px solid #ddd;
    border-radius: 5px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .05);
}
.sign-icn{
    padding-right:15px;
    padding-left:15px;
}
.login_wrapper .login_form .btn-md {
    cursor: pointer;
	padding: 10px;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Nunito', sans-serif;
}
.social-list li {
    display: inline-block;
    font-size: 16px;
}
.social-list {
    margin: 10px 0;
    padding: 0;
}
.social-list li a {
    display: block;
    background: rgba(0,0,0,0.07);
    border-radius: 20px;
    display: inline-block;
    margin: 0;
    width: 105px;
    height: 32px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 32px;
    transition: all ease 0.4s;
    padding: 0 5px;
    text-decoration: none;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    letter-spacing: 0.02rem;
}
.social-list li a:hover {
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}
.social-list li .s_facebook {
    background: #4867aa;
}
.social-list li .s_twitter {
    background: #33CCFF;
}   
.social-list li .s_google {
    background: #db4437;
}
.login_wrapper .login_form input[type=checkbox], input[type=radio] {
    margin-right: 3px;
}
.login_wrapper .login_form button:focus {
    outline: none;
    outline: 0 auto -webkit-focus-ring-color;
}
.login_wrapper .login_form .btn-theme.focus, .btn-theme:focus {
    box-shadow: none;
}
.login_wrapper .login_form .btn-theme {
    background: #0f5e9d;
    border: none;
    color: #fff;
    border-radius:5px;
}
.login_wrapper .login_form .btn-theme:hover {
    background: #3c3c3c;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
}
.login_wrapper .login_form .terms{
    margin-left: 3px;
}
.login_wrapper .login_form .checkbox {
    margin-bottom: 20px;
    font-size: 14px;
}
.login_wrapper .login_form .form-check{
    float: left;
    margin-bottom: 0;
}
.login_wrapper .login_form .form-check a {
    color: #717171;
    float: right;
}
.login_wrapper .login_form .form-check-input {
    position: absolute;
    margin-left: 0;
    opacity: 0;
}
.login_wrapper .login_form .form-check label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    margin-left: -25px;
    border: 1px solid #c5c3c3;
    border-radius: 3px;
    background-color: #fff;
}
.login_wrapper .login_form .form-check-label {
    padding-left: 25px;
    margin-bottom: 0;
    font-size: 14px;
    color: #403838;
}
.login_wrapper .login_form input[type="checkbox"]:checked + label::before {
    background-color: #ff574d;
    border-color: #ff574d;
}
.login_wrapper .login_form input[type=checkbox]:checked + label:before {
    font-weight: normal;
    color: #f3f3f3;
    line-height: 15px;
    font-size: 10px;
    content: "\f00c";
    font-family: fontAwesome;
}
.login_wrapper .login_form input[type=checkbox], input[type=radio] {
    margin-top: 4px;
}
.login_wrapper .login_form .checkbox a {
    font-size: 14px;
    color: #403838;
    float: right;
}
.or_text {
    position: relative;
    margin: 20px 0;
}
.or_text:after {
    display: block;
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    background: #ddd;
}
.or_text span{
    padding: 0 15px;
    display: inline-block;
    background:#fff;
    position: relative;
    z-index: 1;
}
.login_wrapper .row{
    width: 100%;
	background-image: url(../images/login-bg.jpg);
	background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
	background-size: 100% 100%;
}
.btn-md.btn-theme.btn-block.col-md-5.edit {
    margin: 0 auto;
	border-radius: 20px;
}
.cik-her {
    color: #0073a9;
	font-size: 15px;
    text-decoration: underline;
}
.cick-here {
    text-align: center;
    font-size: 15px;
	font-weight: 600;
    padding-bottom: 0;
    margin-bottom: 0;
}
.login_form_inner{
	padding-bottom: 15px !important;
}
label {
    font-size: 13px;
}
.p-g-12.p-md-3 {
    padding-top: 12px;
}
/* label {
    margin-bottom: .2rem !important;
    font-size: 12px;
    padding-bottom: 5px;
    padding-top: 4px;
} */
.col-md-6.float-left{
    background: #0075b1;
}
p.Copyright-text{
    margin-bottom: 5px;
}
.Copyright{
	color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding-top: 8px;
    text-align: right;
    flex-direction: column;
    display: flex;
    width: 100%;
}
.VersionNumber{
	color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding-top: 8px;
    flex-direction: column;
    display: flex;
    text-align: left;
    width: 100%;
}
.atwrite{
	color:#444;
}
.click-here-prod {
    height: 15px;
    border-bottom: 1px solid black;
    text-align: center;
    width: 45%;
    text-align: center;
    margin: 0 auto;
}
.col-md-1.lanugage {
    float: right;
	margin-top: 25px;
}
.form-control {
    background:transparent !important;
	border:transparent;
    border-bottom-color: transparent;
    border-bottom-style: none;
    border-bottom-width: medium;
	border-bottom: 1px solid #fff !important;
	color:white !important;
	padding-left: 0px;
}
.option{
	 background:transparent !important;
	border-bottom: 1px solid #fff !important;
}
.top-space{
	margin-top: 5%;	
}
.mfsys-prod{
	font-size: 15px;
    background-color: #e1e1e2;
    padding: 4px 23px;
}
.dig-banking{
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	color:white;
	font-size:40px !important;
    z-index: -9;
	flex-direction:column;
	display:flex;
	text-align:center;
}
.Discover{
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	color:white;
	flex-direction:column;
	display:flex;
	font-size:35px !important;
    z-index: -9;
	text-align:center;
	width:100%;
} 
.top-space-legnt{
	margin-top: 50%;
}

.col-md-12.login-btn {
    margin: 0;
    padding: 0;
}
.col-md-9.edit {
    width: 100%;
    margin: 0 auto;
}
.col-md-9.clck-here {
    margin: 0 auto;
}





/** Media Queries 
-----------------------------------------------------------------------*/

	
@media (max-width: 991px) {
.col-md-9.edit{
	top:0px;
}
.col-md-9{
	max-width: 100%;
}
.click-here-prod{
	width:100%;
	margin-top:20px;
}
.cik-her{
	font-size:18px;
}
.Copyright{
	font-size:18px;
}
.VersionNumber{
	font-size:18px;
}
.login_wrapper .login_box{
	margin: 0 auto;
    width: 100%;
    padding: 50px 0 0 0;
}

.login_wrapper{
	min-height: 100vh !important;
	height: 100% !important;	
}
	
	.col-md-2.lanugage {
		float: right;
		margin-right: 10px;
		margin-left: 10px;
		max-width: 100% !important;
		margin-top: 25px;
}
    .login_wrapper .pad-0{
        padding: 0;
    }
    .login_wrapper .login_box {
        margin: 0 auto;
        width: 100%;
    }
    .login_wrapper .login_form .login_form_inner {
        padding: 30px;
    }
}


@media (max-width: 767px) {
.cik-her{
	font-size:14px;
}
.Copyright{
	font-size:14px;
}
.VersionNumber{
	font-size:14px;
}
.login_wrapper .row {
    width: 100%;
    background-image: url(../images/mobile.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.top-space-legnt{
	display:none;
}

.Discover{
	display:none;
}
.dig-banking{
	display:none;
}

body .p-dropdown{
    color: black;
    padding: 5px;
	width:100%;
}
.login_left {
    padding: 0 0 0 15px;
}	
#language[_ngcontent-serverApp-c0]{
	color:black;
}
.Copyright{
	padding-top:0px;
}
.VersionNumber{
	padding-top:0px;
}
.top-space{
	margin-top: 8%;
}
.col-md-9.edit{
	top:0px;
}
.click-here-prod{
	margin-top:3%;
}
a.logo_text{
	font-size:15px !important;
}	
.col-md-7.from-bg{
	background-size: cover !important;	
}
a.logo_text{
	font-size: 30px !important;	
}
label {
   margin-bottom: .2rem !important;
}

.click-here-prod{
	width: 85%;	
}
.login_box{
	padding-top:10px;
}
.social-list li a {
    width: 75px;
    font-size: 0;
    margin: 0 1px;
}
.social-list li a i {
    font-size: 14px;
    line-height: 32px;
}
}

@media (max-width: 479px) { 
.login_wrapper .login_form .login_form_inner {
    padding: 30px 20px;
}
}