*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-size: 16px;
}

#register-customer .form-control,
#register-company .form-control,
#register-branch .form-control{
    width: 99%;
}
.customer-info_half .column {
    padding: 10px;
}

#register-customer .col-xs-3,
#register-customer .col-xs-4,
#register-customer .col-xs-6,
#register-branch .col-xs-3,
#register-branch .col-xs-4,
#register-branch .col-xs-6,
#register-company .col-xs-3,
#register-company .col-xs-4,
#register-company .col-xs-6{
    float: none;
    padding-left:0;
    padding-right:0;
}
#register-customer .row:before,
#register-customer .row:after,
#register-branch .row:before,
#register-branch .row:after,
#register-company .row:before,
#register-company .row:after {
    display: none;
}

#register-customer div.form-group:nth-of-type(n+9){
    display: none;
}
#register-customer div.form-group:nth-of-type(17){
    display: block;
}

#register-branch div.form-group:nth-of-type(n+11){
    display: none;
}
#register-branch div.form-group:nth-of-type(13){
    display: block;
}

#po_wrap div:last-child {
    display: flex; 
    align-items: baseline; 
    justify-content: space-between; 
    width: 50%; 
    box-sizing: border-box; 
    border: 1px solid #F5F5F5;
}
.row {
    margin: 0 !important;
}
td.pdocrud-row-checkbox-actions {
    text-align: center;  
}
#products .fa.fa-times{
    border: 2px solid;
    padding: 2px 3px;
    border-radius: 50%;
    font-size: 11px;
}
#single_search li {
    cursor: pointer;
}
td.title-wrap,
td.code-wrap {
    position: relative;
}

#product_title,
#product_code {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%; 
    z-index: 2;
    min-height: 1px;
    max-height: 200px;
    overflow-y: scroll;
    /*background: #fff;*/
    /*border: 1px solid #DDDDDD;*/
}
.close-btn {
    position: absolute;
    top: 20%;
    right: 8px;
    font-weight: bold;
    font-size: 16px;
}
.ordering {
    vertical-align: middle !important;
    text-align: center;
    font-weight: bold;
}
td .title {
    padding-right: 10px;
}
#products td {
    vertical-align: middle !important;
}
.hide_this{
    display: none;
}
.parent {
    position: relative;
}
.submenu {
    display: none;
    position: absolute;
    top: 20px;
    left: -15px;
    width: 200px;
    padding: 10px;
    padding-left: 15px;
    border-radius: 5px;
    background: #F7F7F7;
    list-style: none;
}
.submenu li {
    margin-bottom: 8px;
}
.submenu li:last-child {
    margin-bottom: 0;
}
.parent:hover .submenu {
    display: inline-block;
}
#modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 20000;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.65);
    text-align: center;
    display: none;
}
.modal-container {
    vertical-align: middle; 
    position: relative; 
    top: 40%; 
    border-radius: 5px; 
    padding: 15px 30px;
    background: #fff; 
    margin: auto; 
    z-index: 2; 
    max-width: 500px;
}
.modal-heading {
    position: absolute;
    text-transform: uppercase;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    padding: 7px;
    /*background: #280D34;*/
    background: #B88847;
    color: #fff;
}
.modal-heading + p,
.modal-heading + div,
.modal-heading + ul,
.modal-heading + h1,
.modal-heading + h2,
.modal-heading + h3,
.modal-heading + h4{
    padding-top: 30px
}
#modal ul {
    list-style: none;
}
#modal li {
    font-size: 2rem;
    margin-bottom: 10px;
}
#modal li a {
    color: #280D34;
}
.close-btn.admin,
.close-btn{
    padding: 10px;
    top: -5px;
    right: 5px;
    z-index: 3;
    cursor: pointer;
}
#step1{
    display: inline-block;
    width: 200px;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #B88847;
}
#step2{
    color: #280D34; 
    text-decoration: underline;
}
#step3{
    background: #280D34; color: #fff;
    padding: 8px 10px;
}
#step4 {
    display: none;
    margin-left: 20px;
    padding: 10px;
    color: #fff;
    background: #280D34; 
}
.btnToProceed {
    display: inline-block;
    width: 200px;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #B88847;
}
#step6.btnToProceed:hover {
    color: #fff;
}
.btn-stock {
    position: absolute;
    z-index: 10000;
    top: 10px;
    border-radius: 2px;
    padding: 2px 5px;
    box-shadow: 2px 2px 2px 0px #939195;
    transition: all 0.3s ease;
    color: #fff;
}
.btn-stock:hover {
    box-shadow: none;
    text-decoration: none;
    color: #fff;
}
#outstock {
    /*left: calc(15% + 50px);*/
    right: 220px;
    background: #8C1A11; 
}
#instock {
    /*left: calc(15% + 300px);*/
    right: 20px;
    background: green; 
}
#outstock,
#instock {
    display: none;
}
#setIt {
    position: absolute;
    z-index: 10000;
    top: 10px;
    right: 125px;
    width: 100px;
    padding-left: 10px;
    border: 1px solid #939195;
    box-shadow: 2px 2px 2px 0px #939195;
    outline: none;
}
#preorder .panel-title {
    display: none;
}
#po_wrap{
    padding: 20px 0;
    text-align: right;
}

