/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

#leaveApplicationForm {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

#leaveApplicationForm .form-group {
    width: calc(50% - 10px);
}

#leaveApplicationForm input,
#leaveApplicationForm select {
    width: 100%;
    padding: 8px;
	padding: 8px;
    background: #e7e7e7;
    border-radius: 10px;
    border: 0px;
	transition: all 0.3s ease; /* smooth animation */
	color: #000 !Important;
}

/* Box-shadow on focus */
#leaveApplicationForm input:focus,
#leaveApplicationForm select:focus,
#leaveApplicationForm textarea:focus {
    outline: none; /* remove default outline */
    border-color: #0073aa; /* optional: WordPress blue */
    box-shadow: 0 0 8px rgba(217, 83, 79, 0.5);
	transition: all 0.3s ease; /* smooth animation */
}

#leaveApplicationForm button {
    width: 50%;
	background: #d92020 !Important;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	margin: auto;
	margin-top: 30px;
}

#leaveApplicationForm button:hover{
	box-shadow: 0 0 8px rgba(217, 83, 79, 0.5);
	transition: all 0.3s ease; /* smooth animation */
}

a.logout-btn {
    background: #ff00004f;
    padding: 7px 12px;
    border-radius: 20px;
    color: #000000;
}

input::placeholder,
textarea::placeholder {
  color: #999;
}

.btn_container {
    width: 100%;
}

.datepicker{
	padding-left: 30px; /* Space for the icon */
    background: url('https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Font_Awesome_5_solid_calendar-alt.svg/512px-Font_Awesome_5_solid_calendar-alt.svg.png') no-repeat 10px center;
    background-size: 20px 20px; /* Size of the calendar icon */
    font-size: 16px; /* Adjust text size */
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-right: 10px; /* Optional: Space for right padding */
}