/*
Template Name: Admin Template
Author: Wrappixel

File: scss
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
/*Theme Colors*/
/**
 * Table Of Content
 *
 * 	1. Color system
 *	2. Options
 *	3. Body
 *	4. Typography
 *	5. Breadcrumbs
 *	6. Cards
 *	7. Dropdowns
 *	8. Buttons
 *	9. Typography
 *	10. Progress bars
 *	11. Tables
 *	12. Forms
 *	14. Component
 */
/*******************
Login register and recover password Page
******************/
.login-register {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100vh; /* Ubah 100% menjadi 100vh untuk mengisi tinggi viewport */
  width: 100%;
  padding: 10% 0;
  position: fixed;
  overflow: hidden; /* Hindari konten yang keluar dari elemen */
}

.login-register::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url('https://backoffice.agrovision.id/assets/images/background/bg-potatoes.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  filter: blur(2px); /* Efek blur untuk latar belakang */
}

.login-box {
  width: 400px;
  margin: 0 auto; 
  background-color: rgb(23 128 6 /85%) !important;
}

.login-box ::-webkit-input-placeholder {
  color: white !important; /* Warna putih untuk Chrome, Safari, Edge, dan Opera */
  font-style: italic !important;
}

.login-box :-ms-input-placeholder {
  color: white !important; /* Warna putih untuk IE 10/11 */
  font-style: italic !important;
}

.login-box ::placeholder {
  color: white !important; /* Warna putih untuk browser modern lainnya */
  font-style: italic !important;
}

.login-box input[type="text"],
.login-box input[type="password"] {
  color: white !important;
}


  .login-box .footer {
    width: 100%;
    left: 0px;
    right: 0px; }
  .login-box .social {
    display: block;
    margin-bottom: 30px; }

#recoverform {
  display: none; }

.login-sidebar {
  padding: 0px;
  margin-top: 0px; }
  .login-sidebar .login-box {
    right: 0px;
    position: absolute;
    height: 100%; }