/* == Messge == */
.wojo.message {
  position: relative;
  min-height: 18px;
  margin: 1em 0;
  height: auto;
  padding: 1em;
  line-height: 1.33;
  color: rgba(255,255,255,0.5);
  -webkit-transition: opacity .1s ease, color .1s ease, background .1s ease, 0 .1s ease;
  transition: opacity .1s ease, color .1s ease, background .1s ease, box-shadow .1s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: .325em;
}
/* == Notices == */
#wojo-overlay {
  position: fixed;
  top: 45%;
  right: 10px;
  max-width: 350px;
  z-index: 9999;
}
.wojo.message.notice {
  border-radius: .225em;
  box-shadow: 6px 6px 0 0 rgba(0,0,0,0.08),  inset 5px 0 0 0 rgba(0,0,0,0.3),  inset 6px 0 0 0 rgba(255,255,255,0.15);
  margin-top: 1px;
  margin-bottom: 0;
}
.wojo.message.notice span {
  font-weight: 600;
  font-family: 'Roboto';
}
.wojo.message.notice p {
  margin-top: 0;
}
.wojo.message.notice a.notice-close {
  opacity:0;
}
.wojo.message.notice:hover a.notice-close{
  opacity: 1;
}
.wojo.message.notice i.icon.close {
  position: absolute;
  right: 1em;
  top: .5em;
  color: rgba(255,255,255,0.8)
}
.wojo.message.notice.success {
  background-color: #273343;
  color: #92B06A;
}
.wojo.message.notice.info {
  background-color: #273343;
  color: #4298B5
}
.wojo.message.notice.warning {
  background-color: #273343;
  color: #E19D29
}
.wojo.message.notice.error {
  background-color: #273343;
  color: #DD5F32
}
.wojo.message:first-child {
  margin-top: 0
}
.wojo.message:last-child {
  margin-bottom: 0
}
.wojo.message.basic.notice {
  box-shadow:inset 5px 0 0 0 rgba(0,0,0,0.3);
}

/* == Content == */
.wojo.message .header {
  margin: 0;
  font-size: 1.35em;
  font-weight: 300;
  font-family: 'Roboto'
}
.wojo.message p {
  margin: 1em 0
}
.wojo.message p:first-child {
  margin-top: 0
}
.wojo.message p:last-child {
  margin-bottom: 0
}
.wojo.message .header + p {
  margin-top: .3em
}
.wojo.message > :first-child {
  margin-top: 0
}
.wojo.message > :last-child {
  margin-bottom: 0
}
.wojo.message ul.list {
  list-style-position: inside;
  margin: .2em 0;
  padding: 0
}
.wojo.message ul.list li:first-child{
  margin-top:.5em
}
.wojo.message ul.list li {
  position: relative;
  list-style-type: none;
  margin: 0 0 .3em 1em;
  padding: 0;
  font-weight: 300;
  font-family: 'Roboto'
}
.wojo.message ul.list li:before {
  position: absolute;
  content: '\2022';
  top: -.05em;
  left: -.8em;
  height: 100%;
  vertical-align: baseline;
  opacity: 0.5
}
/* == Dismissable == */
.wojo.message > .close.icon {
  cursor: pointer;
  position: absolute;
  top: 1em;
  right: 1em;
  opacity: 0.7;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear
}
.wojo.message > .close.icon:hover {
  opacity: 1
}
/* == Variations == */
.wojo.compact.message {
  display: inline-block
}
.wojo.attached.message {
  margin-left: -1px;
  margin-right: -1px;
  margin-bottom: -1px;
  border-radius: .325em .325em 0 0;
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
}
.wojo.attached + .wojo.attached.message:not(.top):not(.bottom) {
  margin-top: -1px;
  border-radius: 0
}
.wojo.bottom.attached.message {
  margin-top: -1px;
  border-radius: 0 0 .325em .325em
}
.wojo.bottom.attached.message:not(:last-child) {
  margin-bottom: 1em
}
.wojo.attached.icon.message {
  display: block;
  width: auto
}
.wojo.icon.message {
  display: table;
  width: 100%
}
.wojo.icon.heading.message {
  margin: 0;
  box-shadow: none;
  background-color: #F7F6F2;
  border-bottom: 1px solid #CCCBBF;
  border-radius:0
}
.wojo.icon.heading.message.green {
  box-shadow:inset 0 6px 0 0 #6EC586;
}
.wojo.icon.heading.message.purple {
  box-shadow:inset 0 6px 0 0 #9F5ED6;
}
.wojo.icon.heading.message.orange {
  box-shadow:inset 0 6px 0 0 #DBA766;
}
.wojo.icon.heading.message.dust {
  box-shadow:inset 0 6px 0 0 #71716F;
}
.wojo.icon.heading.message.blue {
  box-shadow:inset 0 6px 0 0 #676BD9;
}
.wojo.icon.heading.message.sky {
  box-shadow:inset 0 6px 0 0 #62A8DB;
}
.wojo.icon.heading.message.coral {
  box-shadow:inset 0 6px 0 0 #A46E70;
}
.wojo.icon.heading.message.teal {
  box-shadow:inset 0 6px 0 0 #70A49B;
}
.wojo.icon.heading.message.mortar {
  box-shadow:inset 0 6px 0 0 #4F3F50;
}
.wojo.icon.heading.message:before, .wojo.icon.heading.message:after {
	content: "";
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	top: 100%;
	left: 50px;
	margin-left: -10px;
}

.wojo.icon.heading.message:before {
	border-top: 10px solid #CCCBBF;
	border-top: 10px solid #CCCBBF;
	margin-top:0px;
}

.wojo.icon.heading.message:after{
	border-top: 10px solid #F7F6F2;
	margin-top: -1px;
	z-index: 1;
}
.wojo.icon.heading.message > .icon:not(.close) {
  font-size:2em;
  opacity: 0.75;
  vertical-align: top;
}
.wojo.icon.message > .icon:not(.close) {
  display: table-cell;
  vertical-align: middle;
  font-size: 4em;
  opacity: 0.75
}
.wojo.icon.message a.helper{
  font-size:2em;
  line-height:1
}
.wojo.icon.message > .icon + .content {
  padding-left: 1em
}
.wojo.icon.message > .content {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.wojo.inverted.message {
  background-color: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.95)
}
.wojo.floating.message {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) inset;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05) inset
}
/* == Colors == */
.wojo.black.message,
.wojo.inverted.message {
  background-color: #273343;
  color: rgba(255,255,255,0.75);
}
.wojo.info.message {
  background-color: #4298B5;
  color: #fff;
}
.wojo.warning.message {
  background-color: #E19D29;
  color: #fff;
}
.wojo.success.message,
.wojo.positive.message {
  background-color: #92B06A;
  color: #fff;
}
.wojo.error.message,
.wojo.negative.message {
  background-color: #DD5F32;
  color: #fff;
}
.wojo.inverted.message .header,
.wojo.black.message .header {
  color:#fff;
  font-weight:300
}
.wojo.transparent.message {
  background-color:transparent;
  color: #fff;
  text-shadow:none;
}
.wojo.info.message .header,
.wojo.warning.message .header,
.wojo.success.message .header,
.wojo.positive.message .header,
.wojo.error.message .header,
.wojo.negative.message .header {
}
/* == Size == */
.wojo.small.message {
  font-size: .875em
}
.wojo.message {
  font-size: 1em
}
.wojo.large.message {
  font-size: 1.125em
}
.wojo.huge.message {
  font-size: 1.5em
}
.wojo.massive.message {
  font-size: 2em
}