/*X-TABLE*/
x-table {
    display: inline-block;
    border-collapse: collapse;
    font-size: .95em;
    background: white;
    box-sizing: border-box;
}

x-table table {
    table-layout: fixed;
}

x-table th,
x-table td {
    border: .7px solid #ccc;
    /*    word-break: break-all;*/
    /*NO word-break:break-all;*/
}

x-table th {
    overflow: hidden;
}

x-table div table:first-child>thead th[type=DATETIME],
x-table div table:first-child>thead th[type=DATE] {
    min-width: 7em;
}


x-table td,
x-table:not([smart]) th {
    vertical-align: baseline;
    padding: .2em .3em;
}

x-table td[right] {
    text-align: right;
}

x-table thead th {
    background: #bdf;
    vertical-align: middle;
    font-weight: bold;
    position: relative;
}

x-table tfoot tr {
    background: gray;
    color: white;
}

x-table tfoot tr[totals_row] {
    /*box-shadow: 0 -1px 0 #333;*/
    /*    outline: 1px solid #333;
        outline-offset: -1px;*/
}

x-table tfoot tr[totals_row] th {
    text-align: right;
    padding: .2em .3em;
    font-weight: normal;
    border-bottom: none;
}

x-table tfoot tr[totals_row] th[nope] {
    border: none;
}

/*x-table th val{
    padding:0 1.5em 0 .3em;
        
}*/
x-table[smart] th val {
    height: 2.5em !important;
    display: block;
    padding: .5em 1.5em .3em .3em;
}

x-table[scroll]:not([smart]) th {
    padding: .3em;
}

x-table[scroll] th val {
    display: block;
    _overflow: hidden;
}


/*CICA NU*/
x-table[scroll] {
    margin: 0;
}

x-table[scroll] thead th {
    _float: left;
}

/*th float left nu face border-collapse*/
x-table[scroll] th:not(:last-child) {
    border-right: none;
}

x-table[scroll] th,
x-table[scroll] td {
    min-width: 35px !important;
}

x-table th>div {
    width: 100% !important;
    position: relative;
    height: 0;
}

x-table:not([many]) th {
    padding: 0 1.5em 0 .3em;
}

x-table[smart] x-filter,
x-table[smart] x-order {
    width: 1.3em;
    height: 1.3em;
    display: inline-block;
    position: absolute;
    right: 0;
    cursor: pointer;
    text-align: center;
    color: #aaa;
}

x-table[smart] x-filter[on] {
    background: rgba(255, 200, 0, .8);
    color: black;
}

x-table[smart=client] x-filter {
    display: none;
}

x-table[smart] x-filter:hover,
x-table[smart] x-order:hover {
    background: rgba(0, 0, 0, .1);
    color: #333;
}

x-table[smart] x-filter:active,
x-table[smart] x-order:active {
    background: rgba(0, 0, 0, .5);
    color: #fff;
}

x-table[smart] x-filter {
    line-height: 1.3em;
    z-index: 1;
}

x-table[smart] x-order {
    bottom: 0;
    overflow: hidden;
}

x-table[smart] x-filter:after {
    content: "\25A1";
    position: absolute;
    top: -.1em;
    right: .3em;
}

x-table[smart] x-order:after {
    /* aici ramane punct */
    content: ".";
    top: -.2em;
    right: .36em;
    position: absolute;
}



x-table[smart] x-order[desc]:after {
    content: "\25B2";
    font-weight: normal;
    display: inline-block;
    position: absolute;
    right: .1em;
    color: #c7254e;
    transform: translateY(.1em);
}

x-table[smart] x-order[desc='1'] {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}


x-table[smart] x-order:active:after {
    color: white;
}


x-table th:empty {
    border: none;
    display: none;
}

x-table {
    line-height: 1.7em;
    /*max-width:98%;*/
    /*border:1px solid gray;*/
    /*overflow:auto;*/
}

x-table td:empty:after {
    /*content:"-";*/
}

