.be-left-sidebar .sidebar-elements li.parent>a:before {
  display: none;
}

.error_label label.error {
  margin: 16px 0 0 0;
  color: #ea2c2c;
}

.btn-yellow,
.be-top-header {
  background-color: #edcd1f;
}

.page-item.active .page-link {
  z-index: 1;
  color: #FFFFFF;
  background-color: #edcd1f;
  border-color: #edcd1f;
}

.mdi-edit:before,
.mdi-delete:before,
.mdi-eye:before {
  color: #2f2e2e;
}

span.icon.mdi.mdi-edit,
span.icon.mdi.mdi-delete,
span.icon.mdi.mdi-aye {
  font-size: 14px !important;
}

#edit_image_preview_update,
#edit_image_update {
  width: 200px !important;
  height: 200px;
  object-fit: contain;
  cursor: pointer;
}

.be-left-sidebar {
  background-color: #2f2e2e;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 100px;
  transition: 1s ease;
}

.be-content,
.be-sidebar-wrapper,
.sidebar-elements .parent a span,
.sidebar-elements .parent a .sub-menu{
  transition: 1s ease;
}

.sidebar-collapse{
  width: 60px !important;
}

.sidebar-collapse .sidebar-elements .parent.open .sub-menu,
.sidebar-collapse .sidebar-elements .parent>a>span,
.sidebar-collapse .sidebar-elements .parent>a>span+.mdi-chevron-down{
  opacity: 0;
  visibility: hidden;
  height: 0;
  padding: 0;

}

.sidebar-collapse .sidebar-elements .parent>a{
  text-overflow: unset;
    overflow: unset;
}

.sidebar-collapse .sidebar-collapse-btn i{

  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.be-content-expand{
  margin-left: 60px;
}

.be-content-expand .custom_scroll_adjust {
  width: calc(100% - 60px);
}

.be-left-sidebar::-webkit-scrollbar {
  width: 3px;
}

.be-left-sidebar .sidebar-elements>li>a:hover {
  background-color: #edcd1f;
  color: black;
  font-weight: bold;
}

.nav-tabs>li.nav-item a.nav-link:hover {
  color: #2f2e2e;
}

.be-top-header .be-navbar-header .navbar-brand {
  line-height: 60px;
  height: 50px;
  width: 175px;
  background-image: url(../img/lmcc-logo.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  padding: 0 20px;
  margin: 10px;
  display: block;
  background-size: contain;
}

.be-left-sidebar .sidebar-elements>li>a.active,
.be-left-sidebar .sidebar-elements>li>ul li a.active {
  background-color: #edcd1f;
  color: black;
  font-weight: bold;
}

#project_information,
#awarding_body,
#construction_manager,
#prime_sub {
  margin-bottom: 30px;
}

#main {
  height: 55vh;
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

#notes,
#visits,
#documents,
#complaints,
.all_table_scroll {
  overflow-y: auto;
  height: calc(100vh - 150px);
}


/* width */

#main::-webkit-scrollbar,
#notes::-webkit-scrollbar,
#visits::-webkit-scrollbar,
#documents::-webkit-scrollbar,
#complaints::-webkit-scrollbar,
#main_custom::-webkit-scrollbar,
#main_custom_create_pr::-webkit-scrollbar,
.scroll::-webkit-scrollbar,
.cus_modal_body_scroll::-webkit-scrollbar,
.all_table_scroll::-webkit-scrollbar,
.custom_scroll_adjust::-webkit-scrollbar,
.scroll_menu::-webkit-scrollbar {
  width: 0px;
}




/* Track */

#main::-webkit-scrollbar,
#notes::-webkit-scrollbar,
#visits::-webkit-scrollbar,
#documents::-webkit-scrollbar,
#complaints::-webkit-scrollbar,
#main_custom::-webkit-scrollbar,
#main_custom_create_pr::-webkit-scrollbar,
.all_table_scroll::-webkit-scrollbar,
.cus_modal_body_scroll::-webkit-scrollbar,
.custom_scroll_adjust::-webkit-scrollbar,
.scroll::-webkit-scrollbar,
.scroll_menu::-webkit-scrollbar {
  background: transparent;
}

.modal-dropshadow {
  background: rgba(51, 65, 85, .7);
}

/* Handle */

#main::-webkit-scrollbar,
#notes::-webkit-scrollbar,
#visits::-webkit-scrollbar,
#documents::-webkit-scrollbar,
#complaints::-webkit-scrollbar,
#main_custom::-webkit-scrollbar,
#main_custom_create_pr::-webkit-scrollbar,
.all_table_scroll::-webkit-scrollbar,
.custom_scroll_adjust::-webkit-scrollbar,
.scroll::-webkit-scrollbar,
.cus_modal_body_scroll::-webkit-scrollbar,
.scroll_menu::-webkit-scrollbar {
  background: transparent;
}


/* Handle on hover */

#main::-webkit-scrollbar,
#notes::-webkit-scrollbar,
#visits::-webkit-scrollbar,
#documents::-webkit-scrollbar,
#complaints::-webkit-scrollbar,
.all_table_scroll::-webkit-scrollbar,
#main_custom::-webkit-scrollbar,
#main_custom_create_pr::-webkit-scrollbar,
.custom_scroll_adjust::-webkit-scrollbar,
.scroll::-webkit-scrollbar,
#scroll_menu::-webkit-scrollbar {
  background: transparent;
}

