#vue-simple-notify {
  position: absolute;
  z-index: 101;
  top: 5em;
  right: 2em;
}

#vue-simple-notify .veh-notify {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  background: #fff;
  color: #fff;
  border-left: 4px solid;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  margin: 18px 15px 2px;
  padding: 10px 12px;
  min-width: 25em;
}

#vue-simple-notify .veh-dismissable {
  float: right;
  font-family: inherit;
  font-weight: 600;
  margin: 0px -10px 0 0;
  padding: 4px;
  padding-top: 0px;
  font-size: 12px;
  /*color: rgba(100, 100, 100, 0.42);*/
  color: #fff;
  cursor: pointer;
}

#vue-simple-notify .veh-dismissable:hover {
  color: rgb(100, 100, 100);
}

#vue-simple-notify .veh-type {
  font-weight: 600;
  /*color: #2c3e50;*/
  color: #fff;  
}

#vue-simple-notify .veh-message {
  font-weight: 400;
  /*color: #2c3e50;*/
  color: #fff;
}

#vue-simple-notify .veh-list-enter-active, .veh-list-leave-active {
  transition: all .2s;
}

#vue-simple-notify .veh-list-enter, .veh-list-leave-to {
  opacity: 0;
  transform: translateX(190px);
}
