/* Minification failed. Returning unminified contents.
(928,12): run-time error CSS1038: Expected hex color, found '#grey'
 */

/*! jQuery UI - v1.9.2 - 2012-12-20
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2C%20Arial%2C%20Verdana%2C%20sans-serif&fwDefault=normal&fsDefault=12px&cornerRadius=6px&bgColorHeader=aae6ee&bgTextureHeader=01_flat.png&bgImgOpacityHeader=100&borderColorHeader=abd2dc&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=abd2dc&fcContent=222222&iconColorContent=aae6ee&bgColorDefault=aae6ee&bgTextureDefault=01_flat.png&bgImgOpacityDefault=100&borderColorDefault=abd2dc&fcDefault=ffffff&iconColorDefault=ffffff&bgColorHover=2099b8&bgTextureHover=01_flat.png&bgImgOpacityHover=75&borderColorHover=abd2dc&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=abd2dc&fcActive=2099b8&iconColorActive=2099b8&bgColorHighlight=fbf9ee&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=abd2dc&fcHighlight=2099b8&iconColorHighlight=2099b8&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=abd2dc&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=0&thicknessShadow=0x&offsetTopShadow=0&offsetLeftShadow=0&cornerRadiusShadow=0
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    zoom: 1;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    zoom: 1;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
    zoom: 1;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}
    /* the overflow property removes extra width in IE */
    .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
        text-decoration: none;
    }

.ui-button-icon-only {
    width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/*button sets*/
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/* reset extra padding in Firefox */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .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-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .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: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .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 {
    border-left-width: 0;
}

.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: 0em;
}

/* 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 {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: 10px 0px 10px 11px;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 16px .1em 0;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
    }

        .ui-dialog .ui-dialog-titlebar-close span {
            display: block; /*margin: 1px;*/
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
            padding: 0;
        }

    .ui-dialog .ui-dialog-content {
        position: initial;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
        zoom: 1;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin: .5em 0 0 0;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 3px;
        bottom: 3px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        width: 100%;
    }

    .ui-menu .ui-menu-divider {
        margin: 5px -2px 5px -2px;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-menu-item a {
        text-decoration: none;
        display: block;
        padding: 2px .4em;
        line-height: 1.5;
        zoom: 1;
        font-weight: normal;
    }

        .ui-menu .ui-menu-item a.ui-state-focus,
        .ui-menu .ui-menu-item a.ui-state-active {
            font-weight: normal;
            margin: -1px;
        }

    .ui-menu .ui-state-disabled {
        font-weight: normal;
        margin: .4em 0 .2em;
        line-height: 1.5;
    }

        .ui-menu .ui-state-disabled a {
            cursor: default;
        }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item a {
        position: relative;
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}
/* more specificity required here to overide default borders */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}
/* vertical centre icon */
.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
}
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom: 0;
            padding: 0;
            white-space: nowrap;
        }

            .ui-tabs .ui-tabs-nav li a {
                float: left;
                padding: .5em 1em;
                text-decoration: none;
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active {
                margin-bottom: -1px;
                padding-bottom: 1px;
            }

                .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
                    cursor: text;
                }

            .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
                cursor: pointer;
            }
    /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: none;
    }

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
    background-image: none;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Montserrat;
    font-size: 12px;
}

    .ui-widget .ui-widget {
        font-size: 12px;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Montserrat;
        font-size: 12px;
    }

.ui-widget-content {
    border: 1px solid #abd2dc;
    background: #ffffff url(/Content/Graphics/images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}

    .ui-widget-content a {
        color: #222222;
    }

.ui-widget-header {
    border: 0px solid #abd2dc;
    background: #d9e5f3;
    color: #grey;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #ffffff;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 0px solid #abd2dc;
        background: #D9E5F3;
        font-weight: normal;
        color: #154f60;
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #ffffff;
            text-decoration: none;
        }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 0px solid #abd2dc;
        background: #D9E5F3;
        font-weight: normal;
        color: #ffffff;
    }

        .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
            color: #ffffff;
            text-decoration: none;
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #abd2dc;
        background: #ffffff url(/Content/Graphics/images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #AAE6EE;
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #2099b8;
            text-decoration: none;
        }

    /* Interaction Cues
----------------------------------*/
    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #abd2dc;
        background: #fbf9ee url(/Content/Graphics/images/ui-bg_flat_55_fbf9ee_40x100.png) 50% 50% repeat-x;
        color: #AAE6EE;
    }

        .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
            color: #AAE6EE;
        }

    .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: #fef1ec url(/Content/Graphics/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
        color: #cd0a0a;
    }

        .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
            color: #cd0a0a;
        }

    .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
        color: #cd0a0a;
    }

    .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }

    .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal;
    }

    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35);
        }
/* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(/Content/Graphics/images/ui-icons_aae6ee_256x240.png);
}

.ui-widget-content .ui-icon {
    background-image: url(/Content/Graphics/images/ui-icons_aae6ee_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(/Content/Graphics/images/ui-icons_ffffff_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(/Content/Graphics/images/ui-icons_ffffff_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(/Content/Graphics/images/ui-icons_ffffff_256x240.png);
}
/*.ui-state-active .ui-icon {background-image: url(/Content/Graphics/images/ui-bg_flat_100_ffffff_40x100); }*/
.ui-state-highlight .ui-icon {
    background-image: url(/Content/Graphics/images/ui-bg_flat_100_aae6ee_40x100.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(/Content/Graphics/images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -khtml-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    -khtml-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -khtml-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -khtml-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* Overlays */
.ui-widget-overlay {
    background: #abd2dc url(/Content/Graphics/images/ui-bg_flat_0_abd2dc_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: 0 0 0 0;
    padding: 0;
    background: #aaaaaa url(/Content/Graphics/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: 0;
    filter: Alpha(Opacity=0);
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}


/* Bug Fix */
.ui-accordion {
    width: 100%;
}

    .ui-accordion .ui-accordion-header {
        cursor: pointer;
        position: relative;
        margin-top: 1px;
        zoom: 1;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .ui-accordion .ui-accordion-li-fix {
        display: inline;
    }

    .ui-accordion .ui-accordion-header-active {
        border-bottom: 0 !important;
    }

    .ui-accordion .ui-accordion-header a {
        display: block;
        font-size: 1em;
        padding: .5em .5em .5em 0;
    }

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -9px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}

/* Header color */
.ui-accordion-header {
    background: #2099B8 !important;
}

    /*.ui-accordion-header { 
    background: url("/Content/Graphics/images/ui-icons_2099b8_256x240.png") repeat-x scroll 50% 50% #2099B8 !important;
}*/

    .ui-accordion-header a {
        color: white !important;
    }

/*.ui-accordion-icons {
    background-image: url("/Content/Graphics/images/ui-icons_ffffff_256x240.png");
}*/


/* Essentials */
html, div, map, dt, isindex, form, header, aside, section, section, article, footer {
    display: block;
}

.TestBorder {
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
}

html, body {
    height: 95.3%;
    margin: 0;
    padding: 0;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #666666;
}

f p {
    padding-left: 10px;
}

#pageWrap {
    margin: 0 auto;
    min-width: 960px;
    width: 80%;
    height: 100%;
}

.spacer {
    height: 15px;
}

.spacer_med {
    height: 10px;
}

.spacer_small {
    height: 9px;
}

a:link, a:visited {
    font-family: montserrat, semi-bold;
    color: #3B8CA5;
    font-size: 10px;
    text-decoration: underline;
}

a:hover {
    color: #3B8CA5;
    text-decoration: underline;
}

.left {
    float: left;
}

.list_activitymenu {
    margin: 0 15px;
    float: right;
}

.right {
    float: right;
}

.rightie {
    float: right;
}

/* Version */
#version {
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    font-size: 15px;
    color: #3B8CA5;
    text-shadow: 0 1px 0 #FFFFFF;
    position: fixed;
    bottom: 0;
    left: 0;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
}

/* Header */
header#header {
    height: 55px;
    width: 100%;
}

    header#header h1.site_title, header#header h2.section_title {
        float: left;
        margin: 0;
        font-size: 22px;
        display: block;
        width: 23%;
        height: 55px;
        font-weight: normal;
        text-align: center;
        text-indent: 1.8%;
        line-height: 55px;
        color: #fff;
        text-shadow: 0 -1px 0 #000;
    }

        header#header h1.site_title a {
            color: #fff;
            text-decoration: none;
        }


    header#header h2.section_title {
        text-align: center;
        text-indent: 4.5%;
        width: 67%;
    }

.btn_view_site {
    float: left;
    width: 9%;
}

    .btn_view_site a {
        display: block;
        margin-top: 12px;
        width: 91px;
        height: 27px;
        background: url("../Content/Graphics/btn_view_site.png") no-repeat;
        text-align: center;
        line-height: 29px;
        color: #fff;
        text-decoration: none;
        text-shadow: 0 -1px 0 #000;
    }

        .btn_view_site a:hover {
            background-position: 0 -27px;
        }

/* Secondary Header Bar */
section#secondary_bar {
    height: 38px;
    width: 100%;
}

    section#secondary_bar .user {
        float: left;
        width: 23%;
        height: 38px;
    }

.brugerInfo {
    font-family: Montserrat, sans-serif;
    height: 15px;
    padding: 9px 0px 0px 0px;
    color: #666666;
    float: right;
}

    .brugerInfo img {
        margin: 0px 6px 5px 0px;
        vertical-align: middle;
    }

.firmaInfo {
    font-weight: 400;
    font-size: 11px;
    margin: -7px 0px 0px 30px;
}

.user p {
    margin: 0;
    padding: 0;
    color: #666666;
    font-weight: bold;
    display: block;
    float: left;
    width: 85%;
    height: 35px;
    line-height: 35px;
    text-indent: 25px;
    text-shadow: 0 1px 0 #fff;
    background: url("../Content/Graphics/icn_user.png") no-repeat center left;
    margin-left: 6%;
}

.user a {
    text-decoration: none;
    color: #666666;
}

    .user a:hover {
        color: #77BACE;
    }

    .user a.logout_user {
        float: left;
        display: block;
        width: 16px;
        height: 35px;
        text-indent: -5000px;
        background: url("../Content/Graphics/icn_logout.png") center no-repeat;
    }

/* Vertical Menu */
.vertical_menu {
    width: 1000px;
    margin: 0px auto;
}

.vert_top_level {
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    padding: 10px 30px 0px 0px;
    cursor: pointer;
}

    .vert_top_level:hover {
    }

.vert_top_level_last {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 5px 10px 5px;
    border-left: 1px solid #b7dae3;
    background-color: #d0ebf2;
}

.vertical_sub_menu_holder {
    width: 100%;
    background-color: #f8f8f8;
    margin-top: 0px;
    /*height: 40px;*/
}

.vsm_bar_left {
    height: 6px;
    width: 6px;
    background-color: #b7dae3;
    float: left;
    margin-left: 30px;
}

.vsm_bar_right {
    height: 6px;
    width: 6px;
    background-color: #d0ebf2;
    float: right;
    margin-right: 30px;
}

.vertical_sub_menu {
    padding: 7px 3px 0px 0px;
    min-height: 23px;
    width: 1000px;
    margin: 0px auto;
}

    .vertical_sub_menu span {
        font-size: 12px;
        font-family: montserrat, sans-serif;
        line-height: 20px;
        color: grey !important;
    }

    .vertical_sub_menu a {
        color: grey !important;
        text-decoration: none;
        font-size: 12px;
        font-family: montserrat, sans-serif;
        padding: 10px 30px 0px 0px;
    }

.vsl span {
    float: left;
    margin: 0 5px 0 5px;
}

    .vsl span a:hover {
        color: #2099b8 !important;
    }


/* Breadcrumbs */
section#secondary_bar .breadcrumbs_container {
    float: left;
    width: 77%;
    height: 38px;
}

article.breadcrumbs {
    float: left;
    padding: 0 10px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    height: 23px;
    margin: 4px 2% 2% 4px;
}

.breadcrumbs a {
    display: inline-block;
    float: left;
    height: 24px;
    line-height: 23px;
}

    .breadcrumbs a.current, .breadcrumbs a.current:hover {
        color: #666666;
        font-weight: bold;
        text-shadow: 0 1px 0 #fff;
        text-decoration: none;
    }

    .breadcrumbs a:link, .breadcrumbs a:visited {
        color: #44474F;
        text-decoration: none;
        text-shadow: 0 1px 0 #fff;
        font-weight: bold;
    }

    .breadcrumbs a:hover {
        color: #222222;
    }

.breadcrumb_divider {
    display: inline-block;
    width: 12px;
    height: 24px;
    background: url("../Content/Graphics/breadcrumb_divider.png") no-repeat;
    float: left;
    margin: 0 5px;
}

/* Sidebar */

