/* put your own styles to customize and override the theme */

/* :root {
  --main-color: green;
} */

.app-header-dark {
  background-color: var(--main-color, #346cb0);
  color: hsla(0, 0%, 100%, 0.8);
}

/* left menu right border */
.app-aside-light {
  border-right: 1px solid rgba(20, 20, 31, 0.03);
}

/* left bottom menu */
.border-top {
  border-top: 1px solid rgba(34, 34, 48, 0.03) !important;
}

/* main grid */
/* .app-aside-expand-md {
  width: 14rem;
} */
/* .app-aside-expand-md + .app-main {
  padding-left: 14rem;
} */
/* main grid top left brand */
/* .top-bar-brand {
  width: 14rem;
}
@media (max-width: 767.98px) {
  .app-aside-expand-md {
    top: 0;
    transform: translate3d(-100%, 0, 0);
    z-index: 1050;
    border-right: 0;
  }
}
@media (min-width: 768px) {
  .app-aside-expand-md + .app-main {
    padding-left: 14rem;
  }
}
@media (min-width: 768px) {
  .app-aside-expand-md {
    top: 3.5rem;
    width: 14rem;
    z-index: 6;
  }
} */

.input-group-append {
  border: 1px solid white;
}

.form-control {
  border-radius: 2px;
  border: 1px solid #e4eaec;
}

.input-group:not(.input-group-alt) {
  border: 1px solid #e4eaec;
  border-radius: 2px;
}

.input-group-text {
  border: 1px solid #e4eaec;
  border-radius: 2px;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
  border: 1px solid #e4eaec;
}

.custom-select {
  border: 1px solid #e4eaec;
  border-radius: 2px;
}

.btn {
  border-radius: 2px;
}

.order-info.row {
  padding-top: 5px;
  padding-bottom: 5px;
}

.order-info.row:hover {
  background-color: #f7f7f7;
}

.card {
  border-radius: 0px;
}

/* colors */
.text-danger {
  color: #dc3545 !important;
}