.filter {
    top: 15px;
}

.cellAV .filter {
    left: 15px;
    display: block;
}

.cellStageID {
    display: table-cell;
    min-width: 15px;
    max-width: 15px;
    padding: 5px;
}

.cellOrderNR {
    display: table-cell;
    min-width: 85px;
    max-width: 85px;
    padding: 5px;
    padding-left: 7px;
    word-wrap: break-word;
}

    .cellOrderNR input {
        width: 85px;
        margin-top: 2px;
        font-size: smaller;
    }

.cellOrderCustomerNR {
    display: table-cell;
    min-width: 130px;
    max-width: 130px;
    padding: 5px;
    word-wrap: break-word;
}

.cellDeliveryStagesSpecification {
    display: table-cell;
    min-width: 120px;
    max-width: 120px;
    padding: 5px;
    word-wrap: break-word;
}

.cellWaybillNo {
    display: table-cell;
    min-width: 90px;
    max-width: 90px;
    padding: 5px;
    word-wrap: break-word;
}

    .cellOrderCustomerNR input {
        width: 110px;
        margin-top: 2px;
        font-size: smaller;
    }

.cellPlanningDate {
    display: table-cell;
    min-width: 100px;
    max-width: 100px;
    text-align: center;
    padding: 5px;
    word-wrap: break-word;
}

.cellRealizationDate {
    display: table-cell;
    min-width: 105px;
    max-width: 105px;
    text-align: center;
    padding: 5px;
    word-wrap: break-word;
}

.cellDelivery {
    display: table-cell;
    min-width: 90px;
    max-width: 90px;
    padding: 5px;
    word-wrap: break-word;
}

.cellLUListDescription {
    display: table-cell;
    min-width: 85px;
    max-width: 85px;
    padding: 5px;
    word-wrap: break-word;
}

.cellWeight {
    display: table-cell;
    min-width: 50px;
    max-width: 50px;
    text-align: right;
    padding: 5px;
    word-wrap: break-word;
}

.cellReturnPackingDescription {
    display: table-cell;
    min-width: 85px;
    max-width: 850px;
    padding: 5px;
    word-wrap: break-word;
}

.cellInfoTT {
    display: table-cell;
    min-width: 80px;
    max-width: 80px;
    /*zawijanie tekstu*/
    word-wrap: break-word;
    padding: 5px;
}

.fRow .cellInfoTT {
    display: table-cell;
    min-width: 100px;
    max-width: 100px;
    padding: 2px;
}

.cellInfoTT select {
    margin-top: 2px;
    font-size: smaller;
}

.cellCreateDate {
    display: table-cell;
    min-width: 85px;
    max-width: 85px;
    text-align: center;
    padding: 5px;
    word-wrap: break-word;
}

.cellEventDate {
    display: table-cell;
    min-width: 85px;
    max-width: 85px;
    text-align: center;
    padding: 5px;
    word-wrap: break-word;
}

.cellConsignee {
    display: table-cell;
    min-width: 200px;
    max-width: 200px;
    padding: 5px;
    word-wrap: break-word;
}

    .cellConsignee select {
        width: 195px;
        margin-top: 2px;
        font-size: smaller;
    }

.cellVolume {
    display: table-cell;
    min-width: 80px;
    max-width: 80px;
    text-align: right;
    padding: 5px;
    word-wrap: break-word;
}

.cellReceiptDate {
    display: table-cell;
    min-width: 100px;
    max-width: 100px;
    text-align: center;
    padding: 5px;
    word-wrap: break-word;
}

    .cellReceiptDate input {
        width: 75px;
        margin-top: 2px;
        font-size: smaller;
    }

        .cellReceiptDate input#allRowsChecked {
            width: auto;
            float: right;
        }

.cellCOD {
    display: table-cell;
    min-width: 210px;
    max-width: 210px;
    padding: 5px;
    empty-cells: show;
    word-wrap: break-word;
}

.cellAV {
    display: table-cell;
    min-width: 80px;
    max-width: 80px;
    text-align: center;
    padding: 5px;
    word-wrap: break-word;
}

.cellChecked {
    display: table-cell;
    min-width: 20px;
    max-width: 20px;
    text-align: center;
    padding: 5px;
    word-wrap: break-word;
}

.fRow .cellAV {
    min-width: 90px;
    max-width: 90px;
}

.cellTTStateName {
    display: table-cell;
    min-width: 105px;
    max-width: 105px;
    padding: 5px;
    word-wrap: break-word;
}

    .cellTTStateName .busy-indicator-box {
        width: 18px;
        height: 18px;
    }

    .cellTTStateName .lds-ring {
        width: 18px;
        height: 18px;
    }

        .cellTTStateName .lds-ring div {
            border: 2px solid #000;
            border-color: #000 transparent transparent transparent;
            width: 14px;
            height: 14px;
            margin: 7px 0px 2px 0px;
        }


