/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height:              1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin:    0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height:     0; /* 1 */
    overflow:   visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size:   1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom:   none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size:   1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size:      75%;
    line-height:    0;
    position:       relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

video {
    max-width: 100%;
    height:    auto;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size:   100%; /* 1 */
    margin:      0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding:      0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing:  border-box; /* 1 */
    color:       inherit; /* 2 */
    display:     table; /* 1 */
    max-width:   100%; /* 1 */
    padding:     0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding:    0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset:     -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font:               inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}
@font-face {
    font-family:   'Roboto';
    font-style:    normal;
    font-weight:   400;
    src:           local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto-regular.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family:   'Roboto';
    font-style:    normal;
    font-weight:   700;
    src:           local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto-bold.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family:   'Roboto Condensed';
    font-style:    normal;
    font-weight:   300;
    src:           local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url('../fonts/roboto-condensed-300.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family:   'Roboto Condensed';
    font-style:    normal;
    font-weight:   400;
    src:           local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('../fonts/roboto-condensed-400.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html {
    width:            100%;
    height:           100vh;
    font-family:      'Roboto', Arial, sans-serif;
    font-weight:      400;
    font-size:        100%;
    background-color: rgba(0, 0, 0, .9);
}

body {
    margin:           0;
    padding:          0;
    width:            100%;
    height:           100vh;
    font-size:        .9em;
    background-color: #FFF;
    cursor:           default;
    line-height:      1.4em;
}

#iFrameHelper {
    display: none;
}

::-moz-selection {
    background-color: #EB690B;
    color:            #FFFFFF;
    text-shadow:      none;
}

::selection {
    background-color: #EB690B;
    color:            #FFFFFF;
    text-shadow:      none;
}

h1, h2, h3, h4, h5, h6 {
    margin:      0;
    padding:     0;
    line-height: 1.3em;
}

h1 {
    font-size:     2em;
    font-family:   'Roboto Condensed', Arial, sans-serif;
    font-weight:   300;
    margin-bottom: 1em;
}

h2 {
    font-family:   'Roboto Condensed', Arial, sans-serif;
    font-size:     1.7em;
    font-weight:   300;
    margin-bottom: .7em;
}

h3 {
    font-family:   'Roboto Condensed', Arial, sans-serif;
    font-size:     1.6em;
    font-weight:   300;
    margin-bottom: .5em;
}

h4 {
    font-size:     1.3em;
    font-weight:   300;
    margin-bottom: .4em;
}

h5 {
    font-size:     1.2em;
    font-weight:   700;
    margin-bottom: .3em;
}

h6 {
    font-size:     1.1em;
    font-weight:   700;
    margin-bottom: .2em;
}

p {
    margin: 0 0 1em;
}

@media only screen and (min-width: 768px) {
    body {
        font-size: .9em;
    }
}

ul {
    list-style-type: none;
    padding-left:    22px;
}

strong, b {
    font-weight: 700;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.v-middle {
    vertical-align: middle;
}

hr {
    border:     none;
    border-top: 1px solid #DDD;
    margin:     0 0 1em 0;
}

.clear {
    clear:   both;
    margin:  0;
    padding: 0;
}

.clearfix:after {
    visibility: hidden;
    display:    block;
    font-size:  0;
    content:    " ";
    clear:      both;
    height:     0;
}

* html .clearfix {
    transform: scale(1);
}

/* IE6 */
*:first-child + html .clearfix {
    transform: scale(1);
}

* {
    box-sizing:      border-box;
    -moz-box-sizing: border-box;
}

.comment ul {
    list-style: square;
    margin:     0;
}

.comment li {
    list-style: square;
}

a {
    -webkit-transition: all .3s;
    transition:         all .3s;
}

/** LoginReset *************************************************************************************************************************************/

#loginResetWrapper {
    display:     flex;
    align-items: center;
    width:       100%;
    height:      100vh;
    position:    relative;
    overflow:    hidden;
}

#loginResetLeft {
    position:            absolute;
    width:               100%;
    height:              100vh;
    background:          #333;
    background-repeat:   no-repeat;
    background-position: center;
    background-size:     cover;
    z-index:             1;
    -webkit-filter:      blur(10px);
    filter:              blur(10px);
    transform:           scale(1.1);
}

#loginResetLeft:before {
    position:   absolute;
    top:        0;
    left:       0;
    width:      100%;
    height:     100%;
    content:    '';
    box-shadow: inset 0 0 10em rgba(0, 0, 0, .5);
}

#loginResetRight {
    position: absolute;
    width:    100%;
    z-index:  2;
    padding:  1em;
    overflow: auto;
}

.loginReset {
    background-color: rgba(255, 255, 255, .8);
    border:           1px solid #FFF;
    padding:          2em 1em 5em;
    width:            100%;
    max-width:        500px;
    margin:           0 auto;
    position:         relative;
}

.loginReset.authInstall {
    background: none;
    border:     none;
}

.loginReset img {
    width:     100%;
    max-width: 200px;
}

.loginReset img.captchaImage {
    width:      auto;
    max-width:  100%;
    background: rgba(0, 0, 0, .4);
}

@media only screen and (min-width: 1024px) {
    .loginReset img.captchaImage {
        background:  none;
        padding-top: 5px;
    }
}


.loginReset a {
    color:           #333;
    text-decoration: none;
}

.loginReset h1 {
    margin-bottom: .6em;
    color:         #555;
    width:         100%;
}

.loginReset i {
    color: #EB690B;
}

.loginReset .alignBottom {
    position: absolute;
    bottom:   .5em;
    right:    1em;
}

@media only screen and (min-width: 1024px) {
    #loginResetWrapper {
        display:  flex;
        height:   100vh;
        overflow: auto;
    }

    #loginResetLeft {
        position:       relative;
        width:          calc(100% - 500px);
        -webkit-filter: inherit;
        filter:         inherit;
        transform:      scale(1);
    }

    #loginResetRight {
        position:         relative;
        background-color: #222;
        display:          flex;
        align-items:      center;
        width:            500px;
        height:           inherit;
        padding:          0 1em;
        color:            #FFF;
    }

    #loginResetRight h1 {
        color: #FFF;
    }

    .loginReset a {
        color: #EEE;
    }

    .loginReset {
        padding:        0;
        padding-bottom: 2em;
        background:     none;
        border:         0;
        max-width:      400px;
    }

    .loginReset.authInstall {
        background-color: rgba(255, 255, 255, .8);
        border:           1px solid #FFF;
        padding:          2em 1em 1em;
    }

    .loginReset .alignBottom {
        bottom: -2em;
    }
}

/** Left / right side *************************************************************************************************************************************/

#pageContainer {
    position: relative;
    top:      70px;
    height:   calc(100vh - 70px);
    width:    100%;
}

#headContainer {
    position: fixed;
    top:      0;
    left:     0;
    z-index:  3;
    width:    100%;
    height:   70px;
}

.headBackgroundLeft {
    display:        flex;
    flex-direction: row;
    align-items:    center;
}

.headBackgroundLeft,
.headBackgroundRight {
    background: #333;
    height:     70px;
}

.headBackgroundLeft a {
    width:      80%;
    text-align: left;
    padding:    5px 0 0;
}

.headBackgroundLeft div:nth-of-type(2) {
    width: 20%;
}

.headBackgroundLeft img {
    width:        135px;
    padding-left: 1em;
}

@media only screen and (min-width: 1024px) {
    .headBackgroundLeft a {
        width: 100%;
    }

    .headBackgroundLeft div {
        display: none;
    }
}

.headBackgroundRight {
    border-left: 1px solid #555;
}

#leftSide {
    height:     100%;
    background: #333;
    overflow:   auto;
}

#rightSide {
    position:   relative;
    height:     100%;
    background: #EEE;
    overflow:   auto;
}

.leftSide {
    width:              250px;
    position:           absolute;
    transform:          translateX(-250px);
    -webkit-transition: transform .3s;
    -moz-transition:    transform .3s;
    -ms-transition:     transform .3s;
    -o-transition:      transform .3s;
    transition:         transform .3s;
    float:              left;
    z-index:            1;
}

.showLeftMenu .leftSide {
    transform:  translateX(0);
    z-index:    3;
    box-shadow: 2em 4em 4em rgba(0, 0, 0, .6);
}

.rightSide {
    width:    100%;
    position: relative;
}

.showLeftMenu .rightSide:before {
    position:   fixed;
    content:    '';
    width:      100%;
    height:     100%;
    background: rgba(0, 0, 0, .5);
    z-index:    1;
}

a.mobIcon {
    text-align:      center;
    color:           #EEEEEE;
    text-decoration: none;
    display:         inline-block;
    font-size:       1.2em;
    padding:         1.4em .5em;
    outline:         0;
}

a.mobIcon:hover {
    color: #AAA;
}

a.mobIcon h3 {
    margin:    0;
    font-size: 1.2em;
}

@media screen and (min-width: 1024px) {

    #pageContainer,
    #headContainer {
        display: flex;
    }

    #leftSide {
        position:   relative;
        height:     100%;
        background: #333;
        overflow:   auto;
    }

    #rightSide {
        position: relative;
        height:   100%;
        overflow: auto;
    }

    .leftSide {
        width:     250px;
        position:  relative;
        transform: translateX(0);
    }

    .rightSide {
        width: calc(100% - 250px);
    }

    .hideLeftMenu .leftSide {
        display: none;
    }

    .hideLeftMenu .rightSide {
        width: 100%;
    }

    #headContainer a#barMobile {
        display: none;
    }
}

/** Right menu (not implemented) *************************************************************************************************************************************/

#rightMenu {
    -webkit-transition: all 0.3s ease;
    transition:         all 0.3s ease;
    position:           fixed;
    right:              0;
    top:                0;
    width:              250px;
    height:             100%;
    z-index:            4;
    background:         #333;
    transform:          translateX(250px);
    overflow:           auto;
}

.showRightMenu #rightMenu {
    transform:  translateX(0);
    box-shadow: -2em 1em 4em rgba(0, 0, 0, .5);
}

ul#quickMenuRight {
    margin:  0;
    padding: 0;
}

ul#quickMenuRight li {
    margin:  0;
    padding: 0 0 4px;
}

ul#quickMenuRight li a {
    background:      rgba(255, 255, 255, .05);
    color:           #FFF;
    padding:         1em;
    display:         block;
    text-decoration: none;
}

ul#quickMenuRight li a:hover {
    background: rgba(255, 255, 255, .1);
}

ul#subMenuLeft,
ul#subMenuRight {
    margin:  0;
    padding: 0;
}

ul#subMenuLeft {
    padding-left: .5em;
}

@media only screen and (min-width: 768px) {
    ul#subMenuRight {
        padding-right: 1em;
    }
}

ul#subMenuLeft li,
ul#subMenuRight li {
    display:  inline-block;
    position: relative;
}

.quickMenuHead {
    display:        flex;
    flex-direction: row;
    background:     #333;
    height:         70px;
    color:          #FFF;
    align-items:    center;
}

.quickMenuHead div {
    margin-left:  1em;
    margin-right: 1em;
}

.quickMenuHead h2 {
    margin: 0;
}

/** User Menu DropDown ********************************************************************************************************************/

.dropDownBox {
    position:           absolute;
    min-width:          300px;
    max-width:          350px;
    height:             auto;
    background-color:   rgba(230, 230, 230, .95);
    border-radius:      5px;
    box-shadow:         0 10px 20px rgba(0, 0, 0, .3);
    top:                55px;
    right:              0;
    opacity:            0;
    -webkit-transform:  scale(1) translateY(20px);
    transform:          scale(1) translateY(20px);
    -webkit-transition: all .3s;
    transition:         all .3s;
    visibility:         hidden;
}

.dropDownBox.show {
    visibility:        visible;
    opacity:           1;
    -webkit-transform: scale(1) translateY(0);
    transform:         scale(1) translateY(0);
}

.dropDownBox:before {
    content:       "";
    position:      absolute;
    z-index:       1;
    top:           -9px;
    right:         15px;
    border-top:    0;
    border-left:   5px solid transparent;
    border-right:  5px solid transparent;
    border-bottom: 9px solid #EB690B;
}

.dropDownBox .header {
    text-align:    left;
    padding:       .7em 1em;
    background:    #EB690B;
    color:         #FFF;
    font-family:   'Roboto Condensed', Arial, sans-serif;
    font-size:     1.6em;
    font-weight:   300;
    border-radius: 5px 5px 0 0;
}

.dropDownBox ul {
    margin:  0;
    padding: 0;
}

.dropDownBox ul li {
    padding: 0;
    width:   100%;
}

.dropDownBox ul li a {
    -webkit-transition: all .3s;
    transition:         all .3s;
    padding:            1em;
    background:         rgba(255, 255, 255, .8);
    color:              #333;
    display:            block;
    text-decoration:    none;
}

.dropDownBox ul li a:hover {
    background: rgba(0, 0, 0, .1);
}

.dropDownBox ul li a.active {
    color: #EB690B;
}

.dropDownBox ul li a span {
    font-family: 'Roboto Condensed', Arial, sans-serif;
    border:      1px solid #333;
    padding:     5px;
}

.dropDownBox .content p {
    margin:      0 0 .5em;
    line-height: 1.5em;
}

.dropDownBox .footer ul li a {
    background:    rgba(0, 0, 0, .5);
    color:         #FFF;
    border-radius: 0 0 5px 5px;
}

.dropDownBox .footer ul li a:hover {
    background: rgba(0, 0, 0, .7);
}

.dropDownBox .content {
    margin: 0;
}

.dropDownBox .content.left {
    max-height: 300px;
    overflow-y: scroll;
}

.dropDownBox .content.left ul li {
    text-align:    left;
    padding:       10px;
    border-bottom: 1px solid #AAA;
    font-size:     .9em;
    color:         #666;
    line-height:   1.3em;
}

.dropDownBox .content.left ul li a {
    background:    #66A467;
    font-size:     1.1em;
    display:       block;
    float:         right;
    text-align:    center;
    color:         #FFF;
    outline:       0;
    border-radius: 3px;
    padding:       8px 14px;
    opacity:       .3;
}

.dropDownBox .content.left ul li:hover {
    background: rgba(255, 255, 255, .8);
}

.dropDownBox .content.left ul li:hover a {
    opacity: 1;
}

.dateTime {
    display:     block;
    font-weight: normal;
    color:       #333;
    font-size:   1.3em;
    padding:     8px 0 10px;
}

/** Right header *************************************************************************************************************************************/

#clock {
    color: #FFF;
}

#tempAction {
    text-align:  center;
    padding-top: 16px;
    display:     none;
}

/** Left menu *************************************************************************************************************************************/

#hinnendahlCom {
    position: absolute;
    bottom:   1em;
    left:     2.25em;
    z-index:  -1;
}

#hinnendahlCom img {
    width: 180px;
}

#navigation {
    background: #333;
}

#navigation ul {
    margin:          0;
    padding:         0;
    list-style-type: none;
}

#navigation ul li {
    margin:             0;
    padding:            0;
    position:           relative;
    background:         rgba(255, 255, 255, .05);
    margin-bottom:      3px;
    -webkit-transition: all .3s;
    transition:         all .3s;
}

#navigation ul li:hover {
    background: rgba(255, 255, 255, .1);
}

#navigation ul li ul {
    background: rgba(0, 0, 0, .1);
}

#navigation ul li ul li {
    padding-left: 1.5em;
    background:   none;
}

#navigation ul > li > a {
    position:        relative;
    display:         block;
    color:           #EEE;
    text-decoration: none;
    outline:         0;
    padding:         1em .5em;
    border-left:     3px solid transparent;
    margin-left:     2px;
}

#navigation ul > li > a:hover {
    color: #FFF;
}

#navigation ul > li > a.activePage {
    border-left: 3px solid #EB690B;
    margin-left: 2px;
}

#navigation ul > li > .sli {
    position:           absolute;
    right:              0;
    text-align:         center;
    top:                0;
    cursor:             pointer;
    padding:            1em 1.1em;
    color:              #DDD;
    -webkit-transition: all .3s;
    transition:         all .3s;
}

#navigation ul > li > .sli:hover {
    color:      #FFF;
    background: rgba(255, 255, 255, .3);
}

#navigation ul ul {
    display: none;
}

/** Page wrapper ********************************************************************************************************************/

.wrapper {
    position:   relative;
    box-sizing: border-box;
    height:     auto;
    padding:    0 .5em;
}

@media screen and (min-width: 550px) {
    .wrapper {
        padding: 0 1em;
    }
}

@media screen and (min-width: 768px) {
    .wrapper {
        padding: 0 1.5em;
    }
}

/** Page headlinebox ******************************************************************************************************/

.pageHeadlineBox {
    position:      relative;
    box-sizing:    border-box;
    width:         100%;
    height:        auto;
    margin-bottom: 20px;
    padding:       1.5em 1.5em 0 1.5em;
    background:    rgba(50, 50, 50, 0.8);
}

.pageHeadlineBox h1 {
    color:   #FFF;
    margin:  .1em 0 1em 0;
    padding: 0;
    float:   left;
}

.pageHeadlineBox h1 i {
    color: #FFF;
}

/** **********************************************************************************/

.orangeColor {
    color: #EB690B;
}

.redColor {
    color: #EB690B;
}

.redColor2 {
    color: #820000;
}

.greenColor {
    color: #C7FFBC;
}

.lightGrey {
    color: #ACACAC;
}

.dashboxGrey {
    color: #ECECEC;
}

.infoBlue {
    color: #0A77D5;
}

.mediumGrey {
    color: #777777;
}

.startPage {
    color: #CCC;
}

.startPage1 {
    color: #333;
}

.darkGrey {
    color: #333;
}

.updateMessage {
    display: none;
}

small.editLockState {
    color:        #EB690B;
    font-style:   italic;
    display:      inline-block;
    margin-right: 1em;
}

/** ok, info, error, tip message Boxen **********************************************************************************/

#ajaxMessages {
    position: fixed;
    top:      2%;
    right:    2%;
    left:     2%;
    z-index:  99999;
    cursor:   pointer;
}


.ok li,
.error li,
.errorFix li,
.info li,
.tip li {
    padding: 0 0 0 30px;
}

.ok,
.error,
.errorFix,
.info,
.tip {
    position:              relative;
    background-color:      #FFF;
    background-repeat:     no-repeat;
    background-position:   20px center;
    -webkit-border-radius: 5px;
    border-radius:         5px;
    list-style-type:       none;
    width:                 auto;
    min-width:             300px;
    height:                auto;
    margin:                0 0 10px 0;
    padding:               1em;
    padding-left:          0;
    z-index:               99999;
    color:                 #333;
    box-shadow:            0 .5em 1em rgba(0, 0, 0, .4);
}

.ok {
    border-left: 3px solid #0E7705;
}

.info {
    border-left: 3px solid #EBA339;
}

.tip {
    border-left: 3px solid #0A77D5;
}

.error {
    border-left: 3px solid #C9321C;
}

.ok a,
.error a,
.errorFix a,
.info a,
.tip a {
    color:           #EB690B;
    text-decoration: none;
    outline:         0;
}

.ok:before,
.info:before,
.tip:before,
.error:before {
    position:    absolute;
    top:         30px;
    left:        15px;
    content:     '\f058';
    font-family: FontAwesomeAnyMate;
    font-size:   2.5em;
    color:       #0E7705;
}

.info:before {
    content:   '\f071';
    font-size: 2.1em;
    color:     #EBA339;
}

.error:before {
    content: '\f057';
    color:   #C9321C;
}

.tip:before {
    content: '\f05a';
    color:   #0A77D5;
}

@media only screen and (min-width: 768px) {
    #ajaxMessages {
        position: fixed;
        top:      12px;
        right:    10px;
        left:     auto;
        z-index:  99999;
    }
}

/** headlines ***************************************************************************************/

h1 {
    color:   #FFF;
    float:   left;
    margin:  0;
    padding: 0;
}

h1 i {
    color: #FFF;
}

/** login & passwort reset box ***************************************************************************************/

.borderBox {
    position:              relative;
    -webkit-border-radius: 8px;
    -moz-border-radius:    8px;
    -ms-border-radius:     8px;
    -o-border-radius:      8px;
    border-radius:         8px;
    border:                .6em solid rgba(0, 0, 0, .3);
    padding:               0;
    background:            rgba(60, 60, 60, .8);
    box-shadow:            0 0 20px rgba(0, 0, 0, .6);
    max-width:             500px;
    margin:                0 auto;
}

.borderBoxHeadline {
    position:      relative;
    z-index:       1;
    background:    rgba(150, 150, 150, .4);
    border-radius: 5px 5px 0 0;
    padding:       1em 2em;
    height:        auto;
    border-bottom: 1px solid rgba(0, 0, 0, .7);
}

.borderBoxHeadline h1,
.borderBoxHeadline h1 i {
    margin:      0;
    padding:     0;
    color:       #FFF;
    font-weight: 300;
}

.borderBoxContent {
    position:   relative;
    z-index:    2;
    padding:    20px 20px 10px 20px;
    background: rgba(200, 200, 200, .6);
    color:      #FFF;
}

.borderBoxFooter {
    border-top:    1px solid #000;
    position:      relative;
    z-index:       2;
    border-radius: 0 0 5px 5px;
    padding:       .5em 1.5em;
    background:    rgba(50, 50, 50, .6);
    text-align:    right;
    color:         #FFF;
}

.borderBoxFooter a {
    color:           #777;
    text-decoration: none;
    outline:         0;
}

.borderBoxFooter a:hover {
    color: #FFF;
}

#loginLang {
    position: absolute;
    top:      1em;
    right:    1em;
    z-index:  3;
}

