.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color:#486278 !important;}
h1 { text-align:center; text-transform:uppercase; font-size:25px; font-weight:bold;}
	.top-pad { padding-top:50px;}
	footer { padding:40px;} 
	
	.contract-details .form-group span {
	width: 80%;
    padding: 0px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
	display:block;
	float:right;
    }
	
	
	.form-group input, select {display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
	
	/****Manage Contracts***/
	
	.Manage-contracts th { 		background: #333;	font-size:12px;	color: white; 		font-weight: bold; 	}
	.Manage-contracts td, th { 		padding: 4px; 		border: 1px solid #ccc; 		text-align: left; 	}
	
	@media 	only screen and (max-width: 850px) {
		.contract-details .form-group span { width:100%;}
	.Manage-contracts th {display:none;}
	.Manage-contracts table, thead, tbody, td, tr { display: block; 		}
	.Manage-contracts tr { border: 1px solid #ccc; }
	.Manage-contracts tr:nth-of-type(odd) { background: #eee; 	}
	.Manage-contracts td { 
			/* Behave  like a "row" */
			font-weight:bold;
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
	
	.Manage-contracts td:before { 
			position: absolute;
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
	
	/*	Label the data	*/
		.Manage-contracts td:nth-of-type(1):before { content: "S.No"; }
		.Manage-contracts td:nth-of-type(2):before { content: "Contract No."; }
		.Manage-contracts td:nth-of-type(3):before { content: "Shipper"; }
		.Manage-contracts td:nth-of-type(4):before { content: "Buyer"; }
		.Manage-contracts td:nth-of-type(5):before { content: "C-Date"; }
		.Manage-contracts td:nth-of-type(6):before { content: "Signed C Recd"; }
		.Manage-contracts td:nth-of-type(7):before { content: "Type"; }
		.Manage-contracts td:nth-of-type(8):before { content: "Price in US$	"; }
		.Manage-contracts td:nth-of-type(9):before { content: "Qty"; }
		.Manage-contracts td:nth-of-type(10):before { content: "LC OPENED"; }
		.Manage-contracts td:nth-of-type(11):before { content: "LC Number"; }
		.Manage-contracts td:nth-of-type(12):before { content: "ETD"; }
		.Manage-contracts td:nth-of-type(13):before { content: "ETA"; }
		.Manage-contracts td:nth-of-type(14):before { content: "Action"; }

	}
	
	/****Manage-buyers***/
	
	.Manage-buyers th { 		background: #333;		color: white; 		font-weight: bold; 	}
	.Manage-buyers td, th { 		padding: 4px; 		border: 1px solid #ccc; 		text-align: left; 	}
	
	@media 	only screen and (max-width: 850px) {
	.Manage-buyers th {display:none;}
	.Manage-buyers table, thead, tbody, td, tr { display: block; 		}
	.Manage-buyers tr { border: 1px solid #ccc; }
	.Manage-buyers tr:nth-of-type(odd) { background: #eee; 	}
	.Manage-buyers td { 
			/* Behave  like a "row" */
			font-weight:bold;
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
	
	.Manage-buyers td:before { 
			position: absolute;
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
	
	/*	Label the data	*/
		.Manage-buyers td:nth-of-type(1):before { content: "S.No"; }
		.Manage-buyers td:nth-of-type(2):before { content: "Name"; }
		.Manage-buyers td:nth-of-type(3):before { content: "Address"; }
		.Manage-buyers td:nth-of-type(4):before { content: "Email"; }
		.Manage-buyers td:nth-of-type(5):before { content: "Phone"; }
		.Manage-buyers td:nth-of-type(6):before { content: "Action"; }
	}
	
	/****shipper-buyers***/
	
	.shipping-buyers th { 		background: #333;		color: white; 		font-weight: bold; 	}
	.shipping-buyers td, th { 		padding: 4px; 		border: 1px solid #ccc; 		text-align: left; 	}
	
	@media 	only screen and (max-width: 850px) {
	.shipping-buyers th {display:none;}
	.shipping-buyers table, thead, tbody, td, tr { display: block; 		}
	.shipping-buyers tr { border: 1px solid #ccc; }
	.shipping-buyers tr:nth-of-type(odd) { background: #eee; 	}
	.shipping-buyers td { 
			/* Behave  like a "row" */
			font-weight:bold;
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
	
	.shipping-buyers td:before { 
			position: absolute;
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
	
	/*	Label the data	*/
		.shipping-buyers td:nth-of-type(1):before { content: "S.No"; }
		.shipping-buyers td:nth-of-type(2):before { content: "Name"; }
		.shipping-buyers td:nth-of-type(3):before { content: "Address"; }
		.shipping-buyers td:nth-of-type(4):before { content: "Email"; }
		.shipping-buyers td:nth-of-type(5):before { content: "Phone"; }
		.shipping-buyers td:nth-of-type(6):before { content: "Action"; }
	}
	
	/****manage-docs***/
	
	.manage-docs th { 		background: #333;		color: white; 		font-weight: bold; 	}
	.manage-docs td, th { 		padding: 4px; 		border: 1px solid #ccc; 		text-align: left; 	}
	
	@media 	only screen and (max-width: 850px) {
	.manage-docs th {display:none;}
	.manage-docs table, thead, tbody, td, tr { display: block; 		}
	.manage-docs tr { border: 1px solid #ccc; }
	.manage-docs tr:nth-of-type(odd) { background: #eee; 	}
	.manage-docs td { 
			/* Behave  like a "row" */
			font-weight:bold;
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
	
	.manage-docs td:before { 
			position: absolute;
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
	
	/*	Label the data	*/
		.manage-docs td:nth-of-type(1):before { content: "S.No"; }
		.manage-docs td:nth-of-type(2):before { content: "NN DOCS"; }
		.manage-docs td:nth-of-type(3):before { content: "DOCUMENT SENT"; }
		.manage-docs td:nth-of-type(4):before { content: "DISPATCHER DATE"; }
		.manage-docs td:nth-of-type(5):before { content: "AWB NUMBER"; }
		.manage-docs td:nth-of-type(6):before { content: "Payment Value Date"; }
		.manage-docs td:nth-of-type(7):before { content: "Bank Guaranttee"; }
		.manage-docs td:nth-of-type(8):before { content: "Action"; }
	}
	
	/****manage-claim***/
	
	.manage-claim th { 		background: #333;		color: white; 		font-weight: bold; 	}
	.manage-claim td, th { 		padding: 4px; 		border: 1px solid #ccc; 		text-align: left; 	}
	
	@media 	only screen and (max-width: 850px) {
	.manage-claim th {display:none;}
	.manage-claim table, thead, tbody, td, tr { display: block; 		}
	.manage-claim tr { border: 1px solid #ccc; }
	.manage-claim tr:nth-of-type(odd) { background: #eee; 	}
	.manage-claim td { 
			/* Behave  like a "row" */
			font-weight:bold;
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
	
	.manage-claim td:before { 
			position: absolute;
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
	
	/*	Label the data	*/
		.manage-claim td:nth-of-type(1):before { content: "S.No"; }
		.manage-claim td:nth-of-type(2):before { content: "Invoice Number"; }
		.manage-claim td:nth-of-type(3):before { content: "Invoice Weight"; }
		.manage-claim td:nth-of-type(4):before { content: "Short Weight"; }
		.manage-claim td:nth-of-type(5):before { content: "Claim Filed Date"; }
		.manage-claim td:nth-of-type(6):before { content: "Last Date Of WC"; }
		.manage-claim td:nth-of-type(7):before { content: "Claim Note"; }
		.manage-claim td:nth-of-type(8):before { content: "Invoice Amount"; }
		.manage-claim td:nth-of-type(9):before { content: "Short Weight Amount"; }
		.manage-claim td:nth-of-type(10):before { content: "Comm. %"; }
		.manage-claim td:nth-of-type(11):before { content: "Comm. Points"; }
				.manage-claim td:nth-of-type(12):before { content: "Action"; }

	}