.ya_notice {
  margin: 10px auto;
  border: 1px solid transparent;
  padding: 15px 15px 15px 60px;
  position: relative;
  border-radius: 3px; }
  .ya_notice:before {
    font-family: "FontAwesome";
    font-size: 36px;
    position: absolute;
    top: 50%;
    left: 26.5px;
    transform: translate(-50%, -50%); }

.ya_success {
  background: #bed8be; }
  .ya_success:before {
    color: #94c395;
    content: "\f058"; }

.ya_danger {
  background: #efa882; }
  .ya_danger:before {
    color: #d9544f;
    content: "\f057"; }

.ya_info {
  background: #dceaea; }
  .ya_info:before {
    color: #7ec3d8;
    content: "\f05a"; }

.ya_warning {
  background: #f9e4a5; }
  .ya_warning:before {
    color: #efad4f;
    content: "\f071"; }