.export {
    display: inline;
    top: 40px;
    left: 20px;
    z-index: 10;
}

.cellColor {
    display: table-cell;
    min-width: 40px;
    max-width: 40px;
    padding: 5px;
}

.color {
    width: 10px;
    height: 10px;
    margin: auto;
}

.cellnr {
    display: table-cell;
    min-width: 50px;
    max-width: 50px;
    padding: 5px;
}

.detailRow .cellnr {
    min-width: 85px;
    max-width: 85px;
}

.cellsnr {
    display: table-cell;
    min-width: 90px;
    max-width: 90px;
    padding: 5px;
}

.cellname {
    display: table-cell;
    min-width: 80px;
    max-width: 80px;
    padding: 5px;
}

.detailRow .cellname {
    min-width: 95px;
    max-width: 95px;
}

.celldate {
    display: table-cell;
    min-width: 100px;
    max-width: 100px;
    text-align: center;
    padding: 5px;
}

.cellinfo {
    display: table-cell;
    min-width: 190px;
    max-width: 190px;
    padding: 5px;
}

    .cellinfo input {
        width: 105px;
        margin-top: 2px;
        font-size: smaller;
    }

.celldivision {
    display: table-cell;
    min-width: 215px;
    max-width: 215px;
    padding: 5px;
}

.cellstateinfo {
    display: table-cell;
    min-width: 250px;
    max-width: 250px;
    padding: 5px;
}

.detailRow .cellstateinfo {
    min-width: 200px;
    max-width: 200px;
}

.headerFRow {
    display: block;
    top: -36px;
    margin-bottom: -8px;
}

.fRow {
    display: block;
    color: black;
}

.footerFRow {
    display: block;
}

.th.cellOrderNR,
.th.cellOrderCustomerNR,
.th.cellDeliveryStagesSpecification,
.th.cellWaybillNo,
.th.cellPlanningDate,
.th.cellRealizationDate,
.th.cellDelivery,
.th.cellLUListDescription,
.th.cellWeight,
.th.cellReturnPackingDescription,
.th.cellInfoTT,
.th.cellCreateDate,
.th.cellEventDate,
.th.cellConsignee,
.th.cellVolume,
.th.cellReceiptDate,
.th.cellCOD,
.th.cellAV,
.th.cellTTStateName,
.th.cellColor,
.th.cellname,
.th.celldate,
.th.cellinfo,
.th.celldivision,
.th.cellstateinfo,
.th.cellChecked {
    background-image: url('images/tablebar.png');
    background-repeat: no-repeat;
    padding-right: 5px;
    text-align: left;
}

.th.cellInfoTTDisplay,
.th.cellCreateDateDisplay,
.th.cellEventDateDisplay,
.th.cellConsigneeDisplay,
.th.cellVolumeDisplay,
.th.cellReceiptDateDisplay,
.th.cellCODDisplay,
.th.cellAVDisplay,
.th.cellTTStateNameDisplay,
.th.cellColorDisplay {
    background-image: url('images/tablebar.png');
    background-repeat: no-repeat;
    padding-right: 5px;
    text-align: left;
    display: none
}

.th.cellOrderNR span,
.th.cellOrderCustomerNR span,
.th.cellDeliveryStagesSpecification span,
.th.cellWaybillNo span,
.th.cellPlanningDate span,
.th.cellRealizationDate span,
.th.cellDelivery span,
.th.cellLUListDescription span,
.th.cellWeight span,
.th.cellReturnPackingDescription span,
.th.cellInfoTT span,
.th.cellCreateDate span,
.th.cellEventDate span,
.th.cellConsignee span,
.th.cellVolume span,
.th.cellReceiptDate span,
.th.cellCOD span,
.th.cellAV span,
.th.cellTTStateName span,
.th.cellColor span,
.th.cellname span,
.th.celldate span,
.th.cellinfo span,
.th.celldivision span,
.th.cellstateinfo span,
.th.cellChecked span {
    margin-top: -15px;
}


#ttSimplelist .tbody {
}

#ttFulllist_wrapper .tr {
}

.dataTables_scroll {
}

.th.lcellImg.ui-state-default_table .DataTables_sort_wrapper {
    display: inline;
    float: left;
    width: 7px;
    height: 30px;
    left: -5px;
    top: -5px;
    margin-bottom: -15px;
}

.th.rcellImg.ui-state-default_table .DataTables_sort_wrapper {
    background-position: 0 -100px;
    display: inline;
    float: right;
    width: 7px;
    height: 30px;
    top: -20px;
    margin-bottom: -60px;
}

.fg-toolbar.ui-toolbar.ui-widget-header.ui-corner-tl {
    visibility: hidden;
    display: none;
}

