section.if-search .ui[class*="left icon"].input .prompt {
    height: 75px;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -2px;
    text-transform: uppercase;
    width: 100%;
    color: #e6e6e6;
    border-radius: 0 !important;
    border-bottom: 1px solid #ccc;
    padding-left: 0.4em !important;
    background-color: #f8f8f8;
    border: none;
}
section.if-search .ui.category.search .results,
section.if-search .ui.left.icon.input {
    width: 100%;
}
section.if-search .ui.category.search .results .name,
section.if-search .ui.category.search .results .title {
    font-size: 1.4em;
}

section.if-search .ui.category.search .results .title span {
    display: -webkit-inline-box;
    margin-right: 5px;
}
section.if-search .ui.category.search .results .title label {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}
section.if-search .ui.category.search .results {
    overflow: auto;
    max-height: 450px;
}
section.if-search .ui.category.search .results .title span.subdetails {
    font-weight: 500;
    color: #ccc;
}

section.if-search .ui.category.search .results .title span.search-ppe-sets,
section.if-search .ui.category.search .results .title span.search-other-ppe {
    color: #ccc;
    font-weight: 500;
}
section.if-search .ui.category.search .results .title span.search-ppe-sets {
    width: 100%;
    color: #ccc;
    font-weight: normal;
}

div.department-ff p {
    letter-spacing: -.5px;
}

div.task-title {
    line-height: 1em;
    letter-spacing: -.75px;
}

label[id^="label_82"]::after, .gfsp_choice_img label::after, #label_2_select_all::after {
    background-color: #1DB119 !important;
}

#post-43668 .gf-piece-total-top input.small, #post-43668 .gf-piece-total-bottom input.small {
    background-color: #1DB119 !important;
}

#label_82_13_1::after, .gfsp_choice_img label::after, #label_82_13_0::after, #label_82_19_1::after, #label_2_select_all::after {
    background-color: #1DB119 !important;
}

.gf-dob-96 {
    display:none!important;
}
#post-43668 .gf-piece-total-top {
    position: -webkit-sticky;
}

div.status-bubble-number {
    letter-spacing: -.5px;
    text-transform: uppercase;
}

.delivered-img-note {
    width: unset !important;
}

li.current a {
    box-shadow: none !important;
}

.tooltip_washeddried.ready_tooltip:before {
    left: 110px;
}

.tooltip_washeddried.outfor_tooltip:before {
    right: 5px;
}

.tooltip_washeddried:before {
    border: solid;
    border-color: #111 transparent;
    border-width: 0 .6em .6em .6em;
    top: -8px;
    content: "";
    display: block;
    position: absolute;
    z-index: 99;
}

.tooltip_washeddried {
    position: absolute;
    right: 5px;
    top: 115px;
    background: #fff;
    width: 300px;
    border-radius: 5px;
    z-index: 1;
    border: 1px solid #009ee7;
    padding: 10px;
    font-size: 14px;
    font-family: "Open sans", sans-serif;
}

.today-order-div {
    position: relative;
}

.today-order .control {
    display: table-cell;
}

.today-order .control::before {
    left: 35% !important;
}

.today-order-div .dataTables_paginate {
    float: none;
    text-align: center;
}

.today-order .edit_order_button {
    padding: 0 0 20px 0;
    background: unset;
    margin-right: 10px;
}

.today-order .edit_order_section {

    background: #fff;
    display: none;
}

.swiper-container.item_order_list {
    margin: 10px 0 0;
}

.today-order .ticket-histories {
    padding: 0 15px;
    text-align: left;
    font-size: 15px;
    display: flex;
    flex-direction: row;
    flex-flow: row wrap;
}

span.date_created {
    margin-right: 3px;
}

.ticket-histories div p:not(:last-child) {
    margin-bottom: 5px;
}

.ticket-histories div p {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    line-height: 17px;
}

div[id*="today-other"] .order-statuses .status-bubble-number.chose_bumbble {
    /*  box-shadow: 0px 0px 15px #ffffff;*/
    background: #D10000;
    color: #fff;
}

div[id*="today-Gear-Wash"] .order-statuses .status-bubble-number.chose_bumbble {
    /*  box-shadow: 0px 0px 15px #ffffff;*/
    background: #009ee7;
    color: #fff;
}

div[id*="today-Retired-Gear"] .order-statuses .status-bubble-number.chose_bumbble {
    /*  box-shadow: 0px 0px 15px #ffffff;*/
    background: rgb(111, 111, 111);
    color: #fff;
}

div[id*="today-other"] .order_status_description {
    background: #D10000;
}

div[id*="today-Gear-Wash"] .order_status_description {
    background: #009ee7;
}

div[id*="today-Retired-Gear"] .order_status_description {
    background: rgb(111, 111, 111);
}

.order_status_description {
    letter-spacing: -0.5px;
    color: #fff;
    padding: 10px;
    font-size: 13px;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
}

.ticket-histories .order-cmt, .ticket-histories .ppe-cmt {
    padding: 10px;
    font-size: 12px;
    background-color: #efefef;
    margin-bottom: 15px;
    border-radius: 5px;
    text-transform: none;
    width: 27%;
    margin: 5px;
    flex: none;
    font-family: "Open Sans", sans-serif;
    color: #3a3a3a;
}

.ticket-histories span {
    display: inline-block;
    color: #000;
    font-weight: bold;
    font-size: 10px;
}

.order-edit-cmt, .ppe-edit-cmt {
    background: #6D6868;
}

.order-delete-cmt, .ppe-delete-cmt {
    background: red;
}

table.today-order .order-delete-cmt, table.today-order .order-edit-cmt, table.today-order .ppe-delete-cmt, table.today-order .ppe-edit-cmt {
    border-radius: 5px;
    padding: 5px;
    margin-right: 3px;
    display: inline-block;
    color: #fff;
    line-height: 10px;
    cursor: pointer;
}

.today-order .details .details-text {
    border: 1px dashed #ccc;
    padding: 5px;
    border-radius: 5px;
    height: 100%;
}
.wc-backbone-modal-main footer{
    position: unset!important;
}
table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: center;
}
.today-order #open_edit_order, .today-order .edit_order_button.order-preview {
    margin-left: 10px;
}

.today-order .edit_order_section.active {
    display: flex;
}

.today-order-div .dataTables_paginate .paginate_button {
    color: #000 !important;
}

.message_error_repair {
    color: #1DB119;
    font-size: 12px;
}

.item_link span, .new_order span {
    background: #6d6868;
    color: #ffffff;
    border-radius: 5px;
    position: relative;
    top: -3px;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: 5px;
    font-weight: bold;
}

.main-swiper .task-completed-percentage {
    font-size: 50px;
    font-weight: 700;
    color: #53ac39;
}

.task-completed-percentage .total-cs {
    font-size: 20px;
    position: relative;
    top: -10px;
    color: #727272;
    font-weight: 400;
}

.brand-name {
    min-width: unset;
}

