.SFXDG {
    display: block;
    background-color: white;
    position: relative;
    width: 100%;
    height: 100%;
    outline: none;
    -moz-outline: none;
    -moz-user-select: -moz-none;
}

.SFXDGHeaderContainer {
    background-color: #1f1f21;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.tinyMceReadOnly {
    display: none !important;
}

.SFXDGHeaderFiller {
    height: 1px; /* było 0px (fix dla FF) */
    width: 0px;
}

.SFXDGRowsPaging {
    /*float: left;     margin-left:5px;*/
    float: right;
    margin-right: 15px;
}

.SFXDGRowsInfo {
    float: right;
    font-weight: bold;
    line-height: 21px;
}

.SFXDGRowsCaption {
    float: left; /*margin-left:5px;*/
    margin-left: 5px;
    margin-right: 5px;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 21px;
   /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
}

.SFXDGFilterTextBox {
    /*float: left;*/
    overflow: hidden;
    margin-left: 5px;
}

.SFXDGColumnsSettings {
    width: 13px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(./img/SFXWebControls/settings.png);
}

.SFXDGColumnsDownload {
    width: 13px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(./img/SFXWebControls/download.png);
}

.SFXDGColumnsClipboard {
    width: 13px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(./img/SFXWebControls/button_icon_details.gif);
}

.SFXDGColumnsFilter {
    width: 13px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(./img/SFXWebControls/filter_active.png);
}

.SFXDGColumnsFilterFiltered {
    width: 13px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(./img/SFXWebControls/filter_filtered.png);
}

.SFXDGColumnsFilterActive {
    width: 13px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(./img/SFXWebControls/filter.png);
}

.SFXDGFilterButton {
    float: left;
    margin-left: 5px;
}

.SFXDGColumnsArrangeLink {
    float: right;
    margin-right: 5px;
    cursor: pointer;
}

.SFXDGExportToCSVLink {
    float: right;
    margin-right: 5px;
    font-size: 7pt;
    font-weight: bold;
    text-decoration: underline;
    color: #0000ff;
    cursor: pointer;
}

.SFXDGCopyGridToClipboardLink {
    float: right;
    margin-right: 5px;
    font-size: 7pt;
    font-weight: bold;
    text-decoration: underline;
    color: #0000ff;
    cursor: pointer;
}

.SFXDGHeaderTitleContainer {
    background-color: #f1eeee;
    overflow: hidden;
    position: relative;
    text-align: right;
    padding: 2px 8px 2px 0px;
   /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
    /*height: 21px;*/
}

.SFXDGColumnsArrangeLink:hover {
    color: #000077;
}

.SFXDGExportToCSVLink:hover {
    color: #000077;
}

.SFXDGCopyGridToClipboardLink:hover {
    color: #000077;
}

.SFXDGHeaderTable {
    color: white;
    /*border-collapse: separate;*/
    font-weight: bold;
    cursor: pointer;
}

    .SFXDGHeaderTable td {
        overflow: hidden;
        padding-left: 0px;
        padding-right: 5px;
        vertical-align: top;
    }

        .SFXDGHeaderTable td table {
            height: 19px;
        }

.SFXDGDataContainer {
    background-color: white;
    overflow: auto;
    position: relative;
}

.SFXDGDataTable {
    border-collapse: collapse;
    -moz-outline: none;
}

    .SFXDGDataTable td {
        border-left: 1px solid white;
        cursor: pointer;
        padding-top: 1px;
        padding-bottom: 1px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 2px;
        padding-right: 2px;
    }

.SFXRowAlternate {
    background-color: #eeeeee;
}

.SFXDGRowAlternate {
    background-color: #eeeeee;
}

    .SFXDGRowAlternate td {
        border-top: dotted 1px #eeeeee;
    }

.SFXDGRow {
    background-color: #F3F3F3;
}

    .SFXDGRow td {
        border-top: dotted 1px #808080;
    }

.SFXDGSelectedRowAlternate {
    /*background-color: #005f9c !important;     color: White !important;*/
    background-color: rgb(252, 202, 34, 0.2);
    border-top: 2px solid #fdce20 !important;
    border-right: 0px solid #fdce20 !important;
    border-bottom: 2px solid #fdce20 !important;
    border-left: 0px solid #fdce20 !important;
    box-shadow: inset 0px 11px 18px -15px #fdce20;
    /*box-shadow: inset 0px 11px 18px -15px rgba(214, 208, 16, 1), inset 0px -11px 18px -15px rgba(214, 208, 16, 1);*/
}

.SFXDGSelectedRow {
    /*background-color: #005f9c !important;     color: White !important;*/
    border-top: 2px solid #6b6bab !important;
    border-right: 0px solid #6b6bab !important;
    border-bottom: 2px solid #6b6bab !important;
    border-left: 0px solid #6b6bab !important;
    box-shadow: inset 0px 11px 18px -15px #6b6bab;
    color: White;
}

.SFXDGNoRows {
    background-color: white;
    text-align: center;
    cursor: default;
}

/*wskazanie na wierszu, że drop pójdzie w niego*/

.SFXDGDragRowHover td {
    background-color: #ffc316;
}

/*wskazanie na wierszu, że drop pójdzie nad nim (między nim a wierszem wyżej)*/

.SFXDGDragOverRowHover td {
    border-top: solid 1px #ffc316;
}

/*wskazanie na całym kontenerze datatable, że drop pójdzie do niego (typowo na koniec listy)*/

.SFXDGDragOverDataContainer {
    border: solid 1px #ffc316;
    cursor: pointer;
}

.SFXDGColumnSeparator {
    width: 0px;
    height: 0px;
    float: right;
    overflow: visible;
    position: relative;
}

.SFXDGColumnSeparatorGrip {
    position: absolute;
    width: 7px;
    height: 21px;
    top: 0px;
    bottom: 0px;
    cursor: col-resize;
    background-image: url(./img/SFXWebControls/grid_grip.gif);
    background-repeat: repeat-y;
    background-position: left top;
}

.SFXDGHeaderContent {
    padding-top: 2px;
    padding-bottom: 2px;
    overflow: hidden;
    /*white-space: nowrap;*/
    position: relative;
    /*height: 17px;*/
}

span.FreeFlow {
    height: auto;
}

.FreeFlow .SFXDGDataContainer {
    overflow-y: visible;
    overflow-x: scroll;
}

.Right {
    text-align: right;
}

.Left {
    text-align: left;
}

.Center {
    text-align: center;
}

.SFXImageColumn {
    position: static !important;
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXNoWrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    overflow: hidden;
}

.SFXDGActivePagerItem {
    padding-left: 8px;
    font-size: 7pt;
    text-decoration: underline;
    color: #0000ff;
    cursor: pointer;
    float: left;
}

.SFXDGInActivePagerItem {
    padding-left: 8px;
    font-size: 7pt;
    color: #000000;
    float: left;
}

.SFXDGCurrentPagerItem {
    padding-left: 8px;
    font-size: 7pt;
    font-weight: bold;
    color: #000000;
    float: left;
}

.SFXDGDragColumnCell {
    background-color: #E2E2E2;
    background-image: url(./img/SFXWebControls/datagrid_grip.gif);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: move !important;
}

.SFXDGDragColumnCellDiv {
    width: 100%;
}

.SFXTooltip {
    position: absolute;
    z-index: 1000;
    left: 0px;
    top: 0px;
    width: auto;
    color: Black;
}

.SFXTooltipContainer {
    position: relative;
    width: 100%;
    height: 100%;
}

.SFXTooltipContentContainer {
    padding: 6px;
}

.SFXTooltipContent {
    background-color: #ffffe1;
}

.SFXTooltipLeftTop {
    background-image: url("./img/SFXWebControls/tooltip_tl.gif");
    background-repeat: no-repeat;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
}

.SFXTooltipTop {
    border-top: 1px solid #333333;
    position: absolute;
    height: 5px;
    left: 5px;
    right: 5px;
    top: 0;
    background-color: #ffffe1;
}

.SFXTooltipRightTop {
    background-image: url("./img/SFXWebControls/tooltip_tr.gif");
    background-repeat: no-repeat;
    height: 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
}

.SFXTooltipRight {
    border-right: 1px solid #333333;
    bottom: 5px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 5px;
    background-color: #ffffe1;
}

.SFXTooltipRightBottom {
    background-image: url("./img/SFXWebControls/tooltip_br.gif");
    background-repeat: no-repeat;
    bottom: 0;
    height: 5px;
    position: absolute;
    right: 0;
    width: 5px;
}

.SFXTooltipBottom {
    border-bottom: 1px solid #333333;
    bottom: 0;
    height: 5px;
    left: 5px;
    position: absolute;
    right: 5px;
    background-color: #ffffe1;
}

.SFXTooltipLeftBottom {
    background-image: url("./img/SFXWebControls/tooltip_bl.gif");
    background-repeat: no-repeat;
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 5px;
}

.SFXTooltipLeft {
    border-left: 1px solid #333333;
    bottom: 5px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 5px;
    background-color: #ffffe1;
}

.SFXAutosize {
    position: relative;
    width: 100%;
    height: 100%;
}

.SFXAutosizeHeader {
    position: relative;
    overflow: auto;
    max-height: 69%;
}

.SFXAutosizeContent {
    position: relative;
    overflow: auto;
}

.SFXAutosizeFooter {
    position: relative;
    overflow: hidden;
}

.SFXBlackout {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(./img/SFXWebControls/blackout.png);
    background-position: left top;
    background-repeat: repeat;
}

.SFXHorizontalSplitter {
    position: relative;
    width: 100%;
    height: 100%;
}

.SFXHorizontalSplitterPanel, .SFXHorizontalSplitterHandle {
    position: absolute;
    left: 0px;
    right: 0px;
}

.SFXHorizontalSplitterTopPanel {
    top: 0px;
}

.SFXHorizontalSplitterBottomPanel {
    bottom: 0px;
}

