[xdoc] input:not([type=button]):disabled,
[xdoc] textarea:disabled,
[xdoc] select:disabled,
[xdoc] input[type=checkbox]:disabled,
[xdoc] x-pills[disabled],
x-check[disabled],
x-unit[disabled],
lock[disabled] {
    color: #333;
    opacity: 1 !important;
}


form[xdoc] input:not([type=button]):disabled,
form[xdoc] textarea:disabled,
form[xdoc] select:disabled {
    background: white;
}

x-check[disabled] input {
    pointer-events: none;
}

x-check input[type="checkbox"] {
    border: .8px solid #bbb !important;
}




[xdoc] input[type=date]:disabled {}

[xdoc] input[type=date]:read-only {
    -webkit-appearance: none;
    appearance: none;
}

[xdoc] input[type=date] {
    -webkit-appearance: none;
    appearance: none;
}

[xdoc] input[list] {
    margin: 0 !important;
    /*height:2.1em ;*/
    vertical-align: top;
}

[tabular_data] input[list] {
    background: transparent !important;
}


/* SCROLL ON TBODY */
/*table[xdoc]{
    max-height:200px;
}
table[xdoc] thead, table[xdoc] tbody { display: block; }

table[xdoc]  tbody {
    height: 80%;        Just for the demo          
    overflow-y: auto;     Trigger vertical scroll    
    overflow-x: hidden;   Hide the horizontal scroll 
}*/



/* SCROLL ON TBODY */





table[xdoc] {
    border-spacing: 0;
    border-collapse: collapse !important;
    /* margin: 0 0 0.7em 0; */
}