#loginLang > a.mobIcon {
    font-size:     1.8em;
    color:         #FFF;
    padding-right: 0;
    padding-top:   10px;
}

#loginLang > a.mobIcon:hover {
    color: #EB690B;
}

@media only screen and (min-width: 1024px) {
    #loginLang > a.mobIcon {
        color: #FFF;
    }

    #loginLang > a.mobIcon:hover {
        color: #EB690B;
    }
}

/** blätterfunktion *******************************************************************************************************************/

.pageLink {
    padding: 15px 0;
}

.pageLink .pageActive,
.pageLink .pageCount,
.pageLink span,
.pageLink a,
.pageLink a:hover,
.pageLink a:focus {
    text-decoration:    none;
    font-size:          1em;
    outline:            0;
    cursor:             pointer;
    display:            block;
    width:              100%;
    padding:            8px 12px;
    margin-bottom:      .5em;
    text-align:         center;
    color:              #666;
    -webkit-transition: all .2s;
    transition:         all .2s;
}

.pageLink .pageCount,
.pageLink span,
.pageLink a {
    background-color: transparent;
    border:           1px solid #DDD;
    color:            #666;
}

.pageLink a:hover {
    background-color: #333;
    border:           1px solid #333;
    color:            #FFF;
}

.pageLink a:focus {
    background-color: #333;
    border:           1px solid #333;
    color:            #FFF;
}

@media screen and (min-width: 768px) {

    .pageLink .pageActive,
    .pageLink .pageCount,
    .pageLink span,
    .pageLink a,
    .pageLink a:hover,
    .pageLink a:focus {
        margin-right: 3px;
        display:      inline-block;
        width:        auto;;
        padding:      8px 14px;
    }

    .pageLink span.autoWidth,
    .pageLink a.autoWidth {
        width: auto;
    }
}

.pageLink .pageActive {
    background-color: #D60000;
    border:           1px solid #D60000;
    color:            #FFF;
    cursor:           default;
}

.pageLink span {
    color:  #AAA;
    cursor: default;
}

.pageInfo {
    padding-top: 1.6em;
}

/** to top button *******************************************************************************************************************/


#scrollTop {
    cursor:             pointer;
    z-index:            99;
    position:           fixed;
    right:              1.5em;
    bottom:             1em;
    width:              40px;
    height:             40px;
    background:         rgba(0, 0, 0, .5);
    border-radius:      50%;
    -webkit-transition: all .3s;
    transition:         all .3s;
    line-height:        38px;
    color:              #FFF;
    text-align:         center;
    font-size:          1.5em;
    transform:          scale(0);
}

#scrollTop:hover {
    background: rgba(0, 0, 0, .7);
}

.showScrollTop #scrollTop {
    transform: scale(1);
}

/** fullscreen modal overlay *******************************************************************************************************************/

#overlay {
    width:              100%;
    height:             100vh;
    position:           fixed;
    z-index:            99;
    top:                0;
    left:               0;
    background-color:   rgba(0, 0, 0, .6);
    box-shadow:         inset 0 0 35em rgba(0, 0, 0, .8);
    display:            flex;
    align-items:        center;
    justify-content:    center;
    opacity:            0;
    -webkit-transition: opacity .6s, transform .6s ease;
    transition:         opacity .6s, transform .6s ease;
    overflow:           auto;
    transform:          translateY(-100vh);
}

.showOverlay #overlay {
    opacity:   1;
    transform: translateY(0);
}

.showOverlay #mainContainer {
    -webkit-filter: blur(2px);
    filter:         blur(2px);
}

#overlayWindow {
    position:           relative;
    background:         #FFF;
    border-radius:      5px;
    height:             auto;
    width:              90%;
    max-width:          500px;
    -webkit-transition: all .2s;
    transition:         all .2s;
}

.showOverlay #overlayWindow {
    box-shadow: 0 2em 5em rgba(0, 0, 0, 0.4);
}

.windowHeader {
    position:      relative;
    border-bottom: 1px solid #CCC;
    border-radius: 4px 4px 0 0;
    color:         #333;
    font-family:   'Roboto Condensed';
    font-size:     1.6em;
    font-weight:   300;
    padding:       1em;
    line-height:   1.2em;
}

.windowClose {
    position:                absolute;
    right:                   0;
    top:                     0;
    background:              transparent;
    width:                   30px;
    height:                  30px;
    line-height:             30px;
    cursor:                  pointer;
    color:                   #333;
    font-size:               1em;
    border-top-right-radius: 5px;
    text-align:              center;
    -webkit-transition:      all .3s;
    -moz-transition:         all .3s;
    -ms-transition:          all .3s;
    -o-transition:           all .3s;
    transition:              all .3s;
    font-family:             'Roboto Condensed';
    font-weight:             300;
}

.windowClose:hover {
    background: rgba(214, 38, 37, 0.93);
    color:      #FFF;
}

.closeIt {
    position:           relative;
    width:              20px;
    height:             20px;
    display:            inline-block;
    cursor:             pointer;
    -webkit-transition: all .3s;
    transition:         all .3s;
    transform:          rotate(0deg);
}

.closeIt.red {
    background-color: transparent;
}

.closeIt span {
    position:           absolute;
    display:            inline-block;
    width:              100%;
    height:             1px;
    background-color:   #CCC;
    transform:          rotate(50deg);
    left:               0;
    top:                50%;
    -webkit-transition: all .3s;
    transition:         all .3s;
}

.closeIt span:nth-of-type(2) {
    transform: rotate(-50deg);
    top:       50%;
}

.closeIt:hover {
    transform: rotate(0deg);
}

.closeIt.red:hover {
    background-color: rgba(214, 38, 37, 0.93);
}

.closeIt:hover span {
    background-color: #FFF;
}

.windowContent {
    position:      relative;
    overflow:      auto;
    border-radius: 0 0 4px 4px;
    padding:       .5em 1.5em;
    box-sizing:    border-box;
    height:        auto;
    min-height:    180px;
    color:         #333;
}

.windowContent p {
    font-size:   1em;
    font-weight: normal;
    line-height: 150%;
    margin:      5px 0 15px;
}

.windowContent #insertButton {
    clear:   both;
    margin:  1em 0;
    display: none;
}

.windowContent #desc {
    font-size: .9em;
}

.windowContent #desc h4 {
    font-family: 'Roboto Condensed', Arial, sans-serif;
}

@media only screen and (min-width: 500px) {
    #overlay {
        position: fixed;
    }

    #overlayWindow {
    }
}

/** Dashboard *******************************************************************************************************************/

#dashboardRespons,
#updateRespons {
    display:        flex;
    flex-direction: column;
}

.dashboardColumn {
    padding-bottom: 10px;
}

@media screen and (min-width: 768px) {

    #dashboardRespons,
    #updateRespons {
        flex-direction: row;
        flex-wrap:      wrap;
        margin-left:    -.5em;
        width:          calc(100% + 1em);
    }

    .dashboardColumn {
        width:  calc(50% - 1em);
        margin: 0 .5em;
    }

}

@media screen and (min-width: 1200px) {
    .dashboardColumn {
        width: calc(33.333333% - 1em);
    }
}

.dashBox {
    margin:  0 0 1em 0;
    padding: 0;
}

.dashBoxHeader {
    padding:       0.6em 1em;
    margin-bottom: 0;
    position:      relative;
    background:    #3C74A8;
    font-size:     1.5em;
    cursor:        move;
    color:         #FFF;
    font-family:   'Roboto Condensed', Arial, sans-serif;
    font-weight:   300;
}

.dashBoxHeader.green {
    background: #57A85E;
}

.dashBoxHeader.red {
    background: #A84346;
}

.dashBoxHeader.grey {
    background: #EB690B;
}

.dashBoxContent {
    padding:    1em;
    background: #FFF;
    color:      #333;
    max-height: 400px;
    overflow:   auto;
    position:   relative;
    border:     1px solid #CCC;
    border-top: none;
}

.dashBoxContent .updateMessage a {
    color:           #EB690B;
    font-weight:     bold;
    text-decoration: none;
    outline:         0;
}

.dashBoxContent .updateMessage a:hover {
    color: #CCC;
}

.dashBoxContent a.link {
    color:           #EB690B;
    text-decoration: none;
    outline:         0;
}

.dashBoxContent a.link:hover {
    color: #CCC;
}

.dashBoxContent .orangeColor {
    color: #EB690B;
}

.dashBoxPlaceholder {
    border: 1px dashed #CCC;
    margin: 0 1em 1em 0;
    height: 40px;
    width:  100%;
}

.dashBoxToggle {
    position:                absolute;
    width:                   2em;
    top:                     0;
    right:                   .7em;
    padding:                 .55em 0 0 1em;
    font-style:              normal;
    font-weight:             normal;
    font-size:               1em;
    line-height:             1;
    cursor:                  pointer;
    color:                   #FFF;
    text-align:              center;
    font-family:             FontAwesomeAnyMate;
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition:      all .3s;
    -moz-transition:         all .3s;
    -ms-transition:          all .3s;
    -o-transition:           all .3s;
    transition:              all .3s;
}

.dashBoxToggle:hover {
    color: #333;
}

.dashBoxOpen:before {
    content: "\f0d7";
}

.dashBoxClose:before {
    content: "\f0d8";
}

.dashBoxContent .activities {
    margin-bottom: 1em;
}

.dashBoxContent .activities p {
    margin: .2em 0;
}

.dashBoxContent .activities span.col1 {
    float: left;
}

.dashBoxContent .activities span.col2 {
    float: right;
}

.dashBoxContent span.col1 {
    float: left;
}

.dashBoxContent span.col2 {
    float: right;
}

/** Server Content Volume **********************************************************************************************/

.freeSpaceOuter {
    width:         100%;
    height:        auto;
    background:    #D4D4D4;
    position:      relative;
    border-radius: 5px;
    margin-bottom: .5em;
}

.freeSpaceOuter .freeSpaceInner {
    height:        auto;
    background:    #5191D2;
    border-radius: 5px;
    text-align:    right;
    padding:       .5em 1em;
    color:         #FFF;
}

.freeSpaceOuter .freeSpaceInner.alert {
    background: #C54B44;
}

/** Tables *******************************************************************************************************************/

/** Tabelle Platzhalter **/

.placeholder td {
    box-shadow: none;
    border:     none;
}

.placeholder td:nth-child(1) {
    width:        30%;
    border-right: none;
    text-align:   left;
}

.placeholder td:nth-child(2) {
    width:        70%;
    border-right: none;
    text-align:   left;
}

/** content */
.content td {
    box-shadow: none;
    border:     none;
}

.content td:nth-child(1) {
    width:        65%;
    padding-left: 10px;
    border-right: none;
    text-align:   left;
}

.content td:nth-child(2) {
    width:        3%;
    border-left:  none;
    border-right: none;
}

.content td:nth-child(3) {
    width:        8%;
    border-left:  none;
    border-right: none;
}

.content td:nth-child(4) {
    width:        5%;
    text-align:   left;
    border-left:  none;
    border-right: none;
}

.content td:nth-child(5) {
    width:        5%;
    text-align:   left;
    border-left:  none;
    border-right: none;
}

.content td:nth-child(6) {
    width:       5%;
    text-align:  center;
    border-left: none;
}

/** Tabelle Plugin */

.installedPlugins .tableRow {
    padding-top:   1em;
    border-bottom: 1px solid #CCC;
}

.installedPlugins .tableRow:last-child {
    border-bottom: none;
}

.installedPlugins .tableRow > div:nth-child(1) {
    padding:     1em;
    text-align:  center;
    padding-top: 0;
}

.installedPlugins .tableRow > div:nth-child(2) {
    padding: 0 1em;
}

.installedPlugins .tableRow > div:nth-child(3) {
    padding: 1em;
}

.installedPlugins .tableRow > div:nth-child(3) > span {
    opacity:            0;
    visibility:         hidden;
    -webkit-transition: all .3s;
    -moz-transition:    all .3s;
    -ms-transition:     all .3s;
    -o-transition:      all .3s;
    transition:         all .3s;
}

.installedPlugins .tableRow:hover > div:nth-child(3) > span {
    opacity:    1;
    visibility: visible;
}

.installedPlugins img {
    background: rgba(255, 255, 255, .2);
    width:      100%;
    height:     auto;
    max-width:  200px;
    padding:    5px;
    border:     1px solid rgba(255, 255, 255, .4);
}

.installedPlugins .active {
    color:      #FFF;
    background: rgba(98, 120, 100, 0.61);
    border:     1px solid #91A893;
    padding:    .5em;
    display:    inline-block;
}

.installedPlugins .inactive {
    color:      #FFF;
    background: rgba(101, 58, 65, 0.71);
    border:     1px solid rgba(101, 58, 65, 0.71);
    padding:    .5em;
    display:    inline-block;
}

.installedPlugins a.inactive {
    color:           #FFF;
    background:      rgba(98, 120, 100, 0.61);
    border:          1px solid #91A893;
    padding:         .5em;
    display:         inline-block;
    text-decoration: none;
}

.installedPlugins a.inactive:hover {
    text-decoration: none;
    color:           #111;
    background:      #839C85;
}

.installedPlugins .pluginDescription {
    margin-bottom: 1em;
}

.installedPlugins .pluginDescription a {
    color:           #EB690B;
    text-decoration: none;
    outline:         0;
}

.installedPlugins .pluginDescription a:hover {
    color: #555;
}

.installedPlugins a.link {
    color:           #EB690B;
    text-decoration: none;
}

.installedPlugins a.link:hover {
    color: #AAA;
}

/** Widget Box ********************************************************************************************************************/

.widget {
    margin-bottom: 2em;
    position:      relative;
    box-shadow:    0 5px 20px rgba(0, 0, 0, .2);
    border:        1px solid #DDD;
    overflow:      hidden;
}

.widget .widget {
    box-shadow: none;
}

.widget-header {
    background:    #FFF;
    height:        auto;
    padding:       1em 1.5em;
    position:      relative;
    border-bottom: 1px solid #DDD;
}

.widget-header h3 {
    position:    relative;
    color:       #333;
    display:     inline-block;
    margin:      0;
    padding:     .3em 0 .1em;
    font-weight: 300;
}

.filterRibbon .widget-header h3 {
    padding-left: 80px;
}

.widget-header h3 a {
    text-decoration: none;
    color:           #EB690B;
    outline:         0;
}

.widget-header > span {
    float:         right;
    font-size:     1em;
    line-height:   40px;
    padding-right: 15px;
    display:       inline-block;
    color:         #888;
}

.widget-content {
    background: #FFF;
    padding:    1.5em;
}

.widget-content.no-padding {
    padding: 0
}

.tableCol .widget-content {
    background: #F2F2F2;
}

.widget-footer {
    background: #FFF;
    padding:    1em 1.5em;
    border-top: 1px solid #DADADA;
}

.widget-footer p {
    margin-bottom: 0;
}

.infoHint a {
    color:           #EB690B;
    text-decoration: none;
    outline:         0;
}

.infoHint a:hover {
    color: #AAA;
}

.infoHint p {
    margin-top: 5px;
}

/** Admin Rechte Überschrift in <ul> <li> ***********************************************************************/

ul#adminFrontendRightsContainer,
ul#adminBackendRightsContainer {
    display:        flex;
    flex-direction: column;
    padding:        0;
    width:          100%;
}

ul#adminFrontendRightsContainer li.rights,
ul#adminBackendRightsContainer li.rights {
    margin-bottom: 1em;
    border:        1px solid #DDD;
    background:    #EFEFEF;
}

ul#adminFrontendRightsContainer .rightsHead,
ul#adminBackendRightsContainer .rightsHead {
    font-weight: bold;
    background:  #3C74A8;
    padding:     8px;
    color:       #FFF;
}

ul#adminFrontendRightsContainer ul,
ul#adminBackendRightsContainer ul {
    margin:  .5em 0 0 2.2em;
    padding: 0;
}

ul#adminFrontendRightsContainer ul li,
ul#adminBackendRightsContainer ul li {
    padding: .2em 0;
}

@media only screen and (min-width: 800px) {
    ul#adminFrontendRightsContainer,
    ul#adminBackendRightsContainer {
        display:        flex;
        flex-direction: row;
        flex-wrap:      wrap;
        margin:         0 0 0 -1em;
        padding:        0;
        width:          calc(100% + 2em);
    }

    ul#adminFrontendRightsContainer li.rights,
    ul#adminBackendRightsContainer li.rights {
        width:        calc(33.3333333% - 1em);
        margin-left:  .5em;
        margin-right: .5em;
    }
}


#frontendPages label.field-label {
    color: #888;
}

#frontendPages label.field-label strong {
    color: #333;
}

/** Einzug für Unterseiten in der Seitendarstellung ********************************************************************/

.navTree {
    width:   16px;
    height:  16px;
    display: inline-block;
}

/** Icon für hochgeladene Dateien **************************************************************************************/

.fileIcon {
    width:    16px;
    height:   18px;
    position: absolute;
    display:  inline-block;
}

.fileIcon.zip {
    background: url('../images/fileIcon/zip.png') 0 2px no-repeat;
}

/** Box um die Dateien einer Design Theme aufzulisten ******************************************************************/

.themeList {
    position:        relative;
    -moz-box-sizing: border-box;
    box-sizing:      border-box;
    border:          1px solid #CCC;
    max-height:      400px;
    width:           100%;
    background:      #FFF;
    overflow:        auto;
}

.themeList ul {
    list-style-type: none;
    margin:          0;
    padding:         0;
}

.themeList ul.open {
    display: block;
}

.themeList ul.close {
    display: none;
}

.themeList ul li {
    list-style-type: none;
    margin:          0;
    padding:         5px 0;
    position:        relative;
}

.themeList ul ul li {
    margin-left: 2em;
}

.showFolder {
    display:  block;
    width:    100%;
    height:   auto;
    padding:  14px 0;
    cursor:   pointer;
    position: absolute;
    top:      0;
    border:   1px solid transparent;
}

.showFolder.noAction {
    cursor: default;
}

.showFolder.open:before,
.showFolder.close:before {
    display:     block;
    font-family: FontAwesomeAnyMate;
    content:     '\f07c';
    font-size:   1.6em;
    margin-left: .5em;
    color:       #3195DE;
    position:    absolute;
    top:         5px;
}

.showFolder.close:before {
    content: '\f07b';
}

.showFolder.ui-droppable-hover.highlight {
    box-shadow: none !important;
    border:     1px solid #3195DE;
}

.themeList ul li div.folder {
    display:     inline-block;
    margin-left: 40px;
}

.installedThemes .themeList img {
    width:          20px;
    display:        inline-block;
    margin-right:   .5em;
    vertical-align: middle;
}

.themeList div.file {
    margin-left: 10px;
    background:  rgba(255, 255, 255, .8);
}

.themeList div.file span.fileOptions,
.themeList span.showFolder span.folderOptions {
    display: none;
    float:   right;
}

.themeList span.showFolder span.folderOptions {
    margin-top:   -8px;
    margin-right: 10px;
}

.themeList div.file:hover span.fileOptions,
.themeList span.showFolder:hover span.folderOptions {
    display: block;
}

span.fileOptions a,
span.folderOptions a {
    color:           #333;
    outline:         0;
    text-decoration: none;
}

span.fileOptions a:hover,
span.folderOptions a:hover {
    color: #AAA;
}

.themeCol table {
    width: 100%;
}

.themeCol table td {
    width: 30%;
}

.themeCol table tr td:nth-of-type(2) {
    width: 70%;
    color: #888;
}

.themeCol table td p {
    padding-top: 10px;
}

/** Page list (sortable) ************************************************************************************************/

.pageArticleInfo {
    margin-bottom: 10px;
}

.pageArticleInfo h3 {
    margin: 0;
}

.pageArticleInfo p {
    margin: 0 0 5px 0;
}

.pageList {
    position: relative;
}

.pageList ul {
    position: relative;
    margin:   0;
    padding:  2px 0 2px 20px;
}

.pageList ul:before {
    position:    absolute;
    left:        18px;
    content:     '';
    border-left: 1px dotted #BBB;
    height:      100%;
    width:       5px;
}

.pageList li {
    position:        relative;
    padding:         0;
    list-style-type: none;
}

.pageList .row {
    padding:     2px 5px;
    margin-left: 10px;
    background:  none;
    border:      1px solid transparent;
}

.pageList .row:before {
    content:       '';
    position:      absolute;
    width:         10px;
    height:        10px;
    left:          -1px;
    border-bottom: 1px dotted #AAA;
}

.pageList .row:hover {
    background: rgba(223, 223, 223, 0.83);
    border:     1px solid rgba(0, 0, 0, .15);
    color:      #333;
}

.pageList .row.selected {
    background-color: rgba(255, 188, 110, 0.2);
    box-shadow:       inset 0 0 2px rgba(136, 102, 58, 0.35);
}

.pageList .row .right {
    padding-bottom: 2.5em;
    position:       relative;
}

.pageType {
    display: inline-block;
    color:   #AAAAAA;
}

.pageStart {
    margin-right: 1em;
}

.pageName {
    display:      inline-block;
    margin-right: .3em;
}

.pageName a {
    color:           #333;
    text-decoration: none;
    outline:         0;
}

.pageName a:hover {
    color: #AAA;
}

.pageStatus {
    color: #555;
}

.pageStatus span {
    color:   #AAA;
    display: block;
}

.pageOptions {
    position: absolute;
    left:     0;
    bottom:   .2em;
}

