/* Add here all your CSS customizations */
.fixed-menu {
    position: fixed;
    right: 10px;
    bottom: 10vh;
    z-index: 1000;
    text-align: center;
}
.fixed-menu a {
    cursor: pointer;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #990011;
    border-radius: 4px;
    font-size: 14px;
}

.tooltip.left .tooltip-arrow {
    display: none;
}

.fixed-menu-item {
    background: red;
    color: white;
    margin: 8px;
    padding: 8px;
    border-radius: 8%;
    -moz-border-radius: 8%;
    -webkit-border-radius: 8%;
}

.fixed-menu-item:hover {
    background: #990011;
}

.green-item {
    background: green;
}

.green-item:hover {
    background: #005300;
}

.fixed-menu-item-text {
    background: red;
    color: white;
}

.fixed-menu-item a {
    color: white;
}

.fixed-menu-item a:hover {
    color: gray;
}

@media only screen and (max-width: 600px) and (orientation: portrait){
    .fixed-menu {
        top: auto;
        bottom: 10vh;
    }
}

@media only screen and (max-height: 500px) and (orientation: landscape){
    .fixed-menu {
        bottom: 60vh;
    }
}

.send-email-spinner {
    margin-left: 4px;
}

.success-box {
	border-top: 3px solid #39A03F !important;
}

.error-box {
	border-top: 3px solid #df261b !important;
}

.success-box h4 {
    color: #39A03F;
}