x-table:not([many]) td:first-child {
    background: rgba(128, 128, 0, .05);
}

x-table[many] tbody>tr:not([selected_row]):nth-child(even) {
    background: rgba(128, 128, 0, .05);
}


x-table[center] td:first-child {
    text-align: right;
}

x-table tbody {
    _margin-right: 1px;
}

x-table tbody tr[spanned] {
    /* border-top: 1px solid; */
}






/*SCROLL  X-TABLE*/
x-table[scroll] thead,
x-table[scroll] tbody,
x-table[scroll] tfoot {
    display: block;
    _float: left;
    overflow-y: scroll;
    /* ca sa puna extensia de scroll bar head+body*/
    overflow-x: hidden;
}


[x-table-wrapper] {
    max-width: 100%;
    overflow: auto;
    min-height: 10.5em;
}



x-table tr[selected_row],
x-table tr[highlighted_row],
x-table td[highlighted_cell] {
    background: rgba(0, 205, 0, .2) !important;
    /* impotant pentru smart_highlight */
    color: black;
}

x-table tr[selected_row] {
    border-left: 1px solid red;

}

x-table tr[referenced_row] {
    background: #eaf75833 !important;
    color: black;
}





[top_sticky_rail] {
    position: sticky;
    top: 0;
    /* left: 0; */
    height: 0;
    overflow: visible;
    z-index: 9;
    /* 10 e pt x-view*/
    clear: both;
}

[row_counter]:empty {
    text-align: right;
}

[row_counter]:empty::before {
    content: "EMPTY";
    color: #aaa;
    letter-spacing: .5px;
    text-decoration: line-through;
}


table[xdoc]>thead>tr th:first-child {
    position: sticky;
    z-index: 3;
    left: 0;
}









[x-table-panel] {
    min-width: 400px
}

[x-table-panel] cfb {
    padding: 0.25em 0.3em;
    font-size: .8em;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 2px;
    /* font-family: "Helvetica Neue", Menlo, Monaco, Consolas, "Courier New", monospace; */
    border: 0.7px solid;
    margin: .5em 0.3em 0 0;
    float: left;
    line-height: 1em;
    white-space: nowrap;
    min-width: auto !important;
}

[x-table-panel] cfb[order_by] {
    /* margin: 0em 0.3em 0 0; */
}

[x-table-panel] cfb kill {
    margin: 0 -.3em 0 1em;
    padding-top: .15em;
    position: relative;
    /* top: .05em; */
    vertical-align: top;
}

[x-table-panel] cfb kill:hover {
    background: rgba(255, 255, 255, 1);
}



cfb:before {
    content: "\ef4f";
    font-family: mtso;
    line-height: .4em;
    font-size: 1.4em;
    font-weight: 200;
    transform: translate(-5px, 5.5px);
    display: inline-block;
    width: 1em;
}

cfb[order_by]:before {
    content: "\e8d5";
    margin-right: .2em;
}

cfb[mandatory] {
    color: black;
}

cfb[mandatory]:before {
    content: none;
}

cfb[mandatory]:after {
    content: "\e897";
    font-family: mtso;
    line-height: .4em;
    font-size: 1.4em;
    font-weight: 200;
    transform: translate(0px, 5px) scale(.8);
    display: inline-block;
    width: 1em;
    margin: 0 .2em;
    color: black;
}

/* [x-table-filters] {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    border-top: 1px dashed #ccc;
    margin: .3em 1em 0 0;

} */

[x-table-filters] td {
    padding: .3em;
    vertical-align: top;
}

[server_filter_panel] {
    /*min-width:11em;*/
}

[server_filter_panel] kill,
[server_filter_panel] run {
    cursor: pointer;
    /*    border: 1px solid #ccc;*/
    padding: 0 .4em;
    display: block;
    position: absolute;
    right: 0;
}

[server_filter_panel] kill:hover,
[server_filter_panel] run:hover {
    background: gray;
    color: white;
}

