/*table.cards {*/
    /*width: 100%;*/
    /*border-collapse: collapse; !* so we can control cellspacing in a practical way *!*/
    /*position: relative;*/
    /*word-wrap: break-word;*/
/*}*/

.cards td:nth-child(1) {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
}

.cards {
    width: 100%;
}

.text-input {
    width: 400px;
}

/*.ui-widget {*/
    /*font-size: 1em;*/
/*}*/

/*table.cards th,*/
/*table.cards td {*/
    /*!*padding: 5px;*!*/
    /*text-align: left;*/
    /*font-family: Arial, Verdana, sans-serif;*/
    /*border: 4px solid #000; !* this can be seen as cellspacing... *!*/
/*}*/

/*table.cards th {*/
    /*background-color: #ddd;*/
/*}*/

.ui-input-invalid {
    border-color: red;
}

div.ui-growl {
    left: 50%;
    right: 0;
    margin-left: -150px;
    top: 40%
}

#container {
    height: 100%;
    width: 100%;
    font-size: 0;
    padding-bottom: 10px;
}

#left, #right, #left2, #right2 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    /*font-size: 19px;*/
}

.ui-button {
    font-size: 18px;
}

#left {
    width: 50%;
}

#right {
    width: 50%;
    direction: rtl;
}

#right2 {
    padding-left: 10px;
}

/*!*COLUMNS*!*/
#column1 {
    width: 100px;
    position: absolute;
    word-wrap: break-word;
}

#column2 {
    width: 50px;
    position: absolute;
}

#column3 {
    width: 100px;
    position: absolute;
}

#column4 {
    width: 100px;
    position: absolute;
}

#column5 {
    width: 100px;
    position: absolute;
    word-wrap: break-word;
}

#column6 {
    width: 100px;
    position: absolute;
}

#column7 {
    width: 50px;
    position: absolute;
}

#column8 {
    width: 100px;
    position: absolute;
}

#column9 {
    width: 100px;
    position: absolute;
}

#column10 {
    width: 100px;
    position: absolute;
}

.ui-datatable-resizable thead th, .ui-datatable-resizable tbody td, .ui-datatable-resizable tfoot td {
    white-space: normal;
    word-wrap: break-word;
}

.wrap {
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
   /* white-space: -pre-wrap;  */   /* Opera <7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE */
}

.div-table > * {
    display: flex;
    align-items: center;
}