@media (min-width: 1600px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
    max-width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
    max-width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
    max-width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
    max-width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
body {
  /* Bootstrap color quick override */
}
body a {
  color: #68a0b0;
}
body a:hover {
  color: #467786;
}
body .btn-primary {
  color: #fff;
  background-color: #68a0b0;
  border-color: #68a0b0;
}
body .btn-primary:hover, body .btn-primary:focus, body .btn-primary:active {
  background-color: #467786;
  border-color: #467786;
}
body .btn-primary:not(:disabled):not(.disabled).active,
body .btn-primary:not(:disabled):not(.disabled):active,
body .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #467786;
  border-color: #467786;
}
body .btn-info {
  color: #fff;
  background-color: #82919a;
  border-color: #82919a;
}
body .page-link {
  color: #68a0b0;
}
body .page-link:hover {
  color: #467786;
}
body .page-item.active .page-link {
  color: #fff;
  background-color: #68a0b0;
  border-color: #68a0b0;
}
body .dropdown-item.active,
body .dropdown-item:active {
  color: #fff;
  background-color: #68a0b0;
}
body .card-primary.card-outline {
  border-top: 3px solid #68a0b0;
}
body .text-lightblue {
  color: #68a0b0 !important;
}

.brand-link .brand-image {
  display: inline-block;
  max-width: 100%;
  max-height: 60px;
  margin-left: 20px;
  float: none;
  transition: 0.2s;
}

@media (min-width: 992px) {
  .sidebar-mini.sidebar-collapse .main-sidebar,
.sidebar-mini.sidebar-collapse .main-sidebar::before {
    width: 5rem;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar .brand-link .brand-image {
    margin: 5px 0;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-link .brand-image,
.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-link .brand-image {
    margin: -3px 20px 0;
  }
}
[class*=sidebar-dark-] {
  background-color: #222222;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #a7d8de;
  color: #222222;
  font-weight: 600;
}

.nav-sidebar > .nav-item > .nav-link > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
}
.nav-sidebar > .nav-item > .nav-link > i + * {
  margin-left: 5px;
}

.overflow-hidden {
  overflow: hidden;
}

.table-actions {
  display: flex;
}
.table-actions.wrap {
  flex-wrap: wrap;
}
.table-actions.contractor-actions .btn-action + .btn-action {
  margin-top: 8px;
}
.table-actions > *:not(:last-child) {
  margin-right: 8px;
}

.textarea-limited {
  min-height: 103px;
  max-height: 400px;
}

.input-group-text:not(.auto) {
  justify-content: center;
  width: 46px;
}

.table-md th,
.table-md td {
  padding: 0.5rem;
}

.table-contractors {
  font-size: 15px;
}

.btn-action {
  width: 33px;
}
@media (min-width: 768px) {
  .btn-action {
    width: 76px;
  }
  .btn-action:not(:last-child) {
    margin-right: 0;
  }
  .btn-action + .btn-action {
    margin-top: 8px;
  }
}

.badge-delete-request {
  display: block;
  margin: 8px auto 0;
  font-size: 16px;
}

.contractor-work-group {
  font-size: 13px;
  white-space: nowrap;
}
.contractor-work-group.parent {
  font-weight: bold;
}
.contractor-work-group.subgroup {
  padding-left: 10px;
}

.btn-select {
  border: 1px solid #ced4da;
}

#selBsCity,
#selBsWorkGroup {
  max-height: 38px;
}

#selBsCity ~ .dropdown-menu .bs-select-all {
  display: none;
}

.contractor-recommendations {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  font-size: 16px;
}

.contractor-recommendation {
  display: inline-flex;
  align-items: center;
}
.contractor-recommendation:not(:last-child) {
  margin-right: 10px;
}
.contractor-recommendation i {
  margin-right: 5px;
  font-size: 20px;
}

.contractor-recommendation-cards {
  max-height: 400px;
  padding: 15px;
  overflow: auto;
}
.contractor-recommendation-cards .card-title {
  float: none;
  margin-bottom: 5px;
  font-size: 1.25rem;
  font-weight: 600;
}
.contractor-recommendation-cards .card-date {
  margin-bottom: 5px;
  font-style: italic;
}
.contractor-recommendation-cards .card-project .name {
  font-weight: 600;
}
.contractor-recommendation-cards .card-rating .rating {
  font-size: 20px;
}

.rating-radio {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  padding: 5px;
}
.rating-radio:not(:last-child) {
  margin-right: 5px;
}
.rating-radio:hover.rating-positive {
  color: #218838;
}
.rating-radio:hover.rating-negative {
  color: #c82333;
}
.rating-radio i {
  font-size: 20px;
}
.rating-radio input {
  position: absolute;
  height: 0;
  width: 0;
  z-index: -1;
}
.rating-radio.rating-positive input:checked + i {
  color: #28a745;
}
.rating-radio.rating-negative input:checked + i {
  color: #dc3545;
}

.cookie-consent {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 8px 0;
  width: 100%;
  background: rgba(248, 249, 250, 0.9);
  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.8);
  text-align: center;
  z-index: 1040;
  -webkit-animation: fadein 2.5s;
  animation: fadein 2.5s;
}
.cookie-consent.cookie-consent-hidden {
  pointer-events: none;
  opacity: 0;
  z-index: -1;
  -webkit-animation: fadeout 1.5s;
  animation: fadeout 1.5s;
}
.cookie-consent button {
  margin: 5px 0 5px 10px;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
    z-index: 1040;
  }
  99% {
    opacity: 0;
    z-index: 1040;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
    z-index: 1040;
  }
  99% {
    opacity: 0;
    z-index: 1040;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}
.bs-select-form-group .input-group {
  flex-wrap: nowrap;
}
.bs-select-form-group .bootstrap-select.fit-width .dropdown-toggle .filter-option {
  height: 24px;
}
.bs-select-form-group .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline-block;
  height: 24px;
  max-width: 100%;
  text-overflow: ellipsis;
}

.bootstrap-select .dropdown-menu small {
  font-weight: 600;
}
.bootstrap-select .dropdown-item {
  padding-bottom: 6px;
  line-height: 1.3;
  white-space: normal;
}

.text-primary {
  color: #68a0b0 !important;
}

.btn-description {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  color: #68a0b0;
}
.btn-description:hover, .btn-description:focus {
  color: #68a0b0;
}
.btn-description:hover:hover, .btn-description:hover:focus, .btn-description:hover:active, .btn-description:focus:hover, .btn-description:focus:focus, .btn-description:focus:active {
  color: #467786;
}

.phone-input-wrapper .input-group {
  flex-wrap: nowrap;
}
.phone-input-wrapper .input-group .iti {
  width: 100%;
}