/* Icons */
@font-face {
    font-family: 'IcoMoonBase';
    src: url('../fonts/base/icomoonbase-webfont.eot');
    src: url('../fonts/base/icomoonbase-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/base/icomoonbase-webfont.woff') format('woff'), url('../fonts/base/icomoonbase-webfont.ttf') format('truetype'), url('../fonts/base/icomoonbase-webfont.svg#IcoMoonBase') format('svg');
}

@font-face {
    font-family: 'IcoMoonArrows';
    src: url('../fonts/arrows/icomoonarrows-webfont.eot');
    src: url('../fonts/arrows/icomoonarrows-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/arrows/icomoonarrows-webfont.woff') format('woff'), url('../fonts/arrows/icomoonarrows-webfont.ttf') format('truetype'), url('../fonts/arrows/icomoonarrows-webfont.svg#IcoMoonArrows') format('svg');
}

@font-face {
    font-family: 'IcoMoonEntertainment';
    src: url('../fonts/entertainment/icomoonentertainment-webfont.eot');
    src: url('../fonts/entertainment/icomoonentertainment-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/entertainment/icomoonentertainment-webfont.woff') format('woff'), url('../fonts/entertainment/icomoonentertainment-webfont.ttf') format('truetype'), url('../fonts/entertainment/icomoonentertainment-webfont.svg#IcoMoonEntertainment') format('svg');
}

.icon {
    height: 0.8em;
    width: 0.8em;
    display: inline-block;
    font-size: 21px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    line-height: 120%;
    padding: 0;
    margin: 0;
    font-family: 'IcoMoonBase', arial, sans-serif;
    position: relative;
    top: -3px;
    left: 0;
    -webkit-font-smoothing: antialiased;
    zoom: 1;
}

    .icon.arrow {
        line-height: 160%;
        font-family: 'IcoMoonArrows', arial, sans-serif;
    }

    .icon.entertainment {
        font-family: 'IcoMoonEntertainment', arial, sans-serif;
    }

.msie .icon {
    top: -1px;
}
/* IE ONLY - I know :P */
.icon span {
    position: relative;
    top: -49%;
    left: 0.017em;
    color: inherit;
    display: inline-block;
    zoom: 1;
}

.icon.small {
    font-size: 15px;
}

.icon.medium {
    font-size: 31px;
}

.icon.large {
    font-size: 41px;
}

.icon.x-large {
    font-size: 61px;
}

.icon.xx-large {
    font-size: 91px;
}

.icon.xxx-large {
    font-size: 121px;
}

.icon.xxxx-large {
    font-size: 151px;
}

button .icon, a.btn .icon, input[type="submit"] .icon, input[type="reset"] .icon, input[type="button"] .icon {
    vertical-align: middle;
    margin: -5px 3px -6px 0;
    *margin: -5px 3px -10px 0px; /*IE 7 ONLY*/
}

.icon.red {
    color: #C03;
}

.icon.gray {
    color: #666;
}

.icon.green {
    color: #529009;
}

.icon.yellow {
    color: #e88500;
}

.icon.blue {
    color: #1155CC;
}

/* Clearfix */
.clearfix {
    *zoom: 1;
}

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

    .clearfix:after, .clear {
        clear: both;
    }

/* HTML 5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    audio:not([controls]) {
        display: none;
    }

/* General Resets */
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a:focus {
    outline: thin dotted #3e3d40;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

a:hover, a:active {
    outline: 0;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

button, input, select, textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
}

button, input {
    *overflow: visible;
    line-height: normal;
}

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

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

textarea {
    overflow: auto;
    vertical-align: top;
}

/* Fonts / Colors */
body {
    margin: 0;
    font-family: Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #3e3d40;
    background-color: #fff;
}

a {
    color: #1155CC;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

/* Grids */
[class*="span"] {
    float: left;
    margin-left: 20px;
}

.row {
    width: 100%;
    *zoom: 1;
}

    .row:before, .row:after {
        display: table;
        content: "";
    }

    .row:after {
        clear: both;
    }

    .row > [class*="span"] {
        float: left;
        margin-left: 2.127659574%;
    }

        .row > [class*="span"]:first-child {
            margin-left: 0;
        }

    .row > .span1 {
        width: 6.382978723%;
    }

    .row > .span2 {
        width: 14.89361702%;
    }

    .row > .span3 {
        width: 23.404255317%;
    }

    .row > .span4 {
        width: 31.914893614%;
    }

    .row > .span5 {
        width: 40.425531911%;
    }

    .row > .span6 {
        width: 48.93617020799999%;
    }

    .row > .span7 {
        width: 57.446808505%;
    }

    .row > .span8 {
        width: 65.95744680199999%;
    }

    .row > .span9 {
        width: 74.468085099%;
    }

    .row > .span10 {
        width: 82.97872339599999%;
    }

    .row > .span11 {
        width: 91.489361693%;
    }

    .row > .span12 {
        width: 99.99999998999999%;
    }

/* Container */
.container {
    padding: 5px 25px;
    margin-left: auto;
    margin-right: auto;
    *zoom: 1;
    max-width: 1200px;
}

    .container:before, .container:after {
        display: table;
        content: "";
    }

    .container:after {
        clear: both;
    }

/* Paragraphs */
p {
    margin: 0 0 9px;
}

    p small {
        font-size: 11px;
        color: #999999;
    }

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 10px 0;
    font-weight: normal;
    text-rendering: optimizelegibility;
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-weight: normal;
        color: #999999;
    }

h1 {
    font-size: 27px;
    line-height: 36px;
}

    h1 small {
        font-size: 24px;
    }

h2 {
    font-size: 17px;
    line-height: 20px;
}

    h2 small {
        font-size: 14px;
    }

h3 {
    font-size: 13px;
    line-height: 16px;
}

    h3 small {
        font-size: 12px;
    }

h4, h5, h6 {
    line-height: 15px;
}

h4 {
    font-size: 12px;
}

    h4 small {
        font-size: 12px;
    }

h5 {
    font-size: 11px;
}

h6 {
    font-size: 11px;
    color: #999999;
    text-transform: uppercase;
}

/* Lists */
ul, ol {
    padding: 0;
    margin: 0 0 9px 20px;
}

    ul ul, ul ol, ol ol, ol ul {
        margin-bottom: 0;
    }

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li {
    line-height: 18px;
}

ul.unstyled, ol.unstyled {
    margin-left: 0;
    list-style: none;
}

dl {
    margin-bottom: 18px;
}

dt, dd {
    line-height: 18px;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 9px;
}

/* Tables */
table {
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.table {
    width: 100%;
    margin-bottom: 18px;
}

    .table th, .table td {
        padding: 5px;
        line-height: 18px;
        text-align: left;
        vertical-align: top;
    }

    .table th {
        font-weight: bold;
    }

    .table thead {
        background: #777;
        color: #fff;
        border-bottom: 1px solid #666;
    }

        .table thead th {
            vertical-align: top;
            border-top: none;
        }

    .table tfoot {
        font-weight: bold;
        background: #ebebeb;
        border-top: 1px solid #ccc;
    }

    .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
        border-top: 0;
    }

    .table tbody + tbody {
        border-top: 2px solid #dddddd;
    }

.table-condensed th, .table-condensed td {
    padding: 2px 3px;
}

.table-bordered {
    border: 1px solid #dddddd;
    border-left: 0;
    border-collapse: separate;
    *border-collapse: collapsed;
}

    .table-bordered th, .table-bordered td {
        border-left: 1px solid #dddddd;
        border-top: 1px solid #dddddd;
    }

    .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
        border-top: 0;
    }

.table-striped {
    border-bottom: 1px solid #666;
}

    .table-striped tbody tr.alt td, .table-striped tbody tr.alt th {
        background-color: #ddd;
    }

.table tbody tr:hover td, .table tbody tr:hover th {
}

tr.noborder td {
    border-top: none;
    padding-top: 0;
    padding-bottom: 0;
}