.save-information_qr, .save-information_sn {
    -webkit-appearance: none;
    -webkit-border-radius: 5px !important;
    border: none;
    outline: none !important;
    background: #666666 !important;
    line-height: 25px;
    color: #ffffff;
    font-size: 17px;
    padding: 11px 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.drop-repair-part {
    margin: 10px auto;
    padding: 30px 30px;
    letter-spacing: -5px;
    font-size: 50px;
    font-weight: bold;
    color: #d1d1d1;
    width: 300px;
    line-height: 50px;
    flex: 1;
}

.today-order .details {
    margin: 15px;
    max-height: 300px;
    width: 300px;
    background: #FFF;
}

textarea.order-new-notice, textarea.ppe-new-notice {
    border: none;
    background: #ffff;
    padding: 0;
    font-size: 12px;
    height: calc(100% - 40px);
    margin-bottom: 5px;
}

button.order-add-newnotice, button.ppe-add-newnotice {
    border-radius: 5px;
    padding: 5px 10px;
    display: inherit;
    letter-spacing: -1px;
    text-transform: uppercase;
    background-color: #6D6868;
    /* float: left; */
    text-align: left;
}

.today-order .child ul {
    width: 100%;
    text-align: left;
}

div[id^="order_note"] {
    display: flex;
    flex-direction: row;
}

div[id^="piece_note"] {
    display: flex;
    flex-direction: column;
}

.repair_part_image {
    margin: 10px;
    width: 100px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
}

.today-order .details.ppe_note, .save_repair_part, .today-order .ppe_repair_group {
    display: none;
}

.today-order .details.ppe_note.active {
    display: flex;
}

.save_repair_part.active, .today-order .ppe_repair_group.active {
    display: block;
}

.selected_repair {
    display: flex;
    flex-direction: column;
    /* border-bottom: 1px solid #a0a0a0; */
    padding-top: 10px;
    margin-right: 20px;
}

.selected-repair-location {
    width: 250px;
}

.repair_part_image_wrap {
    background: #FFF;
    padding: 20px;
    border-top: 10px solid #019EE7;
    border-left: 10px solid #019EE7;
    border-bottom: 10px solid #019EE7;
    border-radius: 0 0 5px 5px
}

.today-order .item_details.special_item.active .inner_div {
    position: relative;
    border-color: #009ee7;
}

.today-order .item_details.special_item.active .inner_div:before {
    content: "";
    position: absolute;
    width: calc(100% + 2px);
    height: 25px;
    bottom: -21px;
    left: -1px;
    background: #fff;
    z-index: 222222222;
    border-left: 1px dashed #009ee7;
    border-right: 1px dashed #009ee7;
}

.today-order .details.ppe_note {
    margin: 0;
    width: unset;
    border: none;
}

.today-order .details.ppe_note .details-text {
    width: 150px;
    height: auto;
}

.today-order .ppe_repair_group, .today-order .details.ppe_note {
    background: #fff;
    padding: 20px;
    outline: 1px dashed #009ee7;
}

.today-order .ppe_repair_group.active {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.today-order .ppe_repair_part.active {
    display: block;
    /*  margin-top:20px;*/
    text-align: center;
}

.today-order .child ul li {
    padding: 10px !important;
}

.today-order .child:hover, .today-order .child {
    background-color: #cce7fa !important;
}

.today-order .edit_order_button span, .today-order .edit_order_button a {
    background: #666666;
    padding: 10px 20px !important;
    border-radius: 5px;
}

.today-order .edit_order_button a, .today-order .edit_order_button a:visited, .today-order .edit_order_button a:hover {
    color: #FFF !important;
}

.today-order .dtr-title {
    display: none !important;
}

.today-order .dtr-data p {
    margin-bottom: 0;
}

.today-order .special_item {
    display: flex;
    flex-direction: column;
}

.today-order .special_item .first_row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.edit_ppe_action {
    font-size: 13px;
}

.location-keyword .location-name {
    margin: 5px;
    padding: 5px;
    border: 1px dashed #aaaaaa;
    border-radius: 5px;
    color: #aaa;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    height: 20px;
    padding-top: 1px;
    padding-bottom: 5px !important;
}

.location-keyword .location-name.selected {
    color: #000;
    background-color: #fff1a1;
}

.ticket-notices {
    position: relative;
    width: 100%;
    overflow-y: auto;
}

.today-order .special_item .second_row {
    display: flex;
    flex-direction: column;
}

.today-order .special_item .second_row .edit_ppe_button.active {
    background-color: #009ee7 !important;
}

.today-order .save_repair_part {
    background-color: #009ee7;
}

#add_cause_option {
    border-radius: 5px;
}

.save-repair-cause:hover, .save-repair-cause:focus {
    color: #fff !important;
}

.edit_cause {
    font-size: 18px !important;
    float: none !important;
}

.edit_ppe_action .select2-container {
    margin-bottom: 5px;
}

span#select2-add_cause_option-container {
    text-transform: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #a9a8a8;
    color: #fff;
}

.select2-container--default {
    font-size: 14px;
}

.save-repair-cause {
    border-radius: 5px;
    margin: 5px;
    padding: 5px 10px;
    background-color: #009ee7;
}

.today-order .special_item .second_row .edit_ppe_button, .today-order .save_repair_part, button.add_cause, button.repair_cause {
    border-radius: 5px;
    margin: 5px;
    padding: 5px 10px;
}

.selected-repair-part {
    display: flex;
    justify-content: center;
    position: relative;
}

.selected-repair-part .fa-times-circle {
    position: absolute;
    right: 5px;
    font-size: 20px;
    color: red;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.selected-repair-part img {
    margin: 10px;
    border-radius: 10px;
    border: 1px solid #a0a0a0;
}

.today-order .swiper-wrapper {
    margin: 0 20px 10px;
}

.item_details .inner_div {
    border: 1px dashed #ccc;
    border-radius: 5px;
    padding: 10px;
    height: 100%;
    width: calc(100% - 10px);
}

.item_details.swiper-slide {
    /* margin:10px;*/
    background: #fff;

    height: auto;
    box-sizing: border-box;
}

.today-order #add_order_note {
    margin-left: 10px;
}

.today-order #add_piece_note.active {
    margin-right: 0px;
}

.today-order #add_order_note.active, .today-order #add_piece_note.active {
    margin-left: 0;
}

.today-order #repair-part-quantity {
    width: 40px;
    padding: 5px;
    margin-right: 10px;
}

.today-order .edit_order_button.active span {
    background-color: #009ee7;
}

.today-order .edit_order_button.active {
    background: #fff;
    padding: 20px 10px !important;
    /*border: 1px solid #f6f6f6;
    border-bottom: none;*/
    border-radius: 5px 5px 0 0;
}

.product_name .order-multi {
    background: #fe3200;
    color: #FFF;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-left: 10px;
    margin-right: 10px;
    font-style: uppercase;
    padding: 8px 12px;
    line-height: -5px !important;
}

.td_custom_note {
    text-align: left;
}

.ticket_print, .ticket_print_th {
    display: table-cell !important;
}

.product_name .order-multi .col1 {
    font-size: 20px;
    margin: 5px;
    letter-spacing: -2px;
}

.product_name .order-multi .col2 {
    line-height: 13px;
    letter-spacing: -1.1px;
    font-size: 12px;
}

a.wclabels-single {
    background-color: transparent !important;
    padding: 0 !important;
}

.today-order th {
    color: #000;
    font-size: 12px;
    letter-spacing: -0.5px;
    text-align: center;
}

.page-id-22846 .mfp-content {
    height: 80%;
    position: absolute;
    top: 20px;
    width: 95%;
    left: 0;
    right: 0;

}

/*staging1
.page-id-45845 .popup-header h2{
    padding-bottom: 20px;
    font-weight: bold;
    letter-spacing: -2px;
    font-size: 35px;
}*/
/*live*/
.page-id-55613 .popup-header h2 {
    padding-bottom: 20px;
    font-weight: bold;
    letter-spacing: -2px;
    font-size: 35px;
    text-transform: uppercase;
}

.page-id-55613 #open-loss-stolen-table .popup-header p {
    font-weight: bold;
    color: #d93146;
    margin-bottom: 20px;
}


.page-id-55613 .mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-ready {
    position: relative !important
}

.page-id-55613 .inside-article {
    overflow: hidden;
}

.page-id-55613 header.entry-header {
    text-align: center;
}

.page-id-55613 header.entry-header h1.entry-title {
    background: #949494;
    display: inline-block;
    border-radius: 10px;
    color: #fff;
    padding: 10px 20px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 20px;
    box-shadow: 1px 1px 4px #afafaf;
}

.page-id-55613 .status-bubble-number {
    padding-top: 0px;
    padding-bottom: 25px;
    height: auto;
    width: auto;
    font-size: 80px;
    background: #D10000;
    color: #fff;
    margin-left: 0px;
    text-align: center;
    border-radius: 10px;
    font-weight: bold;
    text-align: center;
    position: relative;
    border: 10px white solid;
    box-shadow: 0px 0px 5px #d5d2d2;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
}

.page-id-55613 .status-bubble-number:after {
    content: "New";
    display: block;
    font-size: 35px;
    margin-top: -30px;
    padding-top: 5px;
}