.showList,
.showPageList {
    display:                block;
    height:                 18px;
    width:                  18px;
    position:               absolute;
    left:                   -11px;
    cursor:                 pointer;
    font-style:             normal;
    font-size:              1em;
    color:                  #888;
    text-align:             center;
    font-family:            FontAwesomeAnyMate;
    -webkit-font-smoothing: antialiased;
    -webkit-transition:     all .3s;
    transition:             all .3s;
    background:             #EEE;
    border:                 1px solid #CCC;
}

.contentOverview .showList,
.contentOverview .showPageList {
    top: 8px;
}

.
List {
    height:     27px;
    display:    block;
    background: rgba(98, 120, 100, 0.64);
    border:     1px dotted rgba(64, 83, 66, 0.54);
}

.showList.open:before,
.showPageList.open:before {
    content:    "\f0d7";
    display:    block;
    margin-top: -2px;
}

.showList.close:before,
.showPageList.close:before {
    content:    "\f0d8";
    display:    block;
    margin-top: -3px;
}

.listContent {
    display: none;
}

.listContent.open {
    display: block;
}

@media only screen and (min-width: 768px) {
    .pageOptions {
        position: relative;
    }

    .row .pageOptions span {
        opacity: 0;
    }

    .row:hover .pageOptions span {
        opacity: 1;
    }

    .pageList .row {
        display: flex;
    }

    .pageList .row .left {
        width: 65%;
    }

    .pageList .row .right {
        width:          35%;
        padding-bottom: 0;
    }

    .pageStart {
        margin-right: .5em;
    }

    .pageName {
        min-width: 20%;
        float:     none;
        display:   inline-block;
    }

    .pageType {
        float:        none;
        display:      inline-block;
        color:        #AAAAAA;
        margin-right: .2em;
    }

    .pageStatus {
        float:      right;
        text-align: right;
    }

    .pageStatus span {
        display: inline-block;
    }

    .pageOptions {
        float:      right;
        top:        0;
        width:      150px;
        text-align: right;
    }
}

/** Content list ********************************************************************************************************************/

.contentOverview {
    position: relative;
    padding:  20px;
}

.contentOverview a.link {
    color:           #333;
    text-decoration: none;
    outline:         0;
}

.contentOverview a.link:hover {
    color: #AAA;
}

.contentOverview ul {
    position: relative;
    margin:   0;
    padding:  2px 0 2px 20px;
}

.contentOverview ul:before {
    position:    absolute;
    left:        18px;
    content:     '';
    border-left: 1px dotted #BBB;
    height:      100%;
    width:       5px;
}

.contentOverview > ul:nth-of-type(1) {
    margin-left: 0;
}

.contentOverview li {
    position: relative;
    padding:  0 0 0 10px;
}

.contentOverview li.global {
    position: relative;
    padding:  0 0 5px 0;
}

.contentOverview .row {
    padding:    2px 5px;
    background: none;
    border:     1px solid transparent;
}

.contentOverview .row:before {
    content:       "";
    position:      absolute;
    width:         10px;
    height:        10px;
    left:          -1px;
    border-bottom: 1px dotted #BBB;
}

.contentOverview .row .left {
    float:      right;
    text-align: right;
}

.contentOverview .row .right {
    width: 100%;
}

.contentOverview .row .right > span {
    opacity:     0;
    padding-top: 4px;
    display:     inline-block;
}

.contentOverview .row:hover .right > span {
    opacity: 1;
}

.contentOverview .row:hover {
    background: #FAFAFA;
    background: rgba(192, 185, 187, 0.20);
    border:     1px solid rgba(182, 182, 182, .9);
}

.contentArticleBox p.placeholderHeadline {
    margin-bottom: 3px;
    padding:       4px 5px 0;
}

.contentArticleBox p.placeholderHeadline:nth-of-type(1) {
    border-top: none;
}

.contentOverview .contentTable {
    width: 100%;
}

.contentOverview .contentTable .tableRow {
    border: 1px solid transparent;
}

.contentOverview .contentTable .tableRow:hover {
    background: rgba(223, 223, 223, 0.83);
    border:     1px solid rgba(0, 0, 0, .15);
    color:      #333;
}

.contentOverview .contentTable .tableRow > div {
    padding: 4px;
}

.contentOverview .contentTable .tableRow > div:nth-child(1) {
    text-align:    left;
    float:         left;
    padding-right: 5px;
    color:         #EB690B;
}

.contentOverview .contentTable .tableRow > div:nth-child(4) {
    text-align: left;
}

.contentOverview .contentTable .tableRow > div:nth-child(5) {
    text-align: left;
}

.contentOverview .contentTable .tableRow > div:nth-child(5) span {
    opacity:    0;
    display:    block;
    text-align: right;
}

.contentOverview .contentTable .tableRow:hover > div:nth-child(5) span {
    opacity: 1;
}

.contentOverview .contentTable .tableRow.selected {
    background-color: rgba(255, 188, 110, 0.2);
    box-shadow:       inset 0 0 2px rgba(136, 102, 58, 0.35);
}

.showContent {
    display:                inline-block;
    height:                 25px;
    width:                  25px;
    line-height:            25px;
    position:               absolute;
    margin:                 0;
    cursor:                 pointer;
    font-style:             normal;
    font-size:              1em;
    color:                  #FFF;
    text-align:             center;
    font-family:            FontAwesomeAnyMate;
    -webkit-font-smoothing: antialiased;
    -webkit-transition:     all .3s;
    transition:             all .3s;
    background:             #66A467;
    border:                 1px solid #66A467;
}

.showContent.open:before {
    content:    "\f0d7";
    display:    block;
    margin-top: -2px;
}

.showContent.close:before {
    content:    "\f0d8";
    display:    block;
    margin-top: -2px;
}

.contentArticleBox {
    width:         98%;
    height:        100%;
    border:        1px solid #CCC;
    background:    #FFF;
    margin:        10px 0 1em 10px;
    padding:       7px;
    position:      relative;
    border-radius: 3px;
    display:       none;
}

.global .contentArticleBox {
    margin-left: 20px;
}

.contentArticleBox.open {
    display: block;
}

.contentArticleBox.close {
    display: none;
}

.contentArticleBox:before {
    content:      '';
    position:     absolute;
    top:          -6px;
    left:         12px;
    width:        10px;
    height:       10px;
    background:   #FFF;
    transform:    rotate(45deg);
    border:       1px solid #CCC;
    border-width: 1px 0 0 1px;
}

.global .contentArticleBox:before {
    left: 12px;
}

.global code {
    margin-left: 30px;
}

.global ul:before {
    border: none;
}

@media screen and (min-width: 768px) {
    .contentOverview .row .right {
        float:      right;
        width:      150px;
        text-align: right;
    }

    .contentOverview .contentTable .tableRow > div {
        padding:        4px 0;
        vertical-align: top;
        display:        inline-block;
    }

    .contentOverview .contentTable .tableRow > div:nth-child(1) {
        width:         2%;
        text-align:    right;
        float:         none;
        padding-right: 5px;
        color:         #333;
    }

    .contentOverview .contentTable .tableRow > div:nth-child(2) {
        width: 50%;
    }

    .contentOverview .contentTable .tableRow > div:nth-child(3) {
        text-align: right;
        width:      10%;
    }

    .contentOverview .contentTable .tableRow > div:nth-child(4) {
        width:      20%;
        text-align: right;
    }

    .contentOverview .contentTable .tableRow > div:nth-child(5) {
        width:      15%;
        text-align: center;
    }

    .contentOverview .row .contentTable .tableRow > div:nth-child(5) span {
        visibility: hidden;
    }

    .contentOverview .row .contentTable .tableRow:hover > div:nth-child(5) span {
        visibility: visible;
    }
}

/** Page & Content DragDrop Placeholder ********************************************************************************************************************/

.dragDropPlaceholder {
    position:   relative;
    height:     30px;
    width:      100%;
    background: rgba(255, 197, 109, 0.54);
    border:     1px dotted rgba(170, 164, 156, 0.54);
}

/** FileManager > Media ************************************************************************************************/

#fileManager {
    position: relative;
    width:    100%;
    border:   1px solid #CCC;
    overflow: hidden;
}

#fileManager .tableCol {
    -moz-user-select: none;
    user-select:      none;
}

#mediaBrowserFilesContent h4 .folder.virtualLinkBrowser,
#fileManagerPath .folder.virtualLink {
    cursor:             pointer;
    -webkit-transition: color .3s;
    transition:         color .3s;
}

#mediaBrowserFilesContent h4 .folder.virtualLinkBrowser:hover,
#fileManagerPath .folder.virtualLink:hover {
    color: #EB690B;
}

#mediaBrowserFilesContent h4 {
    padding-left: 12px;
}

#mediaBrowserFilesContent h4 i,
#fileManagerPath i {
    color: #AAA;
}

#fileManagerPath .folder.virtualLink:last-of-type {
    font-weight: 500;
}

.itemContainer {
    cursor:     pointer;
    word-break: break-word;
}

.itemContainer.noRights {
    opacity: .5;
}

.leftCol {
    width: 100%;
}

.rightCol {
    width:    100%;
    position: relative;
}

.fileManagerOptionsLeftCol {
    width: 100%;
}

.fileManagerOptionsRightCol {
    width: 100%;
}

#fileManagerPreview {
    position: relative;
}

#fileManagerPreview.fixed {
    position: relative;
}

.fileManagerImagePreview {
    background-color:    #EEE;
    background-image:    linear-gradient(45deg, #555 25%, transparent 25%, transparent 75%, #555 75%, #555),
                         linear-gradient(45deg, #555 25%, transparent 25%, transparent 75%, #555 75%, #555);
    background-size:     20px 20px;
    background-position: 0 0, 10px 10px;
    max-width:           100%;
    display:             block;
}

#fileOption {
    border:     1px solid #CCC;
    padding:    10px 10px 0 10px;
    border-top: none;
    height:     auto;
}

#fileManagerFileContainer {
    height: 100%;
}

.startUpload {
    width: 100%;
}

#fileManager .fileIcon {
    width:        64px;
    height:       auto;
    position:     relative;
    margin-right: 15px;
}

#fileManager .fileIcon img {
    vertical-align: middle;
}

#imageEditInfo {
    border:     1px solid #AAA;
    padding:    10px 10px 0 10px;
    height:     auto;
    background: #EEE;
    position:   relative;
    z-index:    999;
}

#fileManager .ui-draggable.selected,
#fileManager .ui-draggable-dragging {
    z-index: 99;
}

#fileManager .ui-droppable-hover.highlight {
    border:     0;
    box-shadow: inset 0 0 300px rgba(10, 95, 179, 0.2);
}

@media only screen and (min-width: 500px) {

    #fileManager {
        display:     flex;
        position:    relative;
        align-items: stretch;
    }

    #fileOption {
        display: flex;
    }

    .fileManagerOptionsLeftCol {
        width:         50%;
        padding-right: 1em;
    }

    .fileManagerOptionsRightCol {
        width:        50%;
        padding-left: .5em;
    }

    .leftCol {
        position:       relative;
        vertical-align: top;
        width:          50%;
        border-right:   1px solid #CCC;
    }

    .rightCol {
        width: 50%;
    }

    .startUpload {
        position: absolute;
        top:      0;
        right:    0;
        width:    60%;
    }
}

@media screen and (min-width: 800px) {
    .itemContainer {
        display:        flex;
        flex-direction: row;
    }
}

@media screen and (min-width: 960px) {

    .leftCol {
        width: 40%;
    }

    .rightCol {
        width: 60%;
    }

    .fileManagerOptionsLeftCol {
        width: 40%;
    }

    .fileManagerOptionsRightCol {
        width: 60%;
    }
}

/** Tabelle media ******************************************************************************************************/

.flexTable {
    position: relative;
    width:    100%;
}

.flexTable .tableRow {
    -webkit-transition: background-color .3s;
    transition:         background-color .3s;
    background-color:   #FAFAFA;
    display:            flex;
    flex-direction:     row;
}

.flexTable .tableRow:nth-of-type(odd) {
    background-color: #F0F0F0;
}

.flexTable .tableRow:hover {
    background-color: rgba(179, 189, 218, 0.52);
}

.flexTable .tableRow.selected {
    background-color: rgba(255, 194, 30, 0.31);
}

.flexTable .tableRow .tableCol {
    width:       70%;
    padding:     1em;
    line-height: 1.1em;
}

.flexTable .tableRow .tableCol:nth-of-type(2) {
    width:      30%;
    text-align: right;
    padding:    1em;
}

.flexTable .tableRow .tableCol:nth-of-type(1) small {
    color: #AAA;
}

@media screen and (min-width: 800px) {

    .flexTable .tableRow div.tableCol:last-of-type span {
        opacity:            0;
        -webkit-transition: opacity .3s;
        transition:         opacity .3s;
    }

    .flexTable .tableRow:hover div.tableCol:last-of-type span {
        opacity: 1;
    }
}

/** Tabelle media -> thumbs ********************************************************************************************/

.prevImage {
    background-color:    #EEE;
    background-image:    linear-gradient(45deg, #555 25%, transparent 25%, transparent 75%, #555 75%, #555),
                         linear-gradient(45deg, #555 25%, transparent 25%, transparent 75%, #555 75%, #555);
    background-size:     10px 10px;
    background-position: 0 0, 5px 5px;
    padding:             3px;
    border:              1px solid #CCC;
}

.thumbPreview .tableRow div.tableCol:nth-child(1) {
    width:       80%;
    text-align:  left;
    padding-top: 8px;
}

.thumbPreview .tableRow div.tableCol:nth-child(2) {
    width:      20%;
    text-align: right;
}

/** mediaBrowser > Inhalt erstellen ************************************************************************************/

.browserOverlay {
    width:            100%;
    height:           100%;
    position:         absolute;
    z-index:          9;
    top:              0;
    background-color: rgba(0, 0, 0, .5);
    box-shadow:       inset 0 0 35em rgba(0, 0, 0, .8);
    display:          none;
}

.browserWrapper {
    background:    rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    height:        auto;
    width:         95%;
    padding:       10px;
    position:      absolute !important;
    left:          50% !important;
    margin:        20px 0 0 -47.5%;
}

.browserClose {
    position:                absolute;
    right:                   10px;
    top:                     10px;
    background:              rgba(214, 38, 37, 0.93);
    width:                   35px;
    height:                  35px;
    line-height:             35px;
    cursor:                  pointer;
    color:                   #FFF;
    font-size:               1.4em;
    border-top-right-radius: 4px;
    text-align:              center;
    -webkit-transition:      all .3s;
    transition:              all .3s;
}

.browserClose:hover {
    color:      #000;
    background: rgba(214, 38, 37, 0.53);
}

.browserContent {
    position:      relative;
    background:    #FFF;
    border-radius: 4px;
    height:        100%;
    box-sizing:    border-box;
}

.browserLeft {
    width:         100%;
    position:      relative;
    border-bottom: 1px solid #AAA;
    padding:       1em 0;
    overflow:      hidden;
}

.browserMiddle {
    width:         100%;
    position:      relative;
    border-bottom: 1px solid #AAA;
    margin:        0;
    padding:       1em 0;
    overflow:      auto;
    max-height:    300px;
}

#templateBrowser .browserMiddle {
    background: #FFF;
}

.browserRight {
    width:    100%;
    position: relative;
    padding:  0;
}

#mediaBrowserInfo,
#mediaBrowserPreview {
    margin:     1em 0;
    text-align: center;
}

#dropDownImage,
#dropDownCSS,
#dropDownLightbox {
    margin-bottom: 1em;
}

#mediaBrowserPreviewArea {
    padding: 0 1em;
}

@media screen and (min-width: 768px) {
    .browserContent {
        overflow:  auto;
        display:   flex;
        flex-wrap: wrap;
    }

    .browserLeft {
        border-bottom:  none;
        padding-bottom: 0;
        position:       relative;
        height:         100%;
        width:          40%;
        overflow:       auto;
    }

    .browserMiddle {
        position:      relative;
        border-bottom: none;
        height:        50vh;
        width:         60%;
        overflow:      auto;
        max-height:    none;
    }

    .browserRight {
        position: relative;
        height:   100%;
        padding:  0;
        overflow: auto;
        width:    100%;
    }
}

@media screen and (min-width: 960px) {

    .browserOverlay {
        position: fixed;
    }

    .browserWrapper {
        height: 95%;
    }

    .browserLeft {
        width: 20%;
    }

    .browserMiddle {
        width:  50%;
        height: 100%;
    }

    .browserRight {
        width: 30%;
    }
}

@media screen and (min-width: 900px) {

    .browserLeft {
        width: 20%;
    }

    .browserMiddle {
        float: left;
        width: 60%;
    }

    .browserRight {
        float: left;
        width: 20%;
    }
}

.browserMiddle ul {
    position: relative;
    margin:   20px 0 0 20px;
    padding:  0;
}

.browserMiddle ul li {
    margin: 0 16px 16px 0;
    float:  left;
}

.mediaItemContainer {
    display:   flex;
    flex-wrap: wrap;
}

.fileBox {
    position:       relative;
    width:          100%;
    padding-bottom: 100%;
    cursor:         pointer;
    display:        none;
}

.fileBox.noRights {
    opacity: .5;
}

.fileBoxInner {
    position:   absolute;
    left:       10px;
    right:      10px;
    top:        10px;
    bottom:     10px;
    overflow:   hidden;
    background: #FFF;
    box-shadow: inset 0 0 40px rgba(45, 45, 45, .3);
}

.fileBoxInner > img {
    width: 100%;
}

@media only screen and (min-width: 360px) {

    .fileBox {
        width:          50%;
        padding-bottom: 50%;
    }
}

@media only screen and (min-width: 480px) {

    .fileBox {
        width:          33.3%;
        padding-bottom: 33.3%;
    }
}

@media only screen and (min-width: 1024px) {

    .fileBox {
        width:          25%;
        padding-bottom: 25%;
    }
}

@media only screen and (min-width: 1200px) {

    .fileBox {
        width:          20%;
        padding-bottom: 20%;
    }
}

.highlight {
    box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 4px #5977B3;
}

.mediaBrowserDelete,
.mediaBrowserChangeRights,
.mediaBrowserRenameFolder {
    position:      absolute;
    top:           10px;
    right:         10px;
    background:    rgba(214, 38, 37, 0.93);
    transition:    all .3s;
    opacity:       0;
    border-left:   1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

.fileBox:hover > div.mediaBrowserDelete,
.fileBox:hover > div.mediaBrowserChangeRights,
.fileBox:hover > div.mediaBrowserRenameFolder {
    opacity: 1;
}

.mediaBrowserChangeRights {
    background: rgba(10, 95, 179, 0.81);
    left:       10px;
    right:      inherit;
}

.mediaBrowserRenameFolder {
    background: #149619;
    left:       calc(50% - 21px);

    right:      inherit;
}

.mediaBrowserDelete a,
.mediaBrowserChangeRights a,
.mediaBrowserRenameFolder a {
    display:         block;
    color:           #FFF;
    text-decoration: none;
    outline:         0;
    padding:         8px 12px;
}

.mediaBrowserDelete a:hover,
.mediaBrowserChangeRights a:hover,
.mediaBrowserRenameFolder a:hover {
    color: #000;
}

.mediaBrowserFileName {
    position:    absolute;
    bottom:      0;
    width:       100%;
    color:       #FFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
    text-align:  center;
    padding:     5px 2px;
    background:  rgba(0, 0, 0, 0.5);
    font-size:   1em;
    word-wrap:   break-word;
}

.browserRight {
    height:      100%;
    overflow:    auto;
    color:       #333;
    padding-top: 30px;
}

table.fileInfo {
    border:    0;
    font-size: .9em;
    width:     100%;
}

table.fileInfo td {
    vertical-align: top;
    text-align:     left;
    width:          50%;
    padding:        1px 0;
}

table.fileInfo td:nth-of-type(2) {
    width:        50%;
    padding-left: 3px;
}

table.fileInfo td h3 {
    padding: 0;
    margin:  -5px 0 5px;
}

.browserRight ul#fileInfo {
    padding:    5px;
    margin:     1em 0;
    background: #FFF;
    border:     1px solid #AAA;
    width:      100%;
    color:      #555;
}

.browserRight ul#fileInfo li {
    padding:    3px 0;
    text-align: left;
}

.mediaBrowserIcon {
    width:       100%;
    height:      100%;
    position:    absolute;
    top:         50%;
    left:        50%;
    margin-top:  -30px;
    margin-left: -24px;
}

.tipIcon {
    float:  left;
    margin: 0 10px 10px 0;
}

/** Ftp *******************************************************************************************************/

#ftpContainer {
    display:        flex;
    flex-direction: column;
}

#ftpContainer div {
    width: 100%;
}

#ftpContainer i.am-folder {
    color: rgba(150, 190, 240, .8);
}

#ftpContainer i.am-file {
    color: rgba(255, 128, 0, .5);
}

@media only screen and (min-width: 768px) {
    #ftpContainer {
        flex-direction: row;
    }

    #ftpContainer div {
        width: calc(50% - 1em);
    }

    #ftpContainer div:nth-of-type(1) {
        margin-right: 1em;
    }

    #ftpContainer div:nth-of-type(2) {
        margin-left: 1em;
    }

}

/** TodoBox ********************************************************************************************************************/

.toDoBox {
    border:  1px solid #DDD;
    padding: 1em;
    color:   #555;
}

.toDoBox h2 {
    color: #333;
}

.toDoBox h3 {
    margin:    1em 0 .5em;
    font-size: 1.4em;
}

/** template bearbeiten key shortcuts ********************************************************************************************************************/

.toDoBox dt {
    font-weight: bold;
}

.toDoBox dd {
    margin: 0;
}

/** media bearbeiten -> image box und info box */