#reset {
    
}

#edit-customer .form-group.text-center {
    width: 100%;
}

input#po_number{
    width: 300px;
    margin-right: 20px;
    padding: 5px;
    outline: none;
    border: 1px solid #251032;
}
@media screen and (min-width: 1024px){
    .center {
        margin: auto;
    }
    .width50 {
        width: 50%;
        max-width: 500px;
    }
    .top200 {
        margin-top: 200px;
    }
    .top100 {
        margin-top: 100px;
    }
}

@media screen and (min-width: 1024px){
    #admin-products .row.pdocrud-filters-container .col-sm-3 {
        width: 100%;
    }
    #admin-products .row.pdocrud-filters-container .col-sm-9 {
        width: 100%;
    }
    #admin-products .col-sm-3 .pdocrud-filters-options {
        display: flex;
        position: relative;
    }
    #admin-products .col-sm-3 .pdocrud-filter-selected {
        position: absolute;
        top: 30px;
        left: 400px;
    }
    #admin-products .col-sm-3 .pdocrud-filters-options .panel {
        width: 200px;
        margin-bottom: 0;
    }
    #admin-products .col-sm-3 .pdocrud-filters-options .panel-heading  {
        padding-top: 0;
        padding-bottom: 0;
    }
    #admin-products .col-sm-3 .panel-body {
        padding-top: 5px;
    }
    #admin-products .pdocrud-form {
        width: 1000px;
        margin: auto;
    }
}

.header {
    display: flex;
    align-items: center;
    padding: 20px;
}
.logo {
    flex: 1;
}
.logo img {
    width: 120px;
    height: auto;
}
.main-menu {
   flex: 2; 
}
.menu-items {
    display: flex;
    justify-content: flex-end;
    list-style: none;
}
.menu-items li {
    margin-right: 15px;
}
.menu-items a {
    font-size: 16px;
    font-weight: bold;
    color: #280D34;
    transition: all 0.3s ease;
}
.menu-items a:hover {
    color: #B88847;
    text-decoration: none;
}
.btns-group a:hover {
    text-decoration: none;
    cursor: pointer;
}

.pdocrud-row-cols .input-bulk-crud-update {
    padding: 0;
    width: 50px;
    text-align: center;
}
.error {
    display: none;
}
#admin-products .pdocrud-pagination .pagination {
    margin-top: 20px;
}
#pagination {
    width: 100%;
    text-align: right;
}

#pagination ul li {
  display: inline;
  margin-left: 1px;
}
#pagination ul li a {
    padding: 4px 9px;
    color: #333;
    border: 1px solid;
    cursor: pointer;
}
#pagination ul li.active a {
    background: #333;
    color: #fff;
    border: 1px solid #333;
}
#pagination ul li a:hover {
    text-decoration: none;
}

/* TABS FOR CUSTOMER - ORDER HISTORY */
.ui-tabs .ui-tabs-nav {
    padding: 0 !important;
    display: flex !important;
}
.ui-widget-header {
    /* #EBD76F */
    border: none !important;
    background: none !important;
    color: #333 !important;
    font-weight: bold;
}
.ui-tabs .ui-tabs-nav li {
    font-weight: bold;
    background: #EBD76F;
    width: 33.3%;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    width: 100% ;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #B88847;
}