.page-id-55613 div.wp-block-column h3 {
    letter-spacing: -1px;
}


.page-id-55613 .entry-content h2 {
    text-align: center;
    border-radius: 5px;
    padding: 10px 20px;
    letter-spacing: -5px;
    margin-top: 15px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 700;
    color: #a5a5a5;
}

.page-id-55613 .mfp-content {
    height: 80%;
    position: absolute;
    top: 40px;
    /*width: max-content !important;*/
    width: 90%;
    max-width: 1150px;
    left: 0;
    right: 0;
}

.page-id-55613 .mfp-content > div {
    position: relative;
}

.page-id-55613 .specific-order-information-table-full {
    display: none;
    opacity: 0;
    height: 0;

}

.page-id-55613 .download-spec-ord-info {
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
}

.page-id-55613 .download-spec-ord-info a.btn {
    cursor: pointer;
    background: #d10001;
    color: #fff;
    padding: 5px 15px;
    display: inline-block;
    border-radius: 5px;
    text-transform: uppercase;
    box-shadow: 0px 0px 1px #000;
}

.page-id-55613 .download-spec-ord-info a.btn:hover {
    box-shadow: 0px 0px 3px #000;
}

.page-id-55613 .download-spec-ord-info span {
    display: none;
}

.grey_block_chart_single {
    margin: 5px;
    background: #888888;
    padding: 10px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 300;
}

.grey_block_chart {
    background: #888888;
    padding: 10px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 300;
    margin: -5px 5px 5px 5px;
}

.red_block_chart {
    background: #d93146;
    padding: 10px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 300;
    margin: 5px 5px -5px 5px;
}

#open-loss-stolen-table h2, #open-qr-tagged-table h2 {
    padding-bottom: 0;
}

.single-month {
    margin-bottom: 20px;
}

.indi-month:hover {
    text-decoration: underline;
}

.indi-month {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 10px;
    cursor: pointer;
    width: calc(calc(100% / 12) - 10px);
    color: #fff;
    background: #888888;
    border-radius: 5px;
    padding: 3px 10px;
    text-align: center;
}

.page-id-45845 #open-loss-stolen-table .popup-header p, .page-id-45845 #open-qr-tagged-table .popup-header p {
    font-weight: bold;
    color: #d93146;
    margin-bottom: 20px;
}

.today-order td {
    text-align: center;
    border-right: 1px solid #dfdfdf !important;
    border-bottom: 1px solid #dfdfdf !important;
    padding: 20px 10px;
    letter-spacing: -.5px;
    color: #a0a0a0;
}

.customer_name_row .person_link {
    color: #000;
    /* background-color:#bebebe;*/
    border-radius: 4px;
    /*padding: 8px 12px;*/
}

.customer_name_row .person_link:visited, .customer_name_row .person_link:hover, .customer_name_row .person_link:focus {
    color: #000;
}

.today-order, .history-order {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 400;
    border: 10px solid #CCC;
    border-radius: 5px;
    table-layout: fixed;
    margin: 0;
}

.today-order thead, th, .history-order thead, th {
    color: #0073aa;
    font-size: 14px;
    font-weight: 400;
    border-width: 0px 0 1px 0;
    border-style: solid;
    border-color: #CCC;
}


.today-order td, .history-order td {
    font-size: 12px;
    border: none;
    line-height: 26px;
}

.today_order_table .today-order tr:nth-child(odd), .today_order_table .history-order tr:nth-child(odd) {
    background: #fff;
}

.today-order tr:nth-child(odd), .history-order tr:nth-child(odd) {
    background: #f1f1f1;
}

.today-order tr:nth-child(even), .history-order tr:nth-child(even) {
    background: #ffffff;
}

.customer_name_row {
    color: #0073aa;
    font-weight: bold;
}

.product_name > span {
    color: #0073aa;
    font-weight: 600;
}

.block_status_name {
    display: inline-flex;
    text-align: center;
    border-radius: 4px;
    line-height: 2.5em;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    margin: 0 1em;
    white-space: nowrap;
    max-width: 100%;

}

.block_status_name > span {
    margin: 0 1em;
    overflow: hidden;
    text-overflow: ellipsis;
}

mark.block_status_name.status-delivered {

    color: #ffffff;
    background-color: #008f00;

}

mark.block_status_name.status-out-for-delivery {
    color: #ffffff;
    background-color: #000000;

}

mark.block_status_name.status-processing {

    background: #ff2600;
    color: #fff;

}

mark.block_status_name.status-ready-delivery {
    color: #ffffff;
    background-color: #aa7942;

}

mark.block_status_name.status-on-hold-custom {

    color: #000000;
    background-color: #f27900;

}

mark.block_status_name.status-on-hold {

    background: #f8dda7;
    color: #94660c;

}


mark.block_status_name.status-trash {

    background: #eba3a3;
    color: #761919;

}

mark.block_status_name.status-picked-up {

    color: #ffffff;
    background-color: #999999;

}


#close {
    display: inline-block;
    padding: 2px 5px;
    background: #ccc;
    margin-top: 10px;
}

#close:hover {
    display: inline-block;
    padding: 2px 5px;
    background: #ccc;
    color: #fff;
}

.collect-data-1 {
    padding-right: 6px;
    border-right: 1px solid #ccc;
    text-align: center;
    float: left;

}

.collect-data-2, .collect-data-3 {
    padding: 0 6px;
    border-right: 1px solid #ccc;
    text-align: center;
    float: left;

}

.collect-data-4 {
    padding-left: 6px;
    text-align: center;
    float: left;
}

.collect-data-block {
    margin: 0 auto;
    max-width: max-content;
}


#retirees-report-table {
    max-width:800px;
}

#retirees-report-table a.ppe_url.people_url {
    margin:0;
}

#retirees-report-table a.ppe_url {
    display:inline-block;
    padding: 0 10px;
    margin: 5px;
}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

    /* Force table to not be like tables anymore */
    .today-order thead, tbody, th, td, tr, .history-order thead, tbody, th, td, tr {
        display: block;
    }
    /* exclude gear wash report table */
    .new-gear-wash-report table tr {
        display: table-row!important;
    }
    .new-gear-wash-report table td {
        display: table-cell!important;
    }
    .new-gear-wash-report #new-open-div-showdetails-dataentry table tr th:first-child,.new-gear-wash-report #new-open-div-showdetails-dataentry table tr td:first-child {
        max-width: 150px !important;
        width: 150px;
    }
    .new-gear-wash-report #new-open-div-showdetails-dataentry table tr td {
        padding: 0 5px!important;
        line-height: unset;
    }
    .new-gear-wash-report #new-open-div-showdetails-dataentry .izw-log-txt-task {
        font-size: 12px;
        padding: 5px;
    }
    .new-gear-wash-report #new-open-div-showdetails-dataentry .div-header {
        position: relative;
        left: 0;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .today-order thead, th, .history-order thead, th {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .today-order tr, .history-order tr {
        border: 1px solid #ccc;
    }

    .today-order td, .history-order td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 50%;
        padding-bottom: 20px;
    }

    .history-order td:before, .today-order 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;
    }

    .history-order td:nth-of-type(1):before { content: "Order date"; }
    .history-order td:nth-of-type(2):before { content: "Order status"; }
    .history-order td:nth-of-type(3):before { content: "Order id"; }
    .history-order td:nth-of-type(4):before { content: "Order details";}
    .history-order td:nth-of-type(5):before { content: "Customer note"; }
    .history-order td:nth-of-type(6):before { content: "Shift"; }

    .admin td:nth-of-type(1):before { content: "Order date"; }
    .admin td:nth-of-type(2):before { content: "Order status"; }
    .admin td:nth-of-type(3):before { content: "Name"; }
    .admin td:nth-of-type(4):before { content: "Order details";}
    .admin td:nth-of-type(5):before { content: "Customer note"; }
    .admin td:nth-of-type(6):before { content: "Deliver to"; }
    .admin td:nth-of-type(7):before { content: "Shift"; }
    .admin td:nth-of-type(8):before { content: "Action";}


    .normal td:nth-of-type(1):before { content: "Order date"; }
    .normal td:nth-of-type(2):before { content: "Order status"; }
    .normal td:nth-of-type(3):before { content: "Name"; }
    .normal td:nth-of-type(4):before { content: "Order details";}
    .normal td:nth-of-type(5):before { content: "Customer note"; }
    .normal td:nth-of-type(6):before { content: "Deliver to"; }
    .normal td:nth-of-type(7):before { content: "Shift"; }

    .pagination li.first, li.last {
        display: none !important;
    }

    .pagination li.next {
        border-width: 1px 1px 1px 1px !important;
    }

}