aside#sidebar {
    width: 23%;
    float: left;
    min-height: 100%;
    margin-top: -4px;
}

#sidebar hr {
    border: none;
    outline: none;
    background: url("../Content/Graphics/sidebar_divider.png") repeat-x;
    display: block;
    width: 100%;
    height: 2px;
}

/* Search */
.quick_search {
    text-align: center;
    padding: 14px 0 10px 0;
}

    .quick_search input[type=text] {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        border: 1px solid #bbb;
        height: 26px;
        width: 90%;
        color: #ccc;
        -webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
        -moz-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
        box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
        text-indent: 30px;
        background: #fff url("../Content/Graphics/icn_search.png") no-repeat;
        background-position: 10px 6px;
    }

        .quick_search input[type=text]:focus {
            outline: none;
            color: #666666;
            border: 1px solid #77BACE;
            -webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
            -moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
            box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
        }

/* Sidebar Menu */
#sidebar h3 {
    color: #1F1F20;
    text-transform: uppercase;
    font-size: 13px;
    margin: 10px 0 10px 6%;
    display: block;
    float: left;
    width: 90%;
}

.toggleLink {
    color: #999999;
    font-size: 10px;
    text-decoration: none;
    display: block;
    float: right;
    margin-right: 2%;
}

#sidebar .toggleLink:hover {
    color: #77BACE;
    text-decoration: none;
}

#sidebar ul {
    clear: both;
    margin: 0;
    padding: 0;
}

#sidebar li {
    list-style: none;
    margin: 0 0 0 12%;
    padding: 0;
}

    #sidebar li a {
        color: #666666;
        padding-left: 25px;
        text-decoration: none;
        display: inline-block;
        height: 17px;
        line-height: 17px;
        text-shadow: 0 1px 0 #fff;
        margin: 2px 0;
    }

        #sidebar li a:hover {
            color: #444444;
        }

    /* Sidebar Icons */
    #sidebar li.icn_new_article a {
        background: url("../Content/Graphics/icn_new_article.png") no-repeat center left;
    }

    #sidebar li.icn_edit_article a {
        background: url("../Content/Graphics/edit_icon.png") no-repeat center left;
        /*background: url("../Content/Graphics/icn_edit_article.png") no-repeat center left;*/
    }

    #sidebar li.icn_categories a {
        background: url("../Content/Graphics/icn_categories.png") no-repeat center left;
    }

    #sidebar li.icn_tags a {
        background: url("../Content/Graphics/icn_tags.png") no-repeat center left;
    }

    #sidebar li.icn_add_user a {
        background: url("../Content/Graphics/icn_add_user.png") no-repeat center left;
    }

    #sidebar li.icn_view_users a {
        background: url("../Content/Graphics/icn_view_users.png") no-repeat center left;
    }

    #sidebar li.icn_profile a {
        background: url("../Content/Graphics/icn_profile.png") no-repeat center left;
    }

    #sidebar li.icn_folder a {
        background: url("../Content/Graphics/icn_folder.png") no-repeat center left;
    }

    #sidebar li.icn_photo a {
        background: url("../Content/Graphics/icn_photo.png") no-repeat center left;
    }

    #sidebar li.icn_audio a {
        background: url("../Content/Graphics/icn_audio.png") no-repeat center left;
    }

    #sidebar li.icn_video a {
        background: url("../Content/Graphics/icn_video.png") no-repeat center left;
    }

    #sidebar li.icn_score a {
        background: url("../Content/Graphics/icn_score.png") no-repeat center left;
    }

    #sidebar li.icn_settings a {
        background: url("../Content/Graphics/icn_settings.png") no-repeat center left;
    }

    #sidebar li.icn_security a {
        background: url("../Content/Graphics/icn_security.png") no-repeat center left;
    }

    #sidebar li.icn_jump_back a {
        background: url("../Content/Graphics/icn_jump_back.png") no-repeat center left;
    }

#sidebar p {
    color: #666666;
    padding-left: 6%;
    text-shadow: 0 1px 0 #fff;
    margin: 10px 0 0 0;
}

#sidebar a {
    color: #666666;
    text-decoration: none;
}

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

#sidebar footer {
    margin-top: 20%;
}

/* Main Content */
section#main {
    min-height: 100%;
    width: 100%;
    float: right;
    margin-top: 30px;
}

#main h3 {
    color: #1F1F20;
    text-transform: uppercase;
    text-shadow: 0 0px 0 #fff;
    font-size: 13px;
    margin: 8px 20px 8px 25px;
}

/* Modules */

.module {
    /*padding-left: 15px;*/
    margin: 20px 0 0 0;
    margin-top: 0px;
    /*background: #f5f5f5;*/
}

.module2 {
    padding-left: 15px;
    border: 1px solid #abd2dc;
    margin: 20px 0 0 0;
    margin-top: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 6px;
    background: #f5f5f5;
}

#main .module header h3 {
    font-family: montserrat, bold;
    font-size: 14px;
    margin: 0;
    height: 25px;
    padding: 15px 0px 0px 0px;
    color: #3B495A
}

.module header {
    min-height: 30px;
    /*margin-left: -15px;*/
}

.module footer {
    height: 32px;
    width: 100%;
    border-top: 1px solid #9CA1B0;
    background: #F1F1F4 url("../Content/Graphics/module_footer_bg.png") repeat-x;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

.module_content {
    margin: 10px 20px;
    color: #666;
}

#Course {
    margin: 10px 20px;
    color: #666;
}

/* Module Widths */

.width_half {
    width: 46%;
    margin-right: 0;
    float: left;
}

.width_quarter {
    width: 26%;
    margin-right: 0;
    float: left;
}

.width_3_quarter {
    width: 66%;
    margin-right: 0;
    float: left;
}

/* Stats Module */
.stats_graph {
    width: 64%;
    float: left;
}

.stats_overview {
    background: #F6F6F6;
    border: 1px solid #ccc;
    float: right;
    width: 26%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.overview_today, .overview_previous {
    width: 50%;
    float: left;
}

.stats_overview p {
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #fff;
}

    .stats_overview p.overview_day {
        font-size: 12px;
        font-weight: bold;
        margin: 6px 0;
    }

    .stats_overview p.overview_count {
        font-size: 26px;
        font-weight: bold;
        color: #333333;
    }

    .stats_overview p.overview_type {
        font-size: 10px;
        color: #999999;
        margin-bottom: 8px;
    }

/* Content Manager */
.tablesorter td {
    margin: 0;
    padding: 0;
    height: 35px;
    text-align: center;
}

    .tablesorter td.msg_info {
        background: url("../Content/Graphics/icn_alert_info.png") no-repeat;
        background-position: 15px center;
        margin-top: 15px;
    }

    .tablesorter td.msg_warning {
        background: url("../Content/Graphics/icn_alert_warning.png") no-repeat;
        background-position: 15px center;
        margin-top: 25px;
    }

.tablesorter thead tr {
    height: 34px;
    text-align: center;
    cursor: pointer;
    font-size: medium;
}

.tablesorter input[type=image] {
    margin-right: 10px;
}

ul.tabs {
    margin: 3px 10px 0 0;
    padding: 0;
    float: right;
    list-style: none;
    height: 24px; /*--Set height of tabs--*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    border: 1px solid #ccc;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
}

    ul.tabs li {
        float: left;
        margin: 0;
        padding: 0;
        line-height: 24px;
    }

        ul.tabs li a {
            text-decoration: none;
            color: #999;
            display: block;
            padding: 0 10px;
            height: 24px;
        }

            ul.tabs li a:hover {
                color: #44474F;
            }

html ul.tabs li.active a {
    color: #44474F;
}

    html ul.tabs li.active, html ul.tabs li.active a:hover {
        background: #F1F2F4;
        -webkit-box-shadow: inset 0 2px 3px #818181;
        -moz-box-shadow: inset 0 2px 3px #818181;
        box-shadow: inset 0 2px 3px #818181;
    }

html ul.tabs li:first-child, html ul.tabs li:first-child a {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

html ul.tabs li:last-child, html ul.tabs li:last-child a {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#main .module header h3.tabs_involved {
    display: block;
    width: 60%;
    float: left;
}

input[type=submit], input[type=button], button {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    background: #6582a4;
    border: 1px solid #6582a4;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    cursor: pointer;
    padding: 6px 15px 6px 15px;
    margin-bottom: 10px;
    margin-right: 10px;
    /*clear: both;*/
}

    input[type=submit]:hover, input[type=button]:hover, button:hover {
        background: #d9e5f3;
    }

    input[type=submit].alt_btn {
        background: #D0D1D4 url("../Content/Graphics/btn_submit_2.png") repeat-x;
        border: 1px solid#30B0C8;
        -webkit-box-shadow: 0 1px 0 #fff;
        -moz-box-shadow: 0 1px 0 #fff;
        box-shadow: 0 1px 0 #fff;
        font-weight: bold;
        height: 22px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0 10px;
        color: #003E49;
        text-shadow: 0 1px 0 #6CDCF9;
        cursor: pointer;
    }

        input[type=submit].alt_btn:hover {
            color: #001217;
        }

    input[type=submit].btn_post_message {
        background: #D0D1D4 url("../Content/Graphics/post_message.png") no-repeat;
        display: block;
        width: 37px;
        border: none;
        height: 24px;
        cursor: pointer;
        text-indent: -5000px;
    }

        input[type=submit].btn_post_message:hover {
            background-position: 0 -24px;
        }

.post_message {
    text-align: left;
    padding: 5px 0;
}

    .post_message input[type=text] {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #bbb;
        height: 20px;
        width: 70%;
        color: #ccc;
        -webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
        -moz-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
        box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
        text-indent: 10px;
        background-position: 10px 6px;
        float: left;
        margin: 0 3.5%;
    }

        .post_message input[type=text]:focus {
            outline: none;
            border: 1px solid #77BACE;
            -webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
            -moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
            box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
            color: #666666;
        }

    .post_message input[type=image] {
        float: left;
    }

.message_list {
    height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
}

/* New/Edit Article Module */

fieldset {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F6F6F6;
    border: 1px solid #ccc;
    padding: 1% 0%;
    margin: 10px 0;
}

.editor-label {
    display: inline-block;
    min-width: 150px;
    height: 25px;
    float: left;
    line-height: 38px;
    text-shadow: 0 1px 0 #fff;
    padding-left: 5px;
    margin-bottom: 15px;
    clear: both;

}

.editor-field {
    display: block;
    margin-bottom: 15px;
    /*margin: 10px 0px 0px 0px;*/
    height: 25px; /*float: left;*/ /*line-height: 25px;*/ /*margin: 0px 0px 5px 0px;*/
}

.editor-field-Scale {
    display: block;
    margin-bottom: 10px;
    height: auto;
    float: left;
}

.editor-field-tinymce {
    display: block;
    margin-bottom: 10px;
}

.editor-field-tinymce-useredit {
    margin-bottom: 10px;
    display: inline-block;
}

.display-label {
    display: inline-block;
    min-width: 150px;
    height: 25px;
    float: left;
    line-height: 25px;
    text-shadow: 0 1px 0 #fff;
    padding-left: 10px;
    margin: 0px 0px 0px 0px;
    clear: both;
}

.display-field {
    display: block;
    height: 25px;
    float: left;
    line-height: 25px;
    margin: 0px 0px 0px 5px;
}


.editor-textarea textarea {
    display: inline-block;
    height: 150px;
    width: 600px;
}


.clear {
    clear: both;
}

.field-validation-error {
    color: #C85E5E;
    font-weight: bold;
    line-height: 22px;
}

.select {
    position: absolute;
    width: 264px;
    height: 22px;
    padding: 5px 0px 0 6px;
    color: #666666;
    background: url(../Content/Graphics/select.png) no-repeat;
    overflow: hidden;
}

select {
    width: 265px;
    font-size: 12px;
    color: #666666;
    margin-top: 3px;
    margin-bottom:3px;
    /*border-radius:6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;*/
}


    select option {
        min-height: 23px;
    }

input[type=text] {
}

.editor-field input[type=text] {
    width: 268px;
    background: #ffffff;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #6e6e6e;
    height: 25px;
    font-size: 14px;
    color: #666666;
}

input[type=text]:focus {
    outline: none;
}

input[type=file] {
    /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/
    border: 1px solid #BBBBBB;
    height: 20px;
    color: #666666; /*-webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff; -moz-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff; box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;*/
    padding-left: 10px;
    background-position: 10px 6px;
    margin: 0;
    display: block;
    float: left; /*margin: 0 10px 0 0;*/
    min-width: 200px;
}

    input[type=file]:focus {
        outline: none;
        border: 1px solid #77BACE;
        -webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
        -moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
        box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
    }

input[type=password] {
    background: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    width: 265px;
    height: 25px;
    font-size: 14px;
    color: #666666;
}

    input[type=password]:focus {
        outline: none;
        border: 1px solid #77BACE;
    }

input[type=checkbox] {
    background-color: #d0ebf2;
    border: 1px solid #cacece;
    border-radius: 2px;
    display: inline-block;
    position: relative;
}

fieldset select {
    width: 96%;
    margin: 0 10px;
    border: 1px solid #bbb;
    height: 20px;
    color: #666666;
}

textarea {
    /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/
    border: 1px solid #BBBBBB;
    color: #666666; /*-webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff; -moz-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff; box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;*/
    padding: 5px 5px 5px 5px;
    background-position: 10px 6px;
    display: block;
    float: left;
    width: 200px;
    height: 200px; /*margin: 0 10px 0 0;*/
    resize: none;
}

fieldset textarea:focus {
    outline: none;
    border: 1px solid #77BACE;
    -webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
    -moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
    box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
}

.submit_link {
    float: right;
    margin-right: 3%;
    padding: 5px 0;
}

    .submit_link select {
        width: 150px;
        border: 1px solid #bbb;
        height: 20px;
        color: #666666;
    }

#main .module_content h1 {
    color: #333333;
    text-transform: none;
    text-shadow: 0 1px 0 #fff;
    font-size: 22px;
    margin: 8px 0px;
}

