
.zoom {
  position: fixed;
  bottom: 20px;
  right: 40px;
  height: 70px;
  z-index:9;
}

.zoom-fab {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #e5007d;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    transition: 0.2s ease-out;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    color: #FFF;
}

    .zoom-fab:hover {
        background: linear-gradient(265.58deg, #e5007d 36.52%, #ed145b 100%);
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
        color: #FFF;
    }

.zoom-btn-large {
  width: 48px;
  height: 48px;
  line-height: 48px;
}

.zoom-btn-person {
    background-color: #003B4A;
}

/*.zoom-btn-person:hover { background-color: #e57373; }*/

.zoom-btn-doc { background-color: #ffeb3b; }

.zoom-btn-doc:hover { background-color: #fff176; }

.zoom-btn-tangram {
    background-color: #006B85;
}

/*.zoom-btn-tangram:hover { background-color: #81c784; }*/

.zoom-btn-report {
    background-color: #887CB1;
}

/*.zoom-btn-report:hover { background-color: #64b5f6; }*/

.zoom-btn-feedback {
    background-color: #00ADDA;
}

/*.zoom-btn-feedback:hover { background-color: #ba68c8; }*/

.zoom-menu {
  position: absolute;
  right: 1px;
  left: auto;
  top: -85%;
  transform: translateY(-191%);
  height: 100%;
  width: 60px;
  list-style: none;
  text-align: right;
}

.zoom-menu li {
  display: list-item;
  margin-bottom: 10px;
}

.zoom-card {
  position: absolute;
  right: 150px;
  bottom: 70px;
  transition: box-shadow 0.25s;
  padding: 24px;
  border-radius: 2px;
  background-color: #009688;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  color: #FFF;
}

.zoom-card ul {
  -webkit-padding-start: 0;
  list-style: none;
  text-align: left;
}

.scale-transition { transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; }

.scale-transition.scale-out {
  transform: scale(0);
  transition: transform 0.2s !important;
}

.scale-transition.scale-in { transform: scale(1); }

.zoom-menu a::after
{
    display:none!important;
}

.zoom-menu a
{
    color:#FFFFFF!important;
}

.zoom-menu #btnBasket .fa-shoppingbasket:before {    
    background-image: url(/App_Themes/UniDaun/media/basket_small.png);
    background-size: 100%;
    display: inline-block;
    width: 28px;
    height: 28px;
    content: "";
    margin-bottom: -7px;
}

.zoom-menu #btnBasketSpcl .fa-shoppingbasket:before {    
    background-image: url(/App_Themes/UniDaun/media/basket_small.png);
    background-size: 100%;
    display: inline-block;
    width: 28px;
    height: 28px;
    content: "";
    margin-bottom: -7px;
}

.zoom-btn-person .fa-user:before {
    font-size: 22px;
}

.zoom-btn-feedback .fa-search:before {
    font-size: 20px;
}

.zoom-btn-report .fa.fa-listalt:before {
    content: 'A-Z';
    font-size: 15px;
}

.zoom-btn-large .fa.fabars:before {
    background-image: url('/App_Themes/UniDaun/media/mehr-icon.svg');
    background-size: 100%;
    display: inline-block;
    width: 28px;
    height: 28px;
    content: "";
    margin-bottom: -7px;
}

a#btnBasket .fa-shoppingbasket, a#btnBasketSpcl .fa-shoppingbasket {
	position: absolute;
    margin-left: -13px;
    margin-top: 12px;
}

#btnBasketSpcl
{
	display:none;
}

.zoom-menu.ScaleOut{
    top:-145%;
}