textarea{
    width: 400px;
    height: 200px;
}
.wilson-left-box{
	width: 49%;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	float: left;
}
.wilson-right-box{
	width: 49%;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	float: right;
}
.triple-columns{
	display: flex;
}
.triple-columns>div{
	flex: 1; 
	border: 1px solid black;
}.double-columns{
    display: flex;
}
.double-columns .comments, .double-colums .references, .tracking-number{
    font-weight: bold;
    font-size: 16px;
}
.tracking-number, .tracking-number-input{
    margin-left: 20px;
}
.double-columns>div{
    flex: 1; 
    /*border: 1px solid black;*/
}
.double-columns>div>div,
.single-columns>div>div{
    /*display: inline;*/
    margin-left:  20px;
}
.status-sent{
    border-radius: 5px;
    padding:4px;
    background-color: #9cb7ff;
    color:#000;
    width: 150px!important;
    float: left;    
    text-align: center;   
}
.status-finished{
    border-radius: 5px;
    padding:4px;
    background-color: #d200bc;
    color:#fff;
    padding-left: 10px;
    padding-right: 10px;
    width: 150px!important;
    float: left;    
    text-align: center;
}
.status-refused{
    border-radius: 5px;
    padding:4px;
    background-color: #ffcccc;
    color:#000;
    width: 150px!important;
    float: left;    
    text-align: center; 
}
.status-waiting{
    border-radius: 5px;
    padding:4px;
    background-color: #303742;
    color:#fff;
    width: 150px!important;
    float: left;    
    text-align: center;
}
.status-submitted{
    border-radius: 5px;
    padding:4px;
    background-color: #d200bc;
    color:#fff;
    padding-left: 10px;
    padding-right: 10px;
    width: 150px!important;
    float: left;    
    text-align: center;
}
.status-request{
    border-radius: 5px;
    padding:4px;
    background-color: #e6ff38;
    color:#000;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    width: 150px!important;
    float: left;    
    text-align: center;
}
.status-approved{
    border-radius: 5px;
    padding:4px;
    background-color: #c1ffcd;
    color:#000;
    padding-left: 10px;
    padding-right: 10px;
    width: 150px!important;
    float: left;    
    text-align: center;    
}
.status-completed, .status-accepted{
    border-radius: 5px;
    padding:4px;
    background-color: green;
    color:#fff;
    padding-left: 10px;
        padding-right: 10px;
    width: 150px!important;
    float: left;    
    text-align: center;   
}
.status-shipped{
    border-radius: 5px;
    padding:4px;
    background-color: #1700c4;
    color:#fff;
    padding-left: 10px;
    padding-right: 10px;
    width: 150px!important;
    float: left;    
    text-align: center;     
}
.status-declined{
    border-radius: 5px;
    padding:4px;
    background-color: red;
    color:#fff;
    padding-left: 10px;
    padding-right: 10px;
    width: 150px!important;
    float: left;    
    text-align: center;   
}
.status-cancelled{
    border-radius: 5px;
    padding:4px;
    background-color: red;
    color:#fff;
    padding-left: 10px;
    padding-right: 10px;
    width: 150px!important;    
/*    margin-left: 10px;
    margin-right: 10px;*/      
}
.status-pending{
    border-radius: 5px;
    padding:4px;
    background-color: #9e9e9e;
    color:#fff;
    padding-left: 10px;
    padding-right: 10px;
    width: 150px!important;
    float: left;    
    text-align: center; 
}
.status-updated{
    border-radius: 5px;
    padding:4px;
    background-color: #fff;
    color:#000;
    padding-left: 10px;
    padding-right: 10px;
    width: 150px!important;
    float: left;    
    text-align: center; 
    border:1px solid black;
}
label .status-finished,
label .status-updated,
label .status-finished,
label .status-pending,
label .status-submitted,
label .status-shipped,
label .status-updated,
label .status-accepted{
    float: none!important;
}
.post-type-order .subsubsub, .post-type-order .tablenav .alignleft, .post-type-order .page-title-action, .post-type-order #screen-meta-links, .post-type-order #title, .post-type-order .inside, .post-type-order #postbox-container-1{
	/*display: none;*/
}
.post-type-order #postbox-container-1{
    /*display: none;*/
}
.post-type-order #poststuff #post-body.columns-2{
	margin-right: 0px!important;
}
.post-type-order .row-actions{
	/*display: none;*/
}
.admin-order, .admin-order-total{
    width: 100%;
}
.admin-order th, .admin-order-total th{
    text-align: left;
    padding-left: 10px;
}
.admin-order tr{
}
.admin-order td, .admin-order-total td{
    padding: 10px;
    border: 1px solid gray;
}
.admin-order .even, .admin-order-total .even{
    background-color: gray;
    color:#fff;
}
.post-type-order form{
    display: inline!important;
}
.admin-order-total tr.total{
    font-size: 24px;
    font-weight: bold;
}
#Comments{
    background: #f0f0f0!important;
    border:1px solid #f0f0f0!important;
    box-shadow: none!important;
}
#Comments>h2{
    display: none;
}
a.button{
    font-weight: normal!important;
}
/* NEW PRODUCT */
.new-item button{
    margin-left: 10px;
    padding: 10px 20px;
    height: auto;    
    /*padding:10px;*/
/*    cursor: pointer;
    margin-left:10px;*/
}
.set_custom_logo{
    margin-left: 0px!important;
    margin-top: 20px!important;
}
.new-item label{
    vertical-align: top;
}
.new-item select{
    /*padding:10px;*/
    /*margin:10px;*/
}
.new-item #step1{
    /*padding-top:20px;*/
}
.original{
    display: none;
}
.new-item .new-product-step .number{
    width: 3%;
    display: inline-block;
    font-weight: bold;
    font-size: 36px;
    vertical-align: top;
    margin-top: 10px;
}
#step1{
    padding-top:   20px;
}
.new-product-step{
    margin-top: 16px;
}
.new-product-step  div.content,
.product-properties div.content,
.wrap.order div.content{
    display: inline-block;
    width: 94%;
    border: 1px solid black;
    padding:20px;
    font-size: 16px!important;
}
.new-product-final-step div.content{
    /*width:100%;*/
}
.new-item label{
    font-size: 16px;
}
#step2-original img{
    display: block;
    max-width: 200px;
    max-height: 200px;    
}
.new-item .new-product-step button.next, .new-item .new-product-step button.back,
.product-properties  button.next, .product-properties button.back,
button.backorder-button
{
    float: right;
}
.backorder-button{
    margin-top: 15px!important;
}
.product-properties  button.next, .product-properties  button.back{
    margin-top: 20px!important;
}
 .new-item h5, .product-properties h5,
 .wrap.order div.content h5 {
    margin-top:  -30px;
 }
 .new-item h5 span, .product-properties h5 span,
 .wrap.order h5 span, .product-properties h5 span{
    padding:5px 10px;
    background-color: #f1f1f1;
    font-size: 16px;
 }
 .product-properties{
    margin-top: 16px;
 }
