body {font:12px/14px "Open-Sans-Semibold"; width:100%; overflow-x: hidden; overflow-y: scroll;}
/*body {font:13px arial; width:100%;}*/
body.login-page{background: #DFDFDF; }

/* header Login Page*/
.login-page .header{background:none; height:215px;}
.login-page .header .container{text-align:center;}
.login-page .header .logo{ }

/* Login Page*/
.login-page .login-box{
		background: #fff; 
		width: 428px; 
		height: 304px;
		margin: 0 auto;  
		border-radius:5px;
		-webkit-box-shadow: 1px 3px 20px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 3px 20px 0px rgba(0,0,0,0.75);
		box-shadow: 1px 3px 20px 0px rgba(0,0,0,0.75);
	}
.login-box  .fields{margin:5px 0 0 0; padding:0;  height:62px;}
.login-box .inner-addon{
	padding: 10px 0;
	text-align: center;
	width: 330px;
	margin: 0 auto;
	height: 40px;
}
.login-box .glyphicon{color:#39617b;  padding:0 11px; margin-right:10px; float:left;}
.login-box  .glyphicon-user{background-image: url("../images/icon-login-user.png"); background-repeat:no-repeat; width:24px; height:24px; color:transparent; margin: -3px 10px 0 10px}
.login-box  .glyphicon-lock{background-image: url("../images/icon-key.png"); background-repeat:no-repeat; width:17px; height:24px; color:transparent; margin: -4px 9px 0 13px;}
.login-box .submit{text-align:center; margin-top: -5px;}
.login-box #ncSubmit{color:#ffffff; background:#0074b3; padding:13px 35px 15px; font:16px "Open-Sans-Semibold"; border:0; border-radius: 5px;}
.login-box .generror{
	color: #B51F26;
    text-align: center;
    font-size: 12px;
    padding: 0 5px 35px 0;
    height: 15px;
    margin-top: -15px;
}
.login-box .generror p{padding:0;}
.generror{color:#B51F26; text-align:left; font-size:10px; padding:0 5px 0 0; height:15px;}
.generror p{padding:0;}
h1.forgotHeading, h1.heading{ padding: 12px 0; text-align: left; font-size: 22px; color: #2B566C;  border-radius:5px 5px 0 0 ; margin-bottom:30px;}
h1.forgotHeading{
	background:#b0bf2a;
	color:#fff;
	text-align: center;
	height:48px;
}
.login-page .footer {background:none; position:absolute; bottom:0;}
.login-box{display: table;}
.grayPannel{background: #e7e7e7; margin: 0 0 20px 0; padding:30px 0;}
.grayPannel .inner-addon{margin-left: calc((100% - 280px)/2)}
#reset_password_form label{width:auto}
#list_table .inner-addon{/*margin-top: calc((100% - 160px)/2);*/ line-height: 18px; color: green; border: 1px solid #ccc; }
.white-bg{ background: #FFF;}
.login-forgot{ padding: 0 0 0 0px !important;}

.grayPannel .fields .watermark{ padding: 5px 0; }
.user-image{ top: 10%; }
.login-box input{
	border: 0px;
	width: 270px;
	font-size: 14px;
	color: #555;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.loginOff a{
	display: inline-block;
	padding: 10px 20px;
	background: #fff;
	border-radius: 8px;
	font-size: 12px;
	text-decoration: none;
}
/* Footer */
.footer {
    font: 11px/12px "Arial";
    text-align: center;
    background: #f9f9f9;
    /*position: fixed;*/
    bottom: 0;
    left: 0;
    /* right: 0; */
    border-top: 1px solid #919191;
    height: 36px;
    line-height: 36px;
    width: 100%;
}
.footer .container { padding:15px 0; color: #0074b3; font-size:13px; }
.login-page .footer .container {color: #fff; }

/* header Inner Page*/
.container{/* width:1024px; */ margin:0 auto; padding:0;}
.login-page .container.login-page .logo {background-image: url("../images/logo.png"); float:left;	height:65px; width:441px; margin:85px 355px 0 355px;}
.header .logo {background: url("../images/logo.png") no-repeat; background-size:100%; float:left;	height:50px; width:200px; margin:20px 0 15px; }
.header .container  .dropdown{float:right; padding:25px 0 0 0;}
.loginOff{background-image: url("../images/icon-user.png"); background-repeat:no-repeat; background-position:left;height:32px;}
.loginOff .user-name{padding: 0 20px; color: #fff; border-right:1px solid #ccc; margin-right:20px; font-size:12px;}
.loginOff .user-name a{color:#000000;}
.loginOff .caret{color:#b72026;}
.ajax-loader{background-image: url("../images/ajax-loader.gif"); background-repeat:no-repeat; background-position:center; height: 60px; display: inline-block; width: 100px; }
.no-height{ height: auto !important; }
.pagecontainer{background:#f9f9f9; margin:0 0 20px 0;}

/*******New Theming style*******/
.contentWrap{
    max-height: 100%;
    box-sizing: border-box;
    padding-bottom: 30px;
}

.addOrder-contentWrap
{
    padding-bottom: 0px !important;
}

.logo-position{
    box-sizing: content-box;
    padding: 55px 0px;
}
.login-panel{
    box-shadow: 0px 0px 10px #c8c8c8;
    box-sizing: border-box;
    padding: 14px;
}
.login-panel i{
    font-size: 20px;
}
.login-panel .header-section{
    border-bottom: 1px solid #c8c8c8;
    width: 100%;
}
.login-panel .heding-title{
    display: inline-block;
    font-size: 18px;
    margin-left: 8px;
    padding-bottom: 5px;
}
.login-panel ul{
    list-style: none;
    margin-top: 15px;
    line-height: 20px;
    font-size: 13px;
}
.login-panel .form-container{
    box-sizing: border-box;
    padding: 12px;
}
.login-panel .form-control {
    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: 0px;
    border: 1px solid #c8c8c8;
    border-radius: 0px;
    box-shadow:none;
    /* -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;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(255,255,255);
}

.login-panel .btn-wrapper{
    text-align: right;
}
.login-panel button{
    height: 35px;
    border: none;
    font-size: 14px;
    width: 120px;
}
.btn-black{
    background-color: #000;
    border-color: #000;
    color: #fff;
	padding:5px 12px;
}
 .btn-black:hover, .btn-black:focus{
    color: #fff;
} 
/**Restaurent List Page***/
.printCtrl{
    display: block;
    position: absolute;
    right: 30px;
    top: 22px;
    font-size: 18px;
    box-sizing: border-box;
    padding: 5px 5px;
    /* background-color: #c8c8c8; */
    /* border-radius: 50%; */
    /* height: 30px; */
    /* width: 30px; */
    cursor: pointer;
}
.searchCtrlWrapper{
    margin-top: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #c8c8c8;
    overflow: hidden;
}
.searchCtrlWrapper div{
    display: inline-block;
}
.searchCtrlWrapper div ul{
    list-style: none;
}

.searchfeild.itemRes-head div:first-child{ width: 38.5% ; }

.searchfeild.itemRes-head div:nth-last-child(2){ width: 31% !important; }

.form-control{
    display: inline-block;
    width: 100%;
    height: 23px;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #999999;
    /* 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); */
}

.commonForm-control{ width: 85%; }

.addItem-formLabel label{margin-right: 5px;  }

#ActionOption{
    display: inline-block; 
    height: 26px;
   /*  padding: 3px 5px; */
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #999999;
    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); */
     
}
input[type=checkbox].form-control, input[type=radio].form-control{
    height: 18px;
    padding: 5px 5px;
    width: 18px;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px;
    margin-top: 0px;
}
.search-area .form-control,.views .form-control{
    display: inline-block;
    width: 100%;
   height: 26px;
    padding: 3px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #cc;
    /* 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); */
     
}
.control-label{text-align: left;
    min-width: 50px;}

.permission-label{ width: 145px; } /*before it is 120px*/

.control-from{ min-width:35px; }

.control-to{ min-width: 19px; }

.control-location{min-width:55px; }

.define-width-md3{ width: 21.5%; }
/* .form-group input.searchboxKeywords{width:185px;} */

.addorder-form
{
    margin-bottom: 0 !important;
}
.sortable:hover {
     cursor: pointer;
 }

.row.resultTable {
    padding: 0 15px;
   /* height: 464px;
    overflow-y: auto;*/
	height:100%;
}
.row.resultTable::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
.resultTable table{
    margin: 0 auto;
	width:100%;
}
.resultTable table thead tr{
        height: 30px;
    background-color: #f2f2f2;
}
.resultTable table thead tr th,.resultTable table tbody tr td{
   padding: 1px 5px;
}

.itemList-tablesection tr th:first,.itemList-tablesection tr th:nth-child(2){ width: 5%; }
.itemList-tablesection tr th:nth-child(3){ width: 8%; }
.itemList-tablesection tr th:nth-child(4){ width: 24%; }
.itemList-tablesection tr th:nth-child(5){ width: 10%; }
.itemList-tablesection tr th:nth-child(6){ width: 18%; }
.itemList-tablesection tr th:nth-child(7){ width: 6%; }
.itemList-tablesection tr th:last-child{ width: 16%; }

.itemList-tablesection tr td:nth-child(8) input{width:57px;}

.tablesection>tbody>tr>td, .tablesection>tbody>tr>th, 
.tablesection>tfoot>tr>td, .tablesection>tfoot>tr>th, 
.tablesection>thead>tr>td, .tablesection>thead>tr>th 
{
    border:1px solid #7F7F7F !important;
}
.resultTable table tbody tr{
    border-bottom: 1px solid #f2f2f2;
}
.pagination-links{
    position: relative;
    /* right: 87px; */
    margin: 0 auto;
    width: 100%;
    text-align: center;
    display: block;
    clear: both;
    box-sizing: border-box;
    padding: 10px 0px;
}
#pagination-clean a{
    display: inline-block;
    margin: 0 5px;
    font-size: 14px;
    color: #333;
}
#pagination-clean a:hover{
    font-weight: bold;
}
#pagination-clean strong{
    display: inline-block;
    margin: 0 5px;
    font-size: 14px;
    background: #c2c2c2;
    box-sizing: border-box;
    padding: 5px 5px;
    text-align: center;
}
/**Admin Dashboard**/
.grid-wrapper{
    padding-top: 14px;
    padding-left:95px;
}
.dashboard-grid{
    position: relative;
    min-height: 80px;
    float: left;
    width: 470px;
    margin: 15px;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 3px 5px 10px #c8c8c8;
}
.dashboard-grid .grid-title{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25px;
    background-color: #f2f2f2;
}
.dashboard-grid .grid-title span{
    display: inline-block;
    /* background: red; */
    height: inherit;
    line-height: 25px;
    padding-left: 10px;
    color: #000;
    font-size: 12px;
    font-weight: 700;
}
.dashboard-grid .grid-content{
    clear: both;
    margin-top: 22px;
}
/***Add Order Page****/


/***Form Styles***/
#frmaddrestaurant{
  /*  width: 600px;
   margin: 0 auto; */
}
#frmaddrestaurant .form-group{
  /*  position: relative;
   margin-bottom: 24px; */
}
#frmaddrestaurant label{
 /*  width: 180px; */
}
#frmaddrestaurant label.arearestorent, #frmaddcustomer label.textleftadd, #frmeditcustomer label.textleftadd {
	padding-top: 7px;
 width: 160px; 
}

#frmaddrestaurant input{
 /*  width:280px; */
}
#frmaddrestaurant p{
   position: absolute;
    left: 186px;
    color: red;
}
/***Delivery Charges Form****/
#frmdeliverycharges{
  width: 380px;
  margin: 0 auto;
}
#frmdeliverycharges .form-control{
  border: none;
  box-shadow: none;
}
label.error{
	clear:both;
	display: block;
    color: red;
    font-weight:normal;
    width:100%;
}