[server_filter_panel] kill:active,
[server_filter_panel] run:active {
    color: red;
}

[server_filter_panel] run {
    margin-top: .5em;
}

[server_filter_panel] run:before {
    font-family: 'Glyphicons Halflings';
    position: relative;
    top: .05em;
    content: "\e072";

}

[server_filter_panel] kill {}

[server_filter_panel] select,
[server_filter_panel] input {
    border-radius: 0;
    border: .7px solid #999;
    padding: .2em 0 !important;
    margin-left: .1em;
    width: 7em !important;
    font-family: monospace;
    font-size: .9em;
    vertical-align: top;

}

[server_filter_panel] input {
    min-width: 0 !important;
    border-radius: 0 !important;
    padding: .1em .2em !important;
    margin: .1em 1em .1em 0em !important;
    width: 7em !important;
    min-height: 0 !important;
}

[server_filter_panel] select:focus,
[server_filter_panel] input:focus {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}


[x-table-panel] [update_btn] {
    cursor: pointer;
    margin-right: .5em;
    /* font-size: .9em; */
    user-select: none;
}

[x-table-panel] [update_btn]:active {
    color: red;
}

/*x-table PAGINATOR*/
[x_table_paginator_panel] {
    color: #c7254e;
    float: right;
    position: relative;
    border: .7px solid;
    padding: 3px;
    background: #f9f2f4;
    /* background: #bdf; */
    line-height: 1.4em;
    white-space: nowrap;
    margin-left: 5px;
    min-height: 3.6em;
}

[x_table_paginator_panel] input {
    margin: 0 .5em 0 0 !important;
    padding: 0 0 0 4px !important;
    border-radius: 0 !important;
    /* min-width: 0 !important; */
    max-width: 4.4em !important;
    text-align: right;
    min-height: auto !important;
}

[x_table_paginator_panel][force_all]>:not([the_switcher_part]) {
    display: none;
}

[x_table_paginator_panel] m {
    margin-right: .5em;
}

[x_table_paginator_panel] [prev_page],
[x_table_paginator_panel] [next_page] {
    display: inline-block;
    border: .7px solid #aaa;
    cursor: pointer;
    text-align: center;
    padding: 0 .3em;
    color: #777;
    background: white;
}

[x_table_paginator_panel] [prev_page]:active,
[x_table_paginator_panel] [next_page]:active {
    background: white;
    color: red;
}

[x_table_paginator_panel] [prev_page]:before {
    content: "\25C0"
}

[x_table_paginator_panel] [next_page]:before {
    content: "\25B6"
}

x-inner_table {
    display: table;
    border-collapse: collapse;
}

x-inner_table row {
    display: table-row;
}

x-inner_table cell {
    display: table-cell;
    padding: 0 .2em;
    white-space: nowrap;
}

x-inner_table row:not(:first-child) {
    border-top: 1px dashed rgba(100, 140, 100, .4);
}



/* PRINTER*/
printer_button,
generic_button {
    /* float: right; */
    border: 1px solid #ccc;
    border-radius: .3em;
    padding: .2em;
    margin: 0 1em 0 0;
    cursor: pointer;
    color: #e25500;
    background: white;
}

printer_button:active,
generic_button:active {
    background: #eee;
}

printer_button:before,
generic_button:before {
    content: "\e197";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    margin: 0 .32em;
    font-size: 1.8em;

}

generic_button[type=request]:before {
    content: "\e095";
    color: red;
}


[scroll_switcher] {
    z-index: 3;
    position: sticky;
    background: rgba(155, 144, 155, 0.189);
    /* width: 1em; */
    /* height: 1em; */
    /* top: 1em; */
    left: 0;
    cursor: pointer;
    /* border: 1px solid #c7254e; */
    border-right: none;
    border-bottom: none;
    border-bottom-right-radius: 1em;
    /*display: none;*/
}

