html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block; unicode-bidi: embed }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
/*h2              { font-size: 1.5em; margin: .75em 0 } */
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }
::selection
{
background:#D7DBD9;
}
::-moz-selection
{
background:#D7DBD9;
}
input[type="button"]:hover{cursor:pointer;}
input[type="password"],textarea, input[type="text"], input[type="email"], input[type="time"] {border:1px solid #aaa;border-radius:5px; text-indent:5px;behavior: url(css/PIE.htc);}
/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

/*  common */

a:focus, input:focus { 
/* it should work, and it usually works */
  outline: none;
}

a:active, input:active {  /* for IE */
  outline: none;
}
/* for buttons in Firefox */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
}
img {
    border:none;
}
select:focus,div:focus,label:focus,p:focus,span:focus,textarea:focus{outline:none}

/* Admin login page*/
body{outline:none;font-family:Arial, Helvetica, sans-serif;background:url("../images/body-repeat-bg.jpg") repeat left top;}
.wrapper{width:960px; margin:-10px auto;}
.wrapper_inner{float:left;width:60%;padding:10% 20% 0% 20%;box-shadow:0 0 5px #C0C0C0;background:url("../images/body-repeat-bg.jpg") repeat left top;behavior: url(css/PIE.htc);}
.wrapper_inner form{padding-bottom:50px;width:100%;float:left;margin:0;}
.admin_logo{text-align: center;width: 100%;float: left;}
.wrapper_inner  h2{border-radius:10px;color:#fff; background:#A70000;padding:10px;text-align: center;border-bottom:1px ridge #fff;behavior: url(css/PIE.htc);}
.wrapper_inner .inner{width:97%;padding:10px;float:left;}
.text_inner{border:2px solid #A70000;border-radius:10px;padding:20px 0 20px 0;width:99%;float:left;behavior: url(css/PIE.htc);}
.inner label{color:#990000;padding-left:84px;width:30%;font-size:22px;float:left;}
.inner span{padding-right:60px;color:#A70000;float:left}
span.require{color:#fff;}
.inner input[type="text"], .inner input[type="password"]{width:30%;padding:5px;float:left;margin:0;}
.inner input[type="button"]{float:right;font-size:16px;background:#A70000;font-weight:bold;color:#fff;}
.log_option{float: right;margin-right: 98px;margin-top: 0px;}
.log_option a{padding:0 10px;color:#990000;}
.log_option a:hover{opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
input.box_dec{border:1px solid #A70000 !important;}
#for_pass{padding:0;}
#login_btn{margin-top:10px;float: left;width: 53%;}
#loader{padding: 5px;width: 41%;float: left;display:none;}
#loader img{padding: 5px;width: 30px;float: left;}
#loader p{margin: 0;padding-top: 10px;float: left;width: 100px;color:#990000;}
.login_err{display:none;text-align: center;width: 100%;float: left;color:red;}
#btn{padding-top:0;}

                     /* Home */
  /* Menu */
.home_inner{float:left;width:100%;margin:0 auto;box-shadow:0 0 5px #C0C0C0;background:url("../images/body-repeat-bg.jpg") repeat left top;behavior: url(css/PIE.htc);}
.home_inner h1{width:43%;float:left;padding-left:8px;}
.home_inner img{width:50%;float:left;}
.home_header{width:100%;float:left;background:url('../images/');}
.home_inner p a{color:#A70000;}
p.log{width:53%;float:left;margin:0;padding:80px 0px 0 15px;text-align:right; }
p.log a{padding:0;}
.log a{text-decoration:none;font-size:20px;font-weight:bold;}
.log a:hover{text-decoration:underline;opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; color:#A70000 !important;}
.head_container{float:left;width:100%;}
ul.admin_menu{border-radius:15px;padding:0;font-size:16px;width:21%;float:left;list-style-type:none;background:#990000;margin-left:10px;behavior: url(css/PIE.htc);}
ul.admin_menu li{width:94%;float:left; padding:10px 0;padding-left:6%;border-bottom:1px solid #ccc;color:#fff;}
ul.admin_menu li a {text-decoration:none;color:#fff;}
li#frst{border-radius:15px 15px 0 0;behavior: url(css/PIE.htc);}
li#last{border-radius:0 0 15px 15px;behavior: url(css/PIE.htc);}
ul.admin_menu li :hover {text-decoration:underline;color:#fff;}
.menu_first{border-radius:15px 15px 0 0 !important;behavior: url(css/PIE.htc);}
.menu_last{border-radius:0px 0px 15px 15px !important;behavior: url(css/PIE.htc);}

 /* Grid */
 .grid_title{width:100%;float:left;text-align:center;}
 .grid_title h3{background:#990000;color:#fff;border-radius:5px; behavior: url(css/PIE.htc); }
.admin_content{padding-left:20px;width:75%;float:left;margin-bottom:50px;}
.contentdiv{width:100%;float:left;margin-bottom:20px;position:relative;}
#loading{background:#EBEBE0;position: relative;height: 416px;float: left;width: 100%;border:1px solid #ccc; border-radius:5px;display:none; behavior: url(css/PIE.htc);}
#loading img{position: absolute;width: 35px;left: 40%;top: 44%;}
#loading p{position: absolute;width: 45px;left: 48%;top: 40%;color:#990000;font-size:22px;}

 /* client details */
 #cltBranchdescription{min-height:135px;min-width:138px;max-height:135px;max-width:138px; border-radius:5px;behavior: url(css/PIE.htc);}
#uptBranchdescription{font-weight: normal;font-size: 13px;min-height:135px;min-width:135px;max-height:135px;max-width:135px; border-radius:5px;behavior: url(css/PIE.htc);}
 .client_details{float:left;width:100%;display:none;}
.client_details h2{text-align:center;color:#A70000;width:100%;border-bottom:2px solid #A70000;margin:10px auto;}
li.over{background-color:#580D0D;}
li#active_link{background:#fff;border:1px solid #990000;border-top:none;}
#active{color:#990000 !important; font-weight:bold;}
.view-image{background:url('../images/view_icon.gif') center center no-repeat  !important;background-size:100%;}
input[type="button"]{cursor:pointer;background:#A70000;padding:5px 10px 5px 10px;border:none;border-radius:10px;color:#fff; behavior: url(css/PIE.htc);}
input.options{/*display:none;*/float:right;color:#fff;font-size:14px;border:none;background:#990000;border-radius:10px;padding:5px 10px 5px 10px;margin-right:10px;position:relative;top:10px; behavior: url(css/PIE.htc);}
button.options{color:#fff;font-size:14px;border:none;background:#990000;border-radius:10px;padding:5px 10px 5px 10px; behavior: url(css/PIE.htc);}
input.options:hover{cursor:pointer;opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
#create, #update{float:left;display:none;margin-left: 38%;font-size:20px;margin-top:10px;width:20%;}
#ajax_load{float: left;width: 20%;display:none;}
#ajax_load img{padding: 13px 0 0 8px;float: left;width: 22px;}
#ajax_load p{color: #A70000;font-size: 16px;margin: 0;padding: 15px 10px 10px 10px;width: 63px;float: left;}
.clnt-header{width:100%;float:left;margin-bottom:10px }
#clnt_dtl{border:none;width:60%;float:left;text-align:right;margin-bottom:0}
.data_err{display:none;color:red;font-weight:bold;font-size:14px;text-align:center;border-radius: 10px;padding: 10px 0;background: #E6E6E6; behavior: url(css/PIE.htc);}
.data_success{display:none;color:green;font-weight:bold;font-size:14px;text-align:center;border-radius: 10px;padding: 10px 0;background: #E6E6E6; behavior: url(css/PIE.htc);}
/* New Form */
.client_des{width:100%;float:left;}
.personal_details{width:50%; *width:49%; float:left;}
.personal_details input, [type="text"], .personal_details input[type="password"], .personal_details input[type="email"], .personal_details  select ,.percentage{width:43%;float:left;padding: 3px 0;margin: 5px 0;}
.personal_details  select{padding-right:4px;border:1px solid #aaa;border-radius:5px;behavior: url(css/PIE.htc);}
.personal_details label{color:#000;width:43%;float:left;margin: 5px;font-size:14px;/*font-weight:bold;*/}
.personal_details .divider, .userinforight .divider{color:#aaa;width:1%;float:left;margin: 5px 11px 5px 5px;}
/**/
.personal_row{
    border: 1px;/* solid green; */
    height: auto;
    overflow: auto;
}
.personal_details2{width:48%; *width:47%; float:left;}
.personal_details2 input, [type="text"], 
.personal_details2 input[type="password"], 
.personal_details2 input[type="email"], 
.personal_details2  select {width:43%;float:left;padding: 3px 0;margin: 5px 0;}
.personal_details2  select{padding-right:4px;border:1px solid #aaa;border-radius:5px;behavior: url(css/PIE.htc);}
.personal_details2 label{color:#000;width:43%;float:left;margin: 5px;font-size:14px;/*font-weight:bold;*/}
.personal_details2 .divider, .userinforight .divider{color:#aaa;width:1%;float:left;margin: 5px 11px 5px 5px;}
/**/
.check_box{width:55%;float:left;margin-bottom:5px;}
.personal_details input[type="checkbox"]{margin:8px 0 8px 0; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.personal_details input{font-family:Arial, Helvetica, sans-serif !important;font-size:13px !important;font-weight:normal;}
.chk_box{width:43%;float:left;background:url('../images/tickempty.jpg') 0px 7px no-repeat;}
#check_address{width:10%;}
.checked{background:url('../images/tick.jpg') 0px 7px no-repeat;}
.submit_btn{width:100%;float:left;text-align:center;}
.client_footer{width:100%;float:left;padding-top:30px}
#foodtypeshow,#paymentmode,#servicearea{float:left;margin-right:20px;}
.grid_category{width:100%;float:left;}
.grid_category label{width:30%;float:left;font-weight: bold;color: #A70000;padding-bottom: 10px;width: 31%;float: left;}
.schedule{float:left;width:50%;}
.day_label{width:7%;float:left;padding-top:5px}
.dayshow{width:100%;float:left;margin-bottom:10px;}
.open_day{width:18%;float:left;padding:3px;}
.from_label{width: 7%;float: left;padding-left: 4px;padding-top:5px}
.timeshowhr, #from_minutes, #to_minutes{width: 8%;float: left;padding: 3px;}
.seperator{width: 1%;float: left;padding: 6px 15px;}
.to_label{width: 5%;float: left;padding-left: 5px;padding-top:5px;}
#open_dayadd{margin-left:15px}
.dayshow_head{margin: 0;width: 99%;float: left;list-style-type: none;display:block;}
.time_details{color: #fff;/*background: #990000;*/width: 92%;float: left;}
.dayshow_head li{float:left;} 
.cal_cls{width: 97%;float: left;}
.dayshow_body{list-style-type: none;margin:10px 0;width: 92%;float: left;}
.dayshow_body li{float:left}
.dayshow_body img{width:17px;}
.dayshow_head{background:#990000;}
.dayshow_head li{color:#fff;}
.time_err{width:76%;margin: 0 60px;display:none;float:left;padding:5px;text-align:center;color:red;/*background:#E1E2FA;*/font-size:14px;border-radius:5px;behavior: url(css/PIE.htc);}

/* Footer */
.footer_content{width:100%;float:left;margin:100px 0 0 0;}
.footer_inner{background:#a70000;width:98%;padding:1px 10px;}
.copyright{width:100%;text-align:center;color:#fff;}
.userinforight{width:100%;float:left;}
.userinforight .select_box{width:45%;float:left;padding-right:10px;}
.userinforight label{width:41%;float:left;text-align:right;padding:5px 10px;font-size:16px;}
.userinforight span{float:left;color:#000;} 
.userinforight select{padding: 3px;width: 50%;border-radius: 5px;border: 1px solid #aaa;behavior: url(css/PIE.htc);}
.active_cls, #active_cls{width:100%;float:left;margin:5px 0;}
#img_upload, #uptImg{width:20%}

/* Food Type */
.userinfoleft{width: 50%;float: left;}
#add_foodtype, #edit_active{margin:10px 0 30px 0;}
#edit_active a, #status_active a{width:48%; float:right;}
#foodtypimgactive, #modifiedimgactive, #imgactive, #modifiedactive, .imgactive{float:left !important;width:17% !important;}
#right_divider, #right_label{float:right;}
#clienttypactive {width:48%; float:right;}
#clientuptactive{width:47%; float:right;}
#clienttypactive img, #clientuptactive  img{width:16%;}

/* Food Category */

#category_active{margin:0;}
#category_active a{width:48%; float:right;}
#right_lbl{float:right;margin-bottom:15px;}
.choose_category{width:100%;float:left;padding:7px;}
.item_lbl{width:100%; float:left;margin:5px 0;}
#item_slt{width:43%;float:left}
#item_slt input{width:20px;float:left;margin-top:7px}
#item_slt label{width:75%;float:left;font-size:13px;font-weight:normal;}
#upload{width:20%}
.hourschedule h3, .holidayschedule h3{border-bottom:2px solid #990000;padding:0 0 10px 3px;font-size:15px;width:98%;color:#990000;}
/*.ui-datepicker-prev{background :#dadada url(images/next_prev.jpg) 1% 46% no-repeat ;}
.ui-datepicker-next{background :#dadada url(images/next_prev.jpg) 100% 46% no-repeat ;}
.ui-datepicker-prev:hover{background :#dadada url(images/next_prev.jpg) 1% 46% no-repeat ;}
.ui-datepicker-next:hover{background :#dadada url(images/next_prev.jpg) 100% 46% no-repeat ;}*/
.ui-datepicker{z-index:100 !important;}
.cal_cls{list-style-type:none;}
/* User permission */
#brdr_none{border:none;}

/* product item*/
#Choose_change{width:100%;}
#item_active a{width:48%; float:right;}
#product_dec label{width:43%;float:left;}
#proSub{width:50% !important;font-size:9px;padding:3px 0}
#product_dec textarea{float:left;border:1px solid #aaa;border-radius:5px;max-width: 315px;max-height:100px;behavior: url(css/PIE.htc);}


.shop_addr{width:100%;float:left;}
.buttons{margin: 15px 0;width: 100%;float: left;}
.restail{width:100%;float:left;}
.restail input{width:10%;float:left;}
.restail span{width:40%;float:left;margin-top:3px;}
#product_add, #service_add, #payment_add{float:right;margin-right:15px;}
.msg_box{text-align: center;float: left;width: 80%;padding: 5% 10% 10% 10%;}
#open_dayshow{float:left;}
#accordion{width:100%;float:left}
.common_btn{margin-bottom: 10px;text-align: center;float: left;width: 100%;}
.ui-accordion .ui-accordion-content {padding:0 0 0 10px !important;}
.ui-accordion-header-icon{background-image: url(images/ui-icons_888888_256x240.png);}
.chk_box input{width:10%;}
/*#client_add,#client_update{display:none;}*/
#open_updayshow{float:left}
 #upfrom_minutes, #upto_minutes{padding:3px;float:left}
#upproduct_add, #upservice_add, #uppayment_add{float:right;margin-right:10px;}
#prod_lbl, #service_lbl, #payment_lbl, #upt_product, #upt_service, #upt_payment{width:10%;}
.holiday_comp{width:100%;float:left}
#minHour{width:20% !important;}
#strt_hour{margin-left:12%;}
#rate_lbl{padding-bottom:8px;}
.mainDish{margin-left:-5px !important; margin:0 0 0 5px\9  !important;}
#openstartTime, #openendTime, #shopstartTime, #shopendTime{width:20%}
#drequeststartTime, #drequestendTime,#drequestamount{width:15%}
.ui-widget-header{background-color:#A70000 !important; border: 1px solid #990000 !important; color:#fff !important;}
.ui-timepicker-table td a, .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {width:1.1em !important;font-size:14px !important; padding-left:0.2em !important;}
.ui-timepicker-table th.periods {font-size:13px !important;}
.ui-timepicker-table .ui-timepicker-title{line-height:1em !important; font-size:1em !important; font-weight:normal !important;}
#upopen_dayadd{margin-left:10px;}
#addBtn{display:none;}

.logtime{width:56%;float:left;}
.clock {padding-top: 12px;float: left;width: 100%;color: #000}
#Date{float: left;margin: 0;width: 75%;font-size: 16px;text-align: right;}
#loginTime{float: left;margin: 0;width: 80%;font-size: 16px;text-align: right;}
#timer{width:20%}
.timer { float: left;width: 24%;margin: 0 auto;padding: 0px;list-style: none;text-align: right;}
.timer li {display: inline;font-size: 1em;text-align: right;}
#point {position: relative;padding-left: 10px;padding-right: 10px;}
.clock #welcome{float:right;width:16%;margin:0; text-align:right;font-weight:bold;color:#a70000;}
.clock span{width:2%; float:right;}
#btnlogout{width:11%;float:right;color:#a70000;text-decoration:none;font-weight:bold;}
#btnlogout:focus{text-decoration:underline;}
#logName{width:27%;float:right;margin:0;text-align:right;color:#0C2559;padding-right:10px}
.log_text{width:100%;float:left;margin:5px 0;color:#000;text-align:right;}
.save_btn{width:100%;float:left;text-align:center}
#map_canvas{height:500px;width:700px;}
#workday{width:12%}
.ui-datepicker-calendar td{width:2% !important}
#ui-datepicker-div{width:18% !important}
.ui-datepicker-prev, .ui-datepicker-next{background:#dadada !important;}
.ui-state-default{font-size:13px !important;}
.ui-datepicker th{font-size:14px !important;}
.ui-datepicker-title{font-size:16px !important;}
#change, #choose{text-indent:10px;}
#btn_outer{margin-left:0;}
#fancyRadio{margin-top:-12px; margin-bottom:-7px;text-align:left}
#qty{text-align:left;}
#radioOption{margin:-10px !important}
.group_dtl{width:43%}
.grp_lbl{width:10% !important;}
.grp_select{width:17% !important;margin-right:10px !important;float: left;}
.groupName{display:none;}
.groupAdd label{width:25%}
#itemgroupName{width:20%;margin-right:7%}
#itemPrimary{width: 22% !important; margin-right: 5% !important;}
#open_groupadd{width:10%; float:right; margin-right:5%}
.ui-corner-all.checked{background:none}
#cltreg_edit, #cltreg_add, #save, span#add, span#edit{font-size:14px;float: right;color: #fff;padding: 5px 16px;margin-left: 2%;background: #a70000;border-radius: 10px;text-align: center;cursor: pointer;}
#save{float:left !important; background: url('../images/save.jpg') 3px no-repeat;width: 115px;height: 1px;padding: 18px;}
#submit{ background: url('../images/save.jpg') 3px no-repeat;width: 17%;float:right;margin-right:5%}
#company_dtl, #shop_dtl1, #openhour_dtl, #product_dtl, #service_dtl, #payment_dtl{display:none;}
#product_dec{margin-bottom: 10px;}
.status_img, #delivery_setting{width:100%; float:left}
#brdr_none #save{width:17%}
#delivery_setting label{width:30%;}
#delivery_setting input[type="text"]{width:20%;}
#startKilometer, #endKilometer{margin-right:11%;}
#cost{margin-right:5%;}
#rate_add{width:10%;padding: 5px 38px;}
#dialog-form{display:none;}
.ui-dialog{width:795px !important;}
#item_shw{width:100%;margin-top:2%}
#item_shw label{width:15% !important;}
#item_shw input[type="text"], #item_shw  select{width:20% ; margin-right:3%;}
#item_shw input[type="button"]{width:10%;}
#item_hdr{width: 98%;margin: 3% 0 0% 1%;border-bottom: 2px solid;padding-bottom: 6px;}
.ui-dialog .ui-dialog-title, .ui-widget{font-size:14px !important}
img.level, img.itemlevel{width:18px !important}
#productCategory, #productItem{display:none}	
#mdescription{max-height: 100px;max-width: 321px;}
#reject, #approve{float:right;}
#ui-accordion-accordion-panel-3 .ui-multiselect, #ui-accordion-accordion-panel-4 .ui-multiselect, #ui-accordion-accordion-panel-5 .ui-multiselect{width:30% !important; max-width:30% !important}
#ui-accordion-accordion-panel-3 .day_label, #ui-accordion-accordion-panel-4 .day_label, #ui-accordion-accordion-panel-5 .day_label{width:11%}
#panel6  .day_label, #panel4  .day_label, #panel5  .day_label{width:10%}
.selectedlist{ background:#E1DEE4;}
.ui-multiselect{overflow:hidden;}
.lanquage{float: right}
.red{
    color: red;
}
#ordersSelection >div{
    float: left;
    width: 33%;
    padding-bottom: 10px;
}
#ordersSelection input{
    float: left;

}
*, *:before, *:after{
    box-sizing: content-box;
}
.personal_details_wrapper{
    width: 100%;
    float: left;
}