/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

body{margin:0; padding:0; background: url(../images/bg.jpg) top center no-repeat, url(../images/bg-s.jpg) top center repeat-x; font-family: "Source Sans Pro", sans-serif;}
* {margin: 0px;padding: 0px;}
a:active, a:focus, a:hover {outline: 0!important;text-decoration: none !important;}
body {margin: 0;color: #333333; font-family:"Source Sans Pro", sans-serif;}
body a {transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
html, body {width: 100%;height: 100%;}
.sign-in-container {margin: 30px auto;}
.sign-in-container .login-wrapper {position: relative;}
.sign-in-container .login-wrapper .header {padding: 20px 20px 10px 20px;margin: 0;}
.sign-in-container .login-wrapper .header h3 {line-height: 100px;margin: 0;padding: 0;color: #f63131;width: 100%;display: block;text-align: center;

	color: #fff;
	font-size: 70px;
	font-weight: 600;
	text-transform: uppercase;
    text-shadow: 0 2px 0px rgba(221, 211, 211, 0.7);
}
.sign-in-container .login-wrapper .header p {font-size: 12px;text-align: left;line-height: 18px;color: gray;padding: 10px 0;margin: 0;}
.sign-in-container .login-wrapper .header .logo img {}
.sign-in-container .login-wrapper .content {padding:10px 20px 0px 0px; text-align:center;}

.sign-in-container .login-wrapper .content p {
	color: #fff;
	font-size: 40px;
	font-weight: 600;
	line-height: 50px;
	text-shadow: 0 2px 0px rgba(47, 47, 47, 0.6);
    border-top: 1px rgba(255, 255, 255, 0.09) solid;
    padding: 30px 0px;
}
.sign-in-container .login-wrapper .content .input {height: 30px;font-weight: normal;color: #cccccc;box-shadow: none;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.sign-in-container .login-wrapper .content .input:hover, .sign-in-container .login-wrapper .content select:hover {background: #fafafa;}
.sign-in-container .login-wrapper .actions {padding: 10px 20px;background: white;border-radius: 0 0 4px 4px;}
.sign-in-container .login-wrapper .actions .btn {float: right;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;background-color: #e74e28;color: #fff;font-size: 15px;text-transform: uppercase;font-family: "opensanssemibd";border: 1px solid transparent;}
.sign-in-container .login-wrapper .actions .btn:hover, .sign-in-container .login-wrapper .actions .btn:focus {background-color: #e47825;color: #fff;}
.sign-in-container .login-wrapper .actions .btn.disabled {box-shadow: none;cursor: not-allowed;background: #221f1f;opacity: 0.65;color: #6c6767;border-color: #221f1f;}
.sign-in-container .login-wrapper .actions .btn:hover.disabled {box-shadow: none;cursor: not-allowed;background: #221f1f;opacity: 0.65;border-color: #221f1f;}
.sign-in-container .login-wrapper .actions .link {float: right;padding: 8px;margin-right: 10px;color: #737373;}
#outer {position: relative;width: 100%;height: 100%;}
#outer #container {width: 100%;max-width:50%;position: absolute;transform: translate(-50%, -50%);left: 50%;top: 40%;}
.my-wrapper {}
.login-wrapper input.error[type="text"], .login-wrapper textarea.error, .login-wrapper select.error {border: 1px solid #ff4e00 !important;box-shadow: 0 0 6px #f99 !important;}
.login-wrapper input[type="text"], .login-wrapper input[type="password"] {border-radius: 3px;color: #898888;background: none;outline: none;font-size: 14px;padding: .5em;height: 44px;margin: 0em;border: solid 1px #dedfdf;-webkit-appearance: none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.login-wrapper input[type="submit"] {border: none;outline: none;color: #FFF;padding: .5em 1.5em;font-size: 15px;font-weight: 600;margin: 1em 0 0 0;-webkit-appearance: none;background: #4f0a41;text-transform: capitalize;font-family: "opensanssemibd";}
.login-wrapper input[type="submit"]:hover {background: #221f1f;}
.login-wrapper .error-msg {color: #d92727 !important;display: block;font-family: arial;font-size: 14px;font-weight: normal;margin-top: 8px;text-align: left;}
.login-wrapper div.error-msg {color: #d92727 !important;font-size: 13px !important;font-weight: normal;margin-top: 5px;padding-left: 5px !important;padding-top: 2px !important;text-align: left;}
.login-wrapper .btn:focus {outline: none;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
.login-wrapper #flashMessage.message {/*color: #d92727 !important;*/display: block;font-family: arial;font-size: 14px;font-weight: bold;margin-top: 8px;text-align: left;padding: 10px;background-color: #f2dede;border: 1px solid #ebccd1;color: #a94442;border-radius: 4px;margin-bottom: 20px;}

.alert-success{display: block;font-family: arial;font-size: 14px;font-weight: bold;margin-top: 8px;text-align: left;padding: 10px;background-color: #dff0d8;border:1px solid #d6e9c6;color: #3c763d; border-radius:4px; }



.alert-danger{display: block;font-family: arial;font-size: 14px;font-weight: bold;margin-top: 8px;text-align: left;padding:10px; border-radius:4px;border:1px solid #ebccd1; }

.login-wrapper input[type="text"]:focus, .login-wrapper input[type="password"]:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)}
.contact-grid {padding-top: 2em;}
#wrapper {min-height: 100%;position: relative; background:#fff; }
#header {background-color: #ededed;padding: 10px;}
#content {padding-bottom: 100px;}
#footer {width: 100%;height: 100px;position: absolute;bottom: 0;left: 0;}
body a {transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
input[type="button"] {transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
#wrapper {padding-left: 0;}
#page-wrapper {width: 100%;padding: 5px 15px;background: #fff;}
.custom-search {position: relative;float: right;padding: 0;margin: 0 0px 20px 0;}
.custom-search ::-webkit-input-placeholder {
color: #252424;}
.custom-search :-moz-placeholder {color: #252424;font-size:12px;}
.custom-search ::-moz-placeholder {color: #252424;font-size:12px;}
.custom-search :-ms-input-placeholder {color: #252424;font-size:12px;}
.custom-search .search-query {margin: 0;padding: 6px 41px 6px 10px;color: #252424;background: #d0d0d0 none repeat scroll 0 0;border: 1px solid #bababa;width: 320px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;line-height: 20px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-family: "Open Sans", Arial, sans-serif;font-size: 13px;}
.custom-search .search-query:focus {outline: none;padding-right: 41px;width: 320px;border: 1px solid #ddb971;font-style: normal;color: #252424;}
.custom-search #search_button {padding: 6px 10px 6px 10px;cursor: pointer;top: 0;position: absolute;right: 0px;color: #8e8a8a;line-height: 20px;border-radius: 3px;background-color: #222222;border: 1px solid #222222;border-bottom-left-radius: 0px;border-bottom-top-radius: 0px;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
.custom-search .search-query:focus + #search_button {border-color: #d7231b;background-color: #e12e26;color: #fff;}
.footer {background:#222222 none repeat scroll 0 0;padding: 1em 0 1em;text-align: center;}
.footer p {margin: 0px;padding: 0px;color: #9a9999;font-family: sans-serif;font-size: 13px;font-weight: 400;}
.pagination-cus li a {font-family: "Open Sans", Arial, sans-serif;font-size: 14px;background-color: #d4d4d4;color: #969494;}
.pagination-cus li a.btns {background-color: #ffa343;color: #fff;border-color: #ffa343;}
.pagination-cus li a:hover.btns, .pagination-cus li a:focus.btns {background-color: #f18c28;border-color: #f18c28;}
.pagination-cus li.disabled a:hover.btns, .pagination-cus li.disabled a:focus.btns {background-color: #f18c28;border-color: #f18c28;}
.pagination-cus li.disabled a.btns {background: #f9c189 none repeat scroll 0 0;border-color: #f9c189;color: #fff;}
.pagination-cus li.active a {background-color: #5fb423;border-color: #5fb423;}
.pagination-cus li.active a:hover {background-color: #5fb423;border-color: #5fb423;}
#DataTables_Table_0_paginate {color: #969494;text-align: right;color: #717171;font-family: "Open Sans", Arial, sans-serif;font-size: 14px;padding: 5px 15px 5px 15px;border-radius: 3px;display: inline-block;}
#DataTables_Table_0_paginate a {color: #d33928;text-decoration: none;}
.mail-div {word-break: break-all;}
.action-div {text-align: center;}
.view-btn {vertical-align: middle;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;border-radius: 3px;background: #eaba5c none repeat scroll 0 0;border-color: #edc370;color: #222;}
.view-btn:hover {border-color: #d7231b;background-color: #e12e26;color: #fff;}
.view-btn.btn:focus {outline: none;border-color: #d7231b;background-color: #e12e26;color: #fff;}
.view-btn .glyphicon {padding-right: 3px;}
/* Nav Messages */
.messages-dropdown .dropdown-menu .message-preview .avatar, .messages-dropdown .dropdown-menu .message-preview .name, .messages-dropdown .dropdown-menu .message-preview .message, .messages-dropdown .dropdown-menu .message-preview .time {display: block;}
.messages-dropdown .dropdown-menu .message-preview .avatar {float: left;margin-right: 15px;}
.messages-dropdown .dropdown-menu .message-preview .name {font-weight: bold;}
.messages-dropdown .dropdown-menu .message-preview .message {font-size: 12px;}
.messages-dropdown .dropdown-menu .message-preview .time {font-size: 12px;}
/* Nav Announcements */
.announcement-heading {font-size: 50px;margin: 0;}
.announcement-text {margin: 0;}
/* Table Headers */
table.tablesorter thead {cursor: pointer;}
table.tablesorter thead tr th:hover {background-color: #f5f5f5;}
/* Flot Chart Containers */
.flot-chart {display: block;height: 400px;}
.flot-chart-content {width: 100%;height: 100%;}
#no-more-tables td {border: 1px solid #e4e4e4;color: #717171;font-family: "Open Sans", Arial, sans-serif;font-size: 13px;line-height: 20px;word-wrap: break-word;color: #4f4e4e;}
#no-more-tables th {border: 1px solid #e4e4e4;color: #151515;font-family: "Open Sans", Arial, sans-serif;line-height: 20px;background-color: #f2f2f2;font-size: 13px;font-weight: bold;text-transform: uppercase;border-bottom: 1px solid #e7e9ec;}
/* tables */
#no-more-tables table.tablesorter {}
#no-more-tables table.tablesorter thead tr th, #no-more-tables table.tablesorter tfoot tr th {}
#no-more-tables table.tablesorter thead tr .header {background-image: url(../../../images/bg.gif);background-repeat: no-repeat;background-position: center right;cursor: pointer;}
#no-more-tables table.tablesorter tbody td {}
/*#no-more-tables table.tablesorter tbody tr.odd td {background-color:#F0F0F6;}*/
#no-more-tables table.tablesorter thead tr .headerSortUp {background-image: url(../../../images/asc.gif);}
#no-more-tables table.tablesorter thead tr .headerSortDown {background-image: url(../../../images/desc.gif);}
#no-more-tables table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #e3e3e3;}
#no-more-tables table > tbody > tr:nth-child(even) > td {background-color: #f2f2f2;}
#no-more-tables table > tbody > tr:nth-child(odd) > td {background-color: #fff;}
#no-more-tables th:focus{outline: 0!important;text-decoration: none !important;}

/*************
Blue Theme
*************/
/* overall */
.tablesorter-blue {width: 100%;background-color: #fff;margin: 0px 0 15px 0px;text-align: left;border-spacing: 0;border: #cdcdcd 1px solid;border-width: 1px 0 0 1px;}
.tablesorter-blue th, .tablesorter-blue td {}
/* header */
.tablesorter-blue th, .tablesorter-blue thead td {}
.tablesorter-blue tbody td, .tablesorter-blue tfoot th, .tablesorter-blue tfoot td {}
.tablesorter-blue .header, .tablesorter-blue .tablesorter-header {/* black (unsorted) double arrow */background-image: url(../../../images/bg.gif);/* white (unsorted) double arrow */
/* background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */
/* image */
/* background-image: url(images/black-unsorted.gif); */background-repeat: no-repeat;background-position: center right;padding: 8px 15px 8px 5px;white-space: normal;cursor: pointer;}
.tablesorter-blue .headerSortUp, .tablesorter-blue .tablesorter-headerSortUp, .tablesorter-blue .tablesorter-headerAsc {background-color: #9fbfdf;/* black asc arrow */background-image: url(../../../images/asc.gif);/* white asc arrow *//* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); *//* image *//* background-image: url(images/black-asc.gif); */}
.tablesorter-blue .headerSortDown, .tablesorter-blue .tablesorter-headerSortDown, .tablesorter-blue .tablesorter-headerDesc {/* black desc arrow */background-image: url(../../../images/desc.gif);/* white desc arrow *//* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); *//* image *//* background-image: url(images/black-desc.gif); */}
.tablesorter-blue thead .sorter-false {background-image: none;cursor: default;}
/* tfoot */
.tablesorter-blue tfoot .tablesorter-headerSortUp, .tablesorter-blue tfoot .tablesorter-headerSortDown, .tablesorter-blue tfoot .tablesorter-headerAsc, .tablesorter-blue tfoot .tablesorter-headerDesc { /* remove sort arrows from footer */background-image: none;}
/* tbody */
.tablesorter-blue td {}
/* hovered row colors
you'll need to add additional lines for
rows with more than 2 child rows

.tablesorter-blue tbody > tr.hover > td,
.tablesorter-blue tbody > tr:hover > td,
.tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow > td,
.tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td,
.tablesorter-blue tbody > tr.even.hover > td,
.tablesorter-blue tbody > tr.even:hover > td,
.tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow > td,
.tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {background-color: #d9d9d9;}
*/

/*
.tablesorter-blue tbody > tr.odd.hover > td,
.tablesorter-blue tbody > tr.odd:hover > td,
.tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow > td,
.tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {background-color: #bfbfbf;}
*/
/* table processing indicator */
.tablesorter-blue .tablesorter-processing {background-position: center center !important;background-repeat: no-repeat !important;/* background-image: url(images/loading.gif) !important; *//*background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;*/background-image: url(../../../images/processing.gif);}
/* Zebra Widget - row alternating colors */
.tablesorter-blue tbody tr.odd > td {}
.tablesorter-blue tbody tr.even > td {background-color: #fff;}
/* Column Widget - column sort colors */
.tablesorter-blue td.primary, .tablesorter-blue tr.odd td.primary {background-color: #99b3e6;}
.tablesorter-blue tr.even td.primary {background-color: #c2d1f0;}
.tablesorter-blue td.secondary, .tablesorter-blue tr.odd td.secondary {background-color: #c2d1f0;}
.tablesorter-blue tr.even td.secondary {background-color: #d6e0f5;}
.tablesorter-blue td.tertiary, .tablesorter-blue tr.odd td.tertiary {background-color: #d6e0f5;}
.tablesorter-blue tr.even td.tertiary {background-color: #ebf0fa;}
/* caption */
caption {background-color: #fff;}
/* filter widget */
.tablesorter-blue .tablesorter-filter-row {background-color: #eee;}
.tablesorter-blue .tablesorter-filter-row td {background-color: #eee;line-height: normal;text-align: center; /* center the input */-webkit-transition: line-height 0.1s ease;-moz-transition: line-height 0.1s ease;-o-transition: line-height 0.1s ease;transition: line-height 0.1s ease;}
/* optional disabled input styling */
.tablesorter-blue .tablesorter-filter-row .disabled {opacity: 0.5;filter: alpha(opacity=50);cursor: not-allowed;}
/* hidden filter row */
.tablesorter-blue .tablesorter-filter-row.hideme td {/*** *********************************************** ***//*** change this padding to modify the thickness     ***//*** of the closed filter row (height = padding x 2) ***/padding: 2px;/*** *********************************************** ***/margin: 0;line-height: 0;cursor: pointer;}
.tablesorter-blue .tablesorter-filter-row.hideme * {height: 1px;min-height: 0;border: 0;padding: 0;margin: 0;/* don't use visibility: hidden because it disables tabbing */opacity: 0;filter: alpha(opacity=0);}
/* filters */
.tablesorter-blue input.tablesorter-filter, .tablesorter-blue select.tablesorter-filter {width: 98%;height: auto;margin: 0;padding: 4px;background-color: #fff;border: 1px solid #bbb;color: #333;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: height 0.1s ease;-moz-transition: height 0.1s ease;-o-transition: height 0.1s ease;transition: height 0.1s ease;}
/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {display: none;}
/* ajax error row */
.tablesorter .tablesorter-errorRow td {text-align: center;cursor: pointer;background-color: #e6bf99;}
.status-div {text-align: center;}
.status-div ul.nav li {text-align: left;}
.status-div .btn {min-width: 130px;text-align: left;border-radius: 3px;color: #303030;}
.status-div ul.nav > li {display: inline;position: relative;}
.status-div .btn-default {border-color: #e1e1e1;}
#viewall_button.btn {border-radius: 3px;background: #797a7a none repeat scroll 0 0;border: 1px solid #606060;color: #fff;font-family: "Open Sans", Arial, sans-serif;font-size: 14px;font-weight: bold;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;margin-bottom: 20px;}
#viewall_button.btn:hover {border-color: #d7231b;background-color: #e12e26;color: #fff;}
#viewall_button.btn:focus {outline: none;}
.navbar-inverse .navbar-brand {color: #e12e26 !important;}
.loading {background: rgba(27, 25, 25, 0.68) url("../../../images/loading.gif") no-repeat scroll 50% 50%;bottom: 0;display: none;height: 80px;left: 45%;position: fixed;right: 0;top: 40%;width: 80px;z-index: 1000;height: 100%;left: 0;margin: 0;overflow: auto;padding: 0;position: fixed;top: 0;width: 100%;z-index: 7371832;}
#myOrderBox .modal-header {background: #565555 none repeat scroll 0 0;border-bottom: 1px solid #e5e5e5;color: #fff;min-height: 16.4286px;padding: 15px;}
#myOrderBox .modal-content {overflow: hidden;}
#myOrderBox .modal-header .close {line-height: 1;font-size: 1.5em;position: absolute;top: 3%;right: 2%;text-decoration: none;color: #ffffff;opacity: 0.45;font-weight: normal;}
#myOrderBox .modal-header .close:hover {color: #222;-webkit-transition: color 1s ease;-moz-transition: color 1s ease;transition: color 1s ease;}
#myOrderBox h4.modal-title {font-family: "Open Sans", Arial, sans-serif;color: #fff;font-size: 20px;}
.all-btn {padding: 0px;height: 33px;}
.all-btn .hold-btn, .all-btn .kitchen-btn, .all-btn .pickup-btn, .all-btn .cmp-btn, .all-btn .void-btn {display: inline-block;max-width: 150px;padding: 6px 12px 5px 12px;width: 100%;}
/*.hold-btn{background:#F3E447; }
.kitchen-btn{background:#D1D34A;}
.pickup-btn{background:#97BA51;}
.completed-btn{background:#73AF51;}
.void-btn{background:#63AB55;}	
.hold-btn{background:#fa5363; }
.kitchen-btn{background:#ffa757;}
.pickup-btn{background:#82e4bb;}
.completed-btn{background:#68cbf2;}
.void-btn{background:#a7325c;}
*/
.all-btn .hold-btn {background-color: #bee1ee;}
.all-btn .kitchen-btn {background-color: #f1d8b3;}
.all-btn .pickup-btn {background-color: #ccf9e6;}
.all-btn .cmp-btn {background-color: #acddca;}
.all-btn .void-btn {background-color: #ffc5ba;}
.cmp-disabled {cursor: not-allowed;}
.cmp-disabled:hover, .cmp-disabled:focus, .cmp-disabled:active, .cmp-disabled.active {outline: 0!important;}
.all-btn span {background-image: url(../../../images/asc.gif);background-position: right center;background-repeat: no-repeat;cursor: pointer;}
.all-btn.cmp-disabled span {background-image: none;background-position: right center;background-repeat: no-repeat;}
.order-ul {margin: 0px 0px;padding: 0px;}
.order-ul .radio-button {display: inline-block;margin: 0px 10px 0px 0;text-align: center;/*min-width:128px;*/margin-bottom: 10px;}
.order-ul .radio-button:last-child {margin-right: 0;}
.order-ul .radio-button input[type="radio"] {display: none;}
.order-ul .radio-button label {text-transform: capitalize;width: 100%;cursor: pointer;padding: 6px 15px;margin: 0;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;border: 0px solid #e5e5e5;border-radius: 3px;line-height: 20px;display: inline-block;font-family: "Open Sans", Arial, sans-serif;color: #303030;font-size: 14px;}
.order-ul h5 {display: inline-block;line-height: 20px;color: #151515;padding: 0px 0px 0px 5px;font-family: "Open Sans", Arial, sans-serif;line-height: 30px;font-size: 14px;font-weight: bold;margin: 0px 10px 0px 0px;text-transform: uppercase;}
.order-ul .radio-button input[type=radio]:checked + label {border-color: #d7231b;background-color: #e12e26;color: #fff;border: 0px solid #e5e5e5;}
.order-ul label:hover {border-color: #d7231b;background-color: #e12e26;color: #fff;}
.order-ul label:focus {outline: none;border-color: #d7231b;background-color: #e12e26;color: #fff;}
.order-ul .hold-btn {background-color: #bee1ee;}
.order-ul .kitchen-btn {background-color: #f1d8b3;}
.order-ul .pickup-btn {background-color: #ccf9e6;}
.order-ul .cmp-btn {background-color: #acddca;}
.order-ul .void-btn {background-color: #ffc5ba;}
.order-ul .view-all-btn {background-color: #d5cdef;}
span.pt-btn {border-radius: 3px;display: inline-block;text-align: center;min-width: 66px;color: #222;vertical-align: middle;font-size: 12px;line-height: 1.5;padding: 5px 10px;}
span.cash-btn {background: #a2c3d5 none repeat scroll 0 0;border-color: #a2c3d5;}
span.eftpos-btn {background: #f9a5b6 none repeat scroll 0 0;border-color: #f9a5b6;}
.pt-div {text-align: center;}
.wd90 {width: 80px;}
.wd100 {width: 100px;}
.wd110 {width: 110px;}
.wd120 {width: 120px;}
.iffyTip {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.no-record-found {padding: 20px 0px !important;}
.no-record-found img {margin: 20px 0px 10px 0px;}
.no-record-found p {line-height: 30px !important;color: #e12e26;font-size: 16px;margin: 0px 0px 5px 0px;}
/* Global Styles */
#wrapper {min-height: 100%;position: relative;}
span.required-star {color: #d92727 !important;font: 13px arial !important;}
.required.error {border: 1px solid red !important; box-shadow: 0 0 6px #f99 !important;}
label.error {color: #e40307 !important; float: left; display:block; width:70%; font-size: 13px; font-weight: normal; margin-bottom:5px; margin-left:22%; margin-top:0px;}


#frmList label.error{margin-left:15%; }
#addPage label.error{ margin-left:0%; width:100%; }
#addRawProduct label.error{ margin-left:0%; width:100%; }
#addWebProduct label.error{ margin-left:0%; width:100%; }
#addVender label.error{ margin-left:0%; width:100%; }
#AddPackage label.error{ margin-left:0%; width:100%; }
#addImage label.error{ margin-left:0%; width:100%;}
#mastercategoryAdminIndexForm label.error{margin-left:12%;}
#vendorAdminIndexForm label.error{margin-left:20%;}
#prodlist label.error{margin-left:15%;}

.search-change-pass {margin: 0 auto; width:30%;}
#flashMessage.message{font-family: arial;font-size: 14px;font-weight: bold;margin-top:8px;text-align: left;padding: 10px;background-color: #dff0d8;border:#d6e9c6 solid 1px;color: #3c763d; border-radius: 4px; margin-bottom:10px; }
#wrapper {padding-left: 0;}
#page-wrapper {width: 100%;padding: 0;background-color: #fff;}
.huge {font-size: 50px;line-height: normal;}
select option{padding:3px 0px 3px 3px;}
#listID .fancybox img{ padding:2px; border:1px solid #e1e1e1;}
#venderAdminIndexForm .input-group{display:inherit;}
#venderAdminIndexForm section {padding: 100px 0; text-align: center;}
#venderAdminIndexForm select.frecuency {border: none; font-style: italic; background-color: transparent; cursor: pointer; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .35s ease-in; transition: -webkit-transform .35s ease-in;}
#venderAdminIndexForm  select.frecuency:focus {outline: none;border-bottom: 5px solid #39b3d7; -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: -webkit-transform .35s ease-in; transition: -webkit-transform .35s ease-in;}
#venderAdminIndexForm .input-group {margin:0px auto;}
#venderAdminIndexForm input.btn-lft-m.btn-lg, #venderAdminIndexForm input.btn-lft-m.btn-lg:focus {
outline: none;float: left; width:200px; border-top-right-radius: 0; border-bottom-right-radius:0; border-right:0px none; border-radius:3px 0px 0px 3px; margin-bottom:8px; }

#venderAdminIndexForm .btn-group-lg > .btn, .btn-lg {border-radius:4px; font-size: 14px; line-height: 1.33333; padding: 6px 12px;}
#venderAdminIndexForm button.btn {border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -5px;margin-top: -7px;}
#venderAdminIndexForm .promise {color: #999;}

#venderAdminIndexForm input.btn-lft-m.btn-lg, #venderAdminIndexForm input.btn-lft-m.btn-lg:focus {
outline: none;float: none; width:200px; border-top-right-radius: 0; border-bottom-right-radius:0; border-right:0px none; border-radius:3px 0px 0px 3px;}

/*#frmcatsearch input.btn-lft-m.btn-lg, #frmcatsearch input.btn-lft-m.btn-lg:focus {
outline: none;float: none; width:200px; border-top-right-radius: 0; border-bottom-right-radius:0; border-right:0px none; border-radius:3px 0px 0px 3px;margin-bottom:0px; }
#frmcatsearch button.btn {border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -5px;}
*/

div.fieldtxt-div {float: left;}

label.line-height31{line-height:31px;margin-right: -15px;}
.get-barcode{border-radius:3px;background-color: #e74e28; color: #fff; font-family: "opensanssemibd"; text-transform: uppercase;line-height: 1.33333; padding:6px 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -5px; font-size: 15px; text-transform: uppercase;     transition: all 0.25s ease-in-out 0s;}
.get-barcode:hover, .get-barcode:focus {background-color:#e47825; color:#fff; outline:none; }
#MasterProductPluSku{outline: none;float: left; width:140px; border-right:0px none; border-radius:3px 0px 0px 3px;margin-bottom:8px; }
#MasterProductPluSku.editrawprod{ border-radius:3px 3px; border:1px solid #ccc;cursor: not-allowed;}
.form-control:focus{border-color:#66afe9 !important;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.form-control::-moz-placeholder{color:#999;opacity:1}
.all-btn.cmp-disabled + ul.dropdown-menu {display: none !important;}

.page-header{border-bottom: 1px solid #eee; margin: 40px 0 20px; padding-bottom: 9px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.banner-page-div{background-color: #eee; padding:10px 10px;}
.inner-page-title h3{margin-bottom:20px; }
.fa-caret-right{transition: all .4s ease;}
.side-nav li .fa {line-height:20px;}
.active .fa-caret-right{transform: rotate(90deg);}

#addImage button.submitimg[type="submit"] {
    margin-top: 24px;
}


button[type="submit"]{background-color: #e74e28; color: #fff; font-family: "opensanssemibd"; font-size: 15px; text-transform: uppercase;     transition: all 0.25s ease-in-out 0s;}
button[type="submit"]:hover, button[type="submit"]:focus {background-color:#e47825; color:#fff; outline:none; }
button[type="submit"].submitlable{margin-top:24px; }
.a-btn{background-color:#0173B1; color: #fff; font-family: "opensanssemibd"; font-size: 15px; text-transform: uppercase;transition: all 0.25s ease-in-out 0s;margin-top:22px; margin-left:5px; }
.a-btn:hover, .a-btn:focus {background-color:#e47825; color:#fff; outline:none; }
.my-text-right{text-align:right;}
.main-btn {-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;background-color: #0faddd;color: #fff;font-size: 15px;text-transform: uppercase;font-family: "opensanssemibd"; margin-bottom:15px; }
.main-btn:hover, .main-btn:focus {background-color: #e47825;color: #fff;}
.form-control{margin-bottom:8px; }

a.btn-edit{background-color: #027f01;}

a.btn-barcode{background-color: #ea9b16;}

a.btn-print{background-color:#1b497d;}

a.btn-trash{background-color: #d31d15;}

a.btn-inventory{background-color:#353432;}
a.btn-add-image{background-color:#0088D0;}
	
a.btn-edit:hover, a.btn-barcode:hover, a.btn-print:hover, a.btn-trash:hover, a.btn-inventory:hover{background-color: #e47825;color: #fff;}

a.btn-edit, a.btn-barcode, a.btn-print, a.btn-trash, a.btn-inventory, a.btn-add-image{-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out; color: #fff;font-size: 14px; border-radius:3px; padding:2px 5px; min-width:28px; display:inline-block; text-align:center; margin:2px 5px 2px 0px;}


.pagination span {font-size: 12px;}
/*.pagination>span:first-child{border-bottom-left-radius: 3px; order-top-left-radius: 3px;}
.pagination>span:last-child{border-top-right-radius: 3px; border-bottom-right-radius: 3px}
.pagination span {background-color: #fff; border-color: #ddd;color: #999;}*/
.pagination span {position: relative;margin-left:3px; line-height: 1.428571429; text-decoration: none; background-color: #fff;	border: 1px solid #ddd; -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out; border-radius:3px;}
.pagination span:first-child{margin-left:0px; }
.pagination span:last-child{}
.pagination span:hover, pagination span:focus, .pagination span:hover a , pagination span:focus a{background-color: #428bca;border-color: #428bca; color: #fff;}
.pagination span a{display:inline-block;}
.pagination span{display:inline-block; }
.pagination span.current{padding: 6px 10px;background-color: #428bca;border-color: #428bca; color: #fff;}
.pagination span.next a{padding: 6px 10px; }
.pagination span.prev{padding: 6px 10px; }
.pagination span.gepaging a{padding: 6px 10px; }
.btn-grn {-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;background-color: #59c300;color: #fff;font-size: 15px;text-transform: uppercase;font-family: "opensanssemibd";}
.btn-grn:hover, .btn-grn:focus {background-color: #e47825;color: #fff;}
#empty_div{min-height: 250px; margin: 20px 0;padding-top:30px; text-align: center; width: 100%; vertical-align:middle;}
#empty_div  p{line-height:20px;display:block; color: #8d8d85; font-family: arial; font-size: 18px; margin-bottom: 0; margin-top: 10px; outline: medium none; text-align: center;}
.image.edit-img img{border: 1px solid #e1e1e1; padding: 2px;}
#myOrderBox.modal {overflow: auto;}
#myOrderBox.modal .detail-div p{margin:0px 0px 3px 0px; font-family: calibri; color:#6b6b6b; font-size:15px; line-height:20px; clear:both; width:100%; display:inline-block; padding:3px 0px; background:#f7f7f7 none repeat scroll 0 0;}
#myOrderBox.modal .detail-div p span{font-size:16px; }
#myOrderBox.modal .detail-div p b{color:#2f353b; display:block; float:left; font-size:16px; margin-right:5px; width:150px; text-align:right; font-family: calibri;}
#myOrderBox.modal .detail-div p b span{margin-right:0px; display: block; float: left; text-align:left; width:65%; color:#818181;}
.Roboto-normal {font-family:'OpenSans'; font-weight:normal !important;}
#OrderAdminIndexForm #datepicker, #OrderAdminIndexForm #datepicker1 {background: #fff url("../../../images/date-icon.png") no-repeat scroll 95.5% 46% !important; cursor: pointer;}
#myOrderBox.modal h1 {background: #f2f2f2 none repeat scroll 0 0;
border-bottom: 3px solid #eeeeee; color: #d92727; font-size: 20px; font-weight: 400; margin: 10px 0; padding: 8px 0; text-align: center; text-transform: uppercase;}
#myOrderBox.modal h2{background: #d92727 none repeat scroll 0 0; color: #fff; font-family: arial; font-size: 14px; font-weight: bold; margin:5px 0 0 0; padding: 8px 0; text-align: center; text-transform: uppercase;}
.add-div h3{margin:0px 0px 5px 0px;padding:0px 0px 3px 0px;font-size:16px;font-family:inherit;color:#149545;font-weight:normal;line-height:25px;border-bottom:1px solid #ededed;
}

.add-div{width:48%;float:left;margin-left:0px;}
.add-div.margin-left{margin-left:10px; margin-bottom:20px; }
.add-div p{margin:0px 0px 3px 0px; font-family: calibri; color:#6b6b6b; font-size:16px; line-height:20px; padding:0px 0px 2px 0px;}
.add-div p b{color:#2f353b; font-size:16px; margin-right:5px;  font-family: calibri;}
#myOrderBox.modal .detail-div p b span{margin-right:0px; display: block; float: left; text-align:left; width:65%; color:#818181;}
.Roboto-normal {font-family:'OpenSans'; font-weight:normal !important;}
#myOrderBox.modal table.product-table thead th{border-bottom: 2px solid #ffebeb;color: #d92727; font-family: arial; font-size: 14px; font-weight: normal; padding: 10px 5px 10px 0; text-transform: uppercase;}
#myOrderBox.modal table.product-table tbody td{font-size:14px; padding: 8px 15px 8px 0px; color:#3d3c3c;border-bottom: 1px solid #eaeaea;font-family: arial;}
.product-total{clear:both;width:100%;margin-top:0px;font-family:arial;overflow:auto;margin-bottom:15px;}
.product-total ul{width:271px; float: right; margin:0px 10px 0px 0px;padding:0px 0px 0px 0px; border:0px solid #efefef; border-top:0px; line-height:25px; text-align:right;}
.product-total ul li{clear:both; width:100%; list-style:none; display:inline-block;font-weight:normal; margin:0; padding:0px 0px 2px 0px;color: #6b6b6b; border-bottom:1px solid #ebebeb; font-size: 14px;}

ul.msg-ul li b {color: #2f353b; font-family: calibri; font-size: 16px; margin-right: 5px;}
ul.msg-ul li p {color: #6b6b6b; font-family: calibri; font-size: 16px; line-height: 20px; margin: 0 0 3px; padding: 0 0 2px;}
ul.msg-ul li p span {background: #dddddd none repeat scroll 0 0; border-radius: 3px; color: #0173b1; display: inline-block; line-height: 20px; margin-top:5px; font-size:14px; padding: 2px 7px;}
.product-table p{margin-bottom:2px; }
.product-total ul li b{color: #575757; display: block; float: right; font-size: 14px; margin-right: 0; padding-right: 10px; text-align: right; width: 140px;}
.product-total ul li span{display: block; float: right; margin-right: 5px; text-align: right; width: 57px;}
.a-btn-div{text-align:center; margin-bottom:10px; }
.amn-btn{display:inline-block; background-color: #2a3e27; color: #fff; font-family: "opensanssemibd"; font-size: 14px; text-transform: uppercase; transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all; padding:4px 10px; margin-right:10px;}
.amn-btn:hover, .amn-btn:focus {background-color:#e47825; color:#fff; outline:none; }
.frm-div-status{}
.frm-div-btn button[type="submit"] {margin-top:0px;background-color: #e74e28; color: #fff; font-family: "opensanssemibd"; font-size: 15px; text-transform: uppercase;     transition: all 0.25s ease-in-out 0s; margin-top:0px; }
.frm-div-btn button[type="submit"]:hover, .frm-div-status button[type="submit"]:focus {background-color:#e47825; color:#fff; outline:none; }
.frm-div-btn{text-align:center;}
.pagination{text-align:right;}
.main-btn-div{text-align:right;}
#inventory-Box .modal-header {background: #565555 none repeat scroll 0 0;border-bottom: 1px solid #e5e5e5;color: #fff;min-height: 16.4286px;padding: 15px;}
#inventory-Box .modal-content {overflow: hidden;}
#inventory-Box .modal-header .close {line-height: 1;font-size: 1.5em;position: absolute;top: 3%;right: 2%;text-decoration: none;color: #ffffff;opacity: 0.45;font-weight: normal;}
#inventory-Box .modal-header .close:hover {color: #222;-webkit-transition: color 1s ease;-moz-transition: color 1s ease;transition: color 1s ease;}
#inventory-Box h4.modal-title {font-family: "Open Sans", Arial, sans-serif;color: #fff;font-size: 20px;}

#inventory-Box.modal table.inventory-table thead th{border-bottom: 2px solid #ffebeb;color: #d92727; font-family: arial; font-size: 14px; font-weight: normal; padding: 10px 5px 10px 0; text-transform: uppercase;}
#inventory-Box.modal table.inventory-table tbody td{font-size:14px; padding:2px 10px 2px 0; color:#3d3c3c;border-bottom: 1px solid #eaeaea;font-family: arial;}
#inventory-Box.modal p b span{margin-right:0px; display: block; float: left; text-align:left; width:65%; color:#818181;}
#inventory-Box.modal h1 {background: #f2f2f2 none repeat scroll 0 0;
border-bottom: 3px solid #eeeeee; color: #d92727; font-size: 20px; font-weight: 400; margin: 10px 0; padding: 8px 0; text-align: center; text-transform: uppercase;}
#inventory-Box.modal h2{background: #d92727 none repeat scroll 0 0; color: #fff; font-family: arial; font-size: 14px; font-weight: bold; margin:5px 0 0 0; padding: 8px 0; text-align: center; text-transform: uppercase;}

#inventory-Box.modal .mrg-form label.error{float:none;text-align: center;}

#inventory-Box.modal .mrg-form{margin-top:20px; }
#inventory-Box.modal .form-inline .cus-label-float-ed { margin-left: 10px;}
.form-submit-group{text-align:center; margin:15px 0px 10px 0px; }

#inventory-Box.modal .button-submit[type="submit"]{background-color: #e74e28; color: #fff; font-family: "opensanssemibd"; font-size: 15px; text-transform: uppercase;     transition: all 0.25s ease-in-out 0s;}
#inventory-Box.modal .button-submit[type="submit"]:hover, #inventory-Box.modal .button-submit[type="submit"]:focus {background-color:#e47825; color:#fff; outline:none; }

#inventory-Box  {overflow: auto;}
#inventory-Box.modal p{margin:0px 0px 3px 0px; font-family: calibri; color:#6b6b6b; font-size:15px; line-height:20px; clear:both; width:100%; display:inline-block; padding:3px 0px; background:#f7f7f7 none repeat scroll 0 0;}
#inventory-Box.modal p b{color:#2f353b; font-size:16px; margin-right:0px; text-align:right; font-family: calibri;}


/*.form-inline .form-group {display: inline-block; margin-bottom: 0; vertical-align: top; }*/






.common-form{}
.common-form .input-group{display:inherit;}
.common-form section {padding: 100px 0; text-align: center;}
.common-form select.frecuency {border: none; font-style: italic; background-color: transparent; cursor: pointer; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .35s ease-in; transition: -webkit-transform .35s ease-in;}
.common-form  select.frecuency:focus {outline: none;border-bottom: 5px solid #39b3d7; -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: -webkit-transform .35s ease-in; transition: -webkit-transform .35s ease-in;}
.common-form .input-group {margin:0px auto;}
.common-form input.btn-lft-m.btn-lg{outline: none;width:200px; border-top-right-radius: 0; border-bottom-right-radius:0; border-right:0px none; border-radius:3px 0px 0px 3px;}
.common-form .btn-group-lg > .btn, .btn-lg {border-radius:4px; font-size: 14px; line-height: 1.33333; padding: 6px 12px;}
.common-form button.btn {border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -5px;float: none; margin-top: -7px;}
.common-form .promise {color: #999;}
.common-form .cus-label{line-height:30px; margin-bottom:9px; }
.common-form .cus-label-float {float: left; margin-left: 10px; margin-right: 3px;}
.form-inline.common-form .form-group {vertical-align: top;}

table.inventory-table-new{margin-top:10px !important;}
table.inventory-table-new thead th{border-bottom: 2px solid #ffebeb;color: #d92727; font-family: arial; font-size: 14px; font-weight: normal; padding: 10px 5px 10px 0; text-transform: uppercase;}
table.inventory-table-new tbody td{font-size:14px; padding: 8px 15px 8px 0px; color:#3d3c3c;border-bottom: 1px solid #eaeaea;font-family: arial;}

.add-package-frm input[type=radio].css-checkbox {position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0;}
.add-package-frm input[type=radio].css-checkbox + label.css-label {padding-left: 26px; height: 21px; display: inline-block; line-height: 21px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer;}
.add-package-frm input[type=radio].css-checkbox:checked + label.css-label {background-position: 0 -21px;}
.add-package-frm label.css-label {background-image: url(../../../images/csscheckbox.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-repeat:no-repeat;  }


.add-package-frm input[type=radio].css-checkbox + label.error + label.css-label {padding-left: 26px; height: 21px; display: inline-block; line-height: 21px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer;}

.add-package-frm input[type=radio].css-checkbox:checked + label.error + label.css-label {background-position: 0 -21px;}


.add-package-frm label{margin-right:10px;}

label{font-size:13px;}

.my-frm-edit{background-color: #eee; padding: 10px; margin:20px 0px;}

.my-frm-edit input[type="search"]{background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: inline-block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; font-weight: normal; margin-bottom:10px;}
.my-frm-edit input[type="search"]:focus{border-color:#66afe9 !important;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}

.my-frm-edit table{}
.my-frm-edit select{background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: inline-block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; font-weight: normal; margin-bottom:10px;}

.my-frm-edit select:focus{border-color:#66afe9 !important;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.submitBox.catButton{margin:20px 0px;}

.form-control.select-width{width:200px;}

.fancybox .fancy-img {
    border: 1px solid #e1e1e1;
    padding: 2px;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- responsive-design --------------------------------------------------------------------------------------------------------------*/


form#addPage .form-group span a img {
    border: 1px solid #e1e1e1;
    padding: 2px; margin-top:10px;
}


@media(min-width:768px) {
body.body-top{margin-top: 50px;}
#wrapper {padding-left: 225px;}
#page-wrapper {padding: 10px;}
}
/* Top Navigation */
.top-nav {padding: 0 15px;}
.top-nav>li {display: inline-block;float: left;}
.top-nav>li>a {padding-top: 15px;padding-bottom: 15px;line-height: 20px;color: #999;}
.top-nav>li>a:hover, .top-nav>li>a:focus, .top-nav>.open>a, .top-nav>.open>a:hover, .top-nav>.open>a:focus {color: #fff;background-color: #000;}
.top-nav>.open>.dropdown-menu {float: left;position: absolute;margin-top: 0;border: 1px solid rgba(0,0,0,.15);border-top-left-radius: 0;border-top-right-radius: 0;background-color: #fff;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175); background:#119446; color:#fff;}
.top-nav>.open>.dropdown-menu>li>a {white-space: normal;background:#119446; color:#fff;}
ul.message-dropdown {padding: 0;max-height: 250px;overflow-x: hidden;overflow-y: auto;}
li.message-preview {width: 275px;border-bottom: 1px solid rgba(0,0,0,.15);}
li.message-preview>a {padding-top: 15px;padding-bottom: 15px;}
li.message-footer {margin: 5px 0;}
ul.alert-dropdown {width: 200px;}

/* Side Navigation */

@media(min-width:768px) {
.side-nav {position: fixed;top: 51px;left: 225px;width: 225px;margin-left: -225px;border: none;border-radius: 0;overflow-y: auto;background-color: #222;bottom: 0;overflow-x: hidden;padding-bottom: 40px;}
.side-nav>li>a {width: 225px; padding:10px 7px 10px 10px; font-size:13px;  }
.side-nav li a:hover, .side-nav li a:focus {outline: none;background-color: #000 !important;}
}

.side-nav>li>ul {padding: 0;}
.side-nav>li>ul>li>a {display: block;padding: 10px 15px 10px 38px;text-decoration: none;color: #999;}
.side-nav>li>ul>li>a:hover {color: #fff;}
/* Flot Chart Containers */

.flot-chart {display: block;height: 400px;}
.flot-chart-content {width: 100%;height: 100%;}
/* Custom Colored Panels */
.huge {font-size: 40px;}
.panel-green {border-color: #5cb85c;}
.panel-green > .panel-heading {border-color: #5cb85c;color: #fff;background-color: #5cb85c;}
.panel-green > a {color: #5cb85c;}
.panel-green > a:hover {color: #3d8b3d;}
.panel-red {border-color: #d9534f;}
.panel-red > .panel-heading {border-color: #d9534f;color: #fff;background-color: #d9534f;}
.panel-red > a {color: #d9534f;}
.panel-red > a:hover {color: #b52b27;}
.panel-yellow {border-color: #f0ad4e;}
.panel-yellow > .panel-heading {border-color: #f0ad4e;color: #fff;background-color: #f0ad4e;}
.panel-yellow > a {color: #f0ad4e;}
.panel-yellow > a:hover {color: #df8a13;}

/*.tooltip {position: absolute;   z-index: 1070; display: block;   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px;}
.order-ul .hold-btn{background-color:#fee3cc; }
.order-ul .cmp-btn{background-color:#c2e0f2;}
.order-ul .void-btn{background-color:#abeef4;}	
.order-ul .view-all-btn{background-color:#f5d0b0;}*/

@media only screen and (max-width: 800px) {
/* Force table to not be like tables anymore */
#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {display: block;}
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr {position: absolute;top: -9999px;left: -9999px;}
#no-more-tables tr {border: 1px solid #ddd;margin-bottom: 20px;}
#no-more-tables tr:last-child {border-bottom: 1px solid #ddd;}
#no-more-tables tr td:last-child {border-bottom: none;}
.table-bordered {border: 0px solid #ddd;padding: 0px;}
#no-more-tables td {/* Behave  like a "row" */border: none;border-bottom: 1px solid #ddd;position: relative;white-space: normal;text-align: left;word-wrap: break-word;line-height: 28px;padding: 8px 5px 8px 50%;min-height: 30px;}
#no-more-tables td:before {/* Now like a table header */position: absolute;/* Top/left values mimic padding */top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;text-align: left;font-weight: bold;font-size: 13px;}
/*Label the data*/
.sign-in-container .login-wrapper .header .logo img {width:100%;}
.sign-in-container .login-wrapper .content p{font-size:40px; line-height:40px; }

.sign-in-container .login-wrapper .content {padding: 10px 0px 0 0;text-align: center;}
#no-more-tables td:before {content: attr(data-title);}
}

@media (min-width:768px) {
/* Wrappers */
#page-wrapper {padding: 10px;}
/* Side Nav */
.side-nav {margin-left: -225px;left: 225px;width: 225px;position: fixed;top: 50px;height: 100%;border-radius: 0;border: none;background-color: #222222;overflow-y: auto;}
/* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */
.side-nav>li.dropdown>ul.dropdown-menu {position: relative;min-width: 225px;margin: 0;padding: 0;border: none;border-radius: 0;background-color: transparent;box-shadow: none;-webkit-box-shadow: none;}
.side-nav>li.dropdown>ul.dropdown-menu>li>a {color: #999999;padding: 15px 15px 15px 25px;}
.side-nav>li.dropdown>ul.dropdown-menu>li>a:hover, .side-nav>li.dropdown>ul.dropdown-menu>li>a.active, .side-nav>li.dropdown>ul.dropdown-menu>li>a:focus {color: #fff;background-color: #080808;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {background-color: #080808;}
/* Nav Messages */
.messages-dropdown .dropdown-menu {min-width: 300px;}
.messages-dropdown .dropdown-menu li a {white-space: normal;}
.navbar-collapse {padding-left: 15px !important;padding-right: 15px !important;}
}

@media all and (min-width:1049px) and (max-width:1350px) {
#outer #container {min-width: 60%;}
.order-ul .radio-button {margin: 0px 10px 10px 0;}
.order-ul .radio-button label {padding: 6px 10px;font-size: 13px;margin-right: 0px;margin: 0px 0px;}
.main-btn-div .main-btn{font-size:14px;}
.common-form .cus-label-float{margin-left:0px;}
}

@media all and (min-width:998px) and (max-width:1050px) {
#outer #container {min-width: 70%;}
.order-ul .radio-button {margin: 0px 10px 10px 0;}
.order-ul .radio-button label {padding: 6px 10px;font-size: 13px;margin-right: 0px;margin: 0px 0px;}
.main-btn-div .main-btn{font-size:13px;}
button.submitlable[type="submit"], .a-btn {margin-top: 0;}
#no-more-tables td {font-size: 12px;line-height: 20px;}
#page-wrapper {padding-left:0px;}
.common-form .cus-label-float{margin-left:0px;}
}
@media all and (min-width:800px) and (max-width:1050px) {
a.btn-edit, a.btn-barcode, a.btn-print, a.btn-trash, a.btn-inventory, a.btn-add-image{float:left;}
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
#outer #container {min-width: 90%;}
#page-wrapper {width: 100%;padding: 5px 0px;}
.order-ul .radio-button {margin: 0px 5px 8px 0;}
.order-ul .radio-button label {padding: 6px 6px;font-size: 13px;margin-right: 0px;margin: 0px 0px;}
.custom-search {margin: 10px 0 20px 0;}
.search-change-pass {margin: 0 auto; width:50%;}
.my-text-right{text-align:left;}
.top-nav>li>a {padding-top: 10px;padding-bottom:10px;}
.wd120{width:100%; }
.iffyTip {overflow:hidden; text-overflow: inherit; white-space: initial; word-break:break-all;}
.main-btn-div {text-align: center;}
a.btn-edit, a.btn-barcode, a.btn-print, a.btn-trash, a.btn-inventory{margin-bottom:5px; padding:2px 5px;}
.common-form .cus-label-float {margin-left:0px; margin-right: 3px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.order-ul .radio-button {margin: 0px 8px 8px 0;}
.order-ul .radio-button label {padding: 6px 10px;font-size: 13px;margin-right: 0px;margin: 0px 0px;}
.custom-search .search-query {width: 100%;}
.custom-search .search-query:focus {width: 100%;}
.custom-search {width: 100%;margin: 10px 0 20px 0;}
#page-wrapper {width: 100%;padding: 5px 0px;}
#no-more-tables td {padding: 8px 5px 8px 43%; line-height:15px;}
.status-div .btn {}
.all-btn .hold-btn, .all-btn .kitchen-btn, .all-btn .pickup-btn, .all-btn .cmp-btn, .all-btn .void-btn {}
#outer #container {min-width: 100%;}
.search-change-pass {margin: 0 auto; width:50%;}
.my-text-right{text-align:left;}
.top-nav>li>a {padding-top: 10px;padding-bottom:10px;}
body.body-top{margin-top:90px;}
.page-header{ margin:20px 0 20px 0px;font-size:26px; }
.breadcrumb{padding:8px 8px;}
.wd120{width:100%; }
.iffyTip {overflow:hidden; text-overflow: inherit; white-space: initial; word-break:break-all;}
.pagination{text-align:left;}
.pagination span{margin-bottom: 10px;}
.common-form .cus-label{line-height:28px; margin-bottom:4px;}
div.fieldtxt-div {float: none;}
.main-btn-div {text-align: center;}
.common-form .cus-label-float {margin-left:0px; margin-right:3px;}
button.submitlable[type="submit"], .a-btn {margin-top: 0;}
#ui-datepicker-div{z-index:1030 !important;}
a.btn-edit, a.btn-barcode, a.btn-print, a.btn-trash, a.btn-inventory, a.btn-add-image{margin-bottom:10px; padding:5px;}
#venderAdminIndexForm input.btn-lft-m.btn-lg, #venderAdminIndexForm input.btn-lft-m.btn-lg:focus{border-radius: 3px;border-right:1px solid #ccc; width: 100%;display: inline-block; float:none;}
#venderAdminIndexForm button.btn{margin:8px auto 0px auto; border-radius: 3px; width:150px;display: block; float:none;}
.common-form input.btn-lft-m.btn-lg{border-radius: 3px;border-right:1px solid #ccc; width: 100%;display: inline-block; float:none;}
.common-form button.btn{margin:0px auto 0px auto; border-radius: 3px; width:150px;display: block; float:none;}
.top-nav {padding: 0;}
.form-control.select-width{width:100%;}
#mastercategoryAdminIndexForm label.error{margin-left:0%; width:100%;}
#vendorAdminIndexForm label.error{margin-left:0%; width:100%;}
#frmList label.error{margin-left:0%; width:100%;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.order-ul .radio-button {margin: 0px 8px 8px 0;}
.order-ul .radio-button label {padding: 6px 10px;font-size: 13px;margin-right: 0px;margin: 0px 0px;}
.custom-search .search-query {width: 100%;}
.custom-search .search-query:focus {width: 100%;}
.custom-search {width: 100%;margin: 10px 0 20px 0;}
#page-wrapper {width: 100%;padding: 5px 0px;}
#no-more-tables td {padding:8px 5px 8px 43%; line-height:15px;min-height: 30px;}
.status-div .btn {}
.all-btn .hold-btn, .all-btn .kitchen-btn, .all-btn .pickup-btn, .all-btn .cmp-btn, .all-btn .void-btn {}
#outer #container {min-width: 100%;}
#myOrderBox .modal-body {padding: 10px;}
.search-change-pass {margin: 0 auto; width:100%;}
.my-text-right{text-align:left;}
.top-nav>li>a {padding-top: 10px;padding-bottom:10px;}
body.body-top{margin-top:90px;}
.page-header{ margin:20px 0 20px 0px;font-size:26px; }
.breadcrumb{padding:8px 8px;}
a.btn-edit, a.btn-barcode, a.btn-print, a.btn-trash, a.btn-inventory, a.btn-add-image{margin-bottom:10px;}
.main-btn{margin:0px auto 15px auto; }
.wd120{width:100%; }
.iffyTip {overflow:hidden; text-overflow: inherit; white-space: initial; word-break:break-all;}
#venderAdminIndexForm input.btn-lft-m.btn-lg, #venderAdminIndexForm input.btn-lft-m.btn-lg:focus{border-radius: 3px;border-right:1px solid #ccc; width: 100%;display: inline-block; float:none;}
#venderAdminIndexForm button.btn{margin:8px auto 0px auto; border-radius: 3px; width:150px;display: block; float:none;}
button.submitlable[type="submit"], .a-btn {margin-top:0px;}
.add-div {float: left; margin-bottom:5px;margin-left:0; width: 100%;}
.add-div.margin-left {margin-bottom: 20px;  margin-left:0px; margin-top:10px;}
.amn-btn{margin-left:5px; margin-bottom:5px; }
.a-btn-div {margin-bottom:5px;text-align: center;}
.pagination{text-align:left;}
.pagination span{margin-bottom: 10px;}
.common-form .cus-label{line-height:28px; margin-bottom:4px;}
.common-form .cus-label-float {margin-left:0; margin-right: 3px;}
div.fieldtxt-div {float: none;}
.main-btn-div {text-align: center;}
.cus-label-float {float:none; margin-left:0px; margin-right:0px;}
#ui-datepicker-div{z-index:1030 !important;}
a.btn-edit, a.btn-barcode, a.btn-print, a.btn-trash, a.btn-inventory, a.btn-add-image{margin-bottom:5px; padding:5px;}
#myOrderBox.modal .detail-div p b {text-align: left; width: 100%; margin-right:0px; margin-bottom:2px;}

.common-form input.btn-lft-m.btn-lg{border-radius: 3px;border-right:1px solid #ccc; width: 100%;display: inline-block; float:none;}
.common-form button.btn{margin:0px auto 0px auto; border-radius: 3px; width:150px;display: block; float:none;}
.top-nav {padding: 0;}
.form-control.select-width{width:100%;}
#mastercategoryAdminIndexForm label.error{margin-left:0%; width:100%;}
#vendorAdminIndexForm label.error{margin-left:0%; width:100%;}
#frmList label.error{margin-left:0%; width:100%;}
}

@media only screen and (min-width:130px) and (max-width: 319px) {
.navbar-inverse .navbar-brand {color: #e12e26 !important;font-size: 14px;}
.order-ul {text-align: center;}
.custom-search .search-query {width: 100%;}
.custom-search .search-query:focus {width: 100%;}
.custom-search {width: 100%;margin: 10px 0 20px 0;}
#page-wrapper {width: 100%;padding: 5px 0px;}
#no-more-tables td {padding: 8px 5px 8px 43%; line-height:15px;min-height: 30px;}
.status-div .btn {min-width: auto;width: 100%;}
.all-btn .hold-btn, .all-btn .kitchen-btn, .all-btn .pickup-btn, .all-btn .cmp-btn, .all-btn .void-btn {font-size: 12px;padding: 6px 2px 5px 2px;}
#outer #container {min-width: 100%;}
.order-ul .radio-button {margin: 0px 8px 8px 0;}
.order-ul .radio-button label {padding: 6px 10px;font-size: 13px;margin-right: 0px;margin: 0px 0px;}
#myOrderBox .modal-body {padding: 5px;}
#myOrderBox .modal-body td {font-size: 11px !important;}
.search-change-pass {margin: 0 auto; width:100%;}
.my-text-right{text-align:left;}
.top-nav {padding: 0 5px;}
.top-nav>li>a {padding:5px;}
body.body-top{margin-top:90px;}
.page-header{ margin:10px 0 10px 0px; font-size:20px; }
.breadcrumb{padding:5px 5px;}
#MasterProductPluSku{border-radius: 3px;border-right:1px solid #ccc; width: 100%;display: inline-block; float:none;}
.get-barcode {margin:0px auto; border-radius: 3px; width:150px;display: block; float:none;}
.common-form input.btn-lft-m.btn-lg, .common-form input.btn-lft-m.btn-lg:focus{border-radius: 3px;border-right:1px solid #ccc; width: 100%;display: inline-block; float:none;}
.common-form button.btn{margin:0px auto 0px auto; border-radius: 3px; width:150px;display: block; float:none;}
#venderAdminIndexForm input.btn-lft-m.btn-lg, #venderAdminIndexForm input.btn-lft-m.btn-lg:focus{border-radius: 3px;border-right:1px solid #ccc; width: 100%;display: inline-block; float:none;}
#venderAdminIndexForm button.btn{margin:8px auto 0px auto; border-radius: 3px; width:150px;display: block; float:none;}
a.btn-edit, a.btn-barcode, a.btn-print, a.btn-trash, a.btn-inventory, a.btn-add-image{margin-bottom:10px;}
.main-btn{margin:0px auto 15px auto;}
.wd120{width:100%; }
.iffyTip {overflow:hidden; text-overflow: inherit; white-space: initial; word-break:break-all;}
button.submitlable[type="submit"], .a-btn {margin-top:10px; margin-left:0px;}
.add-div {float: left; margin-bottom:5px;margin-left:0; width: 100%;}
.add-div.margin-left {margin-bottom: 20px;  margin-left:0px; margin-top:10px;}
.amn-btn{margin-left:5px; margin-bottom:5px; }
.a-btn-div {margin-bottom:5px;text-align: center;}
.pagination{text-align:left;}
.pagination span{margin-bottom: 10px;}
.common-form .cus-label{line-height:28px; margin-bottom:4px;}
div.fieldtxt-div {float: none;}
.main-btn-div {text-align: center;}
.cus-label-float {float:none; margin-left:0px; margin-right:0px;}
#ui-datepicker-div{z-index:1030 !important;}
a.btn-edit, a.btn-barcode, a.btn-print, a.btn-trash, a.btn-inventory, a.btn-add-image{margin-bottom:5px; padding:5px;}
#myOrderBox.modal .detail-div p b {text-align: left; width: 100%; margin-right:0px; margin-bottom:2px;}
.form-control.select-width{width:100%;}
#mastercategoryAdminIndexForm label.error{margin-left:0%; width:100%;}
#vendorAdminIndexForm label.error{margin-left:0%; width:100%;}
#frmList label.error{margin-left:0%; width:100%;}
}

@media only screen and (min-width:130px) and (max-width:240px) {
.sign-in-container .login-wrapper .header h3 img {width: 100%;margin-bottom: 5px;}
.pagination{text-align:left;}
}


@media(max-width:768px) {
.sign-in-container .login-wrapper .header h3 {
	font-size: 35px;
   line-height: 50px;

    }
}