/*
    slideText CSS styles
*/

.slidetext {
	position:absolute;
	top:-21px;
	right:30px;
	margin: 0 0 0;
	color:#135899;
	text-shadow: #fff 0 1px 0;
	text-align:center;
	padding:45px 0 0;
	width:130px;
	height:110px;
	background-color:#e4e8ef;
	border:solid rgba(0,0,0,0.2);
	border-width:0 1px 1px;
	border-radius:0 0 4px 4px;
	cursor:pointer;
    display: block;
    box-sizing: border-box;
    -webkit-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.slidetext:hover {
	background-color:#e4e8ef;
}

.slidetext .text {
  text-align:center;
  font-size:0.9em;
  line-height:1.4em;
  font-weight:400;
  color:#135899;
  text-shadow: #fff 0 1px 0;
  letter-spacing:0.5px;
  padding-top:3px;
  display: block;
}

.slidetext .question {
    display: inline-block;
    position: relative;
}
.slidetext .question img {
    height:24px;
    width:auto;
}
.slidetext .question h3 {
}

.slidetext .question .toggle-arrow {
    position: absolute;
    top: calc(50% - 5px);
    right: -15px;
    height: 0;
    width: 0;
    border-left: 7px solid #888;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.slidetext .question .toggle-arrow.opened {
    transform: rotate(90deg);
    transition: transform 0.4s;
}

.slidetext .answere {
    display: none;
    position:relative;
    box-sizing: border-box;
	z-index:999;
	margin:0;
	width:130px;
	right:1px;
	top:3px;
	padding:10px 0 3px;
	background-color:#e4e8ef;
	border:solid rgba(0,0,0,0.2);
	border-width:0 1px 1px;
	border-radius:0 0 4px 4px;
}

.slidetext .answere a {
  border-bottom:none;
}

.slidetext .answere a:hover {
  opacity:0.6;
}

.slidetext .answere span {
  display: block;
  text-align:center;
  font-size:0.75em;
  color:#135899;
  text-shadow: #fff 0 1px 0;
  font-weight:500;
  padding:0 0 0 1px;
  margin:-5px auto 5px;
}

.slidetext .answere img {
	height:24px;
	width:auto;
	border:none;
	margin:7px auto 0;
}

.slidetext .question h3 {
}

.slidetext .question div {
    display: none;
    margin-left: 0;
}

/* NOTICE message */
.slidetext-notice {
    display: table;
    margin: 2px 0;
    border: 1px solid #777;
    background-color: #eee;
}
.slidetext-notice div {
    display: table-cell;
    padding: 2px 6px;
    color: white;
    background-color: #777;
    height: inherit;
}
.slidetext-notice span {
    display: table-cell;
    padding: 2px 4px;
    color: #777;
}

/* SUCCESS message */
.slidetext-success {
    display: table;
    margin: 2px 0;
    border: 1px solid #2a0;
    background-color: #efe;
}
.slidetext-success div {
    display: table-cell;
    padding: 2px 6px;
    color: white;
    background-color: #2a0;
    height: inherit;
}
.slidetext-success span {
    display: table-cell;
    padding: 2px 4px;
    color: #2a0;
}

/* ERROR message */
.slidetext-error {
    display: table;
    margin: 2px 0;
    border: 1px solid #f33;
    background-color: #fee;
}
.slidetext-error div {
    display: table-cell;
    padding: 2px 6px;
    color: white;
    background-color: #f33;
    height: inherit;
}
.slidetext-error span {
    display: table-cell;
    padding: 2px 4px;
    color: #f33;
}