/*komorki grida*/
div.data-grid div.datafield {
    display: table-cell !important;
    padding: 3px;
}

/*komorki hedera*/
div.data-form:not(.find-form) > div.datafield:not(.listField):not(.formField) > div.header,
div.datafield > div.header:not(.ui-list-header):not(.ui-form-header) {
    padding-bottom: 5px;
    font-weight: bold;
    color: #000;
    /*max-width: 250px;*/
    text-align: right;
}

div.listField > div.header {
    text-align: left;
}


.searchDiv div.datafield div.header {
    width: auto !important;
    padding-top:5px;
}

div.searchDiv > span.alignleft {
    display: inline;
    /*min-height: 38px;*/
}

div.searchDiv:empty,
div.searchDiv > span.alignleft:empty
 {
    display: none;
}


div.searchDiv{
    /*min-height:21px;*/
}

/*div.searchDiv > span.alignleft:empty)
{
    display: none;
}*/


div.searchDiv div {
    display: inline-block;
}

div.searchDiv > span > div.find-form {
    /*display: block;*/
    display:inline-block;
    margin-bottom:6px;
}

div.searchParentDiv.visible > div.searchDiv {
    min-height: 38px;
}
span.filterSpan {
    display: block;
}

/*form > .table{
    width:auto;

}*/

.formTable,
.listField:not(td)
{
    display: table;
    margin-left: auto;
    margin-right: auto;
}

/*Style dataform*/
/*Rows*/

/*div.data-form > div.formField,
div.data-form > div.listField {
    padding: 5px;
}*/

div.data-form:not(.find-form) > div.datafield:not(.formField):not(.listField):not([group-name]),
div.formTable > div {
    display: table-row;
}



/*komorki  , div.datafield > div*/
div.datafield:not(.listField):not(.formField) > div.header,
div:not(.listField):not(.formField) > div.dataCell:not(.data-form) {
    padding-left: 7px;
    display: table-cell;
    /*min-width: 150px;*/
}

div.data-form:not(.find-form) > div.datafield:not(.listField):not(.formField) > div:first-child:not([group-name]) {
    /*text-align: right;*/
    /*display:table-cell;*/
    padding-right: 8px;
}

div.permissionField {
    text-align: left !important;
}

div.datafield div.header:not(.ui-list-header):after {
    content: ":";
}

div.ui-list-header {
    min-width: 250px;
}

/*zagnieżdzone tabele*/
table table,
.table .table,
table form
{
    margin:1px;
    margin-bottom:1px;
}

table table tr.header{
    display:none;
}
table table td,
.table .table td
{
    padding:1px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

    .ui-timepicker-div dl dt {
        height: 25px;
        margin-bottom: -25px;
    }

    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 65px;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

a.selectedpager {
    font-weight: bold;
}

a.changed {
    font-weight: bold;
}

div.filtr-form, div.filtr-form div {
    display: inline;
}

a.button {
    padding: 5px;
}


.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    font-style: italic;
    font-size: smaller;
}


span > label {
    display: inline;
    vertical-align: -webkit-baseline-middle;
    margin: 0 3px;
}


span.input-prompt {
    position: absolute;
    font-style: italic;
    color: #aaa;
    /*margin: 0.2em 0 0 0.5em;*/
    padding: 0.2em 0 0 1em;
}

.find-form {
    display: inline;
}


div.searchDiv {
    padding-top: 5px;
    padding-left: 6px;
    padding-right: 8px;
    background-size: 100% 100%;
}


a.btn {
    min-width: 100px;
    margin: 0px 5px;
}

a.btn-createNew,
a.searchbtn {
    vertical-align:bottom;
    margin-bottom:6px;
    /*margin-top:6px;*/
    margin-left:7px;
    /*float: right;
    position: relative;
    top: -37px;
    width: 196px;
    margin: 0px;*/
}

div.searchDiv select,
div.searchDiv input{
    margin-bottom:0px;
}


div.find-form > div.datafield > div.header,
div.find-form > div.datafield > div.datafield {
    display: inline;
}

div.find-form > div:last-child {
    /*margin-right: 196px;*/
}

div.find-form > div.datafield {
    
    display: inline-flex;
}

.hidden {
    display: none;
}



#ajax-loader {
    display: none;
    position: absolute;
    z-index: 9999;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
}

td.formField > div.data-form {
    width: auto;
}

    td.formField > div.data-form > div.datafield:hover {
        background-color: transparent;
    }

.selectedRow {
    background-color: #91a3b9;
}



a.btn-createNew {
    float: right;
    clear: right;
}

div.formField > div.data-form {
    display: block;
}

div.ui-list-header, div.ui-form-header {
    padding: 5px;
}

div.command-panel,
div.commands {
    padding: 10px;
}



.container > div.data-form,
form > div.data-form,
.container > form {
    margin-left: auto;
    margin-right: auto;
}


section > a.data-title,
section > span.data-title {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-top: 110px;
    width: 900px;
    text-align: center;
    display: block;
    cursor: default;
    font-size: 24px;
    font-weight: bold;
    opacity: 0.8;
    font-style: italic;
}


    section > a.data-title:hover {
        text-decoration: none;
    }

span.field-validation-error {
    display: block;
    color: red;
    margin-top: -4px;
    margin-bottom: 12px;
    font-size: smaller;
}


.progress {
    margin-top: 10px;
    background: #eee;
    width: 60%;
}



table .table-striped tbody > tr:nth-child(odd) > td
{
    background-color:transparent;
}

.table th, .table td{
    padding : 4px 6px; 

}