html,
body {
  -webkit-text-size-adjust: none;
  width: 100%;
  /* overflow-x: hidden; */
}

.carousel-inner {
  background: #F5F5F5 !important;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  padding: 1rem !important;
  width: 4rem !important;
  height: 4rem !important;
  background-size: 50% 50% !important;
  background-color: #0a1218 !important;
  border-radius: 2rem !important;
}
.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
  filter: invert(0) grayscale(100) !important;
}


.btn {
  border-radius: 0px;
}

.bg-custom-dark {
   background-color: #e7ebec;
   color: #0a1218 !important;
}

.table {
  color: #3c3c3c;
  border-color: #e7ebec;
}

.modal-content .close {
  background-color: #FFF;
  color: #3c3c3c;
}

.modal-footer {
  border-top: 1px solid #e7ebec;
}

.input-group-text {
  background-color: #fff;
  color: #000;
  border: 1px solid #e7ebec !important;
}

.select2-search__field {
  background-color: #fff !important;
  color: #0a1218 !important;
}

li > .select2-search__field {
  background-color: transparent !important;
  border: none !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
#catsContainer,
.select2-container--bootstrap4 .select2-selection {
  background-color: #fff !important;
  color: #0a1218 !important;
  border-radius: 0px !important;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #fff !important;
  color: #0a1218 !important;
  border: 1px solid #0a1218 !important;
}

.select2-container--default .select2-selection--single,
.select2-dropdown {
  background-color: #fff;
  border: 1px solid #e7ebec;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove,
.select2-container--bootstrap4
  .select2-selection--multiple
  .select2-selection__choice {
  color: #0a1218 !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background: none !important;
  color: #0a1218;
}

.autocomplete-suggestions {
  background: #fff;
  border-left: 1px solid #e7ebec !important;
  border-right: 1px solid #e7ebec !important;
  border-bottom: 1px solid #e7ebec !important;
  border-top: none !important;
}
.autocomplete-suggestions .autocomplete-suggestion {
  border-bottom: none !important;
}

.autocomplete-suggestions .autocomplete-suggestion:hover {
  background: #fff;
  color: #000;
}

.filter-content > .select2-container {
  border: 1px solid #e7ebec !important;
}

.select2-container--default .select2-selection--single,
.select2-dropdown {
  background-color: #fff !important;
  border-left: 1px solid #e7ebec !important;
  border-right: 1px solid #e7ebec !important;
  border-bottom: 1px solid #e7ebec !important;
  border-top: none !important;
}

.select2-container--bootstrap4
  .select2-dropdown
  .select2-results__option[aria-selected="true"],
.select2-container--bootstrap4
  .select2-dropdown
  .select2-results__option[aria-selected="true"]:hover {
  color: #33ffaa !important;
  background: none !important;
}

.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4
  .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
  color: #000 !important;
}

.select2-container--bootstrap4
  .select2-dropdown
  .select2-results__option:hover {
  color: #000 !important;
  background: #fff !important;
}

.select2-container--bootstrap4
  .select2-selection--single
  .select2-selection__placeholder {
  color: #e7ebec;
}
.select2-container--bootstrap4
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #e7ebec transparent transparent transparent !important;
}
.select2-container--bootstrap4
  .select2-selection--single
  .select2-selection__rendered {
  color: #000 !important;
}

.skin .form-control {
  border: 1px solid #e7ebec;
  border-radius: 0px !important;
}

input:focus,
textarea:focus {
/*   border: 1px solid transparent !important; */
  box-shadow: none !important;
}

input[type=search]:focus {
   border: 1px solid #e7ebec !important;
}

.eyeOfPwd {
  color: #fff;
}

.form-switch .form-check-input {
  background-color: #9a9a9a;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.5%29'/%3e%3c/svg%3e");
}

.photo-count {
  background-color: #fff;
  color: #2a2930;
}

.card-user-info .grid-col .col,
.card-user-info .grid-col .col.from i {
  color: #2a2930;
}

.listing-view-action span.active {
  color: #23e091;
}

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

.file-preview {
  border: none !important;
}

.nice-select {
  background-color: #fff;
  color: #3c3c3c;
  border: 1px solid #d9dddf !important;
}

