@CHARSET "UTF-8";

/* @font-face { */
/*     font-family: db_adman_xregular; */
/*     src: url('../fonts/BBQPlzRounded.eot'); IE9 Compat Modes */
/*     src: url('../fonts/BBQPlzRounded.eot?#iefix') format('embedded-opentype'), IE6-IE8 */
/*          url('../fonts/BBQPlzRounded.woff') format('woff'), Modern Browsers */
/*          url('../fonts/BBQPlzRounded.ttf') format('truetype'), Safari, Android, iOS */
/*          url('../fonts/BBQPlzRounded.svg#BBQPlzRounded') format('svg'); Legacy iOS */
/*     font-style: normal; */
/*     font-weight: normal; */
/*     text-rendering: optimizeLegibility; */
/* } */

body {
    font-family: 'BBQ Plz Rounded' !important;
    padding: 0;
    margin: 0;
    background: rgba(232,230,229,1);
    background: -moz-linear-gradient(left, rgba(232,230,229,1) 0%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 64%, rgba(232,230,229,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232,230,229,1)), color-stop(36%, rgba(255,255,255,1)), color-stop(64%, rgba(255,255,255,1)), color-stop(100%, rgba(232,230,229,1)));
    background: -webkit-linear-gradient(left, rgba(232,230,229,1) 0%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 64%, rgba(232,230,229,1) 100%);
    background: -o-linear-gradient(left, rgba(232,230,229,1) 0%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 64%, rgba(232,230,229,1) 100%);
    background: -ms-linear-gradient(left, rgba(232,230,229,1) 0%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 64%, rgba(232,230,229,1) 100%);
    background: linear-gradient(to right, rgba(232,230,229,1) 0%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 64%, rgba(232,230,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e5', endColorstr='#e8e6e5', GradientType=1 );
    font-size: 18px;
    background-size: 100%;
}

/* Suppiler CSS */
.header {
	text-align: center;
/* 	margin-top: 20px; */
    margin-left: auto;
    margin-right: auto;
}
.header img {
    width: 35%;
}
.wrapper {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
#sidebar {
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.login {
    position: relative;
    width: 300px;
    z-index: 1;
    float: none;
    overflow: hidden;
    margin-left: calc(50% - 150px);
}
.bg_bt {
    margin-top: 10px;
    margin-bottom: 5px;
    width: 298px;
    height: 30px;
    border-radius: 8px;
    background-color: #deddd1;
    border: solid 1px #a3a3a3;
    margin-left: calc(50% - 150px);
}
.bg_bt {
    margin-top: 10px;
    margin-bottom: 5px;
    width: 298px;
    height: 30px;
    border-radius: 8px;
    background-color: #deddd1;
    border: solid 1px #a3a3a3;
    margin-left: calc(50% - 150px);
}
.bt_login {
    font-size: 20px;
    padding-top: 5px;
    text-align: right;
}

.bt_contact {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: right;
}
.bg_bt input {
    width: 90%;
    height: 80%;
    -o-background-color: #deddd1;
    -moz-background-color: #deddd1;
    -webkit-background-color: #deddd1;
    background-color: #deddd1;
}
.bt_forget {
    font-size: 14px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: right;
}
input {
    background-color: transparent;
    border: none;
    font-size:15px;
    
}
   
.footer {
    position: fixed;
    height: 30px;
    width: 100%;
    bottom: 0;
    background-image: url('../img/fp_gradient.png');
    background-size: 100%;
}

div a {
	cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 8px;
    border: solid 1px #FFFFFF;
    margin-left: calc(50% - 150px);
}
a{
	color: #404040;
}
/* .login-box-body{ */
/* 	background: #ffffff !important; #027d1e */
/* 	/* background-image: url("../img/logo_foodpassion.png") !important; */
/* 	background-repeat: no-repeat !important; */
/* 	background-size: 100% !important; */ */
/* 	border:solid 3px #808080; */
/* } */

/* .head-sysname{ */
/* 	float:left; */
/* 	padding:15px 15px; */
/* 	color:#fff; */
/* } */

/* .close_job { */
/* 	text-size:25px/1.5; */
/* } */
/* .error{ */
/* 	color: #f00; */
/* } */
/* .login-main { */
/*   width: 300px; */
/*   height: 105px; */
/*   position: absolute; */
/*   margin: auto; */
/*   top: 0; */
/*   bottom: 0; */
/*   left: 0; */
/*   background: #c8eef2; */
/*   padding: 10px; */
/*   -webkit-border-radius: 10px; */
/*   -moz-border-radius: 10px; */
/*   -ms-border-radius: 10px; */
/*   -o-border-radius: 10px; */
/*   border-radius: 10px; */
/* } */

/* .login-main-forgot { */
/*   width: 300px; */
/*   height: 65px; */
/*   position: absolute; */
/*   margin: auto; */
/*   top: 0; */
/*   bottom: 0; */
/*   left: 0; */
/*   background: #c8eef2; */
/*   padding: 10px; */
/*   -webkit-border-radius: 10px; */
/*   -moz-border-radius: 10px; */
/*   -ms-border-radius: 10px; */
/*   -o-border-radius: 10px; */
/*   border-radius: 10px; */
/* } */

/* .login-main-logo { */
/*   width: 300px; */
/*   height: 105px; */
/*   position: absolute; */
/*   margin: auto; */
/*   top: 0; */
/*   bottom: 0; */
/*   right: 0; */
/*   padding: 10px; */
/*   -webkit-border-radius: 10px; */
/*   -moz-border-radius: 10px; */
/*   -ms-border-radius: 10px; */
/*   -o-border-radius: 10px; */
/*   border-radius: 10px; */
/* } */
/* .login-main p { */
/*   text-indent: 10px; */
/* } */
/* .box1 { */
/*   background: #FFF; */
/*   border:solid 1px #FFF; */
/*   height: 40px; */
/*   text-indent: 10px; */
/*   width: 90%; */
/*   margin-bottom: 5px; */
/*   color: #3B424D; */
/*   font-size: 15px; */
/*   font-weight: 400; */
/* } */

/* .box1-forgot { */
/*   background: #FFF; */
/*   border:solid 1px #FFF; */
/*   height: 40px; */
/*   text-indent: 10px; */
/*   width: 90%; */
/*   margin-bottom: 5px; */
/*   color: #3B424D; */
/*   font-size: 15px; */
/*   font-weight: 400; */
/* } */

/* .border1 { */
/*   -webkit-border-radius: 5px 5px 0 0; */
/*   -moz-border-radius: 5px 5px 0 0; */
/*   -ms-border-radius: 5px 5px 0 0; */
/*   -o-border-radius: 5px 5px 0 0; */
/*   border-radius: 5px 5px 0 0; */
/* } */
/* .border2 { */
/*   -webkit-border-radius: 0px 0 5px 5px; */
/*   -moz-border-radius: 0px 0 5px 5px; */
/*   -ms-border-radius: 0px 0 5px 5px; */
/*   -o-border-radius: 0px 0 5px 5px; */
/*   border-radius: 0px 0 5px 5px; */
/* } */
/* .send { */
/*   width: 65px; */
/*   height: 65px; */
/*   -webkit-border-radius: 50%; */
/*   -moz-border-radius: 50%; */
/*   -ms-border-radius: 50%; */
/*   -o-border-radius: 50%; */
/*   border-radius: 50%; */
/*   position: absolute; */
/*   right: 9px; */
/*   top: 20px; */
/*   border: 5px solid #c8eef2; */
/*   background: #29acb9; */
/*   font-size: 18px; */
/*   color: #fff; */
/*   font-weight: normal; */
/*   text-shadow: 1px 1px 2px #000; */
/*   box-sizing: border-box; */
/*   -webkit-box-sizing: border-box; */
/* } */

/* .send-forgot { */
/*   width: 65px; */
/*   height: 65px; */
/*   -webkit-border-radius: 50%; */
/*   -moz-border-radius: 50%; */
/*   -ms-border-radius: 50%; */
/*   -o-border-radius: 50%; */
/*   border-radius: 50%; */
/*   position: absolute; */
/*   right: 9px; */
/*   top: 0px; */
/*   border: 5px solid #c8eef2; */
/*   background: #29acb9; */
/*   font-size: 15px; */
/*   color: #fff; */
/*   font-weight: normal; */
/*   text-shadow: 1px 1px 2px #000; */
/*   box-sizing: border-box; */
/*   -webkit-box-sizing: border-box; */
/* }  */
/* .send:hover { */
/*   animation: spin 0.3s ease-in-out; */
/*   -webkit-animation: spin 0.3s ease-in-out; */
/*   -moz-animation: spin 0.3s ease-in-out; */
/*   -ms-animation: spin 0.3s ease-in-out; */
/*   -o-animation: spin 0.3s ease-in-out; */
/*   cursor: pointer; */
/* } */
/* p{ */
/* 	color: #669; */
/* 	font-weight:bold; */
/* 	margin-top:-5px; */
/* } */
/* a{ */
/* 	color:#669; */
/* 	text-decoration:underline; */
/* } */
/* a:hover{color:#F93;} */
/* @keyframes spin { */
/*   from { */
/*     transform: rotate(0deg); */
/*   } */
/*   to { */
/*     transform: rotate(360deg); */
/*   } */
/* } */
/* @-webkit-keyframes spin { */
/*   from { */
/*     -webkit-transform: rotate(0deg); */
/*   } */
/*   to { */
/*     -webkit-transform: rotate(360deg); */
/*   } */
/* } */
/* @-moz-keyframes spin { */
/*   from { */
/*     -moz-transform: rotate(0deg); */
/*   } */
/*   to { */
/*     -moz-transform: rotate(360deg); */
/*   } */
/* } */
/* @-o-keyframes spin { */
/*   from { */
/*     -o-transform: rotate(0deg); */
/*   } */
/*   to { */
/*     -o-transform: rotate(360deg); */
/*   } */
/* } */

/* /*++++ step by step tab ++++*/ */
/* .bwizard-steps { */
/* 	display: inline-block; */
/* 	margin: 0; padding: 0; */
/* 	background: #fff } */
/* 	.bwizard-steps .active { */
/* 		color: #fff; */
/* 		background: #00a65a } */
/* 	.bwizard-steps .active:after { */
/* 		border-left-color: #00a65a } */
/* 	.bwizard-steps .active a { */
/* 		color: #fff; */
/* 		cursor: default } */
/* 	.bwizard-steps .label { */
/* 		position: relative; */
/* 		top: -1px; */
/* 		margin: 0 5px 0 0; padding: 1px 5px 2px } */
/* 	.bwizard-steps .active .label { */
/* 		background-color: #333;} */
/* 	.bwizard-steps li { */
/* 		display: inline-block; position: relative; */
/* 		margin-right: 5px; */
/* 		padding: 12px 17px 10px 30px; */
/* 		*display: inline; */
/* 		*padding-left: 17px; */
/* 		background: #efefef; */
/* 		line-height: 18px; */
/* 		list-style: none; */
/* 		zoom: 1; } */
/* 	.bwizard-steps li:first-child { */
/* 		padding-left: 12px; */
/* 		-moz-border-radius: 4px 0 0 4px; */
/* 		-webkit-border-radius: 4px 0 0 4px; */
/* 		border-radius: 4px 0 0 4px; } */
/* 	.bwizard-steps li:first-child:before { */
/* 		border: none } */
/* 	.bwizard-steps li:last-child { */
/* 		margin-right: 0; */
/* 		-moz-border-radius: 0 4px 4px 0; */
/* 		-webkit-border-radius: 0 4px 4px 0; */
/* 		border-radius: 0 4px 4px 0; } */
/* 	.bwizard-steps li:last-child:after { */
/* 		border: none } */
/* 	.bwizard-steps li:before { */
/* 		position: absolute; */
/* 		left: 0; top: 0; */
/* 		height: 0; width: 0; */
/* 		border-bottom: 20px inset transparent; */
/* 		border-left: 20px solid #fff; */
/* 		border-top: 20px inset transparent; */
/* 		content: "" } */
/* 	.bwizard-steps li:after { */
/* 		position: absolute; */
/* 		right: -20px; top: 0; */
/* 		height: 0; width: 0; */
/* 		border-bottom: 20px inset transparent; */
/* 		border-left: 20px solid #efefef; */
/* 		border-top: 20px inset transparent; */
/* 		content: ""; */
/* 		z-index: 2; } */
/* 	.bwizard-steps a { */
/* 		color: #333 } */
/* 	.bwizard-steps a:hover { */
/* 		text-decoration: none } */
/* .bwizard-steps.clickable li:not(.active) { */
/* 	cursor: pointer } */
/* .bwizard-steps.clickable li:hover:not(.active) { */
/* 	background: #ccc } */
/* .bwizard-steps.clickable li:hover:not(.active):after { */
/* 	border-left-color: #ccc } */
/* .bwizard-steps.clickable li:hover:not(.active) a { */
/* 	color: #08c } */
/* .login-bg{ */
/* 	background-image:url('../img/bg-index.png'); */
/* 	background-size:100%; */
/* 	text-align: center; */
/* } */
/* .login-box-bg{ */
/* 	background-image:url('../img/bg-boxlogin.png'); */
/* 	background-size:100% 100%; */
/* 	padding:20px; */
/* } */
/* .login-logo{ */
/* 	background-size:cover; */
/* } */
/* .posit_left{ */
/* 	width:100px; */
/* 	height:100px; */
/* } */
/* .posit_right{ */
/* 	width:100px; */
/* 	height:100px; */
/* } */
/* .logo_posit_top{ */
/* 	margin-top:150px; */
/* } */
/* .org_logo{ */
/* 	width:100%; */
/* 	height:100%; */
/* 	background-size:cover; */
/* } */
/* .org_address{ */
/* 	width:100%; */
/* 	height:100%; */
/* 	background-size:cover; */
/* } */
/* .login-pad-50{ */
/* 	padding-top:50px; */
/* } */
/* .login-pad-20{ */
/* 	padding-top:20px; */
/* } */


@media (max-width: 972px) { 
	.logo_posit_top{
	margin-top:5px;
	}
}

@media (max-width: 720px) { 
	.logo_posit_top{
	margin-top:5px;
	}
}

@media (max-width: 640px) { 
	.logo_posit_top{
	margin-top:5px;
	}
}

@media (max-width: 480px) { 
	/* badges only on small screens */
	.bwizard-steps li:after,
	.bwizard-steps li:before {
		border: none }
	.bwizard-steps li,
	.bwizard-steps li.active,
	.bwizard-steps li:first-child,
	.bwizard-steps li:last-child {
		margin-right: 0;
		padding: 0;
		background-color: transparent }
	.logo_posit_top{
	margin-top:5px;
	}
}
@media (max-width: 375px) { 
	.wrapper{
		width: 80%;
		margin-left: auto;
    	margin-right: auto;
	}
	.header {
    	text-align: center;
   		margin-left: auto;
    	margin-right: auto;
    	width: 100%;
	}
}
@media (max-width: 320px) { 
	/* badges only on small screens */
	.bwizard-steps li:after,
	.bwizard-steps li:before {
		border: none }
	.bwizard-steps li,
	.bwizard-steps li.active,
	.bwizard-steps li:first-child,
	.bwizard-steps li:last-child {
		margin-right: 0;
		padding: 0;
		background-color: transparent }
	.logo_posit_top{
	margin-top:5px;
	}
}