.SFXHorizontalSplitterPanelInnerDiv {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.SFXHorizontalSplitterHandle {
    height: 10px;
    cursor: n-resize;
    background-image: url(./img/SFXWebControls/horizontal_splitter_background.png);
    background-position: center top;
}

.SFXHorizontalSplitterHandleMoving {
    z-index: 1000;
    background-image: url(./img/SFXWebControls/horizontal_splitter_moving_background.png);
}

.SFXMultiPanel, .SFXMultiPanelHorizontal {
    height: 100%;
    overflow: hidden;
}

.SFXCollapsibleBoxBorderAndPadding {
    border: 1px solid #ffed9a;
}

.SFXCollapsibleBoxHorizontal {
    width: 100%;
    height: 27px;
    position: relative;
}

    .SFXCollapsibleBoxHorizontal .SFXCollapsibleBoxBorderAndPadding {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
    }

    .SFXCollapsibleBoxHorizontal .SFXCollapsibleBoxContainer {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .SFXCollapsibleBoxHorizontal .SFXCollapsibleBoxHeaderContainer {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        height: 25px;
        line-height: 25px;
    }

.SFXCollapsibleBoxLeft, .SFXCollapsibleBoxRight {
    display: none;
}

.SFXCollapsibleBoxHorizontal .SFXCollapsibleBoxHeader {
    background-image: url(./img/SFXWebControls/collapsible_header_bg.png);
    background-repeat: repeat-x;
    background-position: left center;
}

.SFXCollapsibleBoxHorizontal .SFXCollapsibleBoxContent {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 25px;
    bottom: 0px;
}

.SFXCollapsibleBoxHorizontal .SFXCollapsibleBoxButton {
    width: 30px;
    height: 25px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.SFXCollapsibleBoxCollapsed.SFXCollapsibleBoxHorizontal .SFXCollapsibleBoxButton {
    background-image: url(./img/SFXWebControls/arrow_down.gif);
}

.SFXCollapsibleBoxExpanded.SFXCollapsibleBoxHorizontal .SFXCollapsibleBoxButton {
    background-image: url(./img/SFXWebControls/arrow_up.gif);
}

.SFXCollapsibleBoxVertical {
    width: 27px;
    height: 100%;
    float: left;
    position: relative;
}

    .SFXCollapsibleBoxVertical .SFXCollapsibleBoxBorderAndPadding {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
    }

    .SFXCollapsibleBoxVertical .SFXCollapsibleBoxContainer {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .SFXCollapsibleBoxVertical .SFXCollapsibleBoxHeaderContainer {
        position: absolute;
        left: 0px;
        width: 25px;
        top: 0px;
        bottom: 0px;
    }

.SFXCollapsibleBoxExpanded.SFXCollapsibleBoxVertical .SFXCollapsibleBoxContent {
    position: absolute;
    left: 25px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.SFXCollapsibleBoxTop, .SFXCollapsibleBoxBottom {
    display: none;
}

.SFXCollapsibleBoxVertical .SFXCollapsibleBoxHeader {
    background-image: url(./img/SFXWebControls/collapsible_header_bg_horizontal.png);
    background-position: center top;
    background-repeat: repeat-y;
}

.SFXCollapsibleBoxVertical .SFXCollapsibleBoxButton {
    width: 25px;
    height: 30px;
}

.SFXCollapsibleBoxCollapsed.SFXCollapsibleBoxVertical .SFXCollapsibleBoxButton {
    background-image: url(./img/SFXWebControls/arrow_right.gif);
}

.SFXCollapsibleBoxExpanded.SFXCollapsibleBoxVertical .SFXCollapsibleBoxButton {
    background-image: url(./img/SFXWebControls/arrow_left.gif);
}

.SFXCollapsibleBoxHeader {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #a53a02;
    color: White;
    overflow: hidden;
}

.SFXCollapsibleBoxHorizontal .SFXCollapsibleBoxCaption {
    padding-left: 5px;
    margin-right: 30px;
}

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

.SFXCollapsibleBoxCaption {
    font-weight: bold;
}

.SFXCollapsibleBoxButton {
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXCollapsibleBoxContent {
    margin: 3px;
    background-color: White;
}

.SFXCollapsibleBoxInnerContent {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.SFXRoundBox {
    position: relative;
    /*padding: 4px 4px;*/
    /*margin: 3px;*/
    border: 1px solid #9b9a9a;
    background-color:#fff;
}

.SFXRoundBoxLeftTop, .SFXRoundBoxRightTop, .SFXRoundBoxLeft, .SFXRoundBoxRight, .SFXRoundBoxLeftBottom, .SFXRoundBoxRightBottom {
    visibility: hidden;
    position: absolute;
}

.SFXRoundBoxLeftTop, .SFXRoundBoxLeft, .SFXRoundBoxLeftBottom {
    left: 4px;
}

.SFXRoundBoxLeftTop, .SFXRoundBoxRightTop {
    top: 4px;
}

.SFXRoundBoxRightTop, .SFXRoundBoxRight, .SFXRoundBoxRightBottom {
    right: 4px;
}

.SFXRoundBoxLeftBottom, .SFXRoundBoxRightBottom {
    visibility: hidden;
    bottom: 4px;
}

.SFXRoundBoxLeftTop, .SFXRoundBoxRightTop, .SFXRoundBoxLeftBottom, .SFXRoundBoxRightBottom {
    display: block;
    width: 4px;
    height: 4px;
}

.SFXRoundBoxTop {
    padding-top: 3px;
}

.SFXRoundBoxBottom {
    padding-bottom: 0px;
}

.SFXRoundBoxLeft, .SFXRoundBoxRight {
    top: 8px;
    bottom: 8px;
    width: 3px;
}

.SFXRoundBoxContent {
    clear: both;
    overflow: auto;
    padding: 0%;
    background: #fff;
}

.SFXRoundBoxContent2 {
    clear: both;
    overflow: auto;
    padding: 0.25%;
    background-color: transparent !important;
}

@-moz-document url-prefix() {
    .SFXRoundBoxContentFF {
        overflow-x: hidden;
        overflow-y: auto;
    }
}

.SFXRoundBoxWithName, .SFXRoundBoxWithName .SFXRoundBoxTop {
    padding-top: 0px;
}

    .SFXRoundBoxWithName .SFXRoundBoxLeftTop, .SFXRoundBoxWithName .SFXRoundBoxRightTop, .SFXRoundBoxWithName .SFXRoundBoxTopCenterPart {
        top: 0.75em;
    }

    .SFXRoundBoxWithName .SFXRoundBoxLeft, .SFXRoundBoxWithName .SFXRoundBoxRight {
        top: 0.75em;
        margin-top: 4px;
    }

.SFXRoundBoxTopLeftPart, .SFXRoundBoxTopCenterPart {
    width: 10px;
    position: relative;
    top: 0.75em;
    float: left;
}

.SFXRoundBoxName {
    width: auto;
    width: 100%;
    position: relative;
    float: left;
    /*font-weight: bold;*/
    /* height: 1.0em;*/
    /* line-height: 1.5em;*/
    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
    white-space: nowrap;
    cursor: default;
    /* font-size: 0.8em;*/
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b8e1fc+0,a9d2f3+1,90bae4+3,90bae4+4,90bcea+5,dce6ef+6,6ba8e5+9,9abee2+16,fcfcfc+100&1+0,0+100 */
    
}

.SFXRoundBoxTopRightPart {
    position: relative;
    top: 0.75em;
    overflow: hidden;
}

.SFXRoundBoxWithHeight .SFXRoundBoxContent {
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 8px;
    right: 8px;
}

.SFXRoundBoxWithName .SFXRoundBoxTop {
    border: 0px none;
}

.SFXRoundBoxPlusMinus {
   /* display: none;*/
     width: 14px; 
    padding: 2px;
    cursor: pointer;
}

.SFXRoundBoxCollapsed .SFXRoundBoxPlusMinus, .SFXRoundBoxName:hover .SFXRoundBoxPlusMinus {
    display: inline;
}

.SFXRoundBoxCollapsed {
    position: relative !important;
    height: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
}

.SFXRoundBoxClearBoth {
    width: 0px;
    height: 0px;
    clear: both;
}

.SFXRoundBoxContainer > div {
    display: inline-block;
    vertical-align: top;
}

.SFXRoundBoxContainer .SFXRoundBoxCollapsed {
    display: block;
}

.SFXSubWindow {
    width: 640px;
    height: 480px;
    visibility: hidden;
}

.SFXSubWindowContainer {
    width: 100%;
    height: 100%;
    position: relative;
}

.SFXSubWindowTopLeft {
    position: absolute;
    width: 7px;
    height: 7px;
    top: 0px;
    left: 0px;
    cursor: nw-resize;
    z-index: 161;
}

.SFXSubWindowTop {
    position: absolute;
    width: 100%;
    height: 3px;
    right: 0px;
    top: 0px;
    left: 0px;
    cursor: n-resize;
    z-index: 160;
}

.SFXSubWindowTopRight {
    position: absolute;
    width: 7px;
    height: 7px;
    right: 0px;
    top: 0px;
    cursor: ne-resize;
    z-index: 161;
}

.SFXSubWindowRight {
    position: absolute;
    width: 3px;
    height: 100%;
    right: 0px;
    top: 0px;
    bottom: 0px;
    cursor: e-resize;
    z-index: 160;
}

.SFXSubWindowBottomRight {
    position: absolute;
    width: 7px;
    height: 7px;
    right: 0px;
    bottom: 0px;
    cursor: se-resize;
    z-index: 161;
}

.SFXSubWindowBottom {
    position: absolute;
    width: 100%;
    height: 3px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    cursor: s-resize;
    z-index: 160;
}

.SFXSubWindowBottomLeft {
    position: absolute;
    width: 7px;
    height: 7px;
    left: 0px;
    bottom: 0px;
    cursor: sw-resize;
    z-index: 161;
}

.SFXSubWindowLeft {
    position: absolute;
    width: 3px;
    height: 100%;
    bottom: 0px;
    top: 0px;
    left: 0px;
    cursor: w-resize;
    z-index: 160;
}

.SFXSubWindowHeaderFullscreen {
    width: 13px;
    height: 13px;
    background-image: url(./img/SFXWebControls/fullscreen_icon.png);
    position: absolute;
    right: 7px;
    top: 6px;
    cursor: pointer;
    z-index: 160;
}

.SFXSubWindowHeaderReturn {
    width: 13px;
    height: 13px;
    background-image: url(./img/SFXWebControls/return_icon.png);
    position: absolute;
    right: 7px;
    top: 6px;
    cursor: pointer;
    z-index: 160;
}

.SFXSubWindowTB {
    height: 24px;
    width: 100%;
    position: relative;
}

.SFXSubWindowTBMove {
    cursor: move;
}

.SFXSubWindowTBL {
    width: 5px;
    height: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(./img/SFXWebControls/subwindow_bar_l.gif);
    background-repeat: no-repeat;
}

.SFXSubWindowTBM {
    height: 24px;
    position: absolute;
    top: 0px;
    left: 5px;
    right: 5px;
    background-image: url(./img/SFXWebControls/subwindow_bar_m.gif);
    background-repeat: repeat-x;
    font-size: 11px;
    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
    line-height: 24px;
    font-weight: bold;
    padding-left: 5px;
    color: #333;
}

.SFXSubWindowTBR {
    width: 5px;
    height: 24px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-image: url(./img/SFXWebControls/subwindow_bar_r.gif);
    background-repeat: no-repeat;
}

.SFXSubWindowContentContainer {
    position: absolute;
    top: 24px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #ded7d6;
    background-color: #fff;
    border-top: none;
    border: solid 1px #333;
}

.SFXSubWindowContent {
    position: absolute;
    width: 100%;
    height: 100%;
}

.SFXTabPanel {
    position: relative;
    width: 100%;
    height: 100%;
}

.SFXTabPanelTabs {
    width: 100%;
    max-height: 90px; /* co najwyżej 3 rzędy */
    overflow-x: hidden;
    overflow-y: auto;
}

.SFXTabPanelTabsContent {
    background: url(./img/SFXWebControls/tabBackround.png) repeat;
    width: 100%;
}

.SFXTabPanelTab {
    display: inline-block;
    vertical-align: top;
    margin: 9px 2px 0px 2px;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-top: solid 1px black;
    padding: 0px 5px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.SFXTabPanelSelectedTab {
    margin-top: 4px;
    height: 25px;
    line-height: 25px;
    background-color: White
}

.SFXTabPanelContent {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.SFXVerticalSplitter {
    position: relative;
    width: 100%;
    height: 100%;
}

.SFXVerticalSplitterPanel, .SFXVerticalSplitterHandle {
    position: absolute;
    top: 0px;
    bottom: 0px;
    height: 100%; /* Dla Opera 10.53 :) */
}

.SFXVerticalSplitterLeftPanel {
    left: 0px;
}

.SFXVerticalSplitterRightPanel {
    right: 0px;
}

.SFXVerticalSplitterPanelInnerDiv {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.SFXVerticalSplitterHandle {
    width: 10px;
    cursor: w-resize;
    background-image: url(./img/SFXWebControls/splitter_background.png);
    background-position: center top;
}

.SFXVerticalSplitterHandleMoving {
    z-index: 1000;
    background-image: url(./img/SFXWebControls/splitter_moving_background.png);
}

.SFXNotificationBar {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 128;
    font-size: 12pt;
    font-weight: bold;
    width: 100%;
}

    .SFXNotificationBar a {
        text-decoration: none;
        color: Blue;
        cursor: pointer;
    }

.SFXNotificationText {
    display: block;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 50px;
    border: 5px solid;
}

.SFXNotificationTypeInformation .SFXNotificationText {
    background-color: #eeeeee;
    border-color: #999999;
}

.SFXNotificationTypeActionSuccessful .SFXNotificationText {
    background-color: #80ff80;
    border-color: #00ff00;
}

.SFXNotificationTypeActionFailed .SFXNotificationText {
    background-color: #ff8060;
    border-color: #ff3000;
}

.SFXNotificationTypeValidationError .SFXNotificationText {
    background-color: #ffff80;
    border-color: #ffff00;
}

.SFXNotificationTypeFatalError .SFXNotificationText {
    background-color: #ff8080;
    border-color: #ff0000;
}

.SFXNotificationBar .SFXNotificationClose {
    position: absolute;
    top: 5px;
    right: 5px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    border: none;
    background-image: url(./img/SFXWebControls/close_x.gif);
    height: 29px;
    width: 29px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.SFXBoxBar {
    background-color: #DCDEDD;
    background-image: url(./img/SFXWebControls/bar_back.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    border: solid 1px #66747F;
    max-height: 92px;
    overflow: auto;
}

.SFXBoxBarElement {
    float: left;
    padding: 2px 5px;
    position: relative;
    cursor: move;
}

.SFXBoxBarElementSelected {
    background-color: #D8AA30;
}

.SFXBoxBarPin {
    position: absolute;
    height: 20px;
    width: 20px;
    top: 2px;
    right: 5px;
    cursor: pointer;
    background-image: url(./img/SFXWebControls/pin_h.png);
    background-position: center center;
}

.SFXBoxBarPinClicked {
    background-image: url(./img/SFXWebControls/pin_v.png);
}

.SFXBoxBarContent {
    padding: 5px 20px 5px 5px;
    border: 1px solid #000;
}

.SFXBoxBarElementBorderLeft {
    border-left: solid 2px #ffc316;
}

.SFXBoxBarElementBorderRight {
    border-right: solid 2px #ffc316;
}

.SFXButton {
    float: left;
    position: relative;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    color: #5b5b5b;
    width: 10em;
}

.SFXButtonDisabled {
    cursor: default;
    opacity: 0.4;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.SFXButtonBorderAndPadding {
    line-height: 24px;
    height: 24px;
}

.SFXButtonLeft {
    float: left;
    width: 22px;
    height: 100%;
    background-image: url(./img/SFXWebControls/button_left.gif);
    background-position: left center;
    background-repeat: no-repeat;
}

.SFXButtonLeftNoIcon {
    float: left;
    width: 5px;
    height: 100%;
    background-image: url(./img/SFXWebControls/button_left_no_icon.gif);
    background-position: left center;
    background-repeat: no-repeat;
}

.SFXButtonRight {
    float: right;
    width: 5px;
    height: 100%;
    background-image: url(./img/SFXWebControls/button_right.gif);
    background-position: right center;
    background-repeat: no-repeat;
}

.SFXButtonCaption {
    height: 100%;
    font-size: 8pt;
    text-transform: uppercase;
    overflow: hidden;
    background-image: url(./img/SFXWebControls/button_background.gif);
    background-position: left center;
    background-repeat: repeat-x;
}

.SFXButtonIcon {
    position: absolute;
    top: 0px;
    left: -6px;
    width: 24px;
    height: 24px;
    background-position: right center;
    background-repeat: no-repeat;
}

.SFXButtonIconTypeAdd {
    background-image: url(./img/SFXWebControls/button_icon_add.gif);
}

.SFXButtonIconTypeDetails {
    background-image: url(./img/SFXWebControls/button_icon_details.gif);
}

.SFXButtonIconTypeDelete {
    background-image: url(./img/SFXWebControls/button_icon_delete.gif);
}

.SFXButtonIconTypeSearch {
    background-image: url(./img/SFXWebControls/button_icon_search.gif);
}

.SFXButtonIconTypeHelp {
    background-image: url(./img/SFXWebControls/button_icon_help.gif);
}

.SFXButtonIconTypeClose {
    background-image: url(./img/SFXWebControls/button_icon_close.gif);
}

.SFXButtonIconTypeCancel {
    background-image: url(./img/SFXWebControls/button_icon_cancel.gif);
}

.SFXButtonIconTypeOK {
    background-image: url(./img/SFXWebControls/button_icon_ok.gif);
}

.SFXCenteredBlock {
    position: absolute;
}

.SFXChatControl {
    width: 300px;
    background-color: #FEFFEF;
    border: 1px solid #505050;
}

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

.SFXChatControlContent {
    padding: 0px;
}

.SFXChatControlHeader {
    height: 24px;
    line-height: 25px;
    position: relative;
    background-color: #C6C6C6;
    border-bottom: 1px solid #505050;
    cursor: move;
}

.SFXChatControlHeaderName {
    font-size: medium;
    padding-left: 5px;
}

.SFXChatControlHeaderMinimize {
    width: 13px;
    height: 13px;
    background-image: url(./img/SFXWebControls/minimize_icon.png);
    position: absolute;
    right: 25px;
    top: 6px;
    cursor: pointer;
}

.SFXChatControlHeaderMaximize {
    width: 13px;
    height: 13px;
    background-image: url(./img/SFXWebControls/maximize_icon.png);
    position: absolute;
    right: 25px;
    top: 6px;
    cursor: pointer;
}

.SFXChatControlHeaderClose {
    width: 13px;
    height: 13px;
    background-image: url(./img/SFXWebControls/close_icon.png);
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
}

.SFXChatControlBody {
    height: 220px;
    overflow: auto;
}

.SFXChatControlText {
    width: 100%;
    height: 100%;
    background-color: White;
    border: 0;
    display: block;
    padding: 0;
}

.SFXChatControlFooter {
    border-top: 1px solid #C9D0DA;
    height: 34px;
}

.SFXChatControlConversation {
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
}

.SFXChatList {
    float: left;
    color: Black;
}

.SFXChatListList {
    overflow: auto;
    max-height: 450px;
}

    .SFXChatListList table {
        width: 100%;
        cursor: pointer;
        table-layout: fixed;
    }

    .SFXChatListList td {
        font-size: medium;
        padding: 2px;
        overflow: hidden;
    }

.SFXChatListHeader {
    height: 24px;
    line-height: 25px;
    position: relative;
    background-color: #C6C6C6;
    border-bottom: 1px solid #505050;
    cursor: move;
}

.SFXChatListHeaderName {
    font-size: medium;
    padding-left: 5px;
}

.SFXChatListHeaderClose {
    width: 13px;
    height: 13px;
    background-image: url(./img/SFXWebControls/close_icon.png);
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
}

.SFXChatListContent {
    width: 250px;
    background-color: #FEFFEF;
    border: 1px solid #505050;
}

.SFXChatListShowButton {
    background-image: url(./img/SFXWebControls/chat_icon.png);
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.SFXChatListDrag .SFXChatListContent {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.SFXCheckBox {
    cursor: pointer;
    width: 13px;
    height: 22px;
    display: inline-block;
    vertical-align: top;
}

.SFXCheckBoxChecked {
    background-image: url(./img/SFXWebControls/checkbox_checked.png);
    background-position: center center;
    background-repeat: no-repeat;
}

    .SFXCheckBoxChecked:hover {
        background-image: url(./img/SFXWebControls/checkbox_checked_hover.png);
        background-position: center center;
        background-repeat: no-repeat;
    }

.SFXCheckBoxUnchecked {
    background-image: url(./img/SFXWebControls/checkbox_unchecked.png);
    background-position: center center;
    background-repeat: no-repeat;
}

    .SFXCheckBoxUnchecked:hover {
        background-image: url(./img/SFXWebControls/checkbox_unchecked_hover.png);
        background-position: center center;
        background-repeat: no-repeat;
    }

.SFXCheckBoxUndefined {
    background-image: url(./img/SFXWebControls/checkbox_undefined.png);
    background-position: center center;
    background-repeat: no-repeat;
}

    .SFXCheckBoxUndefined:hover {
        background-image: url(./img/SFXWebControls/checkbox_undefined_hover.png);
        background-position: center center;
        background-repeat: no-repeat;
    }

.SFXCheckBoxCheckedDisabled {
    background-image: url(./img/SFXWebControls/checkbox_checked_disabled.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXCheckBoxUncheckedDisabled {
    background-image: url(./img/SFXWebControls/checkbox_unchecked_disabled.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXCheckBoxUndefinedDisabled {
    background-image: url(./img/SFXWebControls/checkbox_undefined_disabled.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXCollapsibleComboBox {
    padding: 2px 0px;
    cursor: pointer;
}

.SFXCollapsibleComboBoxDisabled .SFXCollapsibleComboBoxControl {
    border: 1px solid #cccccc;
    color: #404040;
}

.SFXCollapsibleComboBox .SFXCollapsibleComboBoxControl {
    position: relative;
}

.SFXCollapsibleComboBox table {
    margin: auto;
    text-align: center;
    vertical-align: middle;
    border-collapse: collapse;
    border-style: none;
    border-width: 0px;
    font-size: 12pt;
    font-weight: bold;
    color: #454545;
}

.SFXCollapsibleComboBoxImage {
    width: 40px !important;
    height: 40px !important;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    position: inherit !important;
}

.SFXCollapsibleComboBox table tr {
    height: 40px;
}

.SFXCollapsibleComboBoxButton {
    background-image: url(./img/SFXWebControls/CollapsibleComboBox_button_arrow.png);
    width: 33px;
    height: 33px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 3px;
}

.SFXCollapsibleComboBoxButtonExpanded {
    background-image: url(./img/SFXWebControls/CollapsibleComboBox_button_arrow_expanded.png);
}

.SFXCollapsibleComboBoxDisabled .SFXCollapsibleComboBoxButton {
    background-image: url(./img/SFXWebControls/arrow_down.gif);
}

.SFXCollapsibleComboBoxList {
    position: fixed;
    overflow: hidden;
    z-index: 40;
    cursor: pointer;
    text-align: left;
    background-color: white;
    margin-left: -1px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.SFXCollapsibleComboBox table tbody tr td span {
    padding-left: 5px;
}

.SFXCollapsibleComboBoxControlContent {
    margin: 0 10px;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}

.SFXCollapsibleComboBoxControlContentContainer {
    margin: 0 35px;
}

.SFXCollapsibleComboBoxList table tbody tr td {
    border-bottom: 0 !important;
    line-height: 40px;
}

.SFXCollapsibleComboBoxImageActive {
    webkit-border-radius: 20px;
    moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    background-color: Yellow;
}

.SFXCollapsibleComboBoxList table tbody tr:hover .SFXCollapsibleComboBoxImage {
    webkit-border-radius: 20px;
    moz-border-radius: 20px;
    border-radius: 20px;
    background-color: Yellow;
}

.SFXComboBoxBorderAndPadding {
   /* border: 1px solid #ffd8b7;*/
}

.SFXComboBox .SFXComboBoxButton {
    float: right;
    width: 17px;
    height: 20px; /* Nie wiem czy da sie to jakos lepiej zrobic */
    overflow: hidden;
    cursor: pointer;
    background-image: url(./img/SFXWebControls/combobox_button_enabled.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: white;
}

.SFXComboBox .SFXComboBoxTextBox {
    overflow: hidden;
}

.SFXComboBox .SFXTextBoxBorderAndPadding {
    border: none 0px; /* wyłączenie borderów od TextBoxa */
}

.SFXComboBoxDisabled {
    color: #404040;
}

    .SFXComboBoxDisabled .SFXComboBoxButton {
        background-image: url(./img/SFXWebControls/combobox_button_disabled.png);
    }

.SFXComboBoxList {
    position: fixed;
    overflow: hidden;
    z-index: 110;
    cursor: pointer;
    color: #454545;
    text-align: left;
}

.SFXComboBoxListBorderAndPadding {
    border: solid 1px #4b6679;
    background-color: white;
    overflow-x: hidden; /* To sie powinno robic w javascript'cie */
    overflow-y: auto;
}

.SFXComboBoxList ul {
    display: block;
    margin: 0px;
    padding: 0px;
}

.SFXComboBoxList li {
    display: block;
    margin: 0px;
    padding: 2px;
    border-top: solid 1px #eaeaea;
}

.SFXComboBoxSpecialItem {
    font-style: italic;
}

.SFXComboBoxList li:first-child {
    border-top: none 0px #eaeaea;
}

.SFXComboBoxList li:hover {
    background-color: #005f9c;
    color: White;
}

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

.HeaderFilter {
    position: absolute;
    top: 0px;
    right: 2px;
    width: 17px;
    bottom: 0px;
}

/*
.HeaderFilter .SFXComboGridGrid
{
	min-height: 100px;
}
*/

.SFXComboGrid ul, .SFXComboGrid li {
    display: block;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

.SFXComboGridBorder {
    background-color: White;
    cursor: default;
    border: solid 1px #4E687B;
}

.HeaderFilter .SFXComboGridBorder {
    border: none !important;
    background-color: inherit;
}

.HeaderFilter .SFXComboGridGridContainer {
    border: none !important;
    background-color: inherit;
}

.HeaderFilter .SFXComboGridIcon {
    background-image: none;
}

.HeaderFilter .SFXComboGridCenterIcon {
    background-image: url(./img/SFXWebControls/filter.png);
}

.HeaderFilterActive .SFXComboGridCenterIcon {
    background-image: url(./img/SFXWebControls/filter_active.png);
}

.HeaderFilter .SFXComboGridIconContainer {
    width: 15px;
    height: 17px;
}

.HeaderFilter .SFXComboGridIcon {
    top: 0px;
    border: 0px;
    width: 13px;
}

.SFXComboGridIconContainer {
    float: right;
    width: 17px;
    height: 20px; /* dowolna niezerowa */
}

.SFXComboGridIcon {
    position: absolute;
    width: 17px;
    top: 2px;
    bottom: 2px;
    background-image: url("data:image/svg+xml,<svg viewBox='-1 -2 20 20' fill='%23eb8802' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2zM1 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V7zM1 12a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2z' clip-rule='evenodd'/></svg>");
    /*background-image: url(./img/SFXWebControls/centerIconBackground.png);*/
    background-position: center center;
    background-repeat: repeat-y;
}

.SFXComboGridCenterIcon {
    position: absolute;
    /*width: 100%;
    height: 100%;*/
    background-image: url(/img/svg/grid-3x3-gap-fill.svg);
    /*background-image: url("data:image/svg+xml,<svg viewBox='-1 -2 20 20' fill='%23eb8802' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2zM1 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V7zM1 12a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2z' clip-rule='evenodd'/></svg>");*/
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.SFXComboGridTooltip {
    position: fixed;
    display: none;
    z-index: 1500;
    width: 200px;
}

.SFXComboGrid li {
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    border-top: 1px solid Gray;
    padding: 0px 5px;
}

.HeaderFilter li {
    line-height: 17px;
    height: 17px;
}

.SFXComboGrid li:first-child {
    border-top: 0px none Black;
}

.SFXComboGridMoreItem {
    color: Gray;
}

.SFXComboGridGrid {
    position: fixed;
    border: solid 1px #ffd8b7;
    color: Black;
    background-color: White;
    z-index: 100;
}

.SFXComboGridClose {
    float: right;
    width: 20px;
    height: 20px;
    background-image: url(./img/SFXWebControls/cloud_close.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.SFXComboGridGrid .SFXDG {
    overflow: hidden;
    width: auto !important;
    position: relative !important;
}

.SFXComboGridDisabled {
    color: #404040;
}

    .SFXComboGridDisabled .SFXComboGridBorder {
        background-color: #c0c0c0;
    }

.WiderComboGrid .FieldWithValidatorField .SFXComboGrid {
    width: 372px;
    position: relative;
}

.ComboGridField, .ComboGridField .FieldWithValidatorField {
    height: auto;
}

.FixedTable {
    table-layout: fixed;
    width: 0px;
}

.FixedTable100Percent {
    table-layout: fixed;
    width: 100%;
}

.NoScrollBars {
    overflow: hidden !important;
}

.NotVisible {
    display: none !important;
}

    .NotVisible, .NotVisible * {
        background-image: none !important;
    }

.Hidden {
    visibility: hidden;
}

.SFXCustomContentBox {
    background-color: #fff;
}

.SFXDailyReport {
    width: 100%;
}

.SFXDailyReportTimesOfDay {
    position: relative;
    float: left;
    width: 5em;
    margin-top: 4px;
    padding-top: 2.75em;
}

.SFXDailyReportTimeOfDay {
    width: 100%;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
}

.SFXDailyReportContentContainer {
    overflow: hidden;
    border-left: solid 2px Gray;
    border-right: solid 2px Gray;
}

.SFXDailyReportDay {
    float: left;
    width: 10em;
    position: relative;
    border-left: solid 1px Gray;
    border-right: solid 1px Gray;
}

.SFXDailyReportDate {
    width: 100%;
    height: 2em;
    line-height: 2em;
    text-align: center;
    cursor: e-resize;
    border-top: solid 2px Gray;
    border-bottom: solid 2px Gray;
}

.SFXDailyReportDayContent {
    width: 100%;
    height: 37.5em;
    border-bottom: solid 2px Gray;
}

.SFXDailyReportCaption {
    width: 100%;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
}

.SFXDailyReportPlan {
    float: left;
    width: 5em;
    height: 100%;
    position: relative;
}

.SFXDailyReportPlanBox, .SFXDailyReportExecutionBox {
    position: absolute;
    left: 5px;
    right: 5px;
}

.SFXDailyReportExecution {
    float: right;
    width: 5em;
    height: 100%;
    position: relative;
}

.SFXDailyReportHourLine {
    position: absolute;
    width: 1em;
    right: 0px;
    height: 0px;
    border-bottom: solid 1px darkGray;
}

.SFXDailyReportHalfHourLine {
    position: absolute;
    width: 0.5em;
    right: 0px;
    height: 0px;
    border-bottom: solid 1px darkGray;
}

.SFXDashboardContainer {
    background-image: url("./img/dashboard_background.png");
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #757B5A;
    height: 100%;
    overflow: hidden;
}

.SFXDashboardContent {
    padding-left: 10px;
    padding-top: 10px;
    overflow: hidden;
}

.SFXDashboardCounters {
    float: left;
    width: 396px;
    height: 164px;
    background-image: url("./img/dashboard_counters1.png");
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.SFXDashboardCountersPointersContainer {
    position: absolute;
    width: 396px;
    height: 164px;
    z-index: 31;
}

.SFXDashboardCounterKmh240 {
    position: absolute;
    left: -4px;
    top: 6px;
    width: 155px;
    height: 159px;
    background-image: url("./img/dashboard_kmh240.png");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 29;
}

.SFXDashboardCounterKmh120 {
    position: absolute;
    left: -4px;
    top: 6px;
    width: 155px;
    height: 159px;
    background-image: url("./img/dashboard_kmh120.png");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 29;
}

.SFXDashboardCounterKmh60 {
    position: absolute;
    left: -4px;
    top: 6px;
    width: 155px;
    height: 159px;
    background-image: url("./img/dashboard_kmh60.png");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 29;
}

.SFXDashboardCounterRpm3andHalf {
    position: absolute;
    right: -4px;
    top: 6px;
    width: 155px;
    height: 159px;
    background-image: url("./img/dashboard_rpm3andHalf_new.png");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 29;
}

.SFXDashboardCounterRpm8 {
    position: absolute;
    right: -4px;
    top: 6px;
    width: 155px;
    height: 159px;
    background-image: url("./img/dashboard_rpm8_new.png");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 29;
}

.SFXDashboardCounterVoltage12v {
    position: absolute;
    left: 203px;
    top: 7px;
    width: 67px;
    height: 58px;
    background-image: url("./img/dashboard_voltage12v.png");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 29;
}

.SFXDashboardCounterVoltage24v {
    position: absolute;
    left: 203px;
    top: 7px;
    width: 58px;
    height: 58px;
    background-image: url("./img/dashboard_voltage24v.png");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 29;
}

.SFXDashboardCounterVoltage1224v {
    position: absolute;
    left: 204px;
    top: 8px;
    width: 68px;
    height: 58px;
    background-image: url("./img/dashboard_voltage1224v.png");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 29;
}

.SFXDashboardCounterRpmServiceMetersContainer {
    position: relative;
    width: 100%;
    height: 100%;
}

.SFXDashboardCounterRpmServiceMeters {
    position: absolute;
    width: 61px;
    height: 21px;
    top: 45px;
    left: 47px;
    background-image: url("./img/dasshboard_serviceMeters.png");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 30;
    text-align: center;
    line-height: 19px;
}

.SFXDashboardCompassAndThermometersAndInputs {
    float: left; /*width: 332px;*/
}

.SFXDashboardCompassAndThermometers {
    float: left; /*width: 150px;*/
    height: 164px;
    width: 170px;
}

.SFXDashboardCompassAndGearsContainer {
    padding: 0px 15px;
}

.SFXDashboardCompass {
    width: 68px;
    height: 78px;
    background-image: url("./img/dashboard_compass.png");
    background-position: center center;
    background-repeat: no-repeat;
    margin: auto;
    position: relative;
}

.SFXDashboardCompassLeft {
    margin: 0;
    position: relative;
    float: left;
}

.SFXDashboardGears {
    width: 68px;
    height: 78px;
    background-image: url("./img/dashboard_gears.png");
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    float: right;
}

.SFXDashboardGearsRed {
    width: 68px;
    height: 78px;
    background-image: url("./img/dashboard_gears_red.png");
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    float: right;
}

.SFXDashboardGearsGreen {
    width: 68px;
    height: 78px;
    background-image: url("./img/dashboard_gears_green.png");
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    float: right;
}

.SFXDashboardGearPointer {
    width: 10px;
    height: 10px;
    background-image: url("./img/dashboard_gears_point.png");
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
}

.SFXDashboardThermometers {
    width: 132px;
    height: 72px;
    background-image: url("./img/dashboard_thermometers.png");
    background-position: center center;
    background-repeat: no-repeat;
    margin: auto;
    position: relative;
}

.SFXDashboardEvents {
    top: -17px;
    width: 163px;
    height: 89px;
    background-image: url("./img/dashboard-events-inactive.png");
    background-position: center center;
    background-repeat: no-repeat;
    margin: auto;
    position: relative;
}

.SFXDashboardLeftLane {
    position: absolute;
    left: 20px;
    top: 12px;
    width: 46px;
    height: 55px;
    background-image: url("./img/lane-left.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXDashboardRightLane {
    position: absolute;
    left: 20px;
    top: 12px;
    width: 46px;
    height: 55px;
    background-image: url("./img/lane-right.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXDashboardFastApproaching {
    position: absolute;
    left: 33px;
    top: 45px;
    width: 20px;
    height: 18px;
    background-image: url("./img/FastApproaching.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXDashboardTailgaiting {
    position: absolute;
    left: 33px;
    top: 45px;
    width: 20px;
    height: 18px;
    background-image: url("./img/Tailgaiting.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXDashboardOverspeed {
    position: absolute;
    right: 8px;
    top: 4px;
    width: 69px;
    height: 69px;
    background-image: url("./img/overspeed.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXDashboardOverspeedLimit {
    position: absolute;
    top: 13px;
    width: 69px;
  /*  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
    font-weight: bold;
    text-align: center;
    font-size: 18pt;
}

.SFXDashboardOverspeedValue {
    position: absolute;
    top: 40px;
    width: 69px;
  /*  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
    font-weight: bold;
    text-align: center;
    font-size: 10pt;
    color: Red;
}

.SFXDashboardPedestrianVisible {
    position: absolute;
    left: 35px;
    top: 14px;
    width: 17px;
    height: 28px;
    background-image: url("./img/PedestrianVisible.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXDashboardPedestrianCollisionWarning {
    position: absolute;
    left: 35px;
    top: 14px;
    width: 17px;
    height: 28px;
    background-image: url("./img/PedestrianCollision.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXDashboardCountersDistance {
    position: absolute;
    left: 45px;
    top: 53px;
    width: 57px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    z-index: 30;
}

.SFXDashboardCountersSpeed {
    position: absolute;
    left: 45px;
    top: 106px;
    width: 57px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    z-index: 30;
}

.SFXDashboardCountersRPM {
    position: absolute;
    left: 287px;
    top: 106px;
    width: 71px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    z-index: 30;
}

.SFXDashboardCountersEngine {
    position: absolute;
    left: 185px;
    top: 75px;
    width: 22px;
    height: 22px;
}

.EngineOn {
    background-image: url("./img/dashboard_engine_on.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.EngineOff {
    background-image: url("./img/dashboard_engine_off.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXDashboardCountersLowPresureOil {
    height: 23px;
    left: 146px;
    position: absolute;
    top: 102px;
    width: 27px;
}

.LowPresureOil {
    background-image: url("./img/dashboard_LowPresureOil.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXDashboardCountersHiEngineTemp {
    height: 23px;
    left: 173px;
    position: absolute;
    top: 102px;
    width: 26px;
}

.HiEngineTemp {
    background-image: url("./img/dashboard_HiEngineTemp.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXDashboardCountersLowAcuPower {
    height: 23px;
    left: 199px;
    position: absolute;
    top: 102px;
    width: 27px;
}

.LowAcuPower {
    background-image: url("./img/dashboard_LowAcuPower.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXDashboardCountersAirBag {
    height: 23px;
    left: 226px;
    position: absolute;
    top: 102px;
    width: 26px;
}

.AirBag {
    background-image: url("./img/dashboard_AirBag.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXDashboardCountersLowLevelOil {
    height: 23px;
    left: 139px;
    position: absolute;
    top: 125px;
    width: 30px;
}

.LowLevelOil {
    background-image: url("./img/dashboard_LowLevelOil.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXDashboardCountersEngineCheck {
    height: 23px;
    left: 169px;
    position: absolute;
    top: 125px;
    width: 30px;
}

.EngineCheck {
    background-image: url("./img/dashboard_EngineCheck.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXDashboardCountersHandBrake {
    height: 23px;
    left: 199px;
    position: absolute;
    top: 125px;
    width: 30px;
}

.HandBrake {
    background-image: url("./img/dashboard_HandBrake.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXDashboardCountersVoltage {
    position: absolute;
    left: 203px;
    top: 107px;
    width: 16px;
    height: 11px;
}

.VoltageOn {
    background-image: url("./img/voltage_on.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.VoltageOff {
    background-image: url("./img/voltage_off.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXDashboardThermometer1 {
    position: absolute;
    left: 7px;
    top: 8px;
    width: 55px;
    height: 15px;
    text-align: center;
    line-height: 15px;
}

.SFXDashboardThermometer2 {
    position: absolute;
    left: 70px;
    top: 8px;
    width: 55px;
    height: 15px;
    text-align: center;
    line-height: 15px;
}

.SFXDashboardThermometer3 {
    position: absolute;
    left: 7px;
    top: 29px;
    width: 55px;
    height: 15px;
    text-align: center;
    line-height: 15px;
}

.SFXDashboardThermometer4 {
    position: absolute;
    left: 70px;
    top: 29px;
    width: 55px;
    height: 15px;
    text-align: center;
    line-height: 15px;
}

.SFXDashboardThermometer5 {
    position: absolute;
    left: 7px;
    top: 50px;
    width: 55px;
    height: 15px;
    text-align: center;
    line-height: 15px;
}

.SFXDashboardThermometer6 {
    position: absolute;
    left: 70px;
    top: 50px;
    width: 55px;
    height: 15px;
    text-align: center;
    line-height: 15px;
}

.SFXDashboardDriversAnDrivingInfo {
    float: left;
}

.SFXDashboardStreetView {
    float: left;
}

.SFXDashboardDrivers {
    overflow: hidden;
}

.SFXDashboardDriver {
    padding: 7px;
    text-align: center;
}

.SFXDashboardDriverContainer {
    padding-top: 10px;
    margin: 0px 10px;
    position: relative;
    float: left;
}

.SFXDashboardDriverName {
    color: #fff;
    text-align: center;
    height: 20px;
    line-height: 20px;
}

.SFXDashboardDriverInfo {
    margin-left: 10px;
    text-align: left;
    color: #fff;
    height: 20px;
    line-height: 20px;
}

.SFXDashboardDriverContentDecoration {
    background-image: url(./img/driver_photo_decoration.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 18px;
    width: 100%;
    position: absolute;
    top: 0px;
}

.SFXDashboardDriverContent {
    height: 114px;
    min-width: 84px;
    background-image: url(./img/driver_photo_background.png);
    background-repeat: repeat-x;
}

.Other {
    background-image: url(./img/driver_photo_background_other.png);
}

.SFXDashboardPhoto {
    background-image: url(./img/nophoto.png);
    width: 92px;
    height: 100px;
}

.SFXDashboardInputsContainer {
    float: left;
    width: 182px;
    margin-top: 2px;
}

.SFXDashboardInputs {
    margin: auto;
    position: relative;
    background-image: url(./img/inputs.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 178px;
    height: 148px;
}

.SFXDashboardAnalogInput1 {
    position: absolute;
    left: 3px;
    top: 44px;
    width: 84px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: xx-small;
    white-space: nowrap;
    overflow: hidden;
}

.SFXDashboardAnalogInput2 {
    position: absolute;
    left: 89px;
    top: 44px;
    width: 84px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: xx-small;
    white-space: nowrap;
    overflow: hidden;
}

.DigitalInputOn {
    background-image: url(./img/digital_input_on.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}

.DigitalInputOff {
    background-image: url(./img/digital_input_off.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}

.SFXDashboardDigitalInput1 {
    position: absolute;
    left: 14px;
    top: 63px;
    width: 134px;
    height: 20px;
    line-height: 20px;
    font-size: xx-small;
    white-space: nowrap;
    overflow: hidden;
}

.SFXDashboardDigitalInput1Value {
    position: absolute;
    left: 149px;
    top: 67px;
}

.SFXDashboardDigitalInput2 {
    position: absolute;
    left: 14px;
    top: 84px;
    width: 134px;
    height: 20px;
    line-height: 20px;
    font-size: xx-small;
    white-space: nowrap;
    overflow: hidden;
}

.SFXDashboardDigitalInput2Value {
    position: absolute;
    left: 149px;
    top: 88px;
}

.SFXDashboardDigitalInput3 {
    position: absolute;
    left: 14px;
    top: 105px;
    width: 134px;
    height: 20px;
    line-height: 20px;
    font-size: xx-small;
    white-space: nowrap;
    overflow: hidden;
}

.SFXDashboardDigitalInput3Value {
    position: absolute;
    left: 149px;
    top: 109px;
}

.SFXDashboardDigitalInput4 {
    position: absolute;
    left: 14px;
    top: 126px;
    width: 134px;
    height: 20px;
    line-height: 20px;
    font-size: xx-small;
    white-space: nowrap;
    overflow: hidden;
}

.SFXDashboardDigitalInput4Value {
    position: absolute;
    left: 149px;
    top: 130px;
}

.SFXTimeField {
    float: left;
}

    .SFXTimeField .SFXDatePicker {
        width: 5em;
    }

.SFXDatePicker {
    width: 10em;
}

    .SFXDatePicker .SFXTextBox {
        width: 80px;
        float: left;
    }

    .SFXDatePicker .SFXTextBoxSuggest {
        width: 80px;
        float: left;
    }

    .SFXDatePicker .SFXTextBoxDisabled {
        width: 80px;
        float: left;
    }

.SFXDatePickerLong .SFXTextBox {
    width: 10em;
    float: left;
}

.SFXDatePickerLong .SFXTextBoxSuggest {
    width: 10em;
    float: left;
}

.SFXDatePickerLong .SFXTextBoxDisabled {
    width: 10em;
    float: left;
}

.SFXDatePickerButton {
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    display: block;
    width: 22px;
    height: 20px;
    background-image: url(/img/svg/Calendar3.svg);
    /*background-image: url("data:image/svg+xml,<svg viewBox='-2 -3 22 22' fill='%23eb8802' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z' clip-rule='evenodd'/></svg>");*/
    background-position: top right;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: Transparent;
    float: left;
}

.SFXDatePickerButtonDisabled {
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    display: block;
    width: 22px;
    height: 20px;
    background-image: url("data:image/svg+xml,<svg viewBox='-2 -3 22 22' fill='%23d8d8d8' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z' clip-rule='evenodd'/></svg>");
    background-position: top right;
    background-repeat: no-repeat;
    cursor: default;
    background-color: Transparent;
    visibility: hidden;
    float: left;
}

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

.SFXDatePickerCalendar {
    overflow: hidden;
    position: fixed;
}

.SFXDatePickerCalendarContainer {
    position: relative;
    width: 100%;
    height: 100%;
}

.SFXDatePickerCalendarContentContainer {
    padding: 0px;
}

.SFXDatePickerCalendarContent {
    background-color: #FCF5F1;
}

.SFXDatePickerCalendarLeftTop {
    display: none;
}

.SFXDatePickerCalendarTop {
    display: none;
}

.SFXDatePickerCalendarRightTop {
    display: none;
}

.SFXDatePickerCalendarRight {
    display: none;
}

.SFXDatePickerCalendarRightBottom {
    display: none;
}

.SFXDatePickerCalendarBottom {
    display: none;
}

.SFXDatePickerCalendarLeftBottom {
    display: none;
}

.SFXDatePickerCalendarLeft {
    display: none;
}

.SFXDatePickerCalendar table {
    table-layout: fixed;
    text-align: center;
}

.SFXDatePickerCalendarButtonRightBig {
    background-image: url(./img/SFXWebControls/right.gif);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.SFXDatePickerCalendarButtonLeftBig {
    background-image: url(./img/SFXWebControls/left.gif);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.SFXDatePickerCalendarButtonRightSmall {
    background-image: url(./img/SFXWebControls/right_small.gif);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.SFXDatePickerCalendarButtonLeftSmall {
    background-image: url(./img/SFXWebControls/left_small.gif);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.SFXDatePickerYearAndMonthSelectorTable {
    background-color: #cf5a1b;
    color: White;
    width: 220px;
}

.SFXDatePickerTimeSelectorTable {
    background-color: #cf5a1b;
    color: White;
    width: 220px;
}

.SFXDatePickerCalendarDaysTable {
    color: #454545;
    width: 220px;
}

    .SFXDatePickerCalendarDaysTable tr td {
        border: 1px solid #f2996b;
    }

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

.SFXDatePickerCalendar table tr {
    height: 20px;
}

.SFXDatePickerHourCalendarField {
    font-weight: bold;
}

.SFXDatePickerCalendarColonMark {
    font-weight: bold;
}

.SFXDatePickerMinuteCalendarField {
    font-weight: bold;
}

.SFXDatePickerWeekDaysCell {
    font-weight: bold;
    background-image: url(./img/SFXWebControls/calendar_weekday.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.SFXDatePickerYearCell {
    font-weight: bold;
    color: White;
    background-color: #bb460a;
}

.SFXDatePickerMonthCell {
    font-weight: bold;
    color: White;
    background-color: #cf5a1b;
}

.SFXDatePickerCalendarCell {
    cursor: pointer;
}

.SFXDatePickerCalendarWeekendCell {
    cursor: pointer;
    background-color: #fde2d2;
    color: red;
}

.SFXDatePickerCalendarOuterCell {
    cursor: pointer;
    color: #808080;
}

.SFXDatePickerCalendarSelectedCell {
    cursor: pointer;
    font-weight: bold;
    background-color: #666666;
    color: White;
}

.SFXDatePickerCalendarCellToday {
    cursor: pointer;
    background-color: #e6d9d5;
    font-weight: bold;
}

.SFXDatePickerCalendarWeekendCellToday {
    cursor: pointer;
    background-color: #ecd0bf;
    color: red;
    font-weight: bold;
}

.SFXDatePickerCalendarOuterCellToday {
    cursor: pointer;
    color: #808080;
    background-color: #eae0dc;
    font-weight: bold;
}

.SFXDatePickerCalendarSelectedCellToday {
    font-weight: bold;
    background-color: #666666;
    color: White;
}

.SFXDragElement {
    top: 0px;
    left: 0px;
    background-color: #ffc316;
    filter: alpha(opacity=80);
    opacity: 0.8;
    padding: 0.5em;
}

.BodyNoDrop * {
    cursor: no-drop !important;
}

.SFXEditableComboBoxList {
    position: fixed;
    overflow: hidden;
    z-index: 110;
    cursor: pointer;
    color: #454545;
    text-align: left;
}

.SFXEditableComboBoxListBorderAndPadding {
    border: solid 1px #4b6679;
    background-color: white;
    overflow-x: hidden; /* To sie powinno robic w javascript'cie */
    overflow-y: auto;
}

.SFXEditableComboBoxList ul {
    display: block;
    margin: 0px;
    padding: 0px;
}

.SFXEditableComboBoxList li {
    display: block;
    margin: 0px;
    padding: 2px;
    border-top: solid 1px #eaeaea;
}

.SFXEditableComboBoxSpecialItem {
    font-style: italic;
}

.SFXEditableComboBoxList li:first-child {
    border-top: none 0px #eaeaea;
}

.SFXEditableComboBoxList li:hover {
    background-color: #005f9c;
    color: White;
}

.FieldWithValidator {
    height: 22px;
}

.FieldWithValidatorLabel {
    line-height: 22px;
    white-space: nowrap;
}

.FieldWithValidatorLabelBold {
    line-height: 22px;
    white-space: nowrap;
    /*font-weight: bold;*/
}

.FieldWithValidatorCaption {
    display: inline-block;
    vertical-align: top;
    height: 22px;
    text-align: right;
    overflow: hidden;
}

    .FieldWithValidatorCaption .FieldWithValidatorLabel {
        padding-right: 5px;
        float: right;
    }

    .FieldWithValidatorCaption .FieldWithValidatorLabelBold {
        padding-right: 5px;
    }

.FieldWithValidatorRightCaption .FieldWithValidatorLabel {
    padding-left: 5px;
}

.FieldWithValidatorRightCaption .FieldWithValidatorLabelBold {
    padding-left: 5px;
}

.FieldWithValidatorField {
    display: inline-block;
    vertical-align: top;
    min-height: 22px;
    overflow: hidden;
}

    .FieldWithValidatorField input[type=checkbox] {
        margin: 0px;
        padding: 0px;
        height: 22px;
    }

.FieldWithValidatorRightCaption {
    display: inline-block;
    vertical-align: top;
    height: 22px;
    text-align: left;
    overflow: hidden;
}

.FieldWithValidatorPopup {
    display: inline-block;
    vertical-align: top;
    height: 22px;
    width: 18px;
}

.FieldWithValidatorWithWidth .FieldWithValidatorCaption {
    display: block;
    float: left;
}

.FieldWithValidatorWithWidth .FieldWithValidatorRightCaption, .FieldWithValidatorWithWidth .FieldWithValidatorPopup {
    display: block;
    float: right;
}

.FieldWithValidatorWithWidth .FieldWithValidatorField {
    display: block;
}

.SFXFile {
    height: 20px;
    position: relative;
    overflow: hidden;
}

    .SFXFile input {
        width: 100%;
    }

.SFXFileTrash {
    background-color: white;
    color: Black;
    background-image: url(./img/SFXWebControls/trash_16x16.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
    height: 18px;
    border: 1px solid black;
    line-height: 20px;
}

.SFXFakeFile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.SFXFileInputHidden {
    opacity: 0;
    position: relative;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
}

.SFXFileInput {
    text-align: right;
    z-index: 2;
}

.SFXFileDownloadButton {
    display: block;
    border-style: dotted;
    padding: 10px 10px 10px 50px;
    min-height: 45px;
    border-width: 1px;
    background-image: url(./img/SFXWebControls/file_download_icon.gif);
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

.SFXImageBrowser {
    display: block;
    background-color: white;
    width: 100%;
    height: 100%;
    outline: none;
    -moz-outline: none;
    -moz-user-select: none;
}

.SFXImageBrowserContainter {
    display: block;
    background-color: white;
    overflow: auto;
}

.SFXImageBrowserItem {
    float: left;
    vertical-align: middle;
    text-align: center;
    border: solid 3px #ffffff;
}

.SFXImageBrowserItemInner {
    border: solid 1px #dddddd;
}

.SFXImageBrowserImage {
    border: none 0 transparent;
}

.SFXSelectedItem {
    border: solid 3px #dddddd;
}

/*wskazanie na wierszu, że drop pójdzie w niego*/

.SFXImageBrowserDragItemHover {
    background-color: #ffc316;
}

/*wskazanie na wierszu, że drop pójdzie nad nim (między nim a wierszem wyżej)*/

.SFXImageBrowserDragOverItemHover {
    border-left: solid 3px #ffc316;
}

/*wskazanie na całym kontenerze datatable, że drop pójdzie do niego (typowo na koniec listy)*/

.SFXImageBrowserDragOverDataContainer {
    border: solid 1px #ffc316;
    cursor: pointer;
}

.SFXImageButton {
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.SFXImageButtonDisabled {
    cursor: default;
}

.SFXImageComboBox {
    padding: 2px 0px;
    cursor: pointer;
}

.SFXImageComboBoxDisabled .SFXImageComboBoxControl {
    border: 1px solid #cccccc;
    color: #404040;
}

.SFXImageComboBox .SFXImageComboBoxControl {
    border: 1px solid #4b6679;
}

.SFXImageComboBoxImage {
    width: 16px;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    position: inherit !important;
}

.SFXImageComboBoxButton {
    width: 7px;
    height: 16px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

.SFXImageComboBox .SFXImageComboBoxButton {
    background-image: url(./img/SFXWebControls/imagecombobox_button_arrow.png);
}

.SFXImageComboBoxDisabled .SFXImageComboBoxButton {
    background-image: url(./img/SFXWebControls/imagecombobox_button_arrow_disabled.png);
}

.SFXImageComboBoxList {
    position: fixed;
    overflow: hidden;
    z-index: 40;
    cursor: pointer;
    text-align: left;
    border: solid 1px #4b6679;
    background-color: white;
}

    .SFXImageComboBoxList table {
        table-layout: fixed;
        position: static;
        border-collapse: collapse;
        border-style: none;
        border-width: 0px;
        color: #454545;
        width: 16px;
    }

        .SFXImageComboBoxList table tbody tr td {
            display: block;
            width: 16px;
            height: 16px;
            border-bottom: solid 1px #eaeaea !important;
        }

            .SFXImageComboBoxList table tbody tr td:hover {
                background-color: #005f9c;
            }

.SFXImageViewer {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: block;
    background-color: #FFFFFF;
    outline: none;
    -moz-outline: none;
    -moz-user-select: none;
}

    .SFXImageViewer img {
        position: absolute;
    }

.DrawCanvasContainer {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 29;
}

.SFXImageViewerHUD {
    position: absolute;
    z-index: 40;
    width: 176px;
    height: 33px;
    left: 10px;
    top: 10px;
    background-color: Transparent;
    background-image: url(./img/map_hud_simple.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.SFXImageViewerNoRulerHUD {
    position: absolute;
    z-index: 40;
    width: 104px;
    height: 56px;
    left: 10px;
    top: 10px;
    background-color: Transparent;
    background-image: url(./img/map_hud_simple_no_ruler.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.SFXImageViewerNoRulerHUDMinus {
    left: 92px;
    top: 30px;
    width: 12px;
    height: 17px;
    background-color: Transparent;
    z-index: 41;
    position: absolute;
}

.SFXImageViewerHUDPointer {
    position: absolute;
    z-index: 40;
    width: 9px;
    height: 8px;
    left: 134px;
    top: 23px;
    background-color: Transparent;
    background-image: url(./img/map_hud_simple_zoom_pointer.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.SFXImageViewerNoImageMessage {
    padding-top: 200px;
    text-align: center;
}

.SFXImageViewerHUDPointerRuler {
    left: 32px;
    top: 26px;
    width: 127px;
    height: 2px;
    background-color: Transparent;
    position: absolute;
}

.SFXImageViewerHUDUp {
    left: 26px;
    top: 10px;
    width: 23px;
    height: 15px;
    background-color: Transparent;
    z-index: 41;
    position: absolute;
}

.SFXImageViewerHUDDown {
    left: 27px;
    top: 50px;
    width: 24px;
    height: 15px;
    background-color: Transparent;
    z-index: 41;
    position: absolute;
}

.SFXImageViewerHUDLeft {
    left: 10px;
    top: 26px;
    width: 16px;
    height: 23px;
    background-color: Transparent;
    z-index: 41;
    position: absolute;
}

.SFXImageViewerHUDRight {
    left: 49px;
    top: 26px;
    width: 16px;
    height: 23px;
    background-color: Transparent;
    z-index: 41;
    position: absolute;
}

.SFXImageViewerHUDMinus {
    left: 163px;
    top: 20px;
    width: 13px;
    height: 16px;
    background-color: Transparent;
    z-index: 41;
    position: absolute;
}

.SFXImageViewerHUDPlus {
    left: 68px;
    top: 30px;
    width: 12px;
    height: 17px;
    background-color: Transparent;
    z-index: 41;
    position: absolute;
}

.SFXImageViewerRuler {
    left: 10px;
    top: 0px;
    width: 100px;
    height: 20px;
    background-color: Transparent;
    border-bottom: solid 2px Black;
    border-left: solid 2px Black;
    border-right: solid 2px Black;
    text-align: center;
    z-index: 41;
    position: absolute;
}

.GPSTrackingViews {
    padding: 0px 0px 2px 0px !important;
    margin-bottom: 2px !important;
    margin-top: 6px !important;
    background-color: black;
}

.SFXImageViewerHUDExternalPosition {
    top: 0px;
    left: 0px;
    position: static;
}

.SFXImageViewerHUDPointerExternalPosition {
    top: 13px;
    cursor: pointer;
}

.SFXImageViewerHUDPointerRulerExternalHUDPosition {
    left: 20px;
    top: 16px;
}

.SFXImageViewerHUDMinusExternalPosition {
    left: 154px;
    top: 8px;
    cursor: pointer;
}

.SFXImageViewerHUDPlusExternalPosition {
    top: 10px;
    left: 5px;
    cursor: pointer;
}

.SFXImageBrowserItemZoomIcon {
    display: none;
}

.SFXLabelWarning {
    color: #c0c000;
}

.SFXLabelError {
    color: #ff0000;
}

.SFXLinkButton {
    text-decoration: underline;
    color: #0000ff;
    cursor: pointer;
}

    .SFXLinkButton:hover {
        text-decoration: underline;
        color: #000077;
    }

.SFXLinkButtonDisabled {
    text-decoration: none;
    color: #666;
}

.SFXDGSelectedRowAlternate .SFXLinkButton {
    color: #fff;
}

.SFXDGSelectedRow .SFXLinkButton {
    color: #fff;
}

.SFXMapSearching {
    width: 200px;
    position: relative;
}

.SFXMapSearchingGrid {
    position: absolute;
    border: #4E687B solid 1px;
    color: Black;
}

.SFXMapSearchingAdvancedSearch {
    position: absolute;
    border: #4E687B solid 1px;
    color: Black;
    background-color: white;
}

.SFXMapSearchingGridFocus, .SFXMapSearchingAdvancedSearchFocus {
    z-index: 150 !important;
}

.SearchIcon {
    padding-top: 7px;
    width: 20px;
    height: 20px;
    background-image: url(./img/SFXWebControls/ZoomIn.png);
}

.SearchLoader {
    padding-top: 9px;
    width: 16px;
    height: 16px;
    background-image: url(./img/loader.gif);
}

.CloseIcon {
    padding-top: 9px;
    padding-left: 20px;
    width: 11px;
    height: 11px;
    background-image: url(./img/cloud_close.png);
}

.CloseLocations {
    position: absolute;
    top: 0px;
    right: 0px;
}

.SFXMenu {
    color: White;
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 27px;
}

.SFXItem, .SFXItem * {
    padding: 0px;
    margin: 0px;
    display: block;
    white-space: nowrap;
}

.SFXItem {
    float: left;
    cursor: pointer;
    /*background-image: url("./img/menu_button.gif");
	background-position: left top;
	background-repeat: no-repeat;*/
    height: 100%;
    text-align: center;
    width: 105px;
    position: relative;
}

    .SFXItem a {
        padding: 0px 10px;
        display: block;
        color: #eee;
        padding: 0 7px;
        background-color: #808081 !important;
    }

    .SFXItem ul {
        position: fixed;
        background-color: #eb8802; /* dowolny poza transparent - fix pod IE7 */
        display: none;
        border: 1px solid #fff;
        z-index: 10000; /* tu trzeba jakis kosmos wpisać */
        max-height: 60%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .SFXItem:hover ul {
        display: block;
    }

.SFXItemTop ul {
    transform: translateY(-106%) !important;
}

.SFXSubitem {
    display: block;
    background-color: #A53A02;
    text-align: left;
}

    .SFXSubitem a {
        padding-right: 1.75em !important;
    }

.SFXItemSelected {
    height: 24px;
    line-height: 24px;
    margin-top: 3px;
}

    .SFXItemSelected div a {
        color: #FFED9A;
    }

.SFXSubitemSelected a {
    color: #FFED9A;
}

.SFXPanAndZoomImage {
    overflow: hidden;
    position: relative;
    min-height: 20px;
}

.SFXPanAndZoomImageShowButton {
    position: absolute;
    top: 5px;
    left: 5px;
    text-decoration: underline;
    color: blue;
    cursor: pointer;
    overflow: hidden;
    z-index: 30;
}

.SFXPanAndZoomImageZoomIn {
    position: absolute;
    background-image: url(./img/zoom_in_16.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    right: 5px;
    top: 5px;
    z-index: 30;
    cursor: pointer;
}

.SFXPanAndZoomImageZoomOut {
    position: absolute;
    background-image: url(./img/zoom_out_16.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    right: 5px;
    top: 23px;
    z-index: 30;
    cursor: pointer;
}

.SFXPanAndZoomImageZoomInDisabled {
    background-image: url(./img/zoom_in_16_disabled.png);
}

.SFXPanAndZoomImageZoomOutDisabled {
    background-image: url(./img/zoom_out_16_disabled.png);
}

.SFXPanAndZoomImageContentContainer {
    z-index: 20;
    cursor: move;
}

.SFXPanAndZoomMap {
    overflow: hidden;
    position: absolute;
    cursor: pointer;
    width: 100%;
    background-color: #7aa3e0;
    outline: none;
    -moz-outline: none;
    -moz-user-select: none;
}

    .SFXPanAndZoomMap img {
        position: absolute;
    }

.SFXPanAndZoomMapMenuItem {
    margin: 0;
    padding: 0;
}

.SFXPanAndZoomMapMenuSubItem {
    display: block;
    text-align: left;
    white-space: nowrap;
}

    .SFXPanAndZoomMapMenuSubItem:hover {
        text-decoration: underline;
    }

.SFXPanAndZoomMapMenu {
    position: absolute;
    z-index: 50;
    left: 0px;
    top: 0px;
    width: auto;
    color: Black;
    display: none;
}

.SFXPanAndZoomMapMenuContainer {
    position: relative;
    width: 100%;
    height: 100%;
}

.SFXPanAndZoomMapMenuContentContainer {
    padding: 6px;
}

.SFXPanAndZoomMapMenuContent {
    background-color: #ffffe1;
    padding-right: 13px;
}

.SFXPanAndZoomMapMenuLeftTop {
    background-image: url("./img/SFXWebControls/tooltip_tl.gif");
    background-repeat: no-repeat;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
}

.SFXPanAndZoomMapMenuTop {
    border-top: 1px solid #333333;
    position: absolute;
    height: 5px;
    left: 5px;
    right: 5px;
    top: 0;
    background-color: #ffffe1;
}

.SFXPanAndZoomMapMenuRightTop {
    background-image: url("./img/SFXWebControls/tooltip_tr.gif");
    background-repeat: no-repeat;
    height: 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
}

.SFXPanAndZoomMapMenuClose {
    background-image: url("./img/cloud_close.png");
    background-repeat: no-repeat;
    height: 11px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 11px;
}

.SFXPanAndZoomMapMenuRight {
    border-right: 1px solid #333333;
    bottom: 5px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 5px;
    background-color: #ffffe1;
}

.SFXPanAndZoomMapMenuRightBottom {
    background-image: url("./img/SFXWebControls/tooltip_br.gif");
    background-repeat: no-repeat;
    bottom: 0;
    height: 5px;
    position: absolute;
    right: 0;
    width: 5px;
}

.SFXPanAndZoomMapMenuBottom {
    border-bottom: 1px solid #333333;
    bottom: 0;
    height: 5px;
    left: 5px;
    position: absolute;
    right: 5px;
    background-color: #ffffe1;
}

.SFXPanAndZoomMapMenuLeftBottom {
    background-image: url("./img/SFXWebControls/tooltip_bl.gif");
    background-repeat: no-repeat;
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 5px;
}

.SFXPanAndZoomMapMenuLeft {
    border-left: 1px solid #333333;
    bottom: 5px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 5px;
    background-color: #ffffe1;
}

.MapMarker {
    position: relative;
    width: 0px;
    height: 0px;
    overflow: visible;
    z-index: 30;
    line-height: 0px;
}

.MapMarkerCaption {
    position: absolute;
    background-color: #e4ba31;
    border: solid 1px #876a0a;
    padding: 2px 2px 2px 2px;
    top: 8px;
    white-space: nowrap;
    line-height: 10px;
    font-size: 10px;
    text-align: center;
}

.DrawCanvasContainer {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 29;
}

/* SFXPanAndZoomMap~HUD ------------ START */

.SFXPanAndZoomMapHUD {
    /*     position: absolute;     z-index: 41;     top: 10px;     left: 10px; */
    float: left;
    height: 26px;
    cursor: default;
}

.SFXPanAndZoomMapHUDPlusBackgroud {
    position: relative;
    float: left;
    width: 21px; /* obciecie obramowania z prawej */
    height: 26px;
    background: url(./img/map_hud_simple_no_ruler3.gif) no-repeat;
    background-position: -26px center;
}

.SFXPanAndZoomMapHUDMinusBackgroud {
    position: relative;
    float: left;
    width: 22px;
    height: 26px;
    background: url(./img/map_hud_simple_no_ruler3.gif) no-repeat;
    background-position: -1px center;
}

.SFXPanAndZoomMapHUDGlobusBackgroud {
    position: relative;
    float: left;
    width: 21px; /* obciecie obramowania z prawej */
    height: 26px;
    background: url(./img/map_hud_simple_no_ruler3.gif) no-repeat;
    background-position: -48px center;
}

.SFXPanAndZoomMapHUDPointerRulerBackgroud {
    position: relative;
    float: left;
    width: 136px; /* "by default" SFXPanAndZoomMapHUDPointerRulerBackgroud: 136px; 17 x 8 ("zoom levels" x "backgroud width in px") */
    height: 26px;
    background: url(./img/map_hud_simple_zoom_ruler_background1.gif) repeat-x;
    background-position: left center;
}

.SFXPanAndZoomMapHUDPlus {
    position: absolute;
    left: 3px;
    top: 7px;
    width: 13px;
    height: 16px;
    cursor: pointer;
}

.SFXPanAndZoomMapHUDMinus {
    position: absolute;
    left: 6px;
    top: 8px;
    width: 13px;
    height: 16px;
    cursor: pointer;
}

.SFXPanAndZoomMapHUDGlobus {
    position: absolute;
    left: 3px;
    top: 7px;
    width: 13px;
    height: 16px;
    cursor: pointer;
}

.SFXPanAndZoomMapHUDPointerRuler {
    position: absolute;
    left: 0px;
    top: 16px;
    width: 100%;
    height: 2px;
}

.SFXPanAndZoomMapHUDPointer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 8px;
    height: 26px;
    background-color: Transparent;
    background-image: url(./img/map_hud_simple_zoom_pointer3.gif);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.SFXPanAndZoomMapRuler {
    position: absolute;
    z-index: 41;
    left: 10px;
    top: 0px;
    width: 100px;
    height: 20px;
    background-color: Transparent;
    border-bottom: solid 2px Black;
    border-left: solid 2px Black;
    border-right: solid 2px Black;
    text-align: center;
    color: Black;
}

.SFXPanAndZoomMapInfo {
    position: absolute;
    z-index: 41;
    right: 10px;
    top: 0px;
    background-color: Transparent;
    text-align: right;
    color: Black;
    font-size: 7pt;
    width: 400px;
}

.SFXPanAndZoomMapHudContainer {
    height: 26px;
    left: 10px;
    position: absolute;
    top: 10px;
    z-index: 41;
}

    .SFXPanAndZoomMapHudContainer > table > tbody > tr > td {
        background-image: url("./img/map_hud_simple_background.gif");
        background-position: center left;
        background-repeat: repeat-x;
    }

.SFXMapSearchingGrid .SFXDGColumnsArrangeLink {
    margin-right: 20px;
}

.SFXPanAndZoomTilesContainer {
    float: left;
    height: 22px;
    margin: 2px 10px;
}

/*not_used, wykomentowane divy nawigacyjne (klikalne)
.SFXPanAndZoomMapHUDUp
{
    position: absolute;
    z-index: 41;
    left: 26px;
    top: 10px;
    width: 23px;
    height: 15px;
    background-color: Transparent;
}

.SFXPanAndZoomMapHUDDown
{
    position: absolute;
    z-index: 41;
    left: 27px;
    top: 50px;
    width: 24px;
    height: 15px;
    background-color: Transparent;
}

.SFXPanAndZoomMapHUDLeft
{
    left: 10px;
    top: 26px;
    width: 16px;
    height: 23px;
    background-color: Transparent;
    z-index: 41;
    position: absolute;
}

.SFXPanAndZoomMapHUDRight
{
    left: 49px;
    top: 26px;
    width: 16px;
    height: 23px;
    background-color: Transparent;
    z-index: 41;
    position: absolute;
}
*/

/* SFXPanAndZoomMap~HUD ------------ END */

/*not_used
.GPSTrackingViews
{
    padding: 0px 0px 2px 0px !important;
    margin-bottom: 2px !important;
    margin-top: 6px !important;
    background-color: black;
}
*/

.SFXPanAndZoomMapMarkerImg {
    width: auto !important;
    height: auto !important;
    background-image: none !important;
}

.MapMarkerArrowUp {
    position: absolute;
    width: 32px;
    height: 32px;
    background-image: url(./img/arrow_up_m.png);
    background-position: center top;
    background-repeat: no-repeat;
    left: -16px;
}

.MapMarkerArrowDown {
    position: absolute;
    width: 32px;
    height: 32px;
    background-image: url(./img/arrow_down_m.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    left: -16px;
}

.MapMarkerArrowLeft {
    position: absolute;
    width: 32px;
    height: 32px;
    background-image: url(./img/arrow_left_m.png);
    background-position: left center;
    background-repeat: no-repeat;
    top: -16px;
}

.MapMarkerArrowRight {
    position: absolute;
    width: 32px;
    height: 32px;
    background-image: url(./img/arrow_right_m.png);
    background-position: right center;
    background-repeat: no-repeat;
    top: -16px;
}

.MapMarkerArrowUpLeft {
    position: absolute;
    width: 32px;
    height: 32px;
    background-image: url(./img/arrow_up_left.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.MapMarkerArrowUpRight {
    position: absolute;
    width: 32px;
    height: 32px;
    background-image: url(./img/arrow_up_right.png);
    background-position: right top;
    background-repeat: no-repeat;
}

.MapMarkerArrowDownRight {
    position: absolute;
    width: 32px;
    height: 32px;
    background-image: url(./img/arrow_down_right.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.MapMarkerArrowDownLeft {
    position: absolute;
    width: 32px;
    height: 32px;
    background-image: url(./img/arrow_down_left.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}

.MapMarkerArrow .MapMarkerCaption {
    background-color: #BFBFBF;
    filter: alpha(opacity=75);
    opacity: 0.75;
}

.MapMarkerArrowImage {
    filter: alpha(opacity=65);
    opacity: 0.65;
}

/* ExternalHUD ------------ START */

.SFXPanAndZoomMapHudContainer_ExternalHUD {
    position: static;
    height: auto;
}

.SFXPanAndZoomMapHUDMinusBackgroud_ExternalHUD {
    width: 21px; /* obciecie obramowania z prawej */
}

/* ExternalHUD ------------ END */

.SFXPhone {
    width: 100%;
}

    .SFXPhone span {
        float: left;
    }

    .SFXPhone .SFXPhoneIcon {
        background-image: url(./img/phone_answer.png);
        width: 16px;
        height: 16px;
        cursor: pointer;
        float: right;
    }

.SFXPhoneDisabled .SFXPhoneIcon {
    background-image: url(./img/phone_disable.png);
    width: 16px;
    height: 16px;
    cursor: default;
    float: right;
}

.SFXPopupLabelContainer {
    width: 18px;
    height: 18px;
    background-color: Transparent;
}

.SFXPopupLabel {
    background-repeat: no-repeat;
    background-position: center center;
    width: 0px;
    height: 0px;
    cursor: help;
}

.SFXPopupLabelInfo .SFXPopupLabel {
    background-image: url(./img/SFXWebControls/information.gif);
}

.SFXPopupLabelWarning .SFXPopupLabel {
    background-image: url(./img/SFXWebControls/warning.gif);
}

.SFXPopupLabelError .SFXPopupLabel {
    background-image: url(./img/SFXWebControls/error.gif);
}

.SFXPopupLabelContentContainer {
    width: 200px;
    left: 18px;
    top: 0px;
    height: 0px;
    overflow: hidden;
}

.SFXPopupLabelContent {
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    border: 1px solid;
    color: black;
}

.SFXPopupLabelError .SFXPopupLabelContent {
    background-color: #ffedc6;
    border-color: #ff0000;
}

.SFXPopupLabelWarning .SFXPopupLabelContent {
    background-color: #ffff80;
    border-color: Yellow;
}

.SFXPopupLabel .SFXPopupLabelContent {
    background-color: #8080ff;
    border-color: Blue;
}

/***********popupInfo******/

.SFXPopupInfoContainer {
    width: 15px;
    height: 15px;
    background-color: Transparent;
}

.SFXPopupInfo {
    background-repeat: no-repeat;
    background-position: center center;
    width: 0px;
    height: 0px;
    cursor: help;
}

.SFXPopupInfoContentContainer {
    left: 15px;
    top: 0px;
    height: 0px;
    overflow: hidden;
}

.SFXRadioButton {
    cursor: pointer;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: top;
}

.SFXRadioButtonOn .SFXRadioButton {
    background-image: url(./img/SFXWebControls/radio_button_on.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXRadioButtonOff .SFXRadioButton {
    background-image: url(./img/SFXWebControls/radio_button_off.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXRadioButtonUndefined .SFXRadioButton {
    background-image: url(./img/SFXWebControls/radio_button_undefined.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXRadioButtonOnDisabled .SFXRadioButton {
    background-image: url(./img/SFXWebControls/radio_button_on_disabled.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXRadioButtonOffDisabled .SFXRadioButton {
    background-image: url(./img/SFXWebControls/radio_button_off_disabled.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXRadioButtonUndefinedDisabled .SFXRadioButton {
    background-image: url(./img/SFXWebControls/radio_button_undefined_disabled.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXRepeaterPaging {
    height: 15px;
}

.SFXSoundPlayer {
    top: 0px;
    left: 0px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
}

.SFXTextArea {
    width: 98%;
}

.SFXTextAreaBorderAndPadding {
    background-color: White;
    border: 1px solid #4b6679;
    padding: 3px;
}

.SFXTextAreaDisabled .SFXTextAreaBorderAndPadding, .SFXTextAreaDisabled textarea {
    background-color: #c0c0c0;
}

.SFXTextArea textarea {
    width: 100%;
    border: none 0px;
    padding: 0px;
    margin: 0px;
    /*overflow: hidden;*/
}

.SFXTextAreaDisabled textarea {
    color: #404040;
}

.SFXTextAreaSuggest textarea {
    color: #808080;
}

.SFXTextAreaColoredInside textarea {
    background-color: #4c6198;
}

.SFXTextAreaColoredInsideDisabled textarea {
    background-color: #b1b1b1;
}

.TextAreaField .SFXTextAreaBorderAndPadding {
    width: 95%;
    float: left;
}

.TextAreaField, .TextAreaField .FieldWithValidatorField {
    height: auto;
    width: auto;
}

.SFXTextBoxBorderAndPadding {
    background-color: white;
    /*background-image: url(./img/SFXWebControls/input_background.gif);*/
    background-position: left top;
    background-repeat: no-repeat;
    border: 1px solid #e0e0e0;
    padding: 2px;
}

.SFXTextBoxDisabled .SFXTextBoxBorderAndPadding {
    background-image: none;
}

.SFXTextBoxDisabled .SFXTextBoxBorderAndPadding, .SFXTextBoxDisabled input {
    background-color: #c0c0c0;
}

.SFXTextBox input {
    width: 100%;
    border: none 0px;
    padding: 0px;
    margin: 0px;
}

.SFXTextBoxDisabled input {
    color: #404040;
}

.SFXTextBoxSuggest input {
    color: #808080;
}

.SFXTextBoxColoredInside input {
    background-color: #4c6198;
}

.SFXTextBoxColoredInsideDisabled input {
    background-color: #b1b1b1;
}

.SFXTimelineAxis {
    position: relative;
    width: 100%;
    height: 28px;
    overflow: hidden;
    font-weight: bold;
    cursor: move;
}

.SFXTimelineAxisDisabled {
    cursor: default !important;
}

.SFXTimelineAxisInner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.SFXTimelineAxisDay {
    position: absolute;
    text-align: center;
    line-height: 18px;
    border-left: 2px dotted black;
    background-image: url(./img/SFXWebControls/axis_grip.gif);
    background-position: top left;
    background-repeat: repeat-x;
}

.SFXTimelineBar {
    padding: 2px 2px 2px 2px;
}

.SFXTimelineBarSegments {
    position: relative;
    overflow: hidden;
    height: 15px;
}

.SFXTimelineBarSegment {
    position: absolute;
    height: 15px;
    background-color: Black;
}

.SFXTimelineBarPoints {
    position: relative;
    overflow: hidden;
    height: 30px;
}

.SFXTimelineBarPointAbove {
    position: absolute;
    height: 24px;
    padding: 1px 1px 1px 1px;
    background-color: #d0d0d0;
    color: Black;
    border-left: 1px solid black;
    border-bottom: 4px solid white;
    width: 5.4em;
    display: inline;
}

.SFXTimelineBarPointBelow {
    position: absolute;
    height: 24px;
    padding: 1px 1px 1px 1px;
    background-color: #d0d0d0;
    color: Black;
    border-left: 1px solid black;
    border-top: 4px solid white;
    width: 5.4em;
    display: inline;
}

.SFXTimelineCalendar {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.SFXTimelineCalendarHeaderFiller {
    height: 1px;
    width: 0px;
}

.SFXTimelineCalendarHoursColumnFiller {
    width: 0px;
    height: 0px;
    float: left;
}

.SFXTimelineCalendarHoursColumn {
    position: absolute;
    overflow: hidden;
    width: 51px;
}

.SFXTimelineCalendarHeaderContainer {
    position: relative;
    overflow: hidden;
}

.SFXTimelineCalendarHeader {
    table-layout: fixed;
    width: 0px;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}

    .SFXTimelineCalendarHeader td {
        border-left: 1px solid #c0c0c0;
        border-top: 1px solid #c0c0c0;
        text-align: center;
    }

.SFXTimelineCalendarHeaderTimeColumn {
    width: 50px;
}

.SFXTimelineCalendarHeaderTimelineColumn {
    width: 100px;
}

.SFXTimelineCalendarContent {
    position: relative;
}

.SFXTimelineCalendarContentContainer {
    overflow: auto;
}

.SFXTimelineCalendarGrid {
    table-layout: fixed;
    width: 0px;
    border-left: 1px solid #c0c0c0;
}

    .SFXTimelineCalendarGrid td {
        border-right: 1px solid #c0c0c0;
        border-bottom: 1px solid #c0c0c0;
        vertical-align: top;
        text-align: center;
        line-height: 59px;
    }

.SFXTimelineCalendarGridTimeColumn {
    width: 50px;
}

.SFXTimelineCalendarGridTimelineColumn {
    width: 100px;
}

.SFXTimelineCalendarGridRow {
    height: 60px;
}

.SFXTimelineCalendarTimeline {
    position: absolute;
    top: 0px;
    bottom: 0px;
    overflow: hidden;
    width: 99px;
    border-right: 1px solid #c0c0c0;
}

.SFXTimelineCalendarDragHighlight {
    position: absolute;
    width: 97px;
    border: Yellow solid 1px;
    background-color: Yellow;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.SFXTimelineCalendarTask {
    position: absolute;
    margin-left: 5px;
    margin-right: 5px;
    width: 87px;
    background-color: #c0c0ff;
    overflow: hidden;
    border: 1px solid black;
}

.SFXTimelineCalendarTaskReadOnly {
    position: absolute;
    margin-left: 5px;
    margin-right: 5px;
    width: 87px;
    background-color: #c0c0c0 !important;
    overflow: hidden;
    border: 1px solid black;
}

.SFXTimelineCalendarTaskContent {
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    overflow: hidden;
    cursor: move;
}

.SFXTimelineCalendarTaskReadOnly .SFXTimelineCalendarTaskContent {
    cursor: default;
}

.SFXTimelineCalendarTaskBottom {
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -5px;
    width: 10px;
    height: 3px;
    cursor: s-resize;
    background-color: #a0a0ff;
    z-index: 100;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.SFXTimelineCalendarTaskMoving {
    background-color: #e0e0ff !important;
}

.SFXTimelineCalendarTaskView {
    position: absolute;
    left: 3px;
    right: 3px;
    cursor: pointer;
}

.SFXTimelineCalendarTaskReferenceArrow {
    position: absolute; /*top: 50%; 	left: 50%;*/
    height: 2px;
    background-color: Black;
}

.SFXTimelineCalendarTaskView:hover {
    color: Blue;
}

.SFXTimelineCalendarTaskViewIcon {
    float: left;
    padding-top: 2px;
    padding-right: 2px;
}

.SFXTimelineCalendarTaskViewStatusIcon {
    float: left;
    padding-top: 2px;
    padding-right: 2px;
}

.SFXTimelineCalendarTaskViewStatusIcon_Draft {
    position: absolute;
    width: 16px;
    height: 16px;
    left: -8px;
    top: -8px;
    z-index: 33;
    background-image: url(./img/JOB-button-draft-rev1-0212-2012.png);
}

.SFXTimelineCalendarTaskViewStatusIcon_DraftNotToRemove {
    position: absolute;
    width: 16px;
    height: 16px;
    left: -8px;
    top: -8px;
    z-index: 33;
    background-image: url(./img/JOB-button-draft-rev1-0212-2012.png);
}

.SFXTimelineCalendarTaskViewStatusIcon_ReadyToSend {
    position: absolute;
    width: 16px;
    height: 16px;
    left: -8px;
    top: -8px;
    z-index: 33;
    background-image: url(./img/JOB-button-pending-rev1-0212-2012.png);
}

.SFXTimelineCalendarTaskViewStatusIcon_Sent {
    position: absolute;
    width: 16px;
    height: 16px;
    left: -8px;
    top: -8px;
    z-index: 33;
    background-image: url(./img/JOB-button-send-rev1-0212-2012.png);
}

.SFXTimelineCalendarTaskViewStatusIcon_Accepted {
    position: absolute;
    width: 16px;
    height: 16px;
    left: -8px;
    top: -8px;
    z-index: 33;
    background-image: url(./img/JOB-button-accepted-rev1-0212-2012.png);
}

.SFXTimelineCalendarTaskViewStatusIcon_Canceled {
    position: absolute;
    width: 16px;
    height: 16px;
    left: -8px;
    top: -8px;
    z-index: 33;
    background-image: url(./img/JOB-button-cancelling-red-rev1-0212-2012.png);
}

.SFXTimelineCalendarTaskViewStatusIcon_Cancel {
    position: absolute;
    width: 16px;
    height: 16px;
    left: -8px;
    top: -8px;
    z-index: 33;
    background-image: url(./img/JOB-button-cancelling--rev1-0212-2012.gif);
}

.SFXTimelineCalendarTaskViewStatusIcon_NotAccepted {
    position: absolute;
    width: 16px;
    height: 16px;
    left: -8px;
    top: -8px;
    z-index: 33;
    background-image: url(./img/JOB-button-not-accepted-rev1-0212-2012.png);
}

.SFXTimelineCalendarTaskViewNameWithIcon {
    overflow: hidden;
    height: 16px;
    line-height: 16px;
}

.SFXTimelineCalendarTaskViewName {
    overflow: hidden;
    height: 13px;
}

.SFXTimelineCalendarTaskViewInfo {
    overflow: hidden;
    height: 13px;
}

.SFXTimelineCalendarArrow {
    position: absolute;
    width: 100%;
    z-index: 90;
}

.SFXTimelineCalendarArrowContent {
    position: relative;
    width: 100px;
    height: 100%;
    left: -1px; /*TO DO - tymczasowe - zmienic szrokośc obrazków*/
}

.SFXTimelineCalendarArrowBack {
    position: absolute;
    top: 0;
    bottom: 14px;
    background-image: url("./img/SFXWebControls/timeline_arrow_back.png");
    background-position: center top;
    background-repeat: repeat-y;
    width: 100%;
}

.SFXTimelineCalendarArrowDown {
    position: absolute;
    bottom: 0;
    background-image: url("./img/SFXWebControls/timeline_down_arrow.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 14px;
    width: 100%;
}

.SFXTimelineCalendarArrowDownRed {
    background-image: url("./img/SFXWebControls/timeline_down_arrow_red.png");
}

.SFXTimelineCalendarArrowBackRed {
    background-image: url("./img/SFXWebControls/timeline_arrow_back_red.png");
}

.SFXTimelineCalendarRightArrowCaption {
    position: absolute;
    left: 60px;
    bottom: 50%;
    width: 35px;
    text-align: left;
}

.SFXTimelineCalendarLeftArrowCaption {
    position: absolute;
    left: 5px;
    bottom: 50%;
    width: 35px;
    text-align: right;
}

.SFXTimelineCalendarHeaderColor {
    width: 10px;
    height: 10px;
    float: left;
    margin-top: 5px;
    color: #fff;
    line-height: 10px;
    cursor: pointer;
}

.SFXTimelineCalendarCurrentTime {
    position: absolute;
    width: 100%;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    z-index: 30;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.SFXTimelineCalendarZoomIn {
    background-image: url(./img/zoom_in_16.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    z-index: 30;
    cursor: pointer;
    margin: auto;
}

.SFXTimelineCalendarZoomOut {
    background-image: url(./img/zoom_out_16.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    z-index: 30;
    cursor: pointer;
    margin: auto;
}

.SFXTimelineCalendarSettings {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(./img/SFXWebControls/settings.png);
    z-index: 30;
    cursor: pointer;
    margin: auto;
}

.SFXTimelineCalendarClickedArrow {
    cursor: pointer;
}

.SFXTimelineCalendarMenuItem {
    margin: 0;
    padding: 0;
}

.SFXTimelineCalendarMenuSubItem {
    display: block;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}

    .SFXTimelineCalendarMenuSubItem:hover {
        text-decoration: underline;
    }

.SFXTimelineCalendarMenu {
    position: fixed;
    z-index: 150;
    left: 0px;
    top: 0px;
    width: auto;
    color: Black;
    display: none;
}

.SFXTimelineCalendarMenuContainer {
    position: relative;
    width: 100%;
    height: 100%;
}

.SFXTimelineCalendarMenuContentContainer {
    padding: 6px;
}

.SFXTimelineCalendarMenuContent {
    background-color: #ffffe1;
    padding-right: 13px;
}

.SFXTimelineCalendarMenuLeftTop {
    background-image: url("./img/SFXWebControls/tooltip_tl.gif");
    background-repeat: no-repeat;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
}

.SFXTimelineCalendarMenuTop {
    border-top: 1px solid #333333;
    position: absolute;
    height: 5px;
    left: 5px;
    right: 5px;
    top: 0;
    background-color: #ffffe1;
}

.SFXTimelineCalendarMenuRightTop {
    background-image: url("./img/SFXWebControls/tooltip_tr.gif");
    background-repeat: no-repeat;
    height: 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
}

.SFXTimelineCalendarMenuClose {
    background-image: url("./img/cloud_close.png");
    background-repeat: no-repeat;
    height: 11px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 11px;
    cursor: pointer;
}

.SFXTimelineCalendarMenuRight {
    border-right: 1px solid #333333;
    bottom: 5px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 5px;
    background-color: #ffffe1;
}

.SFXTimelineCalendarMenuRightBottom {
    background-image: url("./img/SFXWebControls/tooltip_br.gif");
    background-repeat: no-repeat;
    bottom: 0;
    height: 5px;
    position: absolute;
    right: 0;
    width: 5px;
}

.SFXTimelineCalendarMenuBottom {
    border-bottom: 1px solid #333333;
    bottom: 0;
    height: 5px;
    left: 5px;
    position: absolute;
    right: 5px;
    background-color: #ffffe1;
}

.SFXTimelineCalendarMenuLeftBottom {
    background-image: url("./img/SFXWebControls/tooltip_bl.gif");
    background-repeat: no-repeat;
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 5px;
}

.SFXTimelineCalendarMenuLeft {
    border-left: 1px solid #333333;
    bottom: 5px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 5px;
    background-color: #ffffe1;
}

.SFXTimelineCalendarTaskStart {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    /*border-top: 1px solid black;*/
    height: 30px; /*background-color: #4FFF95;*/
    background-image: url("./img/SFXWebControls/visitStartBack.png");
    background-position: left top;
    background-repeat: repeat-x;
}

.SFXTimelineCalendarTaskEnd {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    /*border-bottom: 1px solid black;*/
    height: 30px; /*background-color: #4FFF95;*/
    background-image: url("./img/SFXWebControls/visitEndBack.png");
    background-position: left bottom;
    background-repeat: repeat-x;
}

.SFXTimelineCalendarTaskSelected {
    /*background-color: #9BBBFF;*/
    border: 1px solid #F0FF1E !important;
}

.SFXTimelineCalendarTaskReadOnlySelected {
    /*background-color: #B6B6BA !important;*/
    border: 1px solid #F0FF1E !important;
}

.SFXTimelineCalendarTaskSelected .SFXTimelineCalendarTaskView {
    color: Blue;
}

.SFXTimelineCalendarTaskSelector {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 10px;
    height: 10px;
    float: left;
    color: #F0FF1E;
    line-height: 10px;
    cursor: pointer;
    z-index: 40;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.NotificationUnreadBarContainer {
    background-color: #d5611d !important;
    position: absolute;
    right: 20px;
    z-index: 110;
    line-height: 18px;
    color: White;
    width: 420px;
    padding: 10px 10px 20px 10px;
    bottom: 40px;
    vertical-align: middle;
    float: right;
}

.SFXNotificationUnreadBarClose {
    float: right;
    width: 15px;
    height: 15px;
    background-image: url(./img/SFXWebControls/cloud_close.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .SFXNotificationUnreadBarClose .SFXButton {
        float: right;
        width: 15px;
    }

.NotificationUnreadBarContainer .SFXButtonBorderAndPadding {
    background-image: url(./img/SFXWebControls/cloud_close.png);
    background-position: center center;
    background-repeat: no-repeat;
    float: right;
    width: 15px;
    height: 15px;
    border: none;
}

.NotificationBarContainer {
    position: absolute;
    right: 20px;
    z-index: 100;
    line-height: 18px;
    background-color: #a53a02;
    color: White;
    width: 420px;
    padding: 10px 10px 20px 10px;
    bottom: 40px;
    vertical-align: middle;
}

    .NotificationBarContainer .SFXButtonBorderAndPadding {
        background-image: url(./img/SFXWebControls/cloud_close.png);
        background-position: center center;
        background-repeat: no-repeat;
        float: left;
        width: 15px;
        height: 15px;
        border: none;
    }

    .NotificationBarContainer .SFXButton {
        float: right;
        width: 15px;
    }

.NotificationBar {
    font-weight: bold;
    padding: 0px 10px;
    cursor: default;
    margin-top: 10px;
    width: 370px;
}

.SFXNotificationBarClose {
    float: right;
    width: 15px;
    height: 15px;
    background-image: url(./img/SFXWebControls/cloud_close.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.SFXQuickAccessExpressionTextBoxField {
    display: inline-flex;
    left: -13px;
    position: relative;
}

.SFXQuickAccessExpressionWidthTextBoxField {
    float: right;
    position: relative;
    left: -21px;
}

.SFXQuickAccessExpressionTextArea {
    float: right !important;
    margin-right: -14px !important;
    margin-top: -17px;
}

.SFXTextAreaInputContainer {
    margin-right: 9px;
    width: 100%;
}

.SFXPanelWithCaption {
    border-width: 1px;
    border-radius: 5px;
    border-style: solid;
    border-color: black;
}

.SFXAssignmentToGroup {
    float: left;
    position: relative;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    color: #5b5b5b;
}

.SFXAssignmentToGroupPanel {
    display: inline-block;
    border: solid;
    border-width: 2px;
    min-height: 300px;
    min-width: 100px;
    margin-left: 2px;
    vertical-align: top;
}

.SFXAssignmentToGroupPanelHeader {
    padding-top: 0px;
    padding-bottom: 15px;
    color: black;
}

    .SFXAssignmentToGroupPanelHeader p {
        margin-top: 0px;
        margin-bottom: 0px;
        background-color: orange;
    }

.connectedSortable {
    min-height: 50px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top: inherit;
    border-top-style: solid;
}

    .connectedSortable li {
        text-align: left;
        margin: 0 3px 3px 3px;
        font-size: 1.0em;
        height: 10px;
    }

.GridSwitchConvictContext {
    min-height: 300px !important;
    overflow-y: hidden;
    overflow-x: visible !important;
}

.ServiceViolationStepGrid {
    min-height: 150px !important;
    overflow-y: hidden;
    overflow-x: visible !important;
}