*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    background-image: url(assets/orderzoid-bg.png);
    color: #333;
    overflow-y: scroll;
    background-size: cover;
    background-position: center center;
    background-color: #7285f6;
    background-size: cover;
}
h1{
	font-size:56px;
}
h2{
	font-size:20px;
	padding:0px 0px 40px 0px;
	color:#aaa;
}
h2 span{
	color:#ffa800;
}
a{
	color:#777;
}
a:hover{
	color:#222;
}
p{
	padding:5px 0px;
}
/* .wrapper{
	width:960px;
	margin:20px auto;
	min-height:550px;
} */
.box{
	width:49%;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
a.back{
	color:#777;
	position:fixed;
	top:5px;
	right:10px;
	text-decoration:none;
}
/* Form Style */
.form_wrapper {
    background: #fff;
    margin: 0 auto;
    width: 590px !important;
    height: auto !important;
    min-height: 560px;
    font-size: 16px;
    padding: 80px;
    background-image: url(assets/form-bg-top.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 9px 2px rgba(96,146,222,0.9);
    -moz-box-shadow: 0px 0px 9px 2px rgba(96,146,222,0.9);
    box-shadow: 0px 0px 9px 2px rgba(96,146,222,0.9);
    position: relative;
}
.form_wrapper::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 80px;
    background-image: url(assets/form-bg-bottom.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    background-position: top center;
}
.form_wrapper h3 {
    color: #333;
    font-size: 27px;
    margin-bottom: 30px;
    text-align: center;
}
.form_wrapper form{
	display:none;
	background:#fff;
}
.form_wrapper form.change_password{
	display:block;
}

.form_wrapper .column {
    width: 47%;
    float: left;
    margin-right: 6%;
}
.form_wrapper .column.column2 {
    margin-right: 0;
    float: right;
}
form.register a[rel=login] {
    float: left;
    width: 50%;
    margin-top: 6px;
}
form.active{
	display:block;
}
.form_wrapper a {
    text-decoration: none;
    font-size: 14px;
    color: #a5a5a5;
}
.form_wrapper a span{
    color: #433ce5;
}
.form_wrapper a:hover{
	color:#433ce5;
}
.form_wrapper a[rel=register] {
    margin-top: 14px;
    float: left;
}
form.forgot_password a[rel=login], form.forgot_password a[rel=register] {
    margin-top: 10px;
    float: right;
    width: auto;
    text-align: right;
    clear: right;
}

.form_wrapper label{
	display:block;
	padding:10px 30px 0px 30px;
	margin:10px 0px 0px 0px;
}
.form_wrapper input[type="text"], .form_wrapper input[type="password"], .form_wrapper input[type="email"] {
    border: none;
    border-bottom: 1px solid #8ae1e2;
    padding: 12px 15px;
    display: block;
    font-size: 16px;
    width: 100%;
    background: none;
    outline: none;
    color: #747781;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}
.form_wrapper input[type="text"]:focus,
.form_wrapper input[type="password"]:focus{

}
.fieldset {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.form_wrapper .bottom {
    float: left;
    width: 100%;
    padding: 0 15px;
}
.forgot a {
    font-size: 14px;
    color: #a5a5a5;
    padding: 0;
}
.forgot {
    float: right;
    width: 100%;
    text-align: right;
    margin-bottom: 5px;
    margin-top: -7px;
}
.form_wrapper div.remember {
    float: right;
    width: 145px;
    margin: 0px 0px 40px 0px;
    text-align: right;
    font-size: 14px;
    color: #a5a5a5;
}
.form_wrapper div.remember input[type="checkbox"] {
    margin: 4px 0 0 0;
    float: left;
}
.form_wrapper span.error {
    visibility: hidden;
    color: red;
    font-size: 11px;
    font-style: italic;
    margin: 4px 30px;
    display: none;
}
.form_wrapper input[type="submit"] {
	background: #e3e3e3;
	border: 1px solid #ccc;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0 9px;
	text-align: center;
	width: 150px;
	cursor:pointer;
	float:right;
	margin:15px 20px 10px 10px;
	text-shadow: 0px 1px 0px #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 2px #fff inset;
	-webkit-box-shadow: 0px 0px 2px #fff inset;
	box-shadow: 0px 0px 2px #fff inset;
}
.form_wrapper input[type="submit"]:hover {
	background: #d9d9d9;
	-moz-box-shadow: 0px 0px 2px #eaeaea inset;
	-webkit-box-shadow: 0px 0px 2px #eaeaea inset;
	box-shadow: 0px 0px 2px #eaeaea inset;
	color: #222;
}

div.div-product-top
{
	/* margin: 4% 4% 0 4%; */
	/* height: 100px; */
	height: auto;
    /* min-height: 203px; */
	min-height: 273px;
	/* border:1px solid green; */
	background: none repeat scroll 0 0 #FEFEF0;
	/* border-top: 5px solid #C8C0B8;
	border-bottom: 5px solid #C8C0B8;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.45); */
}
div.div-product-top-left
{
	float: left;
    width: 47%;
	/* min-height: 203px; */
	min-height: 257px;
	border-right: 4px solid #E8E8DF;
	height: 100%; padding: 8px;
}
.ing_img {
  border: 3px solid #EEEEEE;
}
div.div-product-top-right
{
	float: left;
    width: 47%;
	/* height: 100%; */
	padding: 14px;
    text-align: center;
	/* height: 87%; */
}




#tbl-dish-view
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	/* margin: 45px; */
	/* width: 480px; */
	/* margin: 4%; */
	/* margin: 0 4% 4% 4%; */
	/* width: 90%; */
	 width: 100%; 
	text-align: left;
	border-collapse: collapse;
}
#tbl-dish-view th
{
	font-size: 18px;
	font-weight: normal;
	padding: 8px;
	background: #EBF4FA;
	/* border-top: 4px solid #aabcfe; */
	border-right: 1px solid #FFFFFF;
	border-top: 4px solid #FFFFFF;
	border-bottom: 1px solid #fff;
	color: #039;
}
#tbl-dish-view td
{
	padding: 8px;
	background: #ffffff; 
	border-bottom: 1px solid #EEEEEE;
	/* color: #669; */
	border-top: 1px solid transparent;
	border-right: 1px solid #FFFFFF;
}
#tbl-dish-view tr:hover td
{
	/* background: #d0dafd; 
	color: #339;*/
}
.div-method {
  background: none repeat scroll 0 0 #FEFEF0;
  /* margin-top: 17px; */
  margin-top: 47px;
  padding: 10px;
}
tr.tr-cost-margin
{
		border-top: 4px solid #FFFFFF;
	border-bottom:  4px solid #fff;
	height: 44px;
}
div.clear-10{
	height:10px;
}


/*--------------My Css -----------------*/


.login_bg {
	width: 100%;
    padding:8% 0px;
}

.form_wrapper form
{
	background:transparent;
}

.form_wrapper input[type="submit"] {
    background: linear-gradient(to right, #7a74ff, #708ff1, #65abe3, #57cfd0);
    color: #fff;
    border: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding: 14px 40px;
    border-radius: 5px;
    text-align: center;
    width: auto;
    cursor: pointer;
    margin: 0px auto;
    text-shadow: none;
    box-shadow: none;
    font-weight: 100;
    display: inline-block;
    float: right;
    transition:all 0.4s ease;
}

.form_wrapper input[type="submit"]:hover
{
	background: linear-gradient(to right, #57cfd0, #65abe3, #708ff1, #7a74ff);
	color: #fff;
}

.form_wrapper label
{
	    padding: 10px 30px 0px 0px;
}

form.login {
    width: 100%;
}

form.login img, form.forgot_password img, form.register img {
    margin: 0px auto;
    float: none;
    display: block;
    width: auto;
    max-width: 80%;
    margin-bottom: 65px;
}
form.login h4 {
    font-size: 36px;
    font-weight: 100;
    text-align: center;
    margin-bottom: 25px;
    color: #077983;
}
.messageinfo {
    margin-bottom: 15px;
}
.messageinfo, .messageinfo * {
    font-weight: 300 !important;
    font-size: 14px;
}
@media(max-width: 600px){

    .form_wrapper {
    width: 90% !important;
    padding-top: 80px;
padding-right: 40px;
padding-bottom: 80px;
padding-left: 40px;
    }
    .form_wrapper::after {  
        background-position: bottom center;
    }
}
@media(max-width: 500px){
    form.login img, form.forgot_password img, form.register img {
    margin-bottom: 20px;
}
.login_bg {
    padding: 0px 0px;
}
}
@media(max-width: 400px){
    .form_wrapper {
        width: 98% !important;
        padding-bottom: 40px;
        padding-top: 40px;
        min-height: 480px;
    }
    .form_wrapper .column {
        width: 100%;
    }
    .fieldset {
        margin-bottom: 20px;
    }
    form.register a[rel="login"] {
        width: 92%;
}
}