#main .module_content h2 {
    color: #444444;
    text-transform: none;
    text-shadow: 0 1px 0 #fff;
    font-size: 18px;
    margin: 8px 0px;
}

#main .module_content h3 {
    color: #666666;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #fff;
    font-size: 13px;
    margin: 8px 0px;
}

#main .module_content h4 {
    color: #666666;
    text-transform: none;
    text-shadow: 0 1px 0 #fff;
    font-size: 13px;
    margin: 8px 0px;
}

#main .module_content li {
    line-height: 150%;
}

/*Tables*/


#categories {
    margin-top: -10px;
    padding-left: 120px;
}

    #categories ul {
        list-style: none;
    }

/* Alerts */

#main h4.alert_info {
    display: block;
    margin: 20px 0;
    margin-top: 0px;
    background-position: 10px 10px;
    color: #082B33;
    text-transform: uppercase;
    padding: 10px 0;
    text-indent: 17px;
    font-size: 12px;
    border-top: solid 1px;
    border-color: #EBF2F9;
}

    #main h4.alert_info a {
        font-size: 12px !important;
    }

#main h4.alert_success {
    display: block;
    width: 100%;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #E2F6C5 url("../Content/Graphics/icn_alert_success.png") no-repeat;
    background-position: 10px 10px;
    border: 1px solid #79C20D;
    color: #32510F;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

#main h4.alert_warning {
    display: block;
    width: 100%;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #d9e5f3 url("../Content/Graphics/icn_alert_warning.png") no-repeat;
    background-position: 10px 10px;
    color: #2199B9;
    padding: 10px 0;
    text-transform: uppercase;
    text-indent: 40px;
    font-size: 12px;
}

#main h4.alert_error {
    display: block;
    width: 100%;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 20px;
    padding: 8px 0 8px 20px;
    text-transform: uppercase;
    background: #C85E5E url("../Content/Graphics/icn_alert_errorw.png") no-repeat;
    background-position: 10px 10px;
    color: white;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

#main h4.alert_success ul {
    list-style: none;
}

#main h4.alert_error ul {
    list-style: none;
}

#main h4.alert_warning ul {
    list-style: none;
}

.validation-summary-errors {
    display: block;
    width: 100%;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F3D9D9 url("../Content/Graphics/icn_alert_error.png") no-repeat;
    background-position: 10px 10px;
    border: 1px solid #D20009;
    color: #7B040F;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
    font-weight: bold;
}

    .validation-summary-errors ul {
        list-style: none;
    }

.notAllowed li {
    color: Gray;
}

.hidden {
    display: none !important;
}

.visible {
    display: block !important;
}

.choice-checkbox {
    margin-left: 35px;
}

#treeView .treeRoot {
    margin-left: 50px;
}

#treeView .topAdder {
    font-size: medium !important;
}

#treeView .adder {
    font-size: medium !important;
    margin-left: 5px;
}

#treeView .creator {
    font-size: small !important;
}

/* Icons mainMenu */

.icn_home {
    margin: 0 0 8px 20px;
    padding: 0 0 0 22px;
    background: url("../Content/Graphics/forsiden2.png") no-repeat center left;
}

/* brugerstyring */

.icn_view_users {
    padding-left: 22px;
    background: url("../Content/Graphics/brugeroversigt.png") no-repeat center left;
}

.icn_add_user {
    padding-left: 22px;
    background: url("../Content/Graphics/opretbruger.png") no-repeat center left;
}

/* brugergruppestyring */

.icn_groupcategories {
    padding-left: 22px;
    background: url("../Content/Graphics/gruppeoversigt.png") no-repeat center left;
}

.icn_templatecategories {
    padding-left: 22px;
    background: url("../Content/Graphics/oversigt.png") no-repeat center left;
}

.icn_add_client {
    padding-left: 22px;
    background: url("../Content/Graphics/newclient.png") no-repeat center left;
}

/* Sk�rmstyring */

.icn_Screens {
    padding-left: 22px;
    background: url("../Content/Graphics/Screen.png") no-repeat center left;
}

.icn_Screen_trans {
    background: url("../Content/Graphics/Screen_Trans.png") no-repeat;
    margin: 0 auto;
    width: 19px;
    height: 17px;
    display: block;
}

.icn_Screen_red {
    background: url("../Content/Graphics/Screen_Red.png") no-repeat;
    margin: 0 auto;
    width: 19px;
    height: 17px;
    display: block;
}

.icn_Screen_grey {
    background: url("../Content/Graphics/Screen_Grey.png") no-repeat;
    margin: 0 auto;
    width: 19px;
    height: 17px;
    display: block;
}

.icn_Screen_yellow {
    background: url("../Content/Graphics/Screen_Yellow.png") no-repeat;
    margin: 0 auto;
    width: 19px;
    height: 17px;
    display: block;
}

.icn_Screen_green {
    background: url("../Content/Graphics/Screen_Green.png") no-repeat;
    margin: 0 auto;
    width: 17px;
    height: 17px;
    display: block;
}

.icn_Screen_Orange {
    background: url("../Content/Graphics/Screen_Orange.png") no-repeat;
    margin: 0 auto;
    width: 17px;
    height: 17px;
    display: block;
}


.icn_new_Screen {
    padding-left: 22px;
    background: url("../Content/Graphics/opretScreen.png") no-repeat center left;
}

.icn_release_Screen {
    padding-left: 22px;
    background: url("../Content/Graphics/clearScreen.png") no-repeat center left;
}

/* pakkestyring */

.icn_packages {
    padding-left: 22px;
    background: url("../Content/Graphics/pakke.png") no-repeat center left;
}

.icn_new_package {
    padding-left: 22px;
    background: url("../Content/Graphics/nypakke.png") no-repeat center left;
}

.icn_film-icon {
    padding-left: 22px;
    background: url("../Content/Graphics/film-icon.png") no-repeat center left;
}

.icn_pending_exercises {
    padding-left: 22px;
    background: url("../Content/Graphics/new_exercise.png") no-repeat center left;
}

.icn_billing {
    padding-left: 22px;
    background: url("../Content/Graphics/fakturering.png") no-repeat center left;
}

.icn_licences {
    padding-left: 22px;
    background: url("../Content/Graphics/oversigt.png") no-repeat center left;
}

.icn_new_licences {
    padding-left: 22px;
    background: url("../Content/Graphics/nylicens.png") no-repeat center left;
}

/* �velsesstyring */

.icn_exercises {
    padding-left: 22px;
    background: url("../Content/Graphics/exercise.png") no-repeat center left;
}

.icn_new_exercise {
    padding-left: 22px;
    background: url("../Content/Graphics/newexercise.png") no-repeat center left;
}

.icn_exercise_categories {
    padding-left: 22px;
    background: url("../Content/Graphics/exercisecate.png") no-repeat center left;
}

.icn_new_ec {
    padding-left: 22px;
    background: url("../Content/Graphics/newexercisecate.png") no-repeat center left;
}

.icn_ecp {
    padding-left: 22px;
    background: url("../Content/Graphics/exerciseimg.png") no-repeat center left;
}

.icn_new_ecp {
    padding-left: 22px;
    background: url("../Content/Graphics/newexerciseimg.png") no-repeat center left;
}
/* logstyring */

.icn_logs {
    padding-left: 22px;
    background: url("../Content/Graphics/oversigt.png") no-repeat center left;
}

.icn_tags {
    padding-left: 22px;
    background: url("../Content/Graphics/tag.png") no-repeat center left;
}

.icn_tagcreate {
    padding-left: 22px;
    background: url("../Content/Graphics/tag_opret.png") no-repeat center left;
}

.icn_tagedit {
    padding-left: 22px;
    background: url("../Content/Graphics/tag_rediger.png") no-repeat center left;
}

/* andre */
.exercise_discription {
    border-color: lightgray;
    border-radius: 5px;
}

.icn_support {
    padding-left: 22px;
    background: url("../Content/Graphics/info.png") no-repeat center left;
}

.icn_profile {
    padding-left: 22px;
    background: url("../Content/Graphics/icn_user.png") no-repeat center left;
}

.icn_logout {
    padding-left: 22px;
    background: url("../Content/Graphics/close_off.png") no-repeat center left;
}

/* end of mainMenu Icons */

.icn_calendar {
    padding-right: 18px;
    background: url("../Content/Graphics/icn_calendar.png") no-repeat center right;
}

/* Icons */

.icn_new_article {
    background: url("../Content/Graphics/message_icon.png") no-repeat;
    margin: 0 auto;
    width: 22px;
    height: 17px;
    display: block;
}

.icn_new_userConsultation {
    background: url("../Content/Graphics/icn_handshake.png") no-repeat;
    margin: 0 auto;
    width: 22px;
    height: 17px;
    display: block;
}

.icn_edit_article {
    background: url("../Content/Graphics/edit_icon.png") no-repeat;
    margin: 0 auto;
    width: 17px;
    height: 17px;
    display: block;
}

.icn_doc {
    background: url("../Content/Graphics/nylicens.png") no-repeat;
    margin: 0 auto;
    width: 17px;
    height: 17px;
    display: block;
}

.icon_attachment {
    margin: 0 auto;
    width: 17px;
    height: 17px;
    display: block;
}

.icn_googlemaps {
    padding-left: 22px;
    background: url("../Content/Graphics/icn_googlemaps.png") no-repeat center left;
}

#packs {
    list-style: none;
    padding: 0 0 0 10px;
    margin: 0;
}

#noteField {
    display: inline-block;
    margin-bottom: 20px;
    height: 25px; /*float: left;*/ /*line-height: 25px;*/ /*margin: 0px 0px 5px 0px;*/
}

.chosenEx_c {
    list-style: none;
    overflow: auto;
    min-height: 30px;
}

#packs li span {
    text-transform: uppercase;
    font-weight: bold;
}

#exercises span {
    text-transform: uppercase;
    font-weight: bold;
}

#billTemplate span {
    text-transform: uppercase;
    font-weight: bold;
}

#billTemplate .billRoot {
    margin-bottom: 50px !important;
}

#billTemplate .cname {
    text-transform: uppercase;
    font-size: medium;
    font-weight: bold;
}

#billTemplate .middleSpacer {
    height: 10px;
}

#billTemplate .finalSpacer {
    height: 35px;
}

.fc-border-separate {
    padding-left: 0px !important;
}

#calendar {
    margin-top: 10px;
    /*margin-right: 20px;*/
}

.training, .calendar, .caller, .calendar-back {
    float: left;
    margin-top: 0px !important;
}

.trainingset_btns {
    float: right;
    margin-top: 15px !important;
    margin-right: 10px !important;
}

#ex #exercise {
    float: left;
}

#ex label {
    float: left;
    margin-right: 10px;
}

#rep #repetitions {
    float: left;
}

#test {
    line-height: 25px;
    height: 25px;
}

#repeat {
    line-height: 25px;
    height: 25px;
}

.dialog_check_marg {
    margin-top: 5px;
}

.cho_date_marg {
    margin: 3px 0 0 10px;
}

.cho_date_marg2 {
    margin: 0 0 0 0;
}

.trainingElement {
    display: block;
    clear: both;
    margin: 5px;
    border: 1px solid #75c6db;
    border-radius: 6px;
}

.trainingExercise a {
    float: right;
    display: inline-block;
}

.elementName {

}

.elementLink {
    margin: 4px 10px 2px 10px;
}

.icons_txt {
    background-image: url("../Content/Graphics/icons_all.png");
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0 0 0 20px;
}