.nav-tabs-classic>li.nav-item a.nav-link.active {
  background-color: #edcd1f;
}

.scrolling_tab>li.nav-item a.nav-link.border-active {
  background-color: transparent;
  border-bottom: 2px solid #edcd1f;
}

.delete_img span {
  font-size: 28px;
  cursor: pointer;
}

#image-preview,
#image_preview_update,
#image-preview-document,
#image-edit-doc {
  height: 200px;
  object-fit: contain;
}

.image-upload>input {
  display: none;
}

.fa-paperclip {
  font-size: 38px;
  cursor: pointer;
}

#img_thumb a img {
  height: 150px;
  object-fit: scale-down;
}

img#editpicthumb:hover {
  cursor: pointer;
}

.be-left-sidebar .sidebar-elements li.parent>a:before {
  display: none;
}

#delete_pics,
#document_delete_pics {
  position: absolute;
  top: -30px;
  right: 0px;
  font-size: 25px;
  cursor: pointer;
}

#img_contain,
#img_containEdit,
#img_document {
  display: none;
}

#img_thumb_row .col-xl-3:nth-child(n+5) {
  display: none;
}

#image-preview-document+span,
#image-edit-doc+span {
  position: absolute;
  top: -35px;
  font-size: 25px;
  right: -5px;
  cursor: pointer;
}

.custom_scroll_adjust {
  position: fixed;
  width: calc(100% - 230px);
  transition: transform 0.3s ease;
}

#main_custom {
  height: calc(100vh - 220px);
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.parent_tab_container {
  width: calc(100% - 280px);
}

.be-right-sidebar {
  display: none !important;
}
.be-datatable-body .col-sm-12 {
  min-height: 200px;
}
.scroll {
  overflow-x: auto;
}

#img_thumb_row .col-md-3:nth-child(n+51),
#edit_img_thumb_row .col-md-3:nth-child(n+51) {
  display: none;
}

.cus_vh_modal {
  height: 90vh;
}

.cus_modal_body_scroll {
  max-height: 100%;
  overflow-y: auto;
}

.cust_login_logo {
  height: 90px;
}

.card_border_color_yellow {
  border-top: 3px solid #edcd1f;
}

.be-top-header {
  height: 60px;
}

.page-item.active .page-link {
  color: #878787;
}

.pr_head_font {
  font-size: 20px;
}

.datetimepicker.input-group {
  padding: 0 !important;
}