/* admin shipping cost table */
.total-wrap {
    margin-right: 50px;
    font-size: 18px;
    font-weight: bold;
    text-align: right;  
}
.summary-title {
    display: inline-block;
    width: 200px;
    padding-right: 10px;
    border: 1px solid;
    border-right: none;
}

.total-wrap ~ .total-wrap ~ .total-wrap .summary-title {
    border-top: none;
}

.total-wrap  ~ .total-wrap ~ .total-wrap span:last-child {
    border-top: none;
}

.total-wrap span:last-child{
    display: inline-block;
    width: 100px;
    font-weight: normal;
    border: 1px solid;
}

#ship_cost,
#discount_wrap{
    display: flex;
    justify-content: flex-end;
    margin-right: 50px;
}
#ship_cost .col-sm-12,
#discount_wrap .col-sm-12{
    padding-left: 0;
    padding-right: 0;
}
#ship_cost .pdocrud-table-container {
    /*width: 260px;*/
}
#ship_cost .panel-default,
#discount_wrap .panel-default {
    border: none;
    margin-bottom: 0;
    box-shadow: none;
}
#ship_cost .panel-body,
#discount_wrap .panel-body {
    padding: 0;
}
#ship_cost .pdocrud-sort,
#discount_wrap .pdocrud-sort {
    background: none;
}
#ship_cost .pdocrud-table-container table tr.pdocrud-header-row th span,
#discount_wrap .pdocrud-table-container table tr.pdocrud-header-row th span {
    display: inline-block;
    /*margin-right: 10px;*/
    padding-right: 10px;
    width: 201px;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    font-size: 20px;
    color: #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}
#ship_cost .table>thead:first-child>tr:first-child>th,
#discount_wrap .table>thead:first-child>tr:first-child>th {
    border: none;
    width: 200px;
    /*border: 1px solid;*/
    padding: 0;
    text-align: right;
}
#ship_cost .pdocrud-table-container .page-title,
#discount_wrap .pdocrud-table-container .page-title {
    display: none;
}
#ship_cost .panel-body .row:first-child,
#discount_wrap .panel-body .row:first-child {
    display: none;
}
#ship_cost .pdocrud-header-row th:first-child,
#ship_cost .pdocrud-header-row th:nth-child(2),
#ship_cost tbody tr td:first-child,
#ship_cost tbody tr td:nth-child(2),

#discount_wrap .pdocrud-header-row th:first-child,
#discount_wrap .pdocrud-header-row th:nth-child(2),
#discount_wrap tbody tr td:first-child,
#discount_wrap tbody tr td:nth-child(2) {
    display: none;
}

#ship_cost .pdocrud-table-container .table tbody tr td:last-child,
#discount_wrap .pdocrud-table-container .table tbody tr td:last-child {
    width: 98px;
    padding: 0;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    text-align: right;
}

#ship_cost .pdocrud-table.pdocrud-excel-table,
#discount_wrap .pdocrud-table.pdocrud-excel-table {
    display: flex;
    border: none;
}
#discount_wrap .pdocrud-table.pdocrud-excel-table {
    border-bottom: 1px solid;
}
#ship_cost .pdocrud-options-files,
#discount_wrap .pdocrud-options-files {
    display: none;
}

.message-wrap {
    width: 800px;
    margin: auto;
}