.icons {
    background-image: url("../Content/Graphics/icons_all.png");
    background-repeat: no-repeat;
    display: inline-block;
    text-decoration: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
}

#popContainer
{
    width: 36px;
    margin-left: 10px;
}

.spr_set {
    background-position: 0px -4px;
}

.spr_reps {
    background-position: 0px -25px;
}

.spr_pause {
    background-position: 0px -46px;
}

.spr_add {
    background-position: 3px -65px;
    margin-top: 2px;
    width: 22px !important;
    height: 20px !important;
}

.spr_info {
    background-position: 0px -88px;
}

.spr_edit {
    background-position: 0px -109px;
}

.spr_delete {
    background-position: 0px -130px;
}

.spr_close {
    background-position: 0px -151px;
}

.spr_save {
    background-position: 0px -172px;
}

.spr_plus {
    background-position: -1px -69px;
}

.spr_minus {
    background-position: -1px -194px;
}

.spr_collapse {
    background-position: 0px -215px !important;
}

.spr_expand {
    background-position: 0px -143px;
    background-size: 10px;
}

.spr_quality {
    background-position: 0px -256px;
}

.icn_video {
    padding-left: 22px;
    background: url("../Content/Graphics/icn_video.png") no-repeat center left;
}

.icn_score {
    padding-left: 22px;
    background: url("../Content/Graphics/icn_score.png") no-repeat center left;
    background-size: 11px;
}

.icn_search {
    padding-left: 22px;
    background: url("../Content/Graphics/icn_search.png") no-repeat center left;
}

.icn_trash {
    padding-left: 22px;
    background: url("../Content/Graphics/icn_trash.png") no-repeat center left;
}

.level-0 {
    text-decoration: underline;
}

.level-1 {
    margin-left: 20px !important;
}

.level-2 {
    margin-left: 40px !important;
}

.level-3 {
    padding-left: 60px !important;
}

.message {
    border: 0px;
    color: #000000;
    padding: 0px 0px 0px 0px;
    background-position: 10px 6px;
    float: left;
    /*width: 600px;*/
    height: auto;
    resize: none;
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    font-size: 13px;
    overflow: auto;
}

.back {
    margin-left: 25px;
}

.help {
    margin-top: 7px;
    margin-right: 15px;
    height: 20px;
    float: right;
    font-weight: bold;
    color: #666666 !important;
    text-shadow: 0 1px 0 #FFFFFF !important;
}

.helpLink {
    display: block;
    color: #3B8CA5;
    font-size: larger;
    text-decoration: none;
    margin-left: 12px;
}

#video {
    margin-top: 10px;
    margin-bottom: 10px;
}

.cartLock {
    margin-left: 5px;
    margin-bottom: -6px;
    height: 20px;
    width: 20px;
}

.statPlaceholder {
    width: 100%;
    height: 450px;
    /*margin-left: 3%;
    margin-top: 3%;*/
}

.language-bar {
    float: left !important;
    width: 95% !important;
    margin-left: 10px !important;
}

#languages {
    margin-bottom: 10px;
}

.release-checkbox {
    margin-right: 10px;
}

.fc-border-separate {
    padding-left: 0px !important;
}

.top-left {
    float: left;
}

#ex-create #exercise-create {
    float: right;
}

#ex-update #exercise-update {
    float: right;
}

.dialogLabel {
    float: left;
    margin-right: 20px;
}

.dialogLabel_width {
    width: 220px;
    margin-top: 5px;
}

.dialogLabel_extra {
    margin-top: 10px;
    height: 12px;
    width: 100px;
    float: right;
    margin-right: 10px;
    text-align: right;
}

.rep_border {
    border-bottom: 1px solid #cacaca;
    margin-top: 5px;
    height: 40px;
}

.rep_border_line {
    height: 1px;
    width: 100%;
    background: #cacaca;
}

#rep-create #repetitions-create {
    float: right;
}

#rep-update #repetitions-update {
    float: right;
}

.choiceList {
    list-style-type: none;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-left: 35px;
}

#choiceList li {
    height: 35px;
}

#eachDay {
    width: 250px;
    display: inline;
    min-height: 26px;
}

#day {
    margin-left: 10px;
    min-width: 25px;
    max-width: 25px;
}

.weekday {
    float: left;
    margin-right: 7px;
}

#test {
    line-height: 25px;
    height: 25px;
}

.dateLabel {
    float: left;
    margin-right: 20px;
}

.tickLabel {
    font-size: 10px;
    font-weight: 400;
}

.extraInfo {
    float: right;
    margin-right: 15px;
    margin-bottom: 15px;
    font-size: 16px;
}

.exercise-accordion {
    float: left !important;
    width: 45% !important;
    /*height: 720px !important;*/
    margin-top: 15px !important;
    margin-left: 10px !important;
}

#cart, #trainingPackage {
    background-image: none;
    /*display: inline;*/
    /*float: right;*/
    min-width: 458px;
    min-height: 550px;
    margin-top: 16px;
    margin-right: 10px;
    overflow: auto;
    color: #2099b8;
    background-color: #AAE6EE;
}

#cartSearchCart {
    background-image: none;
    /*display: inline;*/
    /*float: right;*/
    min-height: 550px;
    margin-top: 22px;
    margin-right: 10px;
    overflow: auto;
    color: #2099b8;
    background-color: #AAE6EE;
}

.cartWrapper {
    float: right;
}

.cart_max_width {
    max-width: 400px;
}

ul.chosenEx_c li {
    margin-left: -35px;
    margin-bottom: 5px;
}

.cartEx {
    border: 1px solid #d9e5f3;
    width: 434px;
    background-color: #fff;
    border-radius: 6px;
}

.cartEx_sub {
    border-bottom: 1px solid #d9e5f3;
    border-left: 1px solid #d9e5f3;
    border-right: 1px solid #d9e5f3;
    width: 376px;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    margin: 0 30px 0 27px;
    display: none;
}

.cartExName {
    font-size: medium;
}

    .cartExName span {
        margin: 0px 0 0 4px;
    }

.trainingspas_new {
    /* background-color: #2199B9;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    border-radius: 0 0 6px 6px;
    width: 10px;
    height: 10px;
    padding: 2px 11px;
    margin-left: 415px;*/
    background-image: url("../Content/Graphics/new_plan.png");
    cursor: pointer;
    width: 20px !important;
    height: 20px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 10px;
    background-color: #2199B9;
    margin: 1px 10px 0px 4px !important;
    border-radius: 10px 10px 10px 10px;
    margin-left: 360px !important;
    margin-top: 10px !important;
}

    .trainingspas_new:hover {
        background-color: #AAE6EE;
    }

.trainingspas_new_image {
    background-image: url("../Content/Graphics/new_plan.png");
    background-repeat: no-repeat;
    height: 9px;
    width: 9px;
    display: block;
}

.trainingspas {
    border: 0px solid #cdcdcd;
    border-radius: 6px;
    margin: 0px 17px;
    background-color: #fff;
    padding-bottom: 10px;
}

.tp_closebtn {
    margin: -5px 10px 0 0;
}

.trainingspas_header {
    height: 30px;
    width: 360px;
    background-color: #6582A4;
    border-bottom: 1px solid #fff;
    border-radius: 4px 4px 0 0;
}

.trainingspas_form {
    padding: 6px 0 0 10px;
}

.trainingspas_label {
    color: #FFF;
    font-size: 14px;
    font-family: Helvetica Neue, sans-serif;
    text-transform: uppercase;
}

.tp_tm {
    margin-top: 2px !important;
}

.tp_tm2 {
    margin-top: 2px !important;
    margin-right: 4px !important;
}

.tp_description {
    margin: 0px 42px 0px 0;
}

.tp_description_sub {
    padding: 2px;
}

.tp_select {
    /*color: #666666;
    font-size: 12px !important;
    height: 22px !important;
    margin-top: 0px !important;
    width: 160px !important;*/
    color: #666666;
    font-size: 12px !important;
    height: 22px !important;
    margin-top: 0px !important;
    width: 105px !important;
}

.tp_select_Level {
    color: #666666;
    font-size: 12px !important;
    height: 22px !important;
    margin-top: 4px !important;
    width: 105px !important;
}

.tp_subset_border {
    height: 1px;
    width: 100%;
    background-color: #ABD2DC;
}

.tp_repetitions {
    font-size: smaller;
    color: black;
}

.tp_reps {
    width: 20px;
}

.tpp {
    margin: 0 8px 0 0;
}

.tps {
    margin: 0 58px 0 0;
}

.tps_EquipmentType {
    margin: 0 72px 0 0;
}

.tpk {
    margin: 0 0 0 6px;
}

.tpk_Quality {
    margin: 0 0 0 75px;
}

.blue {
    color: #2199b9 !important;
}

.ui-state-highlight {
    height: 25px;
    border-radius: 6px;
    max-width: 435px;
}

.left_border {
    font-size: 12px !important;
    padding: 0px 12px 4px 10px;
    margin-bottom: 10px; 
}

.left_border2 {
    font-size: 12px !important;
    padding: 7px 10px 4px 13px;
}

button[disabled]:active, button[disabled], input[type="button"][disabled]:active, input[type="button"][disabled], input[type="reset"][disabled]:active, input[type="reset"][disabled], select[disabled] > input[type="button"], select[disabled] > input[type="button"]:active, input[type="submit"][disabled]:active, input[type="submit"][disabled] {
    background-color: #f3f3f3;
    border: 1px solid #c3c3c3;
    color: GrayText !important;
    cursor: auto;
}

#calendarDialog {
    z-index: 4500 !important;
}

.dialogSelect {
    float: right !important;
    margin-right: 10px !important;
}

.dialogSelect2 {
    float: right !important;
    margin-right: 10px !important;
    width: 70px;
}

.labelRight {
    margin-top: 10px !important;
    float: right !important;
    width: 80px !important;
}

.labelAligner {
    height: 5px;
    float: right !important;
    width: 100px !important;
}

/* New CSS Start */
img {
    border: none;
}

.wrapper {
    margin: 0 auto;
    width: 1000px;
}

/* ------------ Header ------------ */
#blaaHeader {
    width: 100%;
    height: 45px;
    background: #d2e0f1;
    border-bottom: 1px solid #fff;
}

.wrapperHeader {
    width: 100%;
    height: 35px;
    background-color: #e6eef7
}

.wrapperHeaderCenter {
    margin: 0 auto;
    width: 1000px;
    height: 45px;
}

.logo {
    height: 31px;
    width: 203px;
    float: left;
    padding-top: 9px;
}

.topmenu {
    height: 30px;
    width: 747px;
    float: right;
    padding-top: 15px;
}

    .topmenu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        float: right;
    }

        .topmenu ul li {
            float: left;
            line-height: 18px;
        }

    .topmenu a {
        font-family: Montserrat, sans-serif;
        font-size: 12px;
        font-weight: normal;
        height: 25px;
        color: #3B495A;
        padding: 0px 0px 0px 20px;
        text-decoration: none;
    }

        .topmenu a:visited {
            font-family: Montserrat, sans-serif;
            font-size: 12px;
            font-weight: normal;
            height: 25px;
            color: #3B495A;
            padding: 0px 0px 0px 20px;
            text-decoration: none;
        }

        .topmenu a:hover {
            text-decoration: underline;
        }

    .topmenu ul li img {
        margin: 0px 6px 5px 0px;
        vertical-align: middle;
    }
/* ------------ Content ------------ */

.leftCol {
    min-width: 225px;
    float: left;
}

.rightCol {
    min-width: 735px;
    float: right;
}

.infoKnap {
    height: 30px;
    padding: 12px 0px 0px 0px;
    /*padding: 18px 0px 0px 0px;*/
    line-height: 0px;
    text-align: right;
    margin: 0 15px 0 0;
}

#printer {
    margin: 3px 0px 0px 0px;
    float: right !important;
    cursor: pointer;
}

.timeWrapper {
    margin-bottom: 15px;
    width: 100%;
}

    .timeWrapper .time {
        background-color: transparent;
        border-top: 1px solid #fff;
        padding: 10px 3px 7px 0px;
        width: 1000px;
    }

        .timeWrapper .time label {
            margin-left: 5px;
        }

            .timeWrapper .time label:last-of-type {
                margin-right: 15px;
            }

/* ------------ Login box ------------ */
.loginWrap {
    width: 550px;
    position: absolute;
}

.loginBox {
    background: #d0ebf2;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    text-shadow: 0px 1px 0px #fafafa;
}

.loginimage {
    width: 102px;
    height: 105px;
    left: 15px;
    top: 130px;
    position: absolute;
}

.powered_by_footer {
    background: url("../Content/Graphics/powered_by.png") no-repeat;
    width: 80px;
    height: 83px;
    margin-left: 880px;
    margin-top: 20px;
}