/*.table-cus .be-datatable-header .col-sm-6 {
    padding: 0;
}
.tab_padding .be-datatable-header .col-sm-6 {
    padding: 0 10px !important;
}*/

.form-group {
  margin-bottom: 1.538rem !important;
}

#expandedImg,
#image-preview,
#image_preview_update,
#image-preview-document,
#image-edit-doc,
.doc_img,
#edit_img_thumb_row .col-md-3 a .img-wrap img {
  width: 100px !important;
  height: 100px;
  object-fit: contain;
}

.mdi-filter-list:before {
  content: '\f160';
  color: #404040;
}

.cust_forgot_h {
  height: calc(100vh - 61px);
}

.cus_w_form {
  width: 450px;
}

.cus_w_form_edit {
  width: 550px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.fa-eye:before,
.fa-eye-slash:before {
  font-size: 20px;
}

.be-top-header .be-user-nav>li.dropdown .dropdown-menu:after {
  border-bottom-color: #edcd1f;
}

.be-top-header .be-user-nav>li.dropdown .dropdown-menu a:hover {
  background-color: #edcd1f;
  color: dimgray;
}

.show-calendar {
  width: 382px !important;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 380px !important;
}


/* .drp-calendar.left.single {
  padding: 20px !important;
} */

.month {
  padding: 0 !important;
}

.applyBtn,
.cancelBtn {
  background: #edcd1f;
  border: none;
  color: #404040;
  font-weight: bold !important;
}

.applyBtn:hover,
.cancelBtn:hover,
.applyBtn.active {
  background: #edcd1f;
  border: none;
  color: #404040;
}

.modal {
  overflow: hidden;
}

th.prev.available:hover,
th.next.available:hover {
  background: #7f7f7f4f !important;
}

.select2-selection__rendered {
  font-weight: normal !important;
}

.be-left-sidebar .sidebar-elements>li ul li>a:hover {
  background-color: #edcd1f;
}

.be-left-sidebar .sidebar-elements>li ul {
  background-color: #383737;
}
.be-left-sidebar .sidebar-elements>li ul li>a {
  color: white;
}
.be-left-sidebar .sidebar-elements > li > a{
  color:white;
  position: relative;
}

.be-left-sidebar .sidebar-elements > li > a .mdi-chevron-down{
  margin-right: 0;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 10px;
  transition: 0.4s ease;
}

.parent.open>a>.mdi-chevron-down{
  transform: rotate(180deg) translateY(50%) !important;
  padding-right: 10px;
  padding-left: 0 !important;
}

.be-left-sidebar .sidebar-elements>li>ul {
  border-top: 1px solid #555454;
  border-bottom: 1px solid #555454;
}

.be-left-sidebar .sidebar-elements>li.active {
  background-color: #edcd1f;
}

li.parent.active a span {
  color: #000 !important;
}

.be-left-sidebar .sidebar-elements>li.active>a {
  color: dimgray;
}

.simple_data_table tbody tr td:nth-child(3) a:hover {
  color: #2f2e2e !important;
  font-weight: bold;
}

#document_edit_delete_pics {
  position: absolute;
  top: 0;
  right: 0;
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color: #4285f4;
}

.cstm_border_hr {
  margin-top: 0;
}

.be-left-sidebar {
  position: fixed;
}

.be-sidebar-wrapper{
  position: fixed;
  width: 230px;
}

.sidebar-collapse-btn{
  position: absolute;
  border-radius: 50%;
  border: none;
  background-color: #fff;
  top: 10px;
  right: -16px;
  z-index: 999;
  height: 33px;
  width: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidebar-collapse-btn:focus{
  outline: none;
}

.sidebar-collapse-btn i{
  transition: transform 0.3s ease;
}


#main_custom_create_pr {
  height: calc(100vh - 160px);
  overflow-y: scroll;
  overflow-x: hidden;
  /* scroll-behavior: smooth; */
}

