/* buffering icon styles */

#loading_screen {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 2147483649;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

#loading_screen img {
    width: 50px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.dashboard-card-header {
    margin-top: -35px;
    margin-bottom: 0px
}

.card .card-header-white .card-icon {
    background: linear-gradient(60deg, #ffffff, #e6e6e6);
}

#pending_dispatch_card_header {
    background: linear-gradient(60deg, #ffa726, #fb8c00);
}

#new_orders_card_header {
    background: linear-gradient(60deg, #26c6da, #00acc1);
}

#transactions_card_header,
#orders_in_progress_card_header_one,
#orders_in_progress_card_header {
    background: linear-gradient(60deg, #ec407a, #d81b60);
}

#completed_orders_card_header {
    background: linear-gradient(60deg, #0dd672, #01a554);
}

#missed_orders_card_header,
#rejected_orders_card_header {
    background: linear-gradient(60deg, #b3b3b3, #999999);
}

#pending_dispatch_card_header .card-header,
#new_orders_card_header .card-header,
#orders_in_progress_card_header .card-header,
#transactions_card_header .card-header,
#completed_orders_card_header .card-header,
#missed_orders_card_header .card-header,
#rejected_orders_card_header .card-header {
    cursor: pointer;
}

#unseen_order_count_btn,
#seen_order_count_btn,
#unseen_progress_orders_count_btn,
#subscription_expired_count_btn,
#no_response_count_btn,
#pharmacy_rejected_count_btn,
#customer_rejected_count_btn {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
}

.order-counts {
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 7px;
    font-weight: bold;
}
#seen_order_count_btn .order-counts {
    color: #24c5d9;
}

#unseen_order_count_btn .order-counts {
    color: #24c5d9;
}

#unseen_progress_orders_count_btn .order-counts {
    color: #ec407a;
}
#orders_in_progress_card_header .order-counts {
    color: #ec407a;
}
#subscription_expired_count_btn .order-counts,
#no_response_count_btn .order-counts,
#pharmacy_rejected_count_btn .order-counts,
#customer_rejected_count_btn .order-counts {
    color: #b3b3b3;
}

#unseen_orders,
#new_orders_card_body,
#unseen_progress_orders,
#orders_in_progress_card_body,
#missed_orders_subscription_expired,
#missed_orders_no_response,
#rejected_orders_pharmacy_rejected,
#rejected_orders_customer_rejected {
    background-color: #fff;
    border-radius: 5px;
    padding: 5px;
}

.rotate {
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.rotate.down {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.view-img {
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    width: 40%;
    cursor: zoom-in;
}

.view-img.enlarge {
    -ms-transform: width 1s ease-in-out;
    -moz-transform: width 1s ease-in-out;
    -webkit-transform: width 1s ease-in-out;
    transform: width 1s ease-in-out;
    width: 100%;
    cursor: zoom-out;
}

.view-new-order,
.view-accepted-order,
.view-waiting-clarification,
.view-clarification-received,
.view-waiting-schedule,
.view-schedule-accepted,
.view-schedule-rejected,
.view-transaction,
.view-pending-dispatch,
.view-completed {
    padding: 0px;
    border: 0px;
    cursor: pointer;
}

.pending-dispatch-vehicle {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.pending-dispatch-vehicle img {
    width: 100%;
}

.additional-img-modal-container {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    overflow: hidden;
}

.modal .card {
    margin-top: 10px;
}

#invoice_upload {
    z-index: 0;
    cursor: pointer;
}

.order-details .card-title {
    margin-top: 0;
    line-height: 1;
    line-height: 1.2;
    font-weight: 400;
}

.img-title {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 0rem;
    color: #bdbdbd;
}

#prescription_img_container .img-title {
    margin-top: 79px;
}

#invoice_modal .form-text {
    margin-top: -0.25rem;
    color: #c3c3c3 !important;
}

.invoice-detail-table tbody,
.payment-detail-table tbody {
    border: 1px solid #e2e2e2;
}

