:root {

  --scale-factor: 0.9;

}

body{

  padding-right: 0 !important;

}
/* tariq added for payments start */
.refund-div{
  font-size: 12px;
}
#bankVerificationModal .modal-content,
#adminAddCardModal .modal-content,
#adminPaymentModal .modal-content {
  background-color: #f6f9fc; /* Stripe's light background */
  border-radius: 8px;
  border: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

#bankVerificationModal .modal-header,
#adminPaymentModal .modal-header,
#adminAddCardModal .modal-header,
#adminAddCardModal .modal-footer,
#adminPaymentModal .modal-footer {
  background-color: #ffffff;
  border-bottom: 1px solid #e0e6ed;
}

#bankVerificationModal .modal-header,
#adminAddCardModal .modal-header,
#adminPaymentModal .modal-header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

#adminAddCardModal .modal-footer,
#adminPaymentModal .modal-footer {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

#bankVerificationModal .modal-title,
#adminAddCardModal .modal-title,
#adminPaymentModal .modal-title {
  font-weight: 600;
  font-size: 18px;
  color: #32325d;
}

#bankVerificationModal .modal-body,
#adminAddCardModal .modal-body,
#adminPaymentModal .modal-body {
  padding: 20px;
}

.stripe-card-icon {
  vertical-align: middle;
  border-radius: 4px;
  background: white;
  padding: 3px;
}
.payment-method-container {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.payment-method-tabs {
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
}

#adminPaymentModal .tab-btn {
    background: none;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-weight: 500;
}

#adminPaymentModal .tab-btn.active {
    border-bottom: 2px solid #6772e5;
    color: #6772e5;
}

#adminPaymentModal .payment-method-option {
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 4px;
    margin-bottom: 8px;
    cursor: pointer;
    border: 1px solid #e0e0e0;
}

#adminPaymentModal .payment-method-option:hover {
    background-color: #f6f9fc;
}

#adminPaymentModal .payment-method-option.default {
    border-color: #6772e5;
}

#adminPaymentModal .payment-method-details {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

#adminPaymentModal .payment-method-icon {
    margin-right: 12px;
    font-size: 24px;
    color: #666;
}

.default-badge {
    background: #6772e5;
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 8px;
}
.payment-success-wrapper .success-card, .payment-cancelled-wrapper .cancel-card  {
  background: white;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  text-align: center;
  max-width: 480px;
  width: 100%;
}
.payment-success-wrapper, .payment-cancelled-wrapper {
  min-height: 70vh;
}
.payment-cancelled-wrapper .cancel-icon {
  font-size: 60px;
  color: #dc3545;
  margin-bottom: 20px;
}
.payment-success-wrapper .success-icon {
  font-size: 60px;
  color: #28a745;
  margin-bottom: 20px;
}
.payment-success-wrapper .success-card h2 {
    margin-bottom: 10px;
}
.payment-success-wrapper .success-card p {
  color: #555;
}
.payment-success-wrapper .details-box {
  margin-top: 20px;
  background: #f9f9f9;
  padding: 15px;
  border-radius: 8px;
  text-align: left;
}
.payment-success-wrapper .actions {
  margin-top: 30px;
}
.payment-success-wrapper .actions .btn {
  margin: 0 10px;
}
@media screen and (max-width: 768px) {
  .flex-fullwidth {
      width: 100% !important;
      flex-direction: column !important;
  }
}
.manage-payment-methods .list-group-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  }
.manage-payment-methods .payment-method-item.selected {
    background-color: #EFEFEF;
    }
#card-element {
  height: 40px;
  padding: 10px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  background: white;
}

.StripeElement--focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.StripeElement--invalid {
  border-color: #dc3545;
}
/* tariq added for payments end */
#flocksoft-container {

  max-width: 100%;

}

.nav-tabs .nav-item{

  opacity: 0.8;

}

.nav-tabs .nav-item.active{

  opacity: 1;

}

table.dataTable thead th,

table.dataTable tfoot th {

  font-size: calc(14.5px * var(--scale-factor));

  text-align: center !important;

  font-weight: 500 !important;

}



table.dataTable tbody td {

  padding: calc(5px * var(--scale-factor)) !important;

  font-size: calc(13px * var(--scale-factor));

  text-align: center;

}



.status_report_table {

  margin-top: 70px;

}



.wp-editor-container textarea.wp-editor-area {

  height: 130px !important;

}



#project_form input.form-control-sm {

  height: auto;

}



#project_form label {

  width: 100%;

  font-weight: 500;

  vertical-align: middle;

}



#project_form h2 {

  font-weight: 600;

  font-size: calc(25px * var(--scale-factor)) !important;

}



#project_form h1 {

  font-size: calc(32px * var(--scale-factor)) !important;

  font-weight: 800;

}



#project_form .form-control:focus {

  box-shadow: 0 0 0 1.5px rgba(160, 206, 78, 0.64);

}



.wp-editor-wrap #job_description_ifr {

  height: 130px !important;

}



#project_form input[type="date"] {

  width: 100%;

}



#project_form input {

  height: 40px;

}



#project_form input[type="button"]:not(.add_dates_box) {

  width: 40px;

}



.half-box {

  width: 49%;

  display: inline-block;

  vertical-align: middle;

}

.oneThird-box {

  width: 30%;

  display: inline-block;

  vertical-align: middle;

}



#project_form .form-group-btn,

#project_status .form-group-btn {

  text-align: center;

  margin: 10px;

}



#project_status .form-group-btn a.btn {

  width: 20%;

  font-weight: 700;

  margin: auto;

  text-align: center;

  border-radius: 0;

}



#project_status h2 {

  font-size: calc(35.469px * var(--scale-factor)) !important;

  line-height: 40.985px !important;

}



#project_status h1 {

  font-size: calc(50px * var(--scale-factor)) !important;

  line-height: 51px !important;

}



#project_form input#submit,

#project_form input#select_submit,

#project_form .form-group-btn a.btn {

  width: 26%;

  font-weight: 700;

  display: inline-block;

  border-radius: 0;

}



h3.fusion-login-heading {

  font-size: calc(40px * var(--scale-factor));

  font-weight: 800;

}



h3.fusion-login-heading {

  font-size: calc(40px * var(--scale-factor)) !important;

  font-family: "Montserrat", sans-serif;

  font-weight: 700 !important;

  line-height: 1.45;

  letter-spacing: 0px;

  font-style: normal;

}



.fusion-login-box .fusion-login-caption {

  margin-bottom: 20px;

}



.dataTables_wrapper .dataTables_paginate .paginate_button:hover {

  background: none;

}



.fusion-login-box .fusion-login-form input[type="text"],

.input-text:not(textarea),

input[type="text"] {

  border-radius: 0px;

}



.user_project_roles {

  margin-bottom: 20px;

}



.user_project_roles p {

  margin-bottom: 0;

}



.user_project_roles p .project_name {

  min-width: 150px;

  display: inline-block;

}



.user_project_roles p span {

  color: #000;

}



.dbem-form-admin input[type="color"] {

  height: 30px;

}



.post-content #respond {

  width: 100%;

}



.modal-backdrop.fade.in {

  display: none;

}



#project_Update_form label,

#project_Update_form_edit label {

  width: 100% !important;

}



#modal_popup_edit_box.modal h5.modal-title {

  font-size: calc(26px * var(--scale-factor));

  width: 70%;

}



.form-group input[type="text"] {

  border-radius: 0 !important;

}



.post-content select,

.post-content input {

  width: 100%;

  height: 40px;

  border-radius: 0;

  padding: calc(5px * var(--scale-factor));

}



.post-content textarea {

  width: 100%;

  height: 80px;

  border-radius: 0px;

}



#modal_popup_edit_box input[type="submit"] {

  width: 250px;

}



.sbem_warning_alarm_box {

  float: right;

  line-height: 1.5;

  margin-right: 4px;

}



span.sbem_warning_alarm_box i {

  color: green;

}



.post-content input[type="submit"] {

  width: 320px;

  font-weight: 700;

  margin: auto;

  text-align: center;

  margin-top: 30px;

  border-radius: 2px;

}



.page-item.active .page-link {

  color: #fff !important;

}





/*#bem_status_table {

   width: 1200px !important; 

}

*/

.table-responsive {

  max-width: 100% !important;

   margin-top: 10px;

}

.page-id-73 .tab-content:not(#adminPaymentModal .tab-content) {
    min-height: 500px;
}



#bem_status_table .connectedSortable {

  border: 1px solid rgb(0, 0, 0);

  width: 16.66%;

  list-style-type: none;

  margin: 0;

  padding: calc(5px * var(--scale-factor)) 0 0 0;

  float: left;

  overflow: auto;

}



#bem_status_table .connectedSortable li {

  margin: 0 5px 5px 5px;

  padding: calc(5px * var(--scale-factor));

  cursor: pointer;

  font-size: calc(12px * var(--scale-factor));

  border: 2px solid #000;

  border-radius: 8px;

  color: #171717;

  position: relative;

}