[scroll_switcher]::before {
    width: 1em;
    height: 1em;
    cursor: pointer;
    border: 1px solid #c7254e;
    border-right: none;
    border-bottom: none;
    border-bottom-right-radius: 1em;
    background: rgba(155, 144, 155, 0.189);
    display: inline-block;
    position: absolute;
    content: '';
}


x-table[ssw] [scroll_switcher] {
    display: inherit;
}

[scroll_switcher]:active {
    background: rgba(100, 0, 0, .3);
}

[sticky_scroll] {
    overflow: auto;
}

[sticky_scroll] [vertical_scloller_rail],
[sticky_scroll] [horizontal_scloller_rail] {
    position: sticky;
    top: 0;
    z-index: 1
}

[sticky_scroll]>table {
    position: relative;
}

[sticky_scroll]>table th {
    position: sticky;
    top: 0;
    z-index: 1;
}

[sticky_scroll]>table tfoot {
    position: sticky;
    bottom: 0;
}

x-table table {
    /*margin-left:.1em;*/
}

x-table thead th {
    white-space: nowrap;

}








/* N-LIST START */
x-table thead th[n_list] val {
    padding-left: .5em;
    position: relative;
}

x-table thead th n_list:before {
    content: " ";
    width: 1.5em;
    height: .6em;
    display: inline-block;
    position: absolute;
    background: #ffc0cbcc;
    /* left: .4em; */
    left: 2px;
    top: 0px;
    cursor: pointer;
    border: .05em solid #999;
    visibility: hidden;
}

x-table thead th n_list:active:before {
    background: pink;
}

x-table thead th[n_list] n_list:before {
    visibility: visible;
    z-index: 2
}

/* N-LIST STOP */







x-table [type=date] {
    min-width: 6.5em;
    max-width: 8em;
}








/* IMNER-TABLE START */
x-table table[inner_table] {
    /* margin: .3em 0; */
    border-collapse: collapse;
}

x-table table[inner_table] th {
    position: relative;
    background: transparent;
    padding: 0 .3em;
    border-top: none;
    border-bottom: none;
    font-weight: normal;
    color: navy;
    z-index: 0;
}

x-table table[inner_table] th:first-child,
x-table table[inner_table] td:first-child {
    border-left: none;
    min-width: 4em;
}

x-table table[inner_table] th:last-child,
x-table table[inner_table] td:last-child {
    border-right: none;
}

x-table table[inner_table] td {
    border-bottom: none;
}

x-table table[inner_table] {
    pointer-events: none;
}

[nix] table[inner_table] th {
    color: #b71f1fab
}

/* IMNER-TABLE STOP */







/* la fel cu inner-table */
x-table table[simple] {
    /* margin: .1em 0; */
    border-collapse: collapse;
}

x-table table[simple] td,
x-table table[simple] th {
    padding: 0 .4em;
}

x-table table[simple] th {
    position: relative;
    background: transparent;
    padding: 0 .3em;
    border-top: none;
    border-bottom: none;
    font-weight: normal;
    color: navy;
    z-index: 0;
}

x-table table[simple] th:first-child,
x-table table[simple] td:first-child {
    border-left: none;
    min-width: 2em;
}

x-table table[simple] th:last-child,
x-table table[simple] td:last-child {
    border-right: none;
}

x-table table[simple] td {
    border-bottom: none;
}

x-table table[simple] {
    pointer-events: none;
}

x-table table[noHead] tr:first-child td {
    border-top: none;
}

x-table table[simple] [c_name=ref_id] {
    display: table-cell;
}









x-table tr[nix],
x-row[nix] {
    opacity: .9;
    color: #b71f5eaa;
    /*text-decoration: line-through;*/
    /* text-decoration-style: double; */
    /*text-decoration-color: rgba(233, 36, 36, 0.69);*/
}

x-row[nix] {
    background: #eed2eaab !important;
    ;
}

x-row[nix]>cell:first-child::before {
    content: "\e5cd";
    position: absolute;
    color: rgb(98, 2, 68);
    font-family: mtso;
    font-size: 1.3em;
    right: 0;
    font-weight: 100;
}

