/*
    Created on : 05.04.2017, 09:26:00
    Author     : wettstein
*/

@font-face {
    font-family: 'swung_notemedium';
    src: url('fonts/SwungNote-webfont.eot');
    src: url('fonts/SwungNote-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/SwungNote-webfont.woff2') format('woff2'),
    url('fonts/SwungNote-webfont.woff') format('woff'),
    url('fonts/SwungNote-webfont.ttf') format('truetype'),
    url('fonts/SwungNote-webfont.svg#swung_notemedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
.modal-header {
    padding: 7px;
}


.modal-title {
    font-family: swung_notemedium;
    font-size: 30px;
}

.modal-content {
    border-radius: 0 !important;
    box-shadow: 14px 12px 0px 0px rgba(204,204,204,0.8);
    border:0px;
    font-size: 16px;
}
.modal-content:after {
    content: " ";
    display: block;
    height: 100%;
    width: 5px;
    position: absolute;
    top:0px;
    right: -3px;
    background-color: #ffff;
    transform: rotate(0.3deg);
}

.modal-content:before {
    content: " ";
    display: block;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1000 105" xmlns="http://www.w3.org/2000/svg"><polygon fill="%231ebee8" points="0,15 1000,0 1000,105 900,105 900,50" /></svg>');
    background-size: 100% 100%;
    background-position: top right;
    height: 65px;
    width: 100%;
    position: absolute;
    z-index: +1;
    top: -8px;
    left: 5px;
}

.modal-header {
    position: relative;
    background-color: #1ebee8;
    border-bottom: 0px;
    color: #ffffff;
}

.modal-footer {
    position: relative;
    border-top: 0px;
    background-color: #ededed;
}

.modal-footer:after {
    content: " ";
    display: block;
    background-color: #ededed;
    width: 7px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: -2px;
    z-index: +1;
}


.pdf-content .spot .icon {
    width: 60px !important;
    height: 60px !important;
    border-radius: 30px;
    font-size: 26px;
    line-height: 54px;
    text-align: center;
    border: 2px solid #fff;
    background-color: #e20074;
    color: #fff;
}

.spot .spotLabel {
    opacity: 0;
    transition: opacity 200ms ease-in-out;
}

.spot:hover .spotLabel {
    opacity: 1;
    transition: opacity 200ms ease-in-out;
}

.pdf-content .spot .spotLabel {
    top: 12px;
    height: 60%;
    left: 64px;
}

.pdf-content .spot .spotLabel.left {
    left: auto;
    right: 63px;
}


.pdf-content .spot:before {
    content: "";
    top:14px;
    left:14px;
    position: absolute;
    width: 32px;
    height: 32px;
    background: #ffffff;
    border-radius: 50%;
    color: #fff;
    display: block;
    transform: scale(0);
    opacity: 1;
    z-index: 1;
    pointer-events: none;
    -webkit-animation: pulse 4s ease infinite;
    animation: pulse 4s ease infinite
}
.pdf-content .spot .icon {
    position: relative;
    z-index: 2;
}


@-webkit-keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 1
    }

    50%, to {
     transform: scale(3);
     opacity: 0
    }
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 1
    }

    50%, to {
        transform: scale(3);
        opacity: 0
    }
}







@-webkit-keyframes blub1 {
    0% {
        width: 140%;
        padding-bottom: 140%;
        border-radius: 70%;
        top: -20%;
        left: -20%;
        opacity: 0;
        background-image: radial-gradient(transparent 46%,rgba(255,255,255,.5) 56%,transparent 68%);
        border-color: rgba(255,255,255,.6)
    }

    5% {
        opacity: .2
    }

    8% {
        opacity: .5;
        background-image: radial-gradient(transparent 41%,rgba(255,255,255,.5) 46%,transparent 45%,transparent 53%,rgba(255,255,255,.2) 59%,transparent 59%);
        border-color: rgba(255,255,255,.4)
    }

    9% {
        opacity: .3
    }

    10% {
        opacity: .2;
        background-image: radial-gradient(transparent 41%,rgba(255,255,255,.5) 46%,transparent 45%,transparent 53%,rgba(255,255,255,.2) 59%,transparent 59%);
        border-color: rgba(255,255,255,.2)
    }

    20% {
        width: 827%;
        padding-bottom: 827%;
        border-radius: 363.5%;
        top: -363.5%;
        left: -363.5%;
        opacity: .1
    }

    22% {
        opacity: 0
    }

    23% {
        display: none
    }
}

