@charset "utf-8";

/*
Hive UX Framework
Copyright (c) 2008-2024 Hive Solutions Lda.

This file is part of Hive UX Framework.

Hive UX Framework is free software: you can redistribute it and/or modify
it under the terms of the Apache License as published by the Apache
Foundation, either version 2.0 of the License, or (at your option) any
later version.

Hive UX Framework is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
Apache License for more details.

You should have received a copy of the Apache License along with
Hive UX Framework. If not, see <http://www.apache.org/licenses/>.
*/

/*
__author__    = João Magalhães <joamag@hive.pt>
__copyright__ = Copyright (c) 2008-2024 Hive Solutions Lda.
__license__   = Apache License, Version 2.0
*/

@-webkit-keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

@-webkit-keyframes move-into {
    from { -webkit-transform: translateY(15px); }
    to { -webkit-transform: translateY(0px); }
}

@keyframes move-into {
    from { transform: translateY(15px); }
    to { transform: translateY(0px); }
}

@-webkit-keyframes fade-into-drop {
    from {
        opacity: 0;
        -o-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transform: translateY(-6px);
        -o-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -khtml-transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
    }
    to {
        opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -khtml-transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
}

@keyframes fade-into-drop {
    from {
        opacity: 0;
        -o-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transform: translateY(-6px);
        -o-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -khtml-transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
    }
    to {
        opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -khtml-transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
}

@-webkit-keyframes fade-into-rise {
    from {
        opacity: 0;
        -o-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transform: translateY(6px);
        -o-transform: translateY(6px);
        -ms-transform: translateY(6px);
        -moz-transform: translateY(6px);
        -khtml-transform: translateY(6px);
        -webkit-transform: translateY(6px);
    }
    to {
        opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -khtml-transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
}

@keyframes fade-into-rise {
    from {
        opacity: 0;
        -o-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transform: translateY(6px);
        -o-transform: translateY(6px);
        -ms-transform: translateY(6px);
        -moz-transform: translateY(6px);
        -khtml-transform: translateY(6px);
        -webkit-transform: translateY(6px);
    }
    to {
        opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -khtml-transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
}

@-webkit-keyframes fade-grow {
    from {
        opacity: 0;
        -o-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transform: scale(0.96);
        -o-transform: scale(0.96);
        -ms-transform: scale(0.96);
        -moz-transform: scale(0.96);
        -khtml-transform: scale(0.96);
        -webkit-transform: scale(0.96);
    }
    to {
        opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -khtml-transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@keyframes fade-grow {
    from {
        opacity: 0;
        -o-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transform: scale(0.96);
        -o-transform: scale(0.96);
        -ms-transform: scale(0.96);
        -moz-transform: scale(0.96);
        -khtml-transform: scale(0.96);
        -webkit-transform: scale(0.96);
    }
    to {
        opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -khtml-transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes fade-shrink {
    from {
        opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -khtml-transform: scale(1);
        -webkit-transform: scale(1);
    }
    to {
        opacity: 0;
        -o-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transform: scale(0.96);
        -o-transform: scale(0.96);
        -ms-transform: scale(0.96);
        -moz-transform: scale(0.96);
        -khtml-transform: scale(0.96);
        -webkit-transform: scale(0.96);
    }
}

@keyframes fade-shrink {
    from {
        opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -khtml-transform: scale(1);
        -webkit-transform: scale(1);
    }
    to {
        opacity: 0;
        -o-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transform: scale(0.96);
        -o-transform: scale(0.96);
        -ms-transform: scale(0.96);
        -moz-transform: scale(0.96);
        -khtml-transform: scale(0.96);
        -webkit-transform: scale(0.96);
    }
}

@-webkit-keyframes fade-grow-visibility {
    from {
        opacity: 0;
        -o-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transform: scale(0.96);
        -o-transform: scale(0.96);
        -ms-transform: scale(0.96);
        -moz-transform: scale(0.96);
        -khtml-transform: scale(0.96);
        -webkit-transform: scale(0.96);
        visibility: hidden;
    }
    to {
        opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -khtml-transform: scale(1);
        -webkit-transform: scale(1);
        visibility: visible;
    }
}

@keyframes fade-grow-visibility {
    from {
        opacity: 0;
        -o-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transform: scale(0.96);
        -o-transform: scale(0.96);
        -ms-transform: scale(0.96);
        -moz-transform: scale(0.96);
        -khtml-transform: scale(0.96);
        -webkit-transform: scale(0.96);
        visibility: hidden;
    }
    to {
        opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -khtml-transform: scale(1);
        -webkit-transform: scale(1);
        visibility: visible;
    }
}

@-webkit-keyframes fade-shrink-visibility {
    from {
        opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -khtml-transform: scale(1);
        -webkit-transform: scale(1);
        visibility: visible;
    }
    to {
        opacity: 0;
        -o-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transform: scale(0.96);
        -o-transform: scale(0.96);
        -ms-transform: scale(0.96);
        -moz-transform: scale(0.96);
        -khtml-transform: scale(0.96);
        -webkit-transform: scale(0.96);
        visibility: hidden;
    }
}

@keyframes fade-shrink-visibility {
    from {
        opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -khtml-transform: scale(1);
        -webkit-transform: scale(1);
        visibility: visible;
    }
    to {
        opacity: 0;
        -o-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transform: scale(0.96);
        -o-transform: scale(0.96);
        -ms-transform: scale(0.96);
        -moz-transform: scale(0.96);
        -khtml-transform: scale(0.96);
        -webkit-transform: scale(0.96);
        visibility: hidden;
    }
}

.omni-style .content-error {
    border: 1px solid #eeeeee;
    margin: 100px auto 100px auto;
    padding: 24px 0px 24px 0px;
    transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -khtml-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    width: 532px;
}

.omni-style .content-error:hover {
    border-color: #dddddd;
    box-shadow: 0px 1px 4px #eeeeee;
    -o-box-shadow: 0px 1px 4px #eeeeee;
    -ms-box-shadow: 0px 1px 4px #eeeeee;
    -moz-box-shadow: 0px 1px 4px #eeeeee;
    -khtml-box-shadow: 0px 1px 4px #eeeeee;
    -webkit-box-shadow: 0px 1px 4px #eeeeee;
}

.omni-style .content-error .error {
    padding: 0px 48px 0px 48px;
    text-align: center;
}

.omni-style .content-error .error .title {
    color: #2d2d2d;
    font-size: 18px;
    margin: 8px 0px 12px 0px;
}

.omni-style .content-error .error .message {
    color: #c31f30;
    font-weight: bold;
    margin: 4px 0px 24px 0px;
}

.omni-style .content-error .error .traceback-contents {
    color: #2d2d2d;
    font-family: monospace;
    font-size: 12px;
    margin-bottom: 26px;
    word-break: break-word;
}

.omni-style .content-error .error .description {
    color: #2d2d2d;
    line-height: 22px;
    margin: 24px 0px 24px 0px;
}

.omni-style.dark .content-error {
    background-color: #ffffff;
    border: none;
    border-radius: 6px 6px 6px 6px;
    -o-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 0px 10px #3d3d3d;
    -o-box-shadow: 0px 0px 10px #3d3d3d;
    -ms-box-shadow: 0px 0px 10px #3d3d3d;
    -moz-box-shadow: 0px 0px 10px #3d3d3d;
    -khtml-box-shadow: 0px 0px 10px #3d3d3d;
    -webkit-box-shadow: 0px 0px 10px #3d3d3d;
}

.omni-style.dark .content-error:hover {
    box-shadow: 0px 0px 10px #3d3d3d;
    -o-box-shadow: 0px 0px 10px #3d3d3d;
    -ms-box-shadow: 0px 0px 10px #3d3d3d;
    -moz-box-shadow: 0px 0px 10px #3d3d3d;
    -khtml-box-shadow: 0px 0px 10px #3d3d3d;
    -webkit-box-shadow: 0px 0px 10px #3d3d3d;
}

.omni-style .error-box {
    border: 1px solid #de737c;
    margin: 0px 0px 16px 0px;
    padding: 12px 12px 12px 12px;
}

.omni-style .error-box .error-title {
    color: #c9273f;
    font-size: 16px;
    margin: 0px 0px 0px 0px;
}

.omni-style .error-box .error-title-description {
    color: #4d4d4d;
    margin: 4px 0px 0px 0px;
}

.omni-style .error-description {
    clear: both;
    color: #c9273f;
    font-size: 11px;
    padding: 8px 0px 0px 0px;
    text-align: right;
}

.omni-style .reason-box {
    border: 1px solid #de737c;
    margin: 0px 0px 16px 0px;
    padding: 12px 12px 12px 12px;
}

.omni-style .reason-box .reason-title {
    color: #c9273f;
    font-size: 16px;
    margin: 0px 0px 0px 0px;
}

.omni-style .reason-box .reason-title-description {
    color: #2d2d2d;
    margin: 4px 0px 0px 0px;
}

.omni-style .chart {
    padding: 0px 0px 0px 0px;
}

.omni-style .chart:after {
    clear: both;
    content: "";
    display: block;
}

.omni-style .chart .title {
    margin-bottom: 12px;
    margin-top: 12px;
}

.omni-style .chart .bar-container {
    height: 45px;
    width: 100%;
}

.omni-style .chart .bar {
    background-color: #4d4d4d;
    box-shadow: 2px 2px 2px #e0e0e0;
    -o-box-shadow: 2px 2px 2px #e0e0e0;
    -ms-box-shadow: 2px 2px 2px #e0e0e0;
    -moz-box-shadow: 2px 2px 2px #e0e0e0;
    -khtml-box-shadow: 2px 2px 2px #e0e0e0;
    -webkit-box-shadow: 2px 2px 2px #e0e0e0;
    color: #fefefe;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    margin-bottom: 4px;
    margin-top: 4px;
    padding-top: 11px;
    text-align: center;
    white-space: nowrap;
}

.omni-style .chart .bar-orange {
    background-color: #f99023;
}

.omni-style .chart .bar-red {
    background-color: #d3503f;
}

.omni-style .chart .bar-blue {
    background-color: #54728c;
}

.omni-style .chart .bar-green {
    background-color: #72ae49;
}

.omni-style .chart .bar-transparent {
    background-color: transparent;
    box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -webkit-box-shadow: none;
    color: #4d4d4d;
    margin-left: 6px;
}

.omni-style .replacer {
    cursor: pointer;
}

.omni-style.animations .replacer-target {
    animation: fade-grow 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -o-animation: fade-grow 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -ms-animation: fade-grow 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -moz-animation: fade-grow 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -khtml-animation: fade-grow 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -webkit-animation: fade-grow 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
}

.omni-style .message-box {
    background-color: #fbfbfb;
    border: 1px solid #cccccc;
    box-shadow: 0px 1px 4px #f0f0f0;
    -o-box-shadow: 0px 1px 4px #f0f0f0;
    -ms-box-shadow: 0px 1px 4px #f0f0f0;
    -moz-box-shadow: 0px 1px 4px #f0f0f0;
    -khtml-box-shadow: 0px 1px 4px #f0f0f0;
    -webkit-box-shadow: 0px 1px 4px #f0f0f0;
    margin: 0px 0px 16px 0px;
    padding: 12px 12px 12px 12px;
    text-align: center;
}

.omni-style .message-box .message-title {
    color: #4d4d4d;
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
}

.omni-style .banner {
    background: #3668c6 url(../images/banner-blue.png) repeat-x center center;
    border-bottom: 1px solid #203e76;
    box-shadow: 0px 1px 4px #eeeeee;
    -o-box-shadow: 0px 1px 4px #eeeeee;
    -ms-box-shadow: 0px 1px 4px #eeeeee;
    -moz-box-shadow: 0px 1px 4px #eeeeee;
    -khtml-box-shadow: 0px 1px 4px #eeeeee;
    -webkit-box-shadow: 0px 1px 4px #eeeeee;
    font-size: 14px;
    height: 52px;
    padding-top: 8px;
    position: absolute;
    top: -61px;
    width: 100%;
    z-index: 10;
}

.omni-style.retina-s .banner {
    background-size: 1px 60px;
}

.omni-style .banner.information {
    background: #3668c6 url(../images/banner-blue.png) repeat-x center center;
    border-color: #203e76;
}

.omni-style.retina-s .banner.information {
    background-image: url(../images/banner-blue-2x.png);
}

.omni-style .banner.warning {
    background: #f6aa37 url(../images/banner-yellow.png) repeat-x center center;
    border-color: #936621;
}

.omni-style.retina-s .banner.warning {
    background-image: url(../images/banner-yellow-2x.png);
}

.omni-style .banner.success {
    background: #6fad3e url(../images/banner-green.png) repeat-x center center;
    border-color: #426725;
}

.omni-style.retina-s .banner.success {
    background-image: url(../images/banner-green-2x.png);
}

.omni-style .banner.error {
    background: #d54a50 url(../images/banner-red.png) repeat-x center center;
    border-color: #7f2c30;
}

.omni-style.retina-s .banner.error {
    background-image: url(../images/banner-red-2x.png);
}

.omni-style .banner .banner-contents {
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 1px 0px #444444;
    -o-text-shadow: 0px 1px 0px #444444;
    -ms-text-shadow: 0px 1px 0px #444444;
    -moz-text-shadow: 0px 1px 0px #444444;
    -khtml-text-shadow: 0px 1px 0px #444444;
    -webkit-text-shadow: 0px 1px 0px #444444;
}

.omni-style .breadcrumbs {
    float: left;
    margin: 0px 0px 0px 0px;
    padding-left: 0px;
}

.omni-style .breadcrumbs li {
    background: transparent url(../images/breadcrumbs-arrow.png) no-repeat left center;
    color: #666666;
    float: left;
    list-style: none;
    margin-right: 6px;
    padding-left: 22px;
}

.omni-style.retina-s .breadcrumbs li {
    background-image: url(../images/breadcrumbs-arrow-2x.png);
    background-size: 16px 16px;
}

.omni-style .breadcrumbs li:first-child {
    background: none;
    padding-left: 0px;
}

.omni-style .breadcrumbs li.selected {
    color: #4d4d4d;
    font-weight: bold;
}

.omni-style .calendar-range > .range > .range-separator {
    margin: 0px 12px 0px 12px;
}

.omni-style .calendar-range > .calendar {
    display: none;
}

.omni-style .calendar-range.calendar-visible > .calendar {
    display: inline-block;
}

.omni-style .calendar {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    box-shadow: 0px 1px 4px #eeeeee;
    -o-box-shadow: 0px 1px 4px #eeeeee;
    -ms-box-shadow: 0px 1px 4px #eeeeee;
    -moz-box-shadow: 0px 1px 4px #eeeeee;
    -khtml-box-shadow: 0px 1px 4px #eeeeee;
    -webkit-box-shadow: 0px 1px 4px #eeeeee;
    display: inline-block;
    font-size: 12px;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.omni-style .calendar-header {
    background-color: #f4f4f4;
    border-bottom: 1px solid #dddddd;
    color: #2d2d2d;
    height: 40px;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
}

.omni-style .calendar-header .calendar-title {
    display: inline-block;
    font-weight: 600;
    margin: 0px 0px 0px 0px;
}

.omni-style .calendar-header .calendar-arrow {
    cursor: pointer;
    height: 8px;
    opacity: 0.6;
    -o-opacity: 0.6;
    -ms-opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
    padding: 16px 16px 16px 16px;
    width: 6px;
}

.omni-style.retina-s .calendar-header .calendar-arrow {
    background-size: 6px 8px;
}

.omni-style .calendar-header .calendar-arrow:hover {
    opacity: 1;
    -o-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}

.omni-style .calendar-header .calendar-arrow-left {
    background: transparent url(../images/calendar-arrow-left.png) no-repeat center center;
    float: left;
}

.omni-style.retina-s .calendar-header .calendar-arrow-left {
    background-image: url(../images/calendar-arrow-left-2x.png);
}

.omni-style .calendar-header .calendar-arrow-right {
    background: transparent url(../images/calendar-arrow-right.png) no-repeat center center;
    float: right;
}

.omni-style.retina-s .calendar-header .calendar-arrow-right {
    background-image: url(../images/calendar-arrow-right-2x.png);
}

.omni-style .calendar-content {
    font-size: 11px;
    padding: 0px 4px 0px 4px;
}

.omni-style .calendar-content thead tr {
    height: 26px;
    text-transform: uppercase;
}

.omni-style .calendar-content thead tr th {
    color: #6d6d6d;
    font-weight: 600;
    text-align: center;
}

.omni-style .calendar-content tbody tr td {
    color: #2d2d2d;
    cursor: pointer;
    line-height: 30px;
    margin: 0px 0px 0px 0px;
    min-height: 28px;
    min-width: 30px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.omni-style .calendar-content tbody tr td:hover {
    background-color: #f0f0f0;
    border-color: #f0f0f0;
}

.omni-style .calendar-content tbody tr td.active {
    background-color: #c0c0c0;
    border-color: #aaaaaa;
    color: #ffffff;
}

.omni-style .calendar-content tbody tr td.faded {
    color: #aaaaaa;
}

.omni-style .calendar-content tbody tr td.faded.active {
    background-color: #f4f4f4;
    border-color: #f0f0f0;
    color: #aaaaaa;
}

.omni-style .button-group {
    float: right;
}

.omni-style .button-group.button-group-left {
    float: left;
}

.omni-style .button-group .button,
.omni-style .button-group .button.small,
.omni-style .button-group .button.large {
    border: 1px solid #bfbfbf;
    border-left: none;
    cursor: pointer;
    float: left;
    text-align: center;
}

.omni-style .button-group .button.button-solid {
    border-left: none;
}

.omni-style .button-group .button > .button-icon {
    opacity: 0.7;
    -o-opacity: 0.7;
    -ms-opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-opacity: 0.7;
}

.omni-style .button-group .button:hover > .button-icon {
    opacity: 1.0;
    -o-opacity: 1.0;
    -ms-opacity: 1.0;
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    -webkit-opacity: 1.0;
}

.omni-style .button-group .button.selected > .button-icon {
    opacity: 1.0;
    -o-opacity: 1.0;
    -ms-opacity: 1.0;
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    -webkit-opacity: 1.0;
}

.omni-style .button-group .button.disabled:hover > .button-icon {
    opacity: 0.7;
    -o-opacity: 0.7;
    -ms-opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-opacity: 0.7;
}

.omni-style .button-group .button.disabled.selected > .button-icon {
    opacity: 0.7;
    -o-opacity: 0.7;
    -ms-opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-opacity: 0.7;
}

.omni-style .button-group .button:first-child {
    border-left: 1px solid #bfbfbf;
}

.omni-style .button-group .button.medium {
    float: left;
    height: 34px;
    width: 44px;
}

.omni-style .button-group .button.medium {
    background: transparent url(../images/button-group-button-medium.png) no-repeat left top;
}

.omni-style.retina-s .button-group .button.medium {
    background-image: url(../images/button-group-button-medium-2x.png);
    background-size: 44px 324px;
}

.omni-style .button-group .button.medium:hover {
    background-position: left 0px;
}

.omni-style .button-group .button.medium.active,
.omni-style .button-group .button.medium:active {
    background-position: left -36px;
}

.omni-style .button-group .button.medium.selected {
    background-position: left -36px;
}

.omni-style .button-group .button.medium.disabled {
    background-position: left -72px;
}

.omni-style .button-group .button.medium.valid {
    background-position: left -108px;
}

.omni-style .button-group .button.medium.valid.active,
.omni-style .button-group .button.medium.valid:active {
    background-position: left -144px;
}

.omni-style .button-group .button.medium.valid.selected {
    background-position: left -144px;
}

.omni-style .button-group .button.medium.valid.disabled {
    background-position: left -180px;
}

.omni-style .button-group .button.medium.invalid {
    background-position: left -216px;
}

.omni-style .button-group .button.medium.invalid.active,
.omni-style .button-group .button.medium.invalid:active {
    background-position: left -252px;
}

.omni-style .button-group .button.medium.invalid.selected {
    background-position: left -252px;
}

.omni-style .button-group .button.medium > .button-icon {
    display: block;
    height: 24px;
    margin: 6px 0px 0px 10px;
    width: 24px;
}

.omni-style .button-group .button.small {
    background: transparent url(../images/button-group-button-small.png) repeat-x left top;
    height: 30px;
    line-height: 30px;
    width: 30px;
}

.omni-style.retina-s .button-group .button.small {
    background-image: url(../images/button-group-button-small-2x.png);
    background-size: 30px 288px;
}

.omni-style .button-group .button.small:hover {
    background-position: left 0px;
}

.omni-style .button-group .button.small.active,
.omni-style .button-group .button.small:active {
    background-position: left -30px;
}

.omni-style .button-group .button.small.selected {
    background-position: left -30px;
}

.omni-style .button-group .button.small.disabled {
    background-position: left -60px;
}

.omni-style .button-group .button.small.valid {
    background-position: left -90px;
}
.omni-style .button-group .button.small.valid.active,
.omni-style .button-group .button.small.valid:active {
    background-position: left -120px;
}

.omni-style .button-group .button.small.valid.selected {
    background-position: left -120px;
}

.omni-style .button-group .button.small.valid.disabled {
    background-position: left -150px;
}

.omni-style .button-group .button.small.invalid {
    background-position: left -180px;
}

.omni-style .button-group .button.small.invalid.active,
.omni-style .button-group .button.small.invalid:active {
    background-position: left -210px;
}

.omni-style .button-group .button.small.invalid.selected {
    background-position: left -210px;
}

.omni-style .button-group .button.small.invalid.disabled {
    background-position: left -240px;
}

.omni-style .button-group .button.small > .button-icon {
    display: block;
    height: 24px;
    margin: 2px 0px 0px 3px;
    width: 24px;
}

.omni-style .button > span.base {
    display: inline;
}

.omni-style .button > span.locked {
    display: none;
}

.omni-style .button.locked > span.base {
    display: none;
}

.omni-style .button.locked > span.locked {
    display: inline;
}

.omni-style .button.button-solid,
.omni-style .button.button-green {
    background: #598543 url(../images/button-green.png) repeat-x left top;
    border: 1px solid #598543;
    color: #ffffff;
    font-weight: bold;
    line-height: 36px;
    padding: 0px 18px 0px 18px;
    text-shadow: 0px -1px 0px #4a7b38;
    -o-text-shadow: 0px -1px 0px #4a7b38;
    -ms-text-shadow: 0px -1px 0px #4a7b38;
    -moz-text-shadow: 0px -1px 0px #4a7b38;
    -khtml-text-shadow: 0px -1px 0px #4a7b38;
    -webkit-text-shadow: 0px -1px 0px #4a7b38;
}

.omni-style.retina-s .button.button-solid,
.omni-style.retina-s .button.button-green {
    background-image: url(../images/button-green-2x.png);
    background-size: 2px 108px;
}

.omni-style .button.button-solid:hover,
.omni-style .button.button-green:hover {
    background-position: left -36px;
}

.omni-style .button.button-solid.active,
.omni-style .button.button-solid:active,
.omni-style .button.button-green.active,
.omni-style .button.button-green:active {
    background-position: left -72px;
}

.omni-style .button.button-solid.disabled,
.omni-style .button.button-green.disabled {
    background-position: left top;
    opacity: 0.6;
    -o-opacity: 0.6;
    -ms-opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
}

.omni-style .button.button-blue {
    background: #596c8e url(../images/button-blue.png) repeat-x left top;
    border: 1px solid #3a5070;
    color: #ffffff;
    font-weight: bold;
    line-height: 36px;
    padding: 0px 18px 0px 18px;
    text-shadow: 0px -1px 0px #3a5070;
    -o-text-shadow: 0px -1px 0px #3a5070;
    -ms-text-shadow: 0px -1px 0px #3a5070;
    -moz-text-shadow: 0px -1px 0px #3a5070;
    -khtml-text-shadow: 0px -1px 0px #3a5070;
    -webkit-text-shadow: 0px -1px 0px #3a5070;
}

.omni-style.retina-s .button.button-blue {
    background-image: url(../images/button-blue-2x.png);
    background-size: 2px 108px;
}

.omni-style .button.button-blue:hover {
    background-position: left -36px;
}

.omni-style .button.button-blue.active,
.omni-style .button.button-blue:active {
    background-position: left -72px;
}

.omni-style .button.button-blue.disabled {
    background-position: left top;
    opacity: 0.6;
    -o-opacity: 0.6;
    -ms-opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
}

.omni-style .button.button-red {
    background: #cb5565 url(../images/button-red.png) repeat-x left top;
    border: 1px solid #be5463;
    color: #ffffff;
    font-weight: bold;
    line-height: 36px;
    padding: 0px 18px 0px 18px;
    text-shadow: 0px -1px 0px #9e4651;
    -o-text-shadow: 0px -1px 0px #9e4651;
    -ms-text-shadow: 0px -1px 0px #9e4651;
    -moz-text-shadow: 0px -1px 0px #9e4651;
    -khtml-text-shadow: 0px -1px 0px #9e4651;
    -webkit-text-shadow: 0px -1px 0px #9e4651;
}

.omni-style.retina-s .button.button-blue {
    background-image: url(../images/button-red-2x.png);
    background-size: 2px 108px;
}

.omni-style .button.button-red:hover {
    background-position: left -36px;
}

.omni-style .button.button-red.active,
.omni-style .button.button-red:active {
    background-position: left -72px;
}

.omni-style .button.button-red.disabled {
    background-position: left top;
    opacity: 0.6;
    -o-opacity: 0.6;
    -ms-opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
}

.omni-style .button.button-grey {
    background: #c5c5c5 url(../images/button-grey.png) repeat-x left top;
    border: 1px solid #b3b3b3;
    color: #ffffff;
    font-weight: bold;
    line-height: 36px;
    padding: 0px 18px 0px 18px;
    text-shadow: 0px -1px 0px #999999;
    -o-text-shadow: 0px -1px 0px #999999;
    -ms-text-shadow: 0px -1px 0px #999999;
    -moz-text-shadow: 0px -1px 0px #999999;
    -khtml-text-shadow: 0px -1px 0px #999999;
    -webkit-text-shadow: 0px -1px 0px #999999;
}

.omni-style.retina-s .button.button-grey {
    background-image: url(../images/button-grey-2x.png);
    background-size: 2px 108px;
}

.omni-style .button.button-grey:hover {
    background-position: left -36px;
}

.omni-style .button.button-grey.active,
.omni-style .button.button-grey:active {
    background-position: left -72px;
}

.omni-style .button.button-grey.disabled {
    background-position: left top;
    opacity: 0.6;
    -o-opacity: 0.6;
    -ms-opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
}

.omni-style .button.large {
    background-color: transparent;
    background-position: 0px 0px;
    background-repeat: repeat-x;
    border: 1px solid #bfbfbf;
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: normal;
    height: 46px;
    line-height: 46px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    text-shadow: -1px -1px 0px #999999;
    -o-text-shadow: -1px -1px 0px #999999;
    -ms-text-shadow: -1px -1px 0px #999999;
    -moz-text-shadow: -1px -1px 0px #999999;
    -khtml-text-shadow: -1px -1px 0px #999999;
    -webkit-text-shadow: -1px -1px 0px #999999;
    width: 120px;
}

.omni-style.retina-s .button.large {
    background-size: 6px 192px;
}

.omni-style.opensans .button.large {
    font-weight: bold;
}

.omni-style .button.large:hover {
    background-position: 0px -48px;
}

.omni-style .button.large.active,
.omni-style .button.large:active {
    background-position: 0px -96px;
}

.omni-style .button.large.disabled {
    background-position: 0px -144px;
    cursor: default;
    opacity: 0.5;
    -o-opacity: 0.5;
    -ms-opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -webkit-opacity: 0.5;
}

.omni-style .button.large .button-icon {
    margin-top: 8px;
}

.omni-style .button.large.button-red {
    background-image: url(../images/button-large-red.png);
    border-color: #be5463;
    text-shadow: -1px -1px 0px #9e4651;
    -o-text-shadow: -1px -1px 0px #9e4651;
    -ms-text-shadow: -1px -1px 0px #9e4651;
    -moz-text-shadow: -1px -1px 0px #9e4651;
    -khtml-text-shadow: -1px -1px 0px #9e4651;
    -webkit-text-shadow: -1px -1px 0px #9e4651;
}

.omni-style.retina-s .button.large.button-red {
    background-image: url(../images/button-large-red-2x.png);
}

.omni-style .button.large.button-green {
    background-image: url(../images/button-large-green.png);
    border-color: #598543;
    text-shadow: -1px -1px 0px #4a7b38;
    -o-text-shadow: -1px -1px 0px #4a7b38;
    -ms-text-shadow: -1px -1px 0px #4a7b38;
    -moz-text-shadow: -1px -1px 0px #4a7b38;
    -khtml-text-shadow: -1px -1px 0px #4a7b38;
    -webkit-text-shadow: -1px -1px 0px #4a7b38;
}

.omni-style.retina-s .button.large.button-green {
    background-image: url(../images/button-large-green-2x.png);
}

.omni-style .button.large.button-orange {
    background-image: url(../images/button-large-orange.png);
    border-color: #d98a23;
    text-shadow: -1px -1px 0px #bf8100;
    -o-text-shadow: -1px -1px 0px #bf8100;
    -ms-text-shadow: -1px -1px 0px #bf8100;
    -moz-text-shadow: -1px -1px 0px #bf8100;
    -khtml-text-shadow: -1px -1px 0px #bf8100;
    -webkit-text-shadow: -1px -1px 0px #bf8100;
}

.omni-style.retina-s .button.large.button-orange {
    background-image: url(../images/button-large-orange-2x.png);
}

.omni-style .button.large.button-yellow {
    background-image: url(../images/button-large-yellow.png);
    border-color: #baaa57;
    text-shadow: -1px -1px 0px #b99200;
    -o-text-shadow: -1px -1px 0px #b99200;
    -ms-text-shadow: -1px -1px 0px #b99200;
    -moz-text-shadow: -1px -1px 0px #b99200;
    -khtml-text-shadow: -1px -1px 0px #b99200;
    -webkit-text-shadow: -1px -1px 0px #b99200;
}

.omni-style.retina-s .button.large.button-yellow {
    background-image: url(../images/button-large-yellow-2x.png);
}

.omni-style .button.large.button-grey {
    background-image: url(../images/button-large-grey.png);
    border-color: #999999;
    text-shadow: -1px -1px 0px #999999;
    -o-text-shadow: -1px -1px 0px #999999;
    -ms-text-shadow: -1px -1px 0px #999999;
    -moz-text-shadow: -1px -1px 0px #999999;
    -khtml-text-shadow: -1px -1px 0px #999999;
    -webkit-text-shadow: -1px -1px 0px #999999;
}

.omni-style.retina-s .button.large.button-grey {
    background-image: url(../images/button-large-grey-2x.png);
}

.omni-style .button.large.button-light-grey {
    background-color: #f4f4f4;
    border-color: #dddddd;
}

.omni-style .button.large.button-light-grey:hover {
    background-color: #f0f0f0;
}

.omni-style .button.large.button-light-grey.active,
.omni-style .button.large.button-light-grey:active {
    background-color: #e8e8e8;
}

.omni-style .button.large.button-light-grey.disabled {
    background-color: #f4f4f4;
    border-color: #dddddd;
}

.omni-style .button.small {
    background-color: transparent;
    background-position: 0px 0px;
    background-repeat: repeat-x;
    border: 1px solid #bfbfbf;
    color: #2d2d2d;
    display: block;
    font-size: 10px;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    text-shadow: none;
    -o-text-shadow: none;
    -ms-text-shadow: none;
    -moz-text-shadow: none;
    -khtml-text-shadow: none;
    -webkit-text-shadow: none;
    text-transform: uppercase;
    width: 86px;
}

.omni-style.retina-s .button.small {
    background-size: 4px 84px;
}

.omni-style .button.small:hover {
    background-position: 0px -28px;
}

.omni-style .button.small.active,
.omni-style .button.small:active {
    background-position: 0px -56px;
}

.omni-style .button.small.disabled {
    background-position: 0px 0px;
    cursor: default;
    opacity: 0.5;
    -o-opacity: 0.5;
    -ms-opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -webkit-opacity: 0.5;
}

.omni-style .button.small.button-grey {
    background-image: url(../images/button-small-grey.png);
    border-color: #dddddd;
}

.omni-style.retina-s .button.small.button-grey {
    background-image: url(../images/button-small-grey-2x.png);
}

.omni-style .button.button-more {
    background: transparent url(../images/button-more.png) repeat-x left top;
    border: 1px solid #bbbbbb;
    color: #4d4d4d;
    font-size: 13px;
    font-weight: bold;
    line-height: 36px;
    margin-top: 12px;
    text-align: center;
    text-shadow: 0px 1px 0px #ffffff;
    -o-text-shadow: 0px 1px 0px #ffffff;
    -ms-text-shadow: 0px 1px 0px #ffffff;
    -moz-text-shadow: 0px 1px 0px #ffffff;
    -khtml-text-shadow: 0px 1px 0px #ffffff;
    -webkit-text-shadow: 0px 1px 0px #ffffff;
    width: 100%;
}

.omni-style.retina-s .button.button-more {
    background-image: url(../images/button-more-2x.png);
    background-size: 6px 160px;
}

.omni-style .button.button-more:hover {
    box-shadow: 0px 0px 4px #cccccc;
    -o-box-shadow: 0px 0px 4px #cccccc;
    -ms-box-shadow: 0px 0px 4px #cccccc;
    -moz-box-shadow: 0px 0px 4px #cccccc;
    -khtml-box-shadow: 0px 0px 4px #cccccc;
    -webkit-box-shadow: 0px 0px 4px #cccccc;
}

.omni-style .button.button-more.active,
.omni-style .button.button-more:active {
    background-position: left -80px;
}

.omni-style .button.button-more.disabled {
    background-position: left -120px;
}

.omni-style .button.button-more .spinner {
    background: transparent url(../images/button-more-loading.gif) no-repeat center center;
    display: none;
    height: 20px;
    margin: 8px auto 8px auto;
    width: 20px;
}

.omni-style .button.button-more.loading .text {
    display: none;
}

.omni-style .button.button-more.loading .spinner {
    display: block;
}

.omni-style.round .button.button-more {
    border-radius: 6px 6px 6px 6px;
    -o-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
}

.omni-style .check-field {
    appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -khtml-appearance: none;
    -webkit-appearance: none;
    background: #ffffff url(../images/check-field.png) no-repeat 0px 0px;
    border: 1px solid #bbbbbb;
    border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    -ms-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    color: #818285;
    cursor: pointer;
    height: 17px;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
    width: 17px;
}

.omni-style.retina-s .check-field {
    background-image: url(../images/check-field-2x.png);
    background-size: 15px 90px;
}

.omni-style .check-field:hover {
    background-position: 0px -15px;
}

.omni-style .check-field:checked {
    background-position: 0px -45px;
}

.omni-style .check-field:checked:hover {
    background-position: 0px -60px;
}

.omni-style .check-field:focus {
    outline: none;
    -o-outline: none;
    -ms-outline: none;
    -moz-outline: none;
    -khtml-outline: none;
    -webkit-outline: none;
}

.omni-style.explorer .check-field {
    background: transparent none no-repeat 0px 0px;
    border: none;
    height: auto;
    width: auto;
}

.omni-style .check-field-label {
    color: #4d4d4d;
    margin: 0px 16px 0px 8px;
}

.omni-style .cross-list h2 {
    color: #4d4d4d;
    font-size: 10px;
    font-weight: 600;
    margin: 0px 0px 6px 0px;
    padding-left: 4px;
    text-transform: uppercase;
}

.omni-style .cross-list .arrow {
    background: transparent none no-repeat 0px 0px;
    cursor: pointer;
    float: left;
    height: 16px;
    margin: 8px 0px 8px 0px;
    width: 16px;
}

.omni-style.retina-s .cross-list .arrow {
    background-size: 16px 48px;
}

.omni-style .cross-list .arrow:hover {
    background-position: 0px -16px;
}

.omni-style .cross-list .arrow.arrow-left {
    background-image: url(../images/cross-list-arrow-left.png);
}

.omni-style.retina-s .cross-list .arrow.arrow-left {
    background-image: url(../images/cross-list-arrow-left-2x.png);
}

.omni-style .cross-list .arrow.arrow-right {
    background-image: url(../images/cross-list-arrow-right.png);
}

.omni-style.retina-s .cross-list .arrow.arrow-right {
    background-image: url(../images/cross-list-arrow-right-2x.png);
}

.omni-style .cross-list .section {
    float: left;
}

.omni-style .cross-list .cross-section {
    height: 149px;
    margin: 112px 10px 0px 10px;
    width: 16px;
}

.omni-style .drop-field {
    line-height: 26px;
    max-width: 100%;
}

.omni-style .drop-field > .text-field {
    background-image: url(../images/drop-field-dots.png);
    background-position: right center;
    background-repeat: no-repeat;
    float: left;
    padding-right: 28px;
    transition: background-image 0.15s ease-in;
    -o-transition: background-image 0.15s ease-in;
    -ms-transition: background-image 0.15s ease-in;
    -moz-transition: background-image 0.15s ease-in;
    -khtml-transition: background-image 0.15s ease-in;
    -webkit-transition: background-image 0.15s ease-in;
    width: 248px;
}

.omni-style.retina-s .drop-field > .text-field {
    background-image: url(../images/drop-field-dots-2x.png);
    background-size: 23px 16px;
}

.omni-style .drop-field.updating > .text-field {
    background-image: url(../images/drop-field-dots-color.png);
}

.omni-style.retina-s .drop-field.updating > .text-field {
    background-image: url(../images/drop-field-dots-color-2x.png);
}

.omni-style .drop-field.strong > .text-field {
    color: #000000;
}

.omni-style .drop-field.strong > .text-field.lower {
    color: #777777;
}

.omni-style .drop-field.strong.disabled > .text-field {
    background-color: #f8f8f8;
    color: #999999;
    -webkit-text-fill-color: #999999;
}

.omni-style .drop-field.drop-field-select > .text-field {
    background: transparent url(../images/drop-field-select.png) repeat-x right center;
    cursor: pointer;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.omni-style.retina-s .drop-field.drop-field-select > .text-field {
    background-image: url(../images/drop-field-select-2x.png);
    background-size: 940px 40px;
}

.omni-style .drop-field.drop-field-select.disabled > .text-field {
    cursor: default;
}

.omni-style .drop-field.drop-field-lock > .text-field {
    background-image: url(../images/drop-field-lock.png);
}

.omni-style.retina-s .drop-field.drop-field-lock > .text-field {
    background-image: url(../images/drop-field-lock-2x.png);
    background-size: 20px 16px;
}

.omni-style .drop-field.drop-field-select.drop-field-lock > .text-field {
    background-image: url(../images/drop-field-select.png);
}

.omni-style.retina-s .drop-field.drop-field-select.drop-field-lock > .text-field {
    background-image: url(../images/drop-field-select-2x.png);
    background-size: 940px 40px;
}

.omni-style .drop-field.drop-field-select > .text-field.active {
    border-color: #999999;
}

.omni-style .drop-field .drop-field-contents {
    box-shadow: 0px 1px 4px #eeeeee;
    -o-box-shadow: 0px 1px 4px #eeeeee;
    -ms-box-shadow: 0px 1px 4px #eeeeee;
    -moz-box-shadow: 0px 1px 4px #eeeeee;
    -khtml-box-shadow: 0px 1px 4px #eeeeee;
    -webkit-box-shadow: 0px 1px 4px #eeeeee;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    z-index: 1;
}

.omni-style.animations .drop-field .drop-field-contents {
    animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -o-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -ms-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -moz-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -khtml-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -webkit-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
}

.omni-style .drop-field .drop-field-contents li {
    background-color: #ffffff;
    border-bottom: 1px solid #f0f0f0;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    color: #4d4d4d;
    cursor: pointer;
    font-size: 12px;
    line-height: 22px;
    padding: 4px 6px 4px 6px;
}

.omni-style .drop-field .drop-field-contents li.selected {
    background-color: #f0f0f0;
}

.omni-style .drop-field .drop-field-contents li:hover {
    background-color: #f0f0f0;
}

.omni-style .drop-field .drop-field-contents li:last-child {
    border-bottom: 1px solid #dddddd;
}

.omni-style .drop-field .drop-field-contents li > .subscript-extra {
    float: right;
    font-size: 80%;
}

.omni-style .drop-field.tiny,
.omni-style .drop-field.small {
    font-size: 10px;
    line-height: 24px;
    text-transform: uppercase;
}

.omni-style .drop-field.tiny .drop-field-contents li,
.omni-style .drop-field.small .drop-field-contents li {
    font-size: 10px;
    padding: 2px 6px 2px 6px;
}

.omni-style .drop-field.tiny > .text-field,
.omni-style .drop-field.small > .text-field {
    font-size: 11px;
    height: 20px;
}

.omni-style .drop-field.tiny.drop-field-select > .text-field,
.omni-style .drop-field.small.drop-field-select > .text-field {
    background-image: url(../images/drop-field-select-small.png);
    font-size: 10px;
    height: 22px;
    padding-bottom: 1px;
    padding-top: 1px;
    text-transform: uppercase;
}

.omni-style.retina-s .drop-field.tiny.drop-field-select > .text-field,
.omni-style.retina-s .drop-field.small.drop-field-select > .text-field {
    background-image: url(../images/drop-field-select-small-2x.png);
    background-size: 940px 24px;
}

.omni-style .drop-field.tiny.drop-field-select.drop-field-lock > .text-field,
.omni-style .drop-field.small.drop-field-select.drop-field-lock > .text-field {
    background-image: url(../images/drop-field-select-small.png);
}

.omni-style.retina-s .drop-field.tiny.drop-field-select.drop-field-lock > .text-field,
.omni-style.retina-s .drop-field.small.drop-field-select.drop-field-lock > .text-field {
    background-image: url(../images/drop-field-select-small-2x.png);
    background-size: 940px 24px;
}

.omni-style .drop-field.tiny {
    line-height: 18px;
}

.omni-style .drop-field.tiny.drop-field-select > .text-field {
    height: 18px;
}

.omni-style .drop-field .entity-name,
.omni-style .drop-field .entity-details {
    width: 210px;
}

.omni-style .filter {
    position: relative;
}

.omni-style .filter .filter-input {
    height: 30px;
}

.omni-style.animations .filter .filter-contents {
    animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -o-animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -ms-animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -moz-animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -khtml-animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -webkit-animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.0);
}

.omni-style .filter .filter-no-results {
    padding: 20px 20px 20px 20px;
    text-align: center;
}

.omni-style.animations .filter .filter-no-results {
    animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -o-animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -ms-animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -moz-animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -khtml-animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -webkit-animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.0);
}

.omni-style .filter .filter-no-results p {
    color: #2d2d2d;
    font-size: 18px;
    margin: 8px 0px 8px 0px;
    margin-bottom: 12px;
}

.omni-style .filter .green-text {
    color: #3eb033;
    margin: 0px 0px 0px 0px;
}

.omni-style .filter .filter-input-buttons {
    position: absolute;
    right: 1px;
    top: 1px;
}

.omni-style .filter .filter-input-buttons.lower {
    opacity: 0.7;
    -o-opacity: 0.7;
    -ms-opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-opacity: 0.7;
}

.omni-style .filter .filter-input-button {
    background: transparent none no-repeat 0px 0px;
    border-left: 1px solid #dddddd;
    float: right;
    height: 34px;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    width: 34px;
}

.omni-style.retina-s .filter .filter-input-button {
    background-size: 34px 68px;
}

.omni-style .filter .filter-input-button:hover {
    background-color: #f0f0f0;
    background-position: 0px -34px;
}

.omni-style .filter .filter-input-list {
    background-image: url(../images/filter-input-list.png);
}

.omni-style.retina-s .filter .filter-input-list {
    background-image: url(../images/filter-input-list-2x.png);
}

.omni-style .filter .filter-input-table {
    background-image: url(../images/filter-input-table.png);
}

.omni-style.retina-s .filter .filter-input-table {
    background-image: url(../images/filter-input-table-2x.png);
}

.omni-style .filter .filter-input-gallery {
    background-image: url(../images/filter-input-gallery.png);
}

.omni-style.retina-s .filter .filter-input-gallery {
    background-image: url(../images/filter-input-gallery-2x.png);
}

.omni-style .filter .filter-input-more {
    background-image: url(../images/filter-input-more.png);
}

.omni-style.retina-s .filter .filter-input-more {
    background-image: url(../images/filter-input-more-2x.png);
}

.omni-style .filter .filter-input-less {
    background-image: url(../images/filter-input-less.png);
}

.omni-style.retina-s .filter .filter-input-less {
    background-image: url(../images/filter-input-less-2x.png);
}

.omni-style .filter .filter-advanced {
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    display: none;
}

.omni-style.animations .filter .filter-advanced {
    animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -o-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -ms-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -moz-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -khtml-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -webkit-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
}

.omni-style .filter .filter-advanced .filter-sort {
    list-style: none;
    padding: 6px 26px 6px 6px;
}

.omni-style .filter .filter-advanced .filter-sort .filter-sort-option {
    border-radius: 6px 6px 6px 6px;
    -o-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    color: #4d4d4d;
    cursor: pointer;
    float: left;
    font-size: 10px;
    font-weight: 600;
    margin: 2px 6px 2px 0px;
    padding: 4px 12px 4px 12px;
    text-transform: uppercase;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.omni-style .filter .filter-advanced .filter-sort .filter-sort-option:hover {
    background-color: #777777;
    color: #ffffff;
}

.omni-style .filter .filter-advanced .filter-sort .filter-sort-option.ascending,
.omni-style .filter .filter-advanced .filter-sort .filter-sort-option.descending,
.omni-style .filter .filter-advanced .filter-sort .filter-sort-option.equals {
    background: #777777 url(../images/filter-input-sorting.png) no-repeat;
    color: #ffffff;
    padding-right: 19px;
}

.omni-style.retina-s .filter .filter-advanced .filter-sort .filter-sort-option.ascending,
.omni-style.retina-s .filter .filter-advanced .filter-sort .filter-sort-option.descending,
.omni-style.retina-s .filter .filter-advanced .filter-sort .filter-sort-option.equals {
    background-image: url(../images/filter-input-sorting-2x.png);
    background-size: 20px 60px;
}

.omni-style .filter .filter-advanced .filter-sort .filter-sort-option.ascending {
    background-position: right 0px;
}

.omni-style .filter .filter-advanced .filter-sort .filter-sort-option.descending {
    background-position: right -20px;
}

.omni-style .filter .filter-advanced .filter-sort .filter-sort-option.equals {
    background-position: right -40px;
}

.omni-style .filter .filter-advanced-filters {
    margin: 0px 6px 0px 6px;
    padding: 0px 0px 0px 0px;
}

.omni-style .filter .filter-advanced-filter {
    margin: 0px 0px 8px 0px;
}

.omni-style.mobile-s .filter .filter-advanced-filter {
    font-size: 0px;
    line-height: 14px;
}

.omni-style .filter .filter-advanced-filter > .drop-field {
    float: left;
    margin-right: 4px;
}

.omni-style.mobile-s .filter .filter-advanced-filter > .drop-field {
    display: inline-block;
    float: none;
}

.omni-style .filter .filter-advanced-filter > .drop-field.drop-field-select > .text-field {
    width: 100px;
}

.omni-style .filter .filter-advanced-filter > .text-field.value-field {
    float: left;
    width: 186px;
}

.omni-style.mobile-s .filter .filter-advanced-filter > .text-field.value-field {
    display: inline-block;
    float: none;
}

.omni-style .filter .filter-advanced-filter > .drop-field.value-field {
    width: 200px;
}

.omni-style .filter .filter-advanced-filter > .drop-field.value-field > .text-field {
    width: 164px;
}

.omni-style .filter .filter-advanced-filter > .filter-input-add,
.omni-style .filter .filter-advanced-filter > .filter-input-remove {
    float: left;
    margin-left: 4px;
    margin-top: 6px;
}

.omni-style.mobile-s .filter .filter-advanced-filter > .filter-input-add,
.omni-style.mobile-s .filter .filter-advanced-filter > .filter-input-remove {
    float: right;
}

.omni-style .filter .filter-advanced-buttons {
    border-top: 1px solid #e0e0e0;
    margin: 0px 6px 0px 6px;
    padding: 8px 0px 8px 0px;
}

.omni-style .filter .filter-advanced-buttons .filter-advanced-select {
    float: left;
}

.omni-style .filter .filter-advanced-buttons .filter-advanced-save {
    float: right;
}

.omni-style .filter .filter-input-add,
.omni-style .filter .filter-input-remove {
    background: transparent none no-repeat 0px 0px;
    cursor: pointer;
    height: 15px;
    width: 15px;
}

.omni-style.retina-s .filter .filter-input-add,
.omni-style.retina-s .filter .filter-input-remove {
    background-size: 15px 30px;
}

.omni-style .filter .filter-input-add:hover,
.omni-style .filter .filter-input-remove:hover {
    background-position: 0px -15px;
}

.omni-style .filter .filter-input-add {
    background-image: url(../images/filter-input-add.png);
}

.omni-style.retina-s .filter .filter-input-add {
    background-image: url(../images/filter-input-add-2x.png);
}

.omni-style .filter .filter-input-remove {
    background-image: url(../images/filter-input-remove.png);
}

.omni-style.retina-s .filter .filter-input-remove {
    background-image: url(../images/filter-input-remove-2x.png);
}

.omni-style .filter .filter-input-first {
    margin-left: 509px;
    margin-top: 11px;
    position: absolute;
}

.omni-style.mobile-s .filter .filter-input-first {
    float: right;
    margin-left: 0px;
    margin-right: 10px;
    position: static;
}

.omni-style .filter.entities-list {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.omni-style .filter.entities-list .filter-contents {
    padding: 6px 0px 4px 0px;
}

.omni-style .filter.entities-list .filter-contents > li {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid transparent;
    cursor: default;
    padding-bottom: 16px;
    padding-top: 16px;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.omni-style .filter.entities-list .filter-contents > li.selected {
    background-color: #f0f0f0;
    border-bottom: none;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    box-shadow: 0px 0px 6px #e4e4e4;
    -o-box-shadow: 0px 0px 6px #e4e4e4;
    -ms-box-shadow: 0px 0px 6px #e4e4e4;
    -moz-box-shadow: 0px 0px 6px #e4e4e4;
    -khtml-box-shadow: 0px 0px 6px #e4e4e4;
    -webkit-box-shadow: 0px 0px 6px #e4e4e4;
    margin-left: -11px;
    max-width: 100%;
    padding-bottom: 17px;
    padding-left: 10px;
    padding-right: 10px;
    width: 532px;
}

.omni-style .filter.entities-list .filter-contents > li.selected.last {
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 16px;
}

.omni-style .filter.entities-list.table-list .filter-contents > li {
    padding-bottom: 10px;
    padding-top: 10px;
}

.omni-style .filter.entities-list.table-list .filter-contents > li.selected {
    padding-bottom: 11px;
}

.omni-style .filter.entities-list.table-list .filter-contents > li.selected.last {
    padding-bottom: 10px;
}

.omni-style .filter.entities-list.gallery-list .filter-contents > li {
    border: 1px solid transparent;
    float: left;
    height: 120px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 155px;
}

.omni-style .filter.entities-list.gallery-list .filter-contents > li.selected {
    border-color: #d0d0d0;
    height: 120px;
    margin-left: 0px;
    padding-bottom: 16px;
    width: 155px;
}

.omni-style .filter.entities-list .filter-contents > li .list-view,
.omni-style .filter.entities-list .filter-contents > li .table-view,
.omni-style .filter.entities-list .filter-contents > li .gallery-view {
    display: none;
}

.omni-style .filter.entities-list.list-list .filter-contents > li .list-view {
    display: block;
}

.omni-style .filter.entities-list.table-list .filter-contents > li .table-view {
    display: block;
}

.omni-style .filter.entities-list.gallery-list .filter-contents > li .gallery-view {
    display: block;
}

.omni-style .filter.entities-list.table-list .context-menu {
    display: none;
}

.omni-style .filter.entities-list.gallery-list .context-menu {
    display: none;
}

.omni-style .filter.entities-list .entity-name {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin: 0px 0px 0px 0px;
}

.omni-style .filter.entities-list .entity-small-name {
    font-size: 12px;
    line-height: 16px;
    margin: 8px 0px 0px 0px;
}

.omni-style .filter.entities-list .entity-code {
    font-weight: bold;
}

.omni-style .filter.entities-list .entity-details {
    color: #2d2d2d;
    line-height: 16px;
    margin: 10px 0px 0px 0px;
}

.omni-style .filter.entities-list .entity-information {
    color: #2d2d2d;
    font-size: 11px;
    line-height: 16px;
    margin: 0px 6px 0px 6px;
    text-transform: uppercase;
    word-wrap: break-word;
}

.omni-style .filter.entities-list.list-list .entity-name {
    line-height: 20px;
    margin: 4px 0px 0px 0px;
    max-width: 468px;
}

.omni-style .filter.entities-list.list-list .entity-details {
    line-height: 14px;
    margin: 6px 0px 0px 0px;
    max-width: 468px;
}

.omni-style .filter.entities-list .entity-small-name {
    font-size: 12px;
    line-height: 16px;
    margin: 8px 0px 0px 0px;
}

.omni-style .filter.gallery-list .entity-small-name {
    height: 18px;
    overflow: hidden;
}

.omni-style .header-notifications-container {
    height: 0px;
    min-width: 960px;
    position: fixed;
    text-align: center;
    top: 44px;
    width: 100%;
    z-index: 12;
}

.omni-style .header-notification {
    background-color: #cee6c5;
    border: 1px solid #86c795;
    box-shadow: 0px 1px 6px #cccccc;
    -o-box-shadow: 0px 1px 6px #cccccc;
    -ms-box-shadow: 0px 1px 6px #cccccc;
    -moz-box-shadow: 0px 1px 6px #cccccc;
    -khtml-box-shadow: 0px 1px 6px #cccccc;
    -webkit-box-shadow: 0px 1px 6px #cccccc;
    color: #4d4d4d;
    display: inline-block;
    margin: 0px auto 0px auto;
    padding: 8px 12px 8px 12px;
}

.omni-style .header-notification.success,
.omni-style .header-notification.green {
    background-color: #cee6c5;
    border-color: #86c795;
}

.omni-style .header-notification.warning,
.omni-style .header-notification.yellow {
    background-color: #fcebbc;
    border-color: #f6c167;
}

.omni-style .header-notification.error,
.omni-style .header-notification.red {
    background-color: #fcc0c0;
    border-color: #f68f8f;
}

.omni-style .header-notification > .link-close {
    margin-left: 8px;
}

.omni-style .highlight-box-container {
    border: 1px solid #eaeaea;
    margin: 0px auto 0px auto;
    padding: 20px 14px 14px 14px;
    text-align: center;
}

.omni-style .hightlight-box {
    display: inline-block;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.omni-style .hightlight-box:after {
    clear: both;
    display: block;
    height: 0px;
    visibility: hidden;
}

.omni-style .hightlight-box .hightlight-box-item {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #eaeaea;
    float: left;
    text-align: center;
    width: 166px;
}

.omni-style .hightlight-box .hightlight-box-item:first-child {
    border-left: none;
}

.omni-style .hightlight-box .hightlight-box-item:last-child {
    border-right: none;
}

.omni-style .hightlight-box .hightlight-box-item > h3 {
    color: #2d2d2d;
    font-size: 12px;
    font-weight: normal;
    margin: 0px 0px 8px 0px;
    text-transform: uppercase;
}

.omni-style .hightlight-box .hightlight-box-item > h1 {
    color: #444444;
    font-size: 42px;
    font-weight: normal;
    line-height: 42px;
    margin: 0px 0px 0px 0px;
}

.omni-style .hightlight-box .hightlight-box-item.green > h1 {
    color: #3eb033;
}

.omni-style .hightlight-box .hightlight-box-item.red > h1 {
    color: #c31f30;
}

.omni-style .image-upload {
    background: #fcfcfc no-repeat center center;
    border: 1px dashed #eaeaea;
    font-size: 0px;
    min-height: 160px;
    padding: 8px 8px 8px 8px;
    text-align: center;
}

.omni-style .image-upload.drag {
    background: #f6f6f6 no-repeat center center;
}

.omni-style .image-upload img {
    height: 160px;
    margin: 2px 2px 2px 2px;
}

.omni-style .incremental-field {
    height: auto;
}

.omni-style .incremental-field::after {
    clear: both;
    content: "";
    display: block;
}

.omni-style .incremental-field .button {
    background-color: #f4f4f4;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #dddddd;
    float: left;
    font-size: 14px;
    height: 36px;
    line-height: 34px;
    width: 36px;
}

.omni-style .incremental-field.small .button {
    height: 30px;
    line-height: 28px;
    width: 30px;
}

.omni-style.retina-s .incremental-field .button {
    background-size: 16px 16px;
}

.omni-style .incremental-field .button:hover {
    background-color: #f0f0f0;
}

.omni-style .incremental-field .button.active,
.omni-style .incremental-field .button:active {
    background-color: #e8e8e8;
}

.omni-style .incremental-field .button.minus {
    background-image: url(../images/incremental-field-minus.png);
    border-right: none;
}

.omni-style.retina-s .incremental-field .button.minus {
    background-image: url(../images/incremental-field-minus-2x.png);
}

.omni-style .incremental-field .button.plus {
    background-image: url(../images/incremental-field-plus.png);
    border-left: none;
}

.omni-style.retina-s .incremental-field .button.plus {
    background-image: url(../images/incremental-field-plus-2x.png);
}

.omni-style .incremental-field .text-field {
    float: left;
    width: 196px;
}

.omni-style .incremental-field.disabled .button:hover {
    background-color: #f4f4f4;
}

.omni-style .incremental-field.disabled .button.active,
.omni-style .incremental-field.disabled .button:active {
    background-color: #f4f4f4;
}

.omni-style .hovering-box .hovering-box-template {
    position: absolute;
}

.omni-style .hovering-box .hovering-box-container {
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    box-shadow: 0px 1px 4px #eeeeee;
    -o-box-shadow: 0px 1px 4px #eeeeee;
    -ms-box-shadow: 0px 1px 4px #eeeeee;
    -moz-box-shadow: 0px 1px 4px #eeeeee;
    -khtml-box-shadow: 0px 1px 4px #eeeeee;
    -webkit-box-shadow: 0px 1px 4px #eeeeee;
    color: #4d4d4d;
    padding: 10px 10px 10px 10px;
}

.omni-style .hovering-box .hovering-box-header {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 8px;
}

.omni-style .hovering-box .hovering-box-header p.entity-name {
    color: #4d4d4d;
}

.omni-style .hovering-box .hovering-box-header p.entity-details {
    color: #666666;
}

.omni-style .hovering-box .hovering-box-header div.entity-picture > img {
    border: none;
    border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.omni-style .hovering-box .table tr th {
    color: #666666;
    font-size: 10px;
}

.omni-style .hovering-box .table tr {
    font-size: 11px;
    height: 20px;
    text-align: center;
}

.omni-style .label {
    color: #2d2d2d;
}

.omni-style .window.window-lightbox {
    cursor: pointer;
    line-height: 0px;
    overflow: visible;
    padding: 0px 0px 0px 0px;
    width: inherit;
}

.omni-style .window.window-lightbox .button-confirm,
.omni-style .window.window-lightbox .button-expand {
    animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -khtml-animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
}

.omni-style .window.window-lightbox .button-confirm {
    background: transparent url(../images/lightbox-close.png) no-repeat left 0px;
    cursor: pointer;
    height: 30px;
    margin: -14px 0px 0px -14px;
    position: absolute;
    width: 30px;
}

.omni-style.retina-s .window.window-lightbox .button-confirm {
    background-image: url(../images/lightbox-close-2x.png);
    background-size: 30px 30px;
}

.omni-style .window.window-lightbox.loading .button-confirm {
    background-image: url(../images/lightbox-loading.png);
}

.omni-style.retina-s .window.window-lightbox.loading .button-confirm {
    background-image: url(../images/lightbox-loading-2x.png);
    background-size: 30px 330px;
}

.omni-style .window.window-lightbox.loaded .button-confirm {
    background-image: url(../images/lightbox-close.png);
}

.omni-style.retina-s .window.window-lightbox.loaded .button-confirm {
    background-image: url(../images/lightbox-close-2x.png);
    background-size: 30px 30px;
}

.omni-style .window.window-lightbox .button-expand {
    background: transparent url(../images/lightbox-expand.png) no-repeat left 0px;
    cursor: pointer;
    height: 30px;
    margin: -14px 0px 0px 10px;
    position: absolute;
    width: 30px;
}

.omni-style.retina-s .window.window-lightbox .button-expand {
    background-image: url(../images/lightbox-expand-2x.png);
    background-size: 30px 30px;
}

.omni-style .window.window-lightbox.loading .button-expand {
    background-image: url(../images/lightbox-loading.png);
}

.omni-style.retina-s .window.window-lightbox.loading .button-expand {
    background-image: url(../images/lightbox-loading-2x.png);
    background-size: 30px 330px;
}

.omni-style .link {
    border-bottom: 1px solid transparent;
    outline: none;
    -o-outline: none;
    -ms-outline: none;
    -moz-outline: none;
    -khtml-outline: none;
    -webkit-outline: none;
    padding-bottom: 1px;
    text-decoration: none;
}

.omni-style.animations .link {
    transition: border-color 0.05s ease-in;
    -o-transition: border-color 0.05s ease-in;
    -ms-transition: border-color 0.05s ease-in;
    -moz-transition: border-color 0.05s ease-in;
    -khtml-transition: border-color 0.05s ease-in;
    -webkit-transition: border-color 0.05s ease-in;
}

.omni-style .link.link-blue {
    color: #3668c6;
}

.omni-style .link.link-blue:hover,
.omni-style .link.link-blue.selected {
    border-bottom: 1px solid #3668c6;
}

.omni-style .link.link-green {
    color: #32951b;
}

.omni-style .link.link-green:hover,
.omni-style .link.link-green.selected {
    border-bottom: 1px solid #32951b;
}

.omni-style .link.link-red {
    color: #c31f30;
}

.omni-style .link.link-red:hover,
.omni-style .link.link-red.selected {
    border-bottom: 1px solid #c31f30;
}

.omni-style .link.link-grey {
    color: #888888;
}

.omni-style .link.link-grey:hover,
.omni-style .link.link-grey.selected {
    border-bottom: 1px solid #888888;
}

.omni-style .link.link-grey-light {
    color: #4d4d4d;
}

.omni-style .link.link-grey-light:hover,
.omni-style .link.link-grey-light.selected {
    border-bottom: 1px solid #4d4d4d;
}

.omni-style .link.link-grey-dark {
    color: #2d2d2d;
}

.omni-style .link.link-grey-dark:hover,
.omni-style .link.link-grey-dark.selected {
    border-bottom: 1px solid #2d2d2d;
}

.omni-style .link.link-grey-darker {
    color: #000000;
}

.omni-style .link.link-grey-darker:hover,
.omni-style .link.link-grey-darker.selected {
    border-bottom: 1px solid #000000;
}

.omni-style .list.links-list {
    line-height: 20px;
    list-style: none;
    padding: 0px 0px 0px 0px;
}

.omni-style .list.links-list li {
    margin-bottom: 4px;
}

.omni-style .list.links-list li:last-child {
    margin-bottom: 0px;
}

.omni-style .list.side-entities-list {
    margin: -5px -9px 0px -9px;
    width: 190px;
}

.omni-style .list.side-entities-list li {
    border-bottom: 1px solid #f6f6f6;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    cursor: pointer;
    margin: 0px 9px 0px 9px;
    padding: 9px 0px 9px 0px;
}

.omni-style .list.side-entities-list li:hover {
    background-color: #f0f0f0;
    border: 1px solid #d0d0d0;
    box-shadow: 0px 0px 6px #e4e4e4;
    -o-box-shadow: 0px 0px 6px #e4e4e4;
    -ms-box-shadow: 0px 0px 6px #e4e4e4;
    -moz-box-shadow: 0px 0px 6px #e4e4e4;
    -khtml-box-shadow: 0px 0px 6px #e4e4e4;
    -webkit-box-shadow: 0px 0px 6px #e4e4e4;
    margin: 0px 0px 0px 0px;
    padding: 9px 9px 9px 9px;
}

.omni-style .list.side-entities-list li:last-child {
    border-bottom: 1px solid transparent;
}

.omni-style .list.side-entities-list li:last-child:hover {
    border-bottom: 1px solid #d0d0d0;
}

.omni-style .list.side-entities-list .entity-picture {
    height: 44px;
    margin-right: 8px;
    width: 44px;
}

.omni-style .list.side-entities-list .entity-name {
    color: #2d2d2d;
    line-height: 20px;
    margin: 1px 0px 0px 0px;
}

.omni-style .list.side-entities-list .entity-contents {
    height: 44px;
    overflow: hidden;
    width: 114px;
}

.omni-style .list.side-entities-list .entity-details {
    color: #2d2d2d;
    line-height: 20px;
    margin: 2px 0px 0px 0px;
}

.omni-style.opensans .list.side-entities-list .entity-details {
    line-height: 22px;
}

.omni-style .list.side-entities-list.simplified .entity-contents {
    height: auto;
    width: 168px;
}

.omni-style .list.side-entities-list.simplified .entity-name {
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
}

.omni-style .list.side-entities-list.simplified .entity-details {
    color: #2d2d2d;
    float: right;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
}

.omni-style .list.entity-options-list {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 16px 0px;
}

.omni-style.mobile-s .list.entity-options-list {
    padding-bottom: 0px;
}

.omni-style .list.entity-options-list li {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 16px;
    padding-top: 16px;
}

.omni-style .list.entity-options-list li:first-child {
    padding-top: 0px;
}

.omni-style.mobile-s .list.entity-options-list li {
    display: flex;
}

.omni-style .list.entity-options-list .entity-picture {
    border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    height: 96px;
    width: 96px;
}

.omni-style.round .list.entity-options-list .entity-picture {
    border-radius: 0px 32px 0px 32px;
    -o-border-radius: 0px 32px 0px 32px;
    -ms-border-radius: 0px 32px 0px 32px;
    -moz-border-radius: 0px 32px 0px 32px;
    -khtml-border-radius: 0px 32px 0px 32px;
    -webkit-border-radius: 0px 32px 0px 32px;
}

.omni-style.mobile-s .list.entity-options-list .entity-picture {
    float: none;
    flex: 0 1;
    min-height: 96px;
    min-width: 96px;
}

.omni-style.mobile-s .list.entity-options-list .entity-details {
    float: none;
    flex: 1 0;
}

.omni-style .list.entity-options-list .entity-name {
    color: #2d2d2d;
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
}

.omni-style .list.entity-options-list .entity-description {
    color: #2d2d2d;
    line-height: 20px;
    margin-bottom: 12px;
    margin-top: 6px;
    width: 420px;
}

.omni-style.mobile-s .list.entity-options-list .entity-description {
    width: auto;
}

.omni-style.opensans .list.entity-options-list .entity-description {
    line-height: 22px;
    margin-bottom: 8px;
}

.omni-style .list.entity-options-list .entity-operation {
    margin: 0px 0px 0px;
}

.omni-style .list.entity-options-list.full .entity-description {
    width: 100%;
}

.omni-style .notification {
    background-color: #ffffff;
    border: 1px solid #dadada;
    bottom: 16px;
    box-shadow: 0px 0px 4px #eeeeee;
    -o-box-shadow: 0px 0px 4px #eeeeee;
    -ms-box-shadow: 0px 0px 4px #eeeeee;
    -moz-box-shadow: 0px 0px 4px #eeeeee;
    -khtml-box-shadow: 0px 0px 4px #eeeeee;
    -webkit-box-shadow: 0px 0px 4px #eeeeee;
    left: 16px;
    padding: 12px 12px 12px 12px;
    position: fixed;
    width: 340px;
    z-index: 12;
}

.omni-style .notification .notification-close {
    font-size: 10px;
    position: absolute;
    right: 12px;
    text-align: right;
    text-transform: uppercase;
}

.omni-style .notification .notification-header {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 12px;
}

.omni-style .notification .notification-contents {
    padding-top: 12px;
}

.omni-style .notification .notification-title {
    color: #2d2d2d;
    font-size: 16px;
    margin: 0px 0px 6px 0px;
}

.omni-style .notification .notification-sub-title {
    color: #2d2d2d;
    font-size: 10px;
    font-weight: normal;
    margin: 2px 0px 0px 0px;
    text-transform: uppercase;
}

.omni-style .notification .notification-text {
    color: #2d2d2d;
    font-size: 12px;
    line-height: 18px;
    margin: 0px 0px 0px 0px;
}

.omni-style .notification.button:hover {
    background-color: #f4f4f4;
    border-color: #cccccc;
}

.omni-style.dark .notification {
    border-color: #2d2d2d;
    box-shadow: 0px 0px 6px #4d4d4d;
    -o-box-shadow: 0px 0px 6px #4d4d4d;
    -ms-box-shadow: 0px 0px 6px #4d4d4d;
    -moz-box-shadow: 0px 0px 6px #4d4d4d;
    -khtml-box-shadow: 0px 0px 6px #4d4d4d;
    -webkit-box-shadow: 0px 0px 6px #4d4d4d;
}

.omni-style.dark .notification.button:hover {
    border-color: #000000;
}

.omni-style.animations .overlay-panel {
    animation: fade-grow 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -o-animation: fade-grow 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -ms-animation: fade-grow 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -moz-animation: fade-grow 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -khtml-animation: fade-grow 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -webkit-animation: fade-grow 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
}

.omni-style.animations .overlay-panel.invisible {
    animation: fade-shrink-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -o-animation: fade-shrink-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -ms-animation: fade-shrink-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -moz-animation: fade-shrink-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -khtml-animation: fade-shrink-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -webkit-animation: fade-shrink-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
}

.omni-style .overlay-panel.overlay-search {
    background-color: #f6f6f6;
    border: 1px solid #666666;
    border-radius: 6px 6px 6px 6px;
    -o-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 0px 4px #777777;
    -o-box-shadow: 0px 0px 4px #777777;
    -ms-box-shadow: 0px 0px 4px #777777;
    -moz-box-shadow: 0px 0px 4px #777777;
    -khtml-box-shadow: 0px 0px 4px #777777;
    -webkit-box-shadow: 0px 0px 4px #777777;
    padding: 12px 12px 12px 12px;
    position: absolute;
    z-index: 30;
}

.omni-style .overlay-panel.overlay-search .text-field {
    font-size: 24px;
    height: 38px;
    width: 370px;
}

.omni-style .overlay-panel.overlay-search .drop-field {
    width: 406px;
}

.omni-style .overlay-panel.overlay-search .drop-field .entity-name,
.omni-style .overlay-panel.overlay-search .drop-field .entity-details {
    width: 332px;
}

.omni-style .overlay-panel.overlay-search .drop-field-contents {
    box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -webkit-box-shadow: none;
}

.omni-style .overlay-panel.overlay-search .drop-field-contents li:last-child {
    border-bottom: none;
}

.omni-style.dark .overlay-panel.overlay-search {
    border-color: #555555;
    box-shadow: 0px 0px 6px #444444;
    -o-box-shadow: 0px 0px 6px #444444;
    -ms-box-shadow: 0px 0px 6px #444444;
    -moz-box-shadow: 0px 0px 6px #444444;
    -khtml-box-shadow: 0px 0px 6px #444444;
    -webkit-box-shadow: 0px 0px 6px #444444;
}

.omni-style .overlay {
    background-color: #4d4d4d;
    opacity: 0.6;
    -o-opacity: 0.6;
    -ms-opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
    z-index: 20;
}

.omni-style .overlay.dark {
    background-color: #2d2d2d;
    opacity: 0.7;
    -o-opacity: 0.7;
    -ms-opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-opacity: 0.7;
}

.omni-style.dark .overlay {
    background-color: #2d2d2d;
    opacity: 0.7;
    -o-opacity: 0.7;
    -ms-opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-opacity: 0.7;
}

.omni-style .panel-more > .panel-more-action {
    clear: both;
    list-style: none;
    text-align: center;
}

.omni-style .panel-more > .panel-more-action > li.list-more {
    display: inline-block;
    list-style: none;
    text-align: center;
}

.omni-style .panel-more > .panel-more-action > li.list-more span {
    background-color: #777777;
    color: #ffffff;
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 13px;
    padding: 2px 10px 2px 10px;
    text-transform: uppercase;
}

.omni-style .panel-more > .panel-more-action > li.list-more span:hover {
    background-color: #71ae48;
}

.omni-style.round .panel-more > .panel-more-action > li.list-more span {
    border-radius: 6px 6px 6px 6px;
    -o-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
}

.omni-style .password-meter {
    background-color: #dddddd;
    margin-top: 2px;
    max-width: 100%;
    width: 284px;
}

.omni-style.mobile-s .password-meter {
    display: block;
}

.omni-style .password-meter.list-medium-field {
    clear: both;
    float: right;
    margin-top: 8px;
    width: 428px;
}

.omni-style .password-meter .password-meter-contents {
    height: 6px;
}

.omni-style .password-meter .password-meter-contents.level-0 {
    width: 0%;
}

.omni-style .password-meter .password-meter-contents.level-1 {
    background-color: #ed1f24;
    width: 17%;
}

.omni-style .password-meter .password-meter-contents.level-2 {
    background-color: #f47621;
    width: 34%;
}

.omni-style .password-meter .password-meter-contents.level-3 {
    background-color: #fdb913;
    width: 51%;
}

.omni-style .password-meter .password-meter-contents.level-4 {
    background-color: #d4c628;
    width: 68%;
}

.omni-style .password-meter .password-meter-contents.level-5 {
    background-color: #7db976;
    width: 85%;
}

.omni-style .password-meter .password-meter-contents.level-6 {
    background-color: #57ba5c;
    width: 100%;
}

.omni-style .progress-bar {
    border-radius: 6px 6px 6px 6px;
    -o-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    height: 24px;
    overflow: hidden;
    width: 526px;
}

.omni-style .progress-bar .progress-bar-bar {
    background-color: #5368c6;
    color: #ffffff;
    float: left;
    height: 24px;
    line-height: 22px;
    text-align: right;
}

.omni-style .progress-bar .progress-bar-percentage {
    font-size: 11px;
    padding: 0px 6px 0px 6px;
}

.omni-style .radio-field {
    appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -khtml-appearance: none;
    -webkit-appearance: none;
    background: #ffffff url(../images/radio-field.png) no-repeat 0px 0px;
    border: 1px solid #bbbbbb;
    border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    -ms-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    color: #818285;
    cursor: pointer;
    height: 17px;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
    width: 17px;
}

.omni-style.retina-s .radio-field {
    background-image: url(../images/radio-field-2x.png);
    background-size: 15px 90px;
}

.omni-style .radio-field:hover {
    background-position: 0px -15px;
}

.omni-style .radio-field:checked {
    background-position: 0px -45px;
}

.omni-style .radio-field:checked:hover {
    background-position: 0px -60px;
}

.omni-style .radio-field:focus {
    outline: none;
    -o-outline: none;
    -ms-outline: none;
    -moz-outline: none;
    -khtml-outline: none;
    -webkit-outline: none;
}

.omni-style.explorer .radio-field {
    background: transparent none no-repeat 0px 0px;
    border: none;
    height: auto;
    width: auto;
}

.omni-style .radio-field-label {
    color: #4d4d4d;
    margin: 0px 16px 0px 8px;
}

.omni-style .rating {
    height: 24px;
    padding: 8px 0px 8px 0px;
    text-align: left;
}

.omni-style .rating .rating-item {
    background: transparent url(../images/rating.png) no-repeat left 0px;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    padding-left: 4px;
    width: 24px;
}

.omni-style.retina-s .rating .rating-item {
    background-image: url(../images/rating-2x.png);
    background-size: 24px 48px;
}

.omni-style .rating .rating-item.active {
    background-position: left -24px;
}

.omni-style .rating .rating-item.inactive {
    background-position: left 0px;
}

.omni-style .rating .rating-item.hover {
    background-position: left -24px;
}

.omni-style .scroll-list-container {
    overflow: hidden;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.omni-style .scroll-list-container > .scroll-previous,
.omni-style .scroll-list-container > .scroll-next {
    background: transparent none no-repeat left 0px;
    cursor: pointer;
    height: 24px;
    margin-top: 78px;
    position: absolute;
    width: 15px;
}

.omni-style.retina-s .scroll-list-container > .scroll-previous,
.omni-style.retina-s .scroll-list-container > .scroll-next {
    background-size: 15px 72px;
}

.omni-style .scroll-list-container > .scroll-previous:hover,
.omni-style .scroll-list-container > .scroll-next:hover {
    background-position: left -24px;
}

.omni-style .scroll-list-container > .scroll-previous {
    background-image: url(../images/scroll-list-previous.png);
    margin-left: -20px;
}

.omni-style.retina-s .scroll-list-container > .scroll-previous {
    background-image: url(../images/scroll-list-previous-2x.png);
}

.omni-style .scroll-list-container > .scroll-next {
    background-image: url(../images/scroll-list-next.png);
    margin-left: 905px;
}

.omni-style.retina-s .scroll-list-container > .scroll-next {
    background-image: url(../images/scroll-list-next-2x.png);
}

.omni-style .select-list {
    border: 1px solid #dddddd;
    height: 223px;
    list-style: none;
    margin: -1px 0px 0px 0px;
    overflow-y: auto;
    padding: 0px 0px 0px 0px;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    width: 246px;
}

.omni-style .select-list li {
    background-color: #ffffff;
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid transparent;
    color: #4d4d4d;
    cursor: pointer;
    font-size: 12px;
    line-height: 22px;
    padding: 4px 6px 4px 6px;
}

.omni-style .select-list li:last-child {
    border-bottom: none;
}

.omni-style .select-list li.selected {
    background-color: #f0f0f0;
}

.omni-style .select-list li.clone {
    background-color: #fbfbfb;
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
}

.omni-style .select-list li .order-icon {
    background: transparent url(../images/select-list-order.png) no-repeat;
    float: right;
    height: 16px;
    margin-top: 2px;
    width: 16px;
}

.omni-style.retina-s .select-list li .order-icon {
    background-image: url(../images/select-list-order-2x.png);
    background-size: 16px 32px;
}

.omni-style .select-list li .order-icon:hover {
    background-position: 0 -16px;
}

.omni-style .select-list li.clone .order-icon {
    background-position: 0 -16px;
}

.omni-style .side-panel {
    background-color: #ffffff;
    border-left: 1px solid #aaaaaa;
    box-shadow: -2px 0px 3px #cccccc;
    -o-box-shadow: -2px 0px 3px #cccccc;
    -ms-box-shadow: -2px 0px 3px #cccccc;
    -moz-box-shadow: -2px 0px 3px #cccccc;
    -khtml-box-shadow: -2px 0px 3px #cccccc;
    -webkit-box-shadow: -2px 0px 3px #cccccc;
    display: none;
    min-height: 100%;
    padding: 0px 24px 0px 24px;
    position: fixed;
    right: 0px;
    text-align: left;
    top: 0px;
    width: 360px;
    z-index: 30;
}

.omni-style .side-panel.grey {
    background-color: #f2f2f2;
}

.omni-style .side-panel h1 {
    font-weight: normal;
    text-transform: none;
}

.omni-style .slider-bar {
    background: #fdfdfd;
    height: 200px;
}

.omni-style .slider-bar .slider-bar-ruler {
    border: 1px solid #dddddd;
    height: 6px;
}

.omni-style .slider-bar .slider-bar-cursor {
    background: transparent url(../images/slider-bar-cursor.png) no-repeat 0px 0px;
    cursor: pointer;
    height: 13px;
    margin-top: -9px;
    position: absolute;
    width: 12px;
}

.omni-style.retina-s .slider-bar .slider-bar-cursor {
    background-image: url(../images/slider-bar-cursor-2x.png);
    background-size: 12px 52px;
}

.omni-style .slider-bar .slider-bar-cursor:hover {
    background-position: 0px -13px;
}

.omni-style .slider-bar .slider-bar-cursor.click {
    background-position: 0px -26px;
}

.omni-style .slider-bar .slider-bar-marker {
    background-color: #999999;
    height: 7px;
    margin: 8px 0px 0px 5px;
    width: 1px;
}

.omni-style .slider-bar .slider-bar-label {
    color: #999999;
    font-size: 11px;
}

.omni-style .slideshow .slideshow-image {
    cursor: pointer;
    height: 100px;
    line-height: 100px;
}

.omni-style .slideshow .slideshow-image img {
    vertical-align: middle;
}

.omni-style .slideshow ul.slideshow-alternates {
    display: inline-block;
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.omni-style .slideshow ul.slideshow-alternates li {
    background: transparent url(../images/slideshow-alternates.png) no-repeat center 0px;
    float: left;
    height: 16px;
    list-style: none;
    width: 16px;
}

.omni-style.retina-s .slideshow ul.slideshow-alternates li {
    background-image: url(../images/slideshow-alternates-2x.png);
    background-size: 16px 32px;
}

.omni-style .slideshow ul.slideshow-alternates li.active {
    background-position: center -16px;
}

.omni-style .slideshow ul.slideshow-alternates li:hover {
    background-position: center -16px;
}

.omni-style .slider {
    left: 0px;
    position: fixed;
    top: 180px;
    width: 100%;
    z-index: 30;
}

.omni-style .slider > .slider-contents {
    transition: margin-left 0.5s ease-in-out;
    -o-transition: margin-left 0.5s ease-in-out;
    -ms-transition: margin-left 0.5s ease-in-out;
    -moz-transition: margin-left 0.5s ease-in-out;
    -khtml-transition: margin-left 0.5s ease-in-out;
    -webkit-transition: margin-left 0.5s ease-in-out;
}

.omni-style .slider .slider-panel.active {
    opacity: 1.0;
    -o-opacity: 1.0;
    -ms-opacity: 1.0;
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    -webkit-opacity: 1.0;
}

.omni-style .slider .slider-panel {
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    box-shadow: 0px 1px 2px #dddddd;
    -o-box-shadow: 0px 1px 2px #dddddd;
    -ms-box-shadow: 0px 1px 2px #dddddd;
    -moz-box-shadow: 0px 1px 2px #dddddd;
    -khtml-box-shadow: 0px 1px 2px #dddddd;
    -webkit-box-shadow: 0px 1px 2px #dddddd;
    float: left;
    height: 172px;
    margin-right: 90px;
    opacity: 0.50;
    -o-opacity: 0.50;
    -ms-opacity: 0.50;
    -moz-opacity: 0.50;
    -khtml-opacity: 0.50;
    -webkit-opacity: 0.50;
    padding: 64px 48px 64px 48px;
    transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -khtml-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    width: 488px;
}

.omni-style .slider .slider-panel .slider-panel-arrow {
    border-bottom: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    cursor: pointer;
    height: 19px;
    padding: 20px 14px 20px 14px;
    position: absolute;
    width: 13px;
}

.omni-style .slider .slider-panel .slider-panel-arrow-next {
    background: #ffffff url(../images/slider-panel-arrow-next.png) no-repeat center center;
    border-right: 1px solid #aaaaaa;
    margin: 50px 0px 0px 536px;
}

.omni-style .slider .slider-panel .slider-panel-arrow-next:hover {
    background-image: url(../images/slider-panel-arrow-next-hover.png);
}

.omni-style .slider .slider-panel .slider-panel-arrow-previous {
    background: #ffffff url(../images/slider-panel-arrow-back.png) no-repeat center center;
    border-left: 1px solid #aaaaaa;
    margin: 50px 0px 0px -90px;
}

.omni-style .slider .slider-panel .slider-panel-arrow-previous:hover {
    background-image: url(../images/slider-panel-arrow-back-hover.png);
}

.omni-style .slider .slider-panel.ivm {
    border-left: 4px solid #5ec068;
    border-right: 4px solid #5ec068;
}

.omni-style .slider .slider-panel.crm {
    border-left: 4px solid #54738a;
    border-right: 4px solid #54738a;
}

.omni-style .slider .slider-panel.srm {
    border-left: 4px solid #ffbf49;
    border-right: 4px solid #ffbf49;
}

.omni-style .slider .slider-panel.pum {
    border-left: 4px solid #fc8d3b;
    border-right: 4px solid #fc8d3b;
}

.omni-style .slider .slider-panel.adm {
    border-left: 4px solid #d54c43;
    border-right: 4px solid #d54c43;
}

.omni-style .slider .slider-panel.sam {
    border-left: 4px solid #009493;
    border-right: 4px solid #009493;
}

.omni-style .slider .slider-panel p.title {
    color: #4d4d4d;
    font-size: 38px;
    font-weight: bold;
    margin: 0px 0px 12px 0px;
}

.omni-style .slider .slider-panel p.text {
    color: #4d4d4d;
    font-size: 12px;
    line-height: 16px;
}

.omni-style .slider .slider-panel p.subtext {
    color: #4d4d4d;
    font-size: 12px;
    margin: 24px 0px 0px 0px;
}

.omni-style .slider .slider-panel a {
    text-decoration: none;
}

.omni-style .slider .slider-panel a.ivm-link {
    color: #5ec068;
}

.omni-style .slider .slider-panel a.ivm-link:hover {
    border-bottom: 1px solid #5ec068;
}

.omni-style .slider .slider-panel a.crm-link {
    color: #54738a;
}

.omni-style .slider .slider-panel a.crm-link:hover {
    border-bottom: 1px solid #54738a;
}

.omni-style .slider .slider-panel a.srm-link {
    color: #ffbf49;
}

.omni-style .slider .slider-panel a.srm-link:hover {
    border-bottom: 1px solid #ffbf49;
}

.omni-style .slider .slider-panel a.pum-link {
    color: #fc8d3b;
}

.omni-style .slider .slider-panel a.pum-link:hover {
    border-bottom: 1px solid #fc8d3b;
}

.omni-style .slider .slider-panel a.adm-link {
    color: #d54c43;
}

.omni-style .slider .slider-panel a.adm-link:hover {
    border-bottom: 1px solid #d54c43;
}

.omni-style .slider .slider-panel a.sam-link {
    color: #009493;
}

.omni-style .slider .slider-panel a.sam-link:hover {
    border-bottom: 1px solid #009493;
}

.omni-style .source-list .text-field {
    background-image: url(../images/source-list-dots.png);
    background-position: right center;
    background-repeat: no-repeat;
    box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -webkit-box-shadow: none;
    height: 26px;
    padding-right: 28px;
    width: 212px;
}

.omni-style.retina-s .source-list .text-field {
    background-image: url(../images/source-list-dots-2x.png);
    background-size: 23px 16px;
}

.omni-style .stack > .stack-in {
    transition: left 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -o-transition: left 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -ms-transition: left 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -moz-transition: left 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -khtml-transition: left 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -webkit-transition: left 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
}

.omni-style .stack .stack-item {
    font-size: 13px;
    line-height: 20px;
}

.omni-style .stats-panel {
    float: left;
    margin: 12px 0px 20px 12px;
    width: 139px;
}

.omni-style .stats-panel > .stat-panel {
    background: transparent none no-repeat 4px 27px;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 12px;
    padding: 0px 0px 12px 20px;
}

.omni-style .stats-panel > .stat-panel.last {
    margin-bottom: 8px;
}

.omni-style .stats-panel > .stat-panel.up {
    background-image: url(../images/stat-panel-up.png);
}

.omni-style.retina-s .stats-panel > .stat-panel.up {
    background-image: url(../images/stat-panel-up-2x.png);
    background-size: 5px 5px;
}

.omni-style .stats-panel > .stat-panel.down {
    background-image: url(../images/stat-panel-down.png);
}

.omni-style.retina-s .stats-panel > .stat-panel.down {
    background-image: url(../images/stat-panel-down-2x.png);
    background-size: 5px 5px;
}

.omni-style .stats-panel > .stat-panel.equal {
    background-image: url(../images/stat-panel-equal.png);
}

.omni-style.retina-s .stats-panel > .stat-panel.equal {
    background-image: url(../images/stat-panel-equal-2x.png);
    background-size: 5px 5px;
}

.omni-style .stats-panel > .link-panel {
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.omni-style .stats-panel .link {
    margin: 0px 3px 0px 3px;
}

.omni-style .stats-panel h4 {
    color: #2d2d2d;
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    margin: 0px 0px 4px 0px;
    text-transform: uppercase;
}

.omni-style .stats-panel p {
    color: #2d2d2d;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px,;
    margin: 0px 0px 0px 0px;
}

.omni-style .stats-panel p .small-caps {
    font-size: 10px;
}

.omni-style .stats-panel .chart .bar-container {
    background: #dddddd;
    height: 2px;
    margin-top: 6px;
}

.omni-style .stats-panel .chart .bar-container .bar {
    box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -webkit-box-shadow: none;
    height: 2px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.omni-style .tab-panel .tab-selectors {
    border-bottom: 1px solid #eaeaea;
    height: 22px;
    list-style: none;
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 0px 0px;
}

.omni-style .tab-panel .tab-selector {
    color: #2d2d2d;
    float: left;
    font-size: 12px;
    font-weight: 600;
    height: 22px;
    letter-spacing: 0.25px;
    line-height: 18px;
    margin-right: 12px;
    text-transform: uppercase;
}

.omni-style .tab-panel .tab-selector.active {
    background: transparent url(../images/tab-panel-arrow.png) no-repeat center bottom;
    color: #3668c6;
}

.omni-style.retina-s .tab-panel .tab-selector.active {
    background-image: url(../images/tab-panel-arrow-2x.png);
    background-size: 5px 3px;
}

.omni-style .tab-panel .tab-selector:hover {
    color: #3668c6;
}

.omni-style .subscript {
    font-size: 70%;
    line-height: 70%;
}

.omni-style .tag,
.omni-style .tag.grey {
    background-color: #999999;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 6px 3px 6px;
    text-transform: uppercase;
}

.omni-style .tag.success,
.omni-style .tag.green {
    background-color: #46a546;
}

.omni-style .tag.warning,
.omni-style .tag.orange {
    background-color: #f89406;
}

.omni-style .tag.important,
.omni-style .tag.red {
    background-color: #c43c35;
}

.omni-style .tag.notice,
.omni-style .tag.blue {
    background-color: #62cffc;
}

.omni-style .tag.small {
    font-size: 8px;
    font-weight: normal;
    letter-spacing: 1px;
}

.omni-style .tag.inset {
    box-shadow: inset 0px 0px 3px #666666;
    -o-box-shadow: inset 0px 0px 3px #666666;
    -ms-box-shadow: inset 0px 0px 3px #666666;
    -moz-box-shadow: inset 0px 0px 3px #666666;
    -khtml-box-shadow: inset 0px 0px 3px #666666;
    -webkit-box-shadow: inset 0px 0px 3px #666666;
}

.omni-style .tag.lower {
    opacity: 0.75;
    -o-opacity: 0.75;
    -ms-opacity: 0.75;
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    -webkit-opacity: 0.75;
}

.omni-style.round .tag {
    border-radius: 12px 12px 12px 12px;
    -o-border-radius: 12px 12px 12px 12px;
    -ms-border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 12px 12px 12px 12px;
    -khtml-border-radius: 12px 12px 12px 12px;
    -webkit-border-radius: 12px 12px 12px 12px;
}

.omni-style .table {
    position: relative;
    width: 100%;
}

.omni-style .table tr {
    height: 31px;
}

.omni-style .table thead tr {
    height: 22px;
}

.omni-style .table tfoot tr {
    height: auto;
}

.omni-style .table.table-show tr {
    height: 26px;
}

.omni-style .table tr th {
    color: #2d2d2d;
    font-size: 10px;
    font-weight: 600;
    padding-left: 4px;
    text-transform: uppercase;
}

.omni-style.mobile-s:not(.no-important) .table tr th {
    height: auto !important;
    min-width: auto !important;
    width: auto !important;
}

.omni-style .table.table-show tr th {
    padding-left: 0px;
}

.omni-style .table tr td {
    padding: 0px 0px 0px 0px;
    word-break: break-all;
}

.omni-style .table tr td.selected {
    border-color: #3668c6;
}

.omni-style .table .text-field {
    background-color: transparent;
    border-bottom-width: 0px;
    border-right-width: 0px;
    height: 26px;
    padding: 2px 0px 2px 0px;
    text-indent: 6px;
    width: 100%;
}

.omni-style .table .text-field.active {
    border-bottom-width: 0px;
    border-right-width: 0px;
}

.omni-style .table .text-field.invalid {
    border-bottom-width: 0px;
    border-right-width: 0px;
}

.omni-style .table .drop-field {
    width: 100%;
}

.omni-style .table .drop-field .drop-field-contents {
    margin-top: 1px;
}

.omni-style .table tr.last .drop-field .drop-field-contents {
    margin-top: 0px;
}

.omni-style .table .drop-field .drop-field-contents li > .subscript-extra {
    font-size: 70%;
}

.omni-style .table .table-add,
.omni-style .table .table-remove {
    cursor: pointer;
    height: 36px;
    opacity: 0.0;
    -o-opacity: 0.0;
    -ms-opacity: 0.0;
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    -webkit-opacity: 0.0;
    position: absolute;
    width: 18px;
}

.omni-style .table .table-add.visible,
.omni-style .table .table-remove.visible {
    opacity: 1.0;
    -o-opacity: 1.0;
    -ms-opacity: 1.0;
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    -webkit-opacity: 1.0;
}

.omni-style .table .table-add .inline-add,
.omni-style .table .table-remove .inline-remove {
    background: transparent none no-repeat no-scroll 0px 0px;
    height: 11px;
    margin-top: 10px;
    width: 11px;
}

.omni-style .table .table-add:hover .inline-add,
.omni-style .table .table-remove:hover .inline-remove {
    background-position: 0px -11px;
}

.omni-style .table .table-add .inline-add {
    background-image: url(../images/table-add.png);
    margin-left: 6px;
}

.omni-style.retina-s .table .table-add .inline-add {
    background-image: url(../images/table-add-2x.png);
    background-size: 11px 22px;
}

.omni-style .table .table-remove .inline-remove {
    background-image: url(../images/table-remove.png);
    margin-left: 5px;
}

.omni-style.retina-s .table .table-remove .inline-remove {
    background-image: url(../images/table-remove-2x.png);
    background-size: 11px 22px;
}

.omni-style .table .table-new-line-row {
    max-width: 100%;
    padding: 14px 0px 0px 0px;
    position: absolute;
    text-align: center;
    width: 532px;
}

.omni-style .table.max-rows .table-new-line-row {
    display: none;
}

.omni-style.mobile-s .table .table-new-line-row {
    left: 0px;
    padding-top: 2px;
    width: 100%;
}

.omni-style .table .table-new-line-row > .table-new-line {
    background-color: #777777;
    color: #ffffff;
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 13px;
    padding: 2px 10px 2px 10px;
    text-transform: uppercase;
}

.omni-style .table .table-new-line-row > .table-new-line:hover {
    background-color: #71ae48;
}

.omni-style.round .table .table-new-line-row > .table-new-line {
    border-radius: 6px 6px 6px 6px;
    -o-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
}

.omni-style .table.table-documentation {
    border-left: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    color: #4d4d4d;
    line-height: 20px;
}

.omni-style .table.table-documentation td {
    border-bottom: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    padding: 4px 4px 4px 4px;
}

.omni-style .table .text-field.date,
.omni-style .table .text-field.natural,
.omni-style .table .text-field.integer,
.omni-style .table .text-field.float,
.omni-style .table .text-field.floatp,
.omni-style .table .text-field.percent,
.omni-style .table .text-field.email {
    background-image: none;
}

.omni-style.retina-s .table .text-field.date,
.omni-style.retina-s .table .text-field.natural,
.omni-style.retina-s .table .text-field.integer,
.omni-style.retina-s .table .text-field.float,
.omni-style.retina-s .table .text-field.floatp,
.omni-style.retina-s .table .text-field.percent,
.omni-style.retina-s .table .text-field.email {
    background-image: none;
}

.omni-style .table .drop-field > .text-field {
    background-image: none;
}

.omni-style .table .drop-field.drop-field-lock > .text-field {
    background-image: url(../images/drop-field-lock-small.png);
    background-position: right bottom;
}

.omni-style.retina-s .table .drop-field.drop-field-lock > .text-field {
    background-image: url(../images/drop-field-lock-small-2x.png);
    background-size: 7px 7px;
}

.omni-style .table .drop-field.drop-field-select > .text-field {
    background-image: url(../images/drop-field-select-medium.png);
}

.omni-style.retina-s .table .drop-field.drop-field-select > .text-field {
    background-image: url(../images/drop-field-select-medium-2x.png);
    background-size: 940px 30px;
}

.omni-style .table .drop-field.drop-field-select > .text-field.active {
    border-color: #3668c6;
}

.omni-style .table tr.last td .text-field {
    border-bottom-width: 1px;
}

.omni-style .table tr td.last .text-field {
    border-right-width: 1px;
}

.omni-style .table tr td.next-horizontal .text-field {
    border-left-color: #3668c6;
}

.omni-style .table tr td.next-vertical .text-field {
    border-top-color: #3668c6;
}

.omni-style .table tr td.next-horizontal-invalid .text-field {
    border-left-color: #f00329;
}

.omni-style .table tr td.next-vertical-invalid .text-field {
    border-top-color: #f00329;
}

.omni-style .table tr td.next-horizontal-invalid .text-field.active {
    border-left-color: #3668c6;
}

.omni-style .table tr td.next-vertical-invalid .text-field.active {
    border-top-color: #3668c6;
}

.omni-style .table tr td.next-horizontal-invalid .text-field.invalid {
    border-left-color: #f00329;
}

.omni-style .table tr td.next-vertical-invalid .text-field.invalid {
    border-top-color: #f00329;
}

.omni-style .tag-field > .text-field {
    max-width: 100%;
    width: 312px;
}

.omni-style .tag-field > .tag-field-tags {
    cursor: text;
    margin: 8px 0px 8px 0px;
    padding: 0px 0px 0px 6px;
    position: absolute;
}

.omni-style .tag-field .tag-field-tag {
    background-color: #888888;
    cursor: default;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 0px 6px 4px 0px;
    padding: 0px 6px 0px 6px;
}

.omni-style .tag-field .tag-field-label {
    color: #ffffff;
    float: left;
    font-size: 10px;
    text-transform: uppercase;
}

.omni-style .tag-field .tag-field-remove {
    background: transparent url(../images/tag-field-remove.png) no-repeat;
    cursor: pointer;
    float: left;
    height: 11px;
    margin: 4px 0px 0px 6px;
    width: 11px;
}

.omni-style.retina-s .tag-field .tag-field-remove {
    background-image: url(../images/tag-field-remove-2x.png);
    background-size: 11px 22px;
}

.omni-style .tag-field .tag-field-remove:hover {
    background-position: 0px -11px;
}

.omni-style.round .tag-field .tag-field-tag {
    border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.omni-style .text-field {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    box-shadow: 0px 1px 0px #ffffff;
    -o-box-shadow: 0px 1px 0px #ffffff;
    -ms-box-shadow: 0px 1px 0px #ffffff;
    -moz-box-shadow: 0px 1px 0px #ffffff;
    -khtml-box-shadow: 0px 1px 0px #ffffff;
    -webkit-box-shadow: 0px 1px 0px #ffffff;
    color: #2d2d2d;
    font-family: Arial, sans-serif;
    font-size: 13px;
    height: 32px;
    max-width: 100%;
    padding: 2px 6px 2px 6px;
    width: 270px;
}

.omni-style.animations .text-field {
    transition: border-color 0.10s ease-in;
    -o-transition: border-color 0.10s ease-in;
    -ms-transition: border-color 0.10s ease-in;
    -moz-transition: border-color 0.10s ease-in;
    -khtml-transition: border-color 0.10s ease-in;
    -webkit-transition: border-color 0.10s ease-in;
}

.omni-style .text-field.lower {
    color: #777777;
}

.omni-style .text-field.active {
    border: 1px solid #3668c6;
    outline: none;
    -o-outline: none;
    -ms-outline: none;
    -moz-outline: none;
    -khtml-outline: none;
    -webkit-outline: none;
}

.omni-style .text-field.invalid {
    border: 1px solid #f00329;
    outline: none;
    -o-outline: none;
    -ms-outline: none;
    -moz-outline: none;
    -khtml-outline: none;
    -webkit-outline: none;
}

.omni-style .text-field:disabled {
    background-color: #f8f8f8;
    color: #999999;
    -webkit-text-fill-color: #999999;
}

.omni-style .text-field.small {
    font-size: 11px;
    height: 20px;
}

.omni-style .text-field.date {
    background-image: url(../images/text-field-date.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.omni-style.retina-s .text-field.date {
    background-image: url(../images/text-field-date-2x.png);
    background-size: 23px 16px;
}

.omni-style .text-field.time {
    background-image: url(../images/text-field-time.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.omni-style.retina-s .text-field.time {
    background-image: url(../images/text-field-time-2x.png);
    background-size: 23px 16px;
}

.omni-style .text-field.natural,
.omni-style .text-field.integer,
.omni-style .text-field.float,
.omni-style .text-field.floatp {
    background-image: url(../images/text-field-number.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.omni-style.retina-s .text-field.natural,
.omni-style.retina-s .text-field.integer,
.omni-style.retina-s .text-field.float,
.omni-style.retina-s .text-field.floatp {
    background-image: url(../images/text-field-number-2x.png);
    background-size: 23px 16px;
}

.omni-style .text-field.percent {
    background-image: url(../images/text-field-percent.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.omni-style.retina-s .text-field.percent {
    background-image: url(../images/text-field-percent-2x.png);
    background-size: 23px 16px;
}

.omni-style .text-field.email {
    background-image: url(../images/text-field-email.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.omni-style.retina-s .text-field.email {
    background-image: url(../images/text-field-email-2x.png);
    background-size: 23px 16px;
}

.omni-style .text-field.no-icon {
    background-image: none;
}

.omni-style.retina-s .text-field.no-icon {
    background-image: none;
}

.omni-style .text-area {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    box-shadow: 0px 1px 0px #ffffff;
    -o-box-shadow: 0px 1px 0px #ffffff;
    -ms-box-shadow: 0px 1px 0px #ffffff;
    -moz-box-shadow: 0px 1px 0px #ffffff;
    -khtml-box-shadow: 0px 1px 0px #ffffff;
    -webkit-box-shadow: 0px 1px 0px #ffffff;
    color: #2d2d2d;
    font-family: Arial, sans-serif;
    font-size: 13px;
    height: 100px;
    line-height: 20px;
    max-width: 100%;
    padding: 6px 6px 6px 6px;
    resize: none;
    width: 270px;
}

.omni-style.animations .text-area {
    transition: border-color 0.10s ease-in;
    -o-transition: border-color 0.10s ease-in;
    -ms-transition: border-color 0.10s ease-in;
    -moz-transition: border-color 0.10s ease-in;
    -khtml-transition: border-color 0.10s ease-in;
    -webkit-transition: border-color 0.10s ease-in;
}

.omni-style .text-area.lower {
    color: #777777;
}

.omni-style .text-area.active {
    border: 1px solid #3668c6;
    outline: none;
    -o-outline: none;
    -ms-outline: none;
    -moz-outline: none;
    -khtml-outline: none;
    -webkit-outline: none;
}

.omni-style .text-area.invalid {
    border: 1px solid #f00329;
    outline: none;
    -o-outline: none;
    -ms-outline: none;
    -moz-outline: none;
    -khtml-outline: none;
    -webkit-outline: none;
}

.omni-style .text-area:disabled {
    background-color: #f8f8f8;
    color: #999999;
    -webkit-text-fill-color: #999999;
}

.omni-style .text-field.strong {
    color: #000000;
}

.omni-style .text-field.strong.lower {
    color: #777777;
}

.omni-style .text-field.strong:disabled {
    background-color: #f8f8f8;
    color: #999999;
    -webkit-text-fill-color: #999999;
}

.omni-style .text-area.strong {
    color: #000000;
}

.omni-style .text-area.strong.lower {
    color: #777777;
}

.omni-style .text-area.strong:disabled {
    background-color: #f8f8f8;
    color: #999999;
    -webkit-text-fill-color: #999999;
}

.omni-style .text-field-calendar {
    position: absolute;
    z-index: 10;
}

.omni-style.animations .text-field-calendar {
    animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -o-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -ms-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -moz-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -khtml-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -webkit-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
}

.omni-style.opensans .text-field,
.omni-style.opensans .text-area {
    font-family: "Open Sans", Arial, sans-serif;
}

.omni-style .toggle-field {
    height: auto;
}

.omni-style .toggle-field::after {
    clear: both;
    content: "";
    display: block;
}

.omni-style .toggle-field .button {
    background-color: #f4f4f4;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #dddddd;
    border-left: none;
    float: right;
    font-size: 14px;
    height: 36px;
    line-height: 24px;
    width: 36px;
}

.omni-style .toggle-field.small .button {
    height: 30px;
    line-height: 28px;
    width: 30px;
}

.omni-style .toggle-field .button:hover {
    background-color: #f0f0f0;
}

.omni-style .toggle-field .button.active,
.omni-style .toggle-field .button:active {
    background-color: #e8e8e8;
}

.omni-style .toggle-field .button.currency {
    background-image: url(../images/toggle-field-currency.png);
}

.omni-style.retina-s .toggle-field .button.currency {
    background-image: url(../images/toggle-field-currency-2x.png);
    background-size: 16px 16px;
}

.omni-style .toggle-field .button.percent {
    background-image: url(../images/toggle-field-percent.png);
}

.omni-style.retina-s .toggle-field .button.percent {
    background-image: url(../images/toggle-field-percent-2x.png);
    background-size: 23px 16px;
}

.omni-style .toggle-field .text-field {
    float: left;
    width: 233px;
}

.omni-style .toggle-field.disabled .button:hover {
    background-color: #f4f4f4;
}

.omni-style .toggle-field.disabled .button.active,
.omni-style .toggle-field.disabled .button:active {
    background-color: #f4f4f4;
}

.omni-style .toggle-field.toggle-left .button {
    border-left: 1px solid #dddddd;
    border-right: none;
    float: left;
}

.omni-style .toggle-field.toggle-left .textfield {
    float: right;
}

.omni-style .window {
    background-color: #ffffff;
    border: 1px solid #666666;
    box-shadow: 0px 0px 5px #777777;
    -o-box-shadow: 0px 0px 5px #777777;
    -ms-box-shadow: 0px 0px 5px #777777;
    -moz-box-shadow: 0px 0px 5px #777777;
    -khtml-box-shadow: 0px 0px 5px #777777;
    -webkit-box-shadow: 0px 0px 5px #777777;
    color: #2d2d2d;
    overflow: auto;
    padding: 20px 20px 20px 20px;
    transition: filter 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -o-transition: filter 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -ms-transition: filter 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -moz-transition: filter 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -khtml-transition: filter 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -webkit-transition: filter 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    width: 420px;
    z-index: 30;
}

.omni-style.animations .window {
    animation: fade-grow 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -o-animation: fade-grow 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -ms-animation: fade-grow 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -moz-animation: fade-grow 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -khtml-animation: fade-grow 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -webkit-animation: fade-grow 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
}

.omni-style.animations .window.invisible {
    animation: fade-shrink-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -o-animation: fade-shrink-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -ms-animation: fade-shrink-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -moz-animation: fade-shrink-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -khtml-animation: fade-shrink-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -webkit-animation: fade-shrink-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
}

.omni-style .window h1 {
    font-size: 22px;
    font-weight: normal;
    margin-top: 0px;
}

.omni-style .window h1.information {
    color: #2d2d2d;
}

.omni-style .window h1.warning {
    color: #d3503f;
}

.omni-style .window p {
    line-height: 26px;
    min-height: 40px;
}

.omni-style .window p.single {
    line-height: 22px;
    margin-bottom: 0px;
    min-height: 0px;
}

.omni-style .window form p {
    min-height: 0px;
}

.omni-style .window-header {
    border-bottom: 1px solid #efefef;
    line-height: 22px;
    margin-bottom: 16px;
    padding-bottom: 16px;
}

.omni-style .window-footer {
    border-top: 1px solid #efefef;
    line-height: 22px;
    margin-bottom: 16px;
    padding-top: 16px;
}

.omni-style .window-buttons {
    border-top: 1px solid #efefef;
    padding-top: 20px;
}

.omni-style .window-buttons > .button-cancel {
    margin-left: 10px;
}

.omni-style .window.masked > *:not(.window-mask) {
    filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    -moz-filter: blur(1px);
    -khtml-filter: blur(1px);
    -webkit-filter: blur(1px);
}

.omni-style .window .window-mask {
    background-color: rgba(128, 128, 128, 0.1);
    font-size: 24px;
    font-weight: 600;
}

.omni-style .window .window-mask > .window-mask-contents {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.omni-style.dark .window {
    border-color: #555555;
    box-shadow: 0px 0px 5px #444444;
    -o-box-shadow: 0px 0px 5px #444444;
    -ms-box-shadow: 0px 0px 5px #444444;
    -moz-box-shadow: 0px 0px 5px #444444;
    -khtml-box-shadow: 0px 0px 5px #444444;
    -webkit-box-shadow: 0px 0px 5px #444444;
}