body {
    font-family: 'Didact Gothic', sans-serif;
}
.spacer {
    height:50px;
}
.gradientBox1{
    border-radius:10px; 
    height:175px; 
    width:235px; 
    border:solid #c9c9c9 1px;
    text-align:center;
    font-size:13px;
    color:#000000;
    padding:3px;
    margin-left:auto;
    margin-right:auto;

	/* IE10 Consumer Preview */ 
	background-image: -ms-radial-gradient(center top, circle closest-corner, #EAEAEA 0%, #FFFFFF 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-radial-gradient(center top, circle closest-corner, #EAEAEA 0%, #FFFFFF 100%);
	
	/* Opera */ 
	background-image: -o-radial-gradient(center top, circle closest-corner, #EAEAEA 0%, #FFFFFF 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #EAEAEA), color-stop(1, #FFFFFF));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(center top, circle closest-corner, #EAEAEA 0%, #FFFFFF 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: radial-gradient(circle closest-corner at center top, #EAEAEA 0%, #FFFFFF 100%);
}
.table1 {
    width:98%;
    font-size:13px;
    font-family: 'Oxygen', sans-serif;
}
    .table1 th {
        background-color:#4274AF;
        color:#FFFFFF;
        text-align:left;
        padding:5px;
    }
    .table1 td {
        padding:5px;
    }
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.divHeader {
    background-color:#4274AF;
    color:#FFFFFF;
    text-align:left;
    padding:5px;
}
.textBoxRed {
    border:1px solid #990000;
}
.textBoxYellow{
    border:1px solid #990000;
    background-color:yellow;
}
.table_border {
    border-collapse:collapse;
    border:1px solid #000000;
}
.barCode{
    font-family: 'code128'
}
.customerOrder{
    background-color:silver;
}
.tabs{
    position:relative;
    top:1px;
    left:10px;
    /*border:solid 1px black;*/

}
.tab{
    border-top-left-radius:10px; 
    border-top-right-radius:10px; 
    border:solid 1px black;
    background-color:#eaeaea;
    padding:5px 10px;
}
.selectedTab{
    /*background-color:black;
    border:solid 1px black;*/
    border-bottom:solid 1px white;
}
.tabContents{
    border:solid 1px black;
    padding:10px;
    background-color:white;
}

/* Base styling for all textboxes */
.form-textbox {
    /*width: 100%;*/ /* Full width for responsiveness */
    /*padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: #fff;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;*/ /* Includes padding in width */
}

/* For TextBox */
.form-textbox.required {
    border-left: 4px solid #ffc107; /* Yellow left bar for required indication */
}

.form-textbox.error {
    border-color: #dc3545; /* Red border for errors */
    background-color: #fff5f5; /* Light red background */
}

/* Valid state */
.form-textbox.valid {
    border-color: #28a745; /* Green border */
}

/* Base styling for all dropdowns */
.form-dropdown {
    /*width: 100%;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: #fff;
    appearance: none;*/ /* Remove default arrow for custom styling */
    /*background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095.1c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.9z%22%2F%3E%3C%2Fsvg%3E');*/ /* Custom dropdown arrow */
    /*background-repeat: no-repeat;
    background-position: right 15px top 50%;
    background-size: 12px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;*/
}

/* For DropDownList */
.form-dropdown.required {
    border-left: 4px solid #ffc107; /* Yellow left bar */
}

.form-dropdown.error {
    border-color: #dc3545;
    background-color: #fff5f5;
}

/* Valid state */
.form-dropdown.valid {
    border-color: #28a745;
}

/* Keep focus states as-is */
.form-textbox:focus, .form-dropdown:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
    outline: none;
}

/* Asterisk for labels (unchanged) */
label.required::after {
    content: " *";
    color: #dc3545;
    font-weight: bold;
}