#new-product #step4 input[type=text], #new-product  #step4 input[type=integer],#new-product  #step5 input[type=text],#new-product  #step5 input[type=integer],
{
    width: 78%!important;
}
#new_customer_container input[type=text], #new_manager_container input[type=text]{
    width:56%!important;
}
 .new-item input[type=text], .new-item input[type=integer], .new-item textarea, .new-item select, 
 .product-properties input[type=text], .product-properties input[type=integer], .product-properties textarea, .product-properties select, 
 input.shipping_box_price, input.shipping_box_weight
 {
    width: 50%!important;
 }
.new-item input[type=text],.new-item input[type=integer], .new-item textarea, .new-item select,
.product-properties input[type=text],.product-properties input[type=integer], .product-properties textarea, .product-properties select{
    border-radius: 4px;
    border:1px solid #dadada;
    font-size: 16px;
 }
 .new-item select{
    padding:0px!important;
 }
 #step2, #step3, #step4, #step5, #step6, #new_customer_container, #new_manager_container{
    display: none;
 }
.delete-product-variation, .delete-production-cost{
    /*padding: 5px 10px!important;*/
}
 
 .new-product-step .content label, #new_customer_container label, #new_manager_container label,
 .product-properties .content label, #new_customer_container label, #new_manager_container label{
    width: 20%!important;
    display: inline-block!important;
}
 .new-product-step .content label.obligated, #new_customer_container label.obligated, #new_manager_container label.obligated,
 .product-properties .content label.obligated, #new_customer_container label.obligated, #new_manager_container label.obligated{
    width: 5%!important;
}
 .new-product-step .content input, #new_customer_container input, #new_manager_container input,
 .product-properties .content input, #new_customer_container input, #new_manager_container input{
    width: 68%!important;
    /*display: inline-block!important;*/
}
div.product-variation, div.production-cost{
    display: block;
    border-bottom: 1px solid black;
    padding-bottom: 10px;
}
.product-variation .stock-container, .product-variation .description-container, .production-cost .amount-container, .production-cost .production-cost-container{
    display: inline-block;
    width: 40%
}
.product-variation .description-container label, .product-variation .stock-container label,.production-cost .amount-container label,.production-cost  .production-cost-container label{
    width: 20%;
    line-height: 29px;
    text-align: right;
}
.product-variation .description-container input,  .product-variation .stock-container input,
 .production-cost .production-cost-container input,  .production-cost  .production-cost-container input
{
    width: 40%
}
.product-variation .delete-container, .product-variation .delete-container,
.production-cost .delete-container
{
    display: inline-block;
    width: 10%;
    vertical-align:top;
    margin-top: -4px;
}
.add-variation{
    text-align: right;
}
.create-border{
    border:5px solid red!important;
}
div.content>div{
    margin-bottom:  10px;
}
.process_custom_images{
    display: none!important;
}
button.next{
    background-color: #0e8400!important;
    color:#fff!important;
    font-weight: bold;
}
.mandatory{
    border:2px solid red!important;
}
button>i{
    padding:4px;
}
#wpcontent{
    min-height: 800px;
}
#new_customer_container, #new_manager_container{
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    border: 1px solid black;
    padding: 20px 40px 40px 40px;
    width: 800px;
    top: 100px;
    z-index: 150000;
    left:calc(calc(100% - 800px)/2);    
}
#new_product_overlay{
    /*display: inline;*/
    display:   none;
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0, 0, 0, 0.3);*/
    top: 0px;
}
#add-customer-back-button, #add-customer-next-button,  #add-manager-next-button, #add-manager-back-button{
    float: right;
}
/* TABLE */
th.th-select, th.th-id{
    width:40px;
}
.button-bar form{
    display: inline;
}
.button-bar button{
    width:100px!important;
    height:100px!important;
    padding: 0px!important;
}
.button-bar a{
    background-color: #f7f7f7;
    border:none!important;
    color:#555555!important;    
    font-weight:normal!important;
    display: block;
    background: transparent!important;
    /*margin-top: 2px!important;   */
}
.button-bar a:hover{
    background: transparent!important;
    border:none!important;
    color:#555555!important;
}
 .button-bar button a i{
    padding:   8px;
 }