.invoice-detail-table tbody tr td,
.payment-detail-table tbody tr td {
    padding: 5px 10px;
}

.invoice-detail-table tbody tr td:first-child,
.payment-detail-table tbody tr td:first-child {
    font-weight: 600;
}

.invoice-detail-table tbody tr td:nth-child(2),
.payment-detail-table tbody tr td:nth-child(2) {
    font-weight: 400;
    text-align: right;
}

.invoice-detail-table tbody tr:last-child td,
.payment-detail-table tbody tr.pending-dispatch-unpaid:nth-child(3) td {
    font-weight: bold;
    color: #ffffff;
    background-color: #3fa9db;
}

.payment-detail-table tbody #pending_dispatch_paid,
.payment-detail-table tbody #completed_paid {
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    background-color: #db3f3f;
}

#pharmacy_table tbody tr td {
    padding: 12px 8px !important;
}

.pharmacy-thumbnail {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.pharmacy-thumbnail img {
    width: 100%;
}

#front_view_upload {
    padding: 6px;
}

#front_view_upload input {
    z-index: 0;
    cursor: pointer;
}

#front_view_container {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 16px;
    cursor: pointer;
}

#front_view_preview {
    width: 100%;
    background-color: #e2e2e2;
}

@media (max-width: 767px) {
    /* Pending Dispatch Table Responsive */
    #pending_dispatch_table thead tr th:nth-child(5),
    #pending_dispatch_table thead tr th:nth-child(6),
    #pending_dispatch_table thead tr th:nth-child(7),
    #pending_dispatch_table thead tr th:nth-child(8),
    #pending_dispatch_table thead tr th:nth-child(9),
    #pending_dispatch_table tbody tr td:nth-child(5),
    #pending_dispatch_table tbody tr td:nth-child(6),
    #pending_dispatch_table tbody tr td:nth-child(7),
    #pending_dispatch_table tbody tr td:nth-child(8),
    #pending_dispatch_table tbody tr td:nth-child(9) {
        display: none;
    }
    #pending_dispatch_card_body {
        padding: 0.9375rem 5px;
    }
    #pending_dispatch_table_wrapper .row:nth-child(1) .col-sm-12.col-md-6 {
        width: 50%;
    }
    #pending_dispatch_table_wrapper .row:nth-child(3) .dataTables_info {
        text-align: left;
        padding-left: 15px;
        white-space: inherit;
    }
    /* New Orders Table Responsive */
    #unseen_orders_table thead tr th:nth-child(4),
    #unseen_orders_table thead tr th:nth-child(5),
    #unseen_orders_table thead tr th:nth-child(6),
    #unseen_orders_table tbody tr td:nth-child(4),
    #unseen_orders_table tbody tr td:nth-child(5),
    #unseen_orders_table tbody tr td:nth-child(6) {
        display: none;
    }
    #unseen_orders_table_wrapper .row:nth-child(1) .col-sm-12.col-md-6 {
        width: 50%;
    }
    #unseen_orders_table_wrapper .row:nth-child(3) .dataTables_info {
        text-align: left;
        padding-left: 15px;
        white-space: inherit;
    }
    /* New Orders Table Responsive */
    #new_orders_table thead tr th:nth-child(4),
    #new_orders_table thead tr th:nth-child(5),
    #new_orders_table thead tr th:nth-child(6),
    #new_orders_table tbody tr td:nth-child(4),
    #new_orders_table tbody tr td:nth-child(5),
    #new_orders_table tbody tr td:nth-child(6) {
        display: none;
    }
    /* #new_orders_card_body {
        padding: 0.9375rem 5px;
    } */
    #new_orders_table_wrapper .row:nth-child(1) .col-sm-12.col-md-6 {
        width: 50%;
    }
    #new_orders_table_wrapper .row:nth-child(3) .dataTables_info {
        text-align: left;
        padding-left: 15px;
        white-space: inherit;
    }
    /* Orders in Progress Table Responsive */
    #unseen_progress_orders_table thead tr th:nth-child(4),
    #unseen_progress_orders_table thead tr th:nth-child(5),
    #unseen_progress_orders_table thead tr th:nth-child(6),
    #unseen_progress_orders_table tbody tr td:nth-child(4),
    #unseen_progress_orders_table tbody tr td:nth-child(5),
    #unseen_progress_orders_table tbody tr td:nth-child(6) {
        display: none;
    }
    #unseen_progress_orders_table_wrapper .row:nth-child(1) .col-sm-12.col-md-6 {
        width: 50%;
    }
    #unseen_progress_orders_table_wrapper .row:nth-child(3) .dataTables_info {
        text-align: left;
        padding-left: 15px;
        white-space: inherit;
    }
    /* Orders in Progress Table Responsive */
    #orders_in_progress_table thead tr th:nth-child(4),
    #orders_in_progress_table thead tr th:nth-child(5),
    #orders_in_progress_table thead tr th:nth-child(6),
    #orders_in_progress_table tbody tr td:nth-child(4),
    #orders_in_progress_table tbody tr td:nth-child(5),
    #orders_in_progress_table tbody tr td:nth-child(6) {
        display: none;
    }
    #orders_in_progress_card_body {
        padding: 0.9375rem 5px;
    }
    #orders_in_progress_table_wrapper .row:nth-child(1) .col-sm-12.col-md-6 {
        width: 50%;
    }
    #orders_in_progress_table_wrapper .row:nth-child(3) .dataTables_info {
        text-align: left;
        padding-left: 15px;
        white-space: inherit;
    }
    /* Transactions Table Responsive */
    #transactions_table thead tr th:nth-child(4),
    #transactions_table thead tr th:nth-child(5),
    #transactions_table thead tr th:nth-child(6),
    #transactions_table tbody tr td:nth-child(4),
    #transactions_table tbody tr td:nth-child(5),
    #transactions_table tbody tr td:nth-child(6) {
        display: none;
    }
    #transactions_card_body {
        padding: 0.9375rem 5px;
    }
    #transactions_table_wrapper .row:nth-child(1) .col-sm-12.col-md-6 {
        width: 50%;
    }
    #transactions_table_wrapper .row:nth-child(3) .dataTables_info {
        text-align: left;
        padding-left: 15px;
        white-space: inherit;
    }
    /* Transactions Table Responsive */
    #completed_orders_table thead tr th:nth-child(4),
    #completed_orders_table thead tr th:nth-child(5),
    #completed_orders_table thead tr th:nth-child(6),
    #completed_orders_table tbody tr td:nth-child(4),
    #completed_orders_table tbody tr td:nth-child(5),
    #completed_orders_table tbody tr td:nth-child(6) {
        display: none;
    }
    #completed_orders_card_body {
        padding: 0.9375rem 5px;
    }
    #completed_orders_table_wrapper .row:nth-child(1) .col-sm-12.col-md-6 {
        width: 50%;
    }
    #completed_orders_table_wrapper .row:nth-child(3) .dataTables_info {
        text-align: left;
        padding-left: 15px;
        white-space: inherit;
    }
    #new_orders_modal .modal-body,
    #accepted_orders_modal .modal-body,
    #invoice_modal .modal-body,
    #transactions_modal .modal-body,
    #pending_dispatch_modal .modal-body,
    #completed_orders_modal .modal-body,
    #new_schedule_modal .modal-body,
    #waiting_schedule_modal .modal-body,
    #clarification_modal .modal-body {
        padding: 0rem;
    }
    #new_orders_modal .modal-body .card-body,
    #accepted_orders_modal .modal-body .card-body,
    #invoice_modal .modal-body .card-body,
    #transactions_modal .modal-body .card-body,
    #pending_dispatch_modal .modal-body .card-body,
    #completed_orders_modal .modal-body .card-body,
    #new_schedule_modal .modal-body .card-body,
    #waiting_schedule_modal .modal-body .card-body,
    #clarification_modal .modal-body .card-body {
        padding: 0.9375rem 0.9375rem;
    }
    #new_orders_modal .modal-footer .btn,
    #accepted_orders_modal .modal-footer .btn,
    #invoice_modal .modal-footer .btn,
    #transactions_modal .modal-footer .btn,
    #pending_dispatch_modal .modal-footer .btn,
    #completed_orders_modal .modal-footer .btn,
    #new_schedule_modal .modal-footer .btn,
    #waiting_schedule_modal .modal-footer .btn,
    #clarification_modal .modal-footer .btn,
    #invoice_upload_btn {
        width: 100%;
    }
    #new_orders_modal .modal-footer,
    #accepted_orders_modal .modal-footer,
    #invoice_modal .modal-footer,
    #transactions_modal .modal-footer,
    #pending_dispatch_modal .modal-footer,
    #completed_orders_modal .modal-footer,
    #new_schedule_modal .modal-footer,
    #waiting_schedule_modal .modal-footer,
    #clarification_modal .modal-footer {
        display: block;
    }
    #prescription_img_container .img-title {
        margin-top: 0px;
    }
    .btn-submit {
        width: 100%;
    }
}

