/**
 * ORATORS Stylesheet Directives used in both admin and front
 *
 * Stylesheet (uses Bootstrap v3)
 */


/* ----------------------------------------------- */
/* Feedback Threaded Discussion                    */
/* ----------------------------------------------- */
/* This is used in both the front-end and backend  */

.feedback-thread-list {
    list-style-type: none;
    margin: 1em 0;
    padding: 0;
}

.feedback-thread-list li {
    margin: 0.5em 0;
    padding: 0.5em;
    width: 90%;
    background-color: #fff;
    clear: right;
    border: 1px solid #ddd;
}

.feedback-thread-list li .feedback-thread-isnew {
    float: right;
}

.feedback-thread-list li time {
    display: block;
    text-align: right;
    font-size: 0.8em;
    font-style: italic;
}

.feedback-thread-list li.feedback-thread-by-user {
    float: right;
    background-color: #7B649A;
    color: #fff;
}


/* ----------------------------------------------- */
/* NG Animations                                   */
/* ----------------------------------------------- */
/* The starting CSS styles for the enter animation */
.nga-fade.ng-enter {
    transition:0.5s linear all;
    opacity:0;
}

/* The finishing CSS styles for the enter animation */
.nga-fade.ng-enter.ng-enter-active {
    opacity:1;
}

.nga-fade.ng-


/* ----------------------------------------------- */
/* CSSShake Code                                   */
/* ----------------------------------------------- */

/* * * * * * * * * * * * * * * * * * * * *\
  CSShake :: shake-horizontal
  v1.5.0
  CSS classes to move your DOM
  (c) 2015 @elrumordelaluz
  http://elrumordelaluz.github.io/csshake/
  Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */
.shake-horizontal {
    display: inline-block;
    transform-origin: center center; }

.shake-freeze,
.shake-constant.shake-constant--hover,
.shake-trigger .shake-constant.shake-constant--hover {
    animation-play-state: paused; }

.shake-freeze,
.shake-trigger .shake-freeze, .shake-horizontal,
.shake-trigger .shake-horizontal {
    animation-play-state: running; }

@keyframes shake-horizontal {
    2% {
        transform: translate(-2px, 0) rotate(0); }
    4% {
        transform: translate(-8px, 0) rotate(0); }
    6% {
        transform: translate(7px, 0) rotate(0); }
    8% {
        transform: translate(3px, 0) rotate(0); }
    10% {
        transform: translate(-6px, 0) rotate(0); }
    12% {
        transform: translate(0px, 0) rotate(0); }
    14% {
        transform: translate(-9px, 0) rotate(0); }
    16% {
        transform: translate(-2px, 0) rotate(0); }
    18% {
        transform: translate(3px, 0) rotate(0); }
    20% {
        transform: translate(0px, 0) rotate(0); }
    22% {
        transform: translate(9px, 0) rotate(0); }
    24% {
        transform: translate(-5px, 0) rotate(0); }
    26% {
        transform: translate(6px, 0) rotate(0); }
    28% {
        transform: translate(5px, 0) rotate(0); }
    30% {
        transform: translate(4px, 0) rotate(0); }
    32% {
        transform: translate(-5px, 0) rotate(0); }
    34% {
        transform: translate(9px, 0) rotate(0); }
    36% {
        transform: translate(1px, 0) rotate(0); }
    38% {
        transform: translate(7px, 0) rotate(0); }
    40% {
        transform: translate(0px, 0) rotate(0); }
    42% {
        transform: translate(2px, 0) rotate(0); }
    44% {
        transform: translate(-3px, 0) rotate(0); }
    46% {
        transform: translate(10px, 0) rotate(0); }
    48% {
        transform: translate(-3px, 0) rotate(0); }
    50% {
        transform: translate(10px, 0) rotate(0); }
    52% {
        transform: translate(-3px, 0) rotate(0); }
    54% {
        transform: translate(-5px, 0) rotate(0); }
    56% {
        transform: translate(6px, 0) rotate(0); }
    58% {
        transform: translate(-4px, 0) rotate(0); }
    60% {
        transform: translate(10px, 0) rotate(0); }
    62% {
        transform: translate(6px, 0) rotate(0); }
    64% {
        transform: translate(-3px, 0) rotate(0); }
    66% {
        transform: translate(1px, 0) rotate(0); }
    68% {
        transform: translate(-5px, 0) rotate(0); }
    70% {
        transform: translate(3px, 0) rotate(0); }
    72% {
        transform: translate(-9px, 0) rotate(0); }
    74% {
        transform: translate(-3px, 0) rotate(0); }
    76% {
        transform: translate(6px, 0) rotate(0); }
    78% {
        transform: translate(-7px, 0) rotate(0); }
    80% {
        transform: translate(-3px, 0) rotate(0); }
    82% {
        transform: translate(7px, 0) rotate(0); }
    84% {
        transform: translate(1px, 0) rotate(0); }
    86% {
        transform: translate(1px, 0) rotate(0); }
    88% {
        transform: translate(8px, 0) rotate(0); }
    90% {
        transform: translate(5px, 0) rotate(0); }
    92% {
        transform: translate(10px, 0) rotate(0); }
    94% {
        transform: translate(-4px, 0) rotate(0); }
    96% {
        transform: translate(7px, 0) rotate(0); }
    98% {
        transform: translate(-4px, 0) rotate(0); }
    0%, 100% {
        transform: translate(0, 0) rotate(0); } }

.shake-horizontal,
.shake-trigger .shake-horizontal,
.shake-horizontal.shake-freeze,
.shake-horizontal.shake-constant {
    animation: shake-horizontal 100ms ease-in-out infinite; }