.fa.fa-file {
  font-size: 60px !important;
  color: #181717 !important;
}

.img-wrap {
  display: inline-block;
  position: relative;
}

.img_overlay {
  background-color: #0000008a;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 60;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  opacity: 0;
  transition: all ease 0.3s;
}

.img-wrap:hover .img_overlay {
  opacity: 1;
}

.img_overlay .mdi-edit:before {
  font-size: 20px !important;
  color: white !important;
}


/* Date range picker start css*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.daterangepicker {
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0;
}

.daterangepicker:after {
  content: '';
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  border: 0px;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.daterangepicker .drp-buttons {
  border: 0;
  text-align: center;
  background: #ffffff;
  margin: -1px 0px;
}

.daterangepicker.show-calendar .drp-buttons {
  display: flex;
  justify-content: flex-end;
  border: 0;
  padding: 15px 30px 15px 30px !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.daterangepicker.opensright:before {
  display: none;
}

.daterangepicker .calendar-time {
  margin-top: 15px;
}

.daterangepicker .drp-calendar {
  background: #ffffff;
  width: 380px;
  max-width: 380px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 4px !important;
}

.daterangepicker .calendar-table th {
  min-width: 53px;
  width: 53px;
  height: 53px;
  font-size: 20px;
  line-height: 45px;
}

.daterangepicker .calendar-table td {
  min-width: 40px;
  width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 29px;
  border: 0;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #50c80e;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover,
.daterangepicker td.start-date.end-date {
  border-radius: 100px;
}

.daterangepicker td.start-date.end-date {
  display: flex;
  align-items: center;
  justify-content: center;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 100px;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #ebf1f8;
  padding: 9px 15px;
  font-size: 16px;
}

.daterangepicker th.prev.available,
.daterangepicker th.next.available {
  display: flex;
  align-items: center;
  justify-content: center;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  border-color: #000;
  border-radius: 4px;
  cursor: pointer;
}


/* Date range picker end css*/

@media only screen and (max-width: 1199px) {
  .scroll_menu {
    max-width: 600px;
    white-space: nowrap;
    overflow-x: auto;
    margin-right: 20px;
  }
  .cstm_border_hr {
    margin-top: -20px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .nav-tabs>li.nav-item a.nav-link {
    padding: 15px 10px;
  }
  .cus_resp_padding li a {
    padding: 10px 15px !important;
  }
  #project .nav-link {
    padding: 15px 7px;
  }
  .scroll_menu {
    max-width: 600px;
    white-space: nowrap;
    overflow-x: auto;
    margin-right: 50px;
  }
  .cstm_border_hr {
    margin-top: -20px;
  }
}

@media only screen and (max-width: 991px) {
  .pr_head_font {
    font-size: 13px;
  }
  .simple_data_table tr td,
  .simple_data_table tr th {
    font-size: 11px;
  }
  .be-left-sidebar .sidebar-elements>li>a {
    font-size: 1rem !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 13px;
  }
  .card-header,
  .btn-space {
    margin: 0;
  }
  .pr_collapse_div {
    padding: 20px;
  }
  .scroll_menu {
    max-width: 500px;
    white-space: nowrap;
    overflow-x: auto;
    margin-right: 20px;
  }
}

@media (max-width: 767.98px) {
  .be-top-header {
    position: fixed;
  }
  .be-top-header .be-navbar-header {
    display: block;
  }
  #respo {
    display: none;
  }
}


/* hamza update css start 5/24/2021 */

.drp-calendar.left.single {
  padding: 20px 0 !important;
}

.dataTables_wrapper .row:nth-child(3) {
  margin-top: 20px !important;
}

.table-striped thead tr th,
.table-striped tr td {
  font-size: 13px;
}

#prime_sub .card-body .dataTables_wrapper .row:nth-child(2) .col-sm-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#file-name,
#edit_file_name_complaint {
  white-space: nowrap;
  min-width: 10px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  /* height: 15px; */
}