form[xdoc] textarea,
flike[xdoc] input {
    font-size: .95em;
    font-family: consolas, "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}


form[xdoc] textarea[generated] {
    background: transparent !important;
    border: none !important;
    border-left: .7px solid !important;
    resize: none;
    text-align: left !important;
}

flike[xdoc] textarea,
[flatened_input] {
    font-size: .95em;
    font-family: consolas, "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    min-width: 15em;
    overflow: hidden;
}

flike[xdoc] select {
    min-width: 14.2em;
}

table[xdoc] tbody td {
    font-size: .95em;
    border: 1px solid rgba(0, 0, 0, .1);
    font-family: monospace, "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    padding: 0 0;

    /*  position:relative    NU NU SI NU ;   crapa tabelele in Chrome pt transform  ... NASOL */
}

table[xdoc]>thead>tr th {
    font-size: .9em;
    color: #fff;
}



[tabular_data] td {
    border-top: none !important;

}

table[xdoc] {
    background: white;
}



/**/
table[xdoc] th {
    white-space: pre;
    _padding: 0 .5em;
}



table[xdoc] input,
table[xdoc] textarea,
table[xdoc] select {
    border: none !important;
    margin: 0 0 !important;
    min-width: 5em !important;
    width: 100% !important;
    text-overflow: ellipsis;
}

table[xdoc] [name^=date],
table[xdoc] [name^=dt_],
table[xdoc] [name$=_dt],
table[xdoc] [name$=_date] {
    resize: none;
    white-space: nowrap;
    width: 8em !important;
}





table[xdoc] input:not([type=button]),
table[xdoc] select {
    background: transparent;
}

[xdoc] input:not([type=button]):focus,
[xdoc] textarea:focus,
[xdoc] select:focus,
[date_piker] input:focus {
    /*outline: 2px solid #acf;*/
    outline: 2px solid #8af;
    /*outline-offset: -1px;*/
}




/* TEXTAREA */

table[xdoc] textarea {

    margin: 0 0;

    min-width: 2em;

}



table[xdoc] textarea,
table[xdoc] input,
table[xdoc] x-aim {
    vertical-align: top;
    resize: none;
    _resize: vertical !important;
    _min-width: 8em !important;
    /*    min-height:2.2em;*/
    width: 100%;
    _height: 100%;
    border-radius: 0;
    border: none;
    background-color: transparent;
}


table[xdoc] x-aim[required][empty] {
    outline: 1px solid red;
}

table[xdoc] textarea[sql_type=enum] {
    min-width: 3em !important;
    color: red !important;
}

table[xdoc] textarea:focus {
    resize: both;
}

table[xdoc] textarea {
    overflow: auto !important;
    /* overflow: hidden; */
}

table[xdoc] select {
    border-radius: 0;
    width: 100%;
}

form[xdoc] textarea {
    vertical-align: top;
}






table[xdoc]>tbody>tr:nth-child(even) {
    /* background: rgba(0, 30, 0, .08); */
    background: rgb(238 241 238 / 96%);
}

table[xdoc]>tbody>tr:nth-child(odd) {
    /* background: rgba(0, 30, 0, .08); */
    background: rgb(255 255 255 / 96%);
}

/*   table[xdoc] tbody tr>td:first-child{
       border:none;
   }
   table[xdoc] thead tr>th:first-child{
       border:none;
   }*/



input {
    _width: calc(100% - 12px);
    /* IE 9,10 , Chrome, Firefox */
    _width: -webkit-calc(100% - 12px);
    /*For safari 6.0*/
}




/* temporary SPARK */
[spark] {
    -webkit-animation-name: flush_pink;
    animation-name: flush_pink;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
}

@-webkit-keyframes flush_pink {
    0% {
        background-color: inherit;
    }

    50% {
        background-color: pink;
    }

    100% {
        background-color: inherit;
    }
}

/* Standard syntax */
@keyframes flush_pink {
    0% {
        background-color: inherit;
    }

    50% {
        background-color: pink;
    }

    100% {
        background-color: inherit;
    }
}

[shake] {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97);
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000;
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

@keyframes fade {
    from {
        opacity: 1.0;
    }

    50% {
        opacity: 0.6;
        /*background:black;*/
    }

    to {
        opacity: 1.0;
    }
}



[blink] {
    animation: fade 3000ms infinite;
    -webkit-animation: fade 3000ms infinite;
}



/* verdele meu
rgba(152,251,152,7)
*/



/*ascund fieldul p_id care e al 2-lea obligatoriu*/
/*table[xdoc]:not([free]) tr>th:nth-child(2),table[xdoc]:not([free]) tr>td:nth-child(2){
    display:none;
}*/
table[xdoc] [c_name=p_id] {
    display: none;
}


/*prima coloana e pt butoanele add/delete row*/
table[xdoc] tr> :first-child {
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    min-width: 3em !important;
    /*max-width:3em !important;*/

}

/*plus button*/
[active_editing] table[xdoc]:not([readonly])>thead tr> :first-child {
    background: rgb(0, 30, 0);
    border-right: 1px solid white;
    color: white;
    line-height: 1em;
}

[active_editing] table[xdoc]:not([readonly]) thead tr> :first-child:active {
    background: #4cae4c;

}



/*table[xdoc] tbody tr>:first-child{
    position:relative;
}*/
[active_editing] table[xdoc]:not([readonly]) tbody tr>[rem_row]:after {
    background: orange;
    display: inline-block;
    /* content: "\2212"; */
    font-size: 2.3em;
    position: absolute;
    top: .6em;
    left: .3em;
    line-height: 0em;
    width: 13px;

    height: 3px;
    scale: 1.3;

}

table[xdoc]>tbody>tr>:first-child:after {
    content: " ";
}

table[xdoc] tbody tr>:first-child>* {
    _font-size: .8em;
    font-weight: normal;
    /*color:#999;*/
    position: relative;
    top: 0;
    color: navy;
}

table[xdoc] tbody tr>td:first-child>*:before {
    /* ca sa maschez  did1233344 */
    content: attr(db_id);
    overflow: hidden;
    pointer-events: none;
    font-size: .8em;
    padding: 0 .3em;
    display: block;
}

table[xdoc] tbody tr>td:first-child>*[db_id^=did]:before {
    content: '*';
    transform: scale(1.8);
    color: magenta;
    position: absolute;
}

/*
[dummy^=did]:
    content: '*';
    font-size: 1.5em;


    color: magenta;
*/




[active_editing] table[xdoc] tbody tr>[rem_row]:active {
    background: beige;
}

table[xdoc] {
    table-layout: fixed;
}

table[xdoc] thead>tr>th {
    _line-height: 2em;

    _border-left: 1px solid transparent;
    _border-right: 1px solid transparent;
    cursor: pointer;
    padding: 1.2em .5em .2em .5em;
    font-weight: normal;
}

table[xdoc] thead>tr th {
    position: relative;
}

table[xdoc] thead resizer {
    position: absolute;
    top: 0;
    right: 0;
    /*right:-.1em;*/
    width: 1em;
    height: 100%;
    cursor: ew-resize;
    transform: translateX(50%);
    z-index: 1;
    user-select: none;
}

[no-select] {
    user-select: none;
}

table[xdoc] thead resizer:hover,
table[xdoc] thead resizer:active {
    background: rgba(255, 0, 0, .5);
}

table[xdoc] thead>tr>th>:first-child {
    text-overflow: clip;
    text-overflow: ellipsis;
    text-overflow: "?";
    overflow: hidden;
    position: relative;
    min-width: fit-content;
}



/* !!!BAC ---- STICKY */
table[xdoc]>thead>tr th {
    background-color: #666;
    _border-left: 1px solid #999;
    border-right: 1px solid #999;
    font-family: monospace;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2;
}

table[sticky_head]>thead>tr th {
    position: sticky;
    top: 0;
    z-index: 2;
}

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

table[xdoc]>thead>tr>th:first-child {
    box-shadow: inset -1px 0 0.7px white;
}

table[xdoc]>thead>tr th:first-child:before {
    content: "id";
    /*color:#999;*/
}

table[xdoc] tbody>tr>td:first-child {
    position: sticky;
    z-index: 2;
    left: 0;
    background: inherit;
    /* outline: .7px solid #ccc; */
    box-shadow: inset -0.7px 0px 0.2px black;
}



[active_editing] table[xdoc]:not([readonly]) thead>tr th:first-child:before {
    /*    content:"+";
    color:white;
    display:inline-block;   
    transform: scale(2) translate(0px,-4px);
    -webkit-transform: scale(2) translate(0px,-4px);*/

}

[bottom_add] {
    /*am trecut pe google icon*/
    display: none;
    background: green;
    color: white;

    font-size: 1.4em;
    cursor: pointer;
    margin-left: .2em;
    transform: translate(0px, 10px);
}

[bottom_add_wrap] span[k] {
    color: #777;
}


[active_editing] [bottom_add] {
    display: inline-block;
}


table[xdoc] thead>tr th:first-child {
    overflow: hidden;
}


table[xdoc] tbody>tr>:first-child input,
table[xdoc] tbody>tr>:first-child textarea {
    display: none;
}

/*table[xdoc] thesd >tr th:nth-child(1) input{
    min-width:2em;
    max-width:2em !important;
}
table[xdoc]  td:nth-child(1)  input{  
    min-width:2em !important;
    max-width:3em !important;

}*/




_table[xdoc][readonly] tbody>tr td:first-child {
    display: none !important;
}


/*table[xdoc] thead >tr th:not(:first-child){
    border-left:1px solid rgba(0,0,0,.1);;
    border-left:1px solid rgba(255,255,255,.1);;
}*/

table[xdoc] [selected_row] {
    background: rgba(0, 205, 0, .3) !important;
}

table[xdoc] th[new_row] {
    width: 2em !important;
    max-width: 2em !important;
}

table[xdoc] tbody>tr td>flat {
    display: inline-block;
    padding: .45em .5em;
}




/* elimin shadow for input in ipad - nu merge pt ca fute si chrome on windows*/
input:not([type=button]),
textarea {
    _-webkit-appearance: caret !important;

}


/* FLIKE */


flike {
    display: inline-block;
    margin-right: 1em;
    margin-bottom: 1em;
    vertical-align: top;
}

comp {
    margin-bottom: 1em;
    display: block;
}

flike kill,
comp kill {
    position: absolute;
    font-size: 1.3em;
    top: 0em;
    right: 0em;
    display: none;
    padding: 0;
}

flike kill:before,
comp kill:before {
    padding: .3em;

}

[active_editing] flike kill,
[active_editing] comp kill {
    display: block;
}

flike [minimize_flike],
comp [minimize_comp] {
    position: absolute;
    right: 3em;
    /*top:0;*/
    cursor: pointer;
    padding: .3em;
}

flike [minimize_flike]:hover,
comp [minimize_comp]:hover,
flike kill:hover,
comp kill:hover {
    background: rgba(100, 255, 100, .5);
    ;
}

flike input:not([type="checkbox"]):not([type="radio"]):not([type="button"]),
flike textarea,
flike select {
    /*border-radius:.3em;*/
    min-width: 15em;
}

flike [minimize_flike]:active,
comp [minimize_comp]:active {
    color: red;
}

flike[minimized] [minimize_flike]>:first-child,
comp[minimized] [minimize_comp]>:first-child {
    padding: .3em 0;
    margin: .3em 0;
}

flike>*,
comp>* {
    width: 100%;
}

flike [minimize_flike]>*,
comp [minimize_comp]>* {
    border: 1px solid;
    width: 1.4em;
    margin: .6em 0;

}

[flike_content] {
    display: inline-block !important;
    border: 1px solid gray;
    padding: .5em;
    background: rgba(51, 122, 183, .3);
}

[flike_content] hr {
    border-color: #888;
}

flike [flike_content],
comp [comp_content] {
    padding-top: 2em !important;
}

flike[minimized] [flike_content],
comp[minimized] [comp_content] {
    height: 2em;
    overflow: hidden;
    padding-top: 1.2em !important;

}

flike[minimized] [flike_content] :last-child {
    margin-top: 1em;
}

flike [rid_show],
comp [rid_show] {
    position: absolute;
    right: 6em;
    background: #555;
    color: white;
    padding: 0 .5em;
    max-width: 3.5em;
    overflow: hidden;
    top: 0;
}

flike [flike_name],
comp [comp_name] {
    position: absolute;
    top: .3em;
    left: .5em;
    font-family: monospace;
    display: flex;
    /*overflow:hidden;*/
    max-width: 60%;
}

flike [flike_title_hint] {
    display: inline-block;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 1em;
    font-size: .9em;
    color: navy;
}



flike input,
comp input {
    text-overflow: ellipsis;
}

flike input,
flike textarea,
flike select,
comp input,
comp textarea,
comp select {
    background: white;
}

[add_flike_item],
[add_comp_item] {
    visibility: hidden;
    display: inline-block;
    margin: 0;
}

[active_editing] [add_flike_item],
[active_editing] [add_comp_item] {
    visibility: visible;
}

[fliked_elm_header],
[comp_elm_header] {
    margin-bottom: .5em;
}

[fliked_elm_header]>*,
[comp_elm_header]>* {
    margin-right: 1em;
}

[fliked_elm_header]>a,
[comp_elm_header]>a {
    display: none;
}

[active_editing] [fliked_elm_header]>a,
[active_editing] [comp_elm_header]>a {
    display: inline-block;
}

[active_editing] [fliked_elm_title],
[active_editing] [comp_elm_title] {}

[fliked_elm_title],
[comp_elm_title] {
    font-size: 1.2em;
    ;
    vertical-align: middle;
}

flike [flike_resizer],
comp [comp_resizer] {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 0px;
    right: 2px;
    cursor: pointer;
    text-align: center;
}

flike [flike_resizer]:before,
comp [comp_resizer]:before {
    content: "...";
    /*font-size:1.4em;*/
    position: relative;
    /*    top:-3px;  */
    /*right:.5em;*/
}

flike [flike_resizer][hidden],
comp [comp_resizer][hidden] {
    display: none;
}

flike [flike_resizer]:active,
comp [comp_resizer]:active {
    background: rgba(0, 0, 0, .1)
}

[search_filter_panel] {
    display: none;
    min-height: 3em;
    background: #ccc;
    ;
    margin-top: .5em;
}

[flike_finder] {
    margin: 0 0 1em 0;
    border: 1px solid #ccc;
    background: rgba(240, 255, 190, 1);
    padding: .5em;
}

[flike_finder] x-table {
    /*float:right;*/
    margin-left: 1em;
}

[flike_finder] select,
[flike_finder] input {
    margin: 0 1em 0 0 !important;
    border-radius: 0 !important;
    min-width: 3em !important;
    vertical-align: top;
}


[flike_finder] kill {
    font-size: 1.3em;
    display: inline-block !important;
    position: relative;
    top: -0.5em;
    left: -.4em;
    padding: 0;
}



/*COMP*/
[comp_content] {
    overflow-x: auto;
}

[comp_table] {
    display: table;
    width: 100%;
    border-collapse: collapse;

}

[comp_row] {
    display: table-row;
    margin: .5em 0;

}

[comp_cell] {
    display: table-cell;
    border: 1px solid lightgray;
    padding: 1px;
}

[comp_cell][hidden] {
    display: none
}

[comp_content] input {
    min-width: 0 !important;
    width: 100%;
    border: none !important;
    ;
}



















table[xdoc] td {
    vertical-align: top !important;
}

[xdoc] input[list] {
    min-width: 10em !important;
}

table[xdoc] tr td:not(:first-child) input {
    min-width: 8em !important;
}

table[xdoc] tr td input[type=file],
table[xdoc] tr td input[type=date] {
    min-width: 10em !important;
}

table[xdoc] [id_view] {
    font-size: .8em;
    color: rgba(0, 0, 0, .4);
    max-width: 2em;
    overflow: hidden;
    float: right;
    top: 1em;
    right: 0;
}


table[xdoc] select {
    /* background: transparent !important; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;


}

[active_editing] table[xdoc]:not([readonly]) select {
    -webkit-appearance: menulist-button;
    -moz-appearance: menulist-button;
    appearance: menulist-button;
}


select[readonly] {
    pointer-events: none;
}

input,
select,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input:invalid,
select:invalid,
textarea:invalid,
[required][invalid] {
    outline: .7px solid red;
    border-color: transparent !important;
    /*border:none !important;*/
}



[tabular_data_panel] {
    position: relative;
    margin-top: 1em;
    /* width: fit-content; */
}

/*ascund cimpul id pt tabele slave*/
[tabular_data_panel][slave] tr>:first-child {
    display: none;
}

/*ascund butoanele de manipulare din tabular panel*/
[tabular_data_panel][slave] [modif_bar],
[tabular_data_panel][slave] [tools_bar] {
    display: none;
}




/* pregatesc tfoot pt sume si etc */
table[xdoc] tfoot>tr>* {
    border: none;
    font-size: .9em;
    padding: .3em .5em;
    /*   _padding-bottom:0;*/
    font-family: monospace;
}


table[xdoc] tfoot>tr>* * {
    background: #999;
    color: white;
    font-family: monospace;
    padding: 0 .3em;


}


table[xdoc] td[tabular_flat_td] {
    padding: .53em;
}

/*
table[xdoc] tfoot >tr>*:first-child:before{
    content:"0";
    color:transparent;
}

*/



/* tabular_data head ... panels for tools and modifiers*/
[tabular_data_panel] [tools_bar],
[tabular_data_panel] [modif_bar] {
    font-family: monospace;
    float: right;
}

[tabular_data_panel] [tools_bar] {
    display: none;
}

[immutable] [tabular_data_panel] [tools_bar] {
    display: none !important;
}

/* formatare butoane din tabular_data head ca btn_light */
[tabular_data_panel] [tools_bar]>*,
[tabular_data_panel] [modif_bar]>* {
    margin-left: .6em;
    border-radius: .3em;
    padding: .1em .5em;
    border: 1px solid rgba(0, 0, 0, .3);
    cursor: pointer;
}

[tabular_data_panel] [tools_bar]>*:not([enabled]),
[tabular_data_panel] [modif_bar]>*:not([enabled]) {
    display: none;
}

[tabular_data_panel] [tools_bar]>*[acp_ctrl]:after,
[tabular_data_panel] [modif_bar]>*[acp_ctrl]:after {
    content: "\a0\25BC";
    ;
}

[tabular_data_panel] [tools_bar]>*[acp_ctrl][on]:after,
[tabular_data_panel] [modif_bar]>*[acp_ctrl][on]:after {
    content: "\a0\25B2";
}

[tabular_data_panel] [remove_filter] {

    border-radius: .4em;
    padding: .1em .5em 0 .3em;
    ;
    border: 1px solid rgba(0, 0, 0, .3);
    cursor: pointer;
    font-family: monospace;
    /* font-size: .9em; */
    background: white;
    float: left;
}

[tabular_data_panel] [remove_filter] {
    margin-right: .3em;
}

[tabular_data_panel] [remove_filter] {
    margin-top: .3em;
}

[tabular_data_panel] [remove_filter]:after {
    content: "\a0\2715";
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1em;
}

[tabular_data_panel] [tools_bar]>*:active,
[tabular_data_panel] [modif_bar]>*:active,
[tabular_data_panel] [remove_filter]:active {
    color: white;
    background: gray
}

[tabular_data_panel] [action_panel] {
    margin-top: .5em;
    overflow: hidden;
    height: 0;
    background: #ccc;
    -webkit-transition: height .1s;
    /* Safari */
    transition: height, .1s;
}

[tabular_data_panel] [action_panel]:empty {
    margin-top: 0;
}

table[xdoc] tbody td>* {
    position: relative;
}

table[xdoc] tbody td> :first-child {
    z-index: 1;
}

[info_btn],
[cell_resizer] {
    z-index: 1;
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 1em;
    font-size: 1.7em;
    background: rgba(80, 200, 80, 0.901961);
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    top: -100px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

[info_btn]:hover {
    _box-shadow: 0 0 5px rgba(0, 0, 0, .8)
}


[active_editing] table[xdoc] select {
    -webkit-appearance: menulist-button;
    -moz-appearance: menulist-button;
    appearance: menulist-button;
}


/* FORM TEXTAREA WRAPPER */

[xdoc] [wrap] {
    display: inline-block;
    position: relative;
    margin-top: 1em;
    overflow: visible;
}

[xdoc] [wrap]>span {
    display: inline-block;
    position: absolute;
    top: 0;
    color: white;
    left: 0;
    background: #777;
    white-space: nowrap;
    font: .8em monospace;
    transform: translateY(-100%);
    padding: .15em .4em;

}

[xdoc] [wrap]>span ghsup {
    vertical-align: middle;
}


[aha_label] {
    display: inline-block;
    color: white;
    background: #777;
    padding: 0 .3em;
    font: .9em monospace;
    white-space: nowrap;
}

[xdoc] [wrap]>span>* {
    font-size: .9em;
    vertical-align: top;
}

group {
    position: relative
}

group label[aha] {
    position: absolute;
    display: inline-block !important;
    top: -11px;
    color: white;
    left: 0;
    background: #777;
    padding: 0 .3em;
    font: .9em monospace;
    transform: translateY(-91%);

}



[xdoc] [wrap] textarea,
[xdoc] [wrap] select,
[xdoc] [wrap] x-aim,
[xdoc] [wrap] [flatened_input] {
    margin: 0;
    border-radius: 0;
    /* overflow: hidden; */
    /* min-width: 5em; */
    border: .8px solid #bbb;
}

[xdoc] [wrap] textarea {
    /*min-height: 2.25em;*/
}

[xdoc] [wrap] select {
    vertical-align: top;
    /* padding-left: .2em; */
}


form[xdoc][label_align=right] [wrap]>span {
    right: 0;
    left: auto;
}

form[xdoc][label_align=center] [wrap]>span {
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, -50%);
}


form[not_input_generator] input {
    margin-top: 0 !important;
    border-radius: 0 !important;
    text-align: right;
    min-width: 0 !important;
    font-size: .95em;
    font-family: consolas;
    color: red;
}

[etiquete] {
    font-family: monospace;
    background: rgba(40, 52, 65, 1);
    color: white;
    padding: .5em 1em;
    display: inline-block;
    margin: 0 2em 1em 0em;
    min-width: 10em;
}

[etiquete]:empty {
    padding: 0;
}

/* db_id in flike */
/*flike >:first-child >:first-child:before{
    content:"fofo";
    position:absolute;
    top:-1.5em;
    background:#666;color:white;
    left:50%;
    font-size:.8em;
    padding:0 .3em;
    font-family: monospace;
    border-radius:1em;
}*/


/*remove background color for autocomplete*/
[xdoc] input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

form[xdoc] [wrap] {
    margin: 1em 1em 1em 0;
    /* vertical-align: bottom; */
}

form[xdoc] [wrap] textarea {
    max-width: 100%;

}


/*PIKER*/
[xdoc] textarea[ast=lister] {
    padding-right: 1.3em;
    padding-left: .4em;
}


/*!!!BAC>>>*/
[___wrap] input {
    margin-top: 0 !important;
    vertical-align: top !important;
    padding: .4em 1.3em .4em .5em !important;
}


piker,
[ajax_list_arrow] {
    _background: rgba(170, 204, 255, .5);
    height: 23px;
    width: 20px;

    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    color: gray;
    text-align: center;

}

piker {
    opacity: .9;
    height: 0;
}

[active_editing] piker {
    opacity: .9
}


piker[ast=lister] {
    height: 0;
    _display: block;
    /*nu e bine ca se poate edita caimpul chiar si in read mode*/
}

piker,
[ajax_list_arrow] {
    display: block;
}

[locked]>cell piker {
    display: none !important;
}


[ajax_list_arrow]:active:after {
    color: red;
}

[ajax_list_arrow]:active {
    background: rgba(200, 200, 200, .1)
}

piker:not([ast]) {
    display: none;
}

[xdoc][readonly] piker {
    display: none;
}

/*
piker[ast='lister']:before{
    content:'';
    width: .7em;
    border-top: 2px solid;
    display: block;
    color: black;
    position: absolute;
    top: .5em;
    transform: translateX(55%);
}*/
piker[ast='lister']:after,
[ajax_list_arrow]:after {
    content: "\25BC";
    content: "\e69b";
    font-family: mtso;
    font-size: .9em;
    display: block;
    /* margin-top: .55em; */
    /*color:black;*/
    transform: translate(2px, 1px) scale(1);
    right: 3px;
    color: black;
    /* scale: 1.2; */
    font-weight: 200;
}

piker[ast='set_lister']:after {
    content: "\e9b9";
    font-family: mtso;
    font-size: .9em;
    display: block;
}


piker[ast='calendar']:after {
    font-family: 'Glyphicons Halflings';
    content: "\e109";
    margin-left: .3em;
}

piker[ast='filer']:after {
    font-family: 'Glyphicons Halflings';
    content: "\e022";
    margin-left: .3em;
}

piker[ast='code']:after {
    font-family: 'Glyphicons Halflings';
    content: "\e019";
    margin-left: .3em;
}

[assistent_frame] {
    transition: top .1s, left .1s;
    -moz-transition: top .2s, left .2s;
    -o-transition: top .2s, left .2s;
    -ms-transition: top .2s, left .2s;
}

[assistant_flag] {
    background: rgba(170, 204, 255, .5);
    height: 20px;
    width: 20px;
    transform: translate(-100%, -0%);
    cursor: pointer;
}

[assistant_flag='calendar'] {
    background-image: url(../img/calendar.gif);
    background-repeat: no-repeat;
    background-position: center;
}



/*LISTER*/
[lister_panel] {
    font-family: consolas;
    font-size: .9em;
    position: relative;
    max-height: 24em;
    min-width: 30em;
    overflow: auto;
    background: white;
    _color: green;


}

[lister_panel]:not(:empty) {
    _margin-top: .3em;
    border: 1px solid gray;
    _padding: .5em;
    box-shadow: 3px 5px 9px 1px gray;
    _background: #f9f9f9;
}

[lister_panel]>li {
    list-style: none;
    padding: .2em .5em;
    border-top: 1px solid #ccc;

}

[lister_panel]>li[selected] {
    _background: rgba(220, 227, 90, .85);
    background: rgba(0, 255, 0, .5) !important;
    _color: white;
    _border: 1px solid lightgray;
}

[lister_panel]>li:hover {
    _color: white;
    cursor: pointer;
    _background: rgb(255, 204, 51);
}

[lister_panel]::-webkit-scrollbar {
    _width: 10px;
    _display: none;
}

[lister_panel] {
    overflow-x: hidden;
}

[lister_panel]>li small {
    opacity: .7;
}

[lister_panel] tb {
    display: inline;

}

[lister_panel] tb r {
    display: table-row;
}

[lister_panel] nix {
    color: #ff8f8f;
    text-decoration: line-through;
    padding: 0 1em;
    font-weight: normal;
}

[lister_panel]>li {
    font-family: sans-serif
}

[lister_panel]>li h6 {
    font-size: 1.1em;
    line-height: 1.4em;
}

[lister_panel]>li [special_value]:before {
    content: '\f525';
    color: blue;
    font-family: mtso;
    margin-right: .5em;
    font-size: 1.3em;
    vertical-align: bottom;
    ;

}

[lister_panel]>li [special_value]:after {
    content: 'special_value';
    color: #999;
    font-size: .9em;
    margin-left: 2em;
    float: right;
    font-family: thin;
    ;
}



[c_name] textarea[sql_type]::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

[c_name] textarea[sql_type]::-webkit-scrollbar-track {
    background: #eee;
}

[c_name] textarea[sql_type]::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 2px;
}

