/* Minification failed. Returning unminified contents.
(1384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1720,21): run-time error CSS1039: Token not allowed after unary operator: '-color-gray'
(1731,21): run-time error CSS1039: Token not allowed after unary operator: '-color-light-gray'
 */
/*
 * jQuery UI CSS Framework 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=segoe%20ui,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=ece8da&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=100&borderColorHeader=d4ccb0&fcHeader=433f38&iconColorHeader=847e71&bgColorContent=f5f3e5&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dfd9c3&fcContent=312e25&iconColorContent=808080&bgColorDefault=459e00&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=15&borderColorDefault=327E04&fcDefault=ffffff&iconColorDefault=eeeeee&bgColorHover=67b021&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=327E04&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=fafaf4&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=100&borderColorActive=d4ccb0&fcActive=459e00&iconColorActive=8DC262&bgColorHighlight=fcf0ba&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=e8e1b5&fcHighlight=363636&iconColorHighlight=8DC262&bgColorError=ffedad&bgTextureError=03_highlight_soft.png&bgImgOpacityError=95&borderColorError=e3a345&fcError=cd5c0a&iconColorError=cd0a0a&bgColorOverlay=2b2922&bgTextureOverlay=05_inset_soft.png&bgImgOpacityOverlay=15&opacityOverlay=90&bgColorShadow=cccccc&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=95&opacityShadow=20&thicknessShadow=12px&offsetTopShadow=-12px&offsetLeftShadow=-12px&cornerRadiusShadow=10px
 */

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana;
    font-size: 1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget button {
        color: #1574B5;
        padding-left: 5px;
        padding-right: 5px;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Verdana;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #1574B5;
    background: #e9eff4;
}

button.selectFilter.ui-state-default {
    border: 1px solid #a6a6a6;
}

div.selectFilter {
    border-color: #a6a6a6;
}

.ui-widget-content.selectFilter {
    background-image: none;
    background-color: white;
    color: #000000;
    border-radius: 0px;
}

label.selectFilter {
    font-size: 13px;
}

    label.selectFilter.ui-state-hover {
        border: 1px solid #087c80;
        background: #3399ff;
        font-weight: normal;
        color: #ffffff;
    }

.ui-widget-content a {
    color: #1574B5;
}

    .ui-widget-content a:hover {
        color: #00205B;
        text-decoration: underline;
    }

.ui-widget-header {
    border: 1px solid #aaa;
}

    /* Interaction states
----------------------------------*/
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background: white;
        font-weight: normal;
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #1574B5;
            text-decoration: none;
        }

.ui-state-hover a, .ui-state-hover a:hover {
    color: #1574B5;
    text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #1574B5;
    font-weight: normal;
    color: #fff;
}

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #ffffff;
        text-decoration: none;
    }

.ui-widget :active {
    outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #cccccc;
    background: #eeeeee url(/Content/Styles/jQuery/images/blackStyle/ui-bg_highlight-soft_80_eeeeee_1x100.png) 50% top repeat-x;
    color: #2e7db2;
}

    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
        color: #2e7db2;
    }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #ffb73d;
    background: #ffc73d url(/Content/Styles/jQuery/images/blackStyle/ui-bg_glass_40_ffc73d_1x400.png) 50% 50% repeat-x;
    color: #111111;
}

    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
        color: #111111;
    }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #111111;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .8;
    filter: Alpha(Opacity=80);
    /*background-image: none;*/
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(/Content/Styles/jQuery/images/blackStyle/ui-icons_a83300_256x240.png);
    border: 1px solid #1574B5;
    border-radius: 0.2em;
    cursor: pointer;
}

.ui-widget-content .ui-icon {
    background-image: url(/Content/Styles/jQuery/images/blackStyle/ui-icons_a83300_256x240.png);
    border: 1px solid #fff;
}