.spinner_border {
  width: 3rem !important;
  height: 3rem !important;
  text-align: center;
  position: absolute;
  top: 40%;
  left: 45%;
}

.loader-wrap.modal-loader {
  display: flex;
  position: absolute;
  background: white;
  width: 100%;
  height: 100vh;
  z-index: 999;
}

.spinner-border {
  display: inline-block;
  width: 3rem !important;
  height: 3rem !important;
  vertical-align: text-bottom;
  border: 0.25em solid #edcd1f !important;
  border-right-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite;
}


/* hamza update css end 5/24/2021 */


/* Faizan update css start 7/8/2021 */

#img_thumb_row,
#edit_img_thumb_row {
  overflow-y: auto;
  max-height: 125px;
}


/* .dataTables_wrapper .row:nth-child(1) {
  border-bottom: 1px solid #DEE2E6;
  margin: 2px 0 0;
  padding: 15px 10px 22px;
} */

span.mdi.mdi-close {
  font-size: 16px;
  display: inline-block;
  cursor: pointer;
  margin-left: 6px;
  color: #ea4335;
}

.scroll .row,
.scroll .col-sm-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

div#view_img_thumb_row .col-md-3 a img {
  width: 100px !important;
  height: 100px;
  object-fit: contain;
}

.upload_file_name_label {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear {
  right: -1px !important;
  font-size: 1.538rem;
  padding-left: 10px;
  padding-right: 30px;
}


/* .select2-container .select2-selection--single .select2-selection__rendered {
  width: 95%;
} */


/* .col-xl-3 .select2-container .select2-selection--single .select2-selection__rendered {
  width: 90%;
} */


/* .col-xl-6 .select2-container .select2-selection--single .select2-selection__rendered {
  width: 95%;
} */


/* .col-xl-4 .select2-container .select2-selection--single .select2-selection__rendered,
.col-md-12 .select2-container .select2-selection--single .select2-selection__rendered {
  width: 95%;
} */

#notes .card-header,
#notes .pagination,
#visits .card-header,
#visits .pagination,
#documents .card-header,
#documents .pagination,
#complaints .card-header,
#complaints .pagination {
  padding-right: 5px;
}

.btn:focus,
.btn.focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgb(135 135 135 / 50%);
  box-shadow: 0 0 0 0.15rem rgb(255 255 255 / 50%);
}

.dataTables_scrollBody {
  max-height: 500px;
  position: relative;
  overflow: auto;
  width: 100%;
}

a.remove_items {
  position: relative;
  left: 4px;
  color: red;
}

.file_rem_btn_add_complaint,
.file_rem_btn_edit_complaint {
  display: none;
}


/* Faizan update css end 7/8/2021 */


/* span#select2-funding-container {
  width: 95%;
} */

span.mdi.mdi-close.file_rem_btn_edit_complaint {
  position: absolute;
  right: 0;
}

#canvasModal {
  z-index: 9999;
}

.add_target_attr_view_img_site_visit {
  max-height: 200px;
  overflow-y: auto;
}
.canvas_cus_h{
  height: 320px;
  object-fit: contain !important;
}
.pointer_auto{
  pointer-events: auto !important;
}
/* Faizan update css end 7/8/2021 */

.privacy_btn_mt{
  margin-top: 32px;
}

/*Toggle CSS*/
.material-switch > input[type="checkbox"] {
  display: none;
}

.material-switch > label {
  cursor: pointer;
  height: 0px;
  position: relative;
  width: 40px;
}

.material-switch > label::before {
  background: rgb(0, 0, 0);
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  content: '';
  height: 16px;
  margin-top: -8px;
  position:absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 40px;
}
.material-switch > label::after {
  background: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 24px;
  left: -4px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
  background: blue;
  opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
  background: blue;
  left: 20px;
}

.table-striped thead tr th{
  text-wrap: nowrap;
}