.loginBox input[type=text], input[type=password] {
    width: 280px;
    height: 30px;
    background: #ffffff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: 1px solid #dcdcdc;
    font-size: 14px;
    color: #666666;
}

.loginBox h1 {
    font-size: 18px;
    margin: 0;
    height: 35px;
    text-transform: uppercase;
    color: #2199b9;
    padding: 16px 0px 0px 20px;
    border-bottom: 1px solid #abd2dc;
}

.brugernavnLogin {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 25px 10px 0px 0px;
    border-top: 1px solid #fafafa;
    text-align: right;
}

    .brugernavnLogin label {
        display: inline-block;
        padding: 0 5px 0;
        text-align: right;
    }

    .brugernavnLogin div {
        display: inline-block;
        padding: 0px;
    }

.kodeordLogin {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 14px 10px 0px 0px;
    text-align: right;
    clear: both;
}

    .kodeordLogin label {
        display: inline-block;
        padding: 0 5px 0;
        text-align: right;
    }

    .kodeordLogin div {
        display: inline-block;
        padding: 0px;
    }

.rememberMeLogin {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px 10px 0px 0px;
    text-align: right;
    clear: both;
}

    .rememberMeLogin div {
        display: inline-block;
        padding: 0px;
    }

    .rememberMeLogin label {
        display: inline-block;
        padding: 0 5px 0;
        text-align: right;
    }

    .rememberMeLogin input {
        background-color: #D0EBF2 !important;
        border: 1px solid #CACECE !important;
        border-radius: 2px 2px 2px 2px;
    }






.loginKnapper {
    font-size: 14px;
    padding: 24px 20px 20px 20px;
    text-align: right;
}

    .loginKnapper a {
        padding: 0px 20px 0px 0px;
        color: #666666;
    }

    .loginKnapper input {
        text-transform: uppercase;
        font-weight: bold;
        color: #ffffff;
        background: #2199b9;
        border: 1px solid #2199b9;
        cursor: pointer;
        width: 116px;
        box-shadow: 0px 1px 0px #fafafa;
    }

        .loginKnapper input:hover {
            background: #16C8F7;
            color: white;
        }
/* ------------ Forgot Password ------------ */

.forgotwrap {
    position: absolute;
}

.passwordHolder {
    margin-right: -13px;
}


/* ------------ Fejl meddelelse div ------------ */
.fejldiv {
    background: #c85e5e;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 8px 0px 8px 20px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
}
/* ------------ Menu ------------ */
.mainMenu {
    width: 210px;
    background: #d0ebf2;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    /* color:#2199b9; */
    padding: 6px 0px 6px 0px;
}

    .mainMenu h6 {
        font-size: 12px;
        margin: 0;
        text-transform: uppercase;
        text-shadow: 0px 1px 0px #fafafa;
        padding: 10px 0px 10px 20px;
        border-bottom: 1px solid #abd2dc;
        border-top: 1px solid #e1f5fa;
        cursor: pointer;
        background: url(/Content/Graphics/pilNed.png) no-repeat 180px 9px;
    }

        .mainMenu h6.active {
            background: url(/Content/Graphics/pilOp.png) no-repeat 180px 9px;
        }

    .mainMenu a {
        color: #666666;
        text-decoration: none;
        text-shadow: 0px 1px 0px #fafafa;
    }

        .mainMenu a:visited {
            color: #666666;
            text-decoration: none;
            text-shadow: 0px 1px 0px #fafafa;
        }

        .mainMenu a:hover {
            text-decoration: underline;
        }

    .mainMenu ul {
        margin: 0;
        padding: 8px 0px 8px 20px;
        list-style-type: none;
    }

        .mainMenu ul li {
            line-height: 24px;
        }

            .mainMenu ul li img {
                margin: 0px 6px 4px 0px;
                vertical-align: middle;
            }
/* ------------ Content herunder ------------ */

.statPlaceholder {
    margin: 0px 6px;
}

.contentHolder {
    margin: 0px 0px 0px -5px;
    font-family: Montserrat !important;
    font-size: 12px !important;
    /*margin: 0 10px;*/
}

table th {
    text-align: left;
    background-color: #fff;
    padding: 4px;
}

thead tr{
   color: #3b8ca5;
}

table td {
    text-align: left;
    padding: 4px;
    line-height: 17px;
}

table tr:hover {

}

table {
    border-collapse: collapse;
    width: 100%;
}

    table a {
        font-size: 12px !important;
    }

tr:nth-child(even) {
    background-color: #FFF;
}

tr:nth-child(odd) {
    background: #ebf2f9;
}

.pager {
    font-weight: bold;
    text-align: center;
}

    .pager span {
        line-height: 40px;
        border: 0px solid #AAE6EE;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 2px 5px 2px 5px;
        background-color: #AAE6kE;
        color: #2099b8;
    }

    .pager a {
        line-height: 20px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 2px 5px 2px 5px;

        color: #2099b8;
        margin-right: 2px;
    }

        .pager a:hover {
            background-color: #d9e5f3;
            border: 1px solid #d9e5f3;
            text-decoration: none;
            color: #2099b8;
        }

    .pager td {
        text-align: right;
        background-color: #fff !important;
        width: 100%;
        margin: 0px;
    }

.current {
    margin: 3px;
    font-size: 12px;
    width: 20px;
    height: 20px;
}

/* knapper*/

.okStyle {
    font-size: 12px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 5px 2px 5px;
    background-color: #2199b9;
    color: white !important;
}

    .okStyle:hover {
        text-decoration: none;
        background-color: #AAE6EE;
        color: #2199b9 !important;
    }

.add_pass {
    font-size: 12px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0px 3px 3px 0px;
    padding: 2px 5px 2px 5px;
    background-color: #aae6ee;
    color: white !important;
    border-left: 1px solid #75c6db;
}

    .add_pass:hover {
        text-decoration: none;
        background-color: #cfeaed;
    }

.info_pass {
    font-size: 12px !important;
    padding: 2px 5px 2px 5px;
    background-color: #aae6ee;
    color: white !important;
    border-left: 1px solid #75c6db;
}

    .info_pass:hover {
        text-decoration: none;
        background-color: #cfeaed;
    }

.remover {
    font-size: 12px !important;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
    /*border-left: 1px solid #75C6DB;*/
    padding: 2px 5px 2px 5px;
    background-color: #AAE6EE;
    color: white !important;
    float: right;
    font-size: small;
}

    .remover:hover {
        text-decoration: none;
        background-color: #cfeaed;
        color: #2199b9 !important;
    }

.ex_slidetoogle {
    font-size: 12px !important;
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    /*border-right: 1px solid #75C6DB;*/
    padding: 2px 4px 2px 2px;
    color: white !important;
}

    .ex_slidetoogle:hover {
        text-decoration: none;
        background-color: #cfeaed;
        color: #2199b9 !important;
    }

.tag_slidetoggle {
    font-size: 12px !important;
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    color: white !important;
}

    .tag_slidetoggle:hover {
        text-decoration: none;
        background-color: #cfeaed;
        color: #2199b9 !important;
    }

.name_slidetoggle {
    font-size: 12px !important;
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    color: white !important;
}

    .name_slidetoggle:hover {
        text-decoration: none;
        background-color: #cfeaed;
        color: #2199b9 !important;
    }

    .package_slidetoggle {
    font-size: 12px !important;
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    color: white !important;
}

    .package_slidetoggle:hover {
        text-decoration: none;
        background-color: #cfeaed;
        color: #2199b9 !important;
    }




.setRemover {
    font-size: 12px !important;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
    /*border-left: 1px solid #75C6DB;*/
    padding: 2px 5px 2px 5px;
    background-color: #AAE6EE;
    color: white !important;
}

    .setRemover:hover {
        text-decoration: none;
        background-color: #cfeaed;
        color: #2199b9 !important;
    }

.backLink, .resetLink {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    background: #2199b9;
    border: 1px solid #2199b9;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    cursor: pointer;
    padding: 6px 15px 6px 15px;
    margin-bottom: 15px;
    margin-left: 5px;
    line-height: 30px;
}

    .backLink:hover, .resetLink:hover {
        background: #16C8F7;
        text-decoration: none;
    }

.calendarback {
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 12px !important;
    color: #ffffff !important;
    background: #9a9ea3 !important;
    border: 1px solid #abd2dc !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    cursor: pointer !important;
    padding: 3px 7px 3px 7px !important;
    margin-bottom: 15px !important;
    margin-left: 5px !important;
    line-height: 30px !important;
    text-decoration: none !important;
}

    .calendarback:hover {
        background: #16C8F7 !important;
        text-decoration: none;
    }

.niceTxt {
    font-weight: bold;
    text-transform: uppercase;
    color: #2199b9;
    font-size: 14px;
}

/* ------------ Elementer herunder ------------ */

.checkbox, .radio {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    background: url(../Content/Graphics/checkbox.png) no-repeat;
    display: block;
    clear: left;
    float: left;
}