.ui-widget li {
    font-family: "Open Sans", sans-serif;
}

.ui-autocomplete .ui-state-focus {
    border: 0 !important;
    background: #c8c8c8 !important;
}

.preview-not-gw {
    float: right;
    width: 16px;
    padding: 20px 4px 4px 4px;
    height: 0;
    overflow: hidden;
    position: relative;
    border: 2px solid transparent;
    border-radius: 4px;
}

.preview-not-gw img {
    position: absolute;
    left: 0px;
    max-width: 50%;
    max-height: 50%;
    text-align: center;
    line-height: 16px;
    vertical-align: middle;
    top: 4px;
    margin: 0px;

}

.today_order_table .dataTables_filter {
    text-align: center;
    float: none;
}

.today_order_table .dataTables_filter input {
    border-radius: 10px;
    margin-top: 15px;
}

.status-bubble-number, .status-bubble-number-ppe {
    cursor: pointer;
}

.pagination ul {
    list-style: none;
    margin: 0;
}

.pagination {
    margin: 0 auto;
    max-width: max-content;
    display: block;
    padding-top: 10px;
    padding-bottom: 30px;
}

.pagination li.single {
    background-color: #FFFFFF;
    padding: 5px 10px;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #ccc;
    color: #0073aa;
    display: inline-block;
    font-size: 12px;
    margin-top: 10px;

}

.pagination li.current {
    background-color: #0073aa;
    color: #FFFFFF;
}

.pagination li.last {
    border-width: 1px 1px 1px 1px;
}

/*---------------------------*/
.ifd-loadding {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ececece0;
    border-radius: 5px;
    z-index: 1050;
}
.ifd-loadding-gif {
    background: url(image/Spinner.svg);
    background-size: 100% 100%;
    height: 100px;
    width: 100px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}
.task-open-detail-qm {
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    cursor:pointer;
}
.task-open-detail-qm i {
    font-size: 25px;
    font-weight: 700;
}
.task-card-new {
    margin-right: 0px;
}

.main-swiper {
    margin-left: -30px;
    margin-right: -30px;
    position: relative;
}

.item-content {
    padding: 15px;
}

.task-card-new .sub-pos {
    position: relative;
    border-radius: 0px;
    border: none;
    padding-bottom:10px;
}

