body, html {
    width: 100%;
}
body{
background-color:#504E4E;
font-family: "Arial", Arial, Helvetica, sans-serif;
line-height: 1.5;
}
.container
{
margin-left:auto;margin-right:auto;background-color:#fff; 
width:1190px;
padding:50px 10px;
}
.panel
{
padding-bottom: 10px;
border: 1px #008000 solid;
margin-bottom:20px;
}


h3,h4{
    padding: 0px;
    margin: 0px;
}
.panel h3 {
background-color: #8CCB56;
color: #000000;
}
h3 span {
padding: 0 5px;
}

.customer_form
{
width:30%;
margin:0.5% 1%;
float:left;
display:block;
}

.vendor_form
{
width:80%;
margin:0.5% 1%;
float:left;
display:block;
}

.address_form
{
width:80%;
margin:0.5% 1%;
float:left;
display:block;
}

.sopaddress_form
{
width:30%;
margin:0.5% 1%;
float:left;
display:block;
}

.customername_form
{
width:100%;
margin:0.5% 1%;
float:left;
display:block;
}

.customer_label
{
font-weight: bold;
font-size:12px;
width:100%;
}
.display_label
{
font-size:12px;
width:100%;
}

.customer_txt
{
width:95%;
}

.vendor_txt_slim
{
font-size:8px;
width:70%;
}

.vendor_txt_title
{
font-weight: bold;
font-size:12px;
width:35%;
}

.customername_txt
{
width:100%;
}

.customerCCV_txt
{
width:15%;
}

.customerEXP_txt
{
width:15%;
}

.custdrivers_txt
{
width:85%;
}

.custversion_txt
{
margin:0.5% 1%;
width:55%;
}

.contact_txt
{
width:80%;
}

input.required{
background-color: #FCF9F9;
border-left: 4px solid #ff0000!important;
}

select.required{
background-color: #FCF9F9;
border-left: 4px solid #ff0000!important;
}

input.notrequired{
background: none repeat scroll 0 0 #e7f3fe;
    border-left: 4px solid #008000 !important;
}

input[type=text] {
border: 2px solid #bebebe;
color: gray;
padding:2px;
}

.contact_dropdown
{
  background: none repeat scroll 0 0 #e7f3fe;
    border-left: 4px solid #008000 !important;
	width:60px;
}
.contact_dropdown_req
{
  background-color: #FCF9F9;
border-left: 4px solid #ff0000!important;
}

.msgcss{
	height:17px;
    font-weight:bold;
    color:#ff0000;
    font-size:12px;
	display:block;
}
.centerText {
    text-align: center;
}

#btnSubmit {
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    width: 140px;
}
/* from list.php*/
.search {
                padding:4px 15px !important;
                background:rgba(50, 50, 50, 0.2);
                border:0px solid #dbdbdb;
				width:250px;
				margin-left:20px;
}
.button {
                position:relative;
                padding:6px 15px;
                left:-8px;
                border:2px solid #008000;
                background-color:#008000;
                color:#fafafa;
}
.button:hover  {
                background-color:#fafafa;
                color:#008000;
}
.searchbox{
		margin-left:0%;
		width:550px;
			
}
.myTable { width:100%; border-collapse:collapse; }
.myTable td { padding:4px; border:#999 1px solid; }
 
.myTable tr:nth-child(even) { /*(even) or (2n 0)*/
background: #85C847;
}
.myTable tr:nth-child(odd) { /*(odd) or (2n 1)*/
background: #EAF4FF;
}

.si=Table { width:100%; border-collapse:collapse; }
.siTable td { padding:4px; border:#999 1px solid; }
 
.siTable tr:nth-child(even) { /*(even) or (2n 0)*/
background: #85C847;
}
.siTable tr:nth-child(odd) { /*(odd) or (2n 1)*/
background: #EAF4FF;
}

a{
color:#005000
}

.fourbox
{
/*height: 60px; */
padding-top:20px;
padding-bottom:20px;
font-size:13px;
width: 22%; 
float: left;
margin-left:8px;
border-style: solid;
border-width: 3px;
border-color: red;
text-align:center;
font-weight:bold;
}

.fourbox_active
{
background-color: green;
color:#fff;
/*height: 60px; */
padding-top:10px;
padding-bottom:10px;
font-size:13px;
width: 22%; 
float: left;
margin-left:8px;
border-style: solid;
border-width: 3px;
border-color: red;
text-align:center;
font-weight:bold;
}
.btnBox
{
height:80px;
width:140px;
border:1px solid black;
text-align:center;
float: left;
 margin: 10px;
 padding:5px;
 display:table;
 font-size:16px;
}