th.size, td.size, th.weight, td.weight, th.price, td.price, th.total, td.total, th.right, td.right {
    text-align: right;
}

tr.clickable {
    cursor: pointer;
}

    tr.clickable:hover td {
        background: #d9e4f7 !important;
    }

/* HR */
hr {
    margin: 15px 0;
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #efefef;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

.muted {
    color: #999999;
}

abbr {
    font-size: 90%;
    text-transform: uppercase;
    border-bottom: 1px dotted #ddd;
    cursor: help;
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 18px;
    border-left: 5px solid #eeeeee;
}

    blockquote p {
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 22.5px;
    }

    blockquote small {
        display: block;
        line-height: 18px;
        color: #999999;
    }

        blockquote small:before {
            content: '\2014 \00A0';
        }

    blockquote.pull-right {
        float: right;
        padding-left: 0;
        padding-right: 15px;
        border-left: 0;
        border-right: 5px solid #eeeeee;
    }

        blockquote.pull-right p, blockquote.pull-right small {
            text-align: right;
        }

    q:before, q:after, blockquote:before, blockquote:after {
        content: "";
    }

address {
    display: block;
    margin-bottom: 18px;
    line-height: 18px;
    font-style: normal;
}

small {
    font-size: 100%;
}

cite {
    font-style: normal;
}

/* Forms */
form {
    margin: 0 0 18px;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 27px;
    font-size: 19.5px;
    line-height: 36px;
    color: #3e3d40;
    border: 0;
    border-bottom: 1px solid #eee;
}

    legend small {
        font-size: 13.5px;
        color: #999999;
    }

label {
    display: block;
    margin-bottom: 5px;
    color: #3e3d40;
}

input, textarea, select, .uneditable-input {
    font-family: arial,sans-serif;
    display: inline-block;
    width: 210px;
    height: 18px;
    padding: 4px;
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 18px;
    color: #555555;
    border: 1px solid #999;
}

.uneditable-textarea {
    width: auto;
    height: auto;
}

label input, label textarea, label select {
    display: block;
}

input[type="image"], input[type="checkbox"], input[type="radio"] {
    width: auto;
    height: auto;
    padding: 0;
    margin: 3px 0;
    *margin-top: 0;
    line-height: normal;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0 \9;
}

input[type="image"] {
    border: 0;
}

input[type="file"] {
    width: auto;
    padding: initial;
    line-height: initial;
    border: initial;
    background-color: #ffffff;
    background-color: initial;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[type="button"], input[type="reset"], input[type="submit"] {
    width: auto;
    height: auto;
}

select, input[type="file"] {
    height: 28px;
    *margin-top: 4px;
    line-height: 28px;
}

input[type="file"] {
    line-height: 18px \9;
}

select {
    width: 220px;
    background-color: #ffffff;
}

    select[multiple], select[size] {
        height: auto;
    }

input[type="image"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

textarea {
    height: auto;
}

input[type="hidden"] {
    display: none;
}

.radio, .checkbox {
    padding-left: 18px;
}

    .radio input[type="radio"], .checkbox input[type="checkbox"] {
        float: left;
        margin-left: -18px;
    }

.controls > .radio:first-child, .controls > .checkbox:first-child {
    padding-top: 5px;
}

.radio.inline, .checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle;
}

    .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
        margin-left: 10px;
    }

input, textarea {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s,box-shadow linear 0.2s;
    -o-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s;
}

    input:focus, textarea:focus {
        border-color: rgba(82, 168, 236, 0.8);
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
        outline: 0;
        outline: thin dotted \9;
    }

    input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        outline: thin dotted #3e3d40;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

.input-mini {
    width: 60px;
}

.input-small {
    width: 90px;
}

.input-medium {
    width: 150px;
}

.input-large {
    width: 210px;
}

.input-xlarge {
    width: 270px;
}

.input-xxlarge {
    width: 530px;
}

.language input[class*="data-filter"] {
    width: 30px;
}

input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
    float: none;
    margin-left: 0;
}

    input.span1, textarea.span1, .uneditable-input.span1 {
        width: 50px;
    }

    input.span2, textarea.span2, .uneditable-input.span2 {
        width: 130px;
    }

    input.span3, textarea.span3, .uneditable-input.span3 {
        width: 210px;
    }

    input.span4, textarea.span4, .uneditable-input.span4 {
        width: 290px;
    }

    input.span5, textarea.span5, .uneditable-input.span5 {
        width: 370px;
    }

    input.span6, textarea.span6, .uneditable-input.span6 {
        width: 450px;
    }

    input.span7, textarea.span7, .uneditable-input.span7 {
        width: 530px;
    }

    input.span8, textarea.span8, .uneditable-input.span8 {
        width: 610px;
    }

    input.span9, textarea.span9, .uneditable-input.span9 {
        width: 690px;
    }

    input.span10, textarea.span10, .uneditable-input.span10 {
        width: 770px;
    }

    input.span11, textarea.span11, .uneditable-input.span11 {
        width: 850px;
    }

    input.span12, textarea.span12, .uneditable-input.span12 {
        width: 930px;
    }

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    background-color: #f5f5f5;
    border-color: #ddd;
    cursor: not-allowed;
}

.control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline {
    color: #c09853;
}

.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
    color: #c09853;
    border-color: #c09853;
}

    .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {
        border-color: #a47e3c;
        -webkit-box-shadow: 0 0 6px #dbc59e;
        -moz-box-shadow: 0 0 6px #dbc59e;
        box-shadow: 0 0 6px #dbc59e;
    }

.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853;
}

.control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline {
    color: #b94a48;
}

.control-group.error input, .control-group.error select, .control-group.error textarea {
    color: #b94a48;
    border-color: #b94a48;
}

    .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
        border-color: #953b39;
        -webkit-box-shadow: 0 0 6px #d59392;
        -moz-box-shadow: 0 0 6px #d59392;
        box-shadow: 0 0 6px #d59392;
    }

.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}

.control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline {
    color: #468847;
}

.control-group.success input, .control-group.success select, .control-group.success textarea {
    color: #468847;
    border-color: #468847;
}

    .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
        border-color: #356635;
        -webkit-box-shadow: 0 0 6px #7aba7b;
        -moz-box-shadow: 0 0 6px #7aba7b;
        box-shadow: 0 0 6px #7aba7b;
    }

.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
}

input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}

    input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {
        border-color: #e9322d;
        -webkit-box-shadow: 0 0 6px #f8b9b7;
        -moz-box-shadow: 0 0 6px #f8b9b7;
        box-shadow: 0 0 6px #f8b9b7;
    }

.form-actions {
    padding: 17px 20px 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
}

.ui-tabs .form-actions {
    background: transparent;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.uneditable-input {
    display: block;
    background-color: #ffffff;
    border-color: #eee;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    cursor: not-allowed;
}

:-moz-placeholder {
    color: #999999;
}

::-webkit-input-placeholder {
    color: #999999;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 0;
    color: #777777;
}

.help-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 9px;
    vertical-align: middle;
    padding-left: 5px;
}

.input-prepend, .input-append {
    margin-bottom: 5px;
    *zoom: 1;
}

    .input-prepend:before, .input-append:before, .input-prepend:after, .input-append:after {
        display: table;
        content: "";
    }

    .input-prepend:after, .input-append:after {
        clear: both;
    }

    .input-prepend input, .input-append input, .input-prepend .uneditable-input, .input-append .uneditable-input {
    }

        .input-prepend input:focus, .input-append input:focus, .input-prepend .uneditable-input:focus, .input-append .uneditable-input:focus {
            position: relative;
            z-index: 2;
        }

    .input-prepend .uneditable-input, .input-append .uneditable-input {
        border-left-color: #3e3d40;
    }

    .input-prepend .add-on, .input-append .add-on {
        float: left;
        display: block;
        width: auto;
        min-width: 16px;
        height: 18px;
        margin-right: -1px;
        padding: 4px 5px;
        font-weight: normal;
        line-height: 18px;
        color: #999999;
        text-align: center;
        text-shadow: 0 1px 0 #ffffff;
        background-color: #f5f5f5;
        border: 1px solid #3e3d40;
    }

    .input-prepend .active, .input-append .active {
        background-color: #a9dba9;
        border-color: #46a546;
    }

    .input-prepend .add-on {
        *margin-top: 1px;
    }

    .input-append input, .input-append .uneditable-input {
        float: left;
    }

    .input-append .uneditable-input {
        border-left-color: #eee;
        border-right-color: #3e3d40;
    }

    .input-append .add-on {
        margin-right: 0;
        margin-left: -1px;
    }

    .input-append input:first-child {
        *margin-left: -160px;
    }

        .input-append input:first-child + .add-on {
            *margin-left: -21px;
        }

