@charset "UTF-8";
/*================== Overwrite Style.min.css CSS ==================/*
/*login page*/
.login .login-header {
top:-140px;
left:55%;
}

.login .login-header img{
  max-height:140px;
  max-width:370px;
}
@media (max-width: 767px){
.login {
  margin: 88px 0 20px!important;
}
.login .login-header {
  top: -120px;
}
.login .login-header .brand{
  width:150px;
  margin:25px auto;
}
.login .login-header img{
  max-height:100px;
} 
}
/*Top Header */
.navbar-brand {width: 550px;}

/*Side Bar Navigation */
.sidebar {background: #000033 !important;}
.sidebar .sub-menu {background: #3f3f41 !important;}
.sidebar .sub-menu:before{background: #4B4B4B;}
.nav > li.active > a {background: #cc6633 !important;color: #fff;}
.sidebar .nav>li.expand>a, .sidebar .nav>li>a:hover{background-color:#cc6633 !important;color: #fff;}
.sidebar .nav>li>a:focus{background-color:#9b431c !important;}

/*content */
.breadcrumb {margin: 20px 0 0;}
.page-header{margin: 20px 0 0px;padding-bottom: 10px;border-bottom: 1px dotted #ccc;}

/* body setting */
.btn.btn-primary, .btn-primary{background-color:#e57e51;border-color: #cc6633;}
a {color:#e57e51;}
a:hover {color:#cc6633;}
body{background:#f0f0f1;}
.panel-heading label{
color:#FFF!important;
}
/* Overwrite loading spinner color*/
.spinner, .spinner-small {
border-top: 2px solid #FF511B;
}
/* Overwrite Template Colors */
.navbar.navbar-inverse .navbar-brand, .sidebar .nav > li.active > a, .sidebar .nav > li.active > a:focus, .sidebar .nav > li.active > a:hover, .page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a, .page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a, .page-sidebar-minified .sidebar .nav > li.has-sub.active > a, .label.label-theme, .btn.btn-scroll-to-top {
background: #d38563 !important;
}

.navbar-logo,
.coming-soon .brand .logo,
.login .login-header .brand .logo {
    border-color: #DF8F19 #c47d15 #935e10; !important
}
.navbar.navbar-inverse .navbar-brand,
.sidebar .nav > li.active > a, 
.sidebar .nav > li.active > a:focus, 
.sidebar .nav > li.active > a:hover,
.page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a, 
.page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a, 
.page-sidebar-minified .sidebar .nav > li.has-sub.active > a,
.label.label-theme,
.btn.btn-scroll-to-top {
    background: #f59c1a; !important
}
.navbar.navbar-inverse .navbar-brand {
    color: #fff !important;
}
.text-theme,
.sidebar .sub-menu > li.active > a:before {
    color: #f59c1a !important;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-header {
        background: #f59c1a !important;
    }
}


/* Added in v1.5 */

.gradient-enabled .navbar.navbar-inverse .navbar-brand,
.gradient-enabled .sidebar .nav > li.active > a, 
.gradient-enabled .sidebar .nav > li.active > a:focus, 
.gradient-enabled .sidebar .nav > li.active > a:hover,
.gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a, 
.gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a, 
.gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active > a,
.gradient-enabled .label.label-theme,
.gradient-enabled .btn.btn-scroll-to-top {
    background: rgb(253,182,79); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkYjY0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTljMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(253,182,79,1) 0%, rgba(245,156,26,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,182,79,1)), color-stop(100%,rgba(245,156,26,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(253,182,79,1) 0%,rgba(245,156,26,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(253,182,79,1) 0%,rgba(245,156,26,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(253,182,79,1) 0%,rgba(245,156,26,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(253,182,79,1) 0%,rgba(245,156,26,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb64f', endColorstr='#f59c1a',GradientType=0 ); /* IE6-8 */
}
.pace-progress {
    background: #f59c1a !important;
}
.pace .pace-activity {
    border-top-color: #f59c1a !important;
    border-left-color: #f59c1a !important;
}
/* ================== End of Overwrite Template CSS ================== /*

/*================== Custom Added CSS ================== /*
/*Login Page*/
.login-footer{
  width:100px;
  margin:0 auto;
  text-align:center;  
}
.login-footer img{
width:80px;
margin:0 auto;
}
/* For new forms */
form.new{margin-top: 10px;}
hr.section-break{
  margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px dotted #ccc;
}
.listing-modal{
width:100%;
display:table;
}
/* For Creating and Removing via a table view */
.add-table caption {text-align:right;margin-top:-30px;}
.add-table thead tr th:first-child, .add-table tbody tr td:first-child{max-width:40px;}
.add-table thead tr {background:#999;}
.add-table thead tr.search {background:none;}

/* For Creating and Removing via a table view */
.add-table1 caption {text-align:right;margin-top:-30px;}
.add-table1 thead tr th:first-child, .add-table tbody tr td:first-child{max-width:40px;}
.add-table1 thead tr {background:#999;}
.add-table1 thead tr.search {background:none;}
/* For Manage Page eg item-manage, tender-manage - This control the table for listing view*/

.list-table > thead > tr > th{
  color: #ffffff;
  font-weight:bold;
}
.list-table > thead > th, .list-table > thead > tr {
  background-color: #333366!important;
}

.list-table tfoot tr th input{
width:100%;
color: #333133;
font-weight:normal;
}
.list-table thead tr.search td {
border:none;
}
.list-table thead tr.search th{
  border:none;
}
.list-table thead tr.search input{
width:100%;
font-weight:normal;
}
.list-table > thead > tr > th{
  border-left: 1px solid #FFF;
}
.list-table tbody{
  background-color:#FFF;
}
.list-table tbody td{
  border-left: 1px solid #FFF;
}
.list-table > tbody > tr:nth-child(odd),.table-striped>tbody>tr:nth-child(odd)>td { 
  background-color: #ffffff!important;
}
.list-table > tbody > tr:nth-child(even) { 
  background-color: #CFD0D2 !important;
  border: 1px solid #E6E6E6;
}

.list-table tbody i {
  color:#2F3B7F;
}
.list-table td a:hover i {
  opacity:0.5;
}




.smalllist-table > thead > tr > th{
  /* color: #ffffff; */
  font-weight:bold;
  font-size: 10px;
}
.smalllist-table > thead > th, .smalllist-table > thead > tr {
  /* background-color: #333366!important; */
}

.smalllist-table tfoot tr th input{
width:100%;
color: #333133;
font-weight:normal;
}
.smalllist-table thead tr.search td {
border:none;
}
.smalllist-table thead tr.search th{
  border:none;
}
.smalllist-table thead tr.search input{
width:100%;
font-weight:normal;
}
.smalllist-table > thead > tr > th{
  border-left: 1px solid #FFF;
}
.smalllist-table tbody{
  background-color:#FFF;
}
.smalllist-table tbody td{
  border-left: 1px solid #FFF;
}


.smalllist-table tbody i {
  /* color:#2F3B7F; */
}
.smalllist-table td a:hover i {
  opacity:0.5;
}


/*control list column width*/

#list-table tfoot {
    display:table-header-group;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  margin-bottom:20px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important;
  border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #FFF !important;
  border: 1px solid #cacaca;
  background-color: #000;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #666;
  background-color: #585858;

}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  
}
.dataTables_length {
  float: left;
  clear: both;
}

/*End of Manage Page*/

/* CSS POS Buttons */
/* ==========================================================================
Default POS Category & Item Button Style
========================================================================== */
.pos-btn{
  height: 56px;
  width: 85px;
}
.default-btn{
  background: rgba(73, 92, 157, 1); 
  padding: 10px 2px 4px 2px; 
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #2a375f; -moz-box-shadow: 0px 3px 0px 0px #2a375f; box-shadow: 0px 3px 0px 0px #2a375f; font-weight: 700; font-size:16px;    height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px; cursor:pointer;}
.default-btn:hover{ background: rgba(73, 92, 157,0.6); color: #fff !important; text-decoration:none;}

.default-btn-yellow{ background: rgba(219, 198, 134, 1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #A5925C; -moz-box-shadow: 0px 3px 0px 0px #A5925C; box-shadow: 0px 3px 0px 0px #A5925C; font-weight: 700; font-size:16px;    height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-yellow:hover{ background: rgba(219, 198, 134,0.6); color: #fff !important; text-decoration:none;}

.default-btn-green{ background: rgba(118, 145, 81, 1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #526638; -moz-box-shadow: 0px 3px 0px 0px #526638; box-shadow: 0px 3px 0px 0px #526638; font-weight: 700; font-size:16px;    height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-green:hover{ background: rgba(118, 145, 81,0.6); color: #fff !important; text-decoration:none;}

.default-btn-red{ background: rgba(168, 67, 67, 1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #862f30; -moz-box-shadow: 0px 3px 0px 0px #862f30; box-shadow: 0px 3px 0px 0px #862f30; font-weight: 700; font-size:16px;   height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-red:hover{ background: rgba(168, 67, 67,0.6); color: #fff !important; text-decoration:none;}

.default-btn-plum{ background: rgba(137, 64, 136, 1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #5d265d; -moz-box-shadow: 0px 3px 0px 0px #5d265d; box-shadow: 0px 3px 0px 0px #5d265d; font-weight: 700; font-size:16px;   height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-plum:hover{ background: rgba(137, 64, 136,0.6); color: #fff !important; text-decoration:none;}

.default-btn-orange{ background: rgba(225,159,65,1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #845e38; -moz-box-shadow: 0px 3px 0px 0px #845e38; box-shadow: 0px 3px 0px 0px #845e38; font-weight: 700; font-size:16px;    height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-orange:hover{ background: rgba(225,159,65,0.6); color: #fff !important; text-decoration:none;}

.default-btn-purple{ background: rgba(128, 107, 144, 1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #635575; -moz-box-shadow: 0px 3px 0px 0px #635575; box-shadow: 0px 3px 0px 0px #635575; font-weight: 700; font-size:16px;    height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-purple:hover{ background: rgba(128, 107, 144,0.6); color: #fff !important; text-decoration:none;}

.default-btn-brick{ background: rgba(105, 59, 42, 1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #4d2a21; -moz-box-shadow: 0px 3px 0px 0px #4d2a21; box-shadow: 0px 3px 0px 0px #4d2a21; font-weight: 700; font-size:16px;   height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-brick:hover{ background: rgba(105, 59, 42,0.6); color: #fff !important; text-decoration:none;}

.default-btn-ocean{ background: rgba(119, 165, 175, 1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #608082; -moz-box-shadow: 0px 3px 0px 0px #608082; box-shadow: 0px 3px 0px 0px #608082; font-weight: 700; font-size:16px;   height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-ocean:hover{ background: rgba(119, 165, 175,0.6); color: #fff !important; text-decoration:none;}

.default-btn-mustard{ background: rgba(187, 146, 61, 1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #906f29; -moz-box-shadow: 0px 3px 0px 0px #906f29; box-shadow: 0px 3px 0px 0px #906f29; font-weight: 700; font-size:16px;    height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-mustard:hover{ background: rgba(187, 146, 61,0.6); color: #fff !important; text-decoration:none;}

.default-btn-image{ background-image:url(../images/Photo%20Shoot%20Food%20Pic%20Lowres/img3.png); background-size: 100%; background-repeat:no-repeat; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block;height:60px;cursor:pointer;}
.default-btn-image:hover{ opacity:0.8;}
/* End of CSS POS Buttons */


div.long-report-table {
  overflow-x: scroll;
  padding: 1px;
}