i {

  font-family: "Montserrat", sans-serif;

  margin-right: 1px;

  margin-top: 2px;

  color: #fff;

}



#bem_status_table .connectedSortable li:nth-child(even) {

  background: #ccc;

}



#bem_status_table .connectedSortable li:nth-child(odd) {

  background: #fff;

}



#bem_status_table #sortable_data2 li:nth-child(even),

#bem_status_table #sortable_data4 li:nth-child(even),

#bem_status_table #sortable_data6 li:nth-child(even) {

  background: #fff;

}



#bem_status_table #sortable_data2 li:nth-child(odd),

#bem_status_table #sortable_data4 li:nth-child(odd),

#bem_status_table #sortable_data6 li:nth-child(odd) {

  background: #ccc;

}



/* #sortable13636 {

    border: 1px solid rgb(0, 0, 0);

    list-style-type: none;

    margin: 0;

    padding: 5px 0 0 0;

    margin-right: 10px;

} */

.col-lg-12.col-md-12.col-sm-12.first_form_section {

  display: flex;

}

#bem_status_table ul.connectedSortable li:last-child {

  margin-bottom: 100px;

}

#bem_status_table h6.project-title {

  display: inline-block;

}



h6.project-company-with-id {

  font-size: calc(12px * var(--scale-factor));

  float: left;

}



#bem_status_table a.sbem_remove_project i {

  font-size: calc(18px * var(--scale-factor));

  color: #000;

}

#bem_status_table a.sbem_approval_project.approved i {

  color: green;

}

#bem_status_table a.sbem_approval_project i {

  font-size: calc(18px * var(--scale-factor));

  color: #000;

}



#bem_status_table a.sbem_detail_project i:hover {

  color: green;

}



#bem_status_table a.sbem_comment_project i,

.project_details i.fa-comment-dots {

  color: #000;

  font-size: calc(18px * var(--scale-factor));

}



#bem_status_table a.sbem_comment_project i.unread,

.project_details i.fa-comment-dots.unread {

  color: #78e08f;

}



#bem_status_table .company_box a.sbem_comment_project {

  float: right;

}



#bem_status_table a.sbem_detail_project i {

  font-size: calc(18px * var(--scale-factor));

}



#bem_status_table #sortable13636 div {

  line-height: 1.8;

  padding: 0px !important;

  float: left;

  font-size: calc(1.2rem * var(--scale-factor));

  border: 1px solid #000;

  width: 16.66%;

  text-align: center;

}



#bem_status_table #sortable13636 h6 {

  margin: 5px;

  font-size: calc(18px * var(--scale-factor));

  line-height: 18px;

  font-weight: 600;

}



#bem_status_table h6 {

  margin-bottom: 0px;

  margin-top: 0px;

  display: inline-block;

  font-size: calc(12px * var(--scale-factor));

}

#bem_status_table .company_box h6 {

  width: 90%;

}



#bem_status_table span.project-content {

  color: #000;

}



#bem_status_table .ajaxAction {

  width: 90%;

  padding: calc(5px * var(--scale-factor));

  display: none;

}



#bem_status_table #sortable13636 span {

  font-size: calc(10px * var(--scale-factor));

  line-height: 1;

  display: block;

  color: #000;

  font-weight: 600;

}



#bem_status_table .bem_tbl_header {

  min-height: 55px;

  max-height: 55px;

}



.bem_tbl_header.status_box1 {

  border-radius: 5px 0 0;

}

.bem_tbl_header.status_box6.bem_single {

  border-radius: 0 5px 0 0;

}

ul#sortable_data1 {

  border-radius: 0 0 0 5px;

}

ul#sortable_data6 {

  border-radius: 0 0 5px 0;

}



/* .bem_tbl_header.bem_single h6 {

    margin-top: 30px !important;

} */

/* .bem_ajax_loader{

    background-image:url(<?php echo get_template_directory_uri() . '/css/loader-ajax.gif'; ?>);

} */

.bem_ajax_loader {

  display: block;

  width: 500px;

  transform: translate(-50%, -50%);

  z-index: 9999;

  height: 50px;

  top: 50%;

  left: 50%;

  position: absolute;

}

#modal_popup_box input[disabled] {

  background: #eee !important;

}



body.dark-active.page-id-74 .modal input[disabled] {

  color: #000;

}



#bem_status_table ul.connectedSortable {

  min-height: 80vh;

  overflow: hidden;

}



.loader_wrapper {

  display: none;

  height: 100%;

  width: 100%;

  background: #0000006e;

  position: fixed;

  z-index: 9999999;

  top: 0;

  left: 0;

}



.btn {

  padding: calc(5px * var(--scale-factor)) calc(10px * var(--scale-factor)) !important;

  font-size: inherit;

}



h3.fusion-login-heading {

  font-size: calc(40px * var(--scale-factor)) !important;



  font-family: "Montserrat", sans-serif;



  font-weight: 800 !important;

  line-height: 1.45;



  letter-spacing: 0px;



  font-style: normal;

  margin-bottom: 10px;

}



.fusion-login-box .fusion-login-form {

  padding: calc(40px * var(--scale-factor));

}



.fusion-login-box .fusion-login-caption {

  margin-bottom: 20px;



  font-size: calc(15px * var(--scale-factor));

}



.fusion-login-box .fusion-login-form input[type="text"],

.input-text:not(textarea),

input[type="text"] {

  height: 38px !important;

  font-size: calc(15px * var(--scale-factor));

  border-radius: 0px;

}



body.page-id-2001 #main {

  padding: 0;

  margin: 0px;

}



button.fusion-login-button.fusion-button.button-default.button-large.fusion-login-button-no-fullwidth {

  border-radius: 0px;



  background: #6abf16;

}



button.fusion-login-button.fusion-button.button-default.button-large.fusion-login-button-no-fullwidth:hover {

  background: rgba(106, 191, 22, 0.8);

}



.post-content h1 {

  font-size: calc(50px * var(--scale-factor));

}



.fusion-main-menu > ul > li {

  padding: 0px calc(25px * var(--scale-factor));

}



.fusion-login-box .fusion-login-links {

  text-align: left;

}



.fusion-logo img {

  margin-top: 5px;

}



.fusion-login-remember-me {

  float: left;

}



fusion-login-box .fusion-login-links .fusion-login-remember-me {

  float: left;

}



.fusion-login-box .fusion-login-links > a.fusion-login-lost-passowrd {

  display: block;

  text-align: right;

}



.modal-backdrop.fade.in {

  z-index: -1;

}



/* .modal {

  top: 30px !important;

} */



.modal h5.modal-title {

  color: #000;

  text-align: center;

  font-size: calc(25px * var(--scale-factor));

}



span.copmany_box {

  display: block;

}



.dbem_project_list tbody tr {

  height: 50px;

}



.btn,

input[type="submit"],

.dropdown-search input[type="text"] {

  border-radius: 5px !important;

}



table thead tr th:first-child {

  border-radius: 5px 0 0;

}

table thead tr th:last-child {

  border-radius: 0 5px 0 0;

}



.admin_rush_request {

  text-align: right;

  float: right;

  color: red;

}

input#admin_rush_request,

input#select_admin_rush_request {

  display: inline-block;

  width: 62px;

  height: 26px !important;

}

small.rushfee {

  padding: calc(3px * var(--scale-factor)) calc(8px * var(--scale-factor));

  border-radius: 5px;

  font-size: 70%;

}



.dbem_project_list form {

  display: inline-block;

  vertical-align: middle;

  margin-left: 10px;

}



.dbem_project_list form input.remove_btn {

  margin: 0;

  border-radius: 50%;

  padding: 0px calc(7px * var(--scale-factor));

  border: none;

  font-size: calc(10px * var(--scale-factor));

  height: 20px;

  width: 20px;

  background: #dc3545;

  color: #fff;

}



.form-hours-box .form-group {

  display: inline-block;

  width: 30%;

}



.form-hours-box .form-group input[type="text"] {

  border-radius: 0;

}



a {

  cursor: pointer !important;

}



#project_form .company_monthly_hours_form {

  text-align: center;

}



#project_form .company_monthly_hours_form select {

  display: inline-block;

  width: 300px;

}



#project_form .company_monthly_hours_form input[type="submit"] {

  width: auto;

}





#sortable_data5 .sbem_delete_project,

#sortable_data6 .sbem_delete_project {

  display: block;

}



#sortable_data6 .sbem_duplicate_project i{

  color: #000;

  font-size: calc(16px * var(--scale-factor));

}



#sortable_data1 .sbem_delete_project,

#sortable_data2 .sbem_delete_project,

#sortable_data3 .sbem_delete_project,

#sortable_data4 .sbem_delete_project,

#sortable_data5 .sbem_delete_project,

#sortable_data1 .sbem_duplicate_project,

#sortable_data2 .sbem_duplicate_project,