.imageEditArea {
    border:     10px solid rgba(0, 0, 0, .2);
    background: rgba(100, 100, 100, .5);
    display:    inline-block;
    position:   relative;
    margin:     0 20px 20px 0;
}

.imageEditArea img {
    width:  100%;
    height: auto;
}

.ajaxWait {
    display:    none;
    width:      100%;
    height:     100vh;
    position:   fixed;
    top:        0;
    left:       0;
    z-index:    99;
    background: rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 35em rgba(0, 0, 0, .8);
}

/** Backend Seite Menüs *******************************************************************************************************/

#accordionExclude.ui-accordion {
    border: 1px solid #CCC;
}

.ui-accordion .ui-accordion-header:before {
    content:     "\f0da";
    font-family: 'FontAwesomeAnyMate';
    font-weight: normal;
    font-style:  normal;
    position:    absolute;
    margin-left: -13px;
    text-shadow: none;
}

.ui-accordion .ui-state-active:before {
    content:     "\f0d7";
    font-family: 'FontAwesomeAnyMate';
    font-weight: normal;
    font-style:  normal;
    position:    absolute;
    margin-left: -14px;
    color:       #111;
    text-shadow: none;
}

.ui-accordion .ui-accordion-header {
    display:            block;
    cursor:             pointer;
    position:           relative;
    margin-top:         0;
    padding:            0;
    min-height:         0;
    border-bottom:      1px solid #FFF;
    background:         #DDD;
    -webkit-transition: background-color .3s;
    transition:         background-color .3s;
}

#availableMenuItems.ui-accordion h3.ui-accordion-header:last-of-type,
#accordionExclude.ui-accordion h3.ui-accordion-header:last-of-type,
.ui-accordion div:last-of-type .ui-accordion-header {
    border-bottom: 0;
}

.ui-accordion .ui-accordion-header:hover {
    background: #CCC;
}

.ui-accordion .group {
    position: relative;
}

.ui-accordion .group .spanButton {
    display:   none;
    font-size: 1.2em;
    right:     15px;
    top:       8px;
    position:  absolute;
    z-index:   1;
}

.ui-accordion .group:hover .spanButton {
    display: inline-block;
}

.ui-accordion .group .spanButton a {
    color: #333;
}

.ui-accordion .group .spanButton a:hover {
    color: #AAA;
}

.ui-accordion h3.ui-accordion-header {
    padding:       10px 0 7px 30px;
    margin:        0;
    color:         #333;
    font-size:     1.1em;
    font-weight:   normal;
    border-bottom: 1px solid #FFF;
}

.ui-accordion .ui-accordion-content {
    border-bottom: 1px solid #CCC;
    background:    #FFF;
    padding:       1.5em;
    border-top:    0;
    overflow:      auto;
}

.ui-accordion .ui-accordion-content {
    border: 0;
}

#editableMenu {
    position: relative;
    padding:  0;
}

#excludedItemsList {
    border: 1px solid #CCC;
}

code {
    background:  #525252;
    /*border:     1px solid #555;*/
    padding:     4px 5px;
    color:       #FFF;
    display:     inline-block;
    font-weight: bold;
}

.copyable {
    cursor:             pointer;
    -webkit-transition: all .3s;
    transition:         all .3s;
    border:             1px solid transparent;

}

.copyable:hover {
    opacity: .8;
    border:  1px solid #CCC;
}

/** lockScreen ********************************************************************************************************************/

#lockScreen {
    background-color:   rgba(0, 0, 0, .5);
    box-shadow:         inset 0 0 35em rgba(0, 0, 0, .8);
    position:           fixed;
    width:              100%;
    height:             100vh;
    opacity:            0;
    z-index:            100;
    -webkit-transition: opacity .6s, transform .6s;
    transition:         opacity .6s, transform .6s;
    display:            flex;
    align-items:        center;
    justify-content:    center;
    transform:          translateY(-100vh);
}

#lockScreen .loginReset {
    padding:    2em 1em 1em;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 2em 5em rgba(0, 0, 0, .4);
    border:     1px solid #FFF;
    width:      100%;
    max-width:  450px;
}

.showLock #lockScreen {
    opacity:   1;
    transform: translateY(0);
}

.showLock #mainContainer {
    -webkit-filter: blur(4px);
    filter:         blur(4px);
}

/** action button in table ********************************************************************************************************************/

.mobileButton {
    border-radius: 2px;
    border:        1px solid rgba(250, 250, 250, .3);
    background:    rgba(161, 160, 165, 0.80);
    padding:       .4em .8em;
}

@media screen and (min-width: 800px) {
    .mobileButton {
        border:     none;
        background: none;
        padding:    0;
    }
}

/** faq ********************************************************************************************************************/

.faq {
    position: relative;
    padding:  8px;
    width:    100%;
}

.faq.showFaq {
    position: relative;
    border:   1px solid #CCC;
}

.faq h3 {
    position:       relative;
    cursor:         pointer;
    margin:         0;
    padding-left:   1.5em;
    padding-bottom: 0.2em;
    color:          #555;
    font-size:      1.4em;
}

.faq h3:before {
    position:           absolute;
    left:               8px;
    font-family:        'FontAwesomeAnyMate';
    content:            "\f021"; /*f0d8*/
    -webkit-transition: all .3s;
    -moz-transition:    all .3s;
    -o-transition:      all .3s;
    transition:         all .3s;
    color:              #555;
    font-size:          1rem;
}

.faq h3:hover {
    color: #AAA;
}

.faq.showFaq h3:before {
    color:             #EB690B;
    -webkit-transform: rotate(180deg);
    -moz-transform:    rotate(180deg);
    -o-transform:      rotate(180deg);
    transform:         rotate(180deg);
}

.faq.showFaq h3 {
    color: #EB690B;
}

.faq .faqContent {
    color:              #333;
    padding-left:       2.3em;
    -webkit-transition: all .3s;
    -moz-transition:    all .3s;
    -ms-transition:     all .3s;
    -o-transition:      all .3s;
    transition:         all .3s;
    opacity:            0;
    overflow:           hidden;
    height:             0;
    margin:             0;
}

.faq p.faqContent {
    margin-bottom: 0;
}

.faq.showFaq .faqContent {
    opacity: 1;
    height:  auto;
}

/** phpinfo ********************************************************************************************************************/

#phpinfo pre { margin: 0px; font-family: monospace; }

#phpinfo a:link { color: #000099; text-decoration: none; background-color: #FFFFFF; }

#phpinfo a:hover { text-decoration: underline; }

#phpinfo table { border-collapse: collapse;margin-bottom: 1em; }

#phpinfo .center { text-align: left; }

#phpinfo .center table { margin-left: 0; margin-right: auto; text-align: left; }

#phpinfo .center th { text-align: left !important; }

#phpinfo td, #phpinfo th { border: 1px solid #000000; vertical-align: baseline; padding: 5px;}

#phpinfo h1 { font-size: 150%; text-shadow: none; float: none;color: #333; }

#phpinfo h2 { font-size: 125%; text-shadow: none; }

#phpinfo .p { text-align: left; }

#phpinfo .e { background-color: #CCCCFF; font-weight: bold; color: #000000; }

#phpinfo .h { background-color: #9999CC; font-weight: bold; color: #000000; }

#phpinfo .v { background-color: #CCCCCC; color: #000000; }

#phpinfo .vr { background-color: #CCCCCC; text-align: right; color: #000000; }

#phpinfo img { float: right; border: 0px; }

#phpinfo hr { width: 100%; background-color: #CCCCCC; border: 0px; height: 1px; color: #000000; }

/** License ********************************************************************************************************************/

/** License table */

.license td {
    vertical-align: top;
}

.license td:nth-child(1) {
    text-align: left;
    width:      35%
}

.license td:nth-child(2) {
    text-align: left;
    width:      35%;
}

.license td:nth-child(3) {
    text-align: left;
    width:      10%;
}

.license td:nth-child(4) {
    text-align: right;
    width:      10%;
}

.license td:nth-child(5) {
    text-align: right;
    width:      10%;
}

/** License */

#licenseContainer {
    display:        flex;
    flex-direction: column;
}

.licenseBox {
    text-align:       center;
    position:         relative;
    border:           1px solid rgba(0, 0, 0, .2);
    background-color: #FFF;
    box-shadow:       0 .5em 1.5em rgba(0, 0, 0, .2);
    margin-bottom:    2em;
}

.licenseName {
    position:    relative;
    z-index:     2;
    padding:     2em 5px;
    background:  #587754;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
}

.licenseName.attention {
    background: #794A4B;
}

.licenseName h3 {
    color:       #FFF;
    font-size:   1.6em;
    font-weight: 400;
    padding:     0;
    margin:      0;
}

.licenseName h3 i {
    font-size: 1em;
}

.licenseSerial {
    padding: 15px 5px;
}

.licenseSerial span {
    font-family:    monospace;
    font-size:      1.3em;
    letter-spacing: 1px;
    display:        block;
}

.licenseDelete {
    padding:    25px 5px;
    background: rgba(0, 0, 0, .4);
}

.licenseDelete a {
    padding:         .7em 2em;
    color:           #FFF;
    border:          1px solid #FFF;
    background:      transparent;
    text-decoration: none;
    text-transform:  uppercase;
    letter-spacing:  2px;
    font-family:     'Roboto Condensed', Arial, sans-serif;
    font-weight:     300;
}

.licenseDelete a:hover {
    color:      #888;
    background: #FFF;
}

.licenseType {
    border-top: none;
    padding:    15px 5px;
    background: rgba(190, 190, 190, .7);
}

.licenseDomains {
    padding:    15px 5px;
    max-height: 180px;
    overflow:   auto;
}

@media only screen and (min-width: 640px) {
    #licenseContainer {
        flex-direction: row;
        flex-wrap:      wrap;
        margin-left:    -.5em;
        width:          calc(100% + 1em);
    }

    .licenseBox {
        width:        calc(50% - 2em);
        margin-left:  1em;
        margin-right: 1em;
    }
}

@media only screen and (min-width: 1120px) {

    .licenseBox {
        width: calc(33.3333333% - 2em);
    }
}

@media only screen and (min-width: 1500px) {

    .licenseBox {
        width: calc(25% - 2em);
    }
}

/** Password strength ************************************************************************************************************************************/

#pwdStrengthContainer {
    width:    100%;
    height:   4px;
    position: absolute;
    display:  block;
    bottom:   -4px;
}

#pwdStrength {
    position:           absolute;
    top:                0;
    left:               0;
    width:              0;
    height:             100%;
    display:            block;
    -webkit-transition: all .3s;
    -moz-transition:    all .3s;
    -ms-transition:     all .3s;
    -o-transition:      all .3s;
    transition:         all .3s;
}

#pwdStrength.bad {
    background-color: #333;
    width:            10%;
}

#pwdStrength.lowest {
    background-color: #990000;
    width:            20%;
}

#pwdStrength.low {
    background-color: #EE0000;
    width:            40%;
}

#pwdStrength.medium {
    background-color: #EE8226;
    width:            60%;
}

#pwdStrength.better {
    background-color: #0E7705;
    width:            80%;
}

#pwdStrength.perfect {
    background-color: #0EC505;
    width:            100%;
}

/** Sprachdateien übersicht ************************************************************************************************************************************/

.langFiles {
    position:   relative;
    border:     1px solid #DDD;
    padding:    0;
    max-height: 300px;
    width:      100%;
    overflow:   auto;
}

.langFiles .folder {
    height:       auto;
    margin:       0;
    padding:      5px;
    color:        #FFF;
    background:   #3195DE;
    border-left:  none;
    border-right: none;
}

.langFiles div.listItems {
    color:       #333;
    margin:      0;
    padding:     5px;
    line-height: 120%;
}

.langFiles div.listItems:hover {
    background: rgba(230, 230, 230, .5);
}

.langFiles div.listItems div.file {
    float: left;
}

.langFiles div.listItems span {
    display: none;
    float:   right;
}

.langFiles div.listItems:hover span {
    display: block;
}

.langFiles a {
    color:              #333;
    outline:            0;
    text-decoration:    none;
    -webkit-transition: all .3s;
    -moz-transition:    all .3s;
    -ms-transition:     all .3s;
    -o-transition:      all .3s;
    transition:         all .3s;
}

.langFiles a:hover {
    color: #FFF;
}

/** Update Ajax LoadAnimation ************************************************************************************************************************************/

.ajaxLoad {
    position: relative;
    width:    100%;
    height:   auto;
    display:  none;
}

.inner {
    background:      rgba(255, 255, 255, .6);
    display:         flex;
    justify-content: center;
    align-items:     center;
    position:        absolute;
    width:           100%;
    height:          auto;
    top:             0;
    left:            0;
}

.spinner {
    width:      70px;
    text-align: center;
}

.spinner > div {
    width:             14px;
    height:            14px;
    background-color:  #333;
    border-radius:     100%;
    display:           inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation:         sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay:         -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay:         -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform:         scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform:         scale(1.0);
    }
}

.cke_maximized {
    position: fixed;
}

.ajaxFileManager {
    position:        absolute;
    top:             0;
    left:            0;
    width:           100%;
    height:          100%;
    background:      rgba(255, 255, 255, .5);
    z-index:         3;
    display:         flex;
    justify-content: center;
    align-items:     center;
}

@-webkit-keyframes uil-reload-css {
    0% {
        -ms-transform:     rotate(0deg);
        -moz-transform:    rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform:      rotate(0deg);
        transform:         rotate(0deg);
    }

    50% {
        -ms-transform:     rotate(180deg);
        -moz-transform:    rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform:      rotate(180deg);
        transform:         rotate(180deg);
    }

    100% {
        -ms-transform:     rotate(360deg);
        -moz-transform:    rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform:      rotate(360deg);
        transform:         rotate(360deg);
    }
}

@-moz-keyframes uil-reload-css {
    0% {
        -ms-transform:     rotate(0deg);
        -moz-transform:    rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform:      rotate(0deg);
        transform:         rotate(0deg);
    }

    50% {
        -ms-transform:     rotate(180deg);
        -moz-transform:    rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform:      rotate(180deg);
        transform:         rotate(180deg);
    }

    100% {
        -ms-transform:     rotate(360deg);
        -moz-transform:    rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform:      rotate(360deg);
        transform:         rotate(360deg);
    }
}

@-ms-keyframes uil-reload-css {
    0% {
        -ms-transform:     rotate(0deg);
        -moz-transform:    rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform:      rotate(0deg);
        transform:         rotate(0deg);
    }

    50% {
        -ms-transform:     rotate(180deg);
        -moz-transform:    rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform:      rotate(180deg);
        transform:         rotate(180deg);
    }

    100% {
        -ms-transform:     rotate(360deg);
        -moz-transform:    rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform:      rotate(360deg);
        transform:         rotate(360deg);
    }
}

@keyframes uil-reload-css {
    0% {
        -ms-transform:     rotate(0deg);
        -moz-transform:    rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform:      rotate(0deg);
        transform:         rotate(0deg);
    }

    50% {
        -ms-transform:     rotate(180deg);
        -moz-transform:    rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform:      rotate(180deg);
        transform:         rotate(180deg);
    }

    100% {
        -ms-transform:     rotate(360deg);
        -moz-transform:    rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform:      rotate(360deg);
        transform:         rotate(360deg);
    }
}

.uil-reload-css {
    position:  relative;
    width:     200px;
    height:    200px;
    transform: scale(.25);
}

.uil-reload-css > div {
    -ms-animation:     uil-reload-css 1s linear infinite;
    -moz-animation:    uil-reload-css 1s linear infinite;
    -webkit-animation: uil-reload-css 1s linear infinite;
    -o-animation:      uil-reload-css 1s linear infinite;
    animation:         uil-reload-css 1s linear infinite;
    display:           block;
    position:          absolute;
    top:               0;
    left:              20px;
    width:             160px;
    height:            160px;
    border-radius:     100px;
    border:            20px solid #555;
    border-top:        20px solid rgba(0, 0, 0, 0);
    border-right:      20px solid #555;
    border-bottom:     20px solid #555;
}

.uil-reload-css > div:after {
    content:           " ";
    width:             0px;
    height:            0px;
    border-style:      solid;
    border-width:      0 30px 30px 30px;
    border-color:      transparent transparent #555 transparent;
    display:           block;
    -ms-transform:     translate(-15px, 0) rotate(45deg);
    -moz-transform:    translate(-15px, 0) rotate(45deg);
    -webkit-transform: translate(-15px, 0) rotate(45deg);
    -o-transform:      translate(-15px, 0) rotate(45deg);
    transform:         translate(-15px, 0) rotate(45deg);
}input[type="text"],
input[type="password"],
select,
textarea {
    -webkit-transition: all 0.2s ease-in-out;
    transition:         all 0.2s ease-in-out;
    color:              #333;
    background-color:   #FCFCFC;
    border:             1px solid #BBB;
    font-family:        'Open Sans', Arial, Helvetica, sans-serif;
    font-size:          1em;
    padding:            .9em;
    display:            inline-block;
    position:           relative;
    border-radius:      3px;
    line-height:        1em;
}

select.inputField[multiple="multiple"] {
    height: 300px;
}

select {
    background-image:    url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23333%22%20%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%22-261%20145.2%2024%2024%22%20style%3D%22enable-background%3Anew%20-261%20145.2%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M-245.3%2C156.1l-3.6-6.5l-3.7%2C6.5%20M-252.7%2C159l3.7%2C6.5l3.6-6.5%22%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat:   no-repeat;
    background-position: right center;
    -webkit-appearance:  none;
    -moz-appearance:     none;
    appearance:          none;
    padding-right:       25px;
    font-weight:         400;
}

input[type="text"]:hover,
input[type="password"]:hover,
select:hover,
textarea:hover {
    background-color: #F8F8F8;
    border-color:     #BBB;
}

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    border:           1px solid transparent;
    border-bottom:    1px solid #1D45AA;
    background-color: #E6E6E6;
    border-radius:    0;
}

input.dateTimeField,
select.dateTimeField {
    display: inline-block;
}

.aClock {
    position: absolute;
    margin:   10px 0 0 10px;
}

optgroup {
    font-weight: normal;
    font-style:  normal;
    line-height: 2em;
    font-size:   1.2em;
    padding:     4px;
    color:       #EB690B;
}

input[type="text"].fieldError,
input[type="password"].fieldError,
textarea.fieldError,
select.fieldError,
select.dateTimeField.fieldError {
    border-color: #D3332F;
}

.textarea {
    height:      150px;
    font-size:   1em;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    line-height: 1.4em;
}

/** chkBox / radio style ******************************************************************************************************/

input[type="checkbox"].chkBox,
input[type="radio"] {
    border:   0;
    clip:     rect(0 0 0 0);
    height:   1px;
    margin:   -1px;
    overflow: hidden;
    padding:  0;
    position: absolute;
    width:    1px;
}

input[type="checkbox"].chkBox + label,
input[type="radio"] + label {
    position:            relative;
    padding:             0 10px 0 1.8em;
    vertical-align:      middle;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
    cursor:              pointer;
    display:             inline-block;
    text-align:          left;
}

input[type="radio"] + label {
    padding:      15px 10px 0 2.5em;
    margin-right: 30px;
}

input[type="checkbox"].chkBox + label:before,
input[type="radio"] + label:before {
    content:    '';
    position:   absolute;
    top:        0;
    left:       0;
    width:      16px;
    height:     16px;
    background: #FFF;
    font-size:  18px;
    text-align: center;
    border:     1px solid #AAA;
}

input[type="radio"] + label:before {
    top: 13px;
}

input[type="checkbox"].chkBox + label:after,
input[type="radio"] + label:after {
    content:            '';
    background-color:   #666;
    box-shadow:         inset 0 0 8px #000;
    position:           absolute;
    top:                4px;
    left:               2px;
    width:              8px;
    height:             8px;
    -webkit-transform:  scale(0);
    transform:          scale(0);
    -webkit-transition: -webkit-transform 150ms ease-out;
    transition:         transform 150ms ease-out;
}

input[type="radio"] + label:after {
    top: 19px;
}

input[type="checkbox"].chkBox + label:after {
    background-color:     transparent;
    top:                  5px;
    left:                 4px;
    width:                9px;
    height:               4px;
    border-style:         solid;
    border-color:         #333;
    border-width:         0 0 2px 2px;
    box-shadow:           none;
    -webkit-border-image: none;
    border-image:         none;
    -webkit-transform:    rotate(-50deg) scale(0);
    transform:            rotate(-50deg) scale(0);
}

input[type="radio"]:checked + label:after {
    -webkit-transform: scale(1);
    transform:         scale(1);
}

input[type="radio"] + label:before,
input[type="radio"] + label:after {
    border-radius: 50%;
}

input[type="checkbox"]:checked + label:after {
    -webkit-transform: rotate(-50deg) scale(1.3);
    transform:         rotate(-50deg) scale(1.3);
}

.lt-ie9 input[type="checkbox"].chkBox {
    border:     1px solid #FFF;
    background: #FFF;
    clip:       auto;
    height:     auto;
    margin:     10px 0 0 10px;
    overflow:   auto;
    padding:    0;
    position:   relative;
    width:      auto;
    float:      left;
}

.lt-ie9 input[type="checkbox"].chkBox + label:before,
.lt-ie9 input[type="checkbox"].chkBox + label:after {
    display: none;
}

/** label style ******************************************************************************************************/

label.field-label small {
    color:       #888;
    font-size:   .85em;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-weight: 300;
}

span.requiredField {
    color:          #EB690B;
    font-size:      .8em;
    vertical-align: super;
}

/** button style ******************************************************************************************************/