.search-query {
    margin-bottom: 0;
}

.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input {
    display: inline-block;
    margin-bottom: 0;
}

.form-search .hide, .form-inline .hide, .form-horizontal .hide {
    display: none;
}

.form-search label, .form-inline label, .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend {
    display: inline-block;
}

    .form-search .input-append .add-on, .form-inline .input-prepend .add-on, .form-search .input-append .add-on, .form-inline .input-prepend .add-on {
        vertical-align: middle;
    }

.form-search .radio, .form-inline .radio, .form-search .checkbox, .form-inline .checkbox {
    margin-bottom: 0;
    vertical-align: middle;
}

.control-group {
    margin-bottom: 9px;
}

legend + .control-group {
    margin-top: 18px;
    -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
    margin-bottom: 18px;
    *zoom: 1;
}

    .form-horizontal .control-group:before, .form-horizontal .control-group:after {
        display: table;
        content: "";
    }

    .form-horizontal .control-group.nomargin {
        margin-bottom: 5px;
    }

    .form-horizontal .control-group:after {
        clear: both;
    }

.form-horizontal .control-label {
    float: left;
    width: 180px;
    padding-top: 5px;
    text-align: right;
}

.form-horizontal .controls {
    margin-left: 200px;
}

.form-horizontal .control-list {
    padding-top: 5px;
}

.form-horizontal .form-actions {
    padding-left: 200px;
}

.form-horizontal .form-sub .control-group {
    margin-bottom: 5px;
}

.form-horizontal .form-sub .control-label {
    width: 150px;
}

.form-horizontal .form-sub .controls {
    margin-left: 170px;
}

.form-link {
    display: inline-block;
    line-height: normal;
    margin: 0;
    padding: 0;
    width: auto;
}

    .form-link input, .form-link button {
        border: none !important;
        padding: 0;
        margin: -2px 50px 0;
        background: none !important;
        color: #1155CC !important;
        box-shadow: none !important;
        filter: none;
    }

        .form-link button .icon {
            margin: -13px 5px -6px 0;
        }

        .form-link button .ui-button-text {
            margin: 0px;
            padding: 0px;
        }

form.table {
    clear: both;
}

thead form {
    margin-bottom: 0;
}

thead input, thead select {
    height: 15px;
    line-height: 15px;
    padding: 2px;
    font-size: 12px;
}

thead .ui-button {
}

thead .ui-button-text-only .ui-button-text {
    height: 15px;
    padding: 2px 0 2px 2px;
}

/* Button Group */
.btn-group {
    position: relative;
    *zoom: 1;
    *margin-left: .3em;
}

    .btn-group:before, .btn-group:after {
        display: table;
        content: "";
    }

    .btn-group:after {
        clear: both;
    }

    .btn-group:first-child {
        *margin-left: 0;
    }

    .btn-group + .btn-group {
        margin-left: 5px;
    }

.btn-toolbar {
    margin-top: 9px;
    margin-bottom: 9px;
}

    .btn-toolbar .btn-group {
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

.btn-group .btn, .btn-group .checkbox-wrapper, .btn-group .link-wrapper {
    position: relative;
    float: left;
    margin-left: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-group .checkbox-wrapper {
    padding: 0 5px;
    text-align: center;
}

.btn-group .link-wrapper {
    padding: 0 10px 0 5px;
}

.btn-group .btn:first-child {
    margin-left: 0;
}

.btn-group .btn:last-child, .btn-group .dropdown-toggle {
}

.btn-group .btn.large:first-child {
    margin-left: 0;
}

.btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle {
}

.btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active, .btn-group .btn.active {
    z-index: 2;
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125),inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125),inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125),inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    *padding-top: 5px;
    *padding-bottom: 5px;
}

.btn-group.open {
    *z-index: 1000;
}

    .btn-group.open .dropdown-menu {
        display: block;
        margin-top: 1px;
    }

    .btn-group.open .dropdown-toggle {
        background-image: none;
        -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
    }

.btn .caret {
    margin-top: 7px;
    margin-left: 0;
}

.btn:hover .caret, .open.btn-group .caret {
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn-small .caret {
    margin-top: 4px;
}

.btn-group .checkbox-wrapper label, .btn-group .link-wrapper label {
    display: block;
    line-height: 13px;
    margin-bottom: 0;
}

.btn-group .link-wrapper {
    padding: 0 10px 0 5px;
}

/* Navigation */
.nav {
    margin-left: 0;
    margin-bottom: 18px;
    list-style: none;
}

    .nav ul {
        margin-left: 0;
        list-style: none;
    }

    .nav > li > a {
        display: block;
    }

        .nav > li > a:hover, .nav > li > a:focus {
            text-decoration: none;
        }

    .nav .nav-header {
        display: block;
        padding: 3px 5px;
        font-size: 11px;
        font-weight: bold;
        line-height: 18px;
        text-transform: uppercase;
    }

    .nav li + .nav-header {
        margin-top: 9px;
    }

.nav-list {
    padding-left: 14px;
    padding-right: 14px;
    margin-bottom: 0;
}

    .nav-list > li > a, .nav-list .nav-header {
        margin-left: -15px;
        margin-right: -15px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    }

    .nav-list > li > a {
        padding: 3px 15px;
    }

    .nav-list .active > a, .nav-list .active > a:hover {
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
        background-color: #3e3d40;
    }

    .nav-list [class^="icon-"] {
        margin-right: 2px;
    }

.nav-tabs, .nav-pills {
    *zoom: 1;
}

    .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
        display: table;
        content: "";
    }

    .nav-tabs:after, .nav-pills:after {
        clear: both;
    }

    .nav-tabs > li, .nav-pills > li {
        float: left;
    }

        .nav-tabs > li > a, .nav-pills > li > a {
            padding-right: 5px;
            padding-left: 5px;
            margin-right: 5px;
            line-height: 14px;
        }

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

    .nav-tabs > li {
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            padding-top: 5px;
            padding-bottom: 5px;
            border: 1px solid transparent;
        }

            .nav-tabs > li > a:hover {
                border-color: #eeeeee #eeeeee #dddddd;
            }

    .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
        color: #555555;
        background-color: #ddd;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
        cursor: default;
    }

.nav-pills > li > a {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 2px;
}

.nav-pills .active > a, .nav-pills .active > a:hover {
    color: #ffffff;
    background-color: #3e3d40;
}

.nav-stacked > li {
    float: none;
}

    .nav-stacked > li > a {
        margin-right: 0;
    }

.nav-tabs.nav-stacked {
    border-bottom: 0;
}

    .nav-tabs.nav-stacked > li > a {
        border: 1px solid #ddd;
    }

    .nav-tabs.nav-stacked > li:first-child > a {
    }

    .nav-tabs.nav-stacked > li:last-child > a {
    }

    .nav-tabs.nav-stacked > li > a:hover {
        border-color: #ddd;
        z-index: 2;
    }

.nav-pills.nav-stacked > li > a {
    margin-bottom: 3px;
}