@media (min-width: 767px) {
    #new_orders_modal .modal-footer .btn,
    #accepted_orders_modal .modal-footer .btn,
    #invoice_modal .modal-footer .btn,
    #transactions_modal .modal-footer .btn,
    #pending_dispatch_modal .modal-footer .btn,
    #completed_orders_modal .modal-footer .btn,
    #new_schedule_modal .modal-footer .btn,
    #waiting_schedule_modal .modal-footer .btn,
    #clarification_modal .modal-footer .btn {
        padding: 10px 20px;
    }
    #invoice_img_container,
    #prescription_img_container,
    #transaction_invoice_img_container,
    #transaction_prescription_img_container,
    #pending_dispatch_invoice_img_container,
    #pending_dispatch_prescription_img_container,
    #completed_invoice_img_container,
    #completed_prescription_img_container {
        -moz-transition: all 0.5s linear;
        -webkit-transition: all 0.5s linear;
        transition: all 0.5s linear;
        width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }
    #invoice_img_container.reduce-container,
    #prescription_img_container.reduce-container,
    #transaction_invoice_img_container.reduce-container,
    #transaction_prescription_img_container.reduce-container,
    #pending_dispatch_invoice_img_container.reduce-container,
    #pending_dispatch_prescription_img_container.reduce-container,
    #completed_invoice_img_container.reduce-container,
    #completed_prescription_img_container.reduce-container {
        -ms-transform: width 1s ease-in-out;
        -moz-transform: width 1s ease-in-out;
        -webkit-transform: width 1s ease-in-out;
        transform: width 1s ease-in-out;
        width: 33.333333%;
    }
    #invoice_img_container.enlarge-container,
    #prescription_img_container.enlarge-container,
    #transaction_invoice_img_container.enlarge-container,
    #transaction_prescription_img_container.enlarge-container,
    #pending_dispatch_invoice_img_container.enlarge-container,
    #pending_dispatch_prescription_img_container.enlarge-container,
    #completed_invoice_img_container.enlarge-container,
    #completed_prescription_img_container.enlarge-container {
        -ms-transform: width 1s ease-in-out;
        -moz-transform: width 1s ease-in-out;
        -webkit-transform: width 1s ease-in-out;
        transform: width 1s ease-in-out;
        width: 66.666667%;
    }
}