.ui-widget-header .ui-icon {
    background-image: url(/Content/Styles/jQuery/images/blackStyle/ui-icons_a83300_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(/Content/Styles/jQuery/images/blackStyle/ui-icons_a83300_256x240.png);
    border: 1px solid #fff;
}
/*.ui-state-default.ui-state-hover span.ui-icon {
        color: #1574B5;
        border: 1px solid #1574B5;
        background: #fff;
    }*/

.ui-state-hover .ui-icon:not(.ui-state-disabled), .ui-state-focus .ui-icon:not(.ui-state-disabled) {
    border: 1px solid #1574B5;
}

.ui-state-active .ui-icon {
    background-image: url(/Content/Styles/jQuery/images/blackStyle/ui-icons_222222_256x240.png);
    border: 1px solid #fff;
}

.ui-state-highlight .ui-icon {
    background-image: url(/Content/Styles/jQuery/images/blackStyle/ui-icons_4b8e0b_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(/Content/Styles/jQuery/images/blackStyle/ui-icons_a83300_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-off {
    background-position: -96px -144px;
}

.ui-icon-radio-on {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
/*
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -khtml-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    -khtml-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -khtml-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -khtml-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
}*/

/* Overlays */
.ui-widget-overlay {
    background: #5c5c5c url(/Content/Styles/jQuery/images/blackStyle/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x;
    opacity: .8;
    filter: Alpha(Opacity=80);
}

.ui-widget-shadow {
    margin: -7px 0 0 -7px;
    padding: 7px;
    background: #cccccc url(/Content/Styles/jQuery/images/blackStyle/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x;
    opacity: .6;
    filter: Alpha(Opacity=60);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/*
 * jQuery UI Resizable 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable
{
    position: relative;
}
.ui-resizable-handle
{
    position: absolute;
    font-size: 0.1px;
    z-index: 1000; /*z-index: 99999;*/
    display: block;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle
{
    display: none;
}
.ui-resizable-n
{
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s
{
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e
{
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w
{
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se
{
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw
{
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw
{
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne
{
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
/*
 * jQuery UI CSS Framework 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden
{
    display: none;
}
.ui-helper-hidden-accessible
{
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}
.ui-helper-reset
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after
{
    content: "";
    display: table;
}
.ui-helper-clearfix:after
{
    clear: both;
}
.ui-helper-clearfix
{
    zoom: 1;
}
.ui-helper-zfix
{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled
{
    cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon
{
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* @import "/Content/Styles/Theme.css";
@font-face {
    font-family: 'Pan';
    src: url(/Content/Styles/Font/MaxW05-Regular.woff2); 
}

@font-face {
    font-family: 'Pant';
    src: url(/Content/Styles/Font/MaxW05-Regular.woff2); 
}
html {
    font-family: "Pan", Verdana;
    font-size: 13px;
    min-width: 750px; 
    width: 100%;
    height: 100%; 
    overflow: hidden;
    position: fixed;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

* {
    margin: 0;
    padding: 0;
}
 */

/* ------------ Animations ------------ */

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    to {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    to {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    to {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

/* Loading-Cover */

.site-loading-cover {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

/* ------------ Loading css animation ------------ */
/* ------------ Generated from http://cssload.net/ ------------*/
.roller-loading-wrapper {
    display: none;
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 9999;
    -moz-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
}

.roller-loading {
    position: absolute;
    background-color: #000000;
    height: 5px;
    width: 5px;
    -moz-border-radius: 3px;
    -moz-animation-name: bounce_roller-loading;
    -moz-animation-duration: 1.04s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -webkit-border-radius: 3px;
    -webkit-animation-name: bounce_roller-loading;
    -webkit-animation-duration: 1.04s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -ms-border-radius: 3px;
    -ms-animation-name: bounce_roller-loading;
    -ms-animation-duration: 1.04s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -o-border-radius: 3px;
    -o-animation-name: bounce_roller-loading;
    -o-animation-duration: 1.04s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    border-radius: 3px;
    animation-name: bounce_roller-loading;
    animation-duration: 1.04s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

.roller-loading_1 {
    left: 0;
    top: 12px;
    -moz-animation-delay: 0.39s;
    -webkit-animation-delay: 0.39s;
    -ms-animation-delay: 0.39s;
    -o-animation-delay: 0.39s;
    animation-delay: 0.39s;
}

.roller-loading_2 {
    left: 4px;
    top: 4px;
    -moz-animation-delay: 0.52s;
    -webkit-animation-delay: 0.52s;
    -ms-animation-delay: 0.52s;
    -o-animation-delay: 0.52s;
    animation-delay: 0.52s;
}

.roller-loading_3 {
    left: 12px;
    top: 0;
    -moz-animation-delay: 0.65s;
    -webkit-animation-delay: 0.65s;
    -ms-animation-delay: 0.65s;
    -o-animation-delay: 0.65s;
    animation-delay: 0.65s;
}

.roller-loading_4 {
    right: 4px;
    top: 4px;
    -moz-animation-delay: 0.78s;
    -webkit-animation-delay: 0.78s;
    -ms-animation-delay: 0.78s;
    -o-animation-delay: 0.78s;
    animation-delay: 0.78s;
}

.roller-loading_5 {
    right: 0;
    top: 12px;
    -moz-animation-delay: 0.91s;
    -webkit-animation-delay: 0.91s;
    -ms-animation-delay: 0.91s;
    -o-animation-delay: 0.91s;
    animation-delay: 0.91s;
}

.roller-loading_6 {
    right: 4px;
    bottom: 4px;
    -moz-animation-delay: 1.04s;
    -webkit-animation-delay: 1.04s;
    -ms-animation-delay: 1.04s;
    -o-animation-delay: 1.04s;
    animation-delay: 1.04s;
}

.roller-loading_7 {
    left: 12px;
    bottom: 0;
    -moz-animation-delay: 1.17s;
    -webkit-animation-delay: 1.17s;
    -ms-animation-delay: 1.17s;
    -o-animation-delay: 1.17s;
    animation-delay: 1.17s;
}

.roller-loading_8 {
    left: 4px;
    bottom: 4px;
    -moz-animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    -ms-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

@-moz-keyframes bounce_roller-loading {
    0% {
        background-color: #FFFFFF;
    }

    100% {
        background-color: #000000;
    }
}

@-webkit-keyframes bounce_roller-loading {
    0% {
        background-color: #FFFFFF;
    }

    100% {
        background-color: #000000;
    }
}

@-ms-keyframes bounce_roller-loading {
    0% {
        background-color: #FFFFFF;
    }

    100% {
        background-color: #000000;
    }
}

@-o-keyframes bounce_roller-loading {
    0% {
        background-color: #FFFFFF;
    }

    100% {
        background-color: #000000;
    }
}

@keyframes bounce_roller-loading {
    0% {
        background-color: #FFFFFF;
    }

    100% {
        background-color: #000000;
    }
}
:root {
    --active-color:    #2F7549;
    --dark-color:      #505565;
    --color-gray:      #8B90A0;
    --color-light-gray:#C4C4C4;
}

.ui-dialog {
    position: absolute;
    overflow: hidden;
    background-color: #e9eff4;
    background-image: none;
}

    .ui-dialog .ui-dialog-titlebar {
        position: relative;
        background: none;
        border-style: none;
        color: #1574B5;
        background-color: #D9E1E2;
        text-shadow: 0 0 1px #fff;
    }

    .ui-dialog .ui-dialog-title {
        position: relative;
        float: left;
        margin: 3px 115px 3px 5px;
        color: #5a4e45;
        font-weight: bold;
        font-size: 14px;
    }

    .ui-dialog .ui-dialog-titlebar .ui-icon {
        background: none;
    }

    .ui-dialog .ui-dialog-titlebar-buttons {
        position: absolute;
        right: 0;
    }

        .ui-dialog .ui-dialog-titlebar-buttons .ui-icon {
            border: none;
        }

    .ui-dialog .ui-dialog-titlebar a {
        float: right;
        height: 23px;
        background-position: left top;
        border-width: 0;
        border-right: 0;
        border-top: 0;
        background-position: center;
        background-repeat: no-repeat;
        image-rendering: pixelated;
    }

        .ui-dialog .ui-dialog-titlebar a:hover {
            background-color: #1574B5;
        }

        .ui-dialog .ui-dialog-titlebar a span {
            display: block;
            margin: 1px;
        }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
        background-image: url(/Content/Styles/Images/Dialog/dialog-close.png);
        width: 28px;
    }

        .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
            background-image: url(/Content/Styles/Images/Dialog/dialog-close-on.png);
        }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-maximize {
        background-image: url(/Content/Styles/Images/Dialog/dialog-maximize.png);
        width: 28px;
        border-right: 0;
    }

        .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-maximize:hover {
            background-image: url(/Content/Styles/Images/Dialog/dialog-maximize-on.png);
            border-right: 0;
        }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-minimize {
        background-image: url(/Content/Styles/Images/Dialog/dialog-minimize.png);
        width: 28px;
    }

        .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-minimize:hover {
            background-image: url(/Content/Styles/Images/Dialog/dialog-minimize-on.png);
        }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-restore {
        background-image: url(/Content/Styles/Images/Dialog/dialog-restore.png);
        width: 27px;
    }

        .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-restore:hover {
            background-image: url(/Content/Styles/Images/Dialog/dialog-restore-on.png);
        }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-minimize, .tasksBar .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-restore {
        display: none;
    }

    .ui-dialog .ui-dialog-content-box {
        border: 0;
        background: #E9EFF4;
    }

        .ui-dialog .ui-dialog-content-box .tabs-min {
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }

        .ui-dialog .ui-dialog-content-box form .tabs-min.tabs-form {
            position: relative;
            top: -9px;
            left: -9px;
            width: 103.5%;
        }

        .ui-dialog .ui-dialog-content-box .tabs-min.tabs-form {
            position: relative;
            top: 0px;
        }

            .ui-dialog .ui-dialog-content-box .tabs-min.tabs-form .ui-tabs-panel {
                position: relative;
                top: 5px;
            }

            .ui-dialog .ui-dialog-content-box .tabs-min.tabs-form .ui-state-default a {
                font-size: 13px;
            }

.ui-dialog-control-panel {
    padding: 3px;
    height: 25px;
}

    .ui-dialog-control-panel.absolute {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
    }

        .ui-dialog-control-panel.absolute button {
            margin-left: 0.1em;
        }

    .ui-dialog-control-panel button {
        padding-left: 0.6em;
        padding-right: 0.4em;
        margin-right: 0.6em;
        line-height: 1.6em;
        color: #1574B5;
        font-family: Arial;
        float: right;
        border: 1px solid #1574B5;
    }

        .ui-dialog-control-panel button:before {
            border-right: 1px solid #1574B5;
        }

        .ui-dialog-control-panel button:hover:before {
            /* border-right: 1px solid #fff; */
        }

        .ui-dialog-control-panel button:hover {
            outline: 0;
            color: #fff;
            border: 1px solid #fff;
        }

        .ui-dialog-control-panel button:before {
            float: left;
            font-size: 1.4em;
            width: 1.5em;
            text-align: center;
            margin: 0 0.2em 0 -0.6em;
            pointer-events: none;
        }

button.fullButton {
    border: 1px solid #1574B5;
}

    button.fullButton:before {
        border: none;
    }

    button.fullButton:hover:before {
        border: none;
    }

    button.fullButton:before {
        margin: 0;
        -webkit-box-shadow: 0px 0 0 rgba(0,0,0,.5), 0px 0 0 rgba(255,255,255,.5);
        box-shadow: 0px 0 0 rgba(0,0,0,.2), 0px 0 0 rgba(255,255,255,.5);
        padding-right: 5px;
    }

.ui-dialog-control-panel button.save, .ui-dialog-control-panel button.actions-panel-btn {
    float: none;
}
/*.ui-dialog-control-panel*/

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    overflow: auto;
    zoom: 1;
    background-color: #e9eff4;
}

    .ui-dialog .ui-dialog-content .detailsview.absolute {
        position: absolute;
        left: 0;
        right: 0;
        top: 30px;
    }

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-style: none;
    padding: 5px 0;
    margin: 0;
    border-top: 1px solid #1574B5;
    border-bottom: 3px solid #1574B5;
    overflow: hidden;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
    width: 16px;
    height: 20px;
    border: none;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
    background-color: #D9E1E2;
}

.ui-dialog .okButton {
    float: left;
}

.ui-dialog .ui-dialog-buttonpane .close {
    float: right;
}

.explorer-panel > ul > li {
    display: block;
    background-repeat: repeat-x;
    line-height: 26px;
}

    .explorer-panel > ul > li > button {
        display: inline-block;
    }

/* ------------ FORM --------------- */

.ui-dialog .ui-dialog-content form {
    padding: 10px;
}

/* ------------ INPUT -------------- */

.ui-dialog span.select-all-block {
    display: block;
    float: right;
    /*width: 130px;*/
    padding: 1px 0px 1px 0px;
}

    .ui-dialog span.select-all-block input {
        width: 20px;
        float: left;
    }

.ui-dialog .input-select-multiple {
    height: 80px;
}
/*---dynamic inputs css --- */
.ui-dialog .unitInput-textbox {
    width: 72px !important;
    float: left !important;
}

.ui-dialog .unitInput-dropdown {
    width: 62px !important;
    float: left !important;
}

.ui-dialog .unitAlarm-textbox {
    margin-left: 20px !important;
    width: 56px !important;
    float: left !important;
}

.ui-dialog .unitInput-checkbox {
    float: left !important;
    margin-left: 25px !important;
}

/* ------------ DATA TABLE --------------- */
.legend-data-table-wrapper {
    right: 0px;
    position: absolute;
    overflow: auto;
    height: 99%;
}

.data-table {
    border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
}

    .data-table.scrollable {
        display: block;
        max-height: 350px;
        overflow: auto;
    }

    .data-table td {
        color: var(--color-gray);
        /* #5a4e45; */
        padding: 4px;
        text-align: left;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-right: 1px dotted #8e8277;
        cursor: context-menu;
    }

    .data-table th {
        color: var(--color-light-gray);
        /* white; */
        font-weight: bold;
        background-color: #5a4e45;
        height: 24px;
        border-right: 1px dotted #fff;
        cursor: context-menu;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Chrome/Safari/Opera */
        -khtml-user-select: none; /* Konqueror */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none;
    }

    .data-table tr.sticky > th {
        position: sticky;
        top: 0;
    }

    .data-table tr.sticky:nth-child(1) > th {
        height: 64px !important;
    }

    .data-table tr.sticky:nth-child(2) > th {
        top: 64px;
    }

    .data-table.minified th {
        height: 18px;
        font-size: 12px;
    }

    .data-table td:first-child {
        border-left: 1px solid transparent;
    }

    .data-table td:last-child {
        border-right: 1px solid transparent;
    }

    .data-table tr:nth-child(even) {
        background-color: #f3f6f9;
    }

    .data-table tr:nth-child(odd) {
        background-color: #efe9e5;
    }

    .data-table tr:hover td, .data-table tr.selected td, .data-table tr td.selected {
        background-color: #63B6E6;
    }

    .data-table tr.total {
        font-weight: bold !important;
    }

    .data-table .actions {
        width: 1px;
        white-space: nowrap;
    }

    .data-table .dropDownButton {
        margin-top: 12px;
    }

    .data-table button:not(.dropDownButton) {
        display: inline-block;
        white-space: nowrap;
        border: 1px solid #1574B5;
        font-weight: bold;
        font-family: Arial, Helvetica;
        padding-left: 2px;
        padding-right: 2px;
        margin-right: 2px;
        line-height: 16px;
        padding-left: 4px;
        padding-right: 4px;
    }

        .data-table button:not(.dropDownButton):hover {
            border: 1px solid #fff;
        }

/* ------------ TABS ------------ */

.ui-dialog .ui-tabs {
    padding: 0;
    background-color: transparent;
    border-width: 0;
    position: absolute;
    min-width: 100%;
}

    .ui-dialog .ui-tabs .ui-tabs-panel.ui-widget-content {
        bottom: 0;
        left: 0;
        right: 0;
        top: 42px;
        position: absolute;
        padding-top: 0;
    }

    .ui-dialog .ui-tabs .ui-tabs-nav {
        padding: 0.5em 0.5em 0;
        border-width: 0;
        border-bottom: 5px solid #1574B5;
    }

.ui-dialog .ui-tabs-nav li {
    float: none;
    display: inline-block;
    outline: none;
    border: 1px solid #1575B5;
    color: #1575B5;
    background-color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}

    .ui-dialog .ui-tabs-nav li:hover {
        background-color: #1574B5;
        color: #fff;
    }

        .ui-dialog .ui-tabs-nav li:hover > a {
            color: #fff;
        }

.ui-dialog .ui-tabs .ui-tabs-nav li a {
    float: none;
    display: inline-block;
    padding: 5px 1em;
}

    .ui-dialog .ui-tabs .ui-tabs-nav li a:hover {
        color: #fff;
    }

.ui-dialog .ui-tabs-nav .ui-tabs-selected {
    background-color: #1574B5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: white;
}

/* ------------ BUTTONS --------------- */

.ui-dialog .ui-dialog-buttonpane button {
    display: inline-block;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #1574B5;
    color: #1574B5;
    padding: 0 1.5em;
    line-height: 1.5em;
    margin: 0.5em 0.8em;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #1574B5;
}

.ui-dialog-buttonpane button .ui-button-text {
    float: left;
    padding: 0;
    font-size: 1em;
    line-height: inherit;
}

.ui-dialog-buttonpane button:hover {
    background-color: #1574B5;
    border: 1px solid #fff;
    color: #fff;
}

    .ui-dialog-buttonpane button:hover::before {
        border-right: 1px solid #fff;
    }

.ui-dialog-buttonpane button:active {
    position: relative;
    top: 1px;
}

.ui-dialog-buttonpane button:before {
    float: left;
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    border-right: 1px solid #1574B5;
    pointer-events: none;
}

.ui-dialog h1, .ui-dialog h2, .ui-dialog h3 {
    color: #1F7A27;
}

.ui-dialog h1 {
    font-size: 15px;
}

.ui-dialog h2 {
    font-size: 14px;
}

.ui-dialog h3 {
    font-size: 12px;
}

/* ----------- Column ----------------- */

.ui-dialog .column {
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
    width: 260px;
    /* border-right: 1px solid #EEE; */
}

    .ui-dialog .column.wide {
        width: 290px;
    }

    .ui-dialog .column.short {
        width: 180px;
    }

    .ui-dialog .column.single.shorter {
        width: 150px;
    }

.dataBlock.radioList {
    width: 205px;
}

.ui-dialog .column.single.wider {
    width: 360px;
}

.ui-dialog .column.last {
    border-right: none;
    margin-right: 0;
}

.ui-dialog .column.single {
    border-right: none;
    margin-right: 10px;
    margin-bottom: 0;
}

.ui-dialog .column-section {
    clear: both;
}

    .ui-dialog .column-section .column {
        margin-bottom: 0px;
    }

/* ----------- DropDownButton ----------------- */

form .dataBlock .input-select-pane select {
    width: 110px;
}

form .wide .dataBlock .input-select-pane select,
form .wide.dataBlock .input-select-pane select {
    width: 140px;
}

form .dataBlock .input-info-pane input {
    width: 110px;
}

.ui-dialog .dropDownButton {
    background-image: url(/Content/Styles/Images/Dialog/button-plus-small.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 19px;
    height: 18px;
    float: right;
    margin-right: 1px;
    background-color: transparent !important;
    border: none !important;
    background-size: 100% 100%;
}

    .ui-dialog .dropDownButton:hover {
        background-image: url(/Content/Styles/Images/Dialog/button-plus-small-on.png);
    }

.ui-dialog .buttonBackSmall {
    background-image: url(/Content/Styles/Images/Dialog/button-back-small.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 1px;
    background-color: transparent !important;
    border: none !important;
}

    .ui-dialog .buttonBackSmall:hover {
        background-image: url(/Content/Styles/Images/Dialog/button-back-small-on.png);
    }

.ui-dialog .buttonPlusSmall {
    background-image: url(/Content/Styles/Images/Dialog/button-plus-small.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 19px;
    height: 19px;
    float: right;
    margin-right: 1px;
    background-color: transparent !important;
    border: none !important;
}

    .ui-dialog .buttonPlusSmall:hover {
        background-image: url(/Content/Styles/Images/Dialog/button-plus-small-on.png);
    }

.ui-dialog .buttonMinusSmall {
    background-image: url(/Content/Styles/Images/Dialog/button-minus-small.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 19px;
    height: 19px;
    float: right;
    margin-right: 1px;
    background-color: transparent !important;
    border: none !important;
}

    .ui-dialog .buttonMinusSmall:hover {
        background-image: url(/Content/Styles/Images/Dialog/button-minus-small-on.png);
    }

.ui-dialog hr {
    clear: both;
    margin: 0 auto;
    border: 0;
    border-bottom: 1px solid #aaa;
    padding-top: 8px;
}

.ui-dialog table .numeric-column,
.slick-table .numeric-column {
    /* text-align: right !important; */
    white-space: nowrap;
}

.ui-dialog input.numeric-input,
.slick-table input.numeric-input {
    text-align: right !important;
}

/* gauge style */
.ui-dialog .gauge-timeline, .ui-dialog .gps-daily-status {
    width: 100%;
    min-height: 170px;
    color: #6F6F6F;
    text-align: center;
}

    .ui-dialog .gauge-timeline canvas {
        display: inline;
    }

    .ui-dialog .gauge-timeline table {
        width: 95%;
        margin: 3px auto;
        font-size: 10px;
        font-weight: bold;
        display: none;
    }

        .ui-dialog .gauge-timeline table td {
            color: #000;
        }

            .ui-dialog .gauge-timeline table td.time-start {
                text-align: left;
            }

            .ui-dialog .gauge-timeline table td.time-current {
                text-align: center;
            }

            .ui-dialog .gauge-timeline table td.time-end {
                text-align: right;
            }

    .ui-dialog .gauge-timeline div.work-hours {
        display: none;
        margin: 3px auto;
    }

        .ui-dialog .gauge-timeline div.work-hours span {
            color: white;
            background-color: #272727;
            padding: 2px 4px;
            font-weight: bold;
            border: 1px solid #292929;
        }

.notification-panel-content hr {
    margin: 8px 0;
    border-color: #808080;
}

.engine-load {
    display: none;
}

    .engine-load .engine-load-label {
        font-weight: bold;
        font-size: 10px;
    }

    .engine-load .ui-progressbar {
        text-align: left;
        background-color: #656565;
    }

        .engine-load .ui-progressbar .ui-progressbar-value {
            margin: -1px;
        }

    .engine-load .ui-progressbar-horizontal .ui-progressbar-value {
        height: 100%;
    }

    .engine-load .ui-progressbar-vertical .ui-progressbar-value {
        width: 100%;
        background: rgb(96,182,193); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(96,182,193,1) 0%, rgba(35,145,162,1) 51%, rgba(96,182,193,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(96,182,193,1)), color-stop(51%,rgba(35,145,162,1)), color-stop(100%,rgba(96,182,193,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, rgba(96,182,193,1) 0%,rgba(35,145,162,1) 51%,rgba(96,182,193,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, rgba(96,182,193,1) 0%,rgba(35,145,162,1) 51%,rgba(96,182,193,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, rgba(96,182,193,1) 0%,rgba(35,145,162,1) 51%,rgba(96,182,193,1) 100%); /* IE10+ */
        background: linear-gradient(to right, rgba(96,182,193,1) 0%,rgba(35,145,162,1) 51%,rgba(96,182,193,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60b6c1', endColorstr='#60b6c1',GradientType=1 ); /* IE6-9 */
    }

    .engine-load .ui-progressbar-horizontal {
        height: 2em;
    }

    .engine-load .ui-progressbar-vertical {
        width: 1em;
    }

    .engine-load .ui-progressbar-value {
        background-color: #4A4A4A;
    }

    .engine-load.hover {
        position: relative;
        top: 0;
        left: 0;
    }

span.standart-info-tooltip {
    float: left;
}

span.soil-sample-info-tooltip {
    padding-top: 10px;
    float: left;
}

div.info-tooltip {
    outline: none;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 1px;
    z-index: 1000;
}

div.info-tooltip-icon {
    width: 19px;
    height: 18px;
    float: right;
    background-image: url(/Content/Styles/Images/Dialog/button-info-small.png);
}

span.info-tooltip-span {
    z-index: 3000;
    display: none;
    padding: 14px 20px;
    margin-top: -30px;
    margin-left: 28px;
    max-width: 245px;
    line-height: 16px;
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
    background: #fffAF0;
    border: 1px solid #DCA;
    position: absolute;
}

span.content-tooltip-span {
    z-index: 4000;
    display: none;
    padding: 14px 20px;
    line-height: 16px;
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
    background: #fffAF0;
    border: 1px solid #DCA;
    position: absolute;
    overflow: auto;
}

.callout {
    z-index: 200;
    position: absolute;
    top: 10px;
    border: 0;
    left: -12px;
}

.engine-load .tooltip { /* hide and position tooltip */
    top: -10px;
    background-color: #BDBDC0;
    font-size: 0.8em;
    padding: 3px;
    border: 1px solid #000;
    color: #656565;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    visibility: hidden;
}

.engine-load.hover:hover .tooltip { /* display tooltip on hover */
    opacity: 1;
    visibility: visible;
}

.village-add-button {
    position: relative;
    left: 185px;
}

/* CostPrice Report table style */
.ui-dialog .cost-price-table tbody tr {
    background-color: #ffffff;
}

    .ui-dialog .cost-price-table tbody tr:nth-child(odd) {
        background-color: #ececed;
    }

.ui-dialog .cost-price-table td {
    border-color: rgba(0, 0, 0, 0.5) #C0C0C0 #C0C0C0 rgba(0, 0, 0, 0.5);
    border-image: none;
    border-style: solid dotted;
    border-width: 1px;
}

.ui-tabs-nav li.button-item {
    float: right;
    background: transparent;
    border: none;
}

    .ui-tabs-nav li.button-item:hover {
        background: transparent;
    }

/* Scrollbars */
::-webkit-scrollbar-corner {
    background: #efe9e5;
}

::-webkit-scrollbar {
    width: 11px;
    height: 11px;
    background: #efe9e5;
}

::-webkit-scrollbar-thumb {
    background: #d8d0c7;
}
/* html {
    min-width:auto;
}

li {
    list-style-type: none;
}

.container__main {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    min-width: 320px;
}

.container__logo--yara {
    width:  90px;
    height: 90px;
}

.contaner__logo--ao {
    width: 330px;
    height: 90px;
}

.container__side--right {
    width: 30%;
    max-width: 600px;
    min-width: 380px;
    overflow-y: auto;
}

.container__side--left {
    padding: 20px;
    justify-content: space-between;
    background: url(/Content/Styles/Images/Common/bg_unauthenticted.jpg) top left / cover no-repeat;
}

.container__form--login {
    width: 63%;
    min-width: 250px;
    max-width: 500px; 
}

.container__form--login > form {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.container__slogan {
    margin-top: 10px;
}

.container__slogan--main {
    margin-left: 20px;
    margin-bottom: 50px;
}
@media only screen and (max-height: 500px) {
    .container__slogan--main {
        margin-bottom: 0;
    }
}

.container__logon--title {
    margin: 0 0 100px;
}

.continer__terms {
    margin-bottom: 20px;
}

.container__devider {
    margin: 25px 0 35px;
}

.container__element {
    margin: 10px 0;
}

.container--form  {
    width: 100%;
}

.text__slogan {
    font-family: 'Pant', Verdana;
    color: #ffffff;
    color: var(--color-white);
}

.element--devider {
    width: 250px;
    height: 1px;
    border-bottom: 1px solid #8B90A0;
    border-bottom: 1px solid var(--color-gray);
}

.form__group--input:hover > .password-icon {
    display: block;
}

.password-icon {
    display: none;
    position: absolute;
    cursor: pointer;
    top: 33px;
    right: 10px;
}

.password-icon-eye-open:before {
    content: '\e802';
    display: inline-block;
    font-family: 'agro-office';
    font-size: 20px;
    color: #8B90A0;
    color: var(--color-gray);
}

.password-icon-eye-open:hover:before {
    color: #39B27B;
    color: var(--color-primary);
}

.password-icon-eye-close:before {
    content: '\e801';
    display: inline-block;
    font-family: 'agro-office';
    font-size: 20px;
    color: #8B90A0;
    color: var(--color-gray);
}

.password-icon-eye-close:hover:before {
    color: #39B27B;
    color: var(--color-primary);
}

.resultMessage {
    display: block;
    min-height: 24px;
    margin-bottom: 10px;
}

.container__mobile {
    display: none;
}

@media only screen and (max-width: 768px) {
    .container__logo--yara {
        position: absolute;
        top: 20px;
        left: 20px;
    }

    .contaner__logo--ao  {
        width: 200px;
        height: 144px;
        background: url(/Content/Styles/Images/Common/logo-ao-dark.svg) center center / cover no-repeat;
    }

    .container__slogan--main {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .container__slogan {
        margin-bottom: 100px;
    }

    .text__slogan {
        font-size: 19px;
        font-weight: 600;
        color: #232735;
        color: var(--color-black);
    }

    .container__side--left {
        width: 0;
        padding: 0;
        background: #ffffff;
        background: var(--color-white);
    }

    .container__side--right {
        display: none;
    }

    .container__buttons--mobile {
        display: block;
        position: absolute;
        bottom: 16%;
        left: 50%;
        width: 250px;
        transform: translateX(-50%);
    }

    .container__mobile div .continer__terms {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
    }

    .container__mobile {
        display: block;
    }

    .container__main.mobile > .container__side--right {
        display: none;
    }

    .container__main:not(.mobile) .container__side--left .container__mobile {
        display: none;
    }

    .container__main:not(.mobile) >  .container__side--right {
        display: flex;
    }

    .container__main:not(.mobile) {
        display: block;
    }

    .container__main:not(.mobile) .container__side--left  {
        width: 100%;
        height: 115px;
    }

    .container__main:not(.mobile) div .container__logo--yara {
        width: 50px;
        height: 50px;
    }

    .container__main:not(.mobile) .container__slogan--main .contaner__logo--ao  {
        width: 150px;
        height: 40px;
        background: url(/Content/Styles/Images/Common/logo-ao-hr.svg) center center / cover no-repeat;
    }

    .container__main:not(.mobile) .container__slogan--main {
        top: 25px;
        height: auto;
    }

    .container__main:not(.mobile) .container__slogan--main .container__slogan {
        margin-bottom: 0;
    }

    .container__main:not(.mobile) .container__side--right {
        width: 100%;
        height: calc(100% - 115px);
        max-width: 100%;
        min-width: auto;
    }

    .container__main:not(.mobile) .container__side--right .container__form--login {
        width: 280px;
    }

    .container__logon--title {
        margin: 0 0 20px;
        font-size: 10px;
    } 
}

@media only screen and (max-height: 768px) {
    .container__logo--yara {
        width: 70px;
        height: 70px;
    }

    .contaner__logo--ao {
        width: 220px;
        height: 60px;
    }

    .container__side--right {
        min-width: 380px;
    }

    .container__form--login {
        width: 240px;
    }

    .container__logon--title {
        margin-bottom: 30%;
    }

    .resultMessage {
        min-height: 16px;
        font-size: 11px;
        margin-bottom: 5px;
    }

    .container__devider {
        margin: 19px 0 30px;
    }

    .container__main.mobile .container__slogan--main .contaner__logo--ao  {
        width: 200px;
        height: 144px;
    }

    .password-icon {
        top: 25px;
    }

    .password-icon-eye-open:before {
        font-size: 14px;
    }

    .password-icon-eye-close:before {
        font-size: 14px;
    }
}
@media only screen and (max-height: 540px) {
    .container__logon--title {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
    .container__logon--title {
        margin-bottom: 20px;
    }
}

@media only screen and (max-height: 960px) and (min-width: 768px){
    .container__logon--title {
        margin-bottom: 20%;
    }

    .container__logon--title h1{
        font-size: 24px;
    }
}
 */