#sortable_data3 .sbem_duplicate_project,

#sortable_data4 .sbem_duplicate_project,

#sortable_data5 .sbem_duplicate_project {

  display: none;

}



#sortable_data1 .sbem_delete_project i,

#sortable_data2 .sbem_delete_project i,

#sortable_data3 .sbem_delete_project i,

#sortable_data4 .sbem_delete_project i,

#sortable_data5 .sbem_delete_project i {

  display: none;

  color: transparent;

  font-size: 0;

}



#sortable_data6 .sbem_remove_project,

#sortable_data2 .sbem_remove_project,

#sortable_data3 .sbem_remove_project,

#sortable_data4 .sbem_remove_project,

#sortable_data5 .sbem_remove_project {

  display: none;

}



#sortable_data5 .sbem_remove_project,

#sortable_data5 .sbem_approval_project,

#sortable_data6 .sbem_remove_project {

  display: none;

}



#sortable_data5 .sbem_remove_project i,

#sortable_data5 .sbem_approval_project i {

  display: none;

  color: transparent;

  font-size: 0;

}



.sbem_delete_project_permanetly {

  float: right;

  margin-right: 15px;

  cursor: pointer;

}



.sbem_delete_project_permanetly i.fas.fa-trash {

  color: #ff6477;

  font-size: calc(18px * var(--scale-factor));

}



.sbem_delete_project i.fas.fa-minus-circle {

  color: #000;

  font-size: calc(18px * var(--scale-factor));

}



#dbem_user_company_list span.remove-box {

  float: right;

  margin-right: 10px;

}



.sbem_delete_project i.fas.fa-minus-circle:hover,

.sbem_delete_project_permanetly i.fas.fa-trash:hover {

  color: #f00;

}



#bem_status_table ul.connectedSortable li.ui-state-default {

  display: none;

}



#bem_status_table ul.connectedSortable li.ui-state-default.show {

  display: grid;

}



ul.connectedSortable li .detail_box {

  margin-top: 10px;

}



ul.connectedSortable li .detail_box .action_box{

  text-align: right;

  position: absolute;

  top: 0px;

  right: 4px;

}



.ui-state-default .action_box a {

  vertical-align: middle;

}



.ui-state-default .title_box {

  float: left;

  width: 90%;

}



ul.connectedSortable li .detail_box .action_box a {

  display: block;

  margin-bottom: 5px;

}





form.form_link_popup_wrapper input.form-control {

  width: 60%;

  display: inline-block;

}



form.form_link_popup_wrapper input[type="submit"] {

  display: inline-block;

  border: 0;

  width: auto;

  margin: 0;

}



form.form_link_popup_wrapper .form-label {

  display: inline;

}



.manage_all_user_box {

  float: right;

}



body .modal-dialog {

  width: 1200px;

  max-width: 1200px;

}



.post-content p.engaged_user {

  color: #000;

  margin-bottom: 0;

}



div#new-chat-message label,

div#new-chat-message_resend label {

  display: block;

}



div#new-chat-message .form-group,

div#new-chat-message_resend .form-group {

  margin-bottom: 0;

}



.post-content div#new-chat-message .form-group-btn input[type="button"],

.post-content div#new-chat-message_resend .form-group-btn input[type="button"] {

  margin-top: 5px;

  border: 0;

  width: auto;

}



div#new-chat-message .comment_box_data .form-group-btn,

div#new-chat-message_resend .comment_box_data_resend .form-group-btn {

  text-align: center;

}



div#previous-chat-content .msg_cotainer {

  margin-top: auto;

  margin-bottom: auto;

  margin-left: 10px;

  border-radius: 25px;

  padding: calc(5px * var(--scale-factor)) calc(10px * var(--scale-factor));

  position: relative;

  margin-right: 50px;

}



div#previous-chat-content .msg_cotainer_send {

  margin-top: auto;

  margin-bottom: auto;

  margin-right: 10px;

  border-radius: 25px;

  background-color: #78e08f;

  padding: calc(5px * var(--scale-factor)) calc(10px * var(--scale-factor));

  position: relative;

  color: #000;

  margin-left: 25px;

}



div#previous-chat-content .msg_time {

  position: absolute;

  left: 15px;

  bottom: -20px;

  color: rgba(0, 0, 0, 0.8);

  font-size: calc(10px * var(--scale-factor));

  width: 250px;

}



.msg_time_send {

  position: absolute;

  right: 15px;

  bottom: -20px;

  color: rgba(0, 0, 0, 0.8);

  font-size: calc(10px * var(--scale-factor));

  width: 250px;

}

.msg_delete_option {

  position: absolute;

  right: -20px;

  bottom: 4px;

}

.msg_delete_option_send {

  position: absolute;

  left: -20px;

  bottom: 4px;

}

.msg_notis_option_send {

  position: absolute;

  right: -40px;

  bottom: 4px;

}

.msg_notis_option_send i {

  font-size: calc(15px * var(--scale-factor));

}

.msg_delete_option_send i,

.msg_delete_option i {

  color: rgba(124, 4, 4, 0.8);

  font-size: calc(15px * var(--scale-factor));

}

.msg_content p {

  margin-bottom: 0;

}

div#previous-chat-content .img_cont_msg {

  background: #fff;

  border-radius: 50%;

}

div#previous-chat-content .img_cont_msg img {

  height: 45px;

  width: 45px;

  max-width: 45px;

}



.sbem_chat_box {

  max-height: 350px;

  overflow-y: scroll;

}



.modal-content .modal-body {

  padding-bottom: calc(50px * var(--scale-factor));

}



img.att_image {

  max-width: 100%;

}



.fusion-footer {

  position: relative;

  z-index: 0;

}



.select2-container--default .select2-selection--multiple {

  border-radius: 4px;

  border: none !important;

}



.select2-container--default

  .select2-selection--multiple

  .select2-selection__rendered {

  padding: calc(4px * var(--scale-factor)) calc(5px * var(--scale-factor));

}



.select2-container--default

  .select2-selection--multiple

  .select2-selection__choice {

  border: 1px solid #ccc;

  border-radius: 0;

  cursor: default;

  float: left;

  margin-right: 9px;

  margin-top: 2px;

  padding: 0px calc(9px * var(--scale-factor));

}



.select2-container--default

  .select2-selection--multiple

  .select2-selection__choice__remove {

  color: #000000;

}



.select2-container--default .select2-search--inline .select2-search__field {

  border: 1px solid #ccc;

  border-radius: 20px;

  width: 100% !important;

  padding: 0 calc(10px * var(--scale-factor));

  height: 30px;

  margin-top: 1px;

  color: #000;

}



.select2-container {

  width: 100% !important;

}



span.select2-dropdown.select2-dropdown--below {

  border-radius: 0 !important;

}



input#submit_notification {

  margin: 0 auto;

  width: 300px;

  border-color: #fff;

}



#user-notis-message label {

  width: 100%;

}



.dbem-notification a {

  position: relative;

}



.dbem-notification i {

  color: #000;

  font-size: calc(18px * var(--scale-factor));

}


.dbem-project-payments a{
  position: relative;
}
.dbem-project-payments small.badge.badge-primary{
  left: 92px !important;
}
.dbem-project-payments small.badge.badge-primary,
.dbem-notification small.badge.badge-primary {

  padding: 0;

  border-radius: 50%;

  font-size: calc(9px * var(--scale-factor));

  position: absolute;

  top: 7px;

  left: 48px;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 20px;

  height: 20px;

}



.form-control[readonly] {

  background-color: #fff;

}



.top-fields-box {

  display: flex;

}



#project_status .top-fields-box .form-group-btn {

  flex: 20%;

  text-align: right;

  margin: 0;

}



#project_status .top-fields-box .form-group-btn a.btn {

  width: auto;

}



.month-filter {

  flex: 80%;

}



.month-filter form > div,

.month-filter form > input {

  display: inline-block;

}



.month-filter select {

  display: inline-block;

  font-size: calc(14px * var(--scale-factor));

  height: 50px;

}



.month-filter label {

  margin-bottom: 0px !important;

  display: block;

}



.month-filter form input[type="submit"] {

  width: auto;

  margin-top: 0px !important;

  padding: calc(25px * var(--scale-factor)) calc(30px * var(--scale-factor)) !important;

  line-height: 0px;

}



.zipcode_box input#zipcode{

  padding: 0 calc(10px * var(--scale-factor));

  height: 48px !important;

  border-radius: 5px;

}



.zip_filter_box {

  display: block;

  margin-top: 17px;

}



.zip_filter_box p {

  display: inline-block;

  padding: calc(5px * var(--scale-factor)) calc(10px * var(--scale-factor));

  border-radius: 5px;

  margin-right: 15px;

  background-color: #33b8e6;

  color: #fff;

  cursor: pointer;

}

.zip_filter_box i {

  margin: 0 10px;

  font-size: calc(26px * var(--scale-factor));

  vertical-align: middle;

}