input[type="submit"],
input[type="button"],
button[type="button"],
button[type="submit"],
.fakeButton,
a.fakeButton {
    position:           relative;
    color:              #FFF;
    font-family:        'Roboto Condensed', Arial, Verdana, Helvetica, sans-serif;
    font-weight:        400;
    font-size:          1.05em;
    outline:            0;
    cursor:             pointer;
    display:            inline-block;
    padding:            .9em;
    line-height:        1em;
    border:             1px solid #CCCCCC;
    border-radius:      3px;
    -webkit-transition: all .3s ease-in-out;
    transition:         all .3s ease-in-out;
    text-decoration:    none;
    text-align:         center;
}

input[type="submit"].disabled,
input[type="button"].disabled,
button[type="button"].disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
button[type="button"]:disabled,
button[type="submit"]:disabled {
    opacity: .5;
}

input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
button[type="button"]::-moz-focus-inner,
button[type="submit"]::-moz-focus-inner,
.fakeButton,
a.fakeButton {
    border: none;
}

input[type="submit"].greyLine,
input[type="button"].greyLine,
button[type="button"].greyLine,
button[type="submit"].greyLine,
.greyLine,
a.greyLine {
    border:     1px solid #999;
    background: #999;
    color:      #FFF;
}

input[type="submit"].greyLine:hover,
input[type="button"].greyLine:hover,
button[type="button"].greyLine:hover,
button[type="submit"].greyLine:hover,
.greyLine:hover,
a.greyLine:hover {
    border:     1px solid #AAA;
    background: #AAA;
}

input[type="submit"].darkGreyLine,
input[type="button"].darkGreyLine,
button[type="button"].darkGreyLine,
button[type="submit"].darkGreyLine,
.darkGreyLine,
a.darkGreyLine {
    color:      #FFF;
    border:     1px solid rgba(0, 0, 0, .3);
    background: rgba(0, 0, 0, .3);
}

input[type="submit"].darkGreyLine:hover,
input[type="button"].darkGreyLine:hover,
button[type="button"].darkGreyLine:hover,
button[type="submit"].darkGreyLine:hover,
a.darkGreyLine:hover,
.darkGreyLine:hover {
    border:     1px solid rgba(50, 50, 50, .3);
    background: rgba(50, 50, 50, .3);
}

input[type="submit"].greenLine,
input[type="button"].greenLine,
button[type="button"].greenLine,
button[type="submit"].greenLine,
.greenLine,
a.greenLine {
    color:      #FFF;
    border:     1px solid #66A467;
    background: #66A467;
}

input[type="submit"].greenLine:hover,
input[type="button"].greenLine:hover,
button[type="button"].greenLine:hover,
button[type="submit"].greenLine:hover,
.greenLine:hover,
a.greenLine:hover {
    border:     1px solid #427140;
    background: #427140;
}

input[type="submit"].greenBlueLine,
input[type="button"].greenBlueLine,
button[type="button"].greenBlueLine,
button[type="submit"].greenBlueLine,
.greenBlueLine,
a.greenBlueLine {
    color:      #FFF;
    border:     1px solid #6695A4;
    background: #6695A4;
}

input[type="submit"].greenBlueLine:hover,
input[type="button"].greenBlueLine:hover,
button[type="button"].greenBlueLine:hover,
button[type="submit"].greenBlueLine:hover,
.greenBlueLine:hover,
a.greenBlueLine:hover {
    border:     1px solid #4C707E;
    background: #4C707E;
}

input[type="submit"].redLine,
input[type="button"].redLine,
button[type="button"].redLine,
button[type="submit"].redLine,
.redLine,
a.redLine {
    color:      #FFF;
    border:     1px solid #974C4C;
    background: #974C4C;
}

input[type="submit"].redLine:hover,
input[type="button"].redLine:hover,
button[type="button"].redLine:hover,
button[type="submit"].redLine:hover,
.redLine:hover,
a.redLine:hover {
    background: #7B3433;
    border:     1px solid #7B3433;
}

input[type="submit"].darkBlue,
input[type="button"].darkBlue,
button[type="button"].darkBlue,
button[type="submit"].darkBlue,
.darkBlue,
a.darkBlue {
    color:      #FFF;
    background: #4F667C;
    border:     1px solid #4F667C;
}

input[type="submit"].darkBlue:hover,
input[type="button"].darkBlue:hover,
button[type="button"].darkBlue:hover,
button[type="submit"].darkBlue:hover,
.darkBlue:hover,
a.darkBlue:hover {
    border:     1px solid #3B505D;
    background: #3B505D;
}

input.inputSpamField {
    display: none;
}

.roundButton {
    border-radius: 50%;
    text-align:    center;
    width:         35px;
    height:        35px;
    line-height:   32px;
    display:       inline-block;
    cursor:        pointer;
}

