#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: 200px;
}



body.dark-active #main .post h2 a,
body.dark-active .about-author .title a,
body.dark-active .fusion-content-widget-area .widget .recentcomments a,
body.dark-active .fusion-content-widget-area .widget li a,
body.dark-active .fusion-content-widget-area .widget_categories li,
body.dark-active .fusion-hide-pagination-text .pagination-next:after,
body.dark-active .fusion-hide-pagination-text .pagination-prev:before,
body.dark-active .fusion-load-more-button,
body.dark-active .fusion-rollover a,
body.dark-active .pagination .pagination-next:after,
body.dark-active .pagination .pagination-prev:before,
body.dark-active .project-content .project-info .project-info-box a,
body.dark-active .shop_attributes tr th,
body.dark-active .single-navigation a[rel="next"]:after,
body.dark-active .single-navigation a[rel="prev"]:before,
body.dark-active a,
body.dark-active a:after,
body.dark-active  a:before {
  /* color: #fff !important; */
}


.sbem_warning_alarm_box {
  float: right;
  line-height: 1.5;
  margin-right: 4px ;
}

span.sbem_warning_alarm_box i {
  color: green;
}

/*#bem_status_table {
   width: 1200px !important; 
}
*/

h3.fusion-login-heading {
  font-size: 40px  !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: 40px ;
}

.fusion-login-box .fusion-login-caption {
  margin-bottom: 20px ;

  font-size: 15px ;
}

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);
}

.fusion-main-menu > ul > li {
  padding: 0px 25px ;
}

.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 > a.fusion-login-lost-passowrd {
  display: block;
  text-align: right;
}


/* #dbem_project_sugg_list .pro_deact a {
  background: #78e08f;
  color: #000 !important;
  border-radius: 5px !important;
  padding: 10px  !important;
  margin: 0 5px ;
  display: inline-block;
  font-weight: 700;
}
#dbem_project_sugg_list .pro_deact a.sbem_delete_project_permanetly {
  background: #ff6477; 
}
#dbem_project_sugg_list .pro_deact a.sbem_decline_project {
  padding: 10px  !important;
  background: #ff6477; 
  border-radius: 5px !important;
} */

#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;
}
.form-control#submit_comment:focus {
  /* background-color: #00aeef; */
}

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;
}

/* 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 ;
  background-color: #00aeef;
  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: 5px;
  background-color: #2386C8;
  padding: 5px  10px ;
  position: relative;
  color: #000;
  margin-right: 50px;
}

div#previous-chat-content .msg_cotainer_send {
  margin-top: 20px;
  margin-bottom: auto ;
  margin-right: 10px ;
  border-radius: 5px;
  background-color: #78e08f;
  padding: 5px  10px ;
  position: relative;
  color: #000;
  margin-left: 25px;
  border-radius: 12px 12px 0 12px;
}

div#previous-chat-content .msg_time {
  position: absolute;
  left: 15px;
  bottom: -16px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 10px ;
  width: 250px;
}

.msg_time_send {
  position: absolute;
  right: 15px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 10px ;
  bottom: -20px ;
  width: 250px;
} */

.sbem_chat_box {
  max-height: 350px;
  overflow-y: scroll;
}

/* .modal-content .modal-body {
  padding-bottom: 50px ;
} */

img.att_image {
  max-width: 100%;
}

.fusion-footer {
  position: relative;
  z-index: 0;
}

span.footer_logo:after {
  content: "";
  position: absolute;
  display: inline-block;
  }
span.footer_logo {
  padding: 15px  50px  15px  15px ;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

/* input#submit_notification {
  margin: 0 auto;
  background-color: #2386C8;
  width: 300px;
  border-color: #fff;
} */

#user-notis-message label {
  width: 100%;
}

#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: 25px ;
  width: auto;
}

i.fas.fa-file-excel {
  color: #1d6f42;
  margin-top: 2px;
  font-size: 60px;
}

i.fas.fa-file-pdf {
  color: #bb0706;
  margin-top: 2px;
  font-size: 60px;
}

