.modal {
    display:none;
    max-width: 100%;
    padding: 20px;
}

.modal .modal-content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.modal .form-group {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.modal .form-group label {
    margin-bottom: 5px;
}

.modal .form-group input[type="text"],
.modal .form-group input[type="number"],
.modal .form-group input[type="button"] {
    width: 100%;
    box-sizing: border-box;
}

.modal .full-width {
    flex: 1 1 100%;
    border: 1px solid #ddd;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 768px) {
    .modal .form-group {
        flex: 1 1 calc(50% - 10px);
    }

    .modal .form-group input[type="button"] {
        width: auto;
    }
}


#close-button {
    position:absolute;
    right:10px;
    top:3px;
    color:#cecece;
    font-size:18px;
    text-decoration:none;
}
#close-button:hover {
    color: #e55753;
    text-decoration:none;
}


.ui-progressbar {
    position: relative;
}
#pickingpal-progressbar {
    height: 50px;
}
.progress-label {
    width: 100px;
    position: absolute;
    left: 50%;
    top: 17px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    font-size: 50px;
    font-weight: bold;
    margin-left: -50px;
    text-align: center;
}

.pickingpal-items-row {
    width: 100%;
}
.pickingpal-itemslist {
    width:      50%;
    min-height: 200px;
    float:      left;
}
.pickingpal-itemslist__header{
    padding: 5px;
    margin: 2px;
    background: #2980b9;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.pickingpal-itemslist__items {
    overflow: auto;
    padding: 2px;
    display: flex;
    flex-direction: column;
}

#pickingpal-itemslist--picked .pick_item{
    display:none;
}
#pickingpal-itemslist--back-picked .pick_item{
    display:none;
}

.pick_item a {
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    padding: 5px
}

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.pickingpal-itemslist__items .item {
    margin: 2px;
    overflow-x: hidden;
    background-color: #f1f1f1;
    padding: 7px 18px 7px 7px;
    box-sizing: border-box;
    clear: both;
}
.pickingpal-itemslist__items .item:nth-child(2n) {
     background-color: rgba(8,102,220,.1);
 }

.pickingpal-itemslist__items .parent_item {
    margin: 2px;
    padding: 7px 18px 7px 7px;
    overflow-x: hidden;
    border: dotted 1px #aaa;
    background-color: #aaaaaa1c;
}

.parent_item > .item-name:first-child{
    padding-bottom:5px;
}

.item-name {
    display: inline-block;
}

.item-name .item-info {
    display: inline-block;
    vertical-align: middle;
}

.item-name .product-img {
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
    height: 38px;
    overflow: hidden;
}

/*.item-gradient {
    position: relative;
    top:0;
    width: 30px;
    height: 25px;
    background-color: red;
    float: right;
    background: -moz-linear-gradient(left,  rgba(125,185,232,0) 0%, rgba(255,255,255,1) 100%);  FF3.6+
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(125,185,232,0)), color-stop(100%,rgba(255,255,255,1)));  Chrome,Safari4+
    background: -webkit-linear-gradient(left,  rgba(125,185,232,0) 0%,rgba(255,255,255,1) 100%);  Chrome10+,Safari5.1+
    background: -o-linear-gradient(left,  rgba(125,185,232,0) 0%,rgba(255,255,255,1) 100%);  Opera 11.10+
    background: -ms-linear-gradient(left,  rgba(125,185,232,0) 0%,rgba(255,255,255,1) 100%);  IE10+
    background: linear-gradient(to right,  rgba(125,185,232,0) 0%,rgba(255,255,255,1) 100%);  W3C
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#ffffff',GradientType=1 );  IE6-9

}*/
.bundled_item {
    float: left;
    padding-left: 40px;
    /*background-color: #49e6f7;*/
}

.item-quantity {
    text-align: right;
    width: 20px;
    display: block;
    float: right;
}
.order_status {
    margin-top: 18px;
    margin-bottom: 13px;
}
.order_status_t{
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 10px;
}
.order_status .wc-processing {
    background-color: #b9feb9;
    border-style: solid;
    border-width: 2px;
    border-color: #6bfe69;
}

