/* Begin flyout styling used for registration */

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

.flyout {
  width: 310px;
  position:fixed;
  right: -280px;
  background-color: transparent;
  z-index:1000000;
}

.flyout, .flyout-tab, .flyout-content{
  height:121px;  /* Sets height for everything */
}
.flyout-tab, .flyout-content{
  position:relative;
  float:left;
}
.flyout-tab{
  width:30px;
  background-color:#fc5302;
  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: source sans pro, tahoma;
    font-weight: bold;
    transform-origin: 134% 115% 0;
    font-size: 20px;
}
.flyout-content{
  width:280px;
  background-color:#E9E9E9;
  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: 100px !important;
  }
}
/* End of flyout */