.radio {
    background: url(../Content/Graphics/radio.png) no-repeat;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */
/*             Training Set NEW CSS               */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */
.tsetokmarg {
    margin: 0 0 0 3px !important;
}


.tsetHolder {
    display: none;
}

.tsetWrapper {
    margin: 5px 5px 5px 5px;
    height: auto;
    min-height: 200px;
    width: 445px;
    background-color: #fff;
    border: 1px solid #75C6DB;
    border-radius: 6px;
}

.tsetHeader {
    height: 40px;
    width: 100%;
    background-color: #2199B9;
    border-bottom: 1px solid #ABD2DC;
    border-radius: 6px 6px 0 0;
}

.tsetForm {
    padding: 10px 0 0 15px;
}

.tsetLabel {
    color: #FFF;
    font-size: 16px;
    font-family: Helvetica Neue, sans-serif;
    text-transform: uppercase;
}

.tsetInput {
    border: 1px solid #D7D7D7;
    padding: 3px;
    border-radius: 4px;
    color: #2199B9;
}

.inputHolder {
    margin: -22px 0 0 110px;
}

.trainingPackage {
    clear: both;
    display: block;
}

    .trainingPackage a {
        display: inline-block;
    }

.addtSet {
    float: right;
    margin: 0 10px 0 0;
}

.openselection {
    padding: 0.5em 0.5em 0.5em 0.5em !important;
}

.tsetSavesmall {
    float: right;
    margin: -20px 10px 0 0;
}

.tsetSave {
    float: right;
    margin: -10px 15px 0 0;
}

.tsetclose {
    float: right;
    margin: 0 10px 0 0;
}

.okb {
    background-color: #AAE6EE;
    border-radius: 6px;
    color: #2199b9 !important;
    padding: 6px 5px 2px 5px;
    cursor: pointer;
}

    .okb:hover {
        text-decoration: none;
        background-color: #cfeaed;
        color: #2199B9 !important;
    }

.maskoverlay {
    position: absolute;
    background-color: #2199B9;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    display: none;
}

.sessiondialog {
    position: absolute;
    min-height: 150px;
    width: 450px;
    background-color: #fff;
    border: 1px solid #ABD2DC;
    border-radius: 6px;
    top: 200px;
    display: none;
}

.sessiondialogcontent {
    margin: 15px;
}

.sessiondialogadd {
    margin: 30px 0 0px 0;
    float: right;
}

.sessiondialogrem {
    margin: 30px 0 0px 170px;
}

.sessiondialogdelete {
    position: absolute;
    width: 450px;
    background-color: #fff;
    border: 1px solid #ABD2DC;
    border-radius: 6px;
    top: 200px;
    display: none;
}

.input-validation-error {
    border: 1px solid red !important;
}

.disabledLabel {
    color: Gray;
}

.setEx {
    list-style-type: none;
}

.sessionExName {
    border: 1px solid #75C6DB;
    border-radius: 6px 6px 6px 6px;
    clear: both;
    display: block;
    margin-bottom: 5px;
    margin-left: -35px;
    width: 435px;
}

.sessionEx li {
    margin-top: 15px;
}

.sessionExWidth {
    width: 280px !important;
    float: left;
    margin-left: 3px;
    margin-top: 1px;
}

.stat_calen_pick {
    width: 100px !important;
    margin: 0px 10px 0px 12px;
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */
/*           Training Set NEW CSS END             */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */

.chrome_space_height {
    height: 120px;
}

.dialog-text {
    font-size: larger;
}

.download-link {
    font-family: Helvetica Neue,sans-serif;
    font-size: x-large !important;
    font-weight: normal;
    height: 25px;
    margin: 0 auto;
    text-decoration: none;
}

.center {
    text-align: center;
}

.center-content {
    margin: 0 auto;
}

.button-margin {
    margin-left: 65px !important;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */
/*                Language choice                 */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */

.lang_box {
    position: absolute;
    float: left;
    margin-left: 210px;
}

specificSearchTag .lang_box_logged {
    float: right;
    margin-right: 25px;
}

.lang_common {
    height: 16px;
    width: 16px;
    display: inline-block;
    float: left;
    cursor: pointer;
    margin: 6px 0 0 2px;
}

.lang_da-DK {
    background: no-repeat;
    background-image: url(../Content/Graphics/images/da_DK.png);
}

    .lang_da-DK:hover {
        background: no-repeat;
        background-image: url(../Content/Graphics/images/da_DK_hover.png);
    }

.lang_en-GB {
    background: no-repeat;
    background-image: url(../Content/Graphics/images/en_GB.png);
}

    .lang_en-GB:hover {
        background: no-repeat;
        background-image: url(../Content/Graphics/images/en_GB_hover.png);
    }

.lang_sv-SE {
    background: no-repeat;
    background-image: url(../Content/Graphics/images/sv_SE.png);
}

    .lang_sv-SE:hover {
        background: no-repeat;
        background-image: url(../Content/Graphics/images/sv_SE_hover.png);
    }

.lang_nb-NO {
    background: no-repeat;
    background-image: url(../Content/Graphics/images/nb_NO.png);
}

    .lang_nb-NO:hover {
        background: no-repeat;
        background-image: url(../Content/Graphics/images/nb_NO.png);
    }

.lang_de-AT {
    background: no-repeat;
    background-image: url(../Content/Graphics/images/de_AT.png);
}

    .lang_de-AT:hover {
        background: no-repeat;
        background-image: url(../Content/Graphics/images/de_AT_hover.png);
    }

.lang_de-DE {
    background: no-repeat;
    background-image: url(../Content/Graphics/images/de_DE.png);
}

    .lang_de-DE:hover {
        background: no-repeat;
        background-image: url(../Content/Graphics/images/de_DE_hover.png);
    }

.lang_zh-CN {
    background: no-repeat;
    background-image: url(../Content/Graphics/images/zh_CN.png);
}

    .lang_zh-CN:hover {
        background: no-repeat;
        background-image: url(../Content/Graphics/images/zh_CN_hover.png);
    }

.table_70 {
    width: 70% !important;
}

.table_50 {
    width: 50% !important;
}

.table_40 {
    width: 40% !important;
}

.table_31 {
    width: 31% !important;
}

.table_30 {
    width: 30% !important;
}

.table_20 {
    width: 20% !important;
}

.table_10 {
    width: 10% !important;
}

.table_5 {
    width: 7.7% !important;
}

.icn_Screen_stats {
    padding-left: 22px;
    background: url("../Content/Graphics/icn_Screen_stats.png") no-repeat center left;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */
/*                   Call Page                    */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */

.call_legend {
    border: 1px solid #ABD2DC;
    margin: 20px 10px 0px 10px;
    border-radius: 6px;
    background-color: #fbfbfb;
}

.call_legend2 {
    border: 1px solid #ABD2DC;
    margin: 10px 10px 0px 10px;
    border-radius: 6px;
    float: right;
    width: 350px;
    background-color: #fbfbfb;
}

.call_type_span {
    position: absolute;
    margin: 2px 0 0 0;
    font-weight: bold;
}

.call_legend_choices {
    margin: 10px 0 0 10px;
    min-width: 100px;
}

.contact_person {
    display: block;
    clear: both;
    margin: 10px;
}

    .contact_person a {
        float: right;
        display: inline-block;
    }

#call_cart {
    background-image: none;
    /*display: inline;*/
    /*float: right;*/
    min-width: 350px;
    height: 300px;
    margin-top: 22px;
    margin-right: 10px;
    overflow: auto;
    color: #2099b8;
    background-color: #AAE6EE;
}

.citizens-accordion {
    float: left !important;
    width: 45% !important;
    /*height: 720px !important;*/
    margin-top: 15px !important;
    margin-left: 10px !important;
}

#citizens span {
    text-transform: uppercase;
    font-weight: bold;
}

.download_doc {
    background: none repeat scroll 0 0 #2199B9 !important;
    border: 1px solid #ABD2DC !important;
    border-radius: 0 0 0 0 !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 15px !important;
    margin-bottom: 15px !important;
    margin-right: 15px !important;
    padding: 3px 7px !important;
    text-transform: uppercase !important;
}

    .download_doc:hover {
        background: #16C8F7 !important;
        text-decoration: none;
    }

.icn_iconf {
    padding-left: 22px;
    background: url("../Content/Graphics/videoconf.png") no-repeat center left;
}




.icn_screen {
    padding-left: 13px;
    background: url("../Content/Graphics/Screen.png") no-repeat center right;
    width: 17px;
    height: 17px;
    display: inline-block;
}


.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 500;
    background-image: url("../Content/Graphics/mask_bg.png");
    top: 0px;
    left: 0px;
}

.mask-inner {
    z-index: 1002;
    top: 50%;
    left: 50%;
    margin-left: -130px;
    margin-top: -130px;
    position: fixed;
    opacity: 1;
}

.mask-picture {
    z-index: 1002;
}

.mask-text {
    font-size: 30px;
}

.notifications {
    overflow-y: auto;
    min-height: 190px;
}

.spr_activate1 {
    background-position: 0px -277px;
}

.spr_activate2 {
    font-size: 12px !important;
    background-position: 0px -298px;
}

.help_text {
    font-size: 14px !important;
    font-weight: bold;
}

.dialog .elementPicture {
    float: right;
}

.dialog .categoryName {
    margin-top: 10px;
    font-weight: bold;
}

.dialog .elementName, .elementCartName {
    margin-top: 10px;
    font-weight: bold;
}

.dialog .description {
    margin-top: 10px;
}

.st_select {
    color: #666666;
    font-size: 12px !important;
    height: 22px !important;
    margin-top: 0 !important;
    width: 58px !important;
}


.low_funct {
   width: 160px !important;
    color: #666666;
    margin-top: 3px;
}

ul.ui-sortable {
    cursor: move;
}

.eventAccessCategory {
    min-width: 100px !important;
    text-transform: uppercase;
}

.eventAccessButton {
    min-width: 285px !important;
    margin-top: 6px !important;
}

.marginLeft10 {
    margin-left: 10px !important;
}

.cal_btn_height {
    height: 30px;
}

.dp_closebtn {
    margin: -5px 10px 0 0 !important;
}


.ui-dialog {
    min-width: 410px;
}

input.trainingspas_name {
    min-width: 250px !important;
}

.legend table {
    width: auto !important;
}

    .legend table tr:nth-child(even) {
        background-color: #FFF;
    }

    .legend table tr:nth-child(odd) {
        background: #FFF;
    }

    .legend table tr:hover {
        background: #FFF;
    }

    .legend table tr td:hover {
        color: #545454;
    }

.pad_stat_fix {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.required:after {
    content: "*";
    font-weight: bold;
    color: red;
}

.requiredInfo:before {
    content: "*";
    font-weight: bold;
    color: red;
    white-space: pre;
    vertical-align: sub;
}

.requiredInfo {
    text-transform: uppercase;
    padding-left: 10px;
}

.requiredInfo_2:before {
    content: "*";
    font-weight: bold;
    color: #0000ff;
    vertical-align: sub;
}

.requiredInfo_2 {
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
}




#statTimeLabels {
    visibility: hidden;
    text-align: center;
}

.indicatorDefinition {
    position: relative;
    left: 0;
    bottom: 0;
}

hr {
    border-top: 1px solid #d4eaef;
}

/*Added by Interns 05-09-2016*/
#feedbackMessage {
    font-size: large;
}

#divLeft {
    float: left;
    /*margin-right: 40px;*/
}

#divMid {
    margin-left: 40px;
    margin-right: 35px;
}

#divRight {
    float: left;
}

.masterContainer {
    float: right;
}

#divMaster {
    display: flex;
    width: 330px;
}

.not-active {
    pointer-events: none;
    cursor: default;
}

.inactive {
    color: red !important;
    pointer-events: none;
    cursor: default;
}


.userGroup_ListChoiceMenu {
    margin-bottom: 20px;
    margin-right: 0px;
}

#current {
    line-height: 20px;
    border: 1px solid #AAE6EE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 5px 2px 5px;
    background-color: #AAE6EE;
    color: #2099b8;
}

/*Therapist module*/
.webGridStyle tr th:nth-child(1) {
    text-align: center;
}

/*Therapist module*/
.webGridStyle tr th:nth-child(8) {
    text-align: center;
}

/*Therapist module*/
.webGridStyle tr th:nth-child(9) {
    text-align: center;
}
/*Therapist module*/
.webGridStyle tr th:nth-child(10) {
    text-align: center;
}
/*Therapist module*/
.webGridStyle tr th:nth-child(11) {
    text-align: center;
}

#ScreenGrid tr th:nth-child(4) {
    text-align: center;
}

.icn_Score_Red {
    background: url("../Content/Graphics/Q_red.png") no-repeat;
    vertical-align: middle;
    margin: 0 auto;
    width: 24px;
    height: 18px;
    display: block;
}

.icn_Score_Orange {
    background: url("../Content/Graphics/Q_orange.png") no-repeat;
    vertical-align: middle;
    margin: 0 auto;
    width: 24px;
    height: 18px;
    display: block;
}

.icn_Score_Yellow {
    background: url("../Content/Graphics/Q_yellow.png") no-repeat;
    vertical-align: middle;
    margin: 0 auto;
    width: 24px;
    height: 18px;
    display: block;
}

.icn_Score_Green {
    background: url("../Content/Graphics/Q_green.png") no-repeat;
    vertical-align: middle;
    margin: 0 auto;
    width: 24px;
    height: 18px;
    display: block;
}


.icn_Compliance_Empty {
    background: url("../Content/Graphics/C_empty.png") no-repeat;
    vertical-align: middle;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    display: block;
}

.icn_Compliance_Red {
    background: url("../Content/Graphics/C_red.png") no-repeat;
    vertical-align: middle;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    display: block;
}

.icn_Compliance_Red_Old {
    background: url("../Content/Graphics/C_red_old.png") no-repeat;
    vertical-align: middle;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    display: block;
}

.icn_Compliance_Orange {
    background: url("../Content/Graphics/C_orange.png") no-repeat;
    vertical-align: middle;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    display: block;
}

.icn_Compliance_Orange_Old {
    background: url("../Content/Graphics/C_orange_old.png") no-repeat;
    vertical-align: middle;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    display: block;
}

.icn_Compliance_Yellow {
    background: url("../Content/Graphics/C_yellow.png") no-repeat;
    vertical-align: middle;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    display: block;
}

.icn_Compliance_Yellow_Old {
    background: url("../Content/Graphics/C_yellow_old.png") no-repeat;
    vertical-align: middle;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    display: block;
}

.icn_Compliance_Green {
    background: url("../Content/Graphics/C_green.png") no-repeat;
    vertical-align: middle;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    display: block;
}

.icn_Compliance_Green_Old {
    background: url("../Content/Graphics/C_green_old.png") no-repeat;
    vertical-align: middle;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    display: block;
}

.overviewTooltip {
    position: relative;
    display: inline-block;
}

    .overviewTooltip .tooltiptext {
        font-size: 12px;
        color: #666666;
        font-family: Montserrat;
        visibility: hidden;
        width: 200px;
        text-align: left;
        border-radius: 6px;
        padding: 10px 0px;
        padding-left: 10px;
        padding-right: 10px;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        bottom: -50px;
        margin-left: -250px;
        background-color: #f4f4f4;
        border: 1px solid black;
        border: 1px solid rgba(255,255,255,0.25);
        -webkit-border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px 6px 6px 6px;
        box-shadow: 0 0 2px #555;
        -webkit-box-shadow: 0 0 2px #555;
        -moz-box-shadow: 0 0 2px #555;
    }

    .overviewTooltip:hover .tooltiptext {
        visibility: visible;
    }

.inactiveUser {
    color: red !important;
}

/**
    Exercise language boxes styling begin.
*/
.language-icon-span {
    position: static !important;
    display: block;
    float: right;
    margin-top: 2px !important;
    margin-left: 2px !important;
}

.language-text-span {
    float: right;
    margin-top: 4px;
    margin-left: 30px !important;
}

.language-title-link {
    width: 200px;
    height: 25px;
    float: left;
}

.language-title-bar {
    float: right;
    width: 200px;
    height: 25px;
}

.language-header {
    height: 25px;
}
/**
    Exercise language boxes styling end.
*/

/**
    Exercise media input styles start
*/
.Video_Size {
    font-size: 15px;
    margin-left: 5px;
    margin-top: 5px;
}

.Video_Length {
    font-size: 15px;
    margin-left: 5px;
    margin-top: 5px;
}

#Media_Container {
    float: left;
    margin-left: 113px;
}
/**Exercise media inpyt style end*/
/**StandardNotification style start*/