[c_name] select {
    width: 100%;
}









/*cccc*/



[lister_panel]::-webkit-scrollbar {
    width: 1em;
}

[lister_panel]::-webkit-scrollbar-thumb {
    background: #999;
}

[lister_panel]::-webkit-scrollbar-button {
    background: #eee;
}

[lister_panel]::-webkit-scrollbar-track-piece {
    background: #eee;
}







/* FINDER */
[finder_panel] {
    margin-top: 0em;
}

[paginator] {
    float: left;
    _min-height: 50px;
    margin: 0 .3em 0 0;
    text-align: center;
    border: 1px dotted #ccc;
    padding: .3em;
    font-family: monospace;
    color: gray;
}

[paginator]:empty {
    padding: 0;
    border: none;
}

[paginator] [up]:before,
[paginator] [down]:before {
    content: "\25B3";
    font-size: 2em;
    line-height: 1.2em;
    padding: .1em;
    _border: 1px solid gray;
}

[paginator] [current_page] {
    border: 1px solid gray;
    margin: .5em 0;
    padding: .1em .4em
}

[paginator] [down] {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

[paginator] [down]:hover,
[paginator] [up]:hover {
    background: rgba(0, 0, 0, .05);
    cursor: pointer;
}

[paginator] [down]:active,
[paginator] [up]:active {
    color: red;
    background: rgba(0, 0, 0, .1);
}

[_finder_wrapper] [finder_config] {
    margin-left: .6em;
    border-radius: .3em;
    padding: .1em .5em;
    border: 1px solid rgba(0, 0, 0, .3);
    cursor: pointer;
}

[finder_panel] {
    display: inline-block;
    position: relative;
    box-shadow: 0px 5px 20px #888888;
}

[finder_frame] [render_type_switch] {
    display: inline-block;
    margin-left: 1em;
    border: 1px solid;
    font-family: monospace;
    padding: .1em .3em;
    border-radius: .3em;
    _font-size: .8em;
    color: #555;
    cursor: pointer;
}

[finder_frame] [render_type_switch]:active {
    color: red;
}

[finder_frame] [render_type_switch][type=list]:before {
    content: "> table"
}

[finder_frame] [render_type_switch][type=table]:before {
    content: "> list"
}

[finder_conf_btn] {
    display: inline-block;
    _vertical-align: middle;
    margin-left: 1em;
    border: 1px solid;
    padding: .1em .3em;
    border-radius: .3em;
    _font-size: .8em;
    color: #555;
    transform: scale(1);

    position: relative;
    cursor: pointer;
}

[finder_conf_btn]:not([disabled]):active {
    color: red;
}

[finder_conf_btn]:before {
    font-family: 'Glyphicons Halflings';
    content: "\e019";
    position: absolute;
}

[finder_conf_btn]:after {
    white-space: nowrap;
    content: attr(search_c);
    margin-left: 1.5em;
    font-family: monospace;
}

[finder_conf_panel] {
    position: relative;
    color: white;
    background: #f7f7f7;
    overflow: auto;
    max-height: 14em;
    height: 0;
    margin-top: 2px;
}

[finder_run] {
    background: rgba(170, 204, 255, .5);
    height: calc(100% - 1px);
    width: 3em;

    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    color: gray;
    text-align: center;
    border: 1px solid transparent;
    border-left: 1px solid #bbb;
}

[finder_run]:active {
    background: #bbddf1;
    color: red;
}

[finder_run]:before {
    font-family: 'Glyphicons Halflings';
    content: "\e003";
    position: absolute;
    left: 1em;
    top: .5em;
}




[finder_input] {
    border-radius: 0 !important;
    margin-top: 0 !important;

}

[finder_table] {
    border-collapse: collapse;
}

[finder_table] tbody {
    background: white;
}

[finder_table] tbody tr:nth-child(even),
[lister_panel] li:nth-child(even) {
    background-color: rgba(0, 0, 50, .05);
}

[finder_table] td,
[finder_table] th {
    padding: .5em;
    text-align: left !important;
    cursor: default !important;
}

[finder_table] thead {
    background: green;
    color: white;
}

[finder_table] td,
[finder_table] th {
    border: 1px solid rgba(200, 200, 200, .4);
    font-size: .95em;
    font-family: monospace, "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}

[finder_table] tbody tr:active {
    background: rgba(200, 255, 200, .5) !important;
}

[finder_table] th {
    position: relative;
    padding-right: 2em;
}

[finder_table] th [order] {
    position: absolute;
    height: 100%;
    width: 1.8em;
    _background: pink;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 100%;

    cursor: pointer;
    padding-top: .7em;

}

[finder_table] th[search_c] {
    background: darkgreen;

}

[finder_table] th [order]:hover {
    background: rgba(0, 0, 0, .1);
}

[finder_table] th [order]:active {
    background: rgba(255, 255, 255, .3);
    color: red;
}

[finder_table] th [order]:after {
    content: ".";
    font-weight: normal;
}

[finder_table] th [order][asc]:after,
[finder_table] th [order][desc]:after {
    content: "\25B3";
    font-weight: normal;

}

[finder_table] th [order][desc] {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}



[finder_panel] tr[selected] {
    _background: rgba(220, 227, 90, .85);
    background: rgba(0, 255, 0, .5) !important;
    _color: white;
    _border: 1px solid lightgray;
}

[finder_panel][hidden] {
    display: none;
}

/*FOX*/

fox ul {
    margin-left: 2em;
    list-style-position: inside;
    list-style-type: none;
}


fox ul>li:before {
    content: "\2212\a0";
    font-weight: bold;
}



[fox_anchor] {
    margin-bottom: 2em;

    border: 1px solid rgba(200, 200, 200, .4);
    padding: .5em;
    background: #fafafa;
    _border-top: 1px solid;
    border-radius: .3em;
    min-height: 4em;
    _box-shadow: 1px 1px 2px gray;
}

[fox_anchor] [text_grila] {
    margin-top: 1em;
}

[fox_anchor] [text_grila] td {
    padding: .3em .5em;
    font-size: 0.9em;
    font-family: monospace;
    border: 1px solid #ddd;
}

[fox_anchor] [text_grila] tr:nth-child(odd) {
    background: #fff;
}

[fox_wrapper] table,
fox [compound_answer] {
    font-family: monospace;
    border-collapse: collapse;
    font-size: .9em;
    background: white;
}

[fox_wrapper] textarea,
[fox_wrapper] select {
    margin: 0 !important;
    min-width: 4em;
    min-height: 2.2em;
    border-radius: 0;
    /*background:transparent !important;*/
    overflow: hidden;
    border: none;
    position: relative;
    vertical-align: top;
}

[fox_wrapper] {
    overflow: auto;
    margin-top: 1em;
}

[fox_info] {
    position: relative;
    /*top:0;*/
}

[fox_info] fox_hint {
    position: absolute;
    left: -1.8em;
    top: 2em;
    cursor: pointer;
    opacity: .5;
}

[fox_info] fox_hint:before {
    content: "\e03c";
    font-family: BAC;
    font-weight: bold;
}

[fox_info] side_a {
    position: absolute;
    top: 0em;
    left: -2em;
    cursor: pointer;
    opacity: .5;
}

[fox_info] side_a:before {
    content: "\e000";
    font-family: BAC;
}

[fox_info] side_a[no_match]:before {
    color: red;
}

[fox_info] side_a:hover,
[fox_info] hint:hover {
    opacity: 1;
}

[fox_anchor] [fox_anchor] [fox_info] side_a {
    left: -2.5em !important;
}

[fox_anchor] [fox_anchor] [fox_info] fox_hint {
    left: -2.3em !important;
}

[fox_anchor] ans_prdf {
    position: absolute;
    top: 4em;
    left: -2.2em;
    cursor: pointer;
    opacity: .5;
    display: none;
    user-select: none;
}

[fox_anchor] ans_prdf:active {
    color: red;
}

[active_editing] [fox_anchor] ans_prdf {
    display: inline-block;
}



[fox_wrapper] td {
    border: 1px solid #abc;
    vertical-align: top;
}

[fox_wrapper] [rasp_cae_combinat] td,
[fox_wrapper] [rasp_cae_combinat] th {
    padding: .5em;
}

[fox_wrapper] tbody {
    _border-top: 2px solid;
}

[fox_wrapper] th {
    padding: 0 .3em;
    font-size: .9em;
    _color: gray;
    background: #bdf;
    border: 1px solid #abc;
}

[fox_wrapper] [no_match] th {
    background: red;
    color: white;
}

[fox_wrapper] select[disabled] {
    -webkit-appearance: caret;
    -moz-appearance: none;
    appearance: none;
}

fox h3 {
    margin-top: 3em;
    _color: green;
    border-bottom: 1px solid;
    font-size: 18px;
}

fox h4 {
    margin-top: 3em;
}

table[vertical] {
    font-size: .9em;
}

table[vertical] td {
    padding: .3em .5em;
    border: 1px solid #aaa;
    font-family: monospace;
}

table[vertical] td:first-child {
    background: #f6f6f6;
    font-weight: bold;
    vertical-align: top;

}


fox [compound_answer] {
    margin-top: 2em;
}

fox [compound_answer] th,
fox [compound_answer] td {
    padding: .3em 5px .3em .3em;
    border: 1px solid #ccc;
}

fox [compound_answer] thead td {
    font-size: .8em;
    padding: 2px 5px 2px 2px;
    text-align: right;
}

fox [compound_answer] tbody td {
    text-align: right;
}


fox [compound_answer] th:nth-child(4n) {
    background-color: rgba(235, 200, 200, 0.4);
}

fox [compound_answer] th:nth-child(4n+1) {
    background-color: rgba(209, 220, 237, 0.5);
}

fox [compound_answer] th:nth-child(4n+3) {
    background-color: rgba(245, 226, 90, 0.32);
}

fox [compound_answer] th:nth-child(4n+2) {
    background-color: rgba(101, 247, 104, 0.3);
}

fox [compound_answer] thead td {
    background: rgba(100, 100, 100, .6);
    color: white;
}


fox [answer_calculation] {
    float: right;
    border: 1px solid gray;
    padding: 0 .5em;
    margin: 0 0 .5em .5em;
    background: white;
}

fox [math] {
    border: 1px solid #773;
    margin-bottom: 1em;
    display: inline-block;
    padding: .2em .5em;
    font-family: monospace;
    color: #335;
}

fox [math]:before {
    content: "total " attr(math)" : ";
    color: #773;
    font-size: .9em;
}








add_clf {
    display: none;
}

fox [active_editing] add_clf {
    /* display: inline-block; */
    padding: .1em .5em;
    background: #bdf;
    float: right;
    cursor: pointer;
    margin-left: .5em;
}

fox add_clf:active {
    background: green;
    color: white;
}

table[xdoc] tbody textarea[sql_type='date'],
x-form textarea[sql_type='date'] {
    letter-spacing: .6px;
    resize: none;
}

[sql_type="decimal"]:not([map2]),
[sql_type="float"]:not([map2]),
[_sql_type="int"]:not([map2]) {
    text-align: right;
    white-space: nowrap;
    padding-right: 1em;

    /* recent */
    font-family: monospace;
    letter-spacing: .6px;
}




[sql_type="int"][fkid] {
    text-align: left;
}

textarea[generated] {
    color: navy !important;
}

x-fox item[cap] row {
    margin-bottom: 2em;
    border: 1px dotted rgba(200, 200, 200, .4);
    padding: .5em;
    background: #fafafa;
    border-radius: .3em;
}

table[xdoc][show_foot_c_names] tfoot td:before {
    content: attr(c_name);
}

x-fox {
    margin-top: 1em;
    font-family: monospace;
}

x-fox [fox_totals] {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-end;
}

x-fox [fox_total] {
    color: #47a;
    font-size: 1.2em;
    font-weight: bold;
    margin-right: 1em;
}

x-fox [fox_question_total] {
    line-height: normal;
    font-weight: bold;
    color: #47a;
    float: right;
    margin-right: 1em;
    margin-top: -.8em;
}

x-fox [fox_row] {
    margin-bottom: 1em;
    border: 1px solid rgba(200, 200, 200, .4);
    background: #fafafa;
    border-radius: .3em;
    padding: .8em .4em;
}

x-fox [fox_row].foxRowNoChapter {
    overflow: auto;
    margin-bottom: 1em;
    border: 1px solid rgba(200, 200, 200, .4);
    padding: .8em .4em;
    border-radius: .3em;
}

x-fox [fox_row].foxRowLevel0 {
    background-color: #fdfbf4;
}

x-fox div[fox_question_tools] {
    position: absolute;
    margin-left: -2.2em;
    margin-top: -1em;
}

x-fox [fox_question] fox_hint {
    margin: auto;
    width: 50%;
    cursor: pointer;
    display: block;
}

x-fox [fox_question] fox_hint:before {
    content: "\e03c";
    font-weight: bold;
    font-family: BAC;
    color: orange;
    margin-left: .1em;
}

x-fox [fox_question] fox_others {
    margin: auto;
    width: 50%;
    display: block;
    cursor: pointer;
}

x-fox [fox_question] fox_others:before {
    content: "\e000";
    font-family: BAC;
    color: #999;
}

x-fox [fox_info] {
    font-size: .7em;
    color: #bbb;
    position: absolute;
    margin-top: -1.2em;
    padding-top: 0;
}

x-fox [fox_question_text] {
    font-size: .9em;
    margin-top: .5em;
    line-height: 1.4em;
}

x-fox [fox_question_text] .foxQuestionLabel {
    padding: .2em .4em;
    color: white;
    background-color: #777;
    margin-right: .5em;
    font-size: .9em;
}

x-fox [fox_question_text] .foxQuestionLabelLevel0 {
    padding: .2em .6em;
    color: white;
    background-color: #FFC966;
    margin-right: .5em;
    margin-bottom: .5em;
    font-size: 1.2em;
}

x-fox [fox_answer] table tr td textarea {
    overflow: auto;
    width: 100%;
    height: 100%;
    resize: none;
}

x-fox [fox_row] table {
    font-family: monospace;
    border-collapse: collapse;
    font-size: .9em;
    background: white;
    margin-top: .5em;
}

x-fox [fox_row] textarea,
[fox_row] select {
    margin: 0 !important;
    min-width: 4em;
    min-height: 2.2em;
    border-radius: 0;
    overflow: hidden;
    border: none;
    position: relative;
    vertical-align: top;
}

x-fox [fox_row] textarea:disabled,
[fox_row] select:disabled {
    background-color: #fafafa;
}

x-fox [fox_row] td {
    border: 1px solid #abc;
    vertical-align: top;
}

x-fox [fox_row] th {
    padding: 0 .3em;
    font-size: .9em;
    background: #bdf;
    border: 1px solid #abc;
}




scroll_switch {
    border: 1px solid #ccc;
    width: 1em;
    display: inline-block;
    height: 0.7em;
    border-top: 0.3em solid #ccc;
    cursor: pointer;
    margin-right: 1em;
    vertical-align: bottom;
    user-select: none;
}


[sum_to_head] {
    font-size: .9em;
    /* background: #9999ac66; */
    text-align: right;
    padding: 0 0.2em;
    color: yellow
}

[sum_to_head]:before {
    content: "\2211";
    float: left;
    /* scale: 1.2; */
    transform: scaleX(2);
    position: absolute;
    /* left: .5em; */
    /* bottom: .5em; */
    right: 1em;
    top: .1em;
}

[bind_buttons_group] {
    margin-right: 1em;
}

[bind_buttons_group] [btn] {
    padding: 0.2em 0.3em;
    font-size: .9em;
    line-height: 1.4em;
    margin-right: 0.5em;
    width: 7.5em;
    margin-top: 0.5em;
    text-align: left;
}

[bind_buttons_group] [btn]:before {
    content: " ";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 .4em 0 0;
    border: .05em #777 solid;
    transform: translateY(2px);
}

[bind_buttons_group] [btn][used]:before {
    background: limegreen;
}

table[xdoc] tr[bla] {
    max-height: 29px !important;
}


[wrap] input[sql_type=time] {
    margin-top: 0 !important;
    vertical-align: top;
}