/* infobox plugin styles */
.infobox-wrap-right {
  display: block;
  position: fixed;
  top: 30px;
  right: 30px;
  height: 1px;
  width: 265px;
  z-index: 100490;
}
.infobox-wrap-right .infobox {
  float: right;
}
.infobox-wrap-left {
  display: block;
  position: fixed;
  top: 30px;
  left: 30px;
  height: 1px;
  width: 265px;
  z-index: 100490;
}
.infobox-wrap-left .infobox {
  float: left;
}
.infobox {
  display: none;
  width: 265px;
  padding: 12px;
  margin-bottom: 10px;
  background-color: #323232;
  color: #FFF;
  z-index: 100500;
  position: relative;
}
.info-box-close {
  display: block;
  position: absolute;
  top: 0;
  right: 3px;
  color: #eee;
}
.infobox-icon {
  float: left;
  height: 100%;
  margin-right: 12px;
}
.infobox-icon i {
  font-size: 33px;
}
.infobox-msg {
  font-size: 12px;
  text-align: justify;
}
.infobox-msg.one-line {
  margin-top: 9px;
}
.infobox.small {
  width: 234px;
  padding: 9px;
}
.infobox.small .infobox-icon {
  float: left;
  height: 100%;
  font-size: 17px;
  margin-right: 9px;
}
.infobox.small .infobox-icon i {
  font-size: 17px;
}
.infobox.small .infobox-msg {
  font-size: 10px;
  text-align: justify;
}
.infobox.info {
  background-color: #0064c8;
}
.infobox.warning {
  background-color: #de8912;
}
.infobox.danger {
  background-color: #d43f3a;
}
.infobox.success {
  background-color: #4cae4c;
}