i.fas.fa-file-alt {
  color: #00aeef;
  margin-top: 2px;
  font-size: 60px;
}

i.fas.fa-file-word {
  color: #2a5699;
  margin-top: 2px;
  font-size: 60px;
}

i.fas.fa-file-powerpoint {
  color: #d04423;
  margin-top: 2px;
  font-size: 60px;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable.ui-dialog-buttons {
  z-index: 99;
}

div#dialog:not(.ui-dialog div#dialog) {
  display: none;
}
div#dialogApproval:not(.ui-dialogApproval div#dialog) {
  display: none;
}
div#dialog_hours:not(.ui-dialog_hours div#dialog) {
  display: none;
}
.ui-dialog {
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  width: 20% !important;
}

.ui-dialog-titlebar {
  color: #fff;
  border: none;
  font-weight: bold;
  font-size: 16px;
}

.ui-dialog-titlebar-close {
  display: block !important;
  background: none !important;
  border: none;
  font-weight: bold;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
}
.ui-dialog-titlebar-close::before {
  content: "×";
  display: block;
  font-size: 22px;
  color: #fff;
}



.ui-dialog-content {
  padding: 20px;
  font-size: 14px;
  color: #333;
}

.ui-dialog-buttonpane {
  text-align: center;
  padding: 10px 20px;
  border-top: 1px solid #eee;
}

.ui-dialog-buttonset button {
  background: #007bff;
  color: white;
  border: none;
  border-radius: 5px;
  padding: 6px 20px;
  font-size: 14px;
}

.ui-dialog-buttonset button:hover {
  background: #0056b3;
}
.button-cover {
  margin: 20px ;
  position: absolute;
  top: -2px;
  right: -150px;
  z-index: 10;
}

.button-cover:before {
  counter-increment: button-counter;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #d7e3e3;
  font-size: 12px ;
  line-height: 1;
  padding: 5px ;
}
.button-cover .knobs,
.button-cover .layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.button-cover .button {
  position: relative;
  top: 50%;
  width: 85px;
  height: 36px;
  margin: -20px  auto 0 auto;
  overflow: hidden;
}

.button-cover .button.r,
.button-cover .button.r .layer {
  border-radius: 100px;
}
.button-cover .checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.button-cover .knobs {
  z-index: 2;
}

.button-cover .layer {
  width: 100%;
  background-color: #ebf7fc;
  transition: 0.3s ease all;
  z-index: 1;
}

/* Button 1 */
.button-cover #button-1 .knobs:before {
  content: "SHOW";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 40px;
  height: 29px;
  color: #fff;
  font-size: 8px ;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 10px  4px ;
  background-color: #03a9f4;
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

.button-cover #button-1 .checkbox:checked + .knobs:before {
  content: "HIDE";
  left: 42px;
  background-color: #ff6477;
}

.button-cover #button-1 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}

.button-cover #button-1 .knobs,
.button-cover #button-1 .knobs:before,
.button-cover #button-1 .layer {
  transition: 0.3s ease all;
}
body .modal { overflow: auto !important; }

.msg_content p {
  margin-bottom: 0;
  word-break:break-word;
}

.group-listing-box {
  display: flex;
  justify-content: center;
}
.group-selection a {
  color: #000;
}
body.dark-active #project_form .group-listing-box .card,body.dark-active #project_form .group-listing-box .card-header, body.dark-active #project_form hr {
  border-color: #fff;
}
.multi-wrapper .selected-wrapper, .multi-wrapper .non-selected-wrapper {
  background: transparent !important;
}

/*Added By asad*/
body.dark-active .close {
  color: #fff;
}
body.dark-active .close:hover {
  color: #fff;
}
/* body.dark-active .form-control::placeholder {
  color: #fff;
}
body.dark-active .form-control {
  color: #fff !important;
  border: 1px solid #495057;
  background: transparent;
} */
body.dark-active .wp-switch-editor {
  background-color: transparent;
  color: #fff;
}
body.dark-active #project_status h2 {
  /* color: #fff; */
}

