@font-face {
  font-family: Almarai;
  src: url(/assets/lptic_theme/fonts/Almarai-Regular.ttf);
}

body {
  margin: 0;
  padding: 0;
  font-family: "Almarai", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif!important;
  overflow-x: hidden;
}

h2, h4 {
  font-weight: 700;
}

.form_content{
    margin-top: 2rem;
}

.background-image{
    width: 100%;
/*    height: 100%;*/
    background-image: url('/assets/lptic_theme/img/login-background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.logo {
    max-width: 12rem;
    height: auto;
}

.container-fluid {
  padding: 0;
}

.bg-danger {
  background-color: #DA3D3D !important;
}

.text-danger {
  color: #DA3D3D !important;
}

.form-control-lg {
  border-radius: 0.25rem;
  padding: 1rem;
  text-align: right;
  color: #9B9B9B!important;
}

.btn-danger {
  background-color: #DA3D3D;
  border: none;
  font-size: 18px;
}

.form-check-label {
  float: left;
}

.form-check-input{
  margin-left: 0.5rem;
}

.form-group {
  margin-bottom: 1.5rem;
}

.btn-lg {
  padding: 0.75rem;
}

.gray004{
    color: #313131!important;
}

.gray003{
    color: #696969!important;
}

.gray002{
    color: #9B9B9B!important;
}

.prime-color{
    color: #DA3D3D;
}

#form a {
  font-size: 0.875rem;
}

#form input {
  color: #9B9B9B;
  font-size: 14px!important;
}

#form .form-title{
    font-weight: 400;
}

#form .label-style{
    color: #313131;
    font-size: 18px;
}

#form .form-title{
    font-weight: 400;
}

#form .remember-label{
    color: #696969;
    font-size: 12px;
}

#form #remember{
    margin-top: 0.1rem;
}

#form .sign-redirect{
    font-size: 14px;
}

.forgot-password{
    float: right;
}

/* Password eye toggle */
.password-field {
    position: relative;
}

.input-group-toggler {
    background: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.input-group-toggler i {
    font-size: 1.2em;
}


/* login.bundle Style */
.for-login .page-card .page-card-body.invalid input[type="text"]{
    border: 1px solid var(--red-500);
}
.for-login .page-card .page-card-body.invalid input[type="password"]{
    border: 1px solid var(--red-500);
}