/* Begin flyout styling used for registration */

@-ms-viewport{  /* To handle scrollbar overlapping tab */
   width:auto!important;
}

.flyout {
  width: 290px;  /* This is the el.width() used in wpft.js. It includes the flyout-tab width */
  position:fixed;
  background-color: transparent;
  z-index:1000000;
}

.flyout, .flyout-tab, .flyout-content{
  height:109px;  /* Sets height for everything */
}
.flyout-tab, .flyout-content{
  position:relative;
  float:left;
}
.flyout-tab{
  width:30px;
  background-color:#fc9042;
  border-radius: 15px 0px 0px 15px;
  vertical-align: middle;
}
.flyout-tab p {
    border-radius: 15px 0px 0px 15px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    max-width: 25px !important;
    color:#ffffff;
    padding: 0;
    text-align: left;
    text-indent: -1.5em;
    transform: rotate(-90deg);
    transform-origin: 73% 57% 0;
    vertical-align: middle;
    white-space: nowrap;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    transform-origin: 134% 115% 0;
    font-size: 20px !important;
}
.flyout-content {
    width: 260px;
    background-color: #222222;
	/*
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
	*/
}
.flyout-content p{
  text-align:center;
  font-size:18px !important;
  padding:12px 0px 0px 0px;
  margin-bottom:4px;
}
@media (max-width: 643px) {
	.flyout {
		top: 61px !important;
	}
}
/* End of flyout */