label.valid{
	clear:both;
	display: block;
    color: green;
    font-weight:normal;
    width:100%;
}
/**** permission form **/
.common_form{
	   width: 600px;
   margin: 0 auto;
}
.commonformcustom{
	   width: 600px;
   margin: 0 auto;
}
.common_form .form-group{
   position: relative;
   margin-bottom: 24px;
   clear:both;
}
.common_form .label-div{
	width:185px; 
	float: left;
	margin-bottom: 24px;
}
.common_form .input-div{
	width:380px; 
	float: left;
}
.common_form label.error{
  width: 250px;
  display: inline;
  padding-left: 5px;
}	
.common_form label{
  width: 180px;
}


.common_form .checkbox-div{
	width:100px; float:left;
}
.common_form .checkbox-group{
	width:550px;
}
.common_form input[type=checkbox] {
    width: 15px !important;
}
#frmaddeditemployee input {
    /* width: 280px; */
}

#frmaddeditemployee label.textleftadd {
    padding-top:7px;
}
#frmaddeditemployee select {
   /*  width: 150px !important; */
}
.form-required{
	color: red ;
}

.permission{
	width:100px; 
	float:left;
	clear:both; 
	margin:10px 0; 
	text-transform: capitalize;
}
.tab_content1 a{
	padding: 2px 2px 0px;
	display:block;
	float: left;
}	

