body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}


section.logo {
    margin-bottom: 0px;
}
.container-fluid {
    max-width: 100%;
}
.row.m-0.justify-content-center.align-items-center.bg-dark {
    background-color: #ddd !important;
    height: 100vh;
    overflow: hidden;
}
.col-md-5.col-lg-4.px-0 {
    overflow: hidden;
    padding: 0px;
}
.form-head {
    margin: 50px 0px;
    transform: translateX(-40px);
}

/*.screen {       
    background:#fff;
    position: relative;  
}*/
div.form {
    background: #fff;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    height: 100vh;
    z-index: 1;
    position: relative;
    width: 100%;
}

/* .screen__content {
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 75%;
} */

.screen__content {
    z-index: 1;
    position: absolute;
    /* height: 100%; */
    width: 100%;
    max-width: 450px;
    transform: translateY(-25px);
}

/* div.form form {
    width: 85%;
    margin-left: auto;
    text-align: center;
    z-index: 9;
} */

div.form form {
    width: 100%;
    max-width: 400px;
    /* margin-left:auto; */
    /* text-align: center; */
    z-index: 9;
}

div.form .form-group{
    position: relative;
}
div.form .form-control {
    /* position: relative; */
    font-size: 18px !important;
    padding-left: 35px;
    height: auto;
    line-height: 1.8;
    width: 90%;
    position: relative;
    margin: auto;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid  #232324!important;
    box-shadow: none;
}
div.form i.fa {
    position: absolute;
    top: 5px;
    left: 25px;
    font-size: 22px;
    /* border: 1px solid #000; */
    color: #232324;
    fill: cornflowerblue;
    /* text-shadow: 0px 0px 5px #dfc07b; */
}
div.form a{
	color: #555;
	text-decoration: none;
}
a.text-center.btn-blue.btn.create-btn {
    margin-top: 10px;
    border-radius: 10px;
    padding: 10px 15px;
    background-color: #000;
    border: 0PX;
    font-size: 16px;
    color: #fff;
    /* box-shadow: 0px 0px 15px 5px #ddd; */
    transition: all 0.5s ease-in-out;
    border: 1px solid #000;
        font-weight: 600;
}

.d-flex.justify-content-center.gap-2.align-items-center.flex-wrap.mb-4 button#loginbtn:hover{
    color: #fff !important;
}
button.btn-custom {
    /* margin-left: auto; */
    /* width: 35%; */
    margin-top: 10px;
    border-radius: 10px;
    padding: 10px 15px;
    background-color: #000 !important;
    border: 0PX;
    font-size: 16px;
    color: #fff;
    /* box-shadow: 0px 0px 15px 5px #ddd; */
    transition: all 0.5s ease-in-out;
    font-weight: 600;
}

.btn-dark:hover {
    /* color: #dbb76a; */
    background-color: transparent;
    /* border-color: #1d2124;
    border: 1px solid; */
}


.screen__background__shape {
    transform: rotate(45deg);
    position: absolute;
}
.screen__background__shape1 {
    height: 520px;
    width: 520px;
    background: #FFF;
    left: -100px;
    box-shadow: 0px 0px 34px 13px #d5d5d552;
    top: initial;
    border-radius: 72px 72px 72px 72px;
}
/*end*/


/* nav */
nav img.img-fluid {
    width: 45px;
}

/* nav.navbar {
    background-color: #dfc07b6b !important;
    padding: 0 30px;
} */


a.text-light:focus, a.text-light:hover {
    color: #020202!important;
    background-color: transparent;
    border-bottom: 1px solid #000;
}
li.nav-item {
    line-height: normal;
}

.col-md-7.col-lg-8.d-md-block.d-none.text-center {
    background-image: url('../images/login_img/lmj-login-banner.jpg');
    /* background-image: url('http://192.168.1.149:8080/lovemyjewels/assets/images/login_img/lml01.png'); */
    /* height: inherit; */
    height: 100%;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
}

@media(max-width: 1505px){
    .screen__background__shape1 {
   
        left: -150px !important;
      
    }
}

@media(max-width: 575px){

	div.form i.fa {left: 25px !important; }
    div.form form {
    width: 100%;
    margin-left: auto;
    /* text-align: center; */
    z-index: 9;
    padding: 20px;
}
.screen__content {
    width: 100%;
}
div.form {
    width: 100%;
}
.screen__background__shape {width: 100%;
    left: 0px;
}


}

@media(max-width: 767px){

	div.form i.fa {top: 7px;}

    button.btn-custom{width:100%;}
    
    .screen__background__shape {
        position: relative;
        transform: rotate(0deg);
        width: 100%;
        left: 0 !important;
    }
    div.form form {
      margin:auto;
    }
    div.form {
 
        justify-content: center;
        
    }
}

@media (min-width:768px ) and (max-width: 1024px){

    .screen__background__shape{ transform: rotate(0deg);}
    
    div.form form {padding: 0px 10px; }

    .d-flex.justify-content-around.align-items-center.mb-4 {font-size: 14px; }
	
	button.btn-custom {padding: 4px; font-size: 18px; }
	
	div.form i.fa {left: 22px;}

}

@media (max-width: 1200px){
    button.btn-custom {
    margin-left: auto;
    margin-right: auto;
}
.d-flex.justify-content-between.align-items-center.flex-wrap.mb-4 {
    /* justify-content: center !important; */
    justify-content: space-around !important;
}
}



/* new update css */
button.btn-custom{background-color: #232324;
    border:1px solid #232324;}

.btn-dark:hover{color:#232324;
    border:1px solid #232324;}

    /* div.form .form-control{border-bottom:1px solid #232324 !important;} */

    /* div.form i.fa { text-shadow: 0px 0px 5px #232324 !important;} */