.zip_filter_box .name_box i {

  display: none;

  cursor: pointer;

}

.zip_filter_box p:hover .name_box i {

  display: inherit;

}

.zip_filter_box i.fa-edit, .zip_filter_box i.fa-check-circle{

  color: #1d6f42;

}

.zip_filter_box i.fa-minus-circle{

  color: #f00;

}

.zip_code_list {

  border-radius: 5px !important;

}

.zip_filter_box .edit_box {

  display: none;

}

.add_zip_region i.fa-times-circle {

  color: #f00;

}

p.add_zip_region input {

  border-radius: 5px;

  padding: 0 calc(10px * var(--scale-factor));

  width: 250px;

}

.zip_region .name_box span {

  margin-right: 15px;

}

.add_zip_region .zipcode_add_fields {

  display: none;

}



body #main #project_status a.add_project {

  color: #fff;

  padding: calc(13px * var(--scale-factor)) calc(30px * var(--scale-factor)) !important;

  height: auto;

  border-radius: 2px;

}

body {

  position: relative;

}

#ui-datepicker-div {

  display: none;

}



.pbem-uploads-box {

  display: flex;

}



.pbem_attachments_dropbox {

  height: 42px !important;

  width: auto !important;

}



span.preview-imgs img,

span.preview-imgs_edit img,

span.preview-imgs_client img {

  margin-right: 5px;

}



.form-group.project_imgs_list img {

  height: 80px;

  width: 80px;

}



span.preview-imgs span,

span.preview-imgs_edit span,

span.preview-imgs_client span {

  display: block;

  font-size: calc(12px * var(--scale-factor));

  line-height: 1.5;

}



.form-group.project_imgs_list i {

  color: #fff;

  font-size: calc(80px * var(--scale-factor));

}



.dropbox_attachemnt {

  display: inline-block;

  position: relative;

  vertical-align: bottom;

  margin-right: 10px;

}



.form-group.project_imgs_list .dropbox_attachemnt i,

.form-group.project_imgs_list .dropbox_attachemnt a {

  font-size: calc(16px * var(--scale-factor));

}



.form-group.project_imgs_list .dropbox_attachemnt > i {

  right: 3px;

  cursor: pointer;

  position: absolute;

  bottom: 2px;

}



.form-group.project_imgs_list .dropbox_attachemnt > a {

  left: 3px;

  position: absolute;

  bottom: 3px;

  line-height: 1;

}



#modal_project_attachment_details .modal-content .modal-body {

  text-align: center;

}



#modal_project_attachment_details.modal {

  z-index: 999998 !important;

}



div#Warning.modal {

  z-index: 999999 !important;

}



.bem_ajax_loader.loading-text {

  animation: none;

  border: none;

  margin-top: 80px;

  color: #fff;

  left: 52%;

  font-size: calc(25px * var(--scale-factor));

  width: auto;

}



i.fas.fa-file-excel {

  color: #1d6f42;

  margin-top: 0px;

}



i.fas.fa-file-pdf {

  color: #bb0706;

  margin-top: 0px;

}



i.fas.fa-file-alt {

  margin-top: 0px;

}



i.fas.fa-file-word {

  color: #2a5699;

  margin-top: 0px;

}



i.fas.fa-file-powerpoint {

  color: #d04423;

  margin-top: 0px;

}



.dropbox_attachemnt span,

.dropbox_attachemnt_icon > span {

  position: absolute;

  top: 0;

  right: 0px;

  line-height: 1;

}



.form-group.project_imgs_list .dropbox_attachemnt span i,

.form-group.project_imgs_list .dropbox_attachemnt_icon span i {

  color: red;

  font-size: calc(16px * var(--scale-factor));

  cursor: pointer;

}



.dropbox_attachemnt_icon {

  position: relative;

  display: inline-block;

  margin-right: 10px;

}



.attach_file.dropbox_attachemnt_icon a {

  display: block;

  position: absolute;

  bottom: 3px;

  left: 2px;

  line-height: 0;

}



.attach_file.dropbox_attachemnt_icon a span {

  display: block;

}



.attach_file.dropbox_attachemnt_icon a span i {

  color: #fff !important;

}

.bannedAlert {

  color: red;

  font-size: calc(12px * var(--scale-factor));

}

.dropbox_attachemnt_icon span.overlay,

.dropbox_attachemnt span.overlay {

  display: block;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.6);

}



.bem_ajax_loader .progress {

  width: 100%;

  background-color: #3d3d3d;

  max-width: 100%;

  overflow: hidden;

  position: relative;

}

span.loading_text {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  color: #fff;

  font-weight: 900;

  letter-spacing: 5px;

}



.bem_ajax_loader {

  margin-top: 15px;

}



.bem_ajax_loader .progress {

  height: 40px;

  width: 500px;

  max-width: 100%;

}



.bem_ajax_loader .progress-bar {

  max-width: 100% !important;

}



.dropbox_attachemnt_icon span.overlay:hover,

.dropbox_attachemnt span.overlay:hover {

  background: rgba(0, 0, 0, 0.2);

}



.form-group.revision_details_box {

  margin-bottom: 0;

}



.current_rev {

  box-shadow: 1px 0px 8px 2px;

  margin-bottom: 15px;

  padding: calc(10px * var(--scale-factor));

}



.fas.fa-times-circle {

  background-color: #fff;

  border-radius: 50%;

}



#dbem_company_hours_list tr.exceed td.calculate-hour.sorting_1,

#dbem_company_hours_list tr.exceed td.calculate-hour,

#dbem_company_hours_list tr.exceed td.company-name.sorting_1,

#dbem_company_hours_list tr.exceed td.company-name {

  background: #dc3545;

  color: #fff;

}



#dbem_company_hours_list tr.normal td.company-name.sorting_1,

#dbem_company_hours_list tr.normal td.company-name,

#dbem_company_hours_list tr.normal td.calculate-hour.sorting_1,

#dbem_company_hours_list tr.normal td.calculate-hour {

  background: green;

  color: #fff;

}



small.company-hours-alert.badge.badge-danger {

  display: block;

  padding: calc(5px * var(--scale-factor));

  border-radius: 50%;

  position: relative;

  top: -11px;

  right: 0px;

  width: 10px;

}



small.company-hours-alert-count.badge.badge-danger {

  border-radius: 50%;

}



/***

03/06/2021

**/



.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable.ui-dialog-buttons {

  z-index: 99;

}

.ui-dialog .ui-dialog-titlebar-close {

  font-size: 0 !important;

  margin-right: 8px;

}

.ui-dialog .ui-dialog-titlebar-close span {

  background-color: #000 !important;

  margin: -8px !important;

}

.ui-dialog .ui-dialog-buttonpane button {

  padding: 0 calc(5px * var(--scale-factor));

}

.ui-dialog .ui-dialog-buttonpane {

  padding: 0 !important;

}



div#dialog:not(.ui-dialog div#dialog), div#dialogProjectRemove:not(.ui-dialog div#dialogProjectRemove){

  display: none;

}

div#dialogApproval:not(.ui-dialogApproval div#dialog), div#dialogProjectRemoveApproval:not(.ui-dialogApproval div#dialogProjectRemove) {

  display: none;

}



/*

 *10-06-2021

 */



.hours_setting label:not(.hours_setting.hours_box label) {

  width: 32.5% !important;

}

#project_Update_form .hours_setting label:not(.hours_setting.hours_box label) {

  width: 32% !important;

}

#project_Update_form_edit .hours_setting label:not(.hours_setting.hours_box label) {

  width: 32% !important;

}

.hours_setting.hours_box label {

  width: 24% !important;

}

/* General input styling */

.hours_setting.text-right label {

    position: relative;

    display: inline-block;

}



.hours_setting.text-right input.form-control {

    padding-top: 15px; /* Space for top label */

    padding-left: 10px;

    height: 50px; /* Increased height to accommodate both */

    transition: all 0.3s ease;

    box-sizing: border-box;

}



/* Placeholder label that stays visible - now on top */

.hours_setting.text-right label::after {

    content: attr(for);

    position: absolute;

    left: 10px;

    top: 5px; /* Position at the top */

    color: #666;

    font-size: 10px;

    pointer-events: none;

    background: transparent;

    padding: 0;

    text-transform: capitalize;

    font-weight: bold;

    width: calc(100% - 20px);

}



/* Special labels for each field */

.hours_setting.text-right label[for="state"]::after {

    content: "State";

}



.hours_setting.text-right label[for="zipcode"]::after {

    content: "ZIP";

}



.hours_setting.text-right label[for="gate_code"]::after {

    content: "Gate Code";

}



/* Adjust input when focused */

.hours_setting.text-right input.form-control:focus {

    outline: none;

    border-color: #66afe9;

    padding-top: 15px; /* Maintain same padding when focused */

}



.ui-datepicker-calendar td a[data-custom] {

  position: relative;

  padding-bottom: calc(10px * var(--scale-factor));

}