body.dark-active .dataTables_length select, body.dark-active .filter_box select, body.dark-active .dataTables_filter input.form-control.form-control-sm {
  background-color: transparent;
  border-color: #fff;
}

/***************Mobile version END*****************/

/*-------------------09-07-2021-----Shahid Latif--- Start Here-----*/
@media screen and (max-width: 1024px) {
  
  #ui-datepicker-div {
    width: 95%;
  }
  .ui-datepicker td span {
    font-size: 10px  !important;
  }
  .ui-datepicker td a {
    font-size: 10px  !important;
  }
  .ui-datepicker-calendar a.ui-state-default {
    height: 90px !important;
    width: auto !important;
    padding: 5px ;
  }
  td.ui-datepicker-days-cell-over.sameday-today a::after {
    padding-top: 2px  !important;
    font-size: 8px   !important;
  }
  .ui-datepicker-calendar td a::before {
    padding-top: 5px  !important;
    font-size: 6px   !important;
    margin-top: 12px ;
    margin-left: 0px;
    font-weight: 600;
  }
  .ui-datepicker-calendar td a::after {
    padding-top: 15px  !important;
    font-size: 10px  !important;
  }
  i.fas.fa-bell {
    color: #000;
    font-size: 18px ;
  }
}

@media screen and (max-width: 602px) {
  span.footer_logo:after {
    position: initial;
  } 
}

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

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

.post-content #project_form h2 {
  color: #00aeef;
}

.post-content #project_form input[type="submit"] {
  margin-top: 0;
}

.admin_comment_flag {
  text-align: center;
  width: 100%;
}

.admin_comment_flag a {
  background: #2386C8;
  color: #fff !important;
  padding: 10px ;
  border-radius: 5px;
  border: 1px solid #000;
}

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

#project_status .project-detail-frm {
  width: 100%;
}

.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%;
}
#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;
}
.dbem_company_hours_list table.dataTable tbody td {
  padding:5px !important;
  font-size: 13px;
  text-align: center;
}

.dashboard-table #modal_popup_box input[type="submit"] {
  background: #00aeef;
  color: #fff;
  width: 250px;
  margin: auto;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .comment-box .accordion-icon {
    margin-left: 10px ;
  }

  .comment-box .responsive-avatar {
    padding-left: 5px ;
    padding-right: 0px;
  }
}

@media only screen and (max-width: 420px) {
  .comment-box .accordian-part-two {
    padding-left: 0;
  }

  .comment-box .avatar {
    width: 32px !important;
  }

  .comment-box .responsive-avatar {
    padding-right: 0;
    padding-left: 5px ;
  }
}

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

@media screen and (max-width: 1200px) {
  small.company-hours-alert.badge.badge-danger {
    top: -50%;
  }
}

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

  .ui-datepicker-calendar td a::after {
    padding-top: 24px  !important;
    font-size: 8px   !important;
  }
  .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    margin-left: 0;
    zoom: .8;
  }
  .half-box {
    width: 100%;
  }
    
}
@media screen and (max-width: 992px) {
/* 
.comment_box_data .select2 {
  display: none;
}
.comment_box_data_resend .select2 {
  display: inline-block;
  min-width: 300px;
} */
/* .form-group.project_detail_edit {
  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;
}
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: 22px ;
  color: #fff;
  top: 10%;
}
a.ui-datepicker-prev.ui-corner-all span.ui-icon.ui-icon-circle-triangle-w span.text_prev {
  left: 22%;
  top: 60%;
}
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;
}
a.ui-datepicker-next.ui-corner-all span.ui-icon.ui-icon-circle-triangle-e span.text_next {
  left: 13% !important;
  top: 56% !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: #fff;
  font-size: 21px ;
}
.ui-datepicker-header.ui-widget-header .ui-state-hover, .ui-widget-content .ui-state-hover {
  border: 0;
  font-weight: 600;
  background: no-repeat;
}
header.entry-header {
  text-align: center;
}

body.dark-active header.entry-header {
  color: #fff;
}
input#submit_request {
  width: 200px;
  margin: auto;
}
#wpadminbar a {
  color: #fff !important;
}
}