/** Mozilla blue border **/
textarea:focus-visible,
select:focus-visible,
input[type="text"]:focus-visible,
input[type="password"]:focus-visible {
    outline: none;
}/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesomeAnyMate';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.am{display:inline-block;font:normal normal normal 14px/1 FontAwesomeAnyMate;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.am-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.am-2x{font-size:2em}.am-3x{font-size:3em}.am-4x{font-size:4em}.am-5x{font-size:5em}.am-fw{width:1.28571429em;text-align:center}.am-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.am-ul>li{position:relative}.am-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.am-li.am-lg{left:-1.85714286em}.am-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.am-pull-left{float:left}.am-pull-right{float:right}.am.am-pull-left{margin-right:.3em}.am.am-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.am.pull-left{margin-right:.3em}.am.pull-right{margin-left:.3em}.am-spin{-webkit-animation:am-spin 2s infinite linear;animation:am-spin 2s infinite linear}.am-pulse{-webkit-animation:am-spin 1s infinite steps(8);animation:am-spin 1s infinite steps(8)}@-webkit-keyframes am-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes am-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.am-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.am-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.am-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.am-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.am-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .am-rotate-90,:root .am-rotate-180,:root .am-rotate-270,:root .am-flip-horizontal,:root .am-flip-vertical{filter:none}.am-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.am-stack-1x,.am-stack-2x{position:absolute;left:0;width:100%;text-align:center}.am-stack-1x{line-height:inherit}.am-stack-2x{font-size:2em}.am-inverse{color:#fff}.am-glass:before{content:"\f000"}.am-music:before{content:"\f001"}.am-search:before{content:"\f002"}.am-envelope-o:before{content:"\f003"}.am-heart:before{content:"\f004"}.am-star:before{content:"\f005"}.am-star-o:before{content:"\f006"}.am-user:before{content:"\f007"}.am-film:before{content:"\f008"}.am-th-large:before{content:"\f009"}.am-th:before{content:"\f00a"}.am-th-list:before{content:"\f00b"}.am-check:before{content:"\f00c"}.am-remove:before,.am-close:before,.am-times:before{content:"\f00d"}.am-search-plus:before{content:"\f00e"}.am-search-minus:before{content:"\f010"}.am-power-off:before{content:"\f011"}.am-signal:before{content:"\f012"}.am-gear:before,.am-cog:before{content:"\f013"}.am-trash-o:before{content:"\f014"}.am-home:before{content:"\f015"}.am-file-o:before{content:"\f016"}.am-clock-o:before{content:"\f017"}.am-road:before{content:"\f018"}.am-download:before{content:"\f019"}.am-arrow-circle-o-down:before{content:"\f01a"}.am-arrow-circle-o-up:before{content:"\f01b"}.am-inbox:before{content:"\f01c"}.am-play-circle-o:before{content:"\f01d"}.am-rotate-right:before,.am-repeat:before{content:"\f01e"}.am-refresh:before{content:"\f021"}.am-list-alt:before{content:"\f022"}.am-lock:before{content:"\f023"}.am-flag:before{content:"\f024"}.am-headphones:before{content:"\f025"}.am-volume-off:before{content:"\f026"}.am-volume-down:before{content:"\f027"}.am-volume-up:before{content:"\f028"}.am-qrcode:before{content:"\f029"}.am-barcode:before{content:"\f02a"}.am-tag:before{content:"\f02b"}.am-tags:before{content:"\f02c"}.am-book:before{content:"\f02d"}.am-bookmark:before{content:"\f02e"}.am-print:before{content:"\f02f"}.am-camera:before{content:"\f030"}.am-font:before{content:"\f031"}.am-bold:before{content:"\f032"}.am-italic:before{content:"\f033"}.am-text-height:before{content:"\f034"}.am-text-width:before{content:"\f035"}.am-align-left:before{content:"\f036"}.am-align-center:before{content:"\f037"}.am-align-right:before{content:"\f038"}.am-align-justify:before{content:"\f039"}.am-list:before{content:"\f03a"}.am-dedent:before,.am-outdent:before{content:"\f03b"}.am-indent:before{content:"\f03c"}.am-video-camera:before{content:"\f03d"}.am-photo:before,.am-image:before,.am-picture-o:before{content:"\f03e"}.am-pencil:before{content:"\f040"}.am-map-marker:before{content:"\f041"}.am-adjust:before{content:"\f042"}.am-tint:before{content:"\f043"}.am-edit:before,.am-pencil-square-o:before{content:"\f044"}.am-share-square-o:before{content:"\f045"}.am-check-square-o:before{content:"\f046"}.am-arrows:before{content:"\f047"}.am-step-backward:before{content:"\f048"}.am-fast-backward:before{content:"\f049"}.am-backward:before{content:"\f04a"}.am-play:before{content:"\f04b"}.am-pause:before{content:"\f04c"}.am-stop:before{content:"\f04d"}.am-forward:before{content:"\f04e"}.am-fast-forward:before{content:"\f050"}.am-step-forward:before{content:"\f051"}.am-eject:before{content:"\f052"}.am-chevron-left:before{content:"\f053"}.am-chevron-right:before{content:"\f054"}.am-plus-circle:before{content:"\f055"}.am-minus-circle:before{content:"\f056"}.am-times-circle:before{content:"\f057"}.am-check-circle:before{content:"\f058"}.am-question-circle:before{content:"\f059"}.am-info-circle:before{content:"\f05a"}.am-crosshairs:before{content:"\f05b"}.am-times-circle-o:before{content:"\f05c"}.am-check-circle-o:before{content:"\f05d"}.am-ban:before{content:"\f05e"}.am-arrow-left:before{content:"\f060"}.am-arrow-right:before{content:"\f061"}.am-arrow-up:before{content:"\f062"}.am-arrow-down:before{content:"\f063"}.am-mail-forward:before,.am-share:before{content:"\f064"}.am-expand:before{content:"\f065"}.am-compress:before{content:"\f066"}.am-plus:before{content:"\f067"}.am-minus:before{content:"\f068"}.am-asterisk:before{content:"\f069"}.am-exclamation-circle:before{content:"\f06a"}.am-gift:before{content:"\f06b"}.am-leaf:before{content:"\f06c"}.am-fire:before{content:"\f06d"}.am-eye:before{content:"\f06e"}.am-eye-slash:before{content:"\f070"}.am-warning:before,.am-exclamation-triangle:before{content:"\f071"}.am-plane:before{content:"\f072"}.am-calendar:before{content:"\f073"}.am-random:before{content:"\f074"}.am-comment:before{content:"\f075"}.am-magnet:before{content:"\f076"}.am-chevron-up:before{content:"\f077"}.am-chevron-down:before{content:"\f078"}.am-retweet:before{content:"\f079"}.am-shopping-cart:before{content:"\f07a"}.am-folder:before{content:"\f07b"}.am-folder-open:before{content:"\f07c"}.am-arrows-v:before{content:"\f07d"}.am-arrows-h:before{content:"\f07e"}.am-bar-chart-o:before,.am-bar-chart:before{content:"\f080"}.am-twitter-square:before{content:"\f081"}.am-facebook-square:before{content:"\f082"}.am-camera-retro:before{content:"\f083"}.am-key:before{content:"\f084"}.am-gears:before,.am-cogs:before{content:"\f085"}.am-comments:before{content:"\f086"}.am-thumbs-o-up:before{content:"\f087"}.am-thumbs-o-down:before{content:"\f088"}.am-star-half:before{content:"\f089"}.am-heart-o:before{content:"\f08a"}.am-sign-out:before{content:"\f08b"}.am-linkedin-square:before{content:"\f08c"}.am-thumb-tack:before{content:"\f08d"}.am-external-link:before{content:"\f08e"}.am-sign-in:before{content:"\f090"}.am-trophy:before{content:"\f091"}.am-github-square:before{content:"\f092"}.am-upload:before{content:"\f093"}.am-lemon-o:before{content:"\f094"}.am-phone:before{content:"\f095"}.am-square-o:before{content:"\f096"}.am-bookmark-o:before{content:"\f097"}.am-phone-square:before{content:"\f098"}.am-twitter:before{content:"\f099"}.am-facebook-f:before,.am-facebook:before{content:"\f09a"}.am-github:before{content:"\f09b"}.am-unlock:before{content:"\f09c"}.am-credit-card:before{content:"\f09d"}.am-feed:before,.am-rss:before{content:"\f09e"}.am-hdd-o:before{content:"\f0a0"}.am-bullhorn:before{content:"\f0a1"}.am-bell:before{content:"\f0f3"}.am-certificate:before{content:"\f0a3"}.am-hand-o-right:before{content:"\f0a4"}.am-hand-o-left:before{content:"\f0a5"}.am-hand-o-up:before{content:"\f0a6"}.am-hand-o-down:before{content:"\f0a7"}.am-arrow-circle-left:before{content:"\f0a8"}.am-arrow-circle-right:before{content:"\f0a9"}.am-arrow-circle-up:before{content:"\f0aa"}.am-arrow-circle-down:before{content:"\f0ab"}.am-globe:before{content:"\f0ac"}.am-wrench:before{content:"\f0ad"}.am-tasks:before{content:"\f0ae"}.am-filter:before{content:"\f0b0"}.am-briefcase:before{content:"\f0b1"}.am-arrows-alt:before{content:"\f0b2"}.am-group:before,.am-users:before{content:"\f0c0"}.am-chain:before,.am-link:before{content:"\f0c1"}.am-cloud:before{content:"\f0c2"}.am-flask:before{content:"\f0c3"}.am-cut:before,.am-scissors:before{content:"\f0c4"}.am-copy:before,.am-files-o:before{content:"\f0c5"}.am-paperclip:before{content:"\f0c6"}.am-save:before,.am-floppy-o:before{content:"\f0c7"}.am-square:before{content:"\f0c8"}.am-navicon:before,.am-reorder:before,.am-bars:before{content:"\f0c9"}.am-list-ul:before{content:"\f0ca"}.am-list-ol:before{content:"\f0cb"}.am-strikethrough:before{content:"\f0cc"}.am-underline:before{content:"\f0cd"}.am-table:before{content:"\f0ce"}.am-magic:before{content:"\f0d0"}.am-truck:before{content:"\f0d1"}.am-pinterest:before{content:"\f0d2"}.am-pinterest-square:before{content:"\f0d3"}.am-google-plus-square:before{content:"\f0d4"}.am-google-plus:before{content:"\f0d5"}.am-money:before{content:"\f0d6"}.am-caret-down:before{content:"\f0d7"}.am-caret-up:before{content:"\f0d8"}.am-caret-left:before{content:"\f0d9"}.am-caret-right:before{content:"\f0da"}.am-columns:before{content:"\f0db"}.am-unsorted:before,.am-sort:before{content:"\f0dc"}.am-sort-down:before,.am-sort-desc:before{content:"\f0dd"}.am-sort-up:before,.am-sort-asc:before{content:"\f0de"}.am-envelope:before{content:"\f0e0"}.am-linkedin:before{content:"\f0e1"}.am-rotate-left:before,.am-undo:before{content:"\f0e2"}.am-legal:before,.am-gavel:before{content:"\f0e3"}.am-dashboard:before,.am-tachometer:before{content:"\f0e4"}.am-comment-o:before{content:"\f0e5"}.am-comments-o:before{content:"\f0e6"}.am-flash:before,.am-bolt:before{content:"\f0e7"}.am-sitemap:before{content:"\f0e8"}.am-umbrella:before{content:"\f0e9"}.am-paste:before,.am-clipboard:before{content:"\f0ea"}.am-lightbulb-o:before{content:"\f0eb"}.am-exchange:before{content:"\f0ec"}.am-cloud-download:before{content:"\f0ed"}.am-cloud-upload:before{content:"\f0ee"}.am-user-md:before{content:"\f0f0"}.am-stethoscope:before{content:"\f0f1"}.am-suitcase:before{content:"\f0f2"}.am-bell-o:before{content:"\f0a2"}.am-coffee:before{content:"\f0f4"}.am-cutlery:before{content:"\f0f5"}.am-file-text-o:before{content:"\f0f6"}.am-building-o:before{content:"\f0f7"}.am-hospital-o:before{content:"\f0f8"}.am-ambulance:before{content:"\f0f9"}.am-medkit:before{content:"\f0fa"}.am-fighter-jet:before{content:"\f0fb"}.am-beer:before{content:"\f0fc"}.am-h-square:before{content:"\f0fd"}.am-plus-square:before{content:"\f0fe"}.am-angle-double-left:before{content:"\f100"}.am-angle-double-right:before{content:"\f101"}.am-angle-double-up:before{content:"\f102"}.am-angle-double-down:before{content:"\f103"}.am-angle-left:before{content:"\f104"}.am-angle-right:before{content:"\f105"}.am-angle-up:before{content:"\f106"}.am-angle-down:before{content:"\f107"}.am-desktop:before{content:"\f108"}.am-laptop:before{content:"\f109"}.am-tablet:before{content:"\f10a"}.am-mobile-phone:before,.am-mobile:before{content:"\f10b"}.am-circle-o:before{content:"\f10c"}.am-quote-left:before{content:"\f10d"}.am-quote-right:before{content:"\f10e"}.am-spinner:before{content:"\f110"}.am-circle:before{content:"\f111"}.am-mail-reply:before,.am-reply:before{content:"\f112"}.am-github-alt:before{content:"\f113"}.am-folder-o:before{content:"\f114"}.am-folder-open-o:before{content:"\f115"}.am-smile-o:before{content:"\f118"}.am-frown-o:before{content:"\f119"}.am-meh-o:before{content:"\f11a"}.am-gamepad:before{content:"\f11b"}.am-keyboard-o:before{content:"\f11c"}.am-flag-o:before{content:"\f11d"}.am-flag-checkered:before{content:"\f11e"}.am-terminal:before{content:"\f120"}.am-code:before{content:"\f121"}.am-mail-reply-all:before,.am-reply-all:before{content:"\f122"}.am-star-half-empty:before,.am-star-half-full:before,.am-star-half-o:before{content:"\f123"}.am-location-arrow:before{content:"\f124"}.am-crop:before{content:"\f125"}.am-code-fork:before{content:"\f126"}.am-unlink:before,.am-chain-broken:before{content:"\f127"}.am-question:before{content:"\f128"}.am-info:before{content:"\f129"}.am-exclamation:before{content:"\f12a"}.am-superscript:before{content:"\f12b"}.am-subscript:before{content:"\f12c"}.am-eraser:before{content:"\f12d"}.am-puzzle-piece:before{content:"\f12e"}.am-microphone:before{content:"\f130"}.am-microphone-slash:before{content:"\f131"}.am-shield:before{content:"\f132"}.am-calendar-o:before{content:"\f133"}.am-fire-extinguisher:before{content:"\f134"}.am-rocket:before{content:"\f135"}.am-maxcdn:before{content:"\f136"}.am-chevron-circle-left:before{content:"\f137"}.am-chevron-circle-right:before{content:"\f138"}.am-chevron-circle-up:before{content:"\f139"}.am-chevron-circle-down:before{content:"\f13a"}.am-html5:before{content:"\f13b"}.am-css3:before{content:"\f13c"}.am-anchor:before{content:"\f13d"}.am-unlock-alt:before{content:"\f13e"}.am-bullseye:before{content:"\f140"}.am-ellipsis-h:before{content:"\f141"}.am-ellipsis-v:before{content:"\f142"}.am-rss-square:before{content:"\f143"}.am-play-circle:before{content:"\f144"}.am-ticket:before{content:"\f145"}.am-minus-square:before{content:"\f146"}.am-minus-square-o:before{content:"\f147"}.am-level-up:before{content:"\f148"}.am-level-down:before{content:"\f149"}.am-check-square:before{content:"\f14a"}.am-pencil-square:before{content:"\f14b"}.am-external-link-square:before{content:"\f14c"}.am-share-square:before{content:"\f14d"}.am-compass:before{content:"\f14e"}.am-toggle-down:before,.am-caret-square-o-down:before{content:"\f150"}.am-toggle-up:before,.am-caret-square-o-up:before{content:"\f151"}.am-toggle-right:before,.am-caret-square-o-right:before{content:"\f152"}.am-euro:before,.am-eur:before{content:"\f153"}.am-gbp:before{content:"\f154"}.am-dollar:before,.am-usd:before{content:"\f155"}.am-rupee:before,.am-inr:before{content:"\f156"}.am-cny:before,.am-rmb:before,.am-yen:before,.am-jpy:before{content:"\f157"}.am-ruble:before,.am-rouble:before,.am-rub:before{content:"\f158"}.am-won:before,.am-krw:before{content:"\f159"}.am-bitcoin:before,.am-btc:before{content:"\f15a"}.am-file:before{content:"\f15b"}.am-file-text:before{content:"\f15c"}.am-sort-alpha-asc:before{content:"\f15d"}.am-sort-alpha-desc:before{content:"\f15e"}.am-sort-amount-asc:before{content:"\f160"}.am-sort-amount-desc:before{content:"\f161"}.am-sort-numeric-asc:before{content:"\f162"}.am-sort-numeric-desc:before{content:"\f163"}.am-thumbs-up:before{content:"\f164"}.am-thumbs-down:before{content:"\f165"}.am-youtube-square:before{content:"\f166"}.am-youtube:before{content:"\f167"}.am-xing:before{content:"\f168"}.am-xing-square:before{content:"\f169"}.am-youtube-play:before{content:"\f16a"}.am-dropbox:before{content:"\f16b"}.am-stack-overflow:before{content:"\f16c"}.am-instagram:before{content:"\f16d"}.am-flickr:before{content:"\f16e"}.am-adn:before{content:"\f170"}.am-bitbucket:before{content:"\f171"}.am-bitbucket-square:before{content:"\f172"}.am-tumblr:before{content:"\f173"}.am-tumblr-square:before{content:"\f174"}.am-long-arrow-down:before{content:"\f175"}.am-long-arrow-up:before{content:"\f176"}.am-long-arrow-left:before{content:"\f177"}.am-long-arrow-right:before{content:"\f178"}.am-apple:before{content:"\f179"}.am-windows:before{content:"\f17a"}.am-android:before{content:"\f17b"}.am-linux:before{content:"\f17c"}.am-dribbble:before{content:"\f17d"}.am-skype:before{content:"\f17e"}.am-foursquare:before{content:"\f180"}.am-trello:before{content:"\f181"}.am-female:before{content:"\f182"}.am-male:before{content:"\f183"}.am-gittip:before,.am-gratipay:before{content:"\f184"}.am-sun-o:before{content:"\f185"}.am-moon-o:before{content:"\f186"}.am-archive:before{content:"\f187"}.am-bug:before{content:"\f188"}.am-vk:before{content:"\f189"}.am-weibo:before{content:"\f18a"}.am-renren:before{content:"\f18b"}.am-pagelines:before{content:"\f18c"}.am-stack-exchange:before{content:"\f18d"}.am-arrow-circle-o-right:before{content:"\f18e"}.am-arrow-circle-o-left:before{content:"\f190"}.am-toggle-left:before,.am-caret-square-o-left:before{content:"\f191"}.am-dot-circle-o:before{content:"\f192"}.am-wheelchair:before{content:"\f193"}.am-vimeo-square:before{content:"\f194"}.am-turkish-lira:before,.am-try:before{content:"\f195"}.am-plus-square-o:before{content:"\f196"}.am-space-shuttle:before{content:"\f197"}.am-slack:before{content:"\f198"}.am-envelope-square:before{content:"\f199"}.am-wordpress:before{content:"\f19a"}.am-openid:before{content:"\f19b"}.am-institution:before,.am-bank:before,.am-university:before{content:"\f19c"}.am-mortar-board:before,.am-graduation-cap:before{content:"\f19d"}.am-yahoo:before{content:"\f19e"}.am-google:before{content:"\f1a0"}.am-reddit:before{content:"\f1a1"}.am-reddit-square:before{content:"\f1a2"}.am-stumbleupon-circle:before{content:"\f1a3"}.am-stumbleupon:before{content:"\f1a4"}.am-delicious:before{content:"\f1a5"}.am-digg:before{content:"\f1a6"}.am-pied-piper-pp:before{content:"\f1a7"}.am-pied-piper-alt:before{content:"\f1a8"}.am-drupal:before{content:"\f1a9"}.am-joomla:before{content:"\f1aa"}.am-language:before{content:"\f1ab"}.am-fax:before{content:"\f1ac"}.am-building:before{content:"\f1ad"}.am-child:before{content:"\f1ae"}.am-paw:before{content:"\f1b0"}.am-spoon:before{content:"\f1b1"}.am-cube:before{content:"\f1b2"}.am-cubes:before{content:"\f1b3"}.am-behance:before{content:"\f1b4"}.am-behance-square:before{content:"\f1b5"}.am-steam:before{content:"\f1b6"}.am-steam-square:before{content:"\f1b7"}.am-recycle:before{content:"\f1b8"}.am-automobile:before,.am-car:before{content:"\f1b9"}.am-cab:before,.am-taxi:before{content:"\f1ba"}.am-tree:before{content:"\f1bb"}.am-spotify:before{content:"\f1bc"}.am-deviantart:before{content:"\f1bd"}.am-soundcloud:before{content:"\f1be"}.am-database:before{content:"\f1c0"}.am-file-pdf-o:before{content:"\f1c1"}.am-file-word-o:before{content:"\f1c2"}.am-file-excel-o:before{content:"\f1c3"}.am-file-powerpoint-o:before{content:"\f1c4"}.am-file-photo-o:before,.am-file-picture-o:before,.am-file-image-o:before{content:"\f1c5"}.am-file-zip-o:before,.am-file-archive-o:before{content:"\f1c6"}.am-file-sound-o:before,.am-file-audio-o:before{content:"\f1c7"}.am-file-movie-o:before,.am-file-video-o:before{content:"\f1c8"}.am-file-code-o:before{content:"\f1c9"}.am-vine:before{content:"\f1ca"}.am-codepen:before{content:"\f1cb"}.am-jsfiddle:before{content:"\f1cc"}.am-life-bouy:before,.am-life-buoy:before,.am-life-saver:before,.am-support:before,.am-life-ring:before{content:"\f1cd"}.am-circle-o-notch:before{content:"\f1ce"}.am-ra:before,.am-resistance:before,.am-rebel:before{content:"\f1d0"}.am-ge:before,.am-empire:before{content:"\f1d1"}.am-git-square:before{content:"\f1d2"}.am-git:before{content:"\f1d3"}.am-y-combinator-square:before,.am-yc-square:before,.am-hacker-news:before{content:"\f1d4"}.am-tencent-weibo:before{content:"\f1d5"}.am-qq:before{content:"\f1d6"}.am-wechat:before,.am-weixin:before{content:"\f1d7"}.am-send:before,.am-paper-plane:before{content:"\f1d8"}.am-send-o:before,.am-paper-plane-o:before{content:"\f1d9"}.am-history:before{content:"\f1da"}.am-circle-thin:before{content:"\f1db"}.am-header:before{content:"\f1dc"}.am-paragraph:before{content:"\f1dd"}.am-sliders:before{content:"\f1de"}.am-share-alt:before{content:"\f1e0"}.am-share-alt-square:before{content:"\f1e1"}.am-bomb:before{content:"\f1e2"}.am-soccer-ball-o:before,.am-futbol-o:before{content:"\f1e3"}.am-tty:before{content:"\f1e4"}.am-binoculars:before{content:"\f1e5"}.am-plug:before{content:"\f1e6"}.am-slideshare:before{content:"\f1e7"}.am-twitch:before{content:"\f1e8"}.am-yelp:before{content:"\f1e9"}.am-newspaper-o:before{content:"\f1ea"}.am-wifi:before{content:"\f1eb"}.am-calculator:before{content:"\f1ec"}.am-paypal:before{content:"\f1ed"}.am-google-wallet:before{content:"\f1ee"}.am-cc-visa:before{content:"\f1f0"}.am-cc-mastercard:before{content:"\f1f1"}.am-cc-discover:before{content:"\f1f2"}.am-cc-amex:before{content:"\f1f3"}.am-cc-paypal:before{content:"\f1f4"}.am-cc-stripe:before{content:"\f1f5"}.am-bell-slash:before{content:"\f1f6"}.am-bell-slash-o:before{content:"\f1f7"}.am-trash:before{content:"\f1f8"}.am-copyright:before{content:"\f1f9"}.am-at:before{content:"\f1fa"}.am-eyedropper:before{content:"\f1fb"}.am-paint-brush:before{content:"\f1fc"}.am-birthday-cake:before{content:"\f1fd"}.am-area-chart:before{content:"\f1fe"}.am-pie-chart:before{content:"\f200"}.am-line-chart:before{content:"\f201"}.am-lastfm:before{content:"\f202"}.am-lastfm-square:before{content:"\f203"}.am-toggle-off:before{content:"\f204"}.am-toggle-on:before{content:"\f205"}.am-bicycle:before{content:"\f206"}.am-bus:before{content:"\f207"}.am-ioxhost:before{content:"\f208"}.am-angellist:before{content:"\f209"}.am-cc:before{content:"\f20a"}.am-shekel:before,.am-sheqel:before,.am-ils:before{content:"\f20b"}.am-meanpath:before{content:"\f20c"}.am-buysellads:before{content:"\f20d"}.am-connectdevelop:before{content:"\f20e"}.am-dashcube:before{content:"\f210"}.am-forumbee:before{content:"\f211"}.am-leanpub:before{content:"\f212"}.am-sellsy:before{content:"\f213"}.am-shirtsinbulk:before{content:"\f214"}.am-simplybuilt:before{content:"\f215"}.am-skyatlas:before{content:"\f216"}.am-cart-plus:before{content:"\f217"}.am-cart-arrow-down:before{content:"\f218"}.am-diamond:before{content:"\f219"}.am-ship:before{content:"\f21a"}.am-user-secret:before{content:"\f21b"}.am-motorcycle:before{content:"\f21c"}.am-street-view:before{content:"\f21d"}.am-heartbeat:before{content:"\f21e"}.am-venus:before{content:"\f221"}.am-mars:before{content:"\f222"}.am-mercury:before{content:"\f223"}.am-intersex:before,.am-transgender:before{content:"\f224"}.am-transgender-alt:before{content:"\f225"}.am-venus-double:before{content:"\f226"}.am-mars-double:before{content:"\f227"}.am-venus-mars:before{content:"\f228"}.am-mars-stroke:before{content:"\f229"}.am-mars-stroke-v:before{content:"\f22a"}.am-mars-stroke-h:before{content:"\f22b"}.am-neuter:before{content:"\f22c"}.am-genderless:before{content:"\f22d"}.am-facebook-official:before{content:"\f230"}.am-pinterest-p:before{content:"\f231"}.am-whatsapp:before{content:"\f232"}.am-server:before{content:"\f233"}.am-user-plus:before{content:"\f234"}.am-user-times:before{content:"\f235"}.am-hotel:before,.am-bed:before{content:"\f236"}.am-viacoin:before{content:"\f237"}.am-train:before{content:"\f238"}.am-subway:before{content:"\f239"}.am-medium:before{content:"\f23a"}.am-yc:before,.am-y-combinator:before{content:"\f23b"}.am-optin-monster:before{content:"\f23c"}.am-opencart:before{content:"\f23d"}.am-expeditedssl:before{content:"\f23e"}.am-battery-4:before,.am-battery:before,.am-battery-full:before{content:"\f240"}.am-battery-3:before,.am-battery-three-quarters:before{content:"\f241"}.am-battery-2:before,.am-battery-half:before{content:"\f242"}.am-battery-1:before,.am-battery-quarter:before{content:"\f243"}.am-battery-0:before,.am-battery-empty:before{content:"\f244"}.am-mouse-pointer:before{content:"\f245"}.am-i-cursor:before{content:"\f246"}.am-object-group:before{content:"\f247"}.am-object-ungroup:before{content:"\f248"}.am-sticky-note:before{content:"\f249"}.am-sticky-note-o:before{content:"\f24a"}.am-cc-jcb:before{content:"\f24b"}.am-cc-diners-club:before{content:"\f24c"}.am-clone:before{content:"\f24d"}.am-balance-scale:before{content:"\f24e"}.am-hourglass-o:before{content:"\f250"}.am-hourglass-1:before,.am-hourglass-start:before{content:"\f251"}.am-hourglass-2:before,.am-hourglass-half:before{content:"\f252"}.am-hourglass-3:before,.am-hourglass-end:before{content:"\f253"}.am-hourglass:before{content:"\f254"}.am-hand-grab-o:before,.am-hand-rock-o:before{content:"\f255"}.am-hand-stop-o:before,.am-hand-paper-o:before{content:"\f256"}.am-hand-scissors-o:before{content:"\f257"}.am-hand-lizard-o:before{content:"\f258"}.am-hand-spock-o:before{content:"\f259"}.am-hand-pointer-o:before{content:"\f25a"}.am-hand-peace-o:before{content:"\f25b"}.am-trademark:before{content:"\f25c"}.am-registered:before{content:"\f25d"}.am-creative-commons:before{content:"\f25e"}.am-gg:before{content:"\f260"}.am-gg-circle:before{content:"\f261"}.am-tripadvisor:before{content:"\f262"}.am-odnoklassniki:before{content:"\f263"}.am-odnoklassniki-square:before{content:"\f264"}.am-get-pocket:before{content:"\f265"}.am-wikipedia-w:before{content:"\f266"}.am-safari:before{content:"\f267"}.am-chrome:before{content:"\f268"}.am-firefox:before{content:"\f269"}.am-opera:before{content:"\f26a"}.am-internet-explorer:before{content:"\f26b"}.am-tv:before,.am-television:before{content:"\f26c"}.am-contao:before{content:"\f26d"}.am-500px:before{content:"\f26e"}.am-amazon:before{content:"\f270"}.am-calendar-plus-o:before{content:"\f271"}.am-calendar-minus-o:before{content:"\f272"}.am-calendar-times-o:before{content:"\f273"}.am-calendar-check-o:before{content:"\f274"}.am-industry:before{content:"\f275"}.am-map-pin:before{content:"\f276"}.am-map-signs:before{content:"\f277"}.am-map-o:before{content:"\f278"}.am-map:before{content:"\f279"}.am-commenting:before{content:"\f27a"}.am-commenting-o:before{content:"\f27b"}.am-houzz:before{content:"\f27c"}.am-vimeo:before{content:"\f27d"}.am-black-tie:before{content:"\f27e"}.am-fonticons:before{content:"\f280"}.am-reddit-alien:before{content:"\f281"}.am-edge:before{content:"\f282"}.am-credit-card-alt:before{content:"\f283"}.am-codiepie:before{content:"\f284"}.am-modx:before{content:"\f285"}.am-fort-awesome:before{content:"\f286"}.am-usb:before{content:"\f287"}.am-product-hunt:before{content:"\f288"}.am-mixcloud:before{content:"\f289"}.am-scribd:before{content:"\f28a"}.am-pause-circle:before{content:"\f28b"}.am-pause-circle-o:before{content:"\f28c"}.am-stop-circle:before{content:"\f28d"}.am-stop-circle-o:before{content:"\f28e"}.am-shopping-bag:before{content:"\f290"}.am-shopping-basket:before{content:"\f291"}.am-hashtag:before{content:"\f292"}.am-bluetooth:before{content:"\f293"}.am-bluetooth-b:before{content:"\f294"}.am-percent:before{content:"\f295"}.am-gitlab:before{content:"\f296"}.am-wpbeginner:before{content:"\f297"}.am-wpforms:before{content:"\f298"}.am-envira:before{content:"\f299"}.am-universal-access:before{content:"\f29a"}.am-wheelchair-alt:before{content:"\f29b"}.am-question-circle-o:before{content:"\f29c"}.am-blind:before{content:"\f29d"}.am-audio-description:before{content:"\f29e"}.am-volume-control-phone:before{content:"\f2a0"}.am-braille:before{content:"\f2a1"}.am-assistive-listening-systems:before{content:"\f2a2"}.am-asl-interpreting:before,.am-american-sign-language-interpreting:before{content:"\f2a3"}.am-deafness:before,.am-hard-of-hearing:before,.am-deaf:before{content:"\f2a4"}.am-glide:before{content:"\f2a5"}.am-glide-g:before{content:"\f2a6"}.am-signing:before,.am-sign-language:before{content:"\f2a7"}.am-low-vision:before{content:"\f2a8"}.am-viadeo:before{content:"\f2a9"}.am-viadeo-square:before{content:"\f2aa"}.am-snapchat:before{content:"\f2ab"}.am-snapchat-ghost:before{content:"\f2ac"}.am-snapchat-square:before{content:"\f2ad"}.am-pied-piper:before{content:"\f2ae"}.am-first-order:before{content:"\f2b0"}.am-yoast:before{content:"\f2b1"}.am-themeisle:before{content:"\f2b2"}.am-google-plus-circle:before,.am-google-plus-official:before{content:"\f2b3"}.am-am:before,.am-font-awesome:before{content:"\f2b4"}.am-handshake-o:before{content:"\f2b5"}.am-envelope-open:before{content:"\f2b6"}.am-envelope-open-o:before{content:"\f2b7"}.am-linode:before{content:"\f2b8"}.am-address-book:before{content:"\f2b9"}.am-address-book-o:before{content:"\f2ba"}.am-vcard:before,.am-address-card:before{content:"\f2bb"}.am-vcard-o:before,.am-address-card-o:before{content:"\f2bc"}.am-user-circle:before{content:"\f2bd"}.am-user-circle-o:before{content:"\f2be"}.am-user-o:before{content:"\f2c0"}.am-id-badge:before{content:"\f2c1"}.am-drivers-license:before,.am-id-card:before{content:"\f2c2"}.am-drivers-license-o:before,.am-id-card-o:before{content:"\f2c3"}.am-quora:before{content:"\f2c4"}.am-free-code-camp:before{content:"\f2c5"}.am-telegram:before{content:"\f2c6"}.am-thermometer-4:before,.am-thermometer:before,.am-thermometer-full:before{content:"\f2c7"}.am-thermometer-3:before,.am-thermometer-three-quarters:before{content:"\f2c8"}.am-thermometer-2:before,.am-thermometer-half:before{content:"\f2c9"}.am-thermometer-1:before,.am-thermometer-quarter:before{content:"\f2ca"}.am-thermometer-0:before,.am-thermometer-empty:before{content:"\f2cb"}.am-shower:before{content:"\f2cc"}.am-bathtub:before,.am-s15:before,.am-bath:before{content:"\f2cd"}.am-podcast:before{content:"\f2ce"}.am-window-maximize:before{content:"\f2d0"}.am-window-minimize:before{content:"\f2d1"}.am-window-restore:before{content:"\f2d2"}.am-times-rectangle:before,.am-window-close:before{content:"\f2d3"}.am-times-rectangle-o:before,.am-window-close-o:before{content:"\f2d4"}.am-bandcamp:before{content:"\f2d5"}.am-grav:before{content:"\f2d6"}.am-etsy:before{content:"\f2d7"}.am-imdb:before{content:"\f2d8"}.am-ravelry:before{content:"\f2d9"}.am-eercast:before{content:"\f2da"}.am-microchip:before{content:"\f2db"}.am-snowflake-o:before{content:"\f2dc"}.am-superpowers:before{content:"\f2dd"}.am-wpexplorer:before{content:"\f2de"}.am-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

ul.tabs {
    margin:         0;
    padding:        0;
    list-style:     none;
    display:        flex;
    flex-direction: column;
}

ul.tabs li {
    color:         #FFF;
    padding:       1.2em;
    cursor:        pointer;
    background:    #AAA;
    position:      relative;
    font-size:     1.1em;
    border-bottom: 1px solid #EEE;
}

ul.tabs li.active {
    background:  #EB690B;
    color:       #FFF;
    text-shadow: none;
}


.tab-content {
    display: none;
    padding: 1.5em;
}

.tab-content.active {
    display: inherit;
}

@media only screen and (min-width: 768px) {
    ul.tabs {
        flex-direction: row;
        border-bottom:  1px solid #CCC;
    }

    ul.tabs li.active:after {
        width:      100%;
        content:    '';
        height:     1px;
        bottom:     -1px;
        left:       0;
        background: #FFF;
        position:   absolute;
    }

    ul.tabs li {
        color:         #AAA;
        text-shadow:   1px 1px 1px rgba(255, 255, 255, .5);
        background:    #DDD;
        border-right:  1px solid #CCC;
        border-bottom: none;
    }

    ul.tabs li.active {
        background:  #FFF;
        color:       #222;
        text-shadow: none;
    }

}

.orangeColor {
    color: #EB690B;
}

.redColor {
    color: #FF7700;
}

.redColor2 {
    color: #820000;
}

.greenColor {
    color: #C7FFBC;
}

.badgeCount {
    background-color: transparent;
    color:            #66A467;
    border-radius:    50%;
    width:            25px;
    height:           25px;
    display:          inline-block;
    text-align:       center;
    line-height:      24px;
    font-size:        1em;
    border:           1px solid #66A467;
}

.badgeCount.square {
    border-radius: 0;
}

.badgeCount.trans {
    visibility: hidden;
    width:      0;
}

.infoBadge {
    position:      absolute;
    width:         25px;
    height:        25px;
    line-height:   25px;
    color:         #FFF;
    font-size:     .75em;
    font-weight:   bold;
    border-radius: 50%;
    text-align:    center;
    top:           -10px;
    right:         2em;
}

#navigation .infoBadge {
    top:   inherit;
    right: 3em;
}

.infoBadge.blueColor {
    background: #0094D6;
}

.infoBadge.redColor {
    background: #EB690B;
}

.infoBadge.greenColor {
    background: #00C61D;
}
.mfp-bg {
    top:        0;
    left:       0;
    width:      100%;
    height:     100%;
    z-index:    1042;
    overflow:   hidden;
    position:   fixed;
    background: #0B0B0B;
    opacity:    .8
}