#clarification_chat .respond_type_1,
#clarification_chat .respond_type_2 {
    padding: 5px;
}

.respond_type_1 span {
    background-color: #efefef;
    padding: 10px;
    border-radius: 6px;
    border-top-left-radius: 0px !important;
}

.respond_type_2 span {
    background-color: #e2ffc7;
    padding: 10px;
    border-radius: 6px;
    border-top-right-radius: 0px !important;
}

.background_image {
    background-image: url("../img/background.jpg") !important;
    background-size: cover;
    background-repeat: no-repeat;
}

.background_image_red {
    background-image: url("../img/bakgroundred.jpg") !important;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;   
}

.background_image_blue {
    background-image: url("../img/triangle.jpg") !important;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;   
}

.background_image_dark {
    background-image: url("../img/dark.jpg") !important;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;   
}
.background_image_dark_black {
    background-image: url("../img/black.jpg") !important;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;   
}

.background_image_gray {
    background-image: url("../img/gray.jpg") !important;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;   
}

.background_image_green {
    background-image: url("../img/green.jpg") !important;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;   
}

.border_radius{
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}
@media (min-width: 768px){
    .progressdiv{
        margin-top: 291pt !important;
       
       
    /* margin-left: 307pt !important;  */
}
.image_content{
    margin-left: 610px !important;
  }
  
  #myProgress {
    width: 57% !important;
    margin-left: 250pt !important;
}
}
@media (max-device-width: 1024px) {
 
    /* .image_content{
        margin-left: 618px !important;
      } */
    }
  
  @media (max-device-width: 640px) {
      #pending_dispatch_div{
        height: 87px !important;
        margin-top: 0px !important;
      }

      #dashbord_unseen{
        padding-left: 136px !important;
      }
      #dashbord_active_pending{
        padding-left: 146px !important;
      }
      #new_order_main_div{
        margin-top: -17px !important;
      }

      #res_order_nain_div{
        margin-top: -17px !important;
      }
      #dashbord_inprogress_count{
        padding-left: 143px !important;
      }
      
      #dashbord_pending_count{
        padding-left: 134px !important;
      }
      #dashbord_incomplete_trans{
        padding-left: 18px !important;
      }
      #dashbord_missed_orders{
        padding-left: 88px !important;
      }
      #dashbord_rejected_orders{
        padding-left: 68px !important;
      }
      
  }
  @media (max-device-width: 540px) {
      #pending_dispatch_div,
      #incomplete_div,
      #complete_div,
      #missed_div,
      #rejected_div
      {
        height: 87px !important;
        margin-top: 0px !important;
      }
      .progressdiv{
        margin-top: 275pt !important;
      }

      #dashbord_unseen{
        padding-left: 136px !important;
      }
      #dashbord_active_pending{
        padding-left: 146px !important;
      }
      #new_order_main_div{
        margin-top: -17px !important;
      }
      #res_order_nain_div{
        margin-top: -17px !important;
      }
      #dashbord_inprogress_count{
        padding-left: 143px !important;
      }
      
      #dashbord_pending_count{
        padding-left: 134px !important;
      }
      #dashbord_incomplete_trans{
        padding-left: 18px !important;
      }
      #dashbord_missed_orders{
        padding-left: 88px !important;
      }
      #dashbord_rejected_orders{
        padding-left: 68px !important;
      }
      .image_content{
        font-size: 12pt !important;
      }
  }
  @media (max-device-width: 320px) {
      #pending_dispatch_div{
        height: 87px !important;
        margin-top: 0px !important;
      }

      #dashbord_unseen{
        padding-left: 136px !important;
      }
      #dashbord_active_pending{
        padding-left: 146px !important;
      }
      #new_order_main_div{
        margin-top: -17px !important;
      }
      #res_order_nain_div{
        margin-top: -17px !important;
      }
      #dashbord_inprogress_count{
        padding-left: 143px !important;
      }

      #dashbord_pending_count{
        padding-left: 134px !important;
      }

      #dashbord_complete_orders
      {
        padding-left: 66px !important;
        }

      #dashbord_incomplete_trans{
        padding-left: 18px !important;
      }
      #dashbord_missed_orders{
        padding-left: 88px !important;
      }
      #dashbord_rejected_orders{
        padding-left: 68px !important;
      }
      .progressdiv{
        margin-top: 275pt !important;
      }
      .image_content{
        font-size: 12pt !important;
        padding-left: 20px !important;
      }
  }

.box_toggle{
    border: solid 1px red !important;
    }

.box_untoggle{
        border: solid 1px #fff !important;
    }

.sub-item {
        padding-left: 3.5rem;
    }