@import url(icons/css/icon-font.css);
@import url(icons/css/icon-font-ie7.css);
@import url(icons/css/icon-font-ie7-codes.css);
@import url(icons/css/icon-font-embedded.css);
@import url(icons/css/icon-font-codes.css);
@import url(icons/css/animation.css);
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/OpenSans-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: bold;
  src: url("../fonts/OpenSans-BoldItalic.ttf") format("truetype");
}
.myalert-wrapper {
  /*width: 200px;
  font-family: 'Open Sans';*/
}

.myalert {
  background-color: #666;
  color: #fff;
  padding: 15px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(34, 34, 34, 0.05);
          box-shadow: 1px 1px 5px 1px rgba(34, 34, 34, 0.05);
  border-left: 4px solid #474747;
}
.myalert p {
  margin: 0;
  font-size: .9rem;
}
.myalert:hover .myalert-close {
  opacity: 1;
  visibility: visible;
}

.myalert-close {
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -moz-transition: .2s;
  transition: .2s;
  cursor: pointer;
}

.myalert-danger {
  background-color: #E42727;
  border-color: #b71717;
}

.myalert-warning {
  background-color: #F37C13;
  border-color: #bf5f0a;
}

.myalert-success {
  background-color: #03B635;
  border-color: #027a23;
}

.myalert-info {
  background-color: #2B6CCC;
  border-color: #205199;
}

/*# sourceMappingURL=myalert-theme.css.map */