.mfp-wrap {
    top:                         0;
    left:                        0;
    width:                       100%;
    height:                      100%;
    z-index:                     1043;
    position:                    fixed;
    outline:                     none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position:   absolute;
    width:      100%;
    height:     100%;
    left:       0;
    top:        0;
    padding:    0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content:        '';
    display:        inline-block;
    height:         100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position:       relative;
    display:        inline-block;
    vertical-align: middle;
    margin:         0 auto;
    text-align:     left;
    z-index:        1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width:  100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select:    none;
    user-select:         none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color:      #CCC;
    position:   absolute;
    top:        50%;
    width:      auto;
    text-align: center;
    margin-top: -.8em;
    left:       8px;
    right:      8px;
    z-index:    1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button[type="button"].mfp-close,
button[type="button"].mfp-arrow {
    position:           absolute;
    overflow:           visible;
    cursor:             pointer;
    background:         transparent;
    border:             0;
    -webkit-appearance: none;
    display:            block;
    outline:            none;
    padding:            0;
    z-index:            1046;
    box-shadow:         none;
    touch-action:       manipulation
}

button[type="button"]::-moz-focus-inner {
    padding: 0;
    border:  0
}

button[type="button"].mfp-close {
    width:       44px;
    height:      44px;
    position:    absolute;
    right:       0;
    top:         0;
    opacity:     .65;
    text-indent: 999999px;
}

button[type="button"].mfp-close:before,
button[type="button"].mfp-close:after {
    content:            '';
    position:           absolute;
    background-color:   #FFF;
    width:              25px;
    height:             2px;
    top:                20px;
    right:              6px;
    display:            inline-block;
    transform:          rotate(-45deg);
    -webkit-transition: background-color .3s;
    transition:         background-color .3s;
}

button[type="button"].mfp-close:after {
    transform: rotate(45deg);
}

button[type="button"].mfp-close:hover,
button[type="button"].mfp-close:focus {
    opacity: 1
}

button[type="button"].mfp-close:active {
    top: 1px
}

.mfp-close-btn-in button[type="button"].mfp-close {
    color: #333
}

.mfp-image-holder button[type="button"].mfp-close,
.mfp-iframe-holder button[type="button"].mfp-close {
    color:         #FFF;
    right:         -6px;
    text-align:    right;
    padding-right: 6px;
    width:         100%;
}

.mfp-counter {
    position:    absolute;
    top:         10px;
    right:       10px;
    font-size:   .9em;
    line-height: 18px;
    white-space: nowrap;
    color:       #CCC
}

button[type="button"].mfp-arrow {
    position:           absolute;
    opacity:            0;
    top:                calc(50% - 45px);
    width:              70px;
    height:             100px;
    background:         rgba(0, 0, 0, .4);
    -webkit-transition: all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

button[type="button"].mfp-arrow:hover {
    background: rgba(0, 0, 0, .6);
}

.mfp-ready button[type="button"].mfp-arrow {
    opacity: 1;
}

.mfp-removing button[type="button"].mfp-arrow {
    opacity: 0;
}

button[type="button"].mfp-arrow.mfp-arrow-right {
    right: 0;
}

button[type="button"].mfp-arrow.mfp-arrow-left {
    left: 0;
}

button[type="button"].mfp-arrow.mfp-arrow-right:before,
button[type="button"].mfp-arrow.mfp-arrow-right:after,
button[type="button"].mfp-arrow.mfp-arrow-left:before,
button[type="button"].mfp-arrow.mfp-arrow-left:after {
    content:            '';
    position:           absolute;
    background-color:   #DDD;
    width:              30px;
    height:             1px;
    top:                62px;
    left:               25px;
    display:            inline-block;
    transform:          rotate(-45deg);
    -webkit-transition: background-color .3s;
    transition:         background-color .3s;
}

button[type="button"].mfp-arrow.mfp-arrow-right:after {
    top:       40px;
    left:      25px;
    transform: rotate(45deg);
}

button[type="button"].mfp-arrow.mfp-arrow-left:before,
button[type="button"].mfp-arrow.mfp-arrow-left:after {
    top:       62px;
    left:      initial;
    right:     25px;
    transform: rotate(45deg);
}

button[type="button"].mfp-arrow.mfp-arrow-left:after {
    top:       40px;
    transform: rotate(-45deg);
}

button[type="button"].mfp-arrow:hover.mfp-arrow-right:before,
button[type="button"].mfp-arrow:hover.mfp-arrow-right:after,
button[type="button"].mfp-arrow:hover.mfp-arrow-left:before,
button[type="button"].mfp-arrow:hover.mfp-arrow-left:after {
    background-color: #FFF;
}

.mfp-iframe-holder {
    padding-top:    40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width:       100%;
    max-width:   900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width:       100%;
    height:      0;
    overflow:    hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position:   absolute;
    display:    block;
    top:        0;
    left:       0;
    width:      100%;
    height:     100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}

img.mfp-img {
    width:       auto;
    max-width:   100%;
    height:      auto;
    display:     block;
    line-height: 0;
    box-sizing:  border-box;
    padding:     40px 0;
    margin:      0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content:    '';
    position:   absolute;
    left:       0;
    top:        40px;
    bottom:     40px;
    display:    block;
    right:      0;
    width:      auto;
    height:     auto;
    z-index:    -1;
    box-shadow: 0 1.5em 3em rgba(0, 0, 0, 0.5);
    background: #444
}

.mfp-figure small {
    color:       #BDBDBD;
    display:     block;
    font-size:   12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -40px;
    position:   absolute;
    top:        100%;
    left:       0;
    width:      100%;
    cursor:     auto;
    padding:    15px;
    background: #333;
}

.mfp-title {
    text-align:    left;
    line-height:   18px;
    color:         #F3F3F3;
    word-wrap:     break-word;
    padding-right: 36px;
    font-size:     .9em
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left:  0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top:    0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display:     inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom:     0;
        margin:     0;
        top:        auto;
        padding:    3px 5px;
        position:   fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top:   3px
    }

    .mfp-img-mobile .mfp-close {
        top:         0;
        right:       0;
        width:       35px;
        height:      35px;
        line-height: 35px;
        background:  rgba(0, 0, 0, 0.6);
        position:    fixed;
        text-align:  center;
        padding:     0
    }
}

@media all and (max-width: 900px) {
    .mfp-container {
        padding-left:  6px;
        padding-right: 6px
    }
}

.mfp-zoom-in .mfp-with-anim {
    opacity:    0;
    transition: all .2s ease-in-out;
    transform:  scale(0.8)
}

.mfp-zoom-in.mfp-bg {
    opacity:    0;
    transition: all .3s ease-out
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity:   1;
    transform: scale(1)
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .9
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity:   0
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-newspaper .mfp-with-anim {
    opacity:            0;
    -webkit-transition: all .2s ease-in-out;
    transition:         all .5s;
    transform:          scale(0) rotate(500deg)
}

.mfp-newspaper.mfp-bg {
    opacity:    0;
    transition: all .5s
}

.mfp-newspaper.mfp-ready .mfp-with-anim {
    opacity:   1;
    transform: scale(1) rotate(0deg)
}

.mfp-newspaper.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-newspaper.mfp-removing .mfp-with-anim {
    transform: scale(0) rotate(500deg);
    opacity:   0
}

.mfp-newspaper.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-move-horizontal .mfp-with-anim {
    opacity:    0;
    transition: all .3s;
    transform:  translateX(-50px)
}

.mfp-move-horizontal.mfp-bg {
    opacity:    0;
    transition: all .3s
}

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
    opacity:   1;
    transform: translateX(0)
}

.mfp-move-horizontal.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
    transform: translateX(50px);
    opacity:   0
}

.mfp-move-horizontal.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-move-from-top .mfp-content {
    vertical-align: top
}

.mfp-move-from-top .mfp-with-anim {
    opacity:    0;
    transition: all .2s;
    transform:  translateY(-100px)
}

.mfp-move-from-top.mfp-bg {
    opacity:    0;
    transition: all .2s
}

.mfp-move-from-top.mfp-ready .mfp-with-anim {
    opacity:   1;
    transform: translateY(0)
}

.mfp-move-from-top.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-move-from-top.mfp-removing .mfp-with-anim {
    transform: translateY(-50px);
    opacity:   0
}

.mfp-move-from-top.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-3d-unfold .mfp-content {
    perspective: 2000px
}

.mfp-3d-unfold .mfp-with-anim {
    opacity:         0;
    transition:      all .3s ease-in-out;
    transform-style: preserve-3d;
    transform:       rotateY(-60deg)
}

.mfp-3d-unfold.mfp-bg {
    opacity:    0;
    transition: all .5s
}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity:   1;
    transform: rotateY(0deg)
}

.mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
    transform: rotateY(60deg);
    opacity:   0
}

.mfp-3d-unfold.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-zoom-out .mfp-with-anim {
    opacity:    0;
    transition: all .3s ease-in-out;
    transform:  scale(1.3)
}

.mfp-zoom-out.mfp-bg {
    opacity:    0;
    transition: all .3s ease-out
}

.mfp-zoom-out.mfp-ready .mfp-with-anim {
    opacity:   1;
    transform: scale(1)
}

.mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-zoom-out.mfp-removing .mfp-with-anim {
    transform: scale(1.3);
    opacity:   0
}

.mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0
}

@keyframes hinge {
    0% {
        transform:                 rotate(0);
        transform-origin:          top left;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform:                 rotate(80deg);
        transform-origin:          top left;
        animation-timing-function: ease-in-out
    }
    40% {
        transform:                 rotate(60deg);
        transform-origin:          top left;
        animation-timing-function: ease-in-out
    }
    80% {
        transform:                 rotate(60deg) translateY(0);
        opacity:                   1;
        transform-origin:          top left;
        animation-timing-function: ease-in-out
    }
    100% {
        transform: translateY(700px);
        opacity:   0
    }
}

.hinge {
    animation-duration: 1s;
    animation-name:     hinge
}

.mfp-with-fade .mfp-content,
.mfp-with-fade.mfp-bg {
    opacity:    0;
    transition: opacity .5s ease-out
}

.mfp-with-fade.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-with-fade.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-with-fade.mfp-removing.mfp-bg {
    opacity: 0
}

@-webkit-keyframes fadeInMFP {
    0% {
        opacity:   0;
        transform: scale(.95)
    }
    100% {
        opacity:   1;
        transform: scale(1)
    }
}

@-moz-keyframes fadeInMFP {
    0% {
        opacity:   0;
        transform: scale(.95)
    }
    100% {
        opacity:   1;
        transform: scale(1)
    }
}

@-o-keyframes fadeInMFP {
    0% {
        opacity:   0;
        transform: scale(.95)
    }
    100% {
        opacity:   1;
        transform: scale(1)
    }
}

@keyframes fadeInMFP {
    0% {
        opacity:   0;
        transform: scale(.95)
    }
    100% {
        opacity:   1;
        transform: scale(1)
    }
}

.mfp-open .mfp-figure {
    -webkit-animation-name:      fadeInMFP;
    -moz-animation-name:         fadeInMFP;
    -o-animation-name:           fadeInMFP;
    animation-name:              fadeInMFP;
    -webkit-animation-duration:  .3s;
    -moz-animation-duration:     .3s;
    -ms-animation-duration:      .3s;
    -o-animation-duration:       .3s;
    animation-duration:          .3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode:    both;
    -ms-animation-fill-mode:     both;
    -o-animation-fill-mode:      both;
    animation-fill-mode:         both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden
}/* perfect-scrollbar v0.6.2 */
.ps-container {
    overflow: hidden !important; }

.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block; }

.ps-container.ps-in-scrolling {
    pointer-events: none; }

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #CCC;
    opacity:          0.9; }

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999; }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #CCC;
    opacity:          0.9; }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999; }

.ps-container > .ps-scrollbar-x-rail {
    display:               none;
    position:              absolute;
    /* please don't change 'position' */
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    -ms-border-radius:     4px;
    border-radius:         4px;
    opacity:               0;
    -webkit-transition:    background-color .2s linear, opacity .2s linear;
    -moz-transition:       background-color .2s linear, opacity .2s linear;
    -o-transition:         background-color .2s linear, opacity .2s linear;
    transition:            background-color .2s linear, opacity .2s linear;
    bottom:                0;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height:                8px; }

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position:              absolute;
    /* please don't change 'position' */
    background-color:      #CCC;
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    -ms-border-radius:     4px;
    border-radius:         4px;
    -webkit-transition:    background-color .2s linear;
    -moz-transition:       background-color .2s linear;
    -o-transition:         background-color .2s linear;
    transition:            background-color .2s linear;
    bottom:                0;
    /* there must be 'bottom' for ps-scrollbar-x */
    height:                8px; }

.ps-container > .ps-scrollbar-y-rail {
    display:               block;
    position:              absolute;
    /* please don't change 'position' */
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    -ms-border-radius:     4px;
    border-radius:         4px;
    opacity:               0.5;
    -webkit-transition:    background-color .2s linear, opacity .2s linear;
    -moz-transition:       background-color .2s linear, opacity .2s linear;
    -o-transition:         background-color .2s linear, opacity .2s linear;
    transition:            background-color .2s linear, opacity .2s linear;
    right:                 0;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width:                 8px; }

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position:              absolute;
    /* please don't change 'position' */
    background-color:      #999;
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    -ms-border-radius:     4px;
    border-radius:         4px;
    -webkit-transition:    background-color .2s linear;
    -moz-transition:       background-color .2s linear;
    -o-transition:         background-color .2s linear;
    transition:            background-color .2s linear;
    right:                 0;
    /* there must be 'right' for ps-scrollbar-y */
    width:                 8px; }

.ps-container:hover.ps-in-scrolling {
    pointer-events: none; }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #CCC;
    opacity:          0.9; }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999; }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #CCC;
    opacity:          0.9; }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999; }

.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.9; }

.ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #CCC;
    opacity:          0.9; }

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    background-color: #999; }

.ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #CCC;
    opacity:          0.9; }

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    background-color: #999; }
/** tabellen *******************************************************************************************************************/

.normTable span.onlyMobile {
    display:       block;
    float:         left;
    padding-right: 1em;
}

.normTable {
    display:      table;
    width:        100%;
    table-layout: fixed;
}

.normTable .tableHeader {
    display: none;
}

.normTable .tableHeader div {
    display:     table-cell;
    padding:     19px 1em;
    color:       #FFF;
    text-align:  left;
    overflow:    hidden;
    white-space: nowrap;
}

.normTable .tableRow {
    position:           relative;
    font-size:          1em;
    font-weight:        normal;
    -webkit-transition: background-color .3s;
    transition:         background-color .3s;
}

.normTable .tableRow div.tableCol {
    position:       relative;
    padding:        .3em 1em;
    color:          #333;
    border-top:     1px solid transparent;
    border-bottom:  1px solid transparent;
    vertical-align: top;
}

.normTable .tableRow div.tableCol:last-of-type {
    float:    right;
    position: absolute;
    right:    0;
    top:      0;
}

.normTable .tableRow div dl {
    margin:  0;
    padding: 0;
}

.normTable .tableRow div dl dt {
    width:         100px;
    margin:        0;
    padding:       0;
    padding-right: 1rem;
    display:       inline-block;
}

.normTable .tableRow div dl dd {
    margin:  0;
    padding: 0;
    display: inline-block;
}

.normTable .tableRow:nth-child(even) {
    background: #FAFAFA;
}

.normTable .tableRow:nth-child(odd) {
    background: #F0F0F0;
}

.normTable .tableRow:hover {
    background: rgba(179, 189, 218, 0.52);
}

.normTable .tableRow.selected {
    background: rgba(255, 194, 30, 0.31);
}

.normTable a {
    position:        relative;
    color:           #333;
    margin-right:    5px;
    text-decoration: none;
    transition:      color 0.3s;
    outline:         0;
}

.normTable a:hover {
    color: #555;
}

.normTable .tableRow > div.tableCol:last-child > span {
    transition: all 0.1s;
    opacity:    0;
}

.normTable .tableRow:hover > div.tableCol:last-child > span {
    opacity: 1;
}

@media screen and (min-width: 800px) {

    .normTable span.onlyMobile {
        display: none;
    }

    .normTable .tableHeader {
        display:     table-row;
        font-size:   1.2em;
        font-family: 'Roboto Condensed', Arial, sans-serif;
        background:  #888;
    }

    .normTable .tableRow {
        display: table-row;
    }

    .normTable .tableRow div.tableCol {
        padding: 1em;
        display: table-cell;
        float:   none;
    }

    .normTable .tableRow div dl dt {
        display: none;
    }

    .normTable .tableHeader div a {
        color: #FFF;
    }

    .normTable .tableHeader div a:hover {
        color: #DDD;
    }

    .normTable .tableRow:hover div.tableCol {
        border-top:    1px solid rgba(255, 255, 255, .3);
        border-bottom: 1px solid rgba(255, 255, 255, .3);
    }

    .normTable .tableRow div.tableCol:last-of-type {
        position:   relative;
        padding:    1em;
        display:    table-cell;
        float:      none;
        right:      inherit;
        top:        inherit;
        text-align: right;
    }
}

/*===========================================================
Sortierung im TableHeader
===========================================================*/

.normTable .tableHeader div .sortContainer {
    position:    relative;
    width:       10px;
    height:      20px;
    display:     inline-block;
    z-index:     2;
    margin-left: .1em;
}

.normTable .tableHeader div .sortContainer a {
    color: #FFF;
}

.normTable .tableHeader div .sortContainer a.sortUp {
    position: absolute;
    top:      -10px;
    left:     0;
    margin:   0;
    display:  inline-block;
    padding:  5px 5px 0 5px;
}

.normTable .tableHeader div .sortContainer a.sortDown {
    position: absolute;
    bottom:   -12px;
    left:     0;
    margin:   0;
    display:  inline-block;
    padding:  0 5px 5px 5px;
}

.normTable .tableHeader div .sortContainer a.active {
    color: #EB690B;
}

/** tabelle backups ****************************************************************************************************/

.backup .tableRow {
    display: block;
    width:   100%;
}

.backup .tableRow div.tableCol:nth-child(1),
.backup .tableRow div.tableCol:nth-child(2),
.backup .tableRow div.tableCol:nth-child(3),
.backup .tableRow div.tableCol:nth-child(4) {
    display: block;
    width:   100%;
}

.backup .tableRow div.tableCol:nth-child(1) img {
    display: block;
    float:   left;
}

.backup .tableRow div.tableCol:nth-child(1) span {
    color: #AAA;
}

@media screen and (min-width: 800px) {

    .backup .tableRow {
        display: table-row;
    }

    .backup .tableRow div.tableCol:nth-child(1) img {
        display: inline;
        float:   left;
    }

    .backup .tableRow div.tableCol:nth-child(1),
    .backup .tableRow div.tableCol:nth-child(2),
    .backup .tableRow div.tableCol:nth-child(3),
    .backup .tableRow div.tableCol:nth-child(4) {
        display: table-cell;
        float:   none;
    }

    .backup .tableRow div.tableCol:nth-child(1),
    .backup .tableHeader div:nth-child(1) {
        width: 40%;
    }

    .backup .tableRow div.tableCol:nth-child(2),
    .backup .tableHeader div:nth-child(2) {
        width: 30%;
    }

    .backup .tableRow div.tableCol:nth-child(3),
    .backup .tableHeader div:nth-child(3) {
        width:      15%;
        text-align: right;
    }

    .backup .tableRow div.tableCol:nth-child(4),
    .backup .tableHeader div:nth-child(4) {
        width:      15%;
        text-align: right;
    }
}

/** Tabelle Themes -> installierte Themes ******************************************************************************/

.installedThemes .themeRow {
    border-bottom:  1px solid #CCC;
    display:        flex;
    flex-direction: row;
    flex-wrap:      wrap;
}

.installedThemes .themeRow:last-child {
    border-bottom: none;
}

.installedThemes .themeRow > .themeCol:nth-child(1) {
    width:         100%;
    margin-bottom: 1em;
}

.installedThemes .themeRow > .themeCol:nth-child(2) {
    width:         100%;
    margin-bottom: 1em;
}

.installedThemes .themeRow > .themeCol:nth-child(3) {
    width: 100%;
}

.installedThemes .themeRow > .themeCol:nth-child(3) {
    border-right:   none;
    vertical-align: middle;
}

.installedThemes img {
    background: #FFF;
    width:      100%;
    height:     auto;
    border:     1px solid #DDD;
}

@media only screen and (min-width: 786px) {
    .installedThemes .themeRow > .themeCol:nth-child(1) {
        width: 30%;
    }

    .installedThemes .themeRow > .themeCol:nth-child(2) {
        width:        30%;
        padding-left: 1em;
    }

    .installedThemes .themeRow > .themeCol:nth-child(3) {
        width:        40%;
        padding-left: 1em;
    }

}

/** tabelle individuelle menüs -> übersicht ****************************************************************************/

.menuInd div.tableCol:nth-child(1) {
    text-align: left;
    width:      50%;
}

.menuInd div.tableCol:nth-child(2) {
    width:       40%;
    font-family: monospace;
}

.menuInd div.tableCol:nth-child(3) {
    width:      10%;
    text-align: right;
}

.normTable.menuInd .tableHeader div:nth-child(3) {
    text-align: right;
}

/** tabelle individuelle menüs -> first list ***************************************************************************/

.menuInd1 div.tableCol:nth-child(1) {
    text-align: left;
    width:      80%;
}

.menuInd1 div.tableCol:nth-child(2) {
    width:      20%;
    text-align: center;
}

.excludeItems div.tableCol:nth-child(1) {
    text-align: left;
    width:      80%;
}

.excludeItems div.tableCol:nth-child(2) {
    text-align: center;
    width:      20%;
}

/** tabelle sprachen ***************************************************************************************************/

.language .tableRow div.tableCol:nth-child(1),
.language .tableRow div.tableCol:nth-child(2),
.language .tableRow div.tableCol:nth-child(3),
.language .tableRow div.tableCol:nth-child(4) {
    display: block;
    float:   left;
    width:   auto;
}