.nav-pills.nav-stacked > li:last-child > a {
    margin-bottom: 1px;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu {
    border-width: 1px;
}

.nav-pills .dropdown-menu {
}

.nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret {
    border-top-color: #3e3d40;
    margin-top: 6px;
}

.nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret {
    border-top-color: #0d0d0d;
}

.nav-tabs .active .dropdown-toggle .caret, .nav-pills .active .dropdown-toggle .caret {
    border-top-color: #3e3d40;
}

.nav > .dropdown.active > a:hover {
    color: #000000;
    cursor: pointer;
}

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > .open.active > a:hover {
    color: #ffffff;
    background-color: #999999;
    border-color: #999999;
}

.nav .open .caret, .nav .open.active .caret, .nav .open a:hover .caret {
    border-top-color: #3e3d40;
    opacity: 1;
    filter: alpha(opacity=100);
}

.nav-fake li {
    cursor: pointer;
}

    .nav-fake li:hover {
        color: #000;
    }

.form-horizontal .nav {
    margin-bottom: 0;
}

/* Pagination */
.pagination {
    height: 35px;
}

    .pagination ul {
    }

    .pagination li {
        float: left;
        list-style: none;
    }

    .pagination a {
        display: block;
        padding: 5px;
        text-decoration: none;
        color: #3E3D40;
    }

        .pagination a:hover, .pagination .active a {
            background-color: #f5f5f5;
        }

    .pagination .active a {
        color: #999999;
        cursor: default;
    }

    .pagination .disabled a, .pagination .disabled a:hover {
        color: #999999;
        background-color: transparent;
        cursor: default;
    }

    .pagination li:first-child a {
    }

    .pagination li:last-child a {
    }

/* Pager */
.pager-top {
    margin-top: -45px;
    padding-bottom: 10px;
}

.pager-inline .pager-top {
    margin-top: 0px;
}
/* Help / AGB */
.pager {
    margin-left: 0;
    margin-bottom: 18px;
    list-style: none;
    text-align: center;
    *zoom: 1;
}

    .pager:before, .pager:after {
        display: table;
        content: "";
    }

    .pager:after {
        clear: both;
    }

    .pager li {
        display: inline;
    }

    .pager a {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
    }

        .pager a:hover {
            text-decoration: none;
            background-color: #f5f5f5;
        }

    .pager .next a {
        float: right;
    }

    .pager .previous a {
        float: left;
    }

/* Itemlimiter */
.pagination + .itemlimiter {
    margin-right: 20px;
}

/* Tooltips */
.tooltip {
    position: absolute;
    z-index: 1020;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .tooltip.in {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    .tooltip.top {
        margin-top: -2px;
    }

    .tooltip.right {
        margin-left: 2px;
    }

    .tooltip.bottom {
        margin-top: 2px;
    }

    .tooltip.left {
        margin-left: -2px;
    }

    .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #000000;
    }

    .tooltip.left .tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #000000;
    }

    .tooltip.bottom .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #000000;
    }

    .tooltip.right .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid #000000;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
}

/* Popover */
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    padding: 5px;
}

    .popover.top {
        margin-top: -5px;
    }

    .popover.right {
        margin-left: 5px;
    }

    .popover.bottom {
        margin-top: 5px;
    }

    .popover.left {
        margin-left: -5px;
    }

    .popover.top .arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #000000;
    }

    .popover.right .arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid #000000;
    }

    .popover.bottom .arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #000000;
    }

    .popover.left .arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #000000;
    }

    .popover .arrow {
        position: absolute;
        width: 0;
        height: 0;
    }

.popover-inner {
    padding: 3px;
    width: 280px;
    overflow: hidden;
    background: #000000;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

.popover-title {
    padding: 9px 15px;
    line-height: 1;
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.popover-content {
    padding: 14px;
    background-color: #ffffff;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

    .popover-content p, .popover-content ul, .popover-content ol {
        margin-bottom: 0;
    }

/* Popout (static with Icon hover) */
.popout-outer {
    position: relative;
    display: inline;
}

    .popout-outer .icon {
        cursor: default;
    }

.popout {
    position: absolute;
    z-index: 1020;
    display: none;
    visibility: visible;
    padding: 5px;
    font-size: 11px;
    margin-top: 2px;
}

.popout-outer:hover .popout {
    display: block;
}

.popout .popout-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000000;
}

.popout-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: left;
    text-decoration: none;
    background-color: #000000;
}

.popout-arrow {
    position: absolute;
    width: 0;
    height: 0;
}

/* Dropdown */
.dropdown {
    position: relative;
}

.dropdown-toggle {
    *margin-bottom: -3px;
}

    .dropdown-toggle:active, .open .dropdown-toggle {
        outline: 0;
    }

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    text-indent: -99999px;
    *text-indent: 0;
    vertical-align: top;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    content: "\2193";
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px;
}

.dropdown:hover .caret, .open.dropdown .caret {
    opacity: 1;
    filter: alpha(opacity=100);
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #3e3d40;
    border-style: solid;
    border-width: 1px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

    .dropdown-menu.bottom-up {
        top: auto;
        bottom: 100%;
        margin-bottom: 2px;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 5px 1px;
        overflow: hidden;
        background-color: #e5e5e5;
        border-bottom: 1px solid #ffffff;
        *width: 100%;
        *margin: -5px 0 5px;
    }

    .dropdown-menu a {
        display: block;
        padding: 3px 10px;
        clear: both;
        font-weight: normal;
        line-height: 18px;
        color: #555555;
    }

    .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
        color: #ffffff !important;
        text-decoration: none;
        background-color: #3e3d40;
    }

.dropdown.open {
    *z-index: 1000;
}

    .dropdown.open .dropdown-toggle {
        color: #000;
        background: #ddd;
    }

    .dropdown.open .dropdown-menu {
        display: block;
    }

/* Display Options */
.well {
    min-height: 20px;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 2px;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #E5E5E5;
    border-top: none;
    background-color: #efefef;
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15);
    }

.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    .close:hover {
        color: #000000;
        text-decoration: none;
        opacity: 0.4;
        filter: alpha(opacity=40);
        cursor: pointer;
    }

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.printshow {
    display: none;
}

.invisible {
    visibility: hidden;
}

.fade {
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -ms-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    opacity: 0;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -ms-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
    position: relative;
    overflow: hidden;
    height: 0;
}

    .collapse.in {
        height: auto;
    }

.show-block-if-javascript {
    display: none;
}

.show-inline-block-if-javascript {
    display: none;
}

/* Work in Progress */
#overlay {
    width: 100%;
    height: 100%;
    position: fixed;
}

#workInProgress {
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
    background: #0C6FDF url("images/ui/ui-bg_highlight-soft_50_0c6fdf_1x100.png") 50% 50% repeat-x;
}

/*plugin styles*/
.visualize {
    border: 1px solid #888;
    position: relative;
    background: #fafafa;
}

    .visualize canvas {
        position: absolute;
    }

    .visualize ul, .visualize li {
        margin: 0;
        padding: 0;
    }

    /*table title, key elements*/
    .visualize .visualize-info {
        padding: 3px 5px;
        background: #fafafa;
        border: 1px solid #888;
        position: absolute;
        top: -20px;
        right: 10px;
        opacity: .8;
    }

    .visualize .visualize-title {
        display: block;
        color: #333;
        margin-bottom: 3px;
        font-size: 1.1em;
    }

    .visualize ul.visualize-key {
        list-style: none;
    }

        .visualize ul.visualize-key li {
            list-style: none;
            float: left;
            margin-right: 10px;
            padding-left: 10px;
            position: relative;
        }

        .visualize ul.visualize-key .visualize-key-color {
            width: 6px;
            height: 6px;
            left: 0;
            position: absolute;
            top: 50%;
            margin-top: -3px;
        }

        .visualize ul.visualize-key .visualize-key-label {
            color: #000;
        }

/*pie labels*/
.visualize-pie .visualize-labels {
    list-style: none;
}

.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label {
    position: absolute;
    margin: 0;
    padding: 0;
}

.visualize-pie .visualize-label {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
}

.visualize-pie-outside .visualize-label {
    color: #000;
    font-weight: normal;
}