/* #ui-datepicker-div {

  top: 60% !important;

  left: 50% !important;

  transform: translate(-50%, -50%);

  padding: 15px;

  height: fit-content;

} */



.ui-datepicker .ui-datepicker-prev,

.ui-datepicker .ui-datepicker-next {

  background: transparent;

}

.ui-datepicker .ui-datepicker-title {

  color: #000000;

  line-height: 3.5em;

}



.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{

    top: inherit;

    z-index: 999;

    transform: translate(0%, 0%);

}



.ui-datepicker th{

  padding: calc(1.7em * var(--scale-factor)) calc(.3em * var(--scale-factor));

  text-align: center;

  font-weight: bold;

  border: 0;

  border: 0.5px solid #cccccc30;

}

.ui-datepicker .ui-datepicker-header {

  position: relative;

  padding: calc(.2em * var(--scale-factor)) 0;

  display: flex;

  justify-content: center;

  align-items: center;

}

.ui-datepicker .ui-datepicker-prev span,

.ui-datepicker .ui-datepicker-next span {

  display: block;

  position: absolute;

  left: 50%;

  margin-left: -13px;

  top: 50%;

  margin-top: -15px;

  color: #000000;

}

a.ui-datepicker-prev.ui-corner-all span.ui-icon.ui-icon-circle-triangle-w {

  background-size: 730px;

  background-position: -284px -55px;

}

a.ui-datepicker-next.ui-corner-all span.ui-icon.ui-icon-circle-triangle-e {

  background-size: 730px;

  background-position: -103px -55px;

}

.ui-datepicker-header .ui-icon {

  width: 30px;

  height: 30px;

}

td.sameday-today.ui-datepicker-unselectable.ui-state-disabled {

  opacity: 1 !important;

}



.ui-datepicker-calendar td.sameday-today a::after {

  content: "For same day delivery please call (800) 806-8604";

  display: block;

  font-size: calc(13px * var(--scale-factor));

  text-align: center;

  padding-top: calc(2px * var(--scale-factor));

  line-height: 1.5;

  font-weight: 500;

}

.ui-datepicker-calendar td.weekday-100 a::after {

  content: "100% Additional Surcharge";

  display: block;

  font-size: calc(13px * var(--scale-factor));

  text-align: center;

  padding-top: calc(20px * var(--scale-factor));

  line-height: 1.5;

  font-weight: 700;

}



.ui-datepicker-calendar td.weekday-100 a[data-custom]::before {

  border-radius: 0px 4px 4px 0;

  content: "Rush Request";

  display: block;

  font-size: calc(11px * var(--scale-factor));

  text-align: left;

  position: absolute;

  top: 10px;

  left: 0;

  background-color: #35bef3;

  color: #000;

  padding: calc(3px * var(--scale-factor)) calc(7px * var(--scale-factor));

}



.ui-datepicker-calendar td.weekday-80 a::after {

  content: "80% Additional Surcharge";

  display: block;

  font-size: calc(13px * var(--scale-factor));

  text-align: center;

  padding-top: calc(20px * var(--scale-factor));

  line-height: 1.5;

  font-weight: 700;

}



.ui-datepicker-calendar td.weekday-80 a[data-custom]::before {

  border-radius: 0px 4px 4px 0;

  content: "Rush Request";

  display: block;

  font-size: calc(11px * var(--scale-factor));

  text-align: left;

  position: absolute;

  top: 10px;

  left: 0;

  background-color: #35bef3;

  color: #000;

  padding: calc(3px * var(--scale-factor)) calc(7px * var(--scale-factor));

}



.ui-datepicker-calendar td.weekday-60 a::after {

  content: "60% Additional Surcharge";

  display: block;

  font-size: calc(13px * var(--scale-factor));

  text-align: center;

  padding-top: calc(20px * var(--scale-factor));

  line-height: 1.5;

  font-weight: 700;

}



.ui-datepicker-calendar td.weekday-60 a[data-custom]::before {

  border-radius: 0px 4px 4px 0;

  content: "Rush Request";

  display: block;

  font-size: calc(11px * var(--scale-factor));

  text-align: left;

  position: absolute;

  top: 10px;

  left: 0;

  background-color: #35bef3;

  color: #000;

  padding: calc(3px * var(--scale-factor)) calc(7px * var(--scale-factor));

}



.ui-datepicker-calendar td.weekday-40 a::after {

  content: "40% Additional Surcharge";

  display: block;

  font-size: calc(13px * var(--scale-factor));

  text-align: center;

  padding-top: calc(20px * var(--scale-factor));

  line-height: 1.5;

  font-weight: 700;

}



.ui-datepicker-calendar td.weekday-40 a[data-custom]::before {

  border-radius: 0px 4px 4px 0;

  content: "Rush Request";

  display: block;

  font-size: calc(11px * var(--scale-factor));

  text-align: left;

  position: absolute;

  top: 10px;

  left: 0;

  background-color: #35bef3;

  color: #000;

  padding: calc(3px * var(--scale-factor)) calc(7px * var(--scale-factor));

}



.ui-datepicker-calendar td.weekday-20 a::after {

  content: "20% Additional Surcharge";

  display: block;

  font-size: calc(13px * var(--scale-factor));

  text-align: center;

  padding-top: calc(20px * var(--scale-factor));

  line-height: 1.5;

  font-weight: 700;

}



.ui-datepicker-calendar td.weekday-20 a[data-custom]::before {

  border-radius: 0px 4px 4px 0;

  content: "Rush Request";

  display: block;

  font-size: calc(11px * var(--scale-factor));

  text-align: left;

  position: absolute;

  top: 10px;

  left: 0;

  background-color: #35bef3;

  color: #000;

  padding: calc(3px * var(--scale-factor)) calc(7px * var(--scale-factor));

}



.ui-datepicker-calendar td.weekday-10 a::after {

  content: "10% Additional Surcharge";

  display: block;

  font-size: calc(13px * var(--scale-factor));

  text-align: center;

  padding-top: calc(20px * var(--scale-factor));

  line-height: 1.5;

  font-weight: 700;

}



.ui-datepicker-calendar td.weekday-10 a[data-custom]::before {

  border-radius: 0px 4px 4px 0;

  content: "Rush Request";

  display: block;

  font-size: calc(11px * var(--scale-factor));

  text-align: left;

  position: absolute;

  top: 10px;

  left: 0;

  background-color: #35bef3;

  color: #000;

  padding: calc(3px * var(--scale-factor)) calc(7px * var(--scale-factor));

}

.ui-datepicker {

  width: auto;

}

.ui-datepicker-calendar .ui-datepicker-unselectable.ui-state-disabled a {

  cursor: no-drop !important;

}

.ui-datepicker td span,

.ui-datepicker td a {

  padding: calc(1.2em * var(--scale-factor));

}



.ui-datepicker td {

  width: 14.28%;

}

/* .ui-datepicker-buttonpane .ui-datepicker-current {

  display: none !important;

} */

.ui-datepicker .ui-datepicker-buttonpane {

  width: 100%;

  padding: 0;

  border: none;

  background: #fff;

  border-radius: 5px 5px 0 0;

}



.add_new_role.text-center {

  padding: calc(60px * var(--scale-factor));

}

.new_role_btn {

  font-weight: 700;

  margin: 10px auto;

  text-align: center;

  border-radius: 5px;

  border: 0 !important;

  padding: calc(12px * var(--scale-factor)) calc(20px * var(--scale-factor)) !important;

  line-height: 1;

}



.pro_sta span {

  padding-top: calc(35px * var(--scale-factor));

}

td.pro_sta {

  text-transform: uppercase;

}

td.pro_sta {

  font-size: calc(12px * var(--scale-factor)) !important;

}

/***  Project lisitng Mobile new interface design  ***/

.dbem_mobile_project_list .dbem_mobile_project_list_head {

  padding: calc(10px * var(--scale-factor)) 0px;

  border-radius: 10px 10px 0 0;

}

.dbem_mobile_project_list .dbem_mobile_project_list_head span {

  width: 30%;

  text-align: center;

  display: inline-block;

  position: relative;

  left: -8px;

}

.dbem_mobile_project_list .dbem_mobile_project_list_head span:first-child {

  width: 20%;

  left: 0px;

}

.dbem_mobile_project_list .dbem_mobile_project_list_head span:nth-child(2) {

  width: 40%;

  left: -4px;

}

.dbem_mobile_project_list .accordion_section_1 {

  display: flex;

  justify-content: center;

  align-items: center;

}

.dbem_mobile_project_list .accordion_section_1 .databox:first-child {

  width: 20%;

}

.dbem_mobile_project_list .accordion_section_1 .databox:nth-child(2) {

  width: 40%;

}

.dbem_mobile_project_list .accordion_section_1 .databox,

.databox_icon {

  width: 30%;

  display: inline-block;

  font-size: calc(12px * var(--scale-factor));

  text-align: center;

  position: relative;

}