.dataTables_scrollHead {
}

.lCorner {
    background-image: url('images/tableHeader.png');
    display: inline;
    float: left;
    width: 7px;
    height: 30px;
    top: 92px;
    margin-top: -70px;
    z-index: 2;
}

.rCorner {
    background-image: url('images/tableHeader.png');
    background-position: 0 -100px;
    display: inline;
    float: right;
    width: 7px;
    height: 30px;
    top: 92px;
    margin-top: -70px;
    z-index: 2;
}

.lCornerDisplay {
    background-image: url('images/tableHeader.png');
    display: inline;
    float: left;
    width: 7px;
    height: 30px;
    top: 92px;
    margin-top: -70px;
    z-index: 2;
    display: none;
}

.rCornerDisplay {
    background-image: url('images/tableHeader.png');
    background-position: 0 -100px;
    display: inline;
    float: right;
    width: 7px;
    height: 30px;
    top: 92px;
    margin-top: -70px;
    z-index: 2;
    display: none;
}

.lcell1 {
    display: table-cell;
    background-image: url('images/tableline.png');
    background-repeat: repeat-y;
    max-width: 1px;
    min-width: 1px;
}

.rcell1 {
    display: table-cell;
    background-image: url('images/tableline.png');
    background-repeat: repeat-y;
    max-width: 1px;
    min-width: 1px;
}

.beforeButton {
    display: table-cell;
    width: 120px;
}

.toEnd {
    display: table-cell;
    width: 33px;
}

    .detailRow .th {
        background-image: url('images/tableHeader.png');
        background-position: 0 -203px;
        background-repeat: repeat-x;
    }

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

.parameterInfo {
    position: absolute;
    bottom: 0;
    padding-bottom: 10px;
    padding-top: 10px;
}

.hide {
    display: table-cell;
    min-width: 0px;
    max-width: 0px;
    text-align: center;
}

#stageTTLogOutLoadList .th, #stageTTLogOutLoadList .td {
    display: table-cell;
    padding: 5px 15px 5px 15px;
    text-align: center;
}

#stageTTLogOutLoadList .cellLoadUnitTypeNR {
    min-width: 60px;
    max-width: 60px;
}

#stageTTLogOutLoadList .cellWeight, #stageTTLogOutLoadList .cellVolume, #stageTTLogOutLoadList .cellLoadUnitQuantity {
    min-width: 80px;
    max-width: 80px;
}

#stageTTLogOutLoadList .cellOrderLoadLoadNR2 {
    min-width: 150px;
    max-width: 150px;
}

#stageTTLogOutLoadList .cellOrderLoadInfo {
    min-width: 200px;
    max-width: 200px;
}

#stageTTLogOutList_wrapper.dataTables_wrapper {
    min-height: auto;
}

.thead {
--    overflow: auto;
    background-color: #dedede;
    width: 100%;
    display: inline-table;
	border: 1px solid #73747547;
}
.tbody {
    border: 1px solid #73747547;
	width: 100%;
    display: inline-table;
}
.table.display {
    width: 100% !important;
    margin-top: 15px;
    display: inline-block;
--    overflow: auto;
}
.dataTables_wrapper{
	width: 100%;
    display: inline-block;
}
.dataTables_scroll {
    width: 100%;
    display: inline-block;
}
.dataTables_scrollHead {
    overflow: hidden !important;
    position: relative !important;
    border: none !important;
    width: 100% !important;
}
.dataTables_scrollHeadInner {
    width: 100% !important;
    display: inline-block;
}
.th{
	display: table-cell;
	width: auto;
    padding: 5px;
    word-wrap: break-word;
}
.tr {
    display: inline-table;
    width: auto;
    min-width: 51%;
    word-wrap: break-word;
}
.ui-widget-overlay{
    background: rgba(0, 0, 0, 0.7)  !important;
    position: absolute !important; 
    top: 0; 
    left: 0; 
    width: 100%  !important; 
    height: 100%  !important;
    margin: 0 !important;
}
.ui-dialog {
    padding: .1em !important;
    top: 10% !important;
    left: 5% !important;
    width: 90% !important;
}
div#TTStateEditDialogDiv {
    width: auto !important;
    height: auto !important;
    overflow: auto;
    display: inline-block;
}
.fg-toolbar.ui-toolbar.ui-widget-header_t.ui-corner-bl.ui-corner-br.ui-helper-clearfix {
    width: 100%;
}
/*
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable {
    width: auto !important;
    height: auto !important;
    display: block !important;
    position: relative;
    top: 10% !important;
    left: 10% !important;
}*/

.detailTable {
    display: inline-table;
    width: 100%;
    border: 1px solid #73747547;
}
.detailRow {
    display: inline-block;
	width:100%;
}