/*line,bar, area labels*/
.visualize-labels-x, .visualize-labels-y {
    position: absolute;
    left: 0;
    top: 0;
    list-style: none;
}

    .visualize-labels-x li, .visualize-labels-y li {
        position: absolute;
        bottom: 0;
    }

        .visualize-labels-x li span.label, .visualize-labels-y li span.label {
            position: absolute;
            color: #555;
        }

        .visualize-labels-x li span.line, .visualize-labels-y li span.line {
            position: absolute;
            border: 0 solid #ccc;
        }

    .visualize-labels-x li {
        height: 100%;
    }

        .visualize-labels-x li span.label {
            top: 100%;
            margin-top: 5px;
        }

        .visualize-labels-x li span.line {
            border-left-width: 1px;
            height: 100%;
            display: block;
        }

        .visualize-labels-x li span.line {
            border: 0;
        }
    /*hide vertical lines on area, line, bar*/
    .visualize-labels-y li {
        width: 100%;
    }

        .visualize-labels-y li span.label {
            right: 100%;
            margin-right: 5px;
            display: block;
            width: 100px;
            text-align: right;
        }

        .visualize-labels-y li span.line {
            border-top-width: 1px;
            width: 100%;
        }

.visualize-bar .visualize-labels-x li span.label {
    width: 100%;
    text-align: center;
}
/*visualize extension styles*/
.visualize {
    padding: 50px 40px 90px;
    background: #ccc;
    border: 1px solid #ddd;
}

    .visualize canvas {
        border: 1px solid #aaa;
        margin: -1px;
        background: #fff;
    }

.visualize-labels-x, .visualize-labels-y {
    top: 50px;
    left: 40px;
    z-index: 100;
}

.visualize-pie .visualize-labels {
    position: absolute;
    top: 50px;
    left: 40px;
}

.visualize-labels-x li span.label, .visualize-labels-y li span.label {
    color: #444;
    font-size: 1.3em;
    padding-right: 5px;
}

.visualize-labels-y li span.line {
    border-style: solid;
    opacity: .7;
}

.visualize .visualize-info {
    border: 0;
    position: static;
    opacity: 1;
    background: none;
}

.visualize .visualize-title {
    position: absolute;
    top: 20px;
    color: #333;
    margin-bottom: 0;
    left: 20px;
    font-weight: bold;
}

.visualize ul.visualize-key {
    position: absolute;
    bottom: 15px;
    background: #eee;
    z-index: 10;
    padding: 10px 0;
    color: #aaa;
    width: 100%;
    left: 0;
}

    .visualize ul.visualize-key li {
        margin-left: 20px;
        padding-left: 18px;
    }

    .visualize ul.visualize-key .visualize-key-color {
        width: 10px;
        height: 10px;
        margin-top: -4px;
    }

    .visualize ul.visualize-key .visualize-key-label {
        color: #333;
    }

/* Generic Navigation */
.gnav {
    font-size: 11px;
}

/* Main Navigation (Hauptnavigation) */
.hnav > li > a {
    font-size: 14px;
}

.hnav > li:hover > a, .hnav a:hover, .hnav .open .dropdown-toggle, .hnav > li.active > a {
    color: #fff !important;
}

.hnav .process-customer:hover > a, .hnav .process-customer a:hover, .hnav .process-customer.open .dropdown-toggle, .hnav .process-customer.active > a, .hnav .process-customer.active > a:hover {
    background: #581d8a;
}

.hnav .process-customer .dropdown-menu {
    border-top: 3px solid #581d8a;
}

.hnav .process-machine:hover > a, .hnav .process-machine a:hover, .hnav .process-machine.open .dropdown-toggle, .hnav .process-machine.active > a, .hnav .process-machine.active > a:hover {
    background: #529009;
}

.hnav .process-machine .dropdown-menu {
    border-top: 3px solid #529009;
}

.hnav .process-ecommerce:hover > a, .hnav .process-ecommerce a:hover, .hnav .process-ecommerce.open .dropdown-toggle, .hnav .process-ecommerce.active > a, .hnav .process-ecommerce.active > a:hover {
    background: #e88500;
}

.hnav .process-ecommerce .dropdown-menu {
    border-top: 3px solid #e88500;
}

.hnav .process-assets:hover > a, .hnav .process-assets a:hover, .hnav .process-assets.open .dropdown-toggle, .hnav .process-assets.active > a, .hnav .process-assets.active > a:hover {
    background: #a1473e;
}

.hnav .process-assets .dropdown-menu {
    border-top: 3px solid #a1473e;
}

.hnav .process-aftersales:hover > a, .hnav .process-aftersales a:hover, .hnav .process-aftersales.open .dropdown-toggle, .hnav .process-aftersales.active > a, .hnav .process-aftersales.active > a:hover {
    background: #1d5a8a;
}

.hnav .process-aftersales .dropdown-menu {
    border-top: 3px solid #1d5a8a;
}

.hnav .process-fielddesk:hover > a, .hnav .process-fielddesk a:hover, .hnav .process-fielddesk.open .dropdown-toggle, .hnav .process-fielddesk.active > a, .hnav .process-fielddesk.active > a:hover {
    background: #23a898;
}

.hnav .process-fielddesk .dropdown-menu {
    border-top: 3px solid #23a898;
}

.hnav .process-useradmin:hover > a, .hnav .process-useradmin a:hover, .hnav .process-useradmin.open .dropdown-toggle, .hnav .process-useradmin.active > a, .hnav .process-useradmin.active > a:hover {
    background: #0A5F3D;
}

.hnav .process-useradmin .dropdown-menu {
    border-top: 3px solid #0A5F3D;
}

.hnav .process-import:hover > a, .hnav .process-import a:hover, .hnav .process-import.open .dropdown-toggle, .hnav .process-import.active > a, .hnav .process-import.active > a:hover {
    background: #e86500;
}

.hnav .process-import .dropdown-menu {
    border-top: 3px solid #e86500;
}

.hnav .process-resources:hover > a, .hnav .process-resources a:hover, .hnav .process-resources.open .dropdown-toggle, .hnav .process-resources.active > a, .hnav .process-resources.active > a:hover {
    background: #c02500;
}

.hnav .process-resources .dropdown-menu {
    border-top: 3px solid #c02500;
}

.hnav .process-machine .dropdown-menu {
    width: auto; /*long machine name*/
    margin-left: 0;
}

.hnav .process-customer .dropdown-menu {
    width: 250px;
    margin-left: 0;
}

.hnav li:hover .dropdown-menu {
    display: block;
}

.hnav .dropdown-menu {
    width: 300px;
    margin-left: -100px;
}

    .hnav .dropdown-menu ul {
        padding: 0;
        margin: 0;
        width: 150px;
        float: left;
        list-style: none;
    }

    .hnav .dropdown-menu .active > a, .hnav .dropdown-menu .active > a:hover {
        background: #fff;
    }

.hnav .process-customer .active > a, .hnav .process-customer .active > a:hover {
    color: #581d8a !important;
}

.hnav .process-machine .active > a, .hnav .process-machine .active > a:hover {
    color: #529009 !important;
}

.hnav .process-ecommerce .active > a, .hnav .process-ecommerce .active > a:hover {
    color: #e88500 !important;
}

.hnav .process-assets .active > a, .hnav .process-assets .active > a:hover {
    color: #a1473e !important;
}

.hnav .process-aftersales .active > a, .hnav .process-aftersales .active > a:hover {
    color: #1d5a8a !important;
}

.hnav .process-fielddesk .active > a, .hnav .process-fielddesk .active > a:hover {
    color: #23a898 !important;
}

.hnav .process-useradmin .active > a, .hnav .process-useradmin .active > a:hover {
    color: #0A5F3D !important;
}

.hnav .process-import .active > a, .hnav .process-machine .active > a:hover {
    color: #e86500 !important;
}

.hnav .process-resources .active > a, .hnav .process-machine .active > a:hover {
    color: #c02500 !important;
}