.dbem_mobile_project_list .databox_icon {

  width: 10%;

}

.dbem_mobile_project_list

  .accordion_section_1

  a.badge.badge-primary.modal_popup_update_box {

  width: 85%;

  font-size: calc(12px * var(--scale-factor));

  color: #fff !important;

  padding: calc(8px * var(--scale-factor));

  margin-top: 10px;

}

.dbem_mobile_project_list #flush-headingOne {

  border-bottom: 1px solid #ccc;

}

.dbem_mobile_project_list .sub_heading {

  color: #000;

  margin-bottom: 10px;

  font-size: calc(14px * var(--scale-factor));

  font-weight: 600;

}



.dbem_mobile_project_list .accordion_section_1 a.sbem_comment_project {

  position: absolute;

  top: -35px;

  right: 12px;

}

.dbem_mobile_project_list

  .accordion_section_1

  a.sbem_comment_project

  i.fas.fa-comment-dots {

  color: #000 !important;

  font-size: calc(18px * var(--scale-factor));

}

.dbem_mobile_project_list .accordion_section_1 .project_details {

  padding-top: calc(15px * var(--scale-factor));

  position: relative;

  width: 100%;

}

.dbem_mobile_project_list a.accordion-button i {

  background-position: -5px -44px;

  background-image: url(/wp-content/uploads/2022/05/collapse_images-1.png);

  width: 30px;

  height: 30px;

  background-size: 142%;

  font-size: 0;

  background-repeat: no-repeat;

}

.dbem_mobile_project_list a.accordion-button.expanded i {

  background-position: -5px -7px;

}

.dbem_mobile_project_list .expanded .fa-caret-down:before {

  content: "\f0da";

}

.dbem_mobile_project_list .accordion-collapse-content.expand {

  max-height: 0;

  transition: max-height 1.15s ease-out;

  overflow: hidden;

}

.dbem_mobile_project_list .accordion-collapse-content {

  max-height: 500px;

  transition: max-height 1.25s ease-in;

  overflow: hidden;

}

.dbem_mobile_project_list .databox_icon {

  text-align: center;

  background-color: #f1f1f1;

  height: 110px;

  display: flex;

  justify-content: center;

  align-items: center;

}

.dbem_mobile_project_list .databox_icon a {

  float: inherit;

  margin-right: 0;

  line-height: 1;

}

.dbem_mobile_project_list .accordion_section_action a {

  width: 150px;

  background-color: #ff6477;

  border-radius: 10px;

  margin: 5px;

  color: #fff !important;

}

.dbem_mobile_project_list .accordion_section_action {

  justify-content: center;

  align-items: center;

  display: flex;

}

.dbem_mobile_project_list .details_box_wrapper {

  height: 110px;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: #f1f1f1;

  padding: calc(10px * var(--scale-factor));

}

.dbem_mobile_project_list .reg_start_date_box {

  height: 100px;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

}

.dbem_mobile_project_list .reg_end_date_box {

  height: 100px;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  background-color: #f1f1f1;

}

.dbem_mobile_project_list .status_wrapper span {

  background-size: 75%;

  display: block;

  width: 100%;

  height: 100px;

  display: flex;

  justify-content: center;

  align-items: center;

  background-position: 50% 25%;

  background-repeat: no-repeat;

}

.dbem_mobile_project_list .files_wrapper span {

  display: block;

}

#project_status .mobile_add_project.form-group-btn a.btn {

  display: none;

}



#modal_popup_edit_box #edit_box_save_changes {

  background: #78e08f !important;

  border-color: #78e08f !important;

  color: #000;

}



.month-filter .filter_box {

  width: 25%;

  display: inline-block;

}

.databox.status_wrapper.pro_sta {

  text-transform: uppercase;

}

body.page-id-2799 {

  background-color: #f8f9fa;

}

.client_notes_wrapper .cmnt {

  background-color: #ffff;

  border-radius: 5px;

  padding: calc(10px * var(--scale-factor));

  box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px,

    rgb(0 0 0 / 30%) 0px 3px 7px -3px;

}

.client_notes_wrapper .textarea-style {

  margin-bottom: 0px;

  border-width: 1px;

  border-radius: 5px;

  border-color: grey;

  width: 100%;

}

.client_notes_wrapper .new-client-submit {

  margin: auto;

}

.client_notes_wrapper .company_remove_comment {

  margin-bottom: 0px;

  color: #ff6477 !important;

}

.client_notes_wrapper .card.companyuser_list {

  box-shadow: rgb(50 50 93 / 25%) 0px 3px 4px -2px,

    rgb(0 0 0 / 30%) 0px 1px 2px -3px;

  border-radius: 10px;

}



.client_notes_wrapper h5.card-title {

  font-weight: 600;

}

.client_notes_wrapper input.add_new_notes,

.client_notes_wrapper .new-client-submit {

  font-weight: 700;

  display: inline-block;

  border-radius: 0;

}

.client_notes_wrapper input.add_new_notes {

  width: auto;

  margin: auto;

  display: block;

}

.client_notes_wrapper .card.companyuser_list .card-body {

  padding: calc(5px * var(--scale-factor));

}

.client_notes_wrapper .card.companyuser_list li.list-group-item {

  padding: calc(5px * var(--scale-factor)) calc(10px * var(--scale-factor));

}

.dbem-add-new-project, .dbem-add-new-project a {

  border-radius: 5px !important;

}

input.project_new_link_url {

  width: 70%;

}

input.project_new_link_add {

  width: 25% !important;

}

.project_links i{

  color: red;

}

.hours_box input {

  padding-left: calc(15px * var(--scale-factor));

}

.hours_box.hours_setting label {

  position: relative;

}

.hours_box.hours_setting label:before {

  content: "$";

  width: 20px;

  height: 20px;

  position: absolute;

  z-index: 9999999999999999999;

  color: #000;

  bottom: 12.5px;

  left: 3px;

  font-size: calc(18px * var(--scale-factor));

}

.hours_box.hours_setting label:first-child:before {

  display: none;

}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}

/* div#dbem_project_list_length label {

  width: 23%;

} */



body .modal {

 overflow-y: scroll;

}

.service_alert {

  color: red;

}

/* body > span.select2-container.select2-container--default.select2-container--open {

  margin-top: 30px;

} */

body .select2-container .select2-selection--single {

  height: 40px;

}

body .select2-container--default .select2-selection--single .select2-selection__rendered {

  padding-top: calc(5px * var(--scale-factor));

}

body .select2-container--default .select2-selection--single .select2-selection__arrow {

  top: 5px;

}

#bem_status_table #sortable13636 div.driver_mode, #bem_status_table .connectedSortable.driver_mode {

  width: 33%;

}

#bem_status_table #sortable13636 div.sr_driver_mode, #bem_status_table .connectedSortable.sr_driver_mode {

  width: 25%;

}

.project_add_new_link, .project_add_new_link input, .project_add_new_link select {

  display: block;

  width: 100%;

}

.project_add_new_link input, .project_add_new_link select {

  height: 40px;

}

.full-box {

  width: 98.25%;

}

.pick_drop_dates_details .pick_drop_box input[type="checkbox"] {

    margin-right: 5%;

    height: 20px;

    width: 20px;

    vertical-align: middle;

    margin-left: 3%;

}

.pick_drop_dates_details .pick_drop_box input[type="text"] {

  margin-right: 1%;

  text-align: left;

  width: 23.5%;

  padding: 0 calc(10px * var(--scale-factor));

}

.billing_table tbody select.billing_field {

  width: 100%;

}

.pur_count {

  display: inline-block;

}

.pick_drop_delete {

  color: #f00;

}

.pick_drop_dates_details .pick_drop_box {

  margin-bottom: 20px;

}

.pick_drop_dates_details .pick_drop_box input:last-child {

  width: 30px;

  vertical-align: middle;

  border-radius: 50%;

}

.pick_drop_dates_details {

  margin-bottom: 50px;

}

.pick_drop_dates_container, .billing_details_box {

  background: #eee;

  padding: calc(10px * var(--scale-factor));

}

.billing_type {

  height: 40px;

}

.billing_details_fields {

  display: flex;

  justify-content: space-between;

}

.billing_details_half.half-box {

  display: flex;

  justify-content: space-between;

}

.billing_table tbody tr:first-child td:first-child .billing_field option{

  display: none;

}

.billing_table tbody tr:first-child td:first-child .billing_field option:nth-child(1){

  display: block;

}

.billing_table tbody .billing_field:not(input[type=checkbox]) {

  width: 130px !important;

}

#modal_popup_edit_box_client .billing_details_box table tr th:last-child,

#modal_popup_edit_box_client .billing_details_box table tr td:last-child {

  display: none;

}

.billing_date_override.showNone {

  display: none;

}

.billing_table thead {

  background-color: #ccc;

}

.oneThird-box > select, .oneThird-box > input {

  max-width: 100%;

}