.prepaid_color_box {
  float: left;
  width: 14px;
  height: 15px;
 
  border: 1px solid rgba(0, 0, 0, .2);
}

.prepaid_blue {
  background: #83CDDD;
}
.prepaid_green {
  background: #9AD69B;
}
.prepaid_yellow {
  background: #FAF3AD;
}
.prepaid_red {
  background: #FEB1A8;
}

.noPd-left{ padding-left: 0!important; }

.noPd-right{ padding-right: 0!important;}

.noPd{ padding:0;}

.btn-lineHeight{ line-height: normal !important; }

.foodSubmit-btn{ margin-top: 2px;}

.padTpBtm8{  padding-top: 8px!important;padding-bottom: 8px!important;}

.orginOforder-addbox{ width: 410px !important;  }

.referral-addbox{ width: 440px !important; }

.referral-submitBtn{ width: 0!important;margin: 0 15px; }

.dailyTransaction-search{ padding-left: 0; }

.dailyTransaction-search label{ width: 45px !important; }

.dailyTransaction-search input,.expenseTrans-input input{ width: 73.5%!important; }

.dailyTransaction-location div.form-group{ margin: 0; }

/*.areaWise-report div div:nth-child(4){ margin-right: -45px; }*/

.cancelOrder-res { width: 63% !important; }

