@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,400italic,600italic,700,700italic,800);
body {
    font-family: 'Open Sans', sans-serif; background: #f1f2f7; position: relative;
}


.wrap {
    min-height: 100%;
    height: auto;
    margin: 0px auto -60px;
    padding: 65px 0 60px;
    min-height: 768px;	
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px; position: absolute; bottom: 0; width: 100%;
}
.navbar-header, .navbar-inverse{ border:0; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border:0; }
nav{ border:0; }
.jumbotron {
    text-align: center;
    background-color: transparent;
}



.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.input-group {
	width:160px;

}

.input-group1 {
	width:180px;

}

textarea.form-control { resize: none; }

/*******New CSS*********/
.backend-nav{ background: #3faae5; margin-bottom: 0; min-height:75px; padding-top: 7px }
.navbar-inverse .navbar-brand{ color: #fff; font-size: 16px; }
.navbar-nav{ margin-top: 10px; }
.navbar-nav > li > a{ font-size: 12px; color: #fff !important; padding:5px 10px; margin-right: 2px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; border-radius: 4px; padding:5px 7px; }
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus{ background: #353d47 !important  }
.navbar-nav > li.active > a{-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; padding:5px 10px; background:#055d8d !important }
.navbar-nav > li .dropdown-menu{ background:#353d47; color: #fff; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; margin-top: 2px; left: 0}
.navbar-nav > li .dropdown-menu li{ width: 100% }
.navbar-nav > li .dropdown-menu li a{ color: #fff; font-size: 12px; padding-top: 10px; padding-bottom: 10px }
.navbar-nav > li .dropdown-menu li a:hover{ color:#353d47 !important; background: #fff !important  }
.navbar-nav > li .dropdown-menu li.active a{ background: none }
/* .wrap > .container.backend-main-section{ padding-top: 0 } */
.wrap > .container.backend-main-section .site-index h4.head{ margin-top: 40px; margin-bottom: 30px; font-size: 16px; border-bottom: 1px solid #e8e8e8; padding-bottom: 20px; }
/***Dashboard Menu**/
.wrapper.dash-menu>div{ width: 100% }
.wrapper.dash-menu>div div{ float: left; width: 33%; padding: 5px; }
.wrapper.dash-menu div a{ display: block; border:1px solid #ddd; background: #fff; text-transform: uppercase; position: relative; text-align: left; padding-left: 60px; color: #767676; font-size: 14px; padding-top: 30px; min-height: 80px}
.wrapper.dash-menu div a:hover{ text-decoration: none; background: #e7ba4f; color: #fff; font-weight: 600; box-shadow: 1px 0px 16px #d3d3d3; 
-webkit-box-shadow: 1px 0px 16px #d3d3d3; 
-moz-box-shadow: 1px 0px 16px #d3d3d3; animation: colorchange 0.2s; -webkit-animation: colorchange 0.2s;  }

@keyframes colorchange
    {
      0%   {background: white;}
      100%  {background: #e7ba4f;}
    }

.wrapper.dash-menu div a:before{ content: ""; font-family: 'Glyphicons Halflings'; width: 50px; position: absolute; left: 0; background: #e7ba4f; height:100%; padding: 0px 15px; line-height: 80px; top: 0; font-size: 15px; }
.wrapper.dash-menu div.home a:before{ content: "\e021"; color: #fff }
.wrapper.dash-menu div.manage_profile a:before{ content: "\e008"; color: #fff }
.wrapper.dash-menu div.change_password a:before{ content: "\e033"; color: #fff }
.wrapper.dash-menu div.manage_user_role a:before{ content: "\e008"; color: #fff }
.wrapper.dash-menu div.manage_user a:before{ content: "\e008"; color: #fff }
.wrapper.dash-menu div.manage_location_type a:before{ content: "\e062"; color: #fff }
.wrapper.dash-menu div.manage_site_location a:before{ content: "\e062"; color: #fff }
.wrapper.dash-menu div.manage_category a:before{ content: "\e012"; color: #fff }
.wrapper.dash-menu div.manage_product a:before{ content: "\e028"; color: #fff }
.wrapper.dash-menu div.manage_order a:before{ content: "\e032"; color: #fff }
.wrapper.dash-menu div.logout a:before{ content: "\e163"; color: #fff }

.order-status-section{ background: #fff; margin-top: 5px; }
.order-status-section:hover h4:after{  }
.order-status-section h4 { margin: 0; color: #fff; margin-top: 0px; margin-bottom: 0; background: #3faae5; text-transform: uppercase; font-size: 16px; padding: 10px; border-bottom: 1px solid #e8e8e8; padding-bottom: 10px;}
.order-status-section h4:after { content: "\e013"; float: right; font-family: 'Glyphicons Halflings'; }
.order-status-content{ list-style: none; width: 100%; float: left; margin: 0; padding: 0 15px;}
.order-status-content li{ width: 100%; border-bottom:1px solid #ededed;  float: left; padding: 20px 0; line-height: 30px }
.order-status-content li a{ float: right; font-size: 20px; font-weight: 600; color: #3faae5; font-family: sans-serif; text-decoration: none }

.product-status-section{ background: #fff; margin-top: 5px; }
.product-status-section:hover h4:after{  }
.product-status-section h4 { margin: 0; color: #fff; margin-top: 0px; margin-bottom: 0; background: #3faae5; text-transform: uppercase; font-size: 16px; padding: 10px; border-bottom: 1px solid #e8e8e8; padding-bottom: 10px;}
.product-status-section h4:after { content: "\e014"; float: right; font-family: 'Glyphicons Halflings'; }
.product-status-content{ list-style: none; width: 100%; float: left; margin: 0; padding: 0 15px;}
.product-status-content li{ width: 100%; border-bottom:1px solid #ededed;  float: left; padding: 20px 0; line-height: 30px }
.product-status-content li a{ float: right; font-size: 20px; font-weight: 600; color: #3faae5; font-family: sans-serif; text-decoration: none }


input[type="text"], input[type="email"], select.form-control, input.form-control, button.btn, input{ border-radius: 0; box-shadow: none; /* -webkit-appearance: none; */ }
input[type="text"], input[type="email"], select, input.form-control:focus{ box-shadow: none }
label{ font-weight: 600 !important; font-size: 13px !important }
ul.breadcrumb a{ font-size: 13px; }
ul.breadcrumb .active { font-size: 13px; }

.manage-product p, .AdminProfile p, .site-changepassword p{ font-size: 14px; }
.manage-product p .btn, .manage-user-roles p a.btn, .btn{ border-radius: 0 }

.manage-product h1, .AdminProfile h3, .product-view h1, .order-update h1, .end-user-create h1, .order-index h1, .category-index h1, .product-update h1, .site-login h1, .category-create h1, .category-view h1, .category-update h1, .location-index h1, .site-changepassword h1, .location-update h1, .location-view h1, .location-create h1, .location-type-create h1, .location-type-update h1, .location-type-view h1, .location-type-index h1, .end-user-update h1, .end-user-view h1, .measurement-unit-view h1, .measurement-unit-create h1, .measurement-unit-update  h1, .measurement-unit-index h1, .end-user-index h1, .manage-user-roles h1, .role-create h1, .role-view h1, .role-update h1, .meal-type-index h1,.meal-type-create h1, .meal-type-update h1, .meal-type-view h1,.meal-contribution-index h1,.meal-contribution-create h1, .meal-contribution-update h1, .meal-contribution-view h1, .food-product-index h1, .food-product-create h1, .food-product-update h1 , .food-product-view h1, .inventory-index h1, .inventory-create h1, .inventory-update h1,.inventory-view h1, .inventory-usage-index h1, .inventory-usage-create h1, .inventory-usage-update h1, .inventory-usage-index h1,
.recipe-index h1, .recipe-create h1, .recipe-update h1, .recipe-view h1,  .menu-index h1, .menu-create h1, .menu-update h1, .menu-view h1, .meal-index h1, .meal-create h1, .meal-update h1  , .leftover-create h1, .leftover-update h1, .leftover-index h1, .production-record-create h1, .production-record-update h1, .production-record-index h1, .production-record-view h1, .source-create h1, .source-update h1, .source-index h1, .source-view h1, .special-product-index h1, .special-product-create h1, .special-product-update h1
{ font-size: 18px; text-transform: uppercase; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 20px }

.product-create, .AdminProfile, .site-changepassword, .order-update, .end-user-create, .product-update, .site-login, .category-create, .category-update, .location-update, .location-create, .location-type-create, .location-type-update, .role-create, .role-update, .end-user-update, .measurement-unit-create, .measurement-unit-update, .inventory-create, .inventory-update, .meal-type-create, .meal-type-update, .meal-create, .meal-update, .meal-type-create, .meal-type-update, .meal-contribution-create, .meal-contribution-update, .leftover-create, .leftover-update, .production-record-create, .production-record-update,  .inventory-usage-create, .inventory-usage-update, .source-create, .source-update, .special-product-create, .special-product-update
{ 
	background: #fff; -webkit-box-shadow: 0 0 4px 2px #C7C7C7;
    box-shadow: 0 0 4px 2px #C7C7C7; padding: 15px; 
}

.food-product-create, .food-product-update, .recipe-create , .recipe-update ,.menu-create , .menu-update   {
	background: #fff; -webkit-box-shadow: 0 0 4px 2px #C7C7C7;
    box-shadow: 0 0 4px 2px #C7C7C7; padding: 15px; 
}

.panel-body { padding:10px; }

.delete_img { cursor: pointer; margin:2px; }

.input-size { width: 150px; padding:5px; border-shadow:none; border: 1px solid #ccc; }

.input-size1 { width: 150px; padding:5px; border-shadow:none; border: 1px solid #ccc; }

.select-product-size { width: 150px; padding:5px; border-shadow:none; border: 1px solid #ccc; }

.select-product-size1 { width: 150px; padding:5px; }

.select-leftover-size { width: 220px; padding:5px; border-shadow:none; border: 1px solid #ccc; }

.note { font-size: 12px; color: #800000; font-family: verdana; text-decoration: none;  margin:12px; }

.error  { color:red; }

.note1  { margin:0px; font-size: 12px; color: #800000; font-family: verdana; text-decoration: none; margin-right:20px; }

.recipe_img { border: 1px solid #ccc; width:160px; height:160px; margin:4px; padding:3px; padding-bottom:10px; float:center; }

.img_border { border: 1px solid #ccc;  float:center; }

.AdminProfile{ margin-top: 30px; margin-bottom: 30px }

.manage-product p .btn:before{ content: "\e065"; font-family: 'Glyphicons Halflings'; margin-right: 10px }
.manage-user-roles p a.btn:before{ content: "\e008"; font-family: 'Glyphicons Halflings'; margin-right: 10px }

.manage-product .summary, .location-type-index .summary, .order-index .summary, .category-index .summary, .end-user-index .summary, .manage-user-roles .summary{ font-size: 13px; margin-bottom: 10px; margin-top: 20px }
.table > thead > tr > th{ background: #3faae5; color: #fff }
.table > thead > tr > th a{ color: #fff; font-weight: 600;  }

.product-create h1{font-size: 18px; text-transform: uppercase; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 20px }


#itemGroups{ background: #fff; border:1px solid #ddd; padding: 10px; overflow-y: scroll; margin-bottom: 15px  }
@media(min-width:992px) and (max-width:1200px){
    .wrapper.dash-menu div a{ padding-top: 20px; }
}

@media(min-width:768px) and (max-width:992px){
    .wrapper.dash-menu > div{ margin-right: -15px; margin-left: -15px; width: 100%; float: left; }
    .navbar-header, .navbar-brand{ text-align: center; width: 100%; float: left; }
    .backend-nav{ height: auto; }
    .navbar-nav.navbar-right{ margin-right: 0; float: none !important; margin-bottom:20px; text-align: center; }
    .navbar-nav.navbar-right li{ float: none; display: inline-block; }
     .navbar-nav.navbar-right li a{ padding: 5px 5px; }
     .backend-main-section{ margin-top: 40px; }

}
.wrap .navbar-fixed-top .navbar-collapse, .wrap .navbar-fixed-bottom .navbar-collapse{ max-height: auto !important }
@media(max-width:767px){
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus{ background: #353d47 }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{ color: #fff }
    .order-status-section{ background: #fff; padding-left: 20px; padding-right: 20px; }
    .order-status-section .row{ margin-right: 0; margin-left: 0 }
    .end-user-index table.table.table-striped td{ padding-left: 35% !important; }
    .form-group{ width: 100%; }
    label{ text-align: left; }
  .order-status-section{ margin-left: 0; margin-right: 0; background: none }

    .order-status-section > .row{ background: #fff }
.navbar-fixed-top, .navbar-fixed-bottom{ position: absolute; width: 100%; top: 0 }
    .navbar-collapse{ max-height: auto !important; height: auto !important; }
    .wrapper.dash-menu > div div{ width: 50% }
    .wrapper.dash-menu > div{width: 100%; float: left; }
    .navbar-nav{ background: #3faae5; margin-top: 7px; border:0; }
    .navbar-nav > li > a, .navbar-nav > li.active > a{ padding: 15px 10px; border-radius: 0 }
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{ max-height: auto }

    
    /* Location Type Index CSS */
    .location-type-index table.table.table-striped, .location-type-index table.table.table-striped thead, .location-type-index table.table.table-striped tbody, .location-type-index table.table.table-striped th, .location-type-index table.table.table-striped td, .location-type-index table.table.table-striped tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .location-type-index table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .location-type-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .location-type-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .location-type-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .location-type-index table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .location-type-index table.table.table-striped td:nth-of-type(2):before { content: "Location Type Name"; }
    .location-type-index table.table.table-striped td:nth-of-type(3):before { content: "Date Created"; }
    .location-type-index table.table.table-striped td:nth-of-type(6):before { content: "Status"; }
    .location-type-index table.table.table-striped td:nth-of-type(7):before { content: ""; }
    
	
	/* Category CSS */
    .category-index table.table.table-striped, .category-index table.table.table-striped thead, .category-index table.table.table-striped tbody, .category-index table.table.table-striped th, .category-index table.table.table-striped td, .category-index table.table.table-striped tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .category-index table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .category-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .category-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .category-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .category-index table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .category-index table.table.table-striped td:nth-of-type(2):before { content: "Name"; }
    .category-index table.table.table-striped td:nth-of-type(3):before { content: "Status"; }
    .category-index table.table.table-striped td:nth-of-type(4):before { content: "Created Date"; }
}
table.table.table-striped td { font-size: 13px}
@media(max-width:1200px){


/* Product CSS */
    .product-index table.table.table-striped, .product-index table.table.table-striped thead, .product-index table.table.table-striped tbody, .product-index table.table.table-striped th, .product-index table.table.table-striped td, .product-index table.table.table-striped tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .product-index table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .product-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .product-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
    }
    
    .product-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .product-index table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .product-index table.table.table-striped td:nth-of-type(2):before { content: "Item Number"; }
    .product-index table.table.table-striped td:nth-of-type(3):before { content: "Image"; }
    .product-index table.table.table-striped td:nth-of-type(4):before { content: "Category"; }
    .product-index table.table.table-striped td:nth-of-type(5):before { content: "Name"; }
    .product-index table.table.table-striped td:nth-of-type(6):before { content: "Case Only"; }
    .product-index table.table.table-striped td:nth-of-type(7):before { content: "Case Price"; }
    .product-index table.table.table-striped td:nth-of-type(8):before { content: "Case Qty"; }
    .product-index table.table.table-striped td:nth-of-type(9):before { content: "Ind. Price"; }
    .product-index table.table.table-striped td:nth-of-type(10):before { content: "Date Created"; }
    .product-index table.table.table-striped td:nth-of-type(11):before { content: "Status"; }

}
@media(max-width:992px){
   
    /* User role CSS */
    .manage-user-roles table.table.table-striped, .manage-user-roles table.table.table-striped thead, .manage-user-roles table.table.table-striped tbody, .manage-user-roles table.table.table-striped th, .manage-user-roles table.table.table-striped td, .manage-user-roles table.table.table-striped tr { 
        display: block; 
    }
	
	.manage-user-roles table.table.table-striped thead tr:nth-child(1) { 
        display:none;
    }
    
	.manage-user-roles table.table.table-striped thead tr :nth-child(2) {
        position: absolute;
        top: -9999px;
        left: -9999px;
	}
 
    
    /* Hide table headers (but not display: none;, for accessibility) */
   /* .manage-user-roles table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;		
    } */
    
    .manage-user-roles table.table.table-striped tr { border: 1px solid #ccc; }
    
    .manage-user-roles table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .manage-user-roles table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .manage-user-roles table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .manage-user-roles table.table.table-striped td:nth-of-type(2):before { content: "Name"; }
    .manage-user-roles table.table.table-striped td:nth-of-type(3):before { content: "Status"; }
    .manage-user-roles table.table.table-striped td:nth-of-type(4):before { content: "Created Date"; }
    .manage-user-roles table.table.table-striped td:nth-of-type(5):before { content: "Added By"; }
    .manage-user-roles table.table.table-striped td:nth-of-type(6):before { content: ""; }	
	
}
@media(max-width:600px){.wrapper.dash-menu > div div{ width: 100% }}

/******CSS 04-10******/
.navbar-header{ width:100%;margin: 0 auto !important; }
.navbar-header a:not(.navbar-brand){ color:#fff; float:right; margin-top:15px; margin-right:10px;}
.navbar-inverse .navbar-toggle:focus{ background:none}
.manage_fcategory a:before{ content:"\e041" !important; color:#fff}
.dash-menu a:hover:before{ font-weight:normal} 
.manage_unit a:before{ content:"\e032" !important; color:#fff}
.manage_report a:before{ content:"\e018" !important; color:#fff}

.navbar-nav > li > a, .navbar-nav > li.active > a{ font-size:13px; margin:0 3px; padding:5px 5.5px;}
.navbar-nav > li{ margin-bottom:15px;}

.navbar-nav{ position:relative; height:45px; transition: margin 0.5s ease;} 
.more{ position:absolute; top:0px; right:3px; color:#fff; background:#353d47; padding:5px 10px 13px; cursor:pointer; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.more:after{ content:"\e114"; font-family: 'Glyphicons Halflings'; left:45%; bottom:2px; font-size:11px; position:absolute; color:#fff}
.more.col:after{ content:"\e113"; font-family: 'Glyphicons Halflings'; left:40%; bottom:2px; position:absolute; color:#fff}
.navbar-nav.collapse-height{ height:auto; transition: margin 0.5s ease;}
/* .input-group.date{ width:125px;} */
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus{background:#055d8d !important}
.wrap > .container.backend-main-section .site-index h4.head{ margin-top:0}
.ingredients-form label{ width:100%;}
.ingredients-form select{ width:100%;}
.note.alert.alert-danger a span{ color:#a94442;}
@media (min-width:768px){
.collapse.navbar-collapse{ background:#1d84bd; margin-left:-9999px; padding-left:9999px; margin-right:-9999px; padding-right:9999px;}
.navbar-nav{ height:auto; margin-top:10px; margin-bottom:10px;}
.navbar-nav > li{ margin-bottom:0;}
.navbar-nav > li.active > a, .navbar-nav > li.active > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li.active > a{ background:#055d8d !important; }
.navbar-right{ float:left !important}
}

@media (max-width: 1365px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}
@media (min-width:992px) and (max-width: 1365px){
.navbar-nav > li {
    margin-bottom: 0;
    width: 20%;
}
}
@media (min-width:768px) and (max-width: 991px){
.wrap > .container{ padding-top:0}
.navbar-nav > li {
    margin-bottom: 0;
    width: 32%;
	float:left !important;
}
.navbar-nav > li > a{ text-align:left}
}

@media(min-width:768px) and (max-width:992px){
.inventory-index p > .btn{ width:32%; margin-bottom:5px; font-size:13px; padding:6px;}
    .navbar-header, .navbar-brand{ text-align: left; width:auto;}
    .production-record-index p > .btn{  margin-bottom:0px; padding:6px;}
  
	}
@media (min-width: 600px) and (max-width: 767px){
.inventory-index p > .btn {
    width: 49%;
    margin-bottom: 5px;
}	
}
@media (max-width:599px){
.inventory-index p > .btn {
    width: 100%;
    margin-bottom: 5px;
}
}
@media (max-width:670px){
.navbar-toggle{ width: 45%;
    float:left;
    box-sizing: border-box;}
.navbar-brand{ width:100%; text-align:center; height:auto; line-height:30px;}
.navbar-toggle:after{ content:'Click to open'; position:absolute; top:6px; left:40px; color:#fff}
}	
@media (max-width:340px){
    .navbar-toggle{ 
        width: 15%;
        float:left;
        box-sizing: border-box;}
    .navbar-brand{ width:100%; text-align:center; height:auto; line-height:30px;}
    .navbar-toggle:after{  display:none; }
    }
@media (max-width:408px){
    .wrap > .container{ padding-top:100px;}
    }
@media (max-width:767px){
.wrap > .container{ padding-top:80px;}
.navbar-nav{ padding-left:15px; padding-right:15px;}
.more{ display:none}
.navbar-nav{ height:auto; overflow:visible; padding-right:0;}


/* inventory-usage-index CSS */

    .inventory-usage-index table.table.table-striped, .inventory-usage-index table.table.table-striped thead, .inventory-usage-index table.table.table-striped tbody, .inventory-usage-index table.table.table-striped th, .inventory-usage-index table.table.table-striped td, .inventory-usage-index table.table.table-striped tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .inventory-usage-index table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .inventory-usage-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .inventory-usage-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .inventory-usage-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .inventory-usage-index table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .inventory-usage-index table.table.table-striped td:nth-of-type(2):before { content: "Location"; }
    .inventory-usage-index table.table.table-striped td:nth-of-type(3):before { content: "Product"; }
	.inventory-usage-index table.table.table-striped td:nth-of-type(4):before { content: "Updated By"; }
	.inventory-usage-index table.table.table-striped td:nth-of-type(5):before { content: "Quantity Used"; }
	.inventory-usage-index table.table.table-striped td:nth-of-type(6):before { content: "Date Used"; }

/* production-record-create CSS */

   .production-record-create table.table.table-striped, .production-record-create table.table.table-striped thead, .production-record-create table.table.table-striped tbody, .production-record-create table.table.table-striped th, .production-record-create table.table.table-striped td, .production-record-create table.table.table-striped tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .production-record-create table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .production-record-create table.table.table-striped tr { border: 1px solid #ccc; }
    
    .production-record-create table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .production-record-create table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .production-record-create table.table.table-striped td:nth-of-type(1):before { content: "Menu Item"; }
    .production-record-create table.table.table-striped td:nth-of-type(2):before { content: "Groupa1"; }
    .production-record-create table.table.table-striped td:nth-of-type(3):before { content: "Groupb1"; }
.production-record-create > table.table > tbody > tr:first-child{ display:none}
.product-grid tr:nth-of-type(1){ display:none !important}


/* Manage Users CSS */  
	
	/* Meal type CSS */
    .meal-type-index table.table.table-striped, .meal-type-index table.table.table-striped thead, .meal-type-index table.table.table-striped tbody, .meal-type-index table.table.table-striped th, .meal-type-index table.table.table-striped td, .meal-type-index table.table.table-striped tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .meal-type-index table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .meal-type-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .meal-type-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .meal-type-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .meal-type-index table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .meal-type-index table.table.table-striped td:nth-of-type(2):before { content: "Name"; }
    .meal-type-index table.table.table-striped td:nth-of-type(3):before { content: "Status"; }
    .meal-type-index table.table.table-striped td:nth-of-type(4):before { content: "Created Date"; }
    .meal-type-index table.table.table-striped td:nth-of-type(5):before { content: ""; }
	
	
	/* Meal Contribution  CSS */
    .meal-contribution-index table.table.table-striped, .meal-contribution-index table.table.table-striped thead, .meal-contribution-index table.table.table-striped tbody, .meal-contribution-index table.table.table-striped th, .meal-contribution-index table.table.table-striped td, .meal-contribution-index table.table.table-striped tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .meal-contribution-index table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .meal-contribution-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .meal-contribution-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .meal-contribution-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .meal-contribution-index table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .meal-contribution-index table.table.table-striped td:nth-of-type(2):before { content: "Name"; }
    .meal-contribution-index table.table.table-striped td:nth-of-type(3):before { content: "Status"; }
    .meal-contribution-index table.table.table-striped td:nth-of-type(4):before { content: "Created Date"; }
    .meal-contribution-index table.table.table-striped td:nth-of-type(5):before { content: ""; }
	
	
	/* measurement-unit-index CSS */
    .measurement-unit-index table.table.table-striped, .measurement-unit-index table.table.table-striped thead, .measurement-unit-index table.table.table-striped tbody, .measurement-unit-index table.table.table-striped th, .measurement-unit-index table.table.table-striped td, .measurement-unit-index table.table.table-striped tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .measurement-unit-index table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .measurement-unit-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .measurement-unit-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .measurement-unit-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .measurement-unit-index table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .measurement-unit-index table.table.table-striped td:nth-of-type(2):before { content: "Unit Name"; }
    .measurement-unit-index table.table.table-striped td:nth-of-type(3):before { content: "Description"; }
    .measurement-unit-index table.table.table-striped td:nth-of-type(4):before { content: "Status"; }
    .measurement-unit-index table.table.table-striped td:nth-of-type(5):before  content: ""; 

}

	
.wrap{ overflow-x:hidden}
@media (max-width:1365px){
 /* Manage Users CSS */
    .end-user-index table.table.table-striped, .end-user-index table.table.table-striped thead, .end-user-index table.table.table-striped tbody, .end-user-index table.table.table-striped th, .end-user-index table.table.table-striped td, .end-user-index table.table.table-striped tr { 
        display: block; 
    }  
    
	
	.end-user-index table.table.table-striped thead tr:nth-child(1) { 
        display:none;
    }
	
	/* Hide table headers (but not display: none;, for accessibility) */
    .end-user-index table.table.table-striped thead tr:nth-child(2) { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .end-user-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .end-user-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .end-user-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .end-user-index table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .end-user-index table.table.table-striped td:nth-of-type(2):before { content: "Role"; }
    .end-user-index table.table.table-striped td:nth-of-type(3):before { content: "Name"; }
    .end-user-index table.table.table-striped td:nth-of-type(4):before { content: "Username"; }
    .end-user-index table.table.table-striped td:nth-of-type(5):before { content: "Email"; }
    .end-user-index table.table.table-striped td:nth-of-type(6):before { content: "Date Created"; }
    .end-user-index table.table.table-striped td:nth-of-type(7):before { content: "Added By"; }
    .end-user-index table.table.table-striped td:nth-of-type(8):before { content: "Is Blocked"; }
    .end-user-index table.table.table-striped td:nth-of-type(9):before { content: ""; }
}
@media (max-width:992px){
.menu-index table.table.table-striped td:last-child a{ width:117px; /* display:block; margin-bottom:10px; */}
.menu-index table.table.table-striped td br{ display:none}
.production-record-index table tr td:last-child a{  /* display: block; */ width:117px;}
}
@media (max-width:1200px) {
    .order-index table.table.table-striped, .order-index table.table.table-striped thead, .order-index table.table.table-striped tbody, .order-index table.table.table-striped th, .order-index table.table.table-striped td, .order-index table.table.table-striped tr { 
        display: block; 
    }
	
	.order-index table.table.table-striped thead tr:nth-child(1) { 
        display:none;
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
   /* .order-index table.table.table-striped thead tr :nth-child(2) { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    } */
    
    .order-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .order-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .order-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .order-index table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .order-index table.table.table-striped td:nth-of-type(2):before { content: "Track Number"; }
    .order-index table.table.table-striped td:nth-of-type(3):before { content: "Shipping Location"; }
    .order-index table.table.table-striped td:nth-of-type(4):before { content: "Order To"; }
    .order-index table.table.table-striped td:nth-of-type(5):before { content: "Added By"; }
	.order-index table.table.table-striped td:nth-of-type(6):before { content: "Order To Email"; }
	.order-index table.table.table-striped td:nth-of-type(7):before { content: "Comments"; }
	.order-index table.table.table-striped td:nth-of-type(8):before { content: "Created Date"; } 
    .order-index table.table.table-striped td:nth-of-type(9):before { content: "Status"; }
	.order-index table.table.table-striped td:nth-of-type(10):before { content: ""; } 
    
    

/* production-record-index CSS */
    .production-record-index table.table.table-striped, .production-record-index table.table.table-striped thead, .production-record-index table.table.table-striped tbody, .production-record-index table.table.table-striped th, .production-record-index table.table.table-striped td, .production-record-index table.table.table-striped tr { 
       display: block; 
    }
	
	/* .production-record-index table.table.table-striped thead tr:nth-child(1) { 
        display:none;
    } 
	
	.production-record-index table.table.table-striped thead th { 
        display:none;
		content: "Select All";
    }

	.production-record-index table.table.table-striped thead th:nth-of-type(1) { 
        display:block;
    }	*/
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .production-record-index table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    } 
    
    .production-record-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .production-record-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .production-record-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .production-record-index table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .production-record-index table.table.table-striped td:nth-of-type(2):before { content: "Name"; }
    /* .production-record-index table.table.table-striped td:nth-of-type(3):before { content: "Meal Type"; } */
    .production-record-index table.table.table-striped td:nth-of-type(3):before { content: "Site Location"; }
	.production-record-index table.table.table-striped td:nth-of-type(4):before { content: "Offer Serve"; }
    .production-record-index table.table.table-striped td:nth-of-type(5):before { content: "Participating Grade"; }
    .production-record-index table.table.table-striped td:nth-of-type(6):before { content: "Month"; }
	.production-record-index table.table.table-striped td:nth-of-type(7):before { content: "Meal Date"; }
	.production-record-index table.table.table-striped td:nth-of-type(8):before { content: "Risk Status"; }
	.production-record-index table.table.table-striped td:nth-of-type(9):before { content: ""; }

/* salad-production-record-index CSS */
    .salad-production-record-index table.table.table-striped, .salad-production-record-index table.table.table-striped thead, .salad-production-record-index table.table.table-striped tbody, .salad-production-record-index table.table.table-striped th, .salad-production-record-index table.table.table-striped td, .salad-production-record-index table.table.table-striped tr { 
       display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    /* .salad-production-record-index table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    } */
	
	.salad-production-record-index table.table.table-striped thead tr:nth-child(1) { 
        display:none;
    }  
    
    
    
    .salad-production-record-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .salad-production-record-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .salad-production-record-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .salad-production-record-index table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .salad-production-record-index table.table.table-striped td:nth-of-type(2):before { content: "Name"; }
    /* .production-record-index table.table.table-striped td:nth-of-type(3):before { content: "Meal Type"; } */
    .salad-production-record-index table.table.table-striped td:nth-of-type(3):before { content: "Site Location"; }
	.salad-production-record-index table.table.table-striped td:nth-of-type(4):before { content: "Planned No. Stud. & Adults"; }
    .salad-production-record-index table.table.table-striped td:nth-of-type(5):before { content: "Veg. Component"; }
    .salad-production-record-index table.table.table-striped td:nth-of-type(6):before { content: "Veg. Serving Size"; }
	.salad-production-record-index table.table.table-striped td:nth-of-type(7):before { content: "Fruit Component"; }
	.salad-production-record-index table.table.table-striped td:nth-of-type(8):before { content: "Fruit Serving Size"; }
	.salad-production-record-index table.table.table-striped td:nth-of-type(9):before { content: "Date"; }
	.salad-production-record-index table.table.table-striped td:nth-of-type(10):before { content: ""; }

/* leftover-index CSS */
    .leftover-index table.table.table-striped, .leftover-index table.table.table-striped thead, .leftover-index table.table.table-striped tbody, .leftover-index table.table.table-striped th, .leftover-index table.table.table-striped td, .leftover-index table.table.table-striped tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .leftover-index table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .leftover-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .leftover-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .leftover-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .leftover-index table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .leftover-index table.table.table-striped td:nth-of-type(2):before { content: "	Product"; }
    .leftover-index table.table.table-striped td:nth-of-type(3):before { content: "Quantity"; }
    .leftover-index table.table.table-striped td:nth-of-type(4):before { content: "	Unit"; }
    .leftover-index table.table.table-striped td:nth-of-type(5):before { content: "	Site Location"; }
    .leftover-index table.table.table-striped td:nth-of-type(6):before { content: "Comment"; }
	.leftover-index table.table.table-striped td:nth-of-type(7):before { content: ""; }
	
	
	
	
/* Meal Index CSS */
    .menu-index table.table.table-striped, .menu-index table.table.table-striped thead, .menu-index table.table.table-striped tbody, .menu-index table.table.table-striped th, .menu-index table.table.table-striped td, .menu-index table.table.table-striped tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .menu-index table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .menu-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .menu-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .menu-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .menu-index table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .menu-index table.table.table-striped td:nth-of-type(2):before { content: "Menu Title"; }
    .menu-index table.table.table-striped td:nth-of-type(3):before { content: "Menu Type"; }
    /* .menu-index table.table.table-striped td:nth-of-type(4):before { content: "Location"; } 
    .menu-index table.table.table-striped td:nth-of-type(5):before { content: "Batches"; } */
    .menu-index table.table.table-striped td:nth-of-type(4):before { content: "Created Date"; }
	.menu-index table.table.table-striped td:nth-of-type(5):before { content: "Status"; }
	.menu-index table.table.table-striped td:nth-of-type(6):before { content: ""; }
	



/* Meal Index CSS */
    .recipe-index table.table.table-striped, .recipe-index table.table.table-striped thead, .recipe-index table.table.table-striped tbody, .recipe-index table.table.table-striped th, .recipe-index table.table.table-striped td, .recipe-index table.table.table-striped tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .recipe-index table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .recipe-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .recipe-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .recipe-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .recipe-index table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .recipe-index table.table.table-striped td:nth-of-type(2):before { content: "Title"; }
   /*  .recipe-index table.table.table-striped td:nth-of-type(3):before { content: "Image"; } */
    .recipe-index table.table.table-striped td:nth-of-type(3):before { content: "Number Of Serving"; }
    .recipe-index table.table.table-striped td:nth-of-type(4):before { content: "Serving Size"; }
    /* .recipe-index table.table.table-striped td:nth-of-type(6):before { content: "Total Time"; } */
	.recipe-index table.table.table-striped td:nth-of-type(5):before { content: "Created Date"; }
	.recipe-index table.table.table-striped td:nth-of-type(6):before { content: "Status"; }
	.recipe-index table.table.table-striped td:nth-of-type(7):before { content: ""; }




/* Meal Index CSS */
    .meal-index table.table.table-striped, .meal-index table.table.table-striped thead, .meal-index table.table.table-striped tbody, .meal-index table.table.table-striped th, .meal-index table.table.table-striped td, .meal-index table.table.table-striped tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .meal-index table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .meal-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .meal-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .meal-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .meal-index table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .meal-index table.table.table-striped td:nth-of-type(2):before { content: "Meal Type"; }
	.meal-index table.table.table-striped td:nth-of-type(3):before { content: "Meal Title"; }
    .meal-index table.table.table-striped td:nth-of-type(4):before { content: "	Menu"; }
    .meal-index table.table.table-striped td:nth-of-type(5):before { content: "Site Location"; }
    .meal-index table.table.table-striped td:nth-of-type(6):before { content: "Meal Date"; }
    .meal-index table.table.table-striped td:nth-of-type(7):before { content: ""; }

/* Inventory Index CSS */
.inventory-index table > tfoot{ display:none} 
    .inventory-index table.table.table-striped, .inventory-index table.table.table-striped thead, .inventory-index table.table.table-striped tbody, .inventory-index table.table.table-striped th, .inventory-index table.table.table-striped td, .inventory-index table.table.table-striped tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .inventory-index table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .inventory-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .inventory-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .inventory-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .inventory-index table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .inventory-index table.table.table-striped td:nth-of-type(2):before { content: "Product#"; }
    .inventory-index table.table.table-striped td:nth-of-type(3):before { content: "Name"; }
    .inventory-index table.table.table-striped td:nth-of-type(4):before { content: "Location"; }
    .inventory-index table.table.table-striped td:nth-of-type(5):before { content: "Source Import Unit"; }
    .inventory-index table.table.table-striped td:nth-of-type(6):before { content: "QS"; }
    .inventory-index table.table.table-striped td:nth-of-type(7):before { content: "Unit$"; }
    .inventory-index table.table.table-striped td:nth-of-type(8):before { content: "Extended$"; }
    .inventory-index table.table.table-striped td:nth-of-type(9):before { content: "Date"; }
	.inventory-index table.table.table-striped td:nth-of-type(10):before { content: ""; }




/* Location CSS */
    .location-index table.table.table-striped, .location-index table.table.table-striped thead, .location-index table.table.table-striped tbody, .location-index table.table.table-striped th, .location-index table.table.table-striped td, .location-index table.table.table-striped tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .location-index table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .location-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .location-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .location-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .location-index table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .location-index table.table.table-striped td:nth-of-type(2):before { content: "Location Type"; }
   /*  .location-index table.table.table-striped td:nth-of-type(3):before { content: "MidAmerica Cust. No."; }
    .location-index table.table.table-striped td:nth-of-type(4):before { content: "Syco Acc. No."; } */
    .location-index table.table.table-striped td:nth-of-type(3):before { content: "Location Name"; }
    .location-index table.table.table-striped td:nth-of-type(4):before { content: "Main Contact"; }
    .location-index table.table.table-striped td:nth-of-type(5):before { content: "Status"; }
	.location-index table.table.table-striped td:nth-of-type(6):before { content: "Date Created"; }
	.location-index table.table.table-striped td:nth-of-type(7):before { content: ""; }
	
	
	
	/* Inventory create CSS */
	.inventory-create table.table.table-striped  tr:first-child td, .inventory-create table.table.table-striped  tr:first-child{ display:none}
    .inventory-create table.table.table-striped, .inventory-create table.table.table-striped thead, .inventory-create table.table.table-striped tbody, .inventory-create table.table.table-striped th, .inventory-create table.table.table-striped td, .inventory-create table.table.table-striped tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .inventory-create table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .inventory-create table.table.table-striped tr { border: 1px solid #ccc; }
    
    .inventory-create table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important;
		word-break:break-word;
    }

    
    .inventory-create table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .inventory-create table.table.table-striped td:nth-of-type(1):before { content: "#"; }
    .inventory-create table.table.table-striped td:nth-of-type(2):before { content: "Source"; }
    .inventory-create table.table.table-striped td:nth-of-type(3):before { content: "Filename"; }
    .inventory-create table.table.table-striped td:nth-of-type(4):before { content: "Imported By"; }
    .inventory-create table.table.table-striped td:nth-of-type(5):before { content: "Imported Date"; }
    .inventory-create table.table.table-striped td:nth-of-type(6):before { content: "Action"; }


}

@media (min-width: 1366px){
.container {
    width:1336px;
}
}

@media (max-width:992px){
.food-product-index table.table.table-striped, .food-product-index table.table.table-striped thead, .food-product-index table.table.table-striped tbody, .food-product-index table.table.table-striped th, .food-product-index table.table.table-striped td, .food-product-index table.table.table-striped tr { 
        display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .food-product-index table.table.table-striped thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .food-product-index table.table.table-striped tr { border: 1px solid #ccc; }
    
    .food-product-index table.table.table-striped td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        font-size: 13px;
        width: auto !important
    }

    
    .food-product-index table.table.table-striped 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;
    }
    
    /*
    Label the data
    */
    .food-product-index table.table.table-striped td:nth-of-type(1):before { content: "#"; font-weight:bold }
    .food-product-index table.table.table-striped td:nth-of-type(2):before { content: "Product Number"; font-weight:bold }
    .food-product-index table.table.table-striped td:nth-of-type(3):before { content: "Category"; font-weight:bold }
    .food-product-index table.table.table-striped td:nth-of-type(4):before { content: "Product"; font-weight:bold }
    .food-product-index table.table.table-striped td:nth-of-type(5):before { content: "Description"; font-weight:bold }
	.food-product-index table.table.table-striped td:nth-of-type(6):before { content: "Source Import Unit"; font-weight:bold }
    .food-product-index table.table.table-striped td:nth-of-type(7):before { content: "Created Date"; font-weight:bold }
    .food-product-index table.table.table-striped td:nth-of-type(8):before { content: "Status"; font-weight:bold }
	.food-product-index table.table.table-striped td:nth-of-type(9):before { content: "";  }
    }
	
	
@media (max-width:606px){
    .production-record-index p > .btn {
         margin-bottom: 5px;
        width:98%;
        }    
  }
@media (max-width:482px){
    .container p.pull-left {
        text-align:center;
        float:none !important;
        width:100%;
    }
    .container p.pull-right {
        text-align:center;
        float:none !important;
        width:100%;
    }
}  
@media (max-width:370px){
    .input-group {
        width: 140px;
    }
}

/* sidebar for product page */
.left-nav{ width: 250px; position: absolute; left: 0; height: 90%; transition:left 0.2s linear 0s }
.mid-section-frontend{ position: relative; padding-left: 250px; transition: padding-left 0.2s linear 0s; padding-bottom:5px; }
.mid-section-frontend.mid-section-space{ padding-left: 0; transition: padding-left 0.2s linear 0s}
#sidebar{ background: #3faae5; left: -250px; min-height:600px; /* margin-top:102px; */ }
#sidebar ul li a, #sidebar{ background: #3faae5; font-size: 13px; color: #fff !important; padding:5px 10px; margin-right: 2px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; border-radius: 4px; padding:5px 7px; }
.left-nav.visible-menu{ left:-250px; transition:left 0.2s linear 0s}
#sidebar ul li a{ line-height:35px; font-size: 13px; /* padding: 10px 10px 10px 15px; */ } 

/* #sidebar > li > a{ font-size: 12px; color: #fff !important; padding:5px 10px; margin-right: 2px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; border-radius: 4px; padding:5px 7px; } */
#sidebar ul li a:hover, #sidebar  ul li a:focus{ /* background: #353d47 */ background:#1D84BD !important  }
#sidebar ul li .active > a{-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; padding:5px 10px; background:#055d8d !important }