.pick_drop_dates_box_wraper h5, .billing_details_box h5 {

  font-size: calc(15px * var(--scale-factor));

  font-weight: bold;

  margin-bottom: 20px;

}

.billing_table tbody tr:nth-child(2n) {

  background: #fff;

}



.pick_drop_dates_box input {

  width: 98%;

  padding: 0 calc(10px * var(--scale-factor));

}

.pick_drop_dates_box_wraper {

  margin-bottom: 50px;

}

span.footer_logo {

  padding: calc(15px * var(--scale-factor)) calc(50px * var(--scale-factor)) calc(15px * var(--scale-factor)) calc(15px * var(--scale-factor));

  color: #fff;

  text-decoration: none;

  display: inline-block;

  position: relative;

}

span.footer_logo:after {

  content: "";

  position: absolute;

  display: inline-block;

  content: "";

  width: 180px;

  height: 90px;

  background-size: 100% auto !important;

  right: -115px;

  top: -17px;

}



div#dumpster_count {

  font-size: calc(15px * var(--scale-factor));

  font-weight: 700;

}

.topbox, .service_type_filter {

  display: flex;

  align-items: baseline;

}

#projectsListBg span , #projectsListBor span{

  cursor: pointer;

}



.collapse {

  display: none;

}

.collapse.in {

  display: block;

}

tr.collapse.in {

  display: table-row;

}

tbody.collapse.in {

  display: table-row-group;

}

.collapsing {

  position: relative;

  height: 0;

  overflow: hidden;

  -webkit-transition-property: height, visibility;

  -o-transition-property: height, visibility;

  transition-property: height, visibility;

  -webkit-transition-duration: 0.35s;

  -o-transition-duration: 0.35s;

  transition-duration: 0.35s;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

  transition-timing-function: ease;

}

span.filter_tag span {

  background: #33b8e6;

  color: #fff;

  padding: 0 calc(5px * var(--scale-factor));

  border-radius: 5px;

  margin-right: 5px;

  text-transform: capitalize;

}

button.btn-primary {

  background: #33b8e6;

  border-color: #33b8e6;

}

.vendor_service_area_box {

  background: #cccccc61;

  padding: calc(10px * var(--scale-factor));

  margin-bottom: 10px;

  border-radius: 5px;

}

.vendor_service_area_box .fa-minus-circle {

  cursor: pointer;

  color: #f00;

}



span.suggested_price {

  float: right;

  color: #f00;

}

.menu-item-has-children::after {

  content: '\f107';

  font-family: 'Font Awesome 5 Pro';

  color: #fff;

  position: absolute;

  margin-top: 8px;

  font-size: calc(20px * var(--scale-factor));

  margin-left: -12px;

  top: 0;

  right:0;

}

.navbar-light .navbar-toggler {

  background-color: #fff;

}

.pricesTypeBox {

  display: flex;

}

.serviceHeader {

  text-align: center;

}

.serviceHeader label {

  width: 50%;;

}



.page-id-74 main .dashboard-table {

  width: 100%;

  overflow: hidden;

}

.page-id-74 main .dashboard-table section{

  min-width: 850px;

}

.general_notes_details .msg_note_date {

  margin-bottom: 2px;

  font-weight: bold;

  font-family: sans-serif;

  font-size: calc(14px * var(--scale-factor));

}

.general_notes_details .msg_notes {

  font-size: calc(14px * var(--scale-factor));

}

.general_notes_details .msg_single_note a {

  position: absolute;

  color: #f00 !important;

  right: 0;

  top: 0;

}



.general_notes_details .msg_single_note {

  position: relative;

}

.show_notes.btn, a.btn.add_porject_note {

  font-size: calc(12px * var(--scale-factor));

}

#wp-leads-table_wrapper select#status-filter {

  height: 31px;

  margin-left: 20px;

  padding: 0px calc(10px * var(--scale-factor));

}

body.dark-active table.dataTable tbody tr td.lead_status.pending, td.lead_status.pending {

  color: orange !important;

}

body.dark-active table.dataTable tbody tr td.lead_status.archived, td.lead_status.archived {

  color: red !important;

}

body.dark-active table.dataTable tbody tr td.lead_status.approved, td.lead_status.approved {

  color: green !important;

}

a.manage_estimation {

  color: red !important;

  font-weight: 700;

  font-family: sans-serif;

}

a.estimation_update {

  color: green !important;

  font-weight: 700;

  font-family: sans-serif;

}

a.remove_project_notes {

  font-size: calc(14px * var(--scale-factor));

}



@media (max-width: 460px) {

  .general_notes_details {

    margin-top: 45px;

  }

}

@media (max-width: 801px) {

  .page-id-74 main .dashboard-table{

    overflow-x: auto;  /* Enable horizontal scrolling */

  }

}



@media screen and (max-width: 602px) {

  span.footer_logo:after {

    position: initial;

  } 

  .billing_table {

    overflow-x: scroll;

  }

}



@media screen and (max-width: 1366px) {

  #project_status .mobile_add_project.form-group-btn a.btn {

    display: block;

    width: 100%;

    background: #78e08f !important;

    color: #000 !important ;

    margin-bottom: 10px;

  }

  #project_status .desktop_add_project.form-group-btn a.btn {

    display: none;

  }

}



/***************Mbile version END*****************/



/*-------------------09-07-2021-----Shahid Latif--- Start Here-----*/

@media screen and (max-width: 1205px) {

  .service_type_filter {

    display: block;

  }

}

@media screen and (max-width: 1024px) {

  .top-fields-box .month-filter .zipcode_box, .zipcode_box input#zipcode{ 

    width: 100%;

  }

  .pricesTypeBox {

    display: inline-block;

  }

  .offerBox {

    display: inline-block;

    width: 45%;

    vertical-align: top;

    margin-top: 20px;

  }

  .topbox {

    display: block;

  }

  .filter_button_wrapper {

    width: 100%;

    text-align: center;

  }

  #project_status .month-filter form input[type="submit"] {

    width: 50%;

  }

  #ui-datepicker-div {

    width: 95%;

  }

  nav ul li a {

    padding: calc(15px * var(--scale-factor)) calc(30px * var(--scale-factor)) !important;

  }

  .admin_rush_request {

    width: 33%;

    font-size: calc(8px * var(--scale-factor));

    height: 70px;

  }

  input#admin_rush_request {

    width: 100%;

    height: 40px !important;

  }

  input#select_admin_rush_request {

    width: 100%;

    height: 40px !important;

  }

  body .form-group.half-box.hours_setting label {

    vertical-align: baseline !important;

  }

  body .form-group.half-box.hours_setting label:not(.hours_setting.hours_box label) {

    width: 30% !important;

  }

  .hours_setting.hours_box label {

    width: 49.5% !important;

  }

  .month-filter .dropdown-multiple-label {

    width: 49% !important;

  }

  .month-filter form input[type="submit"] {

    margin: 10px !important;

  }

  body .modal-dialog {

    max-width: 100%;

    width: auto;

  }

  body #main #project_status a.add_project {

    padding: calc(13px * var(--scale-factor)) calc(11px * var(--scale-factor)) !important;

    font-size: calc(15px * var(--scale-factor));

  }

  .modal.in .modal-dialog .modal-header > div {

    text-align: right;

  }

  .modal button#edit_box_save_changes, .modal button#client_edit_box_save_changes {

    font-size: calc(10px * var(--scale-factor));

    width: 105px;

    font-weight: 700;

    margin-bottom: 10px;

  }

  .modal button.btn.btn-danger {

    font-size: calc(10px * var(--scale-factor));

    font-weight: 700;

  }

  .ui-datepicker td span {

    font-size: calc(10px * var(--scale-factor)) !important;

  }

  .ui-datepicker td a {

    font-size: calc(10px * var(--scale-factor)) !important;

  }

  .ui-datepicker-calendar a.ui-state-default {

    height: 90px !important;

    width: auto !important;

    padding: calc(5px * var(--scale-factor));

  }

  td.ui-datepicker-days-cell-over.sameday-today a::after {

    padding-top: calc(2px * var(--scale-factor)) !important;

    font-size: calc(8px * var(--scale-factor)) !important;

  }

  .ui-datepicker-calendar td a::before {

    padding-top: calc(5px * var(--scale-factor)) !important;

    font-size: calc(6px * var(--scale-factor)) !important;

    margin-top: 12px;

    margin-left: 0px;

    font-weight: 600;

  }

  .ui-datepicker-calendar td a::after {

    padding-top: calc(15px * var(--scale-factor)) !important;

    font-size: calc(10px * var(--scale-factor)) !important;

  }

  i.fas.fa-bell {

    color: #000;

    font-size: calc(18px * var(--scale-factor));

  }

  #project_status .top-fields-box {

    display: block !important;

    text-align: center;

  }

  #project_status .top-fields-box .form-group-btn {

    text-align: center;

    margin: 0;

  }

  body #main #project_status a.add_project {

    padding: calc(10px * var(--scale-factor)) calc(15px * var(--scale-factor)) !important;

    font-size: calc(15px * var(--scale-factor));

  }

  body #project_form input#submit,

  body #project_form input#select_submit {

    width: 100% !important;

  }

  #modal_popup_edit_box.modal h5.modal-title {

    font-size: calc(18px * var(--scale-factor));

    text-align: left;

  }

  .month-filter .filter_box {

    width: 100%;

  }

  li.dbem-add-new-project a {

    background: #78e08f;

    border-radius: 5px;

    margin: 9px 0;

  }

}







