@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");

/* ---------Index page---------- */

*{
	margin:0;
	padding:0;
	font-family: 'Inter', sans-serif;
	box-sizing:border-box;
}

body{
	/* background:#edecec; */
	/* padding:0 10px; */
	background: linear-gradient(90deg, #ffcccc, #ffffff ,#ccffcc);
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Poppins', sans-serif;

}

.header {
    text-align: center;
    color: white;
    margin-bottom: 20px;
}
.auth-card {
    background: linear-gradient(-90deg, #ddffdd, #ffdada);
    border-radius: 20px;
    padding: 30px;
    max-width: 600px;
    width: 100%;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    animation: fadeIn 1s ease-in-out;
}
.form-control {
    border-radius: 10px;
    border: 1px solid #6a11cb;
}
.btn {
    border-radius: 50px;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* .wrapper1{
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.wrapper{
	max-width: 600px;
	width: 100%;
	background: #E0FFFF;
    margin: 20px auto;
    padding: 30px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	align-items: center;
	border-radius: 20px;
}

.wrapper img{
	display: block;
  	margin: 0 auto;
  }

.wrapper .title{
	font-size:24px;
	font-weight:700;
	margin-bottom:20px;
	color:#C64B30;
	text-transform:uppercase;
	text-align:center;
}

.wrapper p{
	font-size:18px;
	font-weight:700;
	margin-top:15px;
	margin-bottom:20px;
	color:#C64B30;
	text-transform:uppercase;
	text-align:center;
} */

.error{
	background: #f2dede;
	color: #a94442;
	padding: 10px;
	width: 100%;
	border-radius: 50px;
}

/* .wrapper .form{
	width:100%;
}

.wrapper .form .input_field{
	margin-bottom:15px;
	display:flex;
	align-items:center;
}

.wrapper .form .input_field label{
	width:150px;
	color:#757575;
	margin-right:10px;
	font-size:14px;
	
}

.wrapper .form .input_field .input{
	width:100%;
	outline:none;
	border:1px solid #d5dbd9;
	font-size:15px;
	padding:8px 10px;
	border-radius:3px;
	transition:all 0.3s ease;
	
}

.wrapper .form .input_field .custom_select{
	position:relative;
	width:100%;
	height:37px;
}

.wrapper .form .input_field .custom_select select{
	-webkit-appearance:none;
	appearance:none;
	border:1px solid #d5dbd9;
	width:100%;
	height:100%;
	padding:8px 10px;
	border-radius:3px;
	outline:none;
}

.wrapper .form .input_field .custom_select:before{
	content:"";
	position:absolute;
	top:15px;
	right:10px;
	border:8px solid;
	border-color:#d5dbd9 transparent transparent transparent;
	pointer-events:none;
	
}

.wrapper .form .input_field .input:focus,
.wrapper .form .input_field select:focus{
	border:1px solid #fec107;
}

.wrapper .form .input_field .btn{
	width:100%;
	padding:8px 10px;
	margin: 20px;
	font-size:15px;
	font-weight:700;
	text-transform:uppercase;
	border:0;
	background:#D3482A;
	color:#fff;
	cursor:pointer;
	border-radius:5px;
	outline:none;
	
}

.wrapper .form .input_field:last-child{
	margin-bottom:0;
}

.wrapper .form .input_field .btn:hover{
	background:#F18D77;
}


.text-danger{
	color:red;
} */

/* .wrapper a{
	width:100%;
	padding:8px 10px;
	margin: 20px;
	font-size:15px;
	font-weight:700;
	
	
	background:#D3482A;
	border:0;
	text-transform:uppercase;
	border-radius:5px;
	outline:none;
	color:#fff;
	
	cursor:pointer;
	text-decoration: none;
	color:#C64B30;
	
	
} */



/* .wrapper a:hover{
	background:#F18D77;
	color:rgb(20, 13, 158);
} */


/* @media screen and (max-width:420px){
	.wrapper .form .input_field p{
		flex-direction:column;
		align-items:flex-start;
	}
	.wrapper .form .input_field label{
		margin-bottom:5px;
		
	}
		
} */

/* ---------Index Page Ends----------- */


/* ---------Dashboard----------- */

:root{
  --offcanvas-width:270px;
  --topNavbarHeight:56px;
}

.sidebar-nav{
  width:var(--offcanvas-width);
}

.main{
	margin-left: 300px;
}

.mleft{
	margin-left:300px;
	}
	

@media (min-width:992px){

  body{
    overflow: auto !important;
  }

  .offcanvas-backdrop::before{
    display: none;
  }

  /* main{
	margin-left: var(--offcanvas-width);
  } */

  .sidebar-nav{
    transform: none;
    visibility: visible !important;
    top: var(--topNavbarHeight);
    height: calc(100% - var(--topNavbarHeight));
  }
}

/* ---------Dashboard Ends----------- */