/*
		CSS  1416
		*/
div.formlogin {
    border-radius: 12px;
     width : 400px;
    border: 2px solid #ccc;
    background-color: #fcfcfc;
    padding: 10px;
    margin: auto;
}
div.panel-login {
    border-radius: 8px;
    background-color: #fcfcfc;
    margin: auto;
}
.panel-login>.panel-heading {
	color: #00415d;
	background-color: #fff;
	font-size: 14px;
	border-color: #fff;
	text-align:center;
}
.panel-login>.panel-heading a.active{
	color: #777777;
	font-size: 18px;
}
.panel-login>.panel-heading hr{
	margin-top: 10px;
	margin-bottom: 0px;
	clear: both;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
}

input[type=email] {
    width: 100%;
    padding: 12px 20px;
    font-size: 12px;
    margin: 8px 0;
    box-sizing: border-box;
}
input[type=password] {
    width: 100%;
    padding: 12px 20px;
    font-size: 12px;
    margin: 8px 0;
    box-sizing: border-box;
}
.btn-login {
	background-color: #0088cc;
	outline: none;
	color: #fff;
	font-size: 12px;
	height: auto;
	width:150px;
  margin-left: 15px;
	font-weight: normal;
	padding: 10px 0;
	text-transform: uppercase;
	border-radius: 8px;
	border-color: #0088cc;
}
.btn-login:hover,
.btn-login:focus {
	color: #fff;
	background-color: #5899d9;
	border-color: #5899d9;
}
.forgot-password {
	text-decoration: underline;
	color: #0099e6;
}
.forgot-password:hover,
.forgot-password:focus {
	text-decoration: underline;
	color: #66ccff;
}
div.regist-form {
    border-radius: 12px;
    width: 80%;
    border: 2px solid #ccc;
    background-color: #fcfcfc;
    padding: 10px;
    margin: auto;
}
.regist-form>label {
    display: inline-block;
    vertical-align: baseline;
    color: #2D2D2D;
    font-size: 15px;
    width: 250px;
    padding: 10px;
    text-align:right;
}
.regist-form>input {
    display: inline-block;
    vertical-align: baseline;
    width: 250px;
    padding: 10px;
}
.form-label {
    display: inline-block;
    font-size: 15px;
    width: 250px;
    padding: 10px;
    text-align:right;
    
}
.form-data {
    display: inline-block;
    border: 1px solid #ccc;
    font-size: 15px;
    width: 250px;
    padding: 10px;
        vertical-align: baseline;
        margin-top: 10px;
}
.cart-form {
    border-radius: 12px;
    width: 95%;
    border: 2px solid #ccc;
    background-color: #fcfcfc;
    padding: 10px;
    margin: auto;

}
.cart-head {
    color:#595959;
    font-size: 15px;
    font-weight: bold; 
    margin-top: 15px;
}
table.cart-table { 
  width: 100%; 
  border: none;
  border-spacing: 0px;
}
cart-table.thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

	table#cart-list tr:nth-of-type(odd) {
		background: #eee; 
	}	
	table#cart-list th { 
		background: #e6e6e6; 
		color: #8c8c8c; 
		font-weight: bold; 
		font-size: 15px;
		vertical-align: text-top;
		border: none;
	}
	table#cart-list td, table#cart-list th { 
		padding: 6px; 
		border: none;
		text-align: left; 
	}
	/*cart-table.tr { border: 0px solid #ccc; } */
	cart-table.tr { border: none; }
		
	cart-table.td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 2 px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
	cart-table.td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
		/*	white-space: nowrap; */
		}
		
		/*
		Label the data
		*/
    cart-table.td:nth-of-type(1):before { content: "ID"; }
		cart-table.td:nth-of-type(2):before { content: "Product"; }
		cart-table.td:nth-of-type(3):before { content: "Unit price"; }
		cart-table.td:nth-of-type(4):before { content: "Weight"; }
		cart-table.td:nth-of-type(5):before { content: "Quantity"; }
		cart-table.td:nth-of-type(6):before { content: "Total price"; }
		cart-table.td:nth-of-type(7):before { content: "ordernote"; }

	}