/* Machine Nav */
.mnav {
    min-width: 200px;
}

    .mnav > li {
        float: right;
    }

    .mnav .dropdown-toggle {
        margin-right: 0;
    }

    .mnav .dropdown-menu {
        right: 0;
        min-width: 300px;
        left: auto;
    }

/* Metro */
#metro {
    margin: 0 auto;
}

    #metro + h1 {
        margin-top: 30px;
    }

    #metro .item {
        float: left;
        padding: 10px;
        width: 130px;
        height: 130px;
        min-height: 130px;
        margin: 5px;
        overflow: hidden;
        position: relative;
        color: #fff;
        background-color: #222;
        background-image: url(../images/gradient_x.png);
        background-repeat: repeat-y;
        background-position: -400px 0;
    }

        #metro .item * {
            color: #fff;
        }

        #metro .item.process-customer {
            background-color: #581d8a;
        }

        #metro .item.process-machine {
            background-color: #529009;
        }

        #metro .item.process-ecommerce {
            background-color: #e88500;
        }

        #metro .item.process-assets {
            background-color: #A1473E;
        }

        #metro .item.process-aftersales {
            background-color: #1d5a8a;
        }

        #metro .item.process-fielddesk {
            background-color: #23a898;
        }

        #metro .item.process-useradmin {
            background-color: #0A5F3D;
        }

        #metro .item.process-import {
            background-color: #e86500;
        }

        #metro .item.process-resources {
            background-color: #c02500;
        }

        #metro .item a {
            text-decoration: underline;
        }

            #metro .item a:hover {
                color: #ebebeb;
            }

        #metro .item .icon {
            float: left;
            margin: 0 10px 0 0;
        }

        #metro .item .name {
        }

        #metro .item p {
            margin-bottom: 0;
        }

        #metro .item .icon + .name {
            padding-top: 20px;
        }

            #metro .item .icon + .name + .content {
                clear: both;
            }

        #metro .item .nav li ul {
            float: left;
            width: 50%;
        }

        #metro .item.width2 {
            width: 290px;
        }

        #metro .item.width3 {
            width: 450px;
        }

        #metro .item.width4 {
            width: 610px;
        }

        #metro .item.width5 {
            width: 770px;
        }

        #metro .item.width6 {
            width: 930px;
        }

        #metro .item.height2 {
            height: 290px;
        }

        #metro .item.large {
            width: 290px;
            height: 290px;
            z-index: 100;
            font-size: 14px;
        }

            #metro .item.large .icon {
                font-size: 100px;
                width: 100%;
            }

            #metro .item.large .name {
                font-size: 25px;
            }

        #metro .item a.detail {
            display: block;
            position: relative;
            height: 100%;
            text-decoration: none;
        }

    #metro.clickable .item:hover {
        cursor: default;
    }

        #metro.clickable .item:hover .icon {
            text-shadow: 0 0 5px #fff;
        }

    #metro .table {
        margin-bottom: 0;
        border-bottom: none;
    }

        #metro .table thead {
            background: transparent;
            border-bottom: none;
        }

        #metro .table th, #metro .table td {
            padding: 0;
            border: none;
        }

        #metro .table tbody tr:hover td, #metro .table tbody tr:hover th {
            background-color: #000;
        }

    #metro .more .icon {
        float: none;
        margin-right: 0;
    }

.dashboardStart {
    max-width: 800px;
    margin: 0 auto;
}

    .dashboardStart #metro {
        margin-top: 100px;
    }

.dashboardOverview {
    max-width: 800px;
    margin: 0 auto;
}

    .dashboardOverview + .dashboardOverview {
        margin-top: 40px;
    }

    .dashboardOverview h1 {
        padding-left: 10px;
        margin-bottom: 20px;
    }

    .dashboardOverview #metro .item h2.name {
        position: absolute;
        font-size: 13px;
        line-height: 20px;
        bottom: -10px;
        left: 0;
    }

    .dashboardOverview #metro .item p.desc {
        font-size: 17px;
        line-height: 20px;
    }

    .dashboardOverview #metro .item .icon {
        margin-top: -5px;
    }

.dashboardDetail {
    max-width: 960px;
    margin: 0 auto;
}

    .dashboardDetail img.machineImage {
        max-width: 250px;
        height: auto !important;
    }

    .dashboardDetail #metro .item {
        height: auto;
    }

/* Popup */
html.popup {
    overflow-y: auto;
}

#popup .form-search {
    margin-bottom: 10px;
}

#popup {
    font-size: 12px;
}

    #popup .pager-top {
        margin-top: 0;
    }

/* Warning / Errors */
#main div.ui-state-highlight {
    margin-bottom: 10px;
    text-align: left;
}
/* not for topmessage */
div.ui-state-highlight {
    text-align: center;
}

    div.ui-state-highlight p, div.ui-state-error p {
        padding: 5px;
        margin: 0;
    }

.ui-state-highlight a {
    color: #1155CC;
}

.input-validation-error {
    background: #F9EBDC
}

.validation-summary-errors {
    border: 1px solid #cd0a0a;
    background: #F9EBDC;
    color: #cd0a0a;
    padding-top: 8px;
    margin-bottom: 10px;
}

.field-validation-error {
    color: #cd0a0a;
}

table .field-validation-error {
    display: block;
    font-size: 11px;
    line-height: 13px;
}

.validation-summary-hints {
    border: 1px solid #1155CC;
    background: #b4caef;
    color: #000;
    padding-top: 8px;
    margin-bottom: 10px;
}

.field-validation-hint {
    color: #1155CC;
}

table span.field-validation-hint {
    display: block;
}

.resource-data {
    margin-left: 5px;
    color: red;
    cursor: pointer;
}

#showMessage {
    display: none;
    left: 0;
    width: 100%;
    margin: 0;
}

    #showMessage a {
        text-decoration: none;
    }

    #showMessage span.messageNav {
        float: right;
        padding: 1em;
        font-weight: bold;
        font-size: 12px;
    }

    #showMessage .stateHolder {
        width: 95%;
        margin: 1em auto;
        padding: 0.5em;
    }

    #showMessage ul {
        font-size: 16px;
        font-weight: bold;
        margin-left: 0;
        padding-left: 0;
    }

    #showMessage li {
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        color: #000;
    }

.showmessage {
    background: #cfe8b5;
    border-bottom: 1px solid #529009;
    min-height: 101px;
}

.showerrormessage {
    background: #FF6666;
    border-bottom: 1px solid #cd0a0a;
    min-height: 101px;
}

/* Slider */
.slider {
    margin: 2px 0;
    border: 1px solid #333;
}

    .slider h3 {
        position: relative;
        padding: 5px;
        margin: 0;
        cursor: pointer;
        color: #fff;
        background-color: #333;
        background-image: url("../images/gradient_x.png");
        background-repeat: repeat-y;
        background-position: -300px 0;
    }

        .slider h3 span:first-child {
            float: left;
            margin-right: 5px;
        }

        .slider h3 .ui-icon {
            background-image: url(../images/ui/ui-icons_ffffff_256x240.png);
        }

    .slider div {
        margin: 5px;
    }

    .slider table {
        clear: both;
        margin: 0;
    }

    .slider h3 .actions {
        position: absolute;
        top: 5px;
        right: 5px;
        z-index: 1000;
    }

        .slider h3 .actions a {
            color: #fff;
        }

        .slider h3 .actions span.icon {
            top: 0;
        }

    .slider.process-machine {
        border: 1px solid #529009;
    }

        .slider.process-machine h3 {
            background-color: #529009;
        }

    .slider.process-ecommerce {
        border: 1px solid #e88500;
    }

        .slider.process-ecommerce h3 {
            background-color: #e88500;
        }

    .slider.process-assets {
        border: 1px solid #A1473E;
    }

        .slider.process-assets h3 {
            background-color: #A1473E;
        }

    .slider.process-aftersales {
        border: 1px solid #1d5a8a;
    }

        .slider.process-aftersales h3 {
            background-color: #1d5a8a;
        }

    .slider.process-fielddesk {
        border: 1px solid #23a898;
    }

        .slider.process-fielddesk h3 {
            background-color: #23a898;
        }