@media screen and (min-width: 800px) {

    .language .tableRow div.tableCol:nth-child(1) img {
        display: inline;
        float:   left;
    }

    .language .tableRow div.tableCol:nth-child(1),
    .language .tableRow div.tableCol:nth-child(2),
    .language .tableRow div.tableCol:nth-child(3),
    .language .tableRow div.tableCol:nth-child(4) {
        display: table-cell;
        float:   none;
    }

    .language .tableRow div.tableCol:nth-child(1),
    .language .tableHeader div:nth-child(1) {
        width: 10%;
    }

    .language .tableRow div.tableCol:nth-child(2),
    .language .tableHeader div:nth-child(2) {
        width: 60%;
    }

    .language .tableRow div.tableCol:nth-child(3),
    .language .tableHeader div:nth-child(3) {
        width: 20%;
    }

    .language .tableRow div.tableCol:nth-child(3),
    .language .tableHeader div:nth-child(3) {
        width:      10%;
        text-align: right;
    }
}

/** tabelle sprachen ***************************************************************************************************/

.admin .tableRow div.tableCol:nth-child(1),
.admin .tableRow div.tableCol:nth-child(2),
.admin .tableRow div.tableCol:nth-child(3),
.admin .tableRow div.tableCol:nth-child(4),
.admin .tableRow div.tableCol:nth-child(5),
.admin .tableRow div.tableCol:nth-child(6),
.admin .tableRow div.tableCol:nth-child(7) {
    display: block;
    float:   left;
    width:   auto;
    padding: .4em;
}

.admin .tableRow div.tableCol:nth-child(1),
.admin .tableRow div.tableCol:nth-child(4),
.admin .tableRow div.tableCol:nth-child(5),
.admin .tableRow div.tableCol:nth-child(6),
.admin .tableRow div.tableCol:nth-child(7) {
    clear: both;
    float: none;
}

.admin .tableRow div.tableCol:nth-child(7) {
    text-align:     center;
    padding-bottom: 1em;
}

@media screen and (min-width: 800px) {

    .admin .tableRow div.tableCol:nth-child(1),
    .admin .tableRow div.tableCol:nth-child(2),
    .admin .tableRow div.tableCol:nth-child(3),
    .admin .tableRow div.tableCol:nth-child(4),
    .admin .tableRow div.tableCol:nth-child(5),
    .admin .tableRow div.tableCol:nth-child(6),
    .admin .tableRow div.tableCol:nth-child(7) {
        display: table-cell;
        float:   none;
        padding: 1em;
    }

    .admin .tableRow div.tableCol:nth-child(1),
    .admin .tableHeader div:nth-child(1) {
        width: 5%;
    }

    .admin .tableRow div.tableCol:nth-child(2),
    .admin .tableHeader div:nth-child(2) {
        width: 10%;
    }

    .admin .tableRow div.tableCol:nth-child(3),
    .admin .tableHeader div:nth-child(3) {
        width: 15%;
    }

    .admin .tableRow div.tableCol:nth-child(4),
    .admin .tableHeader div:nth-child(4) {
        width: 25%;
    }

    .admin .tableRow div.tableCol:nth-child(5),
    .admin .tableHeader div:nth-child(5) {
        width: 10%;
    }

    .admin .tableRow div.tableCol:nth-child(6),
    .admin .tableHeader div:nth-child(6) {
        width:      10%;
        text-align: right;
    }

    .admin .tableRow div.tableCol:nth-child(7),
    .admin .tableHeader div:nth-child(7) {
        width:      10%;
        text-align: right;
    }
}

/** tabelle log ***************************************************************************************************/

.log .tableRow div.tableCol:nth-child(1),
.log .tableRow div.tableCol:nth-child(2),
.log .tableRow div.tableCol:nth-child(3) {
    display: block;
    float:   left;
    width:   auto;
    padding: .5em 1em;
}

.log .tableRow div.tableCol:nth-child(3) {
    clear: both;
}

@media screen and (min-width: 800px) {

    .log .tableRow div.tableCol:nth-child(1),
    .log .tableRow div.tableCol:nth-child(2),
    .log .tableRow div.tableCol:nth-child(3) {
        display: table-cell;
        float:   none;
    }

    .log .tableRow div.tableCol:nth-child(1),
    .log .tableHeader div:nth-child(1) {
        width: 25%;
    }

    .log .tableRow div.tableCol:nth-child(2),
    .log .tableHeader div:nth-child(2) {
        width: 10%;
    }

    .log .tableRow div.tableCol:nth-child(3),
    .log .tableHeader div:nth-child(3) {
        width: 65%;
    }
}

/** action button in table ********************************************************************************************************************/

a.mobileButton {
    border-radius:      3px;
    border:             1px solid #333;
    background:         #333;
    padding:            .3em .3em;
    font-size:          .9em;
    display:            inline-block;
    text-align:         center;
    color:              #FFF;
    -webkit-transition: all .3s;
    transition:         all .3s;
    outline:            0;
    margin-right:       5px;
    margin-top:         .5em;
}

a.mobileButton:hover {
    color:      #333;
    background: #FFF;
    border:     1px solid #FFF;
    box-shadow: 0 0 .6em rgba(0, 0, 0, .4);
}

@media screen and (min-width: 800px) {
    a.mobileButton {
        border:       none;
        background:   none;
        padding:      0;
        margin-left:  .5em;
        margin-right: 0;
        color:        #AAA;
        display:      inline-block;
        width:        auto;
        margin-top:   0;
        font-size:    1em;
    }

    a.mobileButton:hover {
        border:     none;
        background: none;
        color:      #333;
        box-shadow: none;
    }
}

/** Suche ********************************************************************************************************************/
form {
    position: relative;
}

.boxModel {
    margin-bottom: 2em;
    position:      relative;
    background:    #FFF;
    padding:       1.5em;
    box-shadow:    0 5px 20px rgba(0, 0, 0, .2);
    border:        1px solid #CCC;
}

.filterBox {
    padding-top: 1em;
    display:     none;
}

.showFilter {
    padding-right:      2px;
    position:           relative;
    cursor:             pointer;
    font-style:         normal;
    color:              #FFF;
    font-family:        FontAwesomeAnyMate;
    -webkit-transition: color .3s;
    transition:         color .3s;
}

.fakeButton:hover .showFilter {
    color: #FFF;
}

.showFilter.open:before {
    content: "\f0d7";
}

.showFilter.close:before {
    content: "\f0d8";
}

#keywordSearchContainer p {
    margin-bottom: 0;
}

#searchHelper {
    background:         #FFF;
    border-left:        3px solid #0A77D5;
    border-radius:      3px;
    padding:            1em;
    box-shadow:         0 .2em 1.4em rgba(0, 0, 0, .4);
    position:           absolute;
    z-index:            1;
    color:              #333;
    margin-top:         10px;
    opacity:            0;
    height:             auto;
    width:              100%;
    transform:          translateY(10px);
    -webkit-transition: all .15s;
    transition:         all .15s;
    visibility:         hidden;
}

#searchHelper:before {
    content:       "";
    position:      absolute;
    z-index:       1;
    top:           -9px;
    left:          15px;
    border-top:    0;
    border-left:   5px solid transparent;
    border-right:  5px solid transparent;
    border-bottom: 9px solid #FFF;
}

#searchHelper.show {
    height:     auto;
    visibility: visible;
    opacity:    1;
    transform:  translateY(0);
}

.filterRibbon:before {
    content:           'Filter aktiv';
    display:           block;
    position:          absolute;
    top:               17px;
    left:              -40px;
    text-align:        center;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform:    rotateZ(-45deg);
    transform:         rotateZ(-45deg);
    z-index:           1;
    background:        rgba(151, 76, 76, 0.88);
    padding:           1em 3.5em;
    color:             #FFF;
}

.filterColumns {
    display:   flex;
    flex-wrap: wrap;
}

.filterColumns p {
    width: 100%;
}

.filterColumns p label {
    width: 100%;
}

.filterColumns p input[type="text"],
.filterColumns p select {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .filterColumns {
        margin-left: -.5em;
        width:       calc(100% + 1em);
    }

    .filterColumns p {
        margin-left:  .5em;
        margin-right: .5em;
        width:        calc(50% - 1em);
    }
}

@media only screen and (min-width: 1024px) {
    .filterColumns p {
        width: calc(33.333333333333% - 1em);
    }
}

@media only screen and (min-width: 1280px) {
    .filterColumns p {
        width: calc(25% - 1em);
    }
}
@charset "UTF-8";

.anim,
.animGroup{
    opacity: 0;
}

html.no-js .anim,
html.no-js .animGroup,
.anim.animated,
.animGroup.animated{
    opacity: 1;
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */

.animated{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}@keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.dd-select {
    border-radius: 3px;
    border:        solid 1px #CCC;
    position:      relative;
    cursor:        pointer;
    color:         #555;
    background:    #FFF;
}

.dd-desc {
    color:       #888;
    font-weight: normal;
    line-height: 1.4em;
    width:       95%;
    display:     block;
}

.dd-selected {
    overflow:   hidden;
    display:    block;
    padding:    10px;
    background: #FFF;
}

.dd-pointer {
    width:      0;
    height:     0;
    position:   absolute;
    right:      10px;
    top:        50%;
    margin-top: -3px;
}

.dd-pointer-down {
    border:     solid 5px transparent;
    border-top: solid 5px #333;
}

.dd-pointer-up {
    border:        solid 5px transparent !important;
    border-bottom: solid 5px #333 !important;
    margin-top:    -8px;
}

.dd-options {
    border:     solid 1px #CCC;
    border-top: none;
    list-style: none;
    box-shadow: 0 .5em 1em rgba(0, 0, 0, .3);
    display:    none;
    position:   absolute;
    z-index:    2000;
    margin:     0;
    padding:    0;
    background: #FFF;
    overflow:   auto;
}

.dd-option {
    padding:            10px;
    display:            block;
    border-bottom:      solid 1px #DDD;
    overflow:           hidden;
    text-decoration:    none;
    color:              #555;
    cursor:             pointer;
    -webkit-transition: all 0.25s ease-in-out;
    transition:         all 0.25s ease-in-out;
}

.dd-options > li:last-child > .dd-option {
    border-bottom: none;
}

.dd-option:hover {
    background: #F3F3F3;
    color:      #000;
}

.dd-selected-description-truncated {
    text-overflow: ellipsis;
    /*white-space:   nowrap;*/
}

.dd-option-selected,
.dd-option-selected:hover {
    background:      #739ED766;
    background-size: 20px;
}

.dd-option-image, .dd-selected-image {
    vertical-align: middle;
    float:          left;
    margin-right:   5px;
    max-width:      64px;
    border:         1px solid #CCC;
    background:     #FFF;
    padding:        2px;
}

.dd-image-right {
    float:        right;
    margin-right: 15px;
    margin-left:  5px;
}

.dd-container {
    position: relative;
}
.ui-datepicker {
    width:      20em;
    padding:    .5em;
    display:    none;
    background: #FFF;
    border:     1px solid #DDD;
    box-shadow: 0 1em 2em rgba(0, 0, 0, .2);
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding:  .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top:      5px;
    width:    1.8em;
    height:   1.8em;
    cursor:   pointer;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-prev:before {
    position:    absolute;
    font-family: FontAwesomeAnyMate;
    font-size:   1.7em;
    content:     '\f104';
}

.ui-datepicker .ui-datepicker-next {
    right: .2em;
}

.ui-datepicker .ui-datepicker-next:before {
    position:    absolute;
    font-family: FontAwesomeAnyMate;
    font-size:   1.7em;
    content:     '\f105';
    right:       0;
}

.ui-datepicker .ui-datepicker-prev-hover {
}

.ui-datepicker .ui-datepicker-next-hover {
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display:     block;
    position:    absolute;
    left:        50%;
    margin-left: -8px;
    top:         50%;
    margin-top:  -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin:      0 2.3em;
    line-height: 1.8em;
    text-align:  center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin:    1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width:           100%;
    font-size:       .9em;
    border-collapse: collapse;
    margin:          0 0 .4em;
}

.ui-datepicker th {
    padding:     .7em .3em;
    text-align:  center;
    font-weight: bold;
    border:      0;
}

.ui-datepicker td {
    border:  0;
    padding: 3px;
    width:   2em;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display:         block;
    padding:         .2em .4em .2em .2em;
    text-align:      right;
    text-decoration: none;
    color:           #333;
    background:      transparent;
}

.ui-datepicker td span:hover,
.ui-datepicker td a:hover {
    background: #CCC;
}

.ui-datepicker td a.ui-state-highlight {
    background: #C8E1CB;
    color:      #333;
}

.ui-datepicker td a.ui-state-active {
    background: rgba(224, 155, 44, 0.37);
    color:      #333;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin:           .7em 0 0 0;
    padding:          0 .2em;
    border-left:      0;
    border-right:     0;
    border-bottom:    0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float:    right;
    margin:   .5em .2em .4em;
    cursor:   pointer;
    padding:  .2em .6em .3em .6em;
    width:    auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width:  95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear:     both;
    width:     100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left:  auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left:  2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left:  auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left:  1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width:  1px;
}

                @media screen and (min-width: 100px) {
                    .xs-1{ width: 6.3230994152047%; }.xs-2{ width: 14.83918128655%; }.xs-3{ width: 23.355263157895%; }.xs-4{ width: 31.87134502924%; }.xs-5{ width: 40.387426900585%; }.xs-6{ width: 48.90350877193%; }.xs-7{ width: 57.419590643275%; }.xs-8{ width: 65.93567251462%; }.xs-9{ width: 74.451754385965%; }.xs-10{ width: 82.96783625731%; }.xs-11{ width: 91.483918128655%; }.xs-12{ width: 100%; }
                    .xs-1,.xs-2,.xs-3,.xs-4,.xs-5,.xs-6,.xs-7,.xs-8,.xs-9,.xs-10,.xs-11,.xs-12 { float: left; margin-right: 2.1929824561404%; }
                    .xs-last { margin-right: 0; }
                    .xs-flt-lft { float: left; }
                    .xs-flt-rgt { float: right; margin-right: 0; }
                    flt-rgt { float: right; margin-right: 0; }
                    .xs-bottom { margin-bottom: 1em; }
                    .xs-bottom-big { margin-bottom: 2em; }
                    .xs-bottom-no { margin-bottom: 0; }
                    .xs-top { margin-top: 1em; }
                    .xs-top-no { margin-top: 0; }
                    .xs-txt-rgt { text-align:right; }
                    .xs-txt-lft { text-align:left; }
                    .xs-txt-cnt { text-align:center; }
                }
                @media screen and (min-width: 480px) {
                    .s-1{ width: 6.3230994152047%; }.s-2{ width: 14.83918128655%; }.s-3{ width: 23.355263157895%; }.s-4{ width: 31.87134502924%; }.s-5{ width: 40.387426900585%; }.s-6{ width: 48.90350877193%; }.s-7{ width: 57.419590643275%; }.s-8{ width: 65.93567251462%; }.s-9{ width: 74.451754385965%; }.s-10{ width: 82.96783625731%; }.s-11{ width: 91.483918128655%; }.s-12{ width: 100%; }
                    .s-1,.s-2,.s-3,.s-4,.s-5,.s-6,.s-7,.s-8,.s-9,.s-10,.s-11,.s-12 { float: left; margin-right: 2.1929824561404%; }
                    .s-last { margin-right: 0; }
                    .s-flt-lft { float: left; }
                    .s-flt-rgt { float: right; margin-right: 0; }
                    flt-rgt { float: right; margin-right: 0; }
                    .s-bottom { margin-bottom: 1em; }
                    .s-bottom-big { margin-bottom: 2em; }
                    .s-bottom-no { margin-bottom: 0; }
                    .s-top { margin-top: 1em; }
                    .s-top-no { margin-top: 0; }
                    .s-txt-rgt { text-align:right; }
                    .s-txt-lft { text-align:left; }
                    .s-txt-cnt { text-align:center; }
                }
                @media screen and (min-width: 768px) {
                    .m-1{ width: 6.3230994152047%; }.m-2{ width: 14.83918128655%; }.m-3{ width: 23.355263157895%; }.m-4{ width: 31.87134502924%; }.m-5{ width: 40.387426900585%; }.m-6{ width: 48.90350877193%; }.m-7{ width: 57.419590643275%; }.m-8{ width: 65.93567251462%; }.m-9{ width: 74.451754385965%; }.m-10{ width: 82.96783625731%; }.m-11{ width: 91.483918128655%; }.m-12{ width: 100%; }
                    .m-1,.m-2,.m-3,.m-4,.m-5,.m-6,.m-7,.m-8,.m-9,.m-10,.m-11,.m-12 { float: left; margin-right: 2.1929824561404%; }
                    .m-last { margin-right: 0; }
                    .m-flt-lft { float: left; }
                    .m-flt-rgt { float: right; margin-right: 0; }
                    flt-rgt { float: right; margin-right: 0; }
                    .m-bottom { margin-bottom: 1em; }
                    .m-bottom-big { margin-bottom: 2em; }
                    .m-bottom-no { margin-bottom: 0; }
                    .m-top { margin-top: 1em; }
                    .m-top-no { margin-top: 0; }
                    .m-txt-rgt { text-align:right; }
                    .m-txt-lft { text-align:left; }
                    .m-txt-cnt { text-align:center; }
                }
                @media screen and (min-width: 920px) {
                    .l-1{ width: 6.3230994152047%; }.l-2{ width: 14.83918128655%; }.l-3{ width: 23.355263157895%; }.l-4{ width: 31.87134502924%; }.l-5{ width: 40.387426900585%; }.l-6{ width: 48.90350877193%; }.l-7{ width: 57.419590643275%; }.l-8{ width: 65.93567251462%; }.l-9{ width: 74.451754385965%; }.l-10{ width: 82.96783625731%; }.l-11{ width: 91.483918128655%; }.l-12{ width: 100%; }
                    .l-1,.l-2,.l-3,.l-4,.l-5,.l-6,.l-7,.l-8,.l-9,.l-10,.l-11,.l-12 { float: left; margin-right: 2.1929824561404%; }
                    .l-last { margin-right: 0; }
                    .l-flt-lft { float: left; }
                    .l-flt-rgt { float: right; margin-right: 0; }
                    flt-rgt { float: right; margin-right: 0; }
                    .l-bottom { margin-bottom: 1em; }
                    .l-bottom-big { margin-bottom: 2em; }
                    .l-bottom-no { margin-bottom: 0; }
                    .l-top { margin-top: 1em; }
                    .l-top-no { margin-top: 0; }
                    .l-txt-rgt { text-align:right; }
                    .l-txt-lft { text-align:left; }
                    .l-txt-cnt { text-align:center; }
                }
                @media screen and (min-width: 1140px) {
                    .xl-1{ width: 6.3230994152047%; }.xl-2{ width: 14.83918128655%; }.xl-3{ width: 23.355263157895%; }.xl-4{ width: 31.87134502924%; }.xl-5{ width: 40.387426900585%; }.xl-6{ width: 48.90350877193%; }.xl-7{ width: 57.419590643275%; }.xl-8{ width: 65.93567251462%; }.xl-9{ width: 74.451754385965%; }.xl-10{ width: 82.96783625731%; }.xl-11{ width: 91.483918128655%; }.xl-12{ width: 100%; }
                    .xl-1,.xl-2,.xl-3,.xl-4,.xl-5,.xl-6,.xl-7,.xl-8,.xl-9,.xl-10,.xl-11,.xl-12 { float: left; margin-right: 2.1929824561404%; }
                    .xl-last { margin-right: 0; }
                    .xl-flt-lft { float: left; }
                    .xl-flt-rgt { float: right; margin-right: 0; }
                    flt-rgt { float: right; margin-right: 0; }
                    .xl-bottom { margin-bottom: 1em; }
                    .xl-bottom-big { margin-bottom: 2em; }
                    .xl-bottom-no { margin-bottom: 0; }
                    .xl-top { margin-top: 1em; }
                    .xl-top-no { margin-top: 0; }
                    .xl-txt-rgt { text-align:right; }
                    .xl-txt-lft { text-align:left; }
                    .xl-txt-cnt { text-align:center; }
                }
                @media screen and (min-width: 1600px) {
                    .xxl-1{ width: 6.3230994152047%; }.xxl-2{ width: 14.83918128655%; }.xxl-3{ width: 23.355263157895%; }.xxl-4{ width: 31.87134502924%; }.xxl-5{ width: 40.387426900585%; }.xxl-6{ width: 48.90350877193%; }.xxl-7{ width: 57.419590643275%; }.xxl-8{ width: 65.93567251462%; }.xxl-9{ width: 74.451754385965%; }.xxl-10{ width: 82.96783625731%; }.xxl-11{ width: 91.483918128655%; }.xxl-12{ width: 100%; }
                    .xxl-1,.xxl-2,.xxl-3,.xxl-4,.xxl-5,.xxl-6,.xxl-7,.xxl-8,.xxl-9,.xxl-10,.xxl-11,.xxl-12 { float: left; margin-right: 2.1929824561404%; }
                    .xxl-last { margin-right: 0; }
                    .xxl-flt-lft { float: left; }
                    .xxl-flt-rgt { float: right; margin-right: 0; }
                    flt-rgt { float: right; margin-right: 0; }
                    .xxl-bottom { margin-bottom: 1em; }
                    .xxl-bottom-big { margin-bottom: 2em; }
                    .xxl-bottom-no { margin-bottom: 0; }
                    .xxl-top { margin-top: 1em; }
                    .xxl-top-no { margin-top: 0; }
                    .xxl-txt-rgt { text-align:right; }
                    .xxl-txt-lft { text-align:left; }
                    .xxl-txt-cnt { text-align:center; }
                }