.swiper-container {
    width: 100%;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.item-content {
    width: 100%;
    background: #f2f2f2;
}

.item-content .card {
    background: #fff;
    border-radius: 5px;
    /*overflow: hidden;*/
    position: relative;
}

.item-content .card .sub-pos {
    background: #fff;
}
.fragment-dd  .task-default-img {
    background-size: auto 75%!important;
}
.task-default-img img {
    width: 100%;
}

.fragment-dd {
    margin: 40px -20px;
}

.fragment-dd .task-default-img {
    margin: 20px;
    width: calc(25% - 40px);
    float: left;
    cursor: pointer;
    border-radius: 10px;
    position: relative;
}

.fragment-dd .task-default-img.helmet-img {
    background: url(image/piece-helmet-pvt.jpg);
}

.fragment-dd .task-default-img.boot-img {
    background: url(image/boot-angle-2.jpg);
}

.fragment-dd .task-default-img.coat-img {
    background: url(image/coat-shell.jpg);
}

.fragment-dd .task-default-img.pant-img {
    background: url(image/pant-shell.jpg);
}

.fragment-dd .task-default-img.helmet-img.active {
    /*position: relative;*/
    background: url(image/piece-helmet-pvt-grey-bg.jpg);
}

.fragment-dd .task-default-img.boot-img.active {
    /*position: relative;*/
    background: url(image/boot-angle-2-grey-bg.jpg);
}

.fragment-dd .task-default-img.coat-img.active {
    /*position: relative;*/
    background: url(image/coat-shell-grey-bg.jpg);
}

.fragment-dd .task-default-img.pant-img.active {
    /*position: relative;*/
    background: url(image/pant-shell-grey-bg.jpg);
}

/*.fragment-dd .task-default-img p {*/
/*position: absolute;*/
/*background: #d10001;*/
/*color: #fff;*/
/*width: 40px;*/
/*text-align: center;*/
/*height: 40px;*/
/*line-height: 40px;*/
/*border-radius: 50%;*/
/*font-size: 12px;*/
/*font-weight: 700;*/
/*letter-spacing: 0.5px;*/
/*top: -10px;*/
/*right: -10px;*/
/*}*/

.legend-drop-div span {
    text-transform: none;
    font-size: 13px;
    margin: 20px;
}

.legend-drop-div {
    margin-bottom: 20px;
}

.fragment-dd .task-default-img span.small-number {
    position: absolute;
    background: #FF9800;
    color: #fff;
    width: 25px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    top: 17px;
    right: -15px;
}

.fragment-dd .task-default-img p.expired_number_p {
    right: 120px;
    background: #d10001;
}

.fragment-dd .task-default-img p.expiring_number_p {
    right: 80px;
    background: #888888;
}

.fragment-dd .task-default-img p.ex_before_drop_p {
    right: 40px;
    background: #FF9800;
}

.fragment-dd .task-default-img p {
    position: absolute;
    color: #fff;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    top: -35px;

}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #949494;
    margin-left: 25px;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #949494;
    margin-right: 25px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.sub-menu li {
    display: inline-block;
    list-style: none;
    padding: 5px 15px;
    text-align: center;
    margin: 0 auto;
}

.deparment-submenu {
    background: #f2f2f2;
    padding: 0 0 10px 0;
    letter-spacing: -0.5px;

    position: relative;
}

ul.sub-menu.qm-menu {
    margin: 0 auto;
    width: max-content;
    padding: 5px;
    text-align: center;
    background: #ffffff;
    margin: 0px 200px;
    border-radius: 5px;
}

.sub-menu li a, .sub-menu li a:visited {
    color: #000 !important;
    padding: 5px 25px;
    font-size: 14px;
    letter-spacing: -.5px;
    font-weight: 700;
}

.sub-menu li a.active {
    background-color: #f2f2f2;
    padding: 5px 25px;
    border-radius: 5px;
}

.sub-menu li a:hover {
    background-color: #efefef;
    border-radius: 5px;
    text-decoration: none;
}

.togo-count1 {
    cursor: pointer;
    font-weight: bold;
    padding: 10px;
    font-size: 26px;
    letter-spacing: -2px;

}

h3.sesson-box-title {
    display:flex;
    align-items: center;
    justify-content: center;
}

h3.sesson-box-title span{
    margin-left: 5px;
}

.sesson-box.project-box{
    padding: 10px 40px!important;
}

.task-status-filter {
    display: flex;
    flex-direction: row;
    height: 40px;
    align-items: center;
}

.single-status.active span {
    background-color: #53AC39;
}

.single-status span {
    background-color: #636363;
    border-radius: 5px;
    color: #fff;
    cursor:pointer;
}
.title-filter span {
    color: #636363;
}
.title-filter span, .single-status span {

    padding: 3px 5px;
    margin-right: 5px;
    font-size: 14px;
    letter-spacing: -.5px;
    font-weight: 700;
}

.entry-content .sesson-box {
    background: #f2f2f2;
    padding: 20px 40px;
    position: relative;
    border-radius: 0 0 10px 10px;
    text-align: center;
}

.entry-content h3 {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #D10000;
    font-size: 20px;
    font-weight: 700;
}

.task-title {
    font-size: 16px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    text-transform: uppercase;
    color: #636363;
    letter-spacing: -.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-weight: bold;
    white-space: break-spaces;
}

.dt-buttons button {
    color: #000;
}

ul.frtab-k.clearfix {
    margin: 0px;
    list-style: none;
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: 20px;
}

ul.frtab-k.clearfix li {
    float: left;
    width: calc(calc(100% / 5) - 20px);
    margin-right: 10px;
    margin-left: 10px;
    text-align: center;
    position: relative;
    margin-top: -10px !important;
    margin-bottom: 10px;
}

.report_single_tab {
    display: inline-block;
    background: #888888;
    padding: 7px 10px;
    margin-bottom: 20px;
    width: max-content;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: -.5px;
    font-weight: 700;
}

.scan_all_qrs_block {
    position: relative;
}

.qm_stock_checker a {
    color: #fff !important;
}

ul.frtab-k.clearfix li a.charts-tabs {
    display: block;
    width: 100%;
    /* height: 100%; */
    background: #888888;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: -.5px;
    font-weight: 700;
}

ul.frtab-k.clearfix li a.charts-tabs:hover, .report_single_tab:hover, ul.frtab-k.clearfix li.active a.charts-tabs {
    background: #ffffff;
    /*box-shadow: 0px 0px 5px #b7b7b7;*/
    color: #6f6f6f !important;
}

.qm_stock_checker a:hover {
    color: #6f6f6f !important;
}

.chart-and-ppe .expiring {
    text-align: center;
}

.chart-title {
    text-transform: uppercase;
    font-size: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.cs-asterisk {
    text-transform: initial;
    font-weight: 600;
    color: #d10001;
}
.expiring sup {
    color: #d10001;
    margin-left: 5px;
}
.chart-title img {
    width: 30px;
}
.chart-title-loss-stolen, .chart-title-qr-tagged  {
    font-weight: bold;
}
.expiring p,.chart-title-loss-stolen, .chart-title-qr-tagged {
    display: inline-block;
    text-transform: uppercase;
    font-size: 20px;
    /*background: #f4f4f2;*/
    padding: 5px 15px;
    margin-bottom: 10px;
    margin-top: 0px;
    border-radius: 5px;

}

.today_order_table .order-statuses {
    display: flex;
    justify-content: center;

}

.today_order_table .today-order td, .today_order_table .today-order tr th {
    border-right: none !important;
    border-bottom: 1px solid #dfdfdf !important;
}

.today_order_table td {
    text-transform: uppercase;
    color: #000;
}

.today_order_table .order-statuses .status-bubble-number:after {
    display: none;
}

.today_order_table .order-statuses .status-bubble-number:before {
    border-top: 20px solid transparent;
    border-right: 20px solid white;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: none;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: '' !important;
}

.td_custom_note .has_note {
    margin: 0 auto;
    height: 20px;
    display: block;
    width: 20px;
    background-color: #fff1a1;
}

.today_order_table table {
    margin-top: 30px;
}

.order-statuses .status-bubble-number {
    height: 70px;
    width: 150px;
    padding: 5px;
    font-size: 16px;
    margin: 10px 10px 0 10px;
    border: none;
    border-radius: 5px 5px 0 0;
    background: #fff;
    color: #a5a5a5;
    text-transform: uppercase;
    box-shadow: none;
}

.today_order_table table {
    border: none !important;
    font-family: "Open Sans", sans-serif !important;
}

.today_order_table table tr th {
    color: #a1a1a1;
}

.today_order_table .order_number_id {
    color: #0073aa;
    font-weight: bold;
}

.today_order_table .product_name {
    text-align: left;
}

.today_order_table .product_name span {
    color: #000;
}

.order-statuses {
    font-family: "Open Sans", sans-serif !important;
}

.order-statuses .status-bubble-number span {
    display: block;
    font-size: 14px;
    font-weight: 400
}
.left-nav{
    font-weight: bold;
    font-size: 30px;
    color: #ccc;
    letter-spacing: -.5px;
    /* margin-bottom: 20px; */
    position: absolute;
    top: 10px;
    left: 10px;
    opacity: 0.5;
}
.left-nav i{
    font-size: 24px;
}
.deparment-submenu .left-nav{
    top:0;
}
.department-ff {
    text-align: center;
    padding: 20px 0 10px;
    background: #949494;
    position:relative
}

.order-box {
    margin-top: 0 !important;
    border-radius: 0 0 10px 10px !important;
}

.department-ff > p, .department-ff > ul > li, .department-ff > ul {
    display: inline-block;
    text-transform: uppercase;
    margin: 0;
}

.department-ff > ul > li a {
    background: #949494;
    color: #fff !important;
    padding: 5px 25px 15px;
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 8px 8px 0 0;
    font-weight: 600;
}
.department-ff > ul > li a:hover {
    background: #fff;
    color: #989898 !important;
}
.department-ff > ul > li.current a {
    background: #fff;
    box-shadow: 0px 0px 3px #656565;
    color: #989898 !important;
}

.item-content .card .top-line {
    border-bottom: 1px solid #e4e4e4;
}

.togo-count p, .done-count p {
    cursor: pointer;
}

.task-completed-percentage.card-content {
    z-index: 2;
    position: relative;
    border-bottom: unset;
    transition: 0.3s all;
    cursor: pointer;
}

.task-detail-count > div {
    background: transparent;
    color: #6f6f6f;
    font-size: 26px;
}

.task-detail-count {
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
}

.task-detail-count > div:nth-child(1) {
    border-right: 1px solid #e4e4e4;
}

.task-detail-count > div > p:last-child {
    margin-top: -5px;
}
.task-detail-count.cs-new-card {
    flex-wrap: wrap;
    border: 1px solid #e4e4e4;
    justify-content: space-between;
    background: #e4e4e4;
    border-radius: 5px;
}
.task-detail-count.cs-new-card .card-content {
    border: 1px solid #e4e4e4;
    width: 100%;
    padding-bottom: 5px;
    cursor: pointer;
    transition: 0.3s all;
    background:#fff;
    padding-top: 20px;
}
.task-detail-count.cs-new-card .card-content:hover, .task-completed-percentage.card-content:hover{
    background: #e4e4e4;
}
.task-detail-count.cs-new-card .card-content.both_sets_2x-count, .task-detail-count.cs-new-card .card-content.both_sets_1x-count, .task-detail-count.cs-new-card .card-content.one_set_2x-count, .task-detail-count.cs-new-card .card-content.one_set_1x-count {
    width: calc(50% - 3px);
}
.card-content p {
    font-size: 14px;
}
.card-content .cs-p1 h4 {
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0px;
}
.card-content .cs-p2 p {
    font-size: 26px;
    font-weight: 700;
}
.task-detail-count.cs-new-card .card-content.nothing_washed-count {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.task-detail-count.cs-new-card .card-content.nothing_washed-count h4 {
    font-size: 20px;
}
.chart-and-ppe {
    padding: 10px 30px 30px 30px;
    background: #fff;
    border-radius: 10px;
    /*box-shadow: 0px 0px 5px #b7b7b7;*/
}

ul.frtab-k.clearfix li.active:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 20px;
    background: #fff;
    bottom: -20px;
    left: 0px;
    /*box-shadow: 0px 0px 5px #b7b7b7;*/
}

ul.frtab-k.clearfix li.active:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 36px;
    background: #fff;
    z-index: 2;
    left: 0;
    bottom: -40px;
}

.department-ff > p {
    margin-bottom: 20px;
    font-weight: 600;
}

.bugget-considerations {
    margin-bottom: 30px;
}

div#chartContainer {
    position: relative;
}

div#chartContainer:before {
    position: absolute;
    content: "";
    width: 70px;
    bottom: 0px;
    left: 0;
    height: 14px;
    background: white;
    z-index: 2;
}

div#chartContainer:after {
    position: absolute;
    content: "";
    width: 100px;
    bottom: 0px;
    right: 0;
    height: 10px;
    background: white;
    z-index: 2;
}

