/*================================================================================
	Item Name: Frest HTML Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* ==========================================================================
   Slim, Compact Toast Notifications for Trading Screen (Top-Left Chart Corner)
   ========================================================================== */

#toast-container.toast-top-left,
#toast-container.toast-bottom-left,
#toast-container {
  top: 68px !important;
  left: 10px !important;
  bottom: auto !important;
  right: auto !important;
  max-width: 185px !important;
  width: auto !important;
  z-index: 999999 !important;
  pointer-events: none !important;
}

#toast-container.toast-top-left > div,
#toast-container.toast-bottom-left > div,
#toast-container > div {
  position: relative !important;
  margin: 0 0 4px 0 !important;
  padding: 4px 10px 4px 26px !important;
  width: auto !important;
  max-width: 180px !important;
  min-height: 24px !important;
  border-radius: 16px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5) !important;
  opacity: 0.94 !important;
  background-size: 13px 13px !important;
  background-position: 8px center !important;
  background-repeat: no-repeat !important;
  pointer-events: auto !important;
}

#toast-container .toast-title {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  letter-spacing: 0.2px !important;
}

#toast-container .toast-message {
  font-size: 9.5px !important;
  line-height: 1.2 !important;
  margin: 1px 0 0 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  letter-spacing: 0.1px !important;
}

#toast-container .toast-close-button {
  display: none !important;
}

#toast-container > div:before {
  display: none !important;
}

/* ==========================================================================
   Header Navbar: Perfect Vertical Alignment for Balance, Flag & Avatar
   ========================================================================== */

.header-navbar .navbar-container .navbar-nav.float-right {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  height: 100% !important;
}

.header-navbar .navbar-container .navbar-nav.float-right > li.nav-item:not(.d-none) {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.header-navbar .navbar-container .navbar-nav.float-right li.nav-item h4 {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

.header-navbar .navbar-container .navbar-nav.float-right li.nav-item h4 a.nav-link {
  padding: 0 0.5rem !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

.header-navbar .navbar-container .navbar-nav.float-right li.dropdown-language {
  padding: 0 0.4rem !important;
  display: flex !important;
  align-items: center !important;
}

.header-navbar .navbar-container .navbar-nav.float-right li.dropdown-language a.nav-link {
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

.header-navbar .navbar-container .navbar-nav.float-right li.dropdown-language i.flag-icon {
  margin-right: 0 !important;
  vertical-align: middle !important;
}

.header-navbar .navbar-container .navbar-nav.float-right li.dropdown-user {
  display: flex !important;
  align-items: center !important;
  padding: 0 0.4rem !important;
}

.header-navbar .navbar-container .navbar-nav.float-right li.dropdown-user a.dropdown-user-link {
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.header-navbar .navbar-container .navbar-nav.float-right li.dropdown-user a.dropdown-user-link span {
  display: flex !important;
  align-items: center !important;
}

.header-navbar .navbar-container .navbar-nav.float-right li.dropdown-user a.dropdown-user-link img {
  height: 34px !important;
  width: 34px !important;
  max-height: 34px !important;
  max-width: 34px !important;
  border-radius: 50% !important;
  vertical-align: middle !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  margin: 0 !important;
}

@media screen and (max-width: 1000px) {
  .header-navbar .navbar-container {
    display: flex !important;
    align-items: center !important;
  }

  .header-navbar .navbar-container #navbar-mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
  }

  .header-navbar .navbar-container .navbar-nav.float-right {
    margin-left: auto !important;
  }
}