.Notification {
    float: left;
    margin-right: 10px;
}

#NotiDot {
    float: left;
    background-color: chartreuse;
    border-radius: 5px;
    width: 10px;
    height: 10px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 5px;
}

#SnuOuterDiv {
    margin-top: 0px;
    display: block;
    line-height: 20px;
    text-align: center;
}

#SnuSecundDiv {
    font-size: 12px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    color: grey !important;
}

/**StandardNotification style end*/

/**
* Custom file input container style start.
*/
.custom-file-input-container {
    width: 268px;
    height: 25px;
    border-radius: 5px 0px 0px 5px;
    background-color: white;
    border: 1px solid lightgrey;
    user-select: none;
    cursor: pointer;
    display: block;
    float: left;
}

    .custom-file-input-container .button {
        height: 25px;
        background-color: #2199b9;
        text-align: center;
        color: white;
        font-weight: normal;
        font-size: 12px;
        padding: 5px 5px 0px 5px;
        float: left;
        border-radius: 5px 0px 0px 5px;
    }

    .custom-file-input-container .text {
        max-width: 180px;
        text-overflow: ellipsis;
        color: #666666;
        padding: 4px 0px 0px 5px;
        float: left;
        overflow: hidden;
        white-space: pre;
    }

#progess_container {
    width: 300px;
    border: 1px solid black;
}

#progress {
    width: 100%;
    overflow: hidden;
}

#progressbar_bar {
    width: 1%;
    height: 30px;
    background-color: #2199b9;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}

#progressbar_percent {
    float: left;
    margin-left: 10px;
}
/**
*  Custom file input container style end.
*/

.recordButton {
    height: 20px;
    background-color: #2199b9;
    border-radius: 5px;
    border: 1px solid lightgrey;
    border-left: 0px;
    font-size: 12px;
    color: white;
    padding: 5px 5px 0px 5px;
    float: left;
    border-radius: 0px 5px 5px 0px;
}

.text-ChangeNote {
    width: 50%;
    min-height: 50px;
    max-height: 150px;
    margin-left: 10px;
}

.text-HangeNoteHistory {
    width: 97%;
    min-height: 50px;
    max-height: 150px;
    margin-left: 10px;
    overflow-y: auto;
}

.text-HangeNoteHistory {
    width: 97%;
    min-height: 50px;
    max-height: 150px;
    margin-left: 10px;
    overflow-y: auto;
}

#UserIndex_EditHeader {
    text-align: center;
}

#ErrorCategory {
    color: #C85E5E !important;
    font-weight: bold;
    margin-left: 35px;
}

/**StandardNotification style end*/
/**CartSearch Custom Styles start*/
.SimpleLabel {
    min-width: 150px;
    height: 16px;
    line-height: 20px;
    text-shadow: 0 1px 0 #fff;
    font-size: 10px;
}

.SearchResult_Icon_pass {
    font-size: 12px !important;
    background-color: #aae6ee;
    /*width: 80%;
    height: 80%;*/
    border-style: solid;
    border-width: 1px;
    /*border-color: black;*/
    border-radius: 5px;
    /*padding-left: 19%;
    padding-top: 19%;*/
}

#SearchResultContainer {
    width: 98%;
    height: 100%;
    border: 1px solid #abd2dc;
    border-radius: 2px;
    border-width: 2px;
    float: left;
    margin: 4px;
}

#ExerciseName {
    position: absolute;
    text-overflow: ellipsis;
    overflow: hidden !important;
    padding-top: 8px;
    display: -webkit-box;
    line-height: 16px; /* fallback */
    max-height: 16px; /* fallback */
    -webkit-line-clamp: 1; /* number of lines to show */
    -webkit-box-orient: vertical;
    font-weight: bold;
}

#ExerciseDescription {
    top: 20%;
    height: 100%;
    position: absolute;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px; /* fallback */
    max-height: 48px; /* fallback */
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
}

#ExerciseTags {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 13px;
    max-height: 32px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#Exercise-Content {
    height: 150px;
    width: 99%;
}

#Exercise-Picture {
    float: left;
    width: 150px;
    height: 150px;
    cursor: pointer;
}

#Exercise-Options {
    position: relative;
    overflow: hidden;
    height: 94%;
    padding-left: 7px;
    width: 60%;
    /*height: 98%;*/
    /*background-color: lightgray;*/
}

.Small-Spacer {
    height: 10%;
}

#plan-exaples-container {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 300px;
    margin-bottom: 10px;
}

#plan-example {
    width: 99%;
    height: 180px;
    border-style: solid;
    border-color: aquamarine;
    border-radius: 5px;
    margin-top: 3px;
}

#plan-Name {
    width: 100%;
    height: 11%;
    margin-bottom: 1px;
}

#plan-Content {
    width: 99%;
    height: 85%;
}

#exercise-list {
    float: left;
    margin-left: 3%;
    margin-bottom: 3%;
    width: 65%;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: aquamarine;
    border-radius: 5px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    position: relative;
}

#list-container {
    width: 350px;
    height: 152px;
    overflow-x: auto;
    white-space: nowrap;
}

#exercise-content {
    height: 132px;
    width: 110px;
    float: none;
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    border-color: aquamarine;
    border-radius: 5px;
    margin-left: 2px;
}

#tag-list {
    width: 100%;
    height: 46px;
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: hidden;
    background-color: lightgray;
}

.tag {
    display: inline-block;
    width: 45px;
    height: 25px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-radius: 5px;
    float: none;
    background-color: #AAE6EE;
}

#plan-details {
    float: left;
    width: 30%;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #aae6ee;
    border-radius: 5px;
}

#plan-info {
    float: left;
    height: 30px;
    width: 30px;
    margin-left: 50px;
}

#searchBar {
    width: 362px;
}

    #searchBar + .select2-container--default .select2-selection--multiple {
        min-height: 25px;
        margin-top: 7px !important;
        background-color: #fff;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #abd2dc;
        border-radius: 0px !important;
        

    }

.select2-selection__choice {
    height: 17px;
    padding-top: 3px !important;
}

.select2-search {
    margin-top: 1px !important;
}

#tagSearchButton {
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 10px;
}

#searchResultContainerLoad img {
    margin: 50px 0px 0px 150px;
}

#searchResultContainerNoResult {
    height: 300px;
    display: block;
}

#searchResultContainerNoResult {
    height: 300px;
    display: none;
}

    #searchResultContainerNoResult #noResultContainer {
        margin: 100px auto 0px auto;
        text-align: center;
    }

        #searchResultContainerNoResult #noResultContainer span {
            font-size: 20px;
        }

#searchResultContainerLoad {
    height: 300px;
    display: none;
}

#SearchResultsContainer {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 408px;
    max-height: 510px;
    margin-bottom: 10px;
    padding: 4px;
}

.dots {
    font-weight: bold;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 5px;
}

.SearchResult {
    margin-left: 5px !important;
    border-width: 1px !important;
}

.tp_description {
    margin-left: 400px !important;
    display: block;
}

#packageContainerToggle {
    cursor: pointer;
}

#packageContainerSmall {
    display: block;
}

#packageContainer {
    display: none;
}

.exercise-image {
    background-image: url('/Content/Graphics/images/wait-big.gif');
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
}

.lazy-image-loading {
    background-image: url('/Content/Graphics/images/wait-big.gif');
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
}

#suggestPlansContainer {
    width: 100%;
    height: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    visibility: hidden;
}

.searchAndChosenSeparatorContainer {
    float: left;
    width: 5%;
}

.searchAndChosenSeparator {
    min-height: 55vh;
    margin-left: 59%;
    margin-right: 49%;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #abd2dc;
    width: 1px;
}

.suggestPlanContainer {
    width: 100%;
    background-color: #d0ebf2;
}

    .suggestPlanContainer:nth-child(even) {
        background-color: white !important;
    }

.suggestPlanContainer {
    font-size: 14px;
    color: black;
}

.suggestPlanPanel {
    height: 70px;
    border-bottom: 1px solid #ABD2DC;
}

.suggestPlanExpand {
    width: 50px;
    height: 70px;
    float: left;
    border-right: 1px solid #ABD2DC;
}

.suggestPlanCreatorContainer {
    width: 400px;
    height: 70px;
    float: left;
}

.suggestPlanCreatorUser {
    width: 100%;
    height: 20px;
    text-align: center;
    margin-top: 15px;
}

.suggestPlanCreatorUserGroup {
    width: 100%;
    height: 35px;
    text-align: center;
}

.suggestPlanSelected {
    width: 100%;
    margin-top: 25px;
}

.suggestPlanSelectedContainer {
    width: 60px;
    height: 70px;
    text-align: center;
    float: right;
    border-left: 1px solid #ABD2DC;
}

.suggestPlanAdd {
    width: 50px;
    height: 70px;
    float: right;
    border-left: 1px solid #ABD2DC;
}

.suggestButton:hover {
    cursor: pointer;
    background-color: #ABD2DC;
}

.suggestPlanAdd span {
    margin: 25px 0px 0px 16px;
}

#suggestPlanBody {
    padding-bottom: 5px;
    display: none;
    overflow-x: auto;
}

.suggestPlanExerciseContainer {
    width: 110px;
    height: 80px;
    margin: 5px 0px 0px 5px;
    float: left;
}

.suggestPlanExerciseImage {
    width: 80px;
    height: 80px;
    float: left;
}

.suggestPlanExerciseAdd {
    width: 30px;
    height: 40px;
    background-color: aqua;
    float: right;
}

    .suggestPlanExerciseAdd span {
        margin: 12px 0px 0px 8px;
    }

.suggestPlanExerciseInfo {
    width: 30px;
    height: 40px;
    background-color: aquamarine;
    float: right;
}

    .suggestPlanExerciseInfo span {
        margin: 12px 0px 0px 8px;
    }


#CartSearchLeftContainer {
    float: left;
    width: 445px;
}

#SearchBar-Container {
    margin-top: 10px;
    margin-bottom: 10px;
}
/**CartSearch Custom styles end*/
/*Exercise ChangeNoteHistory styles start*/
#ChangeNoteHistory {
    width: 50%;
    margin-left: 9px;
    margin-bottom: 5px;
    border-style: solid;
    border-color: gray;
    border-radius: 5px;
    border-width: 1px;
    padding-bottom: 4px;
}

#ChangeNoteNote {
    width: 95%;
    word-wrap: break-word;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
/*Exercise ChangeNoteHistory styles end*/

/*Styles for Tag views Start*/
.ThinBlueBorder {
    border-color: aquamarine;
    border-width: 1px;
    border-radius: 5px;
    border-style: solid;
}

.ThinBlueBottumBorder {
    border-color: aquamarine;
    border-width: 1px;
    border-radius: 5px;
    border-bottom-style: solid;
}


.TagDisplay {
    margin-left: 10px;
    padding-top: 30%;
    width: 100%;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.TaggedExerciseContainer {
    height: 190px;
    width: 55%;
    float: right;
    margin-left: 20px;
    overflow-y: auto;
}

.TextOverflow {
    white-space: nowrap;
    width: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.TagButton {
    float: right;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.NameStyle {
    max-width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
}

.smallButton {
    float: right;
    font-size: 10px !important;
    margin: 0px !important;
    padding: 2px !important;
}

.ExerciseResultSpan {
    float: right;
    margin-right: 33px;
}

.TagInfoLabel {
    float: left;
    margin-top: 5px;
}

.TagInfoStart {
    height: 99%;
    width: 40%;
    float: left;
}

.TagIndexSaveButton {
    margin-left: 46px;
}

#MainContainerSize {
    width: 100%;
    height: 500px;
    padding-bottom: 10px;
}

#ContentDiv {
    height: 90%;
    width: 40%;
    float: left;
}

#TagResultContainer {
    width: 100%;
    height: 435px;
    overflow-y: auto;
}

#ExerciseSection {
    width: 55%;
    height: 90%;
    float: right;
    margin-left: 20px;
}

#ExerciseResults {
    width: 100%;
    height: 400px;
    overflow-y: auto;
}

#ExerciseOption {
    text-align: center;
    width: 100%;
    height: 50px;
}

#TagSection {
    height: 250px;
    width: 100%;
    margin-top: 10px;
}

#TagInfo {
    max-height: 85%;
    overflow-y: auto;
}

#ExerciseCounter {
    margin-left: 46px;
}
/*Styles for Tag views End*/
#exerciseTagsContainer {
    /*width: 141px;*/
    width:150px;
    border-left: 1px solid #abd2dc;
    float: left;
    vertical-align: central;
}

#tagsContainer {
    margin-bottom: 10px;
    display: inline-block;
    border: 1px solid #abd2dc;
    padding: 5px;
}

