body{ background:#d9d9d9;}
main {
  position: relative;
  height: 100vh;
}

.menu {
 padding-left:0 !important;
  height: 100vh;
 /* position: fixed;*/
  top: 0;
  left: 0;
  z-index: 5;
  outline: none;margin-bottom: 30px;
}

.menu ul {
  list-style: none;
 padding:0;
  margin: 0;border-bottom: 1px solid #ffffff;
}
.menu ul li {
  padding: 0.5em 1em 0.5em 3em;border-top: 1px solid #ffffff;
  font-size: 0.95em;
  font-weight: regular;
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: auto 20px;
  transition: all 0.15s linear;
  cursor: pointer;
}
.menu ul li a{ color:#595d58; font-size: 18px;}
.menu ul li.icon {
 background:url(../images/doc.png) no-repeat; background-size:16px 16px; background-position:15px 12px;
}

.menu ul li:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.menu ul li:focus {
  outline: none;
}

/*home page*/
.main-header .dropdown{ margin: 10px 0; }
.main-header .text-center .titleTxt{ font-size:45px;color:#00c0ef;text-transform:uppercase; }
.main-header .dropdown-menu{ left:auto; right:0;}
.main-header .dropdown-toggle{ border:0;color:#000;font-size: 24px;}
.main-header .dropdown-toggle img{ width:36px;}
.main-header .dropdown-toggle.btn-default:hover, .main-header .dropdown-toggle.btn-default:active:hover, .main-header .dropdown-toggle.btn-default.active:hover, .main-header .open > .dropdown-toggle.btn-default:hover, .main-header .dropdown-toggle.btn-default:active:focus, .main-header .dropdown-toggle.btn-default.active:focus, .main-header .open > .dropdown-toggle.btn-default:focus, .main-header .dropdown-toggle.btn-default.focus:active, .main-header .dropdown-toggle.btn-default.active.focus, .main-header .open > .dropdown-toggle.btn-default.focus{ background:transparent; border-color:transparent; color:#000;}
.main-header{ /*border-bottom:25px solid ##00c0ef;*/background:#fff;}
.kt-status{  border-radius:50%; padding:6px;  background:#135005;}
.menu .menu-bg{ background: #000000; height: 100vh; padding: 25px 0;}
header{ margin-bottom: 10px; } 
header h2, header span{ color:#fff;}
header img{width: 60px;display:inline-block;   margin-right: 8px;height:60px;border-radius:50%;}
header h2{ font-size: 18px;margin: 9px 0 0; }
header span{ margin-top:8px;display: inline-block; vertical-align: middle;}
.main-bg{ background:url(../images/sas_bg.jpg) no-repeat; height:88.5vh; padding:25px 36px;}
.search-box input, .search-box span{ display:inline-block; width:auto;}
.search-box input{ border-color: #000000;border-radius: 0;margin-right: 10px;}
.btn-delete{ background:#f91504; color:#fff; border-radius:0;}
.main-bg h2{ margin:7px 0;}
.sub-nav{ margin:38px 0;}
.menu  header{ padding:0 15px;}
table{ width:100%;}
main {padding-right: 30px !important;}
.btn-delete:hover, .btn-delete:focus{ color:#fff;}
table th{ background:#000; color:#fff; }
.table-bordered > thead > tr th{border-color:#000;}
table th input.form-control, table td input.form-control{ height: 22px; margin: 0px; width: auto;}
table th, table td{ text-align:center;}
.main-cont table th:first-child{width: 20px;}
.table-bordered > tbody > tr > td{ border-color:#010101; background:#d6d7d6;}

.Loginmain-bg{
	padding:30px !important;
	/*height:auto !important;*/
	position:relative;
	float:left;
	width:100%;
}

.Loginsub-bg{
	/*
	padding:90px 0;
	position:relative;
	float:left;
	width:100%;
	
	margin:80px 60px;*/
}

.Login-Frm{
	background:#fff;
	position:relative;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
	width:100%;
}
.wth100{
position:relative;
float:left;
width:100%;}
.Longintext-header{
color:##00c0ef;
font-size:35px;
margin:0 0 36px 0 !important;	
}

.input-group{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:35px;
}
	
.Login_email{
	background:#faffbd !important;
	border:1px solid #caccbf !important;
	border-radius:4px !important;
	color:#000 !important;
	box-shadow:none;
	}
	
	input[type="text"].Login_email::-webkit-input-placeholder {
  color: #8d8d8d;
}
	input[type="text"].Login_email::-moz-placeholder {
  color: #8d8d8d;
}

	input[type="text"].Login_email:-ms-input-placeholder {
  color: #8d8d8d;
}

	input[type="text"].Login_email:-moz-placeholder {
  color: #8d8d8d;
}

	input[type="password"].Login_email::-webkit-input-placeholder {
  color: #8d8d8d;
}
	input[type="password"].Login_email::-moz-placeholder {
  color: #8d8d8d;
}

	input[type="password"].Login_email:-ms-input-placeholder {
  color: #8d8d8d;
}

	input[type="password"].Login_email:-moz-placeholder {
  color: #8d8d8d;
}

.checkbox{
	margin:0 0 40px 0 !important;
	color:#5c6183;
}

.Login-button{
	background:transparent;
	border:1px solid #d7d7d7;
	padding:10px 14px;
	color:#000;
	font-size:17px !important;
	border-radius:4px !important;
	font-family: 'Open Sans', sans-serif;
	
	}
	
	.forgotpassword{
		font-size:17px;
		color:#5c6183;
		margin-left:14px;
			font-family: 'Open Sans', sans-serif;
}
.footerlogin{
	border-top:1px solid #dddddd;
	margin-top:20px;
	}
	
	.footerloginimg{
		/*
		margin-top:55px;
		margin-bottom:50px;
		*/
		max-width:400px;
		margin-left:auto;
		margin-right:auto;
width:70%;
}

.LoginFootertext{
	color:#000;
	font-size:14px !important;
	margin:0;
	font-family: 'Open Sans', sans-serif;
}

.labelcustomer{
	text-align:left;
	width:100%;
	color:#000;
	font-size:16px;
	margin-bottom:10px;
	font-family: 'Open Sans', sans-serif;
}

.review{
	margin-top:40px;
}

.kitcheninput{
border-radius:4px;
border-color:#c6c6c6;
height:auto;
padding:10px 12px;	
font-size:16px;

color:#000;
}

.kitchenform{
	margin-bottom:15px;
}

.kitbutton{
	border:#105d9e;
	background:#357cba;
	color:#fff;
	border-radius:4px;
	padding:10px 20px;
	font-size:16px;
}

.register{
	height:auto;
}

.kitselect{
	width:100%;
}

.regbutton{
background:#ff8319;
color:#fff;
border:none;
padding:8px 25px;
font-size:18px;
float:right;
margin:0 10px;
min-width:115px;	
}

.main-bg h3{
	font-size:40px;
	margin-bottom:0;
	font-family: 'Open Sans', sans-serif;
}

.mrg0{
	margin:0;	
}

.COunter{
	margin-top:20px;
}

.counter-offer tbody tr td{
	text-align:left;
}

table tbody tr:nth-child(even) td {
    background: #e7e7e7;
}

table tbody tr:nth-child(odd) td{
    background: #a1a1a1;	
}

.bgwhite{
	background:#fff;

}

a.LoginFootertext{
	margin-top:20px;
	width:100%;
	position:relative;
	float:left;
	
}

.profiletitle{
color: #000;
    font-size: 18px;
    float: left;
    position: relative;	
	font-family: 'Open Sans', sans-serif;
}

.profbut{
	float:left !important;
	width:auto;
	margin-left:0;
	}
	
	.form-group{
		position:relative;
		float:left;
		width:100%;
		}

.form-group label{
		position:relative;
		float:left;
}

.blue{
	background:#034168;
	width:auto;
}

@media only screen and (max-width: 1120px) {
.profiletitle{
	font-size:20px
}
}

@media only screen and (max-width: 910px) {
.profiletitle{
	font-size:18px
}
}

@media only screen and (max-width: 543px) {
.Loginmain-bg{
	 padding: 30px 10px !important;}
.regbutton{
width:100%;
margin-top:10px;
float:left;	
margin-left:0;
}
	
	
.Loginsub-bg{
    padding: 40px 10px;
		
}

.forgotpassword{
	width:100%;
	position:relative;
	float:left;
	}
}

@media only screen and (max-width: 768px) {
.Loginsub-bg{
    padding: 40px 10px;
		
}
}


@media only screen and (max-width: 810px) {
	.restable thead tr th{
min-width:150px !important;	
}
.restable thead tr th:nth-child(1){
min-width:40px !important;	

}
.restable{
    width: 100%;
    overflow-x: auto;
    display: block;	
	position:relative;
	float:left;
}

.messrestable{
display:table !important;	
}

}

a:hover{
color:#000;	
text-decoration:none;
}

.mrgt20{
margin-top:20px;
	
}
@media only screen and (max-width: 992px){
.respull{
float:left !important;	
margin-top:15px;
width:100%;
}
}

@media only screen and (max-width: 400px){
	.wdth100, .wdth100 label, .wdth100 label a{
	width:100%;
	position:relative;
	float:left !important;
	text-align:center;
	}
}
@media only screen and (max-width: 768px){
.Showlabel{
 float: left;
    position: relative;
    width: 18%;
}	

.enterieslabel{
   float: left;
    position: relative;
    width: 26%;	
}

.selectshow{
 float: left;
    margin: -5px 1%;
    position: relative;
    width: 20%;	
}
.dataTables_length{
width:100%;
position:relative;
float:left;
margin-bottom:10px;	
}
.resmrgt10{
margin-top:10px;
margin-bottom:10px;	

}
.register{
margin-bottom:20px;	
}
}

#changestatus{
width:100%;	
}

.messrestable tbody tr td{
	text-align:left;
}

table thead tr th{
cursor:pointer;	
}

#common_tb{
float: left;
position: relative;
width: 100%;
}