/** Custom style elements for GP v2.0 
	By Jack Berg
**/

.main-content {margin-top: 65px;}
.page-content {margin-bottom: 20px;}

.gp-green {color: #80c243;}
.gp-red {color: #B90101;}

.row {margin-bottom: 20px;}

.loader {display: none;}
.loader img {margin-top: 10px;}

.form-group input.add-page {background-color: #fff;}

.sidebar-nav .nav {margin-bottom: 15px;}
.sidebar-nav .nav ul {padding: 0 15px;}
.sidebar-nav .nav li.active a{ color: #ffffff; background-color: #428bca;}
.sidebar-nav .sidebar-message {margin-bottom: 20px;}

#category-accordion .panel-heading,
#product-accordion .panel-heading,
#supplier-accordion .panel-heading,
#product-settings .panel-heading,
#manage-orders .panel-heading,
#modual-accordion .panel-heading
    {padding: 0 10px;}
#category-accordion h4.panel-title a,
#product-accordion h4.panel-title a,
#supplier-accordion h4.panel-title a,
#product-settings h4.panel-title a,
#manage-orders h4.panel-title a,
#modual-accordion h4.panel-title a
    {display: block;  padding: 15px 0; background-color: transparent;}
#category-accordion h4.panel-title a:hover,
#product-accordion h4.panel-title a:hover,
#supplier-accordion h4.panel-title a:hover,
#product-settings h4.panel-title a:hover,
#manage-orders h4.panel-title a:hover,
#modual-accordion h4.panel-title a:hover
    {text-decoration: none;}
#category-accordion .remove-cat,
#product-accordion .remove-prod,
#supplier-accordion .remove-supplier,
#product-settings .update-type
    {margin-top: -32px; margin-right: 30px; display: none; background-color: transparent; border: none; color: #428bca;}
#category-accordion .remove-cat:hover,
#product-accordion .remove-prod:hover,
#supplier-accordion .remove-supplier:hover,
#product-settings .update-type
    {text-decoration: underline;}
	
#product-accordion .product-image-thumbnail {padding: 4px; border: 1px solid #ddd; margin-bottom: 30px;}
#product-accordion .product-image-thumbnail img {background: url('/inc/img/ajax-loader.gif'); background-repeat: no-repeat; background-position: center;}
#product-accordion .product-images-content {margin-bottom: 0px;}

#addclient .modal-dialog {width: 600px;}
#addclient h4.section-title {padding-bottom: 15px;}
#addclient .state {min-width: 75px;}
#addclient .state {padding: 6px 6px;}

.red-font{color: #b94a48;}

#address-book h4.address-title {cursor: pointer;}
#address-book .panel.overflow {max-height: 130px; overflow: hidden;}
#address-book .panel.overflow .panel-body {max-height: 60px; overflow: hidden; margin-bottom: 10px;}
#address-book .panel.overflow a.edit {display: none;}
#address-book h4.panel-title a.edit {font-size: 14px; }

.supplier .update label {display: block;}
.supplier .update button {margin-right: 10px;}

.box-sizes, .price_points {padding-left: 0px;}
.box-sizes .title-row, .price_points .title-row {margin-bottom: 7px;}
.box-sizes li, .price_points li {width: 100%; display: block; list-style: none;}
.box-sizes input, .price_points input {padding: 6px 6px;}
.box-sizes .input-group span.input-group-addon, .price_points .input-group span.input-group-addon {padding: 6px 6px;}
.box-sizes div.dimensions input, .box-sizes div.bunches input, .box-sizes div.weight input {text-align: center;}
.box-sizes div.special, .price_points div.special { padding-right: 0px;}
.modual-save {margin-top: 38px;}

#product-settings ul.list-group {margin-bottom: 0px;}
#product-settings ul.list-group .list-group-item,
#manage-orders ul.list-group .list-group-item
{border-radius: 0px; border-width: 1px 0px 0px 0px;}
#product-settings ul.list-group .list-group-item div.row,
#manage-orders ul.list-group .list-group-item div.row
{margin-bottom: 0px;}
#product-settings ul.list-group .list-group-item .update{display: none;}
#product-settings ul.list-group .list-group-item:hover .update{display: block;}
#product-settings ul.list-group .list-group-item.header,
#manage-orders ul.list-group .list-group-item.header
{border-width: 0px;}
#product-settings ul.list-group .list-group-item.header div.row div,
#manage-orders ul.list-group .list-group-item.header div.row div
{font-weight: bold;}

div.inline-button {display: inline-block; margin-left: 10px;}
ul.product-list.list-group li.header {border: 0px; font-weight: bold;}
ul.product-list.list-group li.header div.row {margin-bottom: 0px;}
ul.product-list.list-group li div.row.top-level {margin-bottom: 10px; padding-bottom: 0px; min-height: 26px;}
ul.product-list.list-group {margin-left: -20px; margin-right: -20px; margin-top: 10px; border-bottom: 1px solid #ddd;}
ul.product-list.list-group li {border-radius: 0px 0px 0px 0px; border-bottom: 0px; border-right: 0px; border-left: 0px;}
ul.product-list.list-group li div.special {padding-left: 5px; padding-right: 5px;}
ul.product-list.list-group li.list-group-item:hover div.add-remove button {display: inline-block;}
ul.product-list.list-group li ul.product-submenu {padding-left: 0px; list-style-type: none;}
ul.product-list.list-group li ul.product-submenu li {min-height: 32px; padding-left: 0px; padding-top: 3px; padding-bottom: 3px;}
ul.product-list.list-group li ul.product-submenu li:nth-child(odd) {background-color: #f9f9f9;}
div.bunch-list {margin-bottom: 0px; font-size: 12px;}
div.bunch-list ul {float: left;}
div.row div.totals li {padding: 2px 0px;}

#manage-orders h3.section-title {margin-bottom: 15px;}
ul.list-group.order-boxes {border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.order .panel-footer {border-top: 1px solid  #ddd; height: 54px;}
.order .panel-heading, .product .panel-heading {height: 50px;}
.order .padded-button {margin-right: 10px;}
.order .fees-sublist {display: none;}
.order .toggle-fees span {color: #80c243;}
.order .special-finish {margin-top: -55px;}

.justify {text-align: justify;}
a.plain {color: inherit;}
a.plain:hover {color: inherit; opacity: .8; text-decoration: none;}
.caret.up {border-top: 0px; border-bottom: 4px solid #000;}

#product-settings .panel-body {padding-bottom: 15px;}
#product-settings .panel-collapse .alert {margin-bottom: 0px;}
#product-settings .panel-collapse .list-group-item {border-left-width: 0px; border-right-width: 0px;}
#product-settings .row {margin-bottom: 0px;}
#product-settings .panel-collapse .list-group {border-bottom: 1px solid #ddd;}
#product-settings .product-list li:first-child {border-top: 0;}
#product-settings .product-row {padding-top: 0px; padding-bottom: 0px; margin-bottom: -3px;}
#product-settings .product-row .price .input-group-addon {padding: 6px 3px;}
#product-settings .product-row .price .price-input {padding: 6px 3px;}
#product-settings .product-row .col-md-1 {padding-left: 5px; padding-right: 5px;}
#product-settings .product-row .name, #product-settings .product-row .category, #product-settings .product-row .status {padding-top: 17px; padding-bottom: 17px;}
#product-settings .product-row .input-group.price {padding-top: 10px; padding-bottom: 10px;}
#product-settings .product-row .remove {padding-top: 7px; padding-bottom: 7px;}
#product-settings .status, #product-settings .price {padding-left: 3px; padding-right: 3px;}
#product-settings .sorted {background: #f9f9f9;}
#product-settings .active-price span, #product-settings .active-price input {color: #1b7b00; border-color: #80c243; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); background-color: #EDFFD8;}
#product-settings .inactive-price span, #product-settings .inactive-price input {color: #a94442; border-color: #D47673; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); background-color: #f2dede;}
#product-settings .remove-product {display: none;}
#product-settings .list-group-item:hover .remove-product {display: inline-block;}
#product-settings .box-settings {padding: 15px 15px 0 15px;}
#product-settings .box-settings .title {margin-top: 10px;}
#product-settings .box-settings table {max-width: 575px;}
#product-settings .box-settings table .size {max-width: 100px;}
#product-settings .box-settings table .box-size {min-width: 100px;}
#product-settings .pricing-tabs li:first-child {margin-left: 10px;}
#product-settings p.tab-description {height: 40px; margin: 10px 0 0 10px;}

.tt-dropdown-menu {
    margin-top: 12px; padding: 8px 0; background: #fff; border: 1px solid #ccc; width: 181px; z-index: 99999 !important;
    border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow:  0 5px 10px rgba(0,0,0,.2);
}
.tt-dropdown-menu .tt-suggestion p {margin-bottom: 0px; margin-left: 10px; text-align: left; padding: 5px 0;}
.tt-suggestion.tt-is-under-cursor {color: #fff; background-color: #0097cf;}

.invoice-background {background: #eee; width: 100%; padding-top: 15px; padding-bottom: 15px;}
.invoice-wrapper {border: 1px solid #ddd; background: #fff;}
.invoice-wrapper .invoice-header {margin-bottom: 0px; padding-top: 50px;}
.invoice-wrapper .invoice-header img {margin-bottom: 30px;}
.invoice-wrapper .instructions {margin-top: 20px;}
.invoice-wrapper .instructions div.panel, .invoice-wrapper .instructions div.row {margin-bottom: 0px;}
.invoice-wrapper a.label-link {margin-bottom: 5px;}
.invoice-wrapper .instructions .panel-heading h3 {font-size: 23px;}
.invoice-wrapper .instructions .visual-aid {max-width: 350px; margin: 0 auto;}

@media (max-width: 992px)
{
    .invoice-wrapper .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        border: 1px solid #dddddd;
    }
}