#slide-out {
  color: black;
}


.nav-title {
  margin-left: 1.5em;
  font-size: 1.15em;
  font-weight: 500;
  padding: 0px 20px;
  margin: 0px;
  max-height: 45px;
  display: flex;
  justify-content: space-between;
}
.nav-title i {
  display: flex;
  justify-content: center;
  align-items: center;
}
.waves-effect:hover {
  padding-left: 3em;
  text-decoration: none;
}

.icon {
  margin-right: 0.25em;
}

.sidenav-trigger {
  position: fixed;
  bottom: 23px;
  left: 23px;
  font-size: 23px;
  color: black;
}

/* Toasts */
.err-toast{
  border-left: #FF4C52 5px solid;
}
.err-toast .toast-icon {
  color: #FF4C52;
}

/* Warning Toast */
.warning-toast{
  border-left: #FCAA00 5px solid;
}
.warning-toast .toast-icon {
  color: #FCAA00;
}

/* Success Toast */
.success-toast{
  border-left: #11C26D 5px solid;
}
.success-toast .toast-icon {
  color: #11C26D;
}

/* General */
.toasts-popup-box{
  position: fixed !important;
  bottom: 0px;
  left: 0px;
  padding: 0px 0px 20px 30px;
  height: auto;
  display: flex;
  flex-direction: column-reverse;
  z-index: 100;
}

.err-toast, .success-toast, .warning-toast{
  z-index: 1000;
  min-height: 95px;
  background-color: white !important;
  padding-left: 0 !important;
  align-items: center;
  max-width: 600px;
  max-height: 95px;
  margin: 5px auto;
  position: relative;
  right: 500px;
}

.toast-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
}
.toast-close-btn{
  position: absolute;
  top: 10px;
  right: 10px;
}
.toast-close-btn svg{
  cursor: pointer;
  color: rgb(102, 102, 102);
}
.toast-close-btn svg:hover{
  color: black;
}
.toast-content{
  font-size: 16px;
}

.toast-timer{
  position: absolute;
  bottom: 0;
  font-size: 12px;
  width: 100%;
  min-height: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}

.toast-time-type-1 {
  background-color: #11C26D;
} 
.toast-time-type-2 {
 background-color: #FCAA00;
}
.toast-time-type-3 {
  background-color: #FF4C52;
}

.toast-timer-f{
  -webkit-animation: linear 5s toastTimer forwards;
}

@-webkit-keyframes toastTimer {
  0% {
    width: 100%;
  }

  100% {
    width: 0%;
  }
}