
.box input  {
    background-color: #F4F1DE;
    padding: 1px;
    margin: 01px;
    border-radius: 2px;
    display: inline-block;
    height: 14px; /* Fixed height */
    overflow-y: auto; /* Vertical scrolling */
    max-width: 200px;
}


body {        

	min-height: 100vh; 
	background-color: var(--body-color); 
	height: 100vh; width: 100%; 
	margin:auto; 
	overflow-x: hidden;
	
        }


input {
       border:2px solid;
       font-size: 12px;
       margin: 0.20rem;
       padding: 0.1rem;
       font-weight: bold;
       font-family: Poppins, sans-serif;
       transition: border-color 0.5s ease-out;
       border-radius:5px;
}


:root
{
--body-color:#cccccc;
--scrollbar-color:#FFD401;
--notepad-header: rgba(36, 116, 7, 0.8);
 
}



        .input-field, .checkbox-field {
            margin-bottom: 1px;
        }


        input[type="text"] {
            padding: 1px;
            width: 100%;
            margin-top: 2px;
            border: 1px solid #ccc;
            border-radius: 6px;
        }

       

        .checkbox-field input {
            margin-right: 1px;
        }

        

        /* New CSS for hiding input fields */
        .hidden {
            display: none;
        }


/*Additional */

div {
	padding: 1px;
	margin: 5px;
        border-radius:10px;       
        overflow:hidden;
        background:#49435C;
        border:1px solid #49435C;	
}

label{
	color:#EDEDF8;
	font-size:12px;
	font-weight: bold;
	font-family: Poppins, sans-serif;
          
}

.title{
	color:#FFD401;
	font-size:14px;
	font-weight: bold;
	font-family: Poppins, sans-serif;

}


 textarea {
            width: 1100px;
            height: 150px;
            padding:4px;
            margin-top: 10px;
            border-radius: 2px;
            border: 1px solid #0F0801;
            font-family: Poppins, sans-serif;
            font-size: 12px;           
	    color:#000000;
	    font-weight: bold;
        }


input:required:valid {
  	border-color: green;
  	background-color:#CCFFBC;
}

input:invalid {
  	border-color: #E75830;  
}


img {
    padding: 1px;
    width: 35px;
    height: 35px;
   
}

table, th, td {
 /*border: 1px solid white;*/
}