.order_status .wc-on-hold {
    background-color: #fbfaa3;
    border-style: solid;
    border-width: 2px;
    border-color: #ffe900;
}
.order_status .wc-completed {
    background-color: #b1c2fe;
    border-style: solid;
    border-width: 2px;
    border-color: #3d50fc;
}
.order_status .wc-cancelled {
    background-color: #f4d3af;
    border-style: solid;
    border-width: 2px;
    border-color: #fd9c33;
}
.order_status .wc-refunded {
    background-color: #b9feb9;
    border-style: solid;
    border-width: 2px;
    border-color: #6bfe69;
}
.order_status .wc-failed {
    background-color: #fd9689;
    border-style: solid;
    border-width: 2px;
    border-color: #fd4028;
}
.order_status .wc-pending {
    background-color: #fdd1ff;
    border-style: solid;
    border-width: 2px;
    border-color: #f84eff;
}

.wc-table table{
    width: 100%;
    border-collapse:collapse;
}
.theader {
    font-size: 16px;
    background-color: #e3e0e0;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}
.wc-table table th, wc-table tabletd {
    padding: 3px;
    border: 1px solid #a4a4a4;
}

.wc-table table tr:hover {
    background-color: #ecedd9;
}

@media all and (max-width: 400px) {
    .p_input input[type="text"]  { width: 150px }
    .progress-label {left: 35%;}
    .ui-widget-content a {font-size: small;}
}

.pagination_link {
    padding: 3px 5px;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.05);

    /*background-color: #e8e6da;*/
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1);
    cursor: default;
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;

}
.pagination_link:hover {
    background-color: #c7d3de;
}

.pagination_active {
    padding: 8px 20px 11px;
    font-size: 18px;
    background: rgba(0, 0, 0, 0.05);
    border-style: solid;
    border-width: 1px;
    border-color: #feef90;
    cursor: default;
    margin-left: 2px;
    margin-right: 2px;
}
.info {
    padding: 4px;
}

.b {
    font-weight: bold;
}
.sort-img {
    position: absolute;

    /*float:right;*/
    margin-top: 4px;
    margin-left: 3px;
    width: 10px;
    height: 10px;
    display: none;
}
.radius {
    border: 2px solid CornflowerBlue;
    border-radius: 9px;
}

.find {
    float: right;
    margin-bottom: 5px;
    border: 2px solid CornflowerBlue;
    border-radius: 6px;
    padding-left: 25px;
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 5px 3px;

}
.input-page {
    text-align: center;
    width: 40px;
}

#pickingpal-status-x__wrap {
    text-align: center;
    font-weight: bold;
    line-height: 35px;
    padding: 7px;
    overflow: hidden;
    border-radius: 5px;
    font-size: 35px;
    border: 1px solid #aaa;
    text-transform: uppercase;
}
.found {
    background-color: #92ff6e;
}
.not-found {
    background-color: #ff0300;
}
.order-not-found {
    background-color: pink;
}
.order-loaded {
    background-color: #92ff6e;
}
.order-picked {
    background-color: #fbfaa3;
}
.bundle-children-started {
    background-color: #f6fa80
}

.pickingpal-contact{
    width: 100%;
    height: 150px;
}

.wp-picking-table-settings .help_tip {
    cursor: help;
    float: right;
    padding: 2px;
}
.table-td-align-top {
    padding-top: 6px;
    vertical-align: top;
}
.wp-picking-table-settings {
    border-spacing: 0 20px;
}
.wp-picking-table-settings td:nth-child(1) {
    width: 230px;
}

.wp-picking-table-settings td:nth-child(2) {
    width: 550px;
}

.wp-picking-table-settings fieldset label {
    line-height: 1.4em;
    display: inline-block;
    margin: 0.25em 0 0.5em;
}

.header-0 {
    font-size: 40px;
}
.header-1 {
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 15px;
}

.header-2 {
    font-weight: bold;
    font-size: 15px;
    padding: 5px;
}
.delete-logo {
    text-align: center;
}

.woocommerce-pickingpal-table {
    width: 250px;
}
.woocommerce-pickingpal-table .row div {
    float: left;
}
.woocommerce-pickingpal-table .row {
    background-color: #ecedd9;
    padding: 7px;
    border: 1px #f0bc96 solid;
}
.woocommerce-pickingpal-table .col1 {
    width: 200px;
    overflow: hidden;

}
.clearfix2:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix2 { display: inline-block; }

.clearfix2 { display: block; }
.wc-template {
    display: none;
}