@keyframes blub1 {
    0% {
        width: 140%;
        padding-bottom: 140%;
        border-radius: 70%;
        top: -20%;
        left: -20%;
        opacity: 0;
        background-image: radial-gradient(transparent 46%,rgba(255,255,255,.5) 56%,transparent 68%);
        border-color: rgba(255,255,255,.6)
    }

    5% {
        opacity: .2
    }

    8% {
        opacity: .5;
        background-image: radial-gradient(transparent 41%,rgba(255,255,255,.5) 46%,transparent 45%,transparent 53%,rgba(255,255,255,.2) 59%,transparent 59%);
        border-color: rgba(255,255,255,.4)
    }

    9% {
        opacity: .3
    }

    10% {
        opacity: .2;
        background-image: radial-gradient(transparent 41%,rgba(255,255,255,.5) 46%,transparent 45%,transparent 53%,rgba(255,255,255,.2) 59%,transparent 59%);
        border-color: rgba(255,255,255,.2)
    }

    20% {
        width: 827%;
        padding-bottom: 827%;
        border-radius: 363.5%;
        top: -363.5%;
        left: -363.5%;
        opacity: .1
    }

    22% {
        opacity: 0
    }

    23% {
        display: none
    }
}

@-webkit-keyframes blub-l1 {
    10% {
        width: 140%;
        padding-bottom: 140%;
        border-radius: 70%;
        top: -20%;
        left: -20%;
        opacity: 0;
        background-image: radial-gradient(transparent 46%,rgba(255,255,255,.5) 46%,transparent 68%);
        border-color: rgba(255,255,255,.6)
    }

    25% {
        opacity: .2
    }

    28% {
        opacity: .5;
        background-image: radial-gradient(transparent 41%,rgba(255,255,255,.5) 36%,transparent 45%);
        border-color: rgba(255,255,255,.4)
    }

    39% {
        opacity: .3
    }

    40% {
        opacity: .2;
        border-color: rgba(255,255,255,.2)
    }

    50% {
        width: 461%;
        padding-bottom: 461%;
        border-radius: 180.5%;
        top: -180.5%;
        left: -180.5%;
        opacity: .1
    }

    72% {
        opacity: 0
    }

    73% {
        display: none
    }
}

@keyframes blub-l1 {
    10% {
        width: 140%;
        padding-bottom: 140%;
        border-radius: 70%;
        top: -20%;
        left: -20%;
        opacity: 0;
        background-image: radial-gradient(transparent 46%,rgba(255,255,255,.5) 46%,transparent 68%);
        border-color: rgba(255,255,255,.6)
    }

    25% {
        opacity: .2
    }

    28% {
        opacity: .5;
        background-image: radial-gradient(transparent 41%,rgba(255,255,255,.5) 36%,transparent 45%);
        border-color: rgba(255,255,255,.4)
    }

    39% {
        opacity: .3
    }

    40% {
        opacity: .2;
        border-color: rgba(255,255,255,.2)
    }

    50% {
        width: 461%;
        padding-bottom: 461%;
        border-radius: 180.5%;
        top: -180.5%;
        left: -180.5%;
        opacity: .1
    }

    72% {
        opacity: 0
    }

    73% {
        display: none
    }
}

@-webkit-keyframes blub-l2 {
    10% {
        width: 140%;
        padding-bottom: 140%;
        border-radius: 70%;
        top: -20%;
        left: -20%;
        opacity: 0;
        background-image: radial-gradient(transparent 46%,rgba(255,255,255,.5) 56%,transparent 68%);
        border-color: rgba(255,255,255,.6)
    }

    25% {
        opacity: .2
    }

    28% {
        opacity: .5;
        background-image: radial-gradient(transparent 41%,rgba(255,255,255,.5) 46%,transparent 45%,transparent 53%,rgba(255,255,255,.2) 59%,transparent 59%);
        border-color: rgba(255,255,255,.4)
    }

    39% {
        opacity: .3
    }

    40% {
        opacity: .2;
        background-image: radial-gradient(transparent 41%,rgba(255,255,255,.5) 46%,transparent 45%,transparent 53%,rgba(255,255,255,.2) 59%,transparent 59%);
        border-color: rgba(255,255,255,.2)
    }

    50% {
        width: 443%;
        padding-bottom: 443%;
        border-radius: 171.5%;
        top: -171.5%;
        left: -171.5%;
        opacity: .1
    }

    72% {
        opacity: 0
    }

    73% {
        display: none
    }
}

@keyframes blub-l2 {
    10% {
        width: 140%;
        padding-bottom: 140%;
        border-radius: 70%;
        top: -20%;
        left: -20%;
        opacity: 0;
        background-image: radial-gradient(transparent 46%,rgba(255,255,255,.5) 56%,transparent 68%);
        border-color: rgba(255,255,255,.6)
    }

    25% {
        opacity: .2
    }

    28% {
        opacity: .5;
        background-image: radial-gradient(transparent 41%,rgba(255,255,255,.5) 46%,transparent 45%,transparent 53%,rgba(255,255,255,.2) 59%,transparent 59%);
        border-color: rgba(255,255,255,.4)
    }

    39% {
        opacity: .3
    }

    40% {
        opacity: .2;
        background-image: radial-gradient(transparent 41%,rgba(255,255,255,.5) 46%,transparent 45%,transparent 53%,rgba(255,255,255,.2) 59%,transparent 59%);
        border-color: rgba(255,255,255,.2)
    }

    50% {
        width: 443%;
        padding-bottom: 443%;
        border-radius: 171.5%;
        top: -171.5%;
        left: -171.5%;
        opacity: .1
    }

    72% {
        opacity: 0
    }

    73% {
        display: none
    }
}