/*********************************************************************************

    Template Name: JuniorHome Day Care  Bootstrap 4 Template  
    Template URI: https://themeforest.net/user/hastech
    Description: JuniorHome is a beautifula and unique Day Care Bootstrap 4 template.
    Author: HasTech
    Author URI: https://hastech.company/
    Version: 1.0

    Note: This is style css.

**********************************************************************************/

.site-toast {
  position: fixed;
  z-index: 2000;
  left: 50%;
  bottom: 24px;
  max-width: calc(100vw - 32px);
  padding: 12px 18px;
  transform: translateX(-50%);
  background: #252525;
  color: #fff;
  border-radius: 4px;
}

.site-toast[hidden] {
  display: none;
}

.user-control .accounting {
  gap: 10px;
}

.user-name {
  display: inline-block;
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}