.button-bar button i, .button-bar button a i{
    display: block;
    font-size:  36px;
}
 .button-bar .wrap .page-title-action:focus, .wrap .page-title-action:focus{
    box-shadow: none!important
}
.filters{
    width: 100%;
    height: 40px;
    background-color: #c1c1c1;
    margin: 4px 0px 4px 0px;
}
.filters label{
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    font-size: 18px;
}
select.filter{
    margin:0px!important;
    float:none!important;
}
table td.actions a, table td.actions form{
    float: right;
    display: inline;
}
.wilson_page_products table tbody tr:hover,
.wilson_page_customers table tbody tr:hover,
.wilson_page_offices table tbody tr:hover,
.wilson_page_product_requests table tbody tr:hover,
.wilson_page_backorders table tbody tr:hover,
.wilson_page_orders table tbody tr:hover
{
    background-color: #c1c1c1!important;
}
.wilson_page_products table a,
.wilson_page_customers table a,
.wilson_page_offices table a,
.wilson_page_product_requests table a,
.wilson_page_backorders table a,
.wilson_page_orders table a{
    text-decoration:  none!important;
}
.wilson_page_products table a:hover,
.wilson_page_customers table a:hover,
.wilson_page_offices table a:hover,
.wilson_page_product_requests table a:hover,
.wilson_page_backorders table a:hover,
.wilson_page_orders table a:hover{
    text-decoration: underline!important;
}
.add_product_image, .add_customer_image{
    display: none;
}
#new_customer_container h5, #new_manager_container h5{
    font-size: 24px
}
#generate_password{
    margin-left: 6px;
}
.table-right{
    text-align: right!important;
}
a.page-title-action:hover{
    color:#000!important;
}
.paginate_button.active{
    border:1px solid #999!important;
    background: none!important;
    color:#23282d!important;
}
.paginate_button.active:hover{
    border:1px solid #999!important;
    color:#23282d!important;
    background: none!important;
}
.paginate_button.active a{
    text-decoration: none!important;
    color:#23282d!important;   
    background: none!important;
}
.paginate_button.active a:hover{
    text-decoration: none!important;
    color:#23282d!important;   
    background: none!important;
}
.paginate_button a{
    text-decoration: none!important;
}
.filter-office{
    /*display: none;*/
}
.widefat td, .widefat td ol, .widefat td p, .widefat td ul {
    font-size: 13px;
    line-height: 2em!important;
}
.product-properties .content,
.wrap.order .content,
.content .office{
    margin-top: 20px;
    display: block!important;
    width: auto!important;
}
.product-properties .content:first-child,
.wrap.order .content:first-child,
.content .office:first-child
{
    margin-top: 20px!important;
}
img.list-thumbnail{
    max-height: 50px;
    max-width: 50px;
}
img.edit-thumbnail{
    max-height: 400px;
    max-width: 400px;
    display: inline-block;
}
.product-variations .description-container,
.production-costs .amount-container{
    width: 30%!important;
    display: inline-block!important;
}
.product-variations .stock-container,
.production-costs .production-cost-container{
    width: 30%!important;
    display: inline-block!important;
}
.product-variations .delete-container,
.production-costs .delete-container{
    width: 10%!important;
    display: inline-block!important;
}
.product-variations .delete-container button,
.production-costs .delete-container button{
    margin-top: -6px!important;
}
.description-container label,
.stock-container label,
.amount-container label,
.production-cost-container label{
    text-align: right;
    margin-right: 5px;
}
label.obligated{
    color:#000;
    font-size: 36px!important;
    width: 5%!important;
}
.reset-filter{
    margin-top: 6px!important;
}
.wrap.order .admin-order,
.wrap.order .admin-order-total
{
    /*padding: 20px 40px 20px 40px;*/
}
.double-columns div.comments{
    display: 
}
.wrap.order .card-body,
.wrap.order .card-header{
    background:none!important;
    border:none!important;
}
.timeline .tm-body {
    position: relative;
    padding: 30px 0;
}
.timeline .tm-body:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 0)), color-stop(8%, #505050), color-stop(92%, #505050), to(rgba(80, 80, 80, 0)));
    background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
    content: '';
    display: block;
    height: 100%;
    left: 140px;
    margin-left: -2px;
    position: absolute;
    top: 0;
    width: 3px;
    z-index: 0;
    opacity: 0.35;
}
.timeline .tm-title {
    position: relative;
    display: inline-block;
    text-align: center;
    min-width: 200px;
    background-color: #fff;
    padding: 4px 5px;
    margin: 0 40px;
    z-index: 1;
    border-radius: 3px;
}
.timeline .tm-items {
    list-style: none;
    padding: 0;
    margin: 0;
}
.timeline .tm-items > li {
    position: relative;
    margin: 30px 0;
    padding: 0 0 0 190px;
    min-height: 65px;
    z-index: 1;
}
.timeline .tm-items > li .tm-datetime {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100px;
    height: 48px;
    margin-top: -24px;
    text-align: right;
    z-index: 3;
}
.timeline .tm-items > li .tm-datetime .tm-datetime-time {
    color: #CCC;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0;
    white-space: nowrap;
}
.timeline .tm-items > li .tm-icon {
    position: absolute;
    top: 50%;
    left: 140px;
    background-color: #ecedf0;
    border: 3px solid #CCC;
    color: #CCC;
    font-size: 28px;
    padding: 10px;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 29px;
    margin-top: -28px;
    margin-left: -28px;
    z-index: 2;
    border-radius: 28px;
}
.timeline .tm-items > li .tm-box {
    position: relative;
    background: #fff;
    min-height: 65px;
    padding: 10px 20px;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
}
.timeline .tm-items > li .tm-box:after {
    right: 100%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #fff;
    border-width: 8px;
    top: 50%;
    margin-top: -8px;
    z-index: 2;
}
.timeline .tm-items > li .tm-box p:last-child {
    margin-bottom: 0;
}
.timeline .tm-items > li .tm-box .tm-meta {
    margin: 10px 0 0;
}
.timeline .tm-items > li .tm-box .tm-meta span {
    display: inline-block;
    padding-right: 8px;
}
.timeline .tm-items > li .tm-box .tm-meta span:last-child, .timeline .tm-items > li .tm-box .tm-meta span:last-of-type {
    padding-right: 0;
}
.timeline.timeline-simple .tm-body:after {
    left: 30px;
}
.timeline.timeline-simple .tm-body .tm-title {
    border: 1px solid #e9e9e9;
    margin: 0 10px;
}
.timeline.timeline-simple .tm-body .tm-items > li {
    padding: 0 0 0 55px;
}
.timeline.timeline-simple .tm-body .tm-items > li:before {
    display: block;
    position: absolute;
    content: ' ';
    background: none repeat scroll 0 0 #CCC;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #CCC;
            box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #CCC;
    height: 7px;
    left: 30px;
    top: 50%;
    width: 8px;
    margin-left: -4px;
    margin-top: -4px;
}
.timeline.timeline-simple .tm-body .tm-items > li .tm-box:before {
    left: -17px;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #e9e9e9;
    border-width: 8px;
    top: 50%;
    margin-top: -8px;
    z-index: 1;
}
@media only screen and (max-width: 991px) {
    .timeline .tm-body:after {
        left: 20px;
    }
    .timeline .tm-title {
        margin: 0;
    }
    .timeline .tm-items > li {
        padding-left: 50px;
    }
    .timeline .tm-items > li .tm-info {
        margin: 0 0 15px;
    }
    .timeline .tm-items > li .tm-info::after {
        clear: both;
        content: "";
        display: block;
    }
    .timeline .tm-items > li .tm-icon {
        border-width: 2px;
        float: left;
        font-size: 22px;
        height: 40px;
        line-height: 36px;
        margin: 0 15px 0 0;
        padding: 0;
        position: static;
        width: 40px;
    }
    .timeline .tm-items > li .tm-datetime {
        margin: 0;
        position: static;
        text-align: left;
    }
    .timeline .tm-items > li .tm-datetime .tm-datetime-date {
        font-size: 0.75rem;
        line-height: 1.3;
    }
    .timeline .tm-items > li .tm-datetime .tm-datetime-time {
        font-size: 1rem;
        line-height: 1.3;
    }
}
@media only screen and (max-width: 767px) {
    .timeline .tm-items > li .tm-box .tm-meta span {
        display: block;
    }
}
html.dark .timeline .tm-items > li .tm-box {
    background: #282d36;
    border-color: #21262d;
}
html.dark .timeline .tm-items > li .tm-box:after {
    border-right-color: #282d36;
}
html.dark .timeline .tm-items > li .tm-box:before {
    border-right-color: #21262d;
}
html.dark .timeline .tm-items > li .tm-icon {
    background-color: #1d2127;
}
html.dark .timeline .tm-title {
    background-color: #282d36;
    border-color: #21262d;
}
html.dark .timeline.timeline-simple .tm-body .tm-title {
    background-color: #282d36;
    border-color: #21262d;
}
html.dark .timeline.timeline-simple .tm-body .tm-items > li:before {
    -webkit-box-shadow: 0 0 0 3px #2e353e, 0 0 0 6px #CCC;
            box-shadow: 0 0 0 3px #2e353e, 0 0 0 6px #CCC;
}
html.dark .timeline.timeline-simple .tm-body .tm-items > li .tm-box:after {
    border-right-color: #282d36;
}
html.dark .timeline.timeline-simple .tm-body .tm-items > li .tm-box:before {
    border-right-color: #21262d;
}
.content.backorders>div>label{
    /*border:1px solid green!important;*/
}
.content.backorders>div>label:first-child{
    width: 200px!important;
    /*border:1px solid red!important;*/
    display: inline-block;
    font-weight: bold;
}
.backorder-product-container{
    display: inline-block;
}
.backorders input{
    border-radius: 4px;
    border: 1px solid #dadada;
    font-size: 16px;
}
.wrap.wilson .wp-heading-inline{
    margin-left: -22px!important;
    margin-top: -10px!important;
    background-color: #4b4b4b;
    width: 99%;
    padding: 10px 10px 10px 30px!important;    
    color: #fff;
    font-size: 36px!important;
    margin-bottom: 4px!important;
    text-align: center!important;
}
.large-button{
    float: right!important;
    width: 200px!important;
    height: 50px!important;
    font-size: 18px!important;    
    margin-left: 4px!important;
    margin-top: 4px!important;
}
.larger-button{
    float: right!important;
    width: 300px!important;
    height: 50px!important;
    font-size: 18px!important;    
    margin-left: 4px!important;
    margin-top: 4px!important;
}
.button-left{
    float:left!important;
}
.progress-bar{
    display: block;
    height: 20px;
    border: 1px solid red;
    padding: 0px;
    margin: 0px;
    margin-left: -22px!important;
    margin-top: -10px!important;
}
.wrap.wilson .notice-warning,
.wrap.wilson .settings-error,
.wrap.wilson .notice,
.wrap.wilson .is-dismissible{
    display: none!important;
}
   

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before{
    content: ''!important;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{
    content: ''!important;
}