/* Filter */
tr.filter th input + ul {
    margin: 0;
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    height: 21px;
}

tr.filter th {
    padding: 0 5px 4px;
    white-space: nowrap;
}

th.filterable {
    min-width: 155px;
}

th.filterable-mini {
    min-width: 130px;
}

tr.filter th button.ui-button {
    background: #777;
    border-color: #777;
    color: #e8f8fe !important;
    text-shadow: 1px 1px 1px #222;
}

    tr.filter th button.ui-button .ui-button-text {
        padding-left: 0 !important;
    }

    tr.filter th button.ui-button .red {
        color: #fdaeae !important;
        font-size: 15px;
    }

    tr.filter th button.ui-button .icon {
        margin-right: 0;
    }

.dynamic-filters button.delete {
    background: transparent;
    border: none;
    color: #CC0033 !important;
    font-size: 15px;
    text-shadow: 1px 1px 1px #ccc;
}

    .dynamic-filters button.delete .ui-button-text {
        font-weight: bold;
        padding: 2px 8px;
    }

/* Chosen JQuery */
/* @group Base */
.chzn-container {
    font-size: 13px;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

    .chzn-container .chzn-drop {
        background: #fff;
        border: 1px solid #aaa;
        border-top: 0;
        position: absolute;
        top: 29px;
        left: 0;
        -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
        -moz-box-shadow: 0 4px 5px rgba(0,0,0,.15);
        box-shadow: 0 4px 5px rgba(0,0,0,.15);
        z-index: 1010;
    }
/* @end */

/* @group Single Chosen */
.nowrap {
    white-space: nowrap;
}

.wrap {
    white-space: normal;
}

.chzn-container-single .chzn-single {
    background-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #aaaaaa;
    -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 23px;
    line-height: 24px;
    padding: 0 0 0 8px;
    color: #444444;
    text-decoration: none;
}

.chzn-container-single .chzn-default {
    color: #999;
}

.chzn-container-single .chzn-single span {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.chzn-container-single .chzn-single abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
    height: 13px;
    font-size: 1px;
    background: url('../images/chosen-sprite.png') right top no-repeat;
}

    .chzn-container-single .chzn-single abbr:hover {
        background-position: right -11px;
    }

.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
    background-position: right top;
}

.chzn-container-single .chzn-single div {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px;
}

    .chzn-container-single .chzn-single div b {
        background: url('../images/chosen-sprite.png') no-repeat 0 0;
        display: block;
        width: 100%;
        height: 100%;
    }

.chzn-container-single .chzn-search {
    padding: 3px 4px;
    position: relative;
    margin: 0;
    white-space: nowrap;
    z-index: 1010;
}

    .chzn-container-single .chzn-search input {
        background: #fff url('../images/chosen-sprite.png') no-repeat 100% -22px;
        background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
        background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
        background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
        background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
        background: url('../images/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(#eeeeee 1%, #ffffff 15%);
        margin: 1px 0;
        padding: 4px 20px 4px 5px;
        outline: 0;
        border: 1px solid #aaa;
        font-family: sans-serif;
        font-size: 1em;
    }

.chzn-container-single .chzn-drop {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
/* @end */

.chzn-container-single-nosearch .chzn-search input {
    position: absolute;
    left: -9000px;
}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    border: 1px solid #aaa;
    margin: 0;
    padding: 0;
    cursor: text;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    position: relative;
}

    .chzn-container-multi .chzn-choices li {
        float: left;
        list-style: none;
    }

    .chzn-container-multi .chzn-choices .search-field {
        white-space: nowrap;
        margin: 0;
        padding: 0;
    }

        .chzn-container-multi .chzn-choices .search-field input {
            color: #666;
            background: transparent !important;
            border: 0 !important;
            font-family: sans-serif;
            font-size: 100%;
            height: 15px;
            padding: 5px;
            margin: 1px 0;
            outline: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

        .chzn-container-multi .chzn-choices .search-field .default {
            color: #999;
        }

    .chzn-container-multi .chzn-choices .search-choice {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background-color: #e4e4e4;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
        background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
        background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
        background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
        background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
        background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
        -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
        -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
        box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
        color: #333;
        border: 1px solid #aaaaaa;
        line-height: 13px;
        padding: 3px 20px 3px 5px;
        margin: 3px 0 3px 5px;
        position: relative;
        cursor: default;
    }

        .chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
            background-color: #e4e4e4;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
            background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
            background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
            background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
            background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
            background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
            color: #666;
            border: 1px solid #cccccc;
            padding-right: 5px;
        }

    .chzn-container-multi .chzn-choices .search-choice-focus {
        background: #d4d4d4;
    }

    .chzn-container-multi .chzn-choices .search-choice .search-choice-close {
        display: block;
        position: absolute;
        right: 3px;
        top: 4px;
        width: 12px;
        height: 13px;
        font-size: 1px;
        background: url('../images/chosen-sprite.png') right top no-repeat;
    }

        .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
            background-position: right -11px;
        }

    .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
        background-position: right -11px;
    }
/* @end */