.tagContainer {
    border: 1px solid #abd2dc;
    padding: 5px;
}

.equipmentContainer {
    border: 1px solid #abd2dc;
    padding: 5px;
}

.specificTagGroup {
    float: left;
    border-left: 1px solid #abd2dc;
}

.specificSearchTag {
    width: 140px;

    /*Added for Equipment task by Mohsen*/
    font-size: 11px;
}

.exerciseAdditionalDetails {
    font-size: 10px;
    font-style: italic;
    position: absolute;
    bottom: 0px;
    line-height: 13px;
    width: 99%;
}

.clearfix {
    clear: both;
}

#tag_collapse {
    height: 14px !important;
}

#name_collapse {
    height: 14px !important;
}

/*#package_collapse
{
    height: 14px !important;
}*/

#packageIcon{
    height: 22px !important;
    width: 20px !important;
    background-position: 3px -85px;
}
.img {
    padding: 2px;
}

.languagepicker li img {
    margin-right: 5px;
    margin-top: 5px;
}

.roundborders {
    border-radius: 6px;
}


.languagepicker {
    background-color: transparent;
    padding: 0;
    height: 40px;
    overflow: hidden;
    transition: all .6s ease;
    margin: 0 50px 10px 0;
    vertical-align: top;
    z-index: 1;
    position: absolute;
}


    .languagepicker:hover {
        height: 81px;
    }

    .languagepicker a {
        color: #000;
        text-decoration: none;
    }

    .languagepicker li {
        background-color: none;
        display: block;
        padding: 0px 10px;
        line-height: 40px;
        border-top: 1px none;
       
    }

        .languagepicker li:hover {
            background-color: #CEDBEE;
        }

    .languagepicker a li {
        border: none;
    }

    .languagepicker li img {
        margin-right: 6px;
    }

.roundborders {
    border-radius: 6px;
}

.languagepicker li:hover {
    background-color: #CEDBEE;
}

    .languagepicker a li {
        border: none;
    }

    .languagepicker li img {
        margin-right: 5px;
    }

.roundborders {
    border-radius: 6px;
}


.dropdown {
    display: table;
    background-color: #FFFFFF;
}

.ddLang {
    display: table;
    background-color: #FFFFFF;
}


.large:hover {
    height: 245px;
}


/*this part is about the icon for MesseageingServicies in layout.css*/
/*#vtl_09_1 {
    position:relative;
}
.vert_top_level .MesServiceNotification .badge {
    position: absolute;
    top: 8px;
    right: -1px;
}*/


/*This part is designed for notification in messaging servicesAPI By Mohsen */
.icon {
    width: 19px;
    height: 15px;
    position: relative;
    top: -2px;
    cursor:pointer;
    /*right:10px;*/
    /*left: 3px;*/
}
.Mybadge {
    background: #f80c0c;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.3em;
    /*margin-right: 5px;*/
    text-align: center;
    width: 1.3em;
    height: 1.3em;
    position: relative;
    top: -11px;
    right:10px;
    font-size: 10px;
    /*background: #ef123a;
    /*font-size:small;
    /*font-weight: bold;
    font-size: 17px;
    position: relative;
    top: -6px;
    right: 4px;
    color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;/**/
}

.vert_top_level_1 {
    font-size: 14px;
    padding: 8px 0px 10px 5px;
    cursor: pointer;
}

.vert_top_level_1:hover {
        cursor:pointer;
 }

ul.serviceNotifications {
    list-style: none;
    padding-left: 0;
    cursor: default;
}

ul.serviceNotifications > li {
        border-bottom:1px solid #ddd;
        padding:5px;
        
        /*padding-left:5px;*/
    }

ul.serviceNotifications > li:last-child {
            border-bottom: none;
            padding-bottom: 0;
            /*text-align: center;*/
}



.popover-notifications .popover-content
{
    padding: 0;
}

ul.VisitLink {
    font-weight: bold;
    color: orangered;
}

th.dt-center, td.dt-center {
    text-align: center;
    border: 0;
    
}

table.dataTable tbody tr.stripe1 {
    cursor:default;
    background-color: #d0ebf2;
    
}

table.dataTable tbody tr.stripe2 {
    cursor:default;
    background-color: #FFFFFF;
    border-bottom: solid #d0ebf2;
    
    border-collapse: collapse;
    border: none !important;
}
.paginate_button current {
    font-weight: bold;
    font-size: xx-large; 
    color: red;
    border-collapse: collapse;
    border: none !important;
}

.table.dataTable tbody tr:hover {
    cursor:default;
    /*font-weight:bold;*/
}
.table.dataTable tbody tr {
    border:none !important;
}




/*table paging size changed*/
.dataTables_paginate > a {
    margin-bottom: 10px !important;
    padding: 2px 10px !important;
    cursor:pointer;
    font-weight:bold;
    color:black;
}

table paging float right
.dataTables_paginate {
    text-align: center  !important;
    margin-top: -10px !important;
    cursor:pointer;
}

/*smaller size filter text box*/
/*.dataTables_filter > label > input {
    width:200px !important;
    height:32px;
    font-size:large;
    padding:15px;
    
}*/

/*entry length text size changed*/
.dataTables_length > label {
    font-weight: normal !important;
    font-size: 14px !important;
}

.bootstrap-label
{
    display:block;
}

#messageContentContainer {
    
}

    #messageContentContainer #Message_MessageContent {
        font-size: 14px;
        width: 350px;
        height: 145px;
    }

/*fixed sorting arrows position
.sorting-cnt {
    float: right;
    margin-right: 14px;
    display: block;
    font-weight:bold;
    height:14px;
    width:15px;
    
}*/


.list-group-item {
    word-wrap: break-word;
}

.panel-body {
    max-height: 300px;
    margin-bottom: 10px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.text-wrap {
    white-space: normal;
    word-wrap: break-word;
}

.width-200 {
    width: 200px;
}

.bold {
    font-weight: bold;
}

#consentContainer{
    display: none;
}

#btnRequestData{
    margin-left: 0px !important;
}

.badgeVisible{
    visibility: visible;
}

.badgeInvisible {
    visibility: hidden;
}

select[disabled] {
    background-color: #CCC;
}

/* New CSS styling for the create training program rihgt side*/
.closeTrainingPassBtn {
    cursor: pointer;
    width: 14px !important;
    height: 14px !important;
    background-image: url('/Content/Graphics/icn_subdanger.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 14px;
    margin: 2px 14px 0px 4px !important;
    border-radius: 6px 6px 6px 6px;
}
.closeExerciceBtn {
    cursor: pointer;
    width: 14px !important;
    height: 14px !important;
    background-image: url('/Content/Graphics/icn_subdanger.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 14px;
    margin-right: 3px !important;
    display: inline-block;
}

.cartEx .cartExName .closeExerciseBtn {
    float: right;
    margin: 8px -88px 0px 20px !important;
    height: 0px !important;
}

.subButtonMargin {
    margin: 2px 0px 6px 0px !important;
}


.cartExSecondline {
    width: 325px !important;
    margin-left: 24px !important;
}


.trainingPasLocation2 {
    margin: 0px 0px 20px 340px !important;
}

.exerciseImg-info-btn {
    display: inline-block;
    background-image: url('/Content/Graphics/icn_eye.png');
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.exerciseImgStyle {
    margin-top: 10px;
    width: 80px !important;
    height: 61px !important;
    border: 1px solid #707070;
    border-radius: 6px;
    margin-right: 10px;
}

.cartSubClosed {
    background-image: url('/Content/Graphics/plus.png');
    cursor: pointer;
    height: 13px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 17px;
    border-radius: 6px 6px 6px 6px;
    display: inline-block;
    width: 13px;
    margin-top: 3px !important;
    margin-left: 9px !important;
}

.cartSubOpened {
    background-image: url('/Content/Graphics/minus.png') !important;
    cursor: pointer;
    height: 13px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 17px;
    border-radius: 6px 6px 6px 6px;
    display: inline-block;
    width: 13px;
    margin-top: 3px !important;
    margin-left: 9px !important;
}


.cartEx .cartExName .fontStyling13 {
    font-size: 12px;
    color: #5D5D5D;
    font-weight: 600;
    margin-top: 7px !important;
    padding-left: 5px
}

.cartEx .selectboxStyling {
    background-color: white;
    border: 1px solid #707070;
    border-radius: 3px 3px 3px 3px;
    height: 22px !important;
    width: 70px !important;
}

.trainingspas .cartEx_sub .selectboxStyling {
    background-color: white;
    border: 1px solid #707070;
    border-radius: 3px 3px 3px 3px;
    height: 22px !important;
    width: 70px !important;
}

.trainingspas .cartEx_sub .selectboxLongStyling {
    background-color: white;
    border: 1px solid #707070;
    border-radius: 3px 3px 3px 3px;
    height: 22px !important;
    width: 131px !important;
}

.removeButtomBorder {
    border-radius: 6px 6px 0px 0px !important;
    border-bottom: none;
}

.addFullBorder {
    border-radius: 6px 6px 6px 6px !important;
}

.trainingspasWhitePlus {
    background-image: url("../Content/Graphics/thumbnail_Blue_plus.png") !important;
    background-color: transparent !important;
    background-size: 17px !important;
}

.trainingspas .CartExNewSize {
    width: 347px !important;
    margin-left: 0px;
    margin-top: 4px;
}

.trainingpackagetext {
    padding: 5px;
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #666666;
}

/* New CSS styling for menus*/

.dropbtn {
    background-color: #F2F2F2;
    color: grey;
    padding: 10px;
    font-size: 12px;
    font-family: arial;
    text-align: left;
    width: 200px;
    border-bottom: 1px solid black;
    Border-top: none;
    Border-left: none;
    Border-right: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border-radius: 6px;
    z-index: 1;
}

.dropdown-content a {
        color: black;
        font-family: arial;
        font-size: 12px;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
}

.dropdown-content a:hover {
            background-color: #CEDBEE;
            color: #2e96d3;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #f2f2f2;
    border-bottom: none;
    Border-top: none;
    Border-left: none;
    Border-right: none;
}
/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 14px;
	color: #666666;
	padding: 10px 10px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: #f4f4f4;
	border-radius: 6px 32px 32px 6px; 
	-webkit-border-radius: 6px 32px 32px 6px;
	-moz-border-radius: 6px 32px 32px 6px;
	box-shadow: 0 0 2px #555;
	-webkit-box-shadow: 0 0 2px #555;
	-moz-box-shadow: 0 0 2px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -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;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-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(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.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(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.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 headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.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(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.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(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.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-duration: 0.75s;
  animation-duration: 0.75s;
  -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-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 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;
}

table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc{cursor:pointer;*cursor:hand}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url("../images/sort_both.png")}table.dataTable thead .sorting_asc{background-image:url("../images/sort_asc.png")}table.dataTable thead .sorting_desc{background-image:url("../images/sort_desc.png")}table.dataTable thead .sorting_asc_disabled{background-image:url("../images/sort_asc_disabled.png")}table.dataTable thead .sorting_desc_disabled{background-image:url("../images/sort_desc_disabled.png")}table.dataTable tbody tr{background-color:#ffffff}table.dataTable tbody tr.selected{background-color:#B0BED9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px 4px 4px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:0.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:0.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:initial;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}   .current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table,.dataTables_wrapper.no-footer div.dataTables_scrollBody table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:0.5em}}

table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length {margin-bottom: 10px;}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'Glyphicons Halflings';opacity:0.5}table.dataTable thead .sorting:after{opacity:0.2;content:"\e150"}table.dataTable thead .sorting_asc:after{content:"\e155"}table.dataTable thead .sorting_desc:after{content:"\e156"}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable{border-collapse:separate !important}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (<none>)
 * Config saved to config.json and <none>
 */ /*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

.bootstrap button, .bootstrap input, .bootstrap optgroup, .bootstrap select, .bootstrap textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

#bootstrap button, select {
    text-transform: none
}

#bootstrap button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

    #bootstrap button[disabled], html input[disabled] {
        cursor: default
    }

    #bootstrap button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type="checkbox"], input[type="radio"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

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

    input[type="search"] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

#bootstrap input, #bootstrap button, #bootstrap select, #bootstrap textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

    a:hover, a:focus {
        color: #23527c;
        text-decoration: underline
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    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
}

[role="button"] {
    cursor: pointer
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

    .tooltip.in {
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2)
}

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 11px
}

    .popover > .arrow:after {
        border-width: 10px;
        content: ""
    }

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,0.25);
    bottom: -11px
}

    .popover.top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fff
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,0.25)
}

    .popover.right > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fff
    }

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,0.25);
    top: -11px
}

    .popover.bottom > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #fff
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,0.25)
}

    .popover.left > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px
    }

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}

.serviceNotifications li a h5 {
    margin-top: 10px;
    margin-bottom: 10px;
}