.single-year {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.single-year .indi-year, .single-year .indi-year2 {
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 10px;
    letter-spacing: -0.5px;
    background: #f2f2f2;
    color: #888888;
    border-radius: 5px;
    padding: 7px 10px;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 10px;
}

.single-year .indi-year.active, .single-year .indi-year:hover, .single-year .indi-year2.active, .single-year .indi-year2:hover {
    color: #fff;
    background: #888888;
}

/*budget section*/
.specific-order-information-table-full {
    display: none;
    opacity: 0;
    height: 0;
}

.download-spec-ord-info {
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
}

.report-popup {
    width: 100%;
    margin: auto;
    background: #fff;
    text-align: center;
    padding: 20px;
    position: relative;
    border-radius: 5px;
    z-index: 999;
}

#open-qm-stock-compare {
    top: 50%;
}

textarea.scan_qr_qm_stock {
    height: 100px;
    width: 100%;
    border-radius: 5px;
}

#open-qm-stock-compare p {
    margin-bottom: 5px;
}

#open-qm-stock-compare button {
    border-radius: 5px;
    margin: 10px 0;
}

.expiring_download.single_piece_expiring {
    background: #000;
    border-radius: 0px 0px 5px 5px;
    margin: 15px auto;
    width: 150px;
    padding: 0 14px;
}

.expiring_download.single_piece_expiring a.btn {
    color: #fff;
}

.expiring_download {
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.expiring_download p {
    font-weight: bold;
    margin-bottom: 1px;
}

.expiring_download span {
    margin-right: 3px;
}

.waiting_for_ajax {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    text-align: center;
}

.waiting_for_ajax > div {
    background: #ccc;
    opacity: 0.9;
    width: 100%;
    height: 100%;
    padding: 10px 25px;
    border-radius: 10px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.waiting_for_ajax img {
    width: 100px;
}

.waiting_for_ajax p {
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
}

.expiring_download .view_both {
    background: #f2f2f2;
    padding: 0 30px;
    border-radius: 5px;
    margin: 30px 10px;
}

.expiring_download .view-both a.btn {
    background: #f2f2f2;
    color: #000;
}

.expiring_download a.btn.upcoming_expired:hover {
    box-shadow: none;
    border: none;
}

.expiring_download .view_both a.btn {
    color: #000;
}

.expiring_download a.btn {
    font-size: 15px;
    height: 40px;
    letter-spacing: -0.5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

}

.download-spec-ord-info a.btn {
    cursor: pointer;
    background: #d10001;
    color: #fff;
    padding: 5px 15px;
    display: inline-block;
    border-radius: 5px;
    text-transform: uppercase;
    box-shadow: 0px 0px 1px #000;
}

.download-spec-ord-info a.btn:hover {
    box-shadow: 0px 0px 3px #000;
}

.download-spec-ord-info span {
    display: none;
}

table.expiring-table tr, table#ppe-missing-data-table tr, table#qm-stock-table tr {
    height: max-content !important;
}

table.expiring-table .person_url {
    font-size: 15px !important;
}
.expiring-table td a {
    display: block;
    text-align: center;
}

table#ppe-missing-data-table tr td, table#qm-stock-table tr td, table.expiring-table tr td, table#retirees-report-table tr td {
    padding: 15px !important;
    line-height: 1.5em !important;
}

.status-order-step {
    background-color: #ddd;
    color: #fff;
    padding: 5px 7px;
    border-radius: 3px;
    font-size: 12px;
    margin: 5px;
    text-align: center;
}

.status-order-step.current {
    background-color: #1DB119;
    color: #fff;
    font-weight: normal;
    padding: 5px 7px;
    border-radius: 3px;
}

#qrious {
    display: none;
}

div.department-ff a {
    font-size: 14px;
    letter-spacing: -.5px;
    font-weight: 700;
}


#budget_box {
    display: none;
}

li.active a {
    border-radius: 5px 5px 0px 0px !important;
}

div.expiring, p.chart-title {
    letter-spacing: -1px;
}

@media all and (max-width: 1025px) {
    #post-43668 .gf_stylespro .gfsp_flip .o_label {
        margin-left: 2.5em;
    }
}

@media (max-width: 991px) {
    ul.frtab-k.clearfix {
        margin-right: -15px;
        margin-left: -15px;
        margin-bottom: 20px;
    }

    ul.frtab-k.clearfix li {
        width: calc(calc(100% / 5) - 20px);
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 20px;
    }

    ul.frtab-k.clearfix li.active:before, ul.frtab-k.clearfix li.active:after {
        display: none;
    }
}

@media all and (max-width: 769px) {
    #post-43668 .gfsp_label_img {
        height: 100px;
    }

    .task-default-img {
        background-size: auto 60% !important;
    }

    .expiring_download a.btn {
        font-size: 13px;
    }

    .expiring p {
        font-size: 16px;
    }

    .fragment-dd {
        margin: 40px -20px;
    }

    .fragment-dd .task-default-img p.expired_number_p {
        right: 65%;
    }

    .fragment-dd .task-default-img p.expiring_number_p {
        right: 35%;
    }

    .fragment-dd .task-default-img p.ex_before_drop_p {
        right: 5%;
    }
}

@media (max-width: 639px) {
    ul.frtab-k.clearfix {
        margin: 0px;
        margin-right: -8px;
        margin-left: -8px;
        margin-bottom: 20px;
    }

    ul.frtab-k.clearfix li {
        width: calc(calc(100% / 3) - 8px);
        margin-right: 4px;
        margin-left: 4px;
        margin-bottom: 8px;
    }

    .form-input-02 {
        padding: 10px 5px;
    }

    .fragment-dd {
        margin-right: -5px;
        margin-left: -5px;
    }

    .fragment-dd .task-default-img {
        margin: 5px;
        width: calc(25% - 10px);
    }

    .entry-content .sesson-box {
        padding: 5px 25px;
    }

    .chart-and-ppe {
        padding: 10px 15px 15px 15px;
    }

    .swiper-container, .item-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .main-swiper {
        margin-left: -20px;
        margin-right: -20px;
    }

    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
        margin-right: 50px;
    }

    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
        margin-left: 50px;
    }

    ul.frtab-k.clearfix li a.charts-tabs, .report_single_tab {
        font-size: 14px;
    }
}

@media (max-width:400px){
    ul.frtab-k.clearfix li {
        width: calc(calc(100% / 2) - 8px);
        margin-right: 4px;
        margin-left: 4px;
        margin-bottom: 8px;
    }

}
@media all and (max-width: 1025px) {
    #post-43668 .gf_stylespro .gfsp_flip .o_label {
        margin-left: 2.5em;
    }
}
@media all and (max-width: 769px) {
    #post-43668 .gfsp_label_img {
        height: 100px;
    }
}
@media all and (max-width: 480px) {

    section.if-search .ui.category.search .results .title label {
        display: inline-block;
    }
    section.if-search .ui.category.search .results .category .name {
        white-space: inherit;
    }
    section.if-search .ui.category.search .results {
        max-width: unset;
    }
    .single-peopleff.separate-containers .inside-article {
        padding: 5px;
    }
    section.if-search .ui.category.search .results .title {
        display: block;
    }
    #post-43668 .gf_stylespro .gfsp_flip .o_label {
        margin-left: 20px;
    }

    #post-43668 .gfsp_label_img {
        height: 100px;
    }

    #post-43668 .gfsp_choice_img label::before, #post-43668 .gfsp_choice_img label::after, #label_82_13_0::before, #label_82_13_1::before, #label_82_13_0::after, #label_82_13_1::after {
        padding: 5px;
    }

    #post-43668 .gf_stylespro .gfsp_flip .o_label {
        margin-left: 20px;
    }

    #post-43668 #input_82_5 {
        padding: 0;
        font-size: 18px;
    }

    li#field_82_5 .ginput_container {
        text-align: center;
    }

    li#field_82_5 .gfield_label {
        overflow-wrap: break-word;
        width: 50px;
    }

    #post43668 li#field_82_5 .gfield_label {
        font-size: 10px;
    }

    #post-43668 li.gfsp_choice_img {
        margin-right: 20px;
        width: max-content;
    }

    #post-43668 #input_82_2 {
        text-align: center;
    }

    #field_82_2 .ginput_container {
        margin-top: 30px;
    }
}