.customerOrder-contact{ width: 40% !important; }

.searchEditlWrapper{ display: block !important; }

.dailySales-showDetail{ width: 30px !important; }

.dailySales-empName,.empExpense-report div:nth-child(3) >.reportwidth,.kmReport-date>.reportwidth
{ width: 65% !important; }

.dailSales-resName{ display: block !important;width: 70% !important;float: right; }

.daiySales-control{ border-radius: 4px; }

.daiySales-control option{ padding: 5px; }

.showdetail-width{ width: 10px !important; }

.emporderRep-container,.exwiseReport-location{ width: 20% !important; }

.tastReport-location{width: 22% !important;padding-left:0;}

.exwiseReport-location > .reportwidth{ width: 56%; }

.emporderRep-container >.selectEmp-width{ width: 62% !important; }

.expense-report div:nth-child(4) >.reportwidth
{ width: 55% !important; }

.expense-report div:first-child >.reportwidth ,.expense-report div:nth-child(2)>.reportwidth,
.expeneseWise-report div:first-child >.reportwidth,.expeneseWise-report div:nth-child(2)>.reportwidth,
.expeneseWise-report div:nth-child(3)>.reportwidth{
    width: 64% !important;
}

.expeneseWise-report div:nth-child(3){ width: 21%;}

.expenseWise-view{ margin-right:15px; }

/*.expeneseWise-report div:nth-child(3),.expeneseWise-report div:nth-child(4){ width: 18% !important; }*/

/*.expeneseWise-report div:nth-child(3) >.reportwidth{ width: 60% !important; }*/

.showDetail-container > .reportwidth{ width:initial !important; }

.selectDate-width{ width: 52%!important; }

.kmReport-date label{ min-width: 30px; }

.attendanceRep-location{ padding-left: 5px; }

.paymentType-label{ vertical-align: middle; }

.expenseTran-location,.dailyTransaction-location{ margin-right: -15px; }

.editOrder-location{ padding-top: 5px; }

.updateEdit-float{ float: right !important; }

.addCustomer-default{ display: block;padding-top: 5px; }

.editOrderlist-time{ float: right !important; }

.editOrderlist-date{ width: 100px !important; }

#Remarks{ color:red; font-weight: bold;padding: 3px 5px; }