@media screen and (max-width: 1220px) {

  .ui-state-default .title_box {

    width: 85%;

  }

}

@media screen and (max-width: 880px) {

  .ui-state-default .title_box {

    width: 80%;

  }

  .billing_details_half.half-box {

    width: 100% !important;

    display: block !important;

    margin-top: 20px;

  }

  .billing_details_fields {

    display: block;

  }

}

@media screen and (max-width: 568px) {

  /* body #main #project_status a.add_project {

    padding: 6px 1px !important;

    font-size: calc(13px * var(--scale-factor));

  } */

  .month-filter form input[type="submit"] {

    padding: calc(20px * var(--scale-factor)) calc(20px * var(--scale-factor)) !important;

  }

  .modal button#edit_box_save_changes {

    margin-bottom: 15px;

  }

  

}



/*--- End Here--------09-07-2021-----Shahid Latif--*/



@media screen and (max-width: 600px) {

  #wpadminbar {

    top: -46px;

  }

}

@media screen and (max-width: 500px) {



  .ui-datepicker-calendar td a::after {

    padding-top: calc(24px * var(--scale-factor)) !important;

    font-size: calc(8px * var(--scale-factor)) !important;

  }

  .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {

    margin-left: 0;

    zoom: .8;

  }

  .nav-tabs > li {

    width: 50%;

  }

  .half-box, .oneThird-box {

    width: 100%;

    text-align: center;

  }

  .oneThird-box > select, .oneThird-box > input, .pick_drop_dates_box input {

    width: 90% !important;

    margin-top: 10px;

  }

  input.add_dates_box.half-box {

    margin-top: 10px;

    width: 90%;

    margin-left: 5%;

}

  

    

}



/*---------------------------------------*/



@media (min-width: 0px) {

  .container {

    width: 100% !important;

  }

}



.post-content #project_form input[type="submit"] {

  margin-top: 0;

}



.admin_comment_flag {

  text-align: center;

  width: 100%;

}



.admin_comment_flag a {

  padding: calc(10px * var(--scale-factor));

  border-radius: 5px;

  border: 1px solid #000;

}



/*****for Responsive ******/



#project_status .project-detail-frm {

  width: 100%;

}



#project_status .project_detail_box .btn-primery.form-control {

  margin-bottom: 20px;

}



.filter_box.dropdown-multiple-label {

  width: 30%;

  display: inline-block;

}



#company_monthly_hours .filter_box.dropdown-multiple-label {

  width: 100%;

}



#company_monthly_hours .date_selector_box {

  width: 30%;

  text-align: left;

}



.company_monthly_hours_form #company_monthly_hours select,

.company_monthly_hours_form #company_monthly_hours input[type="submit"] {

  height: 53px;

  border-radius: 3px;

}



.dashboard-table #modal_popup_box input[type="submit"] {

  width: 250px;

  margin: auto;

}

#primary-menu-list li.dbem-add-new-project a {

  margin: 0 !important;

  line-height: 1.5 !important;

}

#primary-menu-list li.dbem-add-new-project {

  margin-left: calc(15px * var(--scale-factor));

}

@media (max-width: 768px) {

    .hours_setting.text-right {

        flex-direction: column;

        align-items: flex-start;

        gap: 5px;

    }

    

    .hours_setting.text-right label {

        width: 100%;

    }

    

    .hours_setting.text-right input.form-control {

        width: 100%;

    }

}

@media only screen and (min-width: 768px) and (max-width: 992px) {



  li.dbem-manage.menu-item-has-children >ul.sub-menu {

    display: block !important;

    box-shadow: none;

  }

  .comment-box .accordion-icon {

    margin-left: 10px;

  }



  .comment-box .responsive-avatar {

    padding-left: calc(5px * var(--scale-factor));

    padding-right: 0px;

  }



  #project_form input#submit,

  #project_form input#select_submit {

    width: 30%;

  }



  #project_status .form-group-btn a.btn {

    width: 30%;

  }

}

@media only screen and (min-width: 476px) and (max-width: 768px) {

  #company_monthly_hours .date_selector_box{

    width: 86%;

  }

}

@media only screen and (max-width: 475px) {

  #project_form .company_monthly_hours_form select, #company_monthly_hours .date_selector_box{

    width: 100%;

  }

}



@media only screen and (max-width: 420px) {

  #project_form label{

    font-size: calc(12px * var(--scale-factor));

  }

  input#placed_order_other {

    max-width: 100%;

}

  body .form-group.half-box.hours_setting label{

    height: inherit;

  }

  a.navbar-brand img{

    width:200px;

  }

  #project_status .project_detail_box .btn-primery.form-control {

    width: 100%;

  }



  .comment-box .accordian-part-two {

    padding-left: 0;

  }



  .comment-box .avatar {

    width: 32px !important;

  }



  .comment-box .responsive-avatar {

    padding-right: 0;

    padding-left: calc(5px * var(--scale-factor));

  }



  #project_form input#submit,

  #project_form input#select_submit {

    width: 100% !important;

  }



  #project_status .form-group-btn a.btn {

    width: 100%;

  }



  /* .month-filter select {

    width: 80%;

  } */

}



/*---------------------------------------*/

/*    .fusion-main-menu > ul > li > padding: 10px 25px;*/



@media screen and (min-width: 1024px) {

  #project_status .dbem-responsive,

  .dbem-responsive {

    overflow-x: initial;

    -webkit-overflow-scrolling: touch;

    -ms-overflow-style: -ms-autohiding-scrollbar;

  }

}



@media screen and (max-width: 1200px) {

  small.company-hours-alert.badge.badge-danger {

    top: -50%;

  }

  .add_new_role.text-center {

    padding: calc(20px * var(--scale-factor));

  }

  body .modal-dialog {

    max-width: 100%;

    width: auto;

  }

}

@media only screen and (max-width: 470px) {

  .pricesTypeBox input {

    width: 120px;

  }

}



.badge.badge-design {

  position: relative;

  top: -3px;

  transform: translate(-50%, -50%);

  padding: calc(0.35em * var(--scale-factor)) calc(0.35em * var(--scale-factor));

  border-radius: 30%;

  right: -11px;

}



.fusion-main-menu .dbem-logout {

  padding: initial;

}



.post-content input[type="checkbox"] {

  height: initial;

}



.comment_box_data .select2 {

  display: none;

}

.comment_box_data_resend .select2 {

  display: inline-block;

  min-width: 300px;

}



.form-group.project_detail_edit, .project_driver_attachments {

  border-bottom: 3px dotted #ccc;

}



a.ui-datepicker-prev.ui-corner-all span.ui-icon.ui-icon-circle-triangle-w {

  background-image: none;

  text-indent: inherit;

  width: 162px;

  color: #fff;

  text-align: left;

  font-size: calc(12px * var(--scale-factor));

}

span.ui-icon.ui-icon-circle-triangle-e {

  background-image: none;

  text-indent: inherit;

  width: 162px;

  color: #fff;

  text-align: left;

}

a.ui-datepicker-prev.ui-corner-all span.ui-icon.ui-icon-circle-triangle-w i.fa.fa-chevron-left {

  position: absolute;

  display: block;

  font-size: calc(22px * var(--scale-factor));

  color: rgb(0, 0, 0);

  top: 10%;

}

a.ui-datepicker-prev.ui-corner-all span.ui-icon.ui-icon-circle-triangle-w span.text_prev {

  left: 22%;

  top: 70%;

}

a.ui-datepicker-next.ui-corner-all span.ui-icon.ui-icon-circle-triangle-e{

  background-image: none;

  text-indent: inherit;

  width: 135px;

  color: #fff;

  text-align: left;

  left: -288%;

  position: absolute;

  font-size: calc(12px * var(--scale-factor));

}

a.ui-datepicker-next.ui-corner-all span.ui-icon.ui-icon-circle-triangle-e span.text_next {

  left: 35% !important;

  top: 70% !important;

}

a.ui-datepicker-next.ui-corner-all span.ui-icon.ui-icon-circle-triangle-e i.fa.fa-chevron-right {

  position: absolute;

  right: 4px;

  top: 10%;

  color: rgb(0, 0, 0);

  font-size: calc(21px * var(--scale-factor));

}

.ui-datepicker-header.ui-widget-header .ui-state-hover, .ui-widget-content .ui-state-hover {

  border: 0;

  font-weight: 600;

  background: no-repeat;

}