@media (max-width: 400px) {
    ul.frtab-k.clearfix li {
        width: calc(calc(100% / 2) - 8px);
        margin-right: 4px;
        margin-left: 4px;
        margin-bottom: 8px;
    }

}

/*.page-id-43740 #gform_wrapper_82 {*/
    /*display: block!important;*/
/*}*/


#gform_wrapper_82 .gform_title {
    display: none!important;
}
#gform_wrapper_82 .end-shell-and-liner {
    margin-bottom: 0!important;
}

hr.wp-block-separator {
    border-top: 1px solid;
    border-bottom: none!important;
}

div.iz-tab button.iz-active {
    color: #ffffff;
    background-color: #d10001;
}
.iz-task-tabcontent {
    /*display: none!important;*/
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
.iz_hidden{
    display: none;
}
.iz-tab {
    position: inherit;
}

.izw-update-time {
    margin-left: -5px;
    margin-right: -15px;
}
.cronjob-schedule {
    display: flex;
    flex-wrap: wrap;
}
.cronjob-schedule .cron_item {
    width: calc(25% - 25px);
    background: #949494;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 7px;
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
    margin-right: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    position:relative;
}
.cronjob-schedule .cron_item p {
    margin-bottom: 0px;
}
.cron_item .cs-stt {
    position: absolute;
    font-weight: 700;
    border-radius: 5px;
    background: #d10001;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    top: 0;
    left: 0;
    color: #fff;
}
.cronjob-schedule .cron_item.active {
    background: #de6162;
}
a.cs-btn, .cs-btn {
    background: #ffbc00;
    color: #000!important;
    text-transform: uppercase;
    padding: 5px;
    border-radius: 3px;
    margin-top: 5px;
    font-weight: 700;
    display: inline-block;
}
a.cs-btn:hover, .cs-btn:hover {
    color: #000;
    opacity: 0.7;
}
.izw-update-time .ab-block-accordion .ab-accordion-text {
    padding: 10px;
}
.izw-update-time .ab-block-accordion {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}
.izw-update-time .ab-block-accordion .ab-accordion-title {
    text-align: left;
    background: #d10001;
    color: #fff;
    font-weight: 700;
}
.cron_item h4 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0px;
    line-height: 22px;
}
.izw-update-time .last-update-time, .izw-update-time .next-update-time {
    color: #d10001;
}

/* percentage*/
.progress-circle {
    font-size: 20px;
    margin: 20px;
    position: relative; /* so that children can be absolutely positioned */
    padding: 0;
    width: 5em;
    height: 5em;
    background-color: #efefef;
    border-radius: 50%;
    line-height: 5em;
}

.progress-circle:after{
    border: none;
    position: absolute;
    top: 0.75em;
    left: 0.75em;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 3.5em;
    height: 3.5em;
    background-color: white;
    content: " ";
}
/* Text inside the control */
.progress-circle span {
    position: absolute;
    line-height: 5em;
    width: 5em;
    text-align: center;
    display: block;
    color: #444444;
    z-index: 2;
}
.left-half-clipper {
    /* a round circle */
    border-radius: 50%;
    width: 5em;
    height: 5em;
    position: absolute; /* needed for clipping */
    clip: rect(0, 5em, 5em, 2.5em); /* clips the whole left half*/
}
/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
    clip: rect(auto,auto,auto,auto);
}
.value-bar {
    /*This is an overlayed square, that is made round with the border radius,
    then it is cut to display only the left half, then rotated clockwise
    to escape the outer clipping path.*/
    position: absolute; /*needed for clipping*/
    clip: rect(0, 2.5em, 5em, 0);
    width: 5em;
    height: 5em;
    border-radius: 50%;
    border: 0.75em solid #444444; /*The border is 0.35 but making it larger removes visual artifacts */
    /*background-color: #4D642D;*/ /* for debug */
    box-sizing: border-box;
}
/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
    /*Progress bar for the first 50%, filling the whole right half*/
    position: absolute; /*needed for clipping*/
    clip: rect(0, 5em, 5em, 2.5em);
    background-color: #53777A;
    border-radius: 50%;
    width: 5em;
    height: 5em;
}
.progress-circle:not(.over50) .first50-bar{ display: none; }


