@charset "UTF-8";
/*================== Overwrite Style.min.css CSS ==================/*
html {zoom:80%;}
*/
/*Top Header */
.navbar-brand {width: 550px;}
/*change all to uppercase*/
/*.uppercase{text-transform: uppercase;}*/
/*.page-header-fixed {padding-top: 0}*/
/*Side Bar Navigation */
/*html {zoom:80%;}*/
.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: 0;padding: 10px 0;border-radius: 0;border-bottom: 1px dotted #ccc;background: transparent;}
.page-header{margin: 20px 0 0px;color: #000000;}
.page-header .btn{font-weight: normal;}
/*header blk*/
div.page_head {border-bottom: 1px solid #ccc; float: left; width: 100%; margin-bottom:20px ; }
/* body setting */
.new {margin: 20px 0 0px;} /*button new*/
a {color:#e57e51;}
a:hover {color:#cc6633;}
body{background:#f0f0f1; font-size: 12px !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;
}
}
/*slider*/
a.left.carousel-control, a.right.carousel-control {background: none; height: 10px;width: 41px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
position: absolute;
top: 21px;
z-index: 5;
display: inline-block;
left: 10px;
color: blue;}
/* 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 ================== /*
/* 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 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;
}
/*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
========================================================================== */
body {font-size: 14px}
div.panel {margin-top: 15px}
.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 */
/*Custom */
h1 {font-size: 24px; margin: 0;padding-left: 69px;padding-top: 10px;}
label {color: #000; font-weight: normal;}
div.page-header {border-bottom: 1px solid #ccc;margin: 15px 0; float: left; width: 100%;}
h4 {border: 1px solid #ccc;border-left: 0; border-right: 0; padding: 20px 0;}
a.pos_link {color: #428bca!important; text-decoration: underline;}
span.label {color: #000; font-size: 12px}
div.page-header p {font-size: 14px; padding-top: 10px;}
a.blk{display: block;}
.mar_top {margin-top: 30px}
.clr {clear: both}
hr {border: 1px solid #ccc;}
.panel-primary > .panel-heading{float: left; width: 100%;margin-bottom: 20px;}
.panel-primary {border-color: #fff}
div.footer {margin-top: 100px}
div.footer ul.nav.nav-pills li a{font-weight: bold;}
/*div.footer ul.nav.nav-pills li a:last-child {border-right: 0}*/
/*user list*/
div.box {background: #337ab7; margin: 5px;min-height: 200px; padding: 20px;}
div.userList label {color: #fff; font-weight: normal; margin-top:50px; text-align: center;width: 100%}
/*Supplier (Set Up - Edit) */
div.left_box {background: #e4e7f4}
div.right_box {background: #bccbe8;min-height: 296px !important;}
div.right_box_header h5{height: 50px; line-height: 50px; font-weight: bold}
#add_contact {float: left; text-align: center; background: #dfdfdf; width: 100%; height: 50px; padding-top: 15px}
div.right_box_header .row {margin-left: -14px; padding: 0 5px;background: #d0d2d4;}
div.panel-body#content_div {padding-bottom: 0}
/*uom*/
.table-striped tr{height: 40px!important; background: #ffffff}
.list-table > tbody > tr:nth-child(odd), .table-striped>tbody>tr:nth-child(odd)>td {
background-color: #f0f3f5!important;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{vertical-align: top!important; font-size: 14px}
table.table thead th:last-child.sorting {background-image: none }
/*modal*/
h4.modal-title {border: 0; padding:0;color: #242a30; text-align: center;}
/*set supplier*/
.table.tabel_supplier > thead > tr> th, .table.tabel_supplier > tbody > tr> td {vertical-align: top!important}
div.email_box {background: #dfdfdf;float: left;width: 100%; margin-bottom: 10px}
div.email_box .col-md-12 {margin: 5px 0}
/*approval list*/
h1.approval_list {background: url('../img/heading_img.png') no-repeat 0 0; width:300px; height: 55px; }
/*po amaitanice*/
h1.po_maintaince {background: url('../img/po_maintaince.png') no-repeat 0 0; width:100%; height: 55px; }
/*purchase_order*/
h1.purchase_order {background: url('../img/purchase_order.png') no-repeat 0 0; width:100%; height: 55px; }
/*global config*/
h1.global_config {background: url('../img/global_config.png') no-repeat 0 0; width:100%; height: 55px; }
/*supplier*/
h1.supplier {background: url('../img/supplier.png') no-repeat 0 0; width:100%; height: 55px; }
/*supplier*/
h1.stock_list {background: url('../img/stock_list.png') no-repeat 0 0; width:100%; height: 55px; }
/*Purchase Requisition (By Stock)*/
div.modal-body table.table-striped tr {height: 20px !important}
/*loding_blk*/
div.loading_blk {margin-left: 35%}
p.loading_text {text-align: center;}
/*outlet detail*/
p.add_button {margin-top: 25px}
/*menu bar*/
p.user_name {color: #fff; padding-top: 20px}
p.time {color: #fff; padding-top: 20px; text-align: center}
.navbar-nav>li>a .label {background: #cc6633; color: #fff}
ul.nav.navbar-nav.navbar-right li a i {font-size: 18px; padding-right: 15px}
/*supplier */
button > a, button > a:hover {color: #fff; text-decoration: none;}
@media print {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-1 {
width: 100%;
}
.col-md-4 {
width: 33.33333333%;}
.col-md-6 {
width: 50%;}
table.table tr th {font-size: 10px;}
table.table tr td {font-size: 9px;}
.right {text-align: right}
h1.print {text-align: center;margin: 0; padding: 10px 0}
div.box_print {border: 1px solid black; width: 100%; height: auto;}
p {text-align: justify; }
}