/* Style inputs with type="text", select elements and textareas */
input[type=text], textarea {
	font-size: 10pt;
    width: 100%  ;/* Full width */
    padding: 8px  ;/* Some padding */  
    border: 1px solid #ccc  ;/* Gray border */
    border-radius: 4px  ;/* Rounded borders */
    box-sizing: border-box  ;/* Make sure that padding and width stays in place */
    margin-top: 3px  ;/* Add a top margin */
    margin-bottom: 3px  ;/* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=text],  select {
	font-size: 10pt;
    width: 100% ;/* Full width */
    padding: 8px  ;/* Some padding */  
    border: 1px solid #ccc  ;/* Gray border */
    border-radius: 4px  ;/* Rounded borders */
    box-sizing: border-box  ;/* Make sure that padding and width stays in place */
    margin-top: 3px  ;/* Add a top margin */
    margin-bottom: 3px  ;/* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=tel],  select {
	font-size: 10pt;
    width: 100% ;/* Full width */
    padding: 8px  ;/* Some padding */  
    border: 1px solid #ccc  ;/* Gray border */
    border-radius: 4px  ;/* Rounded borders */
    box-sizing: border-box  ;/* Make sure that padding and width stays in place */
    margin-top: 3px  ;/* Add a top margin */
    margin-bottom: 3px  ;/* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=date],  select {
	font-size: 10pt;
    width: 100% ;/* Full width */
    padding: 8px  ;/* Some padding */  
    border: 1px solid #ccc  ;/* Gray border */
    border-radius: 4px  ;/* Rounded borders */
    box-sizing: border-box  ;/* Make sure that padding and width stays in place */
    margin-top: 3px  ;/* Add a top margin */
    margin-bottom: 3px  ;/* Bottom margin */
    resize: none /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=time],  select {
	font-size: 10pt;
    width: 100% ;/* Full width */
    padding: 8px  ;/* Some padding */  
    border: 1px solid #ccc  ;/* Gray border */
    border-radius: 4px  ;/* Rounded borders */
    box-sizing: border-box  ;/* Make sure that padding and width stays in place */
    margin-top: 3px  ;/* Add a top margin */
    margin-bottom: 3px  ;/* Bottom margin */
    resize: none /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=password] {
	font-size: 10pt;
    width: 100%  ;/* Full width */
    padding: 8px  ;/* Some padding */  
    border: 1px solid #ccc  ;/* Gray border */
    border-radius: 4px  ;/* Rounded borders */
    box-sizing: border-box  ;/* Make sure that padding and width stays in place */
    margin-top: 3px  ;/* Add a top margin */
    margin-bottom: 3px  ;/* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=email] {
	font-size: 10pt;
    width: 100%  ;/* Full width */
    padding: 8px  ;/* Some padding */  
    border: 1px solid #ccc  ;/* Gray border */
    border-radius: 4px  ;/* Rounded borders */
    box-sizing: border-box  ;/* Make sure that padding and width stays in place */
    margin-top: 3px  ;/* Add a top margin */
    margin-bottom: 3px  ;/* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=number] {
	font-size: 10pt;
    width: 100%  ;/* Full width */
    padding: 8px  ;/* Some padding */  
    border: 1px solid #ccc  ;/* Gray border */
    border-radius: 4px  ;/* Rounded borders */
    box-sizing: border-box  ;/* Make sure that padding and width stays in place */
    margin-top: 3px  ;/* Add a top margin */
    margin-bottom: 3px  ;/* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

select {
	font-size: 10pt;
    width: 100%  ;/* Full width */
    padding: 8px  ;/* Some padding */  
    border: 1px solid #ccc  ;/* Gray border */
    border-radius: 4px  ;/* Rounded borders */
    box-sizing: border-box  ;/* Make sure that padding and width stays in place */
    margin-top: 3px  ;/* Add a top margin */
    margin-bottom: 3px  ;/* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #45a049;
}

/* Add a background color and some padding around the form */
.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
    max-width: 70%;
}

.loggedcontainer {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
    max-width: 90%;
}


/* Style the submit button with a specific background color etc */
#smallButton {
    background-color: #4CAF50;
    color: white;
    padding: 4px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}