.slideToRight {
    -webkit-animation: slideToRight .45s, ease;
    -moz-animation: slideToRight .45s, ease;
    -o-animation: slideToRight .45s, ease;
    animation: slideToRight .45s, ease;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes slideToRight {
    0% {
        opacity: 0;
        right: 3em;

    }
    100% {
        opacity: 1;
        right: 0;
    }
}

@-moz-keyframes slideToRight {
    0% {
        opacity: 0;
        right: 32px;

    }
    100% {
        opacity: 1;
        right: 0;
    }
}

@-o-keyframes slideToRight {
    0% {
        opacity: 0;
        right: 32px;

    }
    100% {
        opacity: 1;
        right: 0;
    }
}

@keyframes slideToRight {
    0% {
        opacity: 0;
        right: 32px;

    }
    100% {
        opacity: 1;
        right: 0;
    }
}

.slideToLeft {
    -webkit-animation: slideToLeft .45s, ease;
    -moz-animation: slideToLeft .45s, ease;
    -o-animation: slideToLeft .45s, ease;
    animation: slideToLeft .45s, ease;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes slideToLeft {
    0% {
        opacity: 0;
        left: 32px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

@-moz-keyframes slideToLeft {
    0% {
        opacity: 0;
        left: 32px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

@-o-keyframes slideToLeft {
    0% {
        opacity: 0;
        left: 32px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

@keyframes slideToLeft {
    0% {
        opacity: 0;
        left: 32px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

.selectedPatientExtraData {
    -webkit-animation: toggleSlide .55s ease;
    -moz-animation: toggleSlide .55, ease;
    -o-animation: toggleSlide .55s ease;
    animation: toggleSlide .55s ease;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes toggleSlide {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes toggleSlide {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes toggleSlide {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes toggleSlide {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*animate notification height*/

.expandNotification {
    z-index: 9;
    -webkit-animation: expandNotification 2s cubic-bezier(.3,.68,.5,-0.25) forwards 3s, animateHeight .75s cubic-bezier(0.7,0,0.3,1) forwards 5s;
    -moz-animation: expandNotification 2s cubic-bezier(.3,.68,.5,-0.25) forwards 3s, animateHeight .75s cubic-bezier(0.7,0,0.3,1) forwards 5s;
    -o-animation: expandNotification 2s cubic-bezier(.3,.68,.5,-0.25) forwards 3s, animateHeight .75s cubic-bezier(0.7,0,0.3,1) forwards 5s;
    animation: expandNotification 2s cubic-bezier(.3,.68,.5,-0.25) forwards 3s, animateHeight .75s cubic-bezier(0.7,0,0.3,1) forwards 5s;
}

@-webkit-keyframes expandNotification {
    0% {
        opacity: 0;
        width: 0;
    }
    50% {
        opacity: .8;
    }
    100% {
        opacity: 1;
        width: 100%;
    }
}

@-moz-keyframes expandNotification {
    0% {
        opacity: 0;
        width: 0;
    }
    50% {
        opacity: .8;
    }
    100% {
        opacity: 1;
        width: 100%;
    }
}

@-o-keyframes expandNotification {
    0% {
        opacity: 0;
        width: 0;
    }
    50% {
        opacity: .8;
    }
    100% {
        opacity: 1;
        width: 100%;
    }
}

@keyframes expandNotification {
    0% {
        opacity: 0;
        width: 0;
    }
    50% {
        opacity: .8;
    }
    100% {
        opacity: 1;
        width: 100%;
    }
}

@-webkit-keyframes animateHeight {
    0% {
        height: 1em;
    }

    100% {
        height: 2.8em;
        overflow: auto;
    }
}

@-moz-keyframes animateHeight {
    0% {
        height: 1em;
    }

    100% {
        height: 2.8em;
        overflow: auto;
    }
}

@-o-keyframes animateHeight {
    0% {
        height: 1em;
    }

    100% {
        height: 2.8em;
        overflow: auto;
    }
}

@keyframes animateHeight {
    0% {
        height: 1em;
    }

    100% {
        height: 2.8em;
        overflow: auto;
    }
}

.notification-text-anim {
    opacity: 0;
    -webkit-animation: fadeInText 1s ease forwards 5.5s;
    -moz-animation: fadeInText 1s ease forwards 5.5s;
    -o-animation: fadeInText 1s ease forwards 5.5s;
    animation: fadeInText 1s ease forwards 5.5s;
}

@-webkit-keyframes fadeInText {
    0% {
        opacity: 0;

    }
    100% {
        opacity: 1;

    }
}

@-moz-keyframes fadeInText {
    0% {
        opacity: 0;

    }
    100% {
        opacity: 1;

    }
}

@-o-keyframes fadeInText {
    0% {
        opacity: 0;

    }
    100% {
        opacity: 1;

    }
}

@keyframes fadeInText {
    0% {
        opacity: 0;

    }
    100% {
        opacity: 1;

    }
}

.modalWindowWrapper {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}

.modalWindowWrapper .modalWindowContent {
    -webkit-animation: fadeInText 1s ease forwards, fall .45s ease forwards;
    -moz-animation: fadeInText 1s ease forwards, fall .45s ease forwards;
    -o-animation: fadeInText 1s ease forwards, fall .45s ease forwards;
    animation: fadeInText 1s ease forwards, fall .45s ease forwards;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    opacity: 0;


}

@-webkit-keyframes fall {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(600px) rotateX(20deg);

    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0px) rotateX(0deg);
    }
}

@-moz-keyframes fall {
    0% {
        opacity: 0;
        -moz-transform: translateZ(600px) rotateX(20deg);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0px) rotateX(0deg);
    }
}

@-o-keyframes fall {
    0% {
        opacity: 0;

    }
    100% {
        opacity: 1;

    }
}

@keyframes fall {
    0% {
        opacity: 0;
        transform: translateZ(600px) rotateX(20deg);

    }
    100% {
        opacity: 1;
        transform: translateZ(0px) rotateX(0deg);

    }
}

/*.modalShowed.modalWindowContent {*/
    /*-webkit-transition: all 0.3s ease-in;*/
    /*-moz-transition: all 0.3s ease-in;*/
    /*transition: all 0.3s ease-in;*/
    /*-moz-transform: translateZ(0px) rotateX(0deg);*/
    /*-ms-transform: translateZ(0px) rotateX(0deg);*/
    /*transform: translateZ(0px) rotateX(0deg);*/
    /*opacity: 1;*/
/*}*/