/* @group Results */
.chzn-container .chzn-results {
    margin: 0 4px 4px 0;
    max-height: 240px;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.chzn-container-multi .chzn-results {
    margin: -1px 0 0;
    padding: 0;
}

.chzn-container .chzn-results li {
    display: none;
    line-height: 15px;
    padding: 5px 6px;
    margin: 0;
    list-style: none;
}

.chzn-container .chzn-results .active-result {
    cursor: pointer;
    display: list-item;
}

.chzn-container .chzn-results .highlighted {
    background-color: #3875d7;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.chzn-container .chzn-results li em {
    background: #feffde;
    font-style: normal;
}

.chzn-container .chzn-results .highlighted em {
    background: transparent;
}

.chzn-container .chzn-results .no-results {
    background: #f4f4f4;
    display: list-item;
}

.chzn-container .chzn-results .group-result {
    cursor: default;
    color: #999;
    font-weight: bold;
}

.chzn-container .chzn-results .group-option {
    padding-left: 15px;
}

.chzn-container-multi .chzn-drop .result-selected {
    display: none;
}

.chzn-container .chzn-results-scroll {
    background: white;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    width: 321px; /* This should by dynamic with js */
    z-index: 1;
}

    .chzn-container .chzn-results-scroll span {
        display: inline-block;
        height: 17px;
        text-indent: -5000px;
        width: 9px;
    }

.chzn-container .chzn-results-scroll-down {
    bottom: 0;
}

    .chzn-container .chzn-results-scroll-down span {
        background: url('../images/chosen-sprite.png') no-repeat -4px -3px;
    }

.chzn-container .chzn-results-scroll-up span {
    background: url('../images/chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    border: 1px solid #5897fb;
}

.chzn-container-active .chzn-single-with-drop {
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    background-color: #eee;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
    background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    .chzn-container-active .chzn-single-with-drop div {
        background: transparent;
        border-left: none;
    }

        .chzn-container-active .chzn-single-with-drop div b {
            background-position: -18px 1px;
        }

.chzn-container-active .chzn-choices {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    border: 1px solid #5897fb;
}

    .chzn-container-active .chzn-choices .search-field input {
        color: #111 !important;
    }
/* @end */

/* @group Disabled Support */
.chzn-disabled {
    cursor: default;
    opacity: 0.5 !important;
}

    .chzn-disabled .chzn-single {
        cursor: default;
    }

    .chzn-disabled .chzn-choices .search-choice .search-choice-close {
        cursor: default;
    }

/* @group Right to Left */
.chzn-rtl {
    text-align: right;
}

    .chzn-rtl .chzn-single {
        padding: 0 8px 0 0;
        overflow: visible;
    }

        .chzn-rtl .chzn-single span {
            margin-left: 26px;
            margin-right: 0;
            direction: rtl;
        }

        .chzn-rtl .chzn-single div {
            left: 3px;
            right: auto;
        }

        .chzn-rtl .chzn-single abbr {
            left: 26px;
            right: auto;
        }

    .chzn-rtl .chzn-choices .search-field input {
        direction: rtl;
    }

    .chzn-rtl .chzn-choices li {
        float: right;
    }

    .chzn-rtl .chzn-choices .search-choice {
        padding: 3px 5px 3px 19px;
        margin: 3px 5px 3px 0;
    }

        .chzn-rtl .chzn-choices .search-choice .search-choice-close {
            left: 4px;
            right: auto;
            background-position: right top;
        }

    .chzn-rtl.chzn-container-single .chzn-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0;
    }

    .chzn-rtl .chzn-results .group-option {
        padding-left: 0;
        padding-right: 15px;
    }

    .chzn-rtl.chzn-container-active .chzn-single-with-drop div {
        border-right: none;
    }

    .chzn-rtl .chzn-search input {
        background: #fff url('../images/chosen-sprite.png') no-repeat -38px -22px;
        background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
        background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
        background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
        background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
        background: url('../images/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(#eeeeee 1%, #ffffff 15%);
        padding: 4px 5px 4px 20px;
        direction: rtl;
    }
/* @end */

/* Basket */
.steps {
    height: 30px;
    margin: 10px 0;
}

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

    .steps li {
        float: left;
    }

    .steps span, .steps a {
        display: block;
        padding: 0.4em 2em 0.4em 0;
    }

    .steps .step {
        display: inline-block;
        background: #ddd;
        border-radius: 15px;
        padding: 0.3em 0.7em;
        font-weight: bold;
    }

    .steps li.active > span {
        color: #000;
    }

    .steps li a {
        color: #666;
    }

        .steps li a:hover {
            text-decoration: none;
        }

    .steps li.active .step {
        background: #333;
        color: #fff;
    }

table.shoppingcart {
    border: 2px solid #777;
}

.shoppingcart .pos, .shoppingcart .amount {
    width: 50px;
}

.shoppingcart .delete {
    width: 30px;
}

    .shoppingcart .delete .ui-button-text-only .ui-button-text {
        padding: 0.4em 0.2em;
    }

.pos input, .amount input {
    width: 40px;
}

.specialoffer td, span.specialoffer {
    background: #fff6a7 !important;
}

td.price .popout-inner {
    width: 125px;
}

td.price td {
    background: #000 !important;
}

/* Inquiry Details */
tr.deleted-position td {
    color: #666;
    background: transparent url('../images/strike.png') 0 50% repeat-x;
}

/* Order Detail */
.order-detail th {
    width: 160px;
}

/* Edit Offer */
tr.new-position-hidden {
    display: none
}

tr.existing-position-hidden {
    display: none
}

/*** Assets ***/
/* Document Upload */
.relation-item-title {
    cursor: default;
}

.relation-item-remove {
    cursor: pointer;
}

/* Machine Alert */
td.alert a {
    color: #666;
}

/* Asset Settings */
.alert-notification td.alert {
    width: 40px;
}

/* Date Range Picker */
.ui-daterangepickercontain {
    position: absolute;
    z-index: 999;
}

.ui-daterangepicker .ui-widget-content {
    border: 1px solid #666;
}

.ui-daterangepickercontain .ui-daterangepicker {
    float: left;
    width: auto;
    display: inline;
    background-image: none !important;
    clear: left;
}

.ui-daterangepicker ul, .ui-daterangepicker .ranges, .ui-daterangepicker .range-start, .ui-daterangepicker .range-end {
    float: left;
    padding: 0;
    margin: 0;
}

.ui-daterangepicker .templates ul.nav {
    float: none;
    margin: 5px;
}

    .ui-daterangepicker .templates ul.nav a:hover {
        background: #ddd;
    }

.ui-daterangepicker .templates h3 {
    margin: 10px 0 0 5px;
    font-weight: bold;
}

.ui-daterangepicker .ranges {
    width: auto;
    position: relative;
    padding: 5px 5px 5px 0;
}

    .ui-daterangepicker .ranges .title-start, .ui-daterangepicker .ranges .title-end {
        font-weight: bold;
    }

.ui-daterangepicker .range-start, .ui-daterangepicker .range-end {
    margin-left: 5px;
}

.ui-daterangepicker button.applyButton {
    margin: 0 5px 5px 0;
    position: absolute;
    bottom: 0;
    right: 0;
    clear: both;
    cursor: pointer;
    font-size: 1.1em;
}

/*** Layout ***/
html {
    height: 100%;
}
/* overflow-y: scroll; */
#header {
    background: #f1f1f1;
    border-bottom: 1px solid #E5E5E5;
}

    #header a {
        color: #3E3D40;
    }

.logo {
    text-decoration: none;
}

    .logo img, .logo span {
        display: block;
        font-size: 11px;
        text-decoration: none;
    }

    .logo:hover {
        text-decoration: none;
    }

.form-search form, .inav, .mnav, .hnav, .gnav {
    margin-bottom: 5px;
}

.breadcrumb {
    margin-top: -20px;
}

#main {
    padding-top: 20px;
}

button {
    filter: chroma(color=#000000);
}

.ui-button.action {
    color: #fff !important;
    background: #0c6fdf url(../images/ui/ui-bg_highlight-soft_50_0c6fdf_1x100.png) 50% 50% repeat-x;
    border: 1px solid #0c6fdf;
}

img.loading {
    height: 16px;
}

/*** Admin Section ***/
.admin #header {
    background: #2F2F3F;
    color: #fff;
    border-bottom: 1px solid #000;
}

    .admin #header a, .admin #header .logo span {
        color: #fff;
    }

    .admin #header ul.nav > li > a {
        color: #fff;
    }

    .admin #header ul li a {
        color: #3E3D40;
    }

.admin .nav-tabs .dropdown-toggle .caret, .admin .nav-pills .dropdown-toggle .caret {
    border-top-color: #fff;
}

.admin .dropdown.open .dropdown-toggle {
    background-color: #000;
}

.admin .companies-info ul li label {
    width: 250px;
    display: inline-block;
}

.admin .group-info {
    margin: 15px 0 10px;
}

    .admin .group-info ul li label {
        display: inline-block;
        width: 120px;
    }

.admin .user-info label {
    display: inline-block;
    margin-right: 15px;
}

.admin #setting-tabs fieldset {
    display: inline;
    width: 230px;
}

.admin .editor-field {
    float: left;
    margin-right: 5px;
    height: 25px;
}
/* checkboxes in tabs */
.admin .editor-label {
    clear: both;
    float: right;
    width: 200px;
    height: 25px;
}
/* checkboxes in tabs */

/* Company List */
.admin .list #T0 + a {
    top: -55px;
}

@media print {
    .container {
        padding: 0 !important;
        max-width: none !important;
    }

    .icon, .gnav, #header .span6, #header .span4 {
        display: none !important;
    }

    #metro .item {
        position: static !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        height: 400px !important;
        overflow: visible !important;
    }

    #metro .content {
        padding: 0 !important;
    }

    * {
        background: transparent !important;
        color: #444 !important;
        text-shadow: none !important;
    }

    a, a:visited {
        color: #444 !important;
        text-decoration: underline;
    }

    thead {
        display: table-header-group;
    }
    /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img {
        page-break-inside: avoid;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    .table thead .filter th, .pagination, .btn-toolbar, .btn-group, th.delete, td.delete {
        display: none;
    }

    .printshow {
        display: block;
    }

    .printhide {
        display: none;
    }

    table.shoppingcart {
        border: none;
        width: auto !important;
    }

    .shoppingcart th, .shoppingcart td {
        padding: 2px 4px 2px 0;
    }

    .shoppingcart thead th {
        border-bottom: 2px solid #666;
    }

    .shoppingcart tbody td {
        border-bottom: 1px solid #666;
    }

    .shoppingcart tfoot td {
        border-top: 2px solid #666;
    }

    .shoppingcart tbody .noborder td {
        border: none;
    }
}

.table td.currency {
    text-align: right;
}