@media screen and (max-width:812px){
    .header {
        align-items: flex-start;
    }
    .logo img {
        width: 80px;
    }
    .customer-info_half {
        width: 100% !important;    
    }
    #po_wrap {
        padding: 10px;
        text-align: left;
    }
    #po_wrap .mobile-hide {
        display: none !important;
    }
    #po_wrap div:last-child {
        display: block;
        width: 100%;
    }
    #po_wrap label {
        padding-left: 0 !important;
    }
    #po_wrap input {
        width: 100%;
    }
    
    /* No more tables CSS
    ** https://elvery.net/demo/responsive-tables/
    */
    #products table, 
	#products thead, 
	#products tbody, 
	#products th, 
	#products td, 
	#products tr, 
	#orderPreview table,
	#orderPreview thead, 
	#orderPreview tbody, 
	#orderPreview th, 
	#orderPreview td, 
	#orderPreview tr,
	
	#order-items table,
	#order-items thead, 
	#order-items tbody, 
	#order-items th, 
	#order-items td, 
	#order-items tr {  
		display: block; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	#products thead tr,
	#orderPreview thead tr,
	#order-items thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#products tr,
	#orderPreview tr,
	#order-items tr { border: 1px solid #ccc; }
 
	#products td,
	#orderPreview td,
	#order-items td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
	#products td:first-child,
	#orderPreview td:first-child,
	#order-items td:first-child {
        padding-left: 90%;
    }
    #products td:nth-child(2),
    #orderPreview td:nth-child(2) {
        display: none;
    }
	#products td:before,
	#orderPreview td:before,
	#order-items td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#products td:before,
	#orderPreview td:before,
	#order-items td:before { content: attr(data-header); }
	
	#step1{
	    margin-right: 0 !important;
	    margin-bottom: 20px;
	}
	.message-wrap {
	    width: 90%;
	    margin: 20px auto;
	}
}

#admin-products .pdocrud-table-container .pdocrud-table-heading h3 {
    padding-top: 5px;
}


#custom_prices .pdocrud-form {
    width: 70%;
    margin: 20px auto;
}

#admin-customer-edit .form-group .row {
    display: flex;
    justify-content: space-between;
}

#admin-customer-edit .form-group .col-xs-6 {
    width: 49%;
}

#admin-customer-edit .form-group .col-xs-4 {
    width: 33%;
}


.btn-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 100%;
    margin: 30px;
}
.note-wrap {
    width: 100%; 
    margin-top: 30px;
    text-align: right;
}
.btn-wrap a {
    padding: 10px 20px;
    border: 1px solid;
    color: #fff;
    background: #B88847;
}
.btn-wrap a:hover {
    color: #fff;
    background: #b07e39;
    text-decoration: none;
}
td.pending {
    background: #DC143C;
    color: #fff;
}
td.received {
    /*background: #EBD76F;*/
    /*color: #fff;*/
}
td.processing {
    background: #FF8C00;
    color: #fff;
}
td.completed {
    background: #006400;
    color: #fff;
}
td.cancelled {
    background: #A9A9A9;
    color: #fff;
}

/* SEND REMINDER TO CUSTOMER */
.form-wrap {
    padding: 20px;
}
.form-element-wrap {
    width: 100%;
    margin-bottom: 20px;
}
.form-element-wrap input,
.form-element-wrap textarea {
    width: 100%;
    padding: 3px;
}

.form-element-wrap input[type="textarea"] {
    height: 150px;
}
.submit-wrap {
    text-align: center;
}
.submit-btn {
    padding: 7px 30px;
    text-transform: uppercase;
    border: none;
    border: 1px solid;
    background: orange;
    box-shadow: 1px 1px 6px -2px #202020;
    transition: all 0.3s ease;
}
.submit-btn:hover {
    box-shadow: none;
}

.back-wrap {
    margin-left: 50px;
}
.back-wrap a {
    display: inline-block; 
    padding: 7px 20px;
    color: #fff; 
    background: #280D34; 
    border: 1px solid #280D34;
    transition: all 0.3s ease;
}
.back-wrap a:hover {
    color: #280D34;
    background: none;
    text-decoration: none;
}


/* Customer menu link */
.navbar-light .navbar-nav .nav-link {
    color: #202020;
}
.customer-orders .pending > a:hover {
    text-decoration: none;
}
@media screen and (min-width: 768px){
    .navbar-nav>li {
        margin-right: 15px;
    }
}

#recalculate {
    background: #f00;
    transition: all 0.3s ease;
}
#recalculate:hover {
    color: #fff;
    background: #bf0000;
}

.order_status {
    background: inherit;
}

.ajax-orders-wrap {
    display: none;
}

.add-product .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}
.add-product .form-group {
    width: 100%;
}