.nice-select .option {
  background-color: #fff;
  color: #3c3c3c;
  border-bottom: 1px solid #d9dddf !important;
}
.nice-select .list {
  background-color: #fff;
  color: #3c3c3c;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: transparent !important;
  color: #000 !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
#catsContainer,
.select2-container--bootstrap4 .select2-selection {
  padding-left: 10px;
  background-color: #fff !important;
  color: #0a1218 !important;
  border: 1px solid #e7ebec !important;
  border-radius: 0px !important;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
  border-color: #fff !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select2-selection {
  border-color: #fff !important;
}

.business-posts {
  border: 1px solid #d9dddf;
}
.bg-secondary {
  background-color: #26282e;
}
.jobs-s-tag {
  background-color: #d9dddf;
}

a.jobs-s-tag:hover {
  background-color: #FFF !important;
  color: #000 !important;
}

.noUi-handle {
  background: #fff !important;
  border: 1px solid #d9dddf !important;
  border-radius: 50% !important;
  display: inline-block;
  height: 17px !important;
  width: 20px !important;
  box-shadow: none !important;
}

.noUi-target {
  background: #e7ebec !important;
  border-radius: 4px;
  border: none !important;
  box-shadow: none !important;
}
.noUi-horizontal {
  height: 5px !important;
}
.noUi-handle:before,
.noUi-handle:after {
  content: none !important;
  display: none !important;
}

.collapse-title {
  color: #fff;
}

.user-panel-sidebar ul li a.active,
.user-panel-sidebar ul li a:hover {
  background-color: #e7ebec;
  color: #0a1218;
}
.user-panel-sidebar ul li a i {
  width: 20px;
}

.user-panel-sidebar ul li a {
  background: transparent;
  color: #0a1218;
  border-radius: 0px !important;
}

.table-striped > tbody > tr > td {
  color: #3c3c3c;
}

.img-thumbnail {
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}

@media (min-width: 768px) {
  /* scrollbar */
  /* width */
  ::-webkit-scrollbar {
    width: 5px !important;
    height: 5px !important;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: #FFF;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #e7ebec;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #d9dddf;
  }

  li.nav-item a.nav-link:hover {
    background-color: #e7ebec !important;
    border-color: #e7ebec !important;
  }

  .dropdown-menu {
    color: #0a1218;
    background-color: #fff !important;
  }

  .dropdown-item:hover{
    background: #e7ebec !important;  
  }
  .dropdown-item:hover,
  .dropdown-item a:hover { 
    color: #0a1218 !important;
  }

  .dropdown-item .active,
  li.dropdown-item.active,
  li.dropdown-item:active,
  li .dropdown-menu.user-menu > .active > a,
  #selectCats > .content-box,
  .select2-search__field,
  .modal-content,
  .modal-header {
    background: #fff !important;
  }
}

.inbox-nav li.active,
.inbox-nav li:hover {
  background: none !important;
  color: #000;
}

.list-group,
.list-group-item {
  background-color: #e7ebec !important;
  border-color: #e7ebec !important;
}

.list-group-item:hover {
  background-color: #e7ebec !important;
  border: 1px solid #e7ebec !important;
}

li .nav-item .active {
  background-color: #33ffaa !important;
}

.nav-pills .nav-link {
  background-color: #e7ebec !important;
}

.message-list .list-group-item .list-box-content .title {
  color: #33ffaa;
}

.message-list .list-group-item.seen .list-box-content .title,
.message-list .list-group-item .list-box-content .message-text,
.message-list .list-group-item .list-box-action a,
.swal2-html-container {
  color: #3c3c3c !important;
}

.searchpan input#filter:focus {
  border-top: 1px solid #33ffaa;
}

.swal2-popup {
  background: #e7ebec !important;
  color: #3c3c3c !important;
}

.swal2-styled.swal2-confirm {
  background-color: #33ffaa !important;
  color: #000 !important;
}

.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e") !important;
}

.form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
}

table.checkboxtable td,
table.checkboxtable th {
  border-top: solid 1px #e7ebec !important;
}

.cookie-consent {
  background: #e7ebec !important;
}
.cookie-consent__message {
  color: #000;
}
.skin .cookie-consent__agree {
  color: #000 !important;
}
.info-row-custom {
  color: #3c3c3c !important;
}

#find-icon {
  height: 18px;
  width: 18px;
  background: transparent url("/assets/css/img/find.png") top left no-repeat;
}

.items-details h5.add-title {
  font-size: 21px !important;
  font-weight: normal !important;
}
.label {
  color: #20202a !important;
}

@media (max-width: 767px) {
  .navbar-site.navbar .nav > li a:not(.btn),
  .navbar-site.navbar .nav > .nav-item a:not(.btn) {
    padding-left: 5px;
    font-size: 15px !important;
  }
  .navbar-site.navbar .nav > li i{
    width: 30px;
  }
  ul.dropdown-menu.user-menu,
  li.lang-menu ul.dropdown-menu {
    width: 100%;
    border-radius: 35px !important;
    box-shadow: none !important;
    margin-bottom: 20px !important;
  }
  h5 {
    line-height: 25px;
  }
  .dropdown-item.active {
    background-color: #fff !important;
  }
  .dropdown-item:hover {
    background-color: #e7ebec !important;
  }
/*   .dropdown-menu {    
    background-color: transparent !important;
  } */
}

.save-search-bar:hover {
  background: none !important;
}

.noUi-connect {
  background: linear-gradient(to right, #52f383, #b9abff) !important;
}

.noUi-handle {
  right: -9px !important;
  top: -5px !important;
  height: 14px !important;
  width: 14px !important;
}

.items-details .well {
  background-color: #e7ebec !important;
}

/* .btn-light {
  color: #fff !important;
  background-color: #28292d !important;
  border-color: #2c2d36 !important;
}
 */

.filter-reset i:hover {
  cursor: pointer;
  color: #000 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #33ffaa !important;
}
.page-item.disabled .page-link {
  color: #e7ebec !important;
}
.page-link {
  color: #020202 !important;
  background-color: #fff !important;
  border-color: #e7ebec !important;
}
.spanOr {
  background-color: #fff !important;
  border: 1px solid #e7ebec !important;
}