.navbar-brand img {
    height: 25px;
}

.banner-home-shop:before {
    background: #000;
    /*background: transparent;*/
}

.header .navbar .navbar-nav .nav-item.active .nav-link:after {
    background: transparent;
}

.header .navbar .navbar-nav .nav-item:hover .nav-link:after {
    background: transparent;
}



.content-floating {
    z-index: 1;
}

.footer .footer-bottom .footer-logo img {
    height: auto;
}

.text-gray {
    color: #aaa;
}

.text-black {
    color: #333;
}


@media (min-width: 992px) {
    .navbar-brand img {
        height: 35px;
    }

    .header.default .navbar .navbar-nav .nav-link {
        color: #aaa;
    }

    .header.default .navbar .navbar-nav .nav-item.active .nav-link {
        color: #fff;
    }

    .header.default .navbar .navbar-nav .nav-link:hover {
        color: #ccc;
    }
}

@media (max-width: 575px) {
    .breadcrumb {
        width: 85%;
    }
}



.register-supplier-bg {
    background: url(/assets/site/images/register-supplier-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.register-user-bg {
    background: url(/assets/site/images/register-supplier-bg.jpg);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.navbar-brand img.logo-app {
    height: 30px !important;
}

.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    background-color: #B9962E;
    border-color: #B9962E;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #B9962E;
    border-color: #B9962E;
}

.logo-auth {
    max-width: 100%;
}

@media (min-width: 992px) {
    .logo-auth {
        max-width: 80%;
    }
}


.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #c8ccce;
    opacity: 1; /* Firefox */
  }

  .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c8ccce;
  }

  .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #c8ccce;
  }


  /********* APP WEB ********/

  .navbar-brand-app {
    padding: 15px 0px;
  }

  .footer-bottom-app {
    padding: 15px 0px !important;
  }

  .container-fluid-app {
    padding-right: var(--bs-gutter-x,.75rem) !important;
    padding-left: var(--bs-gutter-x,.75rem) !important;
  }

  .breadcrumb-app {
      bottom: inherit !important;
      position: inherit !important;
      transform: inherit !important;
      -webkit-transform: inherit !important;
      padding: 0 15px !important;
  }

  .breadcrumb-app .breadcrumb-item {
      font-size: 17px !important;
  }

  @media (max-width: 575px) {
    .breadcrumb-app {
        width: inherit !important;
    }

    .navbar-brand img.logo-app {
        height: 18px !important;
    }
}

@media (min-width: 992px) {
    .header-app .navbar .dropdown-menu {
        left: inherit !important;
    }

    .navbar-brand img {
        height: 29px !important;
    }
}

.header-app .navbar .dropdown > .dropdown-menu li > a:hover, .header-app .navbar .dropdown > .dropdown-menu li.active a {
    background: transparent !important;
    color: #333333 !important;
}

.header-app .navbar .dropdown-menu li a i {
    margin-left: inherit !important;
}

.header-app .navbar-nav li > a i {
    font-size: inherit !important;
}

.header-app .btn {
    padding: .375rem .75rem !important;
}

.header-app .navbar .navbar-brand {
    flex: inherit !important;
}

.card-app .card-header .btn {
    padding: 5px 10px !important;
    font-size: 13px !important;
}

.card-app .card-header .btn i {
    padding-right: 5px !important;
}

.btn-close span {
    display: none;
}

.back-to-top a {
    right: 8px !important;
    bottom: 8px !important;
}

.header-app .navbar .navbar-nav .nav-link i {
    margin-left: inherit !important;
}

.btn-group>.btn {
    padding: 6px 12px !important;
}


.mx-datepicker.is-invalid .mx-input {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.nav-pills.nav-register-tabs .nav-item {
    width: 50%;
}

.nav-pills.nav-register-tabs .nav-item .nav-link {
    width: 100%;
    border: none;
    color: black;
}

.nav-pills.nav-register-tabs .nav-link.active, .nav-pills.nav-register-tabs .show>.nav-link {
    background-color: #B9962E;
    color: white;
}

#MazPhoneNumberInput input.input-tel.input-phone-number.input-tel__input  {
    color: #000 !important;
}