.popover {
    z-index: 100000;
    right: 20px !important;
    left: auto !important;
    text-align: center;
}

.popover > .arrow {
    left: auto !important;
    right: 5% !important;
}
.rbutd {
    color: #c43131;
}

.rbutl {
    color: #057ab1;
}

.navbar > div {
   display: table;
   width: 100%;
   text-align: center;
   padding: 4px 10px;
}

.nav {
    display: table-cell;
    width: 1%;
    vertical-align: middle;
}

/* override bootstrap's dropdown-menu padding */
.dropdown-menu {
    position: fixed;
    padding: 10px;
    margin: 10px;
    min-width: 200px;
    max-width: 500px;
    text-align: left;
    left: auto;
    height: auto;
    overflow-x: hidden;

    /* use opacity and height instead of display so we can animate them */
    max-height: 0px;
    opacity:0;
    display: block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.open > .dropdown-menu {
  opacity:1;
  max-height: 450px;
}

/* add proper spacing for menu element item */
.dropdown-menu > li {
    padding: 3px 0px;
    vertical-align: middle;
}

.dropdown-menu > li > a {
    padding: 0px;
    display: table-row;
}

.dropdown-menu > li > a > *{
    display: table-cell;
}

.dropdown-menu > li > a > :not(:first-child){
    padding-left: 6px;
}

.caret-down:before {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    height: 15px;
    cursor: pointer;
    content: "\25be";
}

.disabled,
.disabled * {
    color: #999 !important;
    cursor: default !important;
}

/* create a footer section for a dropdown menu */
.dropdown-menu .footer {
    margin-top: 12px 0px;
    display: table-row;
}

.footer .cell {
    display: table-cell;
    width: 1%;
    vertical-align: middle;
}

.cell + .cell {
    padding-left: 10px;
}


.hfill {
    width: 90% !important;
    margin: auto;
}

.vspace {
    height:6px;
}

/* create an icon-only nav item */
.nav-icon {
    padding-left: 20px;
    padding-right: 20px;
    white-space: nowrap;
}

.nav-icon * {
    font-size: 20px;
    vertical-align: middle;
    z-index: 900;
}

.nav-icon:hover {
    text-decoration: none;
}

.dropdown-toggle,
.dropdown-toggle * {
    cursor: pointer;
}

.dropdown-toggle.caret
 {
    border-width: 6px;
    position: absolute;
    left: -38px;
    top: 10px;
    z-index: 1000;
}

.navbar-inverse #rbutr-menu .caret-down {
    color: #BBB;
}

.group > :not(:first-child) {
    padding-top: 0px;
    margin-top: -1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.group > :not(:last-child) {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.group + .group {
    padding-top: 12px;
}

.group > .panel {
    margin-bottom: auto;
}

tbody.collapse.in {
    display: table-row-group;
}

.content_frame {
    border: 0px;
    outline: 0;
    padding-top: 0px;
    overflow-x: hidden;
    height: calc(100% - 50px);;
    width: 100%;
}

.error-text {
    color: #333;
}


.dropdown-menu .footer .icon {
    width: 24px;
    height: 24px;
}

.dropdown-menu .icon {
    border-radius: 3px;
    padding: 0px;
    height: 16px;
    width: 16px;
}

/* FIXME -- hacked menu locations */
#rbutls .dropdown-menu {
    right: 0px;
}

#rbutr-menu .dropdown-menu {
    left: 50%;
    max-width: 50%;
}

.icon {
    background-repeat: no-repeat;
    background-position: 0px;
    vertical-align: middle;
    display: block;
}

#rbutr-menu .dropdown-menu{
    max-width: 400px;
}

.btn-login {
    height: 32px;
    width: 73px;
    text-align: left;
}

.btn.facebook-login {
    background-image: url('/images/facebook-login-button.png');
    width: 192px;
    height: 32px;
}

.btn.twitter-login {
    background-image: url('/images/sign-in-with-twitter-gray.png');
    width: 190px;
    height: 32px;
}

#authentication-pane {
    top:30%;
    max-width:	556px; /* match width of buttons */
    max-height: 60%;
    width: auto;
    height: auto;
    bottom: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

span.login-item,
span.signup-item {
    position: absolute;
}

.login-item.visible,
.signup-item.visible {
    opacity:1;
    z-index: auto;
}

.login-item,
.signup-item {
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    z-index: -100000;
}

.animate-height {
    transition: height 0.51s;
    -webkit-transition: height 0.5s ease 0.5s;
}

.row > :only-child {
    width: 100%;
}

.row > :last-child {
    padding-right: 0px;
    text-align: right;
}

.row > :first-child {
    padding-left: 0px;
    text-align: left;
}

div.login-item.visible,
div.signup-item.visible {
    display: inline-block;
}

div.login-item,
div.signup-item {
    display: none;
}

.login-item .input-group,
.signup-item .input-group {
    margin-bottom: 22px;
}