/* QFS */
forge[qfs]:before {
    font-family: 'Glyphicons Halflings';
    content: "\e118";
    color: rgba(85, 85, 85, 0.62);
    cursor: pointer;
}

forge[qfs][single]:before {
    font-family: 'Glyphicons Halflings';
    content: "\e022";
    color: rgba(85, 85, 85, 0.62);
    cursor: pointer;
    scale: 1.2;
    display: inline-block;
}


forge[qfs]:hover:before {
    color: #333;
}

forge[qfs]:active:before {
    color: red;
}

[alt] forge[qfs][single]:before {
    font-family: 'Glyphicons Halflings';
    content: "\e197";


}




/* KVL */
span[kvl]:before {
    /* font-family: 'Glyphicons Halflings'; */
    /* font-family: 'BAC'; */
    /* content: "\e03d"; */
    font-size: 1.3em;
    /* line-height: 14px; */
    /* content: "\e065"; */
    /* content: "\270E"; */
    content: "\270E";
    color: rgba(65, 65, 65, 0.62);
    cursor: pointer;
}

span[kvl]:hover:before {
    color: #333;
}



[download_table_data] {
    position: relative
}

[alt] [download_table_data]:after {
    color: red !important;
    font-family: 'Glyphicons Halflings';
    content: "\e197";
    position: absolute;
    left: -1.3em;

}

[download_table_data] {
    margin: 0 0 0 1.5em;
    padding: .1em .4em;
}

[download_table_data][smart=client] {
    margin: .3em 1em .3em 0;
    font-size: .8em;
    float: left;
    line-height: .5em;
    padding: 0.4em;
    transform: scale(1.2);
    margin-left: 0.3em;
}




[server_filter_panel] select[enum] option[enum_hidden] {
    display: none;
}







[add_action_btn],
[download_button] {
    font-size: 2.35em;
    font-weight: 300;
    background: #008000d8;
    color: white;
    /* position: relative; */
    /* top: 0.2em; */
    cursor: pointer;
    margin-right: .1em;
    /* float: left; */
    user-select: none;
    padding: 0 2px;
}

[download_button] {
    /* background: #e25500; */
    /* background: #e25500c9; */
    background: rgb(0 84 168 / 65%);
    font-weight: 200;
}

[add_action_btn]:active,
[download_button]:active {
    transform: scale(1.02);
    opacity: .7;
    transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

[download_button]:disabled,
[add_action_btn]:disabled {
    pointer-events: none;
}



table[x-table-filters] td {
    padding: 0;
    vertical-align: bottom;
}

table[x-table-filters] td:first-child[add_action],
table[x-table-filters] td:first-child[download_action] {
    padding-right: 1em;
    vertical-align: middle;
}



[x_table_paginator_panel] input::-webkit-outer-spin-button,
[x_table_paginator_panel] input::-webkit-inner-spin-button {
    /* -webkit-appearance: none; */
    /* margin: 3px; */

}

[x_table_paginator_panel] m {
    user-select: none;
}





x-table[editable] icon {
    cursor: pointer;
}


x-table[editable] th:first-child {
    text-align: center;
    cursor: pointer;
}

[active_editing] x-table[editable] th:first-child:hover {
    background: hsl(210 100% 79% / 1);
}

x-table[editable] td:first-child {
    user-select: none;
    white-space: nowrap;

}

x-table[editable] td:first-child icon {
    transform: scale(1.3);
    margin: .2em;
    display: inline-block;
    font-weight: 200;
    opacity: .3;
    border-radius: 1em;
}

x-table[editable] td icon:hover {
    background: #6fef0045
}


x-table[editable] th:first-child val {
    display: none;
}



[active_editing] x-table[editable] th:first-child:before {
    opacity: 1;
}

x-table[editable] th:first-child:active:before {
    color: red
}

[active_editing] x-table[editable] td:first-child icon {
    opacity: 1;
}

x-table[editable] td icon:active {
    color: red;
}