/* Progress bar rotation position */
.progress-circle.p0 .value-bar { display: none; }
.progress-circle.p1 .value-bar { transform: rotate(4deg); }
.progress-circle.p2 .value-bar { transform: rotate(7deg); }
.progress-circle.p3 .value-bar { transform: rotate(11deg); }
.progress-circle.p4 .value-bar { transform: rotate(14deg); }
.progress-circle.p5 .value-bar { transform: rotate(18deg); }
.progress-circle.p6 .value-bar { transform: rotate(22deg); }
.progress-circle.p7 .value-bar { transform: rotate(25deg); }
.progress-circle.p8 .value-bar { transform: rotate(29deg); }
.progress-circle.p9 .value-bar { transform: rotate(32deg); }
.progress-circle.p10 .value-bar { transform: rotate(36deg); }
.progress-circle.p11 .value-bar { transform: rotate(40deg); }
.progress-circle.p12 .value-bar { transform: rotate(43deg); }
.progress-circle.p13 .value-bar { transform: rotate(47deg); }
.progress-circle.p14 .value-bar { transform: rotate(50deg); }
.progress-circle.p15 .value-bar { transform: rotate(54deg); }
.progress-circle.p16 .value-bar { transform: rotate(58deg); }
.progress-circle.p17 .value-bar { transform: rotate(61deg); }
.progress-circle.p18 .value-bar { transform: rotate(65deg); }
.progress-circle.p19 .value-bar { transform: rotate(68deg); }
.progress-circle.p20 .value-bar { transform: rotate(72deg); }
.progress-circle.p21 .value-bar { transform: rotate(76deg); }
.progress-circle.p22 .value-bar { transform: rotate(79deg); }
.progress-circle.p23 .value-bar { transform: rotate(83deg); }
.progress-circle.p24 .value-bar { transform: rotate(86deg); }
.progress-circle.p25 .value-bar { transform: rotate(90deg); }
.progress-circle.p26 .value-bar { transform: rotate(94deg); }
.progress-circle.p27 .value-bar { transform: rotate(97deg); }
.progress-circle.p28 .value-bar { transform: rotate(101deg); }
.progress-circle.p29 .value-bar { transform: rotate(104deg); }
.progress-circle.p30 .value-bar { transform: rotate(108deg); }
.progress-circle.p31 .value-bar { transform: rotate(112deg); }
.progress-circle.p32 .value-bar { transform: rotate(115deg); }
.progress-circle.p33 .value-bar { transform: rotate(119deg); }
.progress-circle.p34 .value-bar { transform: rotate(122deg); }
.progress-circle.p35 .value-bar { transform: rotate(126deg); }
.progress-circle.p36 .value-bar { transform: rotate(130deg); }
.progress-circle.p37 .value-bar { transform: rotate(133deg); }
.progress-circle.p38 .value-bar { transform: rotate(137deg); }
.progress-circle.p39 .value-bar { transform: rotate(140deg); }
.progress-circle.p40 .value-bar { transform: rotate(144deg); }
.progress-circle.p41 .value-bar { transform: rotate(148deg); }
.progress-circle.p42 .value-bar { transform: rotate(151deg); }
.progress-circle.p43 .value-bar { transform: rotate(155deg); }
.progress-circle.p44 .value-bar { transform: rotate(158deg); }
.progress-circle.p45 .value-bar { transform: rotate(162deg); }
.progress-circle.p46 .value-bar { transform: rotate(166deg); }
.progress-circle.p47 .value-bar { transform: rotate(169deg); }
.progress-circle.p48 .value-bar { transform: rotate(173deg); }
.progress-circle.p49 .value-bar { transform: rotate(176deg); }
.progress-circle.p50 .value-bar { transform: rotate(180deg); }
.progress-circle.p51 .value-bar { transform: rotate(184deg); }
.progress-circle.p52 .value-bar { transform: rotate(187deg); }
.progress-circle.p53 .value-bar { transform: rotate(191deg); }
.progress-circle.p54 .value-bar { transform: rotate(194deg); }
.progress-circle.p55 .value-bar { transform: rotate(198deg); }
.progress-circle.p56 .value-bar { transform: rotate(202deg); }
.progress-circle.p57 .value-bar { transform: rotate(205deg); }
.progress-circle.p58 .value-bar { transform: rotate(209deg); }
.progress-circle.p59 .value-bar { transform: rotate(212deg); }
.progress-circle.p60 .value-bar { transform: rotate(216deg); }
.progress-circle.p61 .value-bar { transform: rotate(220deg); }
.progress-circle.p62 .value-bar { transform: rotate(223deg); }
.progress-circle.p63 .value-bar { transform: rotate(227deg); }
.progress-circle.p64 .value-bar { transform: rotate(230deg); }
.progress-circle.p65 .value-bar { transform: rotate(234deg); }
.progress-circle.p66 .value-bar { transform: rotate(238deg); }
.progress-circle.p67 .value-bar { transform: rotate(241deg); }
.progress-circle.p68 .value-bar { transform: rotate(245deg); }
.progress-circle.p69 .value-bar { transform: rotate(248deg); }
.progress-circle.p70 .value-bar { transform: rotate(252deg); }
.progress-circle.p71 .value-bar { transform: rotate(256deg); }
.progress-circle.p72 .value-bar { transform: rotate(259deg); }
.progress-circle.p73 .value-bar { transform: rotate(263deg); }
.progress-circle.p74 .value-bar { transform: rotate(266deg); }
.progress-circle.p75 .value-bar { transform: rotate(270deg); }
.progress-circle.p76 .value-bar { transform: rotate(274deg); }
.progress-circle.p77 .value-bar { transform: rotate(277deg); }
.progress-circle.p78 .value-bar { transform: rotate(281deg); }
.progress-circle.p79 .value-bar { transform: rotate(284deg); }
.progress-circle.p80 .value-bar { transform: rotate(288deg); }
.progress-circle.p81 .value-bar { transform: rotate(292deg); }
.progress-circle.p82 .value-bar { transform: rotate(295deg); }
.progress-circle.p83 .value-bar { transform: rotate(299deg); }
.progress-circle.p84 .value-bar { transform: rotate(302deg); }
.progress-circle.p85 .value-bar { transform: rotate(306deg); }
.progress-circle.p86 .value-bar { transform: rotate(310deg); }
.progress-circle.p87 .value-bar { transform: rotate(313deg); }
.progress-circle.p88 .value-bar { transform: rotate(317deg); }
.progress-circle.p89 .value-bar { transform: rotate(320deg); }
.progress-circle.p90 .value-bar { transform: rotate(324deg); }
.progress-circle.p91 .value-bar { transform: rotate(328deg); }
.progress-circle.p92 .value-bar { transform: rotate(331deg); }
.progress-circle.p93 .value-bar { transform: rotate(335deg); }
.progress-circle.p94 .value-bar { transform: rotate(338deg); }
.progress-circle.p95 .value-bar { transform: rotate(342deg); }
.progress-circle.p96 .value-bar { transform: rotate(346deg); }
.progress-circle.p97 .value-bar { transform: rotate(349deg); }
.progress-circle.p98 .value-bar { transform: rotate(353deg); }
.progress-circle.p99 .value-bar { transform: rotate(356deg); }
.progress-circle.p100 .value-bar { transform: rotate(360deg); }
.new-gear-wash-report .task-detail-count.cs-new-card .card-content, .new-gear-wash-report-2023 .task-detail-count.cs-new-card .card-content, .new-gear-wash-report-2022 .task-detail-count.cs-new-card .card-content, .new-gear-wash-report-2024 .task-detail-count.cs-new-card .card-content {
    border: none;
    width: 20%!important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.new-wash-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.new-wash-circle figcaption.sub-title {
    margin: 0 5px;
    background-color: transparent!important;
    width: max-content;
}
.new-wash-circle span {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}
.new-wash-circle .completed-wash span {
    background-color: #019de7!important;
}
#new-open-div-showdetails-dataentry .ppe-link {
    background: transparent!important;
    padding: 0!important;
    font-size: 11px;
    color: #000!important;
    white-space: nowrap;
    font-weight: 100;
}
#new-open-div-showdetails-dataentry .ppe-image {
    background: transparent!important;
    margin-top: 5px!important;
}
#new-open-div-showdetails-dataentry .ppe-image img {
    width: 30px;
}
#new-open-div-showdetails-dataentry .wp-block-image {
    text-align: center;
    margin-bottom: 0;
}
.ppe-by-set-block .ppe-single-block {
    width: calc(12.5% - 10px);
    min-width: 60px;
    max-width: 100px;
    margin-bottom: 0px;
}
.ppe-by-set-block .ppe-single-block.ppe-oss {
    border: 2px solid #ff9d42;
    border-radius: 5px;
}
.ppe-by-set-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
/*#new-open-div-showdetails-dataentry table tr th:nth-child(2), #new-open-div-showdetails-dataentry table tr td:nth-child(2) {*/
/*    max-width: 250px !important;*/
/*    width: 250px;*/
/*}*/
#new-open-div-showdetails-dataentry table tr th:first-child, #new-open-div-showdetails-dataentry table tr td:first-child {
    max-width: 250px !important;
    width: 250px;
}
#new-open-div-showdetails-dataentry table tr td {
    padding: 0 15px!important;
    line-height: unset;
}
#new-open-div-showdetails-dataentry table tr th:nth-child(3), #new-open-div-showdetails-dataentry table tr td:nth-child(3) {
    width: calc(100% - 250px) !important;
}
#new-open-div-showdetails-dataentry .izw-log-txt-task {
    font-size: 15px;
    padding: 10px;
}
#new-open-div-showdetails-dataentry {
    margin-top: 30px;
    position: relative;
}
#new-open-div-showdetails-dataentry .div-header {
    position: absolute;
    left: 35%;
    top: unset;
}
#new-open-div-showdetails-dataentry .div-header h2 {
     font-weight: 800;
     color: #979797;
     letter-spacing: -2px;
     font-size: 40px;
 }
.ppe-single-block.missing-pieces {
    border: 2px solid #d10001;
    border-radius: 5px;
}
.vehicle-shift {
    display: block;
    margin-top: 10px;
    font-size: 14px;
}
.engine-rank {
    font-size: 14px;
    padding: 5px 10px;
    background: #fff1a1;
    border-radius: 3px;
}
.expired-piece .wp-block-image {
    position: relative;
}
.expired-piece .wp-block-image:before {
    position: absolute;
    content: "EXP";
    background: red;
    color: #fff;
    top: 20px;
    left: 21px;
    right: 0;
    width: max-content;
    font-size: 10px;
    padding: 0 2px;
}
.new-gear-wash-report .card-content.active, .new-gear-wash-report-2023 .card-content.active, .new-gear-wash-report-2022 .card-content.active, .new-gear-wash-report-2024 .card-content.active {
    background: #e4e4e4;
}
@media (max-width: 767px) {
    .new-gear-wash-report .task-detail-count.cs-new-card .card-content, .new-gear-wash-report-2023 .task-detail-count.cs-new-card .card-content, .new-gear-wash-report-2022 .task-detail-count.cs-new-card .card-content, .new-gear-wash-report-2024 .task-detail-count.cs-new-card .card-content {
        width: 50%!important;
        padding-bottom: 0;
    }
}

.current-year .single-month {
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 10px;
    letter-spacing: -0.5px;
    background: #eee;
    color: #888888;
    border-radius: 5px;
    padding: 7px 10px;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 0px;
}
.current-year .single-month.active, .current-year .single-month:hover {
    color: #fff;
    background: #888888;
}

div.current-year {
    margin-bottom: -17px;
}
#today-Gear-Washwc-picked-up-1 .if-search {
    display: none;
}
.today-order-div .dataTables_filter label {
    font-size: 30px;
}
.today-order-div .dataTables_filter input[type="search"] {
    height: 65px;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -2px;
    text-transform: uppercase;
    width: 80%;
    color: #e6e6e6;
    border-radius: 0 !important;
    padding-left: 0.4em !important;
    background-color: #f8f8f8;
    border: none;
}