.preloader{
    display: none;
    width: 25px;
    height: 25px;
    /*top:7px;*/
}
.input_template {
    width: 100px;
    float: left;

}
.wc-pp-filters {
    padding: 8px;
}

.wc-pp-filters-select {
    width: 100%;
    height: auto !important;
}

.wp-table2 {
    position: relative;
}
.wp-table2 .wrap777{
    overflow-y: auto;
    max-height: 900px;
}
.wrap888{
    position: absolute;
    z-index: 20;
}
.bot_btn {
    padding-top: 10px;
}

.tb-row:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.tb-row {
    display: block;
}
.tb-col{
    float:left;
}
.padding-5 {
    padding: 5px;
}
.table-export .tb-col{
    width: 265px;
}
.bundle-element{
    margin-left: 15px;
}

#pickingpal-order-buttons{
    display:none;
}

.simple-table-pp {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
    width: 100%;
}
.simple-table-pp thead th {
    background-color: #FFFFFF;
    border: solid 1px rgb(229, 229, 229);
    color: #336B6B;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}
.simple-table-pp tbody td {
    color: #333;
    padding: 10px;
    text-shadow: 1px 1px 1px #fff;
}

.simple-table-pp tbody tr:nth-child(even) {

    background-color: #FFFFFF;
}

.loading-button img {
    display: none;
    width: 16px;
    margin: -3px 0 -3px -3px;
}

.loading-button.loading img {
    display: inline-block;
}

/* New Styles */

.nav-tab {
    min-width: 100px;
    text-align: center;
}

.tabs-content__wrap {
    padding-right: 0 !important;
}

.tabs-content__wrap > div {
    margin: 10px 0;
}

.p_input__wrap {
    margin-top: 10px;
}

.p_input__wrap .p_input {
    display: inline-block;
    margin: 10px;
}

.label_input_pp {
    display: inline-block;
}

.p_input__wrap .p_input:last-child {
    margin-right: 0;
}

.p_input__wrap .p_input label {
    min-width: 100px;
    text-align: left;
}

.p_input__wrap .p_input input[type="text"] {
    width: 150px;
    margin-right: 10px;
    height: 30px;
    border: 1px solid #3BA9E4;
}

.p_input__wrap .p_input input[type="button"] {
    height: 30px !important;
    width: 60px !important;
    margin: 1px;
    vertical-align: top;
}

.tabs-content__wrap .p_order_controls__wrap button {
    margin: 4px;
}

.p_input input[type="button"]:hover,
#pickingpal-btn--reset-picking-status:hover,
#pickingpal-btn--print-slip:hover,
#pickingpal-btn--view-order:hover,
.p_input input[type="button"]:active,
#pickingpal-btn--reset-picking-status:active,
#pickingpal-btn--print-slip:active,
#pickingpal-btn--view-order:active {
    background-color: #2980b9 !important;
    color: #fff !important;
 }


.order_status {
    margin: 0 0 30px 0;
    align-items: center;
    line-height: 44px;
}

.order_status_t {
    font-size: 13px;
    padding: 0;
    margin-right: 9px;
    width: 94px;
}

.order_status span {
    font-size: 35px;
}

.order-loaded {
    background-color: lightgreen;
}

#pickingpal-progressbar {
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
}

.ui-progressbar-value {
    background: #0866dc !important;
    background: rgba(8,102,220,.75) !important;    
}

.progress-label {
    line-height: 15px;
    font-size: 35px;
}

.p_order_controls__wrap > div {
    display: inline-block;
}

.p_order_controls__wrap > div.left {
    float: left;
}

.p_order_controls__wrap > div.right {
    float: right;
}

.tabs-content__wrap button.warning {
    background-color: #bb77ae;
    color: white;
}

@media screen and (max-width: 782px) {
    .p_order_controls__wrap > div {
        width: 100%;
    }
}

#pickingpal-btn--reset-picking-status {
    width: 150px;
}

.pickingpal-liteupgrade .wrap {
    margin-bottom: 20px;
}
.pickingpal-liteupgrade h2 {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 1.4;
}
.pickingpal-liteupgrade .wrap h3 {
    margin-top: 0;
}
.pickingpal-liteupgrade .list-item {
    margin-bottom: 10px;
}
.pickingpal-liteupgrade .tick {
    color: green;
}