@font-face {
    font-family: 'BAC';
    src: url('/aha/css/fonts/BAC.eot');
    src: url('/aha/css/fonts/BAC.eot') format('embedded-opentype'),
        url('/aha/css/fonts/BAC.woff') format('woff'),
        /*url('fonts/BAC.ttf') format('truetype'),*/
        url('/aha/css/fonts/BAC.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'mtso';
    /* src: url("/aha/css/fonts/material-icons-variable.woff2"); */
    /*src: url("/aha/css/fonts/MaterialSymbolsSharp[FILL,GRAD,opsz,wght].woff2");  */
    src: url("/aha/css/fonts/MaterialSymbolsSharp.woff2");
    size-adjust: 145%;
    font-style: normal;
    font-weight: lighter;
    font-display: block;

}

[mtso],
icon {
    font-family: 'mtso';
    font-weight: 300;
    vertical-align: bottom;
    display: inline-block;
    max-width: 2em;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    translate: no !important;
}

[mtso][fill],
icon[fill] {
    font-variation-settings:
        "FILL" 1
}

@font-face {
    font-family: Thin;
    src: url('/aha/css/fonts/Monserat/Montserrat-Light.ttf');
    font-size: .9em;
}




@font-face {
    font-family: 'Glyphs';
    src: url('/aha/css/fonts/glyphicons-halflings-regular.eot') format('woff');
    src: url('/aha/css/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype');
    font-display: swap;
}







html,
body {
    height: 100%;
}

body {
    font-size: 13px;
    color: #505050;
}

textarea,
select,
input {
    font-size: 1em;
}

body,
div,
input,
textarea,
table,
tr,
th,
td,
ul,
li {
    padding: 0px;
    margin: 0px;


}

div {
    -webkit-overflow-scrolling: touch;
}




:root {
    scroll-behavior: auto;
}

*[smooth-scroll] {
    scroll-behavior: smooth;
}








img,
object {
    max-width: 100%;
}




/*::selection{
    background: pink; 
    color:blue
}*/






input::-webkit-input-placeholder {
    color: #aaa;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #aaa;
}

input:-ms-input-placeholder {
    color: #aaa;
}



textarea {
    resize: auto;
}





[rel] {
    position: relative
}

[abs] {
    position: absolute
}

[pre] {
    white-space: pre-wrap;
}

[wrap] {
    word-wrap: break-word !important;
}

[nowrap] {
    white-space: nowrap;
}

clear,
[clear] {
    clear: both;
    display: block;
}

[fll] {
    float: left
}

[flr] {
    float: right
}

[hsp] {
    margin-left: 4em
}

[hsp1] {
    margin-left: 1em
}

[hsp2] {
    margin-left: 2em
}

[hsp3] {
    margin-left: 3em
}

[vsp1] {
    margin-top: 1em !important
}

[vsp2] {
    margin-top: 2em !important
}

[vsp3] {
    margin-top: 3em !important
}

[vsp4] {
    margin-top: 4em !important
}

[vsp5] {
    margin-top: 5em !important
}


[inbk] {
    display: inline-block;
}

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





[scaly] {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

[scaly]:hover {
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

[inout_all_500] {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

[inout_all_200] {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

[opacity_inout] {
    -ms-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

[h_inout] {
    -o-transition: height .2s ease-in-out;
    -moz-transition: height .2s ease-in-out;
    -ms-transition: height .2s ease-in-out;
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
}




[kim] {
    display: inline-block;
    border: dotted 1px red;
    padding: 0 5px;
    background: white
}

c,
[c] {
    color: #ff0000;
    letter-spacing: 1px;


}

[s] {
    font-style: normal !important;
}

[i] {
    font-style: italic;
}

[k] {
    font-family: monospace;
    color: #002D99;
    font-style: normal !important;
}

[notice_panel] [k] {
    color: #bdf;
}

[notice_panel] [c] {
    color: rgb(255, 100, 100);
}

yc,
[yc] {
    color: #ffa !important;
    letter-spacing: 1px;
}

[bc] {
    color: #bdf !important;
}

[lc] {
    color: lime !important;
}

[g] {
    color: #009900;
    letter-spacing: 1px;
}

cod,
cmdl {
    font-family: 'Consolas', monospace;
    font-size: .9em;
    letter-spacing: 1px;
    _line-height: 1em;
    background: #F9F9F7;
    display: inline-block;
    padding: .2em .5em;
    border: 1px dotted #ccc;
    margin: .3em 0;
    _box-shadow: 2px 2px 2px rgba(100, 100, 100, .4);
    vertical-align: 10%;
    /* text-shadow: 0 1px 1px white; */
    color: #336;
}

cod:empty {
    display: none;
}

cmdl {
    background: #777777;
    color: #009;
    color: white;
    border: none;
}

cmdl:before {
    content: "# ";

}

cmdl[mysql]:before {
    content: "mysql> ";
    color: #bdf;

}

cmdl c {
    color: lime;
    font-size: 1.1em !important;
    _background: rgba(0, 0, 0, .2);
    text-shadow: 0 0 3px black;
}

[tbox] _cmdl {
    color: black;
    background: rgba(255, 255, 255, .8);
}


cub,
[cub] {
    width: 50px;
    height: 50px;
    background: red;
    position: absolute;
    color: white;
    z-index: 1;
    display: inline-block;
}

[rb] {
    outline: 1px solid red;

    outline-offset: 1px;
}

[rsq] {
    display: block;
    background: rgba(255, 0, 0, .3);
    position: absolute;
    padding: 1em;
}

[yb] {
    border: 1px solid yellow
}

[yf] {
    color: yellow
}

[rf] {
    color: red
}

[bgr] {
    background: rgba(255, 0, 0, .3)
}

[rbg] {
    background: rgba(220, 0, 0, .9) !important;
}

[gbg] {
    background: rgba(0, 150, 0, .9) !important;
}




[grid] {
    border-collapse: collapse;
}

[grid] td,
[grid] th {
    border: 1px dotted;
    padding: .5em
}

[bac_tbl] {
    border-collapse: collapse;
    border: 1px rgba(0, 0, 0, .1) solid;
}

[bac_tbl] th {
    background: rgba(0, 0, 150, .5);
    color: white;
    padding: 10px;
    font-size: 1.1em;
    font-weight: normal;
    letter-spacing: 1px;
    text-align: left;
}

[bac_tbl] td {
    background: rgba(200, 200, 255, .3);
    padding: 3px 10px;
}

[bac_tbl] tr:nth-child(even) td {
    background: rgba(210, 210, 255, .1);
}

[bac_tbl] tr td:not(:first-child) {
    border-left: 1px solid rgba(0, 0, 255, .1);
}

[bac_tbl] tr th:not(:first-child) {
    border-left: 1px solid rgba(255, 255, 255, .3);
}



[big] {
    font-size: 1.3em
}



[jsc],
jsc {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    background: #f9f9f7;
    white-space: pre-wrap;
    color: #009;
    padding: .67em 1em;
    display: inline-block;

    max-width: 95%;
    letter-spacing: 1px;
    font-size: 85%;
    letter-spacing: 1px;
    border: 1px solid #ccc;
    margin: 0px;
}

jsc e,
[jsc] e {
    color: brown;
    font-size: 1.1em;
    line-height: inherit;
    font-weight: bold;

}


[jsc] [hnd] {
    font-size: 1.1em;
}


[see_file] {
    text-decoration: none !important;
    background: rgba(51, 122, 183, .1);
    display: inline-block;
    padding: .2em .5em;
    margin: 0 .5em .5em 0;
    white-space: nowrap;
    font-family: console, monospace;
    font-size: .9em;
    color: black;
    cursor: pointer;
}

/* [see_file]:after {
    content: " \a0\25B6";

} */

[see_file]:active {
    background: rgba(100, 192, 183, .2);
}

[see_file]:before {
    /*content: url(/aha/img/external.png) "\a0";*/
    font-family: 'Glyphicons Halflings';
    content: "\e022";
    margin-right: .1em;
    font-size: 1em;

}

flag {
    font-style: italic;
    position: relative;
    background: white;
    text-decoration-line: 1px dotted;
    padding: .3em 0.3em .3em 2.5em;

    color: #a67f59;
    vertical-align: bottom;
    display: inline-block;
    border-radius: 5px;
    /*     margin-left:2em;
         white-space: nowrap;
         -o-text-overflow: ellipsis;    Opera 
        text-overflow:    ellipsis;    IE, Safari (WebKit) 
        overflow:hidden;               don't show excess chars 
        white-space:nowrap;            force single line 
        max-width: 80%;         */

}

flag:before {
    font-style: initial;
    position: absolute;
    left: .4em;
    top: .1em;
    font-family: 'BAC';
    content: "\e006";
    /*             content: url(../img/warning_arrow.png) "\a0"; */
    font-size: 1.4em;
    color: brown;
    line-height: inherit;
}

line,
[line] {
    padding-right: .5em;
    border-right: 2px solid lime;
    margin-right: 1em
}

warning,
[warning] {
    float: left;
    clear: both;
    margin-right: 20px;
}

wrn {
    position: relative;

    background: #FBCF00;

    margin-left: 50px;
    display: inline-block;
    padding: .3em 1em;
    _box-shadow: -1px -1px 10px rgba(0, 0, 0, .2);

}

wrn:before {
    content: url(../img/warning_arrow.png) "\a0";
    position: absolute;
    top: -11px;
    left: -50px;

}

wrn:empty {
    padding: 0;
    margin-left: 0;
    position: static;
    background: transparent;
}

wrn:empty:before {

    top: 1px;
    left: 0;
    position: relative;
}

sad {
    /* line-height: 1.5em; */
    color: #FF9;
    vertical-align: middle;
}


sad:before {
    /* content: url(../img/sad.svg); */
    font-family: 'BAC';
    font-size: 4em;
    content: "\2639";
    margin: .15em .25em 0 0;
    display: inline-block;
    line-height: inherit;
}


done {
    color: forestgreen;
    font-size: 2em;
    font-weight: bold
}

done:before {
    content: "\2713\a0"
}

/*
[hush_diag]{    
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAOUlEQVQYV2P838CQxtjAMIsBBwDLg+RwKYSJgxVhU4isEa4IWSG6ySiKcFlNmknoVmC4iaDviAknAK/XMNSA6GcBAAAAAElFTkSuQmCC) repeat;   
}*/

xscript {
    display: none
}

[cmt],
cmt {

    color: #6e6d6d;
    font-size: .9em;
    font-family: sans-serif;
    font-weight: 100;
}

[c_name]>div>cmt,
[c_name]>div>[cmt] {
    line-height: 1em;
}

cmdl cmt {
    color: #eee;
    font-size: .9em;
}


[tt] {
    text-align: center;
    font: 2.5em sans-serif;
    color: rgba(21, 35, 120, .8);
    margin: .2em 0;
    text-shadow: 2px 2px 10px #cccccc
}

[t] {
    font: italic bold 3em Georgia;
    color: rgba(100, 100, 255, .8);
    text-shadow: 2px 2px 10px #cccccc;
}



[sectiune] {
    border-bottom: 1px dotted gray;
    color: gray;
    padding-bottom: 3px
}



[cv] {
    display: table !important;
}

[cv]>* {
    display: table-cell;
    vertical-align: middle;
    _text-align: center;
}




[ch] {
    margin: 0 auto;
}

[sbt] {
    color: #e25500;
    padding-left: 20px;
    border-bottom: 1px dotted;
    font-size: 1.2em;
    font-weight: bolder;
}



[ext] {
    text-decoration: none;
    display: inline-block;

    white-space: pre-wrap;
    padding: 2px 5px;
    color: #03a;
    ;
    letter-spacing: 1px;
}


[ext]:before {
    /*    //content: url(/aha/img/external.png) "\a0";*/
    font-family: 'Glyphicons Halflings';
    content: "\e144\a0";
    text-decoration: none;
}

[ext]:hover {
    text-decoration: none;

    color: #0073ea;

    transition: color .4s;
}

[_ext]:hover:after {
    content: "\a0\2b\a0";
    color: yellow;
    transition: color .2s;
}

a[h2t]:after {

    content: attr(href);
    border-bottom: 1px dotted;
    font-family: monospace;
}

a[h2t]:hover {
    text-decoration: none;

}

/* tablela cu rindurile colorate alternativ */
[tbox] {
    padding: 5px 10px;
    background: #fffef9;
    margin: 5px 0;
    border: 1px solid #ccc;
    line-height: 1.6em;
}

[tbox]:before {
    content: attr(tbox) "\a0\a0\a0 ";
    color: #e25500;
    font-size: 1.2em;
    display: block;
    padding: 2px;
    border-bottom: 1px dotted gray;
    margin-bottom: 15px;

}

[tbox]:nth-child(odd) {
    background-color: #fafafa;
}

[tbox] ul {
    margin-left: 2em;
}

th[ch] {
    text-align: center;
}





issue,
article>label:not([for]) {
    display: block;
    margin: 1em 0 1em 0;
    font-size: 1.4em;
    font-weight: bold;
    border-bottom: 1px dotted;
}





/*ul[_] >li:not(:first-child){
    
    margin-top:1em;
}*/
ul[_]>li {

    margin-top: 1em;
}

ul[_]>li {
    list-style: none;
}

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

ul[__]>li {
    margin: .3em 0;
    list-style: none;
    font-size: .9em;
    margin-left: 3em;
}

ul[__]>li:before {
    position: relative;
    margin-left: -1.5em;
    content: "\25B8\a0";
}

p[ sp]:first-letter {
    margin-left: 3em;
}

p[ sp] {
    margin: 1em 0;
}


:target {
    padding: 10px;
    background-color: red;
    color: white;
}

[href="##"] {
    color: #0073ea;
    text-decoration: none;
}

[href="##"]:after {
    content: "...#...";


}




dim,
[dim] {
    opacity: .5;
}

dl[bac] dt {
    font-weight: bold;
    border-bottom: 1px dotted black;
}

dl[bac] dd {
    border-left: 1px dotted;
    padding-left: 10px
}

shell_print {
    font-family: monospace;
    font-size: .85em;
    letter-spacing: 1px;
    line-height: 1.2em;
    background: white;
    display: inline-block;
    padding: 5px;
    margin: 2px 0;
    color: gray;
    white-space: pre-wrap;

    _box-shadow: inset 1px 1px 30px rgba(0, 0, 0, .1);
}

shell_print:empty {
    padding: 0
}



@media print {
    [print_not] {
        display: none;
    }
}


cod::nth-line(n)::before {
    content: counter(line) ". ";
    color: #999;
}

[xxx] {
    counter-reset: line-number;
}

[xxx] tr td:first-child:before {
    content: counter(line-number) ".";
    counter-increment: line-number;

    color: red
}

[xxx] td {
    padding: 10px;
    border: 1px solid;
}



.btn,
[btn],
[run],
[add],
[search],
[bac_form_button] {
    display: inline-block;
    padding: .3em .5em;
    margin-bottom: 0;
    font-weight: normal;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    box-sizing: border-box;
    min-width: 1.8em;
    min-height: 1em;
    text-align: center;
    text-decoration: none !important;
    box-shadow: 1px 1px 3px rgba(200, 200, 200, .4);
    border-radius: 2px;
    font-size: 1em;
    color: black;
    border: .8px solid #aaa;


    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(top, #fff 0%, #dcdcdc 100%);

    outline: none;

}

.btn:active,
[btn]:active,
[run]:active,
[add]:active,
[search]:active,
[bac_form_button]:active {
    background: #CCC;
    text-shadow: none;
}


[led]:before {
    content: " ";
    display: inline-block;
    width: .9em;
    height: .9em;
    vertical-align: text-bottom;
    margin: 0 .2em .1em 0;
    border: .8px #777 solid;
}

[led][on]:before {
    background: limegreen;
}




[notice_panel] .btn,
[notice_panel] [btn] {
    box-shadow: none;
    border: none;
}



[xlsx],
[word] {
    padding-left: 2.5em !important;
    display: inline-block;
    position: relative;
}

[xlsx]:before {
    content: "\a0\a0\a0";
    background-image: url(/aha/img/xlsx.jpg);
    position: absolute;
    top: 1px;
    left: 1px;
    height: 92%;
    width: 2em;
}

[word]:before {
    content: "\a0\a0\a0";
    background-image: url(/aha/img/word.jpg);
    position: absolute;
    top: 1px;
    left: 1px;
    height: 92%;
    width: 2em;
}




[center-vertical] {
    position: relative;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
}


.dimmed {
    opacity: .4;
}

[notice_panel] pre {
    color: white;
    border: none;
}




time:before {
    font-family: "Glyphs";
    font-weight: normal;
    font-size: 1em;
    content: "\e023";
    margin: 0 .2em;
    color: green;
}

kill {

    padding: 0em .3em;
    cursor: pointer !important;
    z-index: 1;
}

kill:before {
    font-family: 'BAC';
    content: "\e117";
    font-size: 1em;

}

kill:active:before {
    color: red;
}

kill [big] {
    font-size: 1.6em;

}

[magnetic_btn_switch] {
    position: relative;
    float: right;


}


[magnetic_btn_switch] {
    padding: 0 .3em;
}

[magnetic_btn_switch]:before {
    content: "\2286";
    scale: 1.2;
    display: inline-block;
    font-weight: 100;
    cursor: pointer;
    /* line-height: 1em; */
    /* transform: translateY(-1px); */
}

[magnetic_btn_switch][active] {
    background: #d3d0d0;
    color: black;
    ;
}


[run],
[add],
[search] {
    margin: 0 .5em 0 0;
    padding: .212em 0.45em !important;
    vertical-align: bottom;
    box-shadow: none !important;
}

[run]:before,
[add]:before {
    position: relative;
    content: "\25BA";
    scale: 1.2;
    display: inline-block;
    margin-right: .3em;
}

[run]:empty:before,
[add]:empty:before {
    margin-right: 0;
}


[add]:before {
    top: 0;
}

[run]:active *,
[add]:active * {
    color: white;
    text-shadow: none;
}

[run]:active {
    background: green;
    color: white;
}

[run]:active:before,
[add]:active:before {
    color: white;
    text-shadow: none;
}

back_btn {
    font-family: monospace;
    position: absolute;
    padding: .3em !important;
}

back_btn:before {
    content: "\25C0\0020 ";
}

[add],
[search] {
    height: 2.3em;
    width: 2.3em
}

[add]:before,
[search]:before {
    content: "+";
    color: green;
    display: inline-block;
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
    text-shadow: none;
    line-height: 1em;
    vertical-align: middle;
}

[add]:active,
[search]:active {
    opacity: .5;
}

[search]:before {
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    line-height: 1.9em;
}

[notice_panel] {
    position: absolute;
    background: rgba(30, 30, 30, .9);
    color: white;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    z-index: 110000;
    border-radius: 4px;
    width: moz-fit-content;
    width: fit-content;
}

[notice_panel] [text_wrapper] {
    position: relative;
    padding: .3em;
    padding-top: 0;

    max-height: 500px;
    overflow-x: auto;
    overflow-y: auto;
    max-width: 600px;
    -webkit-overflow-scrolling: touch;
    font: .9em, Menlo, Monaco, Consolas, 'Courier New', monospace;


}

[notice_panel] [text_wrapper]::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

[notice_panel] [text_wrapper]::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    background: rgba(0, 0, 0);
    width: 5px;
}

[notice_panel] [text_wrapper]::-webkit-scrollbar-thumb {
    background-color: rgb(255, 255, 255);
    /* outline: 1px solid slategrey; */
}

[notice_panel] [text_wrapper]::-webkit-scrollbar-thumb:hover {
    background-color: #ff9;
    /* outline: 1px solid slategrey; */
}

[notice_panel] [text_wrapper]::-webkit-scrollbar-corner {
    display: none;
}

[notice_panel] [text_wrapper]::over [_c_] {
    text-align: center;
}


[notice_panel] [dn_lever] {
    background: rgba(255, 255, 255, .3);
    min-height: 1.6em;
    cursor: move;
    display: block;
}

[notice_panel] [dn_title] {
    display: inline-block;
    padding: .2em 0 0 .5em;
    vertical-align: top;
    max-width: 555px;
    white-space: nowrap;
    margin-right: 2em;

}

[notice_panel] [dn_title] * {
    margin: 0;
}

[notice_panel] [dn_title] {
    overflow: auto;
}


[notice_panel] [dn_title]::-webkit-scrollbar {
    width: 1px;
    height: 1px;
}

[notice_panel] [dn_title]::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    background: rgb(218, 237, 10);
}

/* !!!BAC??? */
[notice_panel] [_text_wrapper]>* {
    white-space: pre-wrap;
    font: .9em/1.3em Menlo, Monaco, Consolas, 'Courier New', monospace;
    min-width: 10em;
    display: inline-block;
    word-wrap: break-word;
    margin: 0 1em .5em 0;
    overflow: hidden;

}

[notice_panel] [text_wrapper] {
    overflow: auto;
    min-width: 100px;
    min-height: 40px;
    margin: 3px;
    box-sizing: border-box;
}

[notice_panel] pre {
    background: transparent;
    padding: 0;
}


[notice_panel] [text_wrapper][inspect_content] {
    font: .9em/1.4em "Andale Mono", Menlo, Monaco, Consolas, 'Courier New', monospace;
    font-weight: 100;
    min-width: 30em;
    min-height: 3em;
    /* letter-spacing: .3px; */
}


[notice_panel] cmt,
[notice_panel] [cmt] {
    color: #eee;
    letter-spacing: .02em;
    font-family: 'THIN';
}

[notice_panel] [aha_confirm_reason] {
    width: 29em;
    max-width: 100%;
    resize: vertical;
    min-height: 3em;
    margin-top: 0;
    outline: none;
}








.inspect_list li {
    list-style: none;
    white-space: nowrap;
    /* min-width: 25em; */
}

.inspect_list span {
    color: #bdf;
}

x-table .inspect_list span {
    color: rgb(1, 68, 135);
    font-weight: bold;
    /* font-family: 'Consolas', monospace; */
    letter-spacing: 1px;
}

.inspect_list div {
    _border: 1px solid yellow;
    display: inline-block;
    vertical-align: top;

}



.inspect_list [item] {
    display: inline-block;
    vertical-align: text-top;
}

x-table .inspect_list [item] {
    vertical-align: initial;
}

.inspect_list [item] div {
    display: block;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="button"]),
textarea,
/* select, */
[flatened_input] {
    margin-top: .7em;
    padding: .2em .5em;
    border: .5px solid #aaa;
    color: RGB(92, 1, 32);
}

[generated_field] {
    padding: .3em .5em;
    color: RGB(92, 1, 32);
    overflow-wrap: break-word;
}


select {
    padding-left: .45em;
    background: white;
    border: .5px solid #aaa;
    /*    min-height:30px;*/
}

textarea,
input,
select,
x-aim,
x-file,
x-kvl {
    min-height: 25px;
}


option:empty {
    display: none;
}

[bac] label {
    display: block;
    margin-top: .5em;
    margin-bottom: -.85em;
    font-size: .8em;
    font-weight: normal;
    opacity: .8;
}


[disabled] {
    opacity: .3 !important;
}

select[disabled] {
    opacity: .9 !important;
}

[letter_btn],
[lbt] {
    display: inline-block;
    text-align: center;
    border: 1px solid gray;
    border-radius: 3px;
    padding: 0em .3em;
    cursor: pointer;
    min-width: 1.6em;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    white-space: pre;

    /*
      Introduced in IE 10.
      See http:
    */
    -ms-user-select: none;
    user-select: none;
}

[letter_btn]:active,
[lbt]:active {
    color: red !important;
    /*background:rgba(255,255,255,.7);*/
    border-color: red !important;
}

[letter_btn]:focus {
    outline: none;
}

[lbt] {
    margin: 0.2em 0px 0px 0.2em;
    color: gray;
    font-family: monospace;
    line-height: 1em;
    padding: 0.2em;
    border: 1px solid;
}

[qa]:before {
    content: "QA";
    color: white;
    background: orangered;
    margin-right: .5em;
    padding: 3px;
    line-height: 1em;
    display: inline-block;
}

[qa]:after {
    content: " ?";
    color: orangered;
    font-weight: bold;
}


div {
    -webkit-overflow-scrolling: touch;
}

/* ajax loaders */
global_loader {
    display: inline-block;


    padding: 20px 40px;
    position: absolute;

    background-image: url(../img/bar_loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    opacity: 0;
    z-index: 100000;
}



element_loader {
    opacity: .5;
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 5px;
    position: absolute;
    background-image: url(../img/loader.gif);
    background-repeat: no-repeat;

    background-position: center;
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, .2);
    background-color: black;
}

.circular_loader {
    position: absolute;
    border: 3px solid rgba(255, 255, 255, 0.8);
    border-radius: 60%;
    border-top: 3px solid red;
    border-bottom: 3px solid red;
    /*rgba(146, 255, 99, 0.86);*/
    width: 10vw;
    height: 10vw;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    left: 45vw;
    top: 15vh;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(720deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    40% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}




php_stamp,
js_stamp {
    -webkit-transform: rotateZ(-33deg);
    transform: rotateZ(-33deg);
    opacity: .3;
    display: inline-block;
    width: 3em;
    height: 3em;
    border: 4px double;
    border-radius: 100%;
    line-height: 2.8em;
    position: absolute;
    color: #000077;
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    z-index: 1;
}

php_stamp:before {
    content: "PHP";
}

js_stamp {
    color: green;
    -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg);
}

js_stamp:before {
    color: green;
    content: "JS";

}

l {
    display: block;
    margin-bottom: 1em;
    line-height: 1.7em;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

l code {
    vertical-align: 10%;
}

[pp]::first-letter {
    font-size: 1.2em;
    margin-left: 1em;
}

a[letter_btn] {
    text-decoration: none
}




/* SHL_PHP */
div[shl] {
    display: inline-block;
    position: relative;
    margin-top: 2em;
    margin-bottom: 1em;
}

div[shl_head] {
    min-width: 400px;
    padding: 5px;
    padding: 5px 0 5px 10px;
    border-bottom: 3px ridge;
}

ol[shl] {
    background: white;
    margin: 0;
    overflow: auto;
    max-width: 700px;
    max-height: 600px
}

ol[shl] li[odd] {
    background: #FaFaFD
}

ol[shl] li {
    background: white;
    padding: 0px 10px;
    border-left: 2px solid #0a0;
    list-style-position: outside;
}

ol[shl] li {
    color: #999;
}

ol[shl] code {
    background: transparent;
    color: inherit
}

div[shl] a {
    text-decoration: none;
    display: inline-block
}

[shl_bold] {
    font-size: 1.2em;
    font-weight: bold;
    color: #00BB00;
}

[shl_cmt] {
    color: #FF9000;
    font-size: .9em
}

[shl_edit] {
    border-radius: .3em;
    padding: .1em .5em;
    float: right;
    margin-left: 1em;
    border: 1px solid rgba(0, 0, 0, .3);
    cursor: pointer;
    vertical-align: super;
}

[shl_edit]:active {
    color: white;
    background: gray
}



/* accordion  */
[accordion] {
    border-radius: .2em;
    margin: .5em 0;
}

/* selectie toate titlurile  */
[accordion]>*>:nth-child(1) {
    cursor: pointer;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-top: none;
    padding: .3em;

}

/* corectie pt primul titlu */
[accordion]>:first-child>:nth-child(1) {
    border-top: 1px solid #ddd;
}

[accordion]>:first-child>:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

[accordion]>:last-child[collapsed]>:first-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* semnalizarea tabului activ */
[accordion]>*:not([collapsed])>:nth-child(1) {
    font-weight: bold;
    background: #e8e8ef;
    ;
}

/* selectie buton pt tab extended */
[accordion]>*>:nth-child(1):after {
    content: "\a0\a0\2715";
    float: right;
}

/* selectie buton pt tab colapsed */
[accordion]>*[collapsed]>:nth-child(1):after {
    content: "\a0\a0\25BC";
    float: right;
}

/* selectie continut */
[accordion]>*>*:nth-child(2) {
    border: 1px solid #ddd;
    border-top: none;
    height: 200px;
    /* default overide inline style not js*/
    overflow: auto;
}

[accordion][animated]>*>*:nth-child(2) {
    -webkit-transition: height .3s;
    /* Safari */
    transition: height .3s;
}

[accordion] [collapsed]>*:nth-child(2) {
    height: 0 !important;
    border: none;
    overflow: hidden;
}

[accordion]>*>*:nth-child(2)>:first-child {
    _padding: .5em 1em;
}

/* SHUP */

[shup_bubble] {
    position: relative;
    ;
    display: inline-block;
    min-width: 10em;
    max-width: 30em;
    min-height: 4em;
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
    padding: .5em 2em .5em 1em;
    white-space: pre-wrap;
    word-wrap: break-word;
    border: 1px solid #aaa;
    border-radius: .3em;
    box-shadow: 0px 0px 6px rgba(100, 100, 100, .5);
}

[shup_panel] {
    position: relative;
    min-width: 10em;
    max-width: 60em;
    max-height: 35em;
    padding: 10px 25px 10px 10px;
    margin-top: 0px;
    overflow: auto;
    box-shadow: 2px 2px 5px black;
}

[shup_panel] hr,
[shup_bubble] hr {
    margin: .3em 0 1em 0 !important;
    border-top: 1px solid #777;
}

/* hotizontal tabs & button light*/
[btn_light] {
    border-radius: .3em;
    padding: 0em .5em;
    border: 1px solid rgba(0, 0, 0, .3);
    cursor: pointer;
}

[btn_light]:active {
    color: white;
    background: gray
}




[onoff] {
    /*font-family: BAC;*/
    display: inline-block;
    cursor: pointer;
    user-select: none;
    /* transform: translateY(-50%); */
}

[onoff][collapsed]:after {
    /*color:orange;*/
    content: "\a0\a0\25BC";
}

[onoff][collapsed][hint]:after {
    /*color:orange;*/
    content: "\a0\a0\e03c";
}

[onoff]:after {
    content: "\a0\a0\2715";
    font-weight: bold;
}

[onoffed=init]::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

[onoffed=init]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

[onoffed=init]::-webkit-scrollbar-thumb {
    background: #aaa;
}

[onoffed=init]::-webkit-scrollbar-thumb:hover {
    background: #999;
}

[onoffed=init] {
    /* margin-bottom: 1em; */
    background: rgb(255, 255, 221);
    padding: .5em;
    margin-bottom: 1em;
}

[onoffed=init][collapsed] {
    padding: 0;

}

[onoffed=init][collapsed] {
    padding: 0 .5em;
    height: 0;
    overflow: hidden;

    /*border:none;*/
}


[badge]:after {
    content: attr(badge);
    background: gray;
    color: white;
    padding: .2em .5em;
    border-radius: 10em;
    font-size: .8em;
    margin-left: .5em;
    font-family: monospace;
    vertical-align: 10%;
    border-radius: 1em;
    padding: .05em .4em;
}


/* TABS & bootstrap */
[tabs]>ul>li>a {
    cursor: pointer;
    padding: .2em 1em;
    letter-spacing: 1.2px;
    white-space: nowrap;
    user-select: none;
}

[tabs]>ul>li:not(.active) a {
    color: #2d3a34 !important;
}

[tabs]>ul>li a:hover {
    background: #8b8b8b47;
}

[tabs]>ul>li.active a {
    /* font-weight: bold; */
    /* color: inherit; */
    -webkit-text-stroke-width: .7px;
    -webkit-text-stroke-color: black;
}

[tabs]>ul>li.active a>*,
[buttons-mode] [tabs]>ul>li a {
    -webkit-text-stroke: white;
    /* not enphesized*/

}

[tabs]>ul>li.active a {
    border-radius: 0;
    border-top: 2px solid red !important;
    /* text-shadow: 1px 2px 2px #5858588c; */
}


[buttons-mode] [tabs]>ul>li.active a {
    border-top: .7px solid gray !important;
    border-bottom: 2px solid red !important;
}

[buttons-mode] [tabs]>ul>li a {
    border-radius: .2px;
    padding: 4px 8px;
    margin: 0 .5em .5em 0;
    color: black !important;
}

[buttons-mode] [tabs]>ul>li:active {
    scale: .95;
}

[buttons-mode] [tabs]>ul>li a,
[buttons-mode] [tabs]>ul>li a:hover {
    display: inline-block;
    padding: 4px 8px;

    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    /* vertical-align: middle; */
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none !important;
    box-shadow: 1px 1px 3px rgba(200, 200, 200, .4);
    border-radius: 2px;
    color: black;
    border: .8px solid #777;
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(top, #fff 0%, #dcdcdc 100%);
    outline: none;

}


[buttons-mode] .nav-tabs {
    /* border-bottom: none; */
}

[buttons-mode] [tabs_panels],
[buttons-mode] [tabs_panels]>[tpl_wrapper] {
    padding: 0;
}

[panels_container] {
    /* margin-top: .5em; */
    padding: .5em 0 0 .5em;
    border-left: .7px solid #ccc;
}

[buttons-mode] [panels_container] {
    border-left: none;
    padding-left: none;
}


[panels_container]>div:not([active]) {
    display: none;
}

[tabs_panel] [tabs] {
    /* padding: 1em; */
}


[tabs] [tabs_buttons] {
    /* margin-bottom: 1em; */

}

[tabs] [tabs_panel] {
    /* overflow: auto; */

}



/* OPIS */

/*compenseaza logica din boostrap5.02*/
#MAIN.container {
    max-width: 100%;
}

[layout='0']>[tpl_wrapper] {
    padding-left: 1.5em;
}



[opisize] {
    /* float: left; */
    /* max-width: 86%; */
    max-width: calc(100% - 14em);
}

[view_content] [opisize] {
    max-width: 100%;
    float: none;
}


[opis_wrapper] {
    float: right;
    /* width: 13%; */
    width: 15em;
    max-width: 300px;
    font-family: 'Andale Mono', Consolas, Monaco, 'Ubuntu Mono', monospace;
    font-size: .86em;
}

[opis_top] {
    border-left: 1px;
    position: fixed;
    background: rgba(40, 52, 65, 1);
    color: white;
    top: 3.3em;
    bottom: 2.2em;
    overflow: auto;
    padding: .5em;
    width: 100%;
    max-width: 300px;
}

@media(max-width : 800px) {
    [opisize] {
        width: 100%;
    }
}

[opisize] [opis][echo]:before {
    content: "-- " attr(opis)" --";
    display: block;
    font-family: monospace, 'handy' !important;
    font-weight: normal;
    margin-bottom: 1em;
    opacity: .7;
}



[opis_list] {
    _margin-left: 2em;
    _font-size: 1.1em;
}

[opis_list] li {
    font-weight: normal;
}

[opis_list] ul li {
    display: block;
    margin-left: 1em;

}

[opis_list]:not([opis_top]) li {
    border-left: .7px solid rgba(255, 255, 255, .5);
}

/*[opis_list]  li:last-child{
    border-bottom: .7px solid rgba(255,255,255,.5);
}*/

[opis_list] li {
    margin: 0;
    padding: 0;
    line-height: 1.6em;
    list-style: none;
    white-space: nowrap;
}

[opis_list] li:hover {
    cursor: pointer;
}

[opis_list] li ul {
    _font-size: .94em;

}

[opis_list] li[selected]:before {
    content: "\258D";
    color: #ff8;
    font-weight: bold;
}

[opis_list] li:before {
    content: "|";
    color: transparent;
    font-size: 1em;
}

[opis_list] li:not([selected]) ul {
    display: none;
}

[opis_list]>li[selected],
[opis_list] ul>li[selected] {
    padding: 0 0 0 .5em;
    ;
}

[go_top_btn] {
    position: absolute;
    bottom: .5em;
    background: rgba(0, 0, 0, .6);
    border-radius: 50%;
    width: 3em;
    height: 3em;
    cursor: pointer;
    text-align: center;
    opacity: .5;
}

[go_top_btn]:before {
    content: "^";
    font-size: 3em;
    line-height: 1.3;


}

[go_top_btn]:hover {
    opacity: 1;
}

[go_top_btn]:active {
    background: white;
    opacity: .1
}


textarea {
    height: auto
}

[hidden] {
    display: none !important;
}

bdf {
    color: #bdf;
}

[shup~='stiker'],
[deco=stiker] {
    color: red;
    padding: 0 4px 0 4px;
    margin: 1px;
    cursor: pointer;
    background: #eef;
    border: 3px solid white;
    border-radius: 3px
}

[stiker2]:hover {
    color: red;
    background: yellow
}

[shup~='default_deco'],
[deco=linker] {
    /*border-bottom:dotted 2px green;*/
    cursor: pointer;
}

gshup {
    cursor: pointer;
    display: inline-block;
    line-height: 1px;
    height: 1px;
    user-select: none;
}

gshup:after {
    content: "...";
    /* color: blue; */
    /* font-weight: bold; */
    /*font-size:1.3em;*/
    /* line-height: 1em; */
    /* letter-spacing: -1px; */
}

gshup * {
    display: none;
}


x-table th gshup {
    position: absolute;
    bottom: 7px;
    left: 3px;
    z-index: 2;
}

x-table th gshup:after {
    content: "---";
    font-weight: 400;
    color: brown;
    letter-spacing: 1px;
    transform: translateY(2px);
    display: inline-block;

}

x-form th gshup:after {
    content: "---";
    font-weight: 400;
    color: brown;
    letter-spacing: 1px;
    position: absolute;
    bottom: 3px;
    left: 2px;
    font-size: .8em;
}






[wrap]>span:last-child gshup:after {
    content: "---";
    font-weight: 400;
    letter-spacing: 1px;
    border-radius: .5em;
}



gshup[hint]:after,
gshup[kvl_hint]:after {
    font-family: mtso;
    content: "\e887" !important;
    color: #3d95fc;
    display: inline-block;
    font-size: .9em;
    transform: translateY(.3em);

    font-variation-settings:
        'FILL' 1,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24
}

_x-form cell gshup:after {
    /* transform: translate(3px, 3px); */
    color: #0000005a;
}


gshup[kvl_hint] {
    float: inline-end;
}

gshup[kvl_hint]:after {
    vertical-align: text-bottom;
}

[poper] {
    white-space: pre-wrap;
    position: absolute;
    z-index: 1000;
    height: 0;
    opacity: 0;
    transform: scale(0);
}

x-view {
    -webkit-user-select: none;
    user-select: none;
    border-radius: .3em;
    padding: 0em .5em;
    /*.2em .5em 0 .5em;*/
    border: 1px solid rgba(0, 0, 0, .3);
    cursor: pointer;
    vertical-align: super;
    display: inline-block;
    /*transition: background .2s*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
}

x-view[flat] {
    padding: 0 .3em;
    border: none;
    background: #caf6c678;
    vertical-align: initial;
    border-radius: 0;
}

x-view:before {
    content: "\e000\a0";
    position: relative;
    line-height: 1em;

}

x-view:not([run]):before {
    font-family: BAC;
}

x-view[flat]::before {
    content: "\e000";
    margin-right: .2em;
}


/* x-view:active {
    background: gray;
    color: red;
    border-color: transparent;
} */

x-view:active:before {
    color: white;
}


/*X_SWITCH*/
x-switch>div {
    display: inline-block;
    border-radius: 1.5em;
    border: 1px solid rgba(150, 150, 150, .9);
    background: #fff;
    padding: 2px;
    box-shadow: inset 0 0 15px #ddd;
    position: relative;
    line-height: 0em;
}

x-switch>div>:first-child {
    position: relative;
    height: 0;
    background: pink;
}

x-switch>div>:last-child {
    position: relative;
    height: 0;
    background: pink;
}

x-switch m {
    cursor: pointer;
    width: 1.47em;
    height: 1.47em;
    border-radius: 2em;
    _background: pink;
    display: inline-block;
    margin: 0;
    -webkit-transition: background .2s;
    transition: background .2s;
}

x-switch m:not([checked]) {
    position: relative;
    /*border:1px solid rgba(100,100,100,.4);*/
}

x-switch m:not([checked]):before {
    content: '_';
    position: absolute;
    left: 30%;
    top: 15%;
    color: #ccc;
}

x-switch[AB] m {
    border: none;
}

x-switch m[checked] {
    background: #999;
}

x-switch m:active {
    background: #333;
}

x-label {
    display: block;
    position: absolute;
    background: white;
    padding: .1em .4em;
    white-space: nowrap;
    line-height: 1.48em;
    /* vertical-align: bottom; */
    border: 1px solid #ccc;
    margin-top: -2px;
}



:root {
    --lgr: #ccc;
}

x-a:empty::before {
    content: attr(href);
}

x-a.card {
    font-family: monospace;
    position: relative;
    display: inline-block;
    border: 1px solid var(--lgr);
    border-radius: .3em;
    background: #eee;
    cursor: pointer;
    margin: 0 1em 1em 0;
    height: 8em;
    padding: 0 !important;
    text-align: left !important;
}


x-a.card:before {
    content: "\25B6";
    position: absolute;
    right: .3em;
    top: 0;
    background: no-repeat;
    font-size: 2em;
}

x-a.card:hover:before {
    transition: all .2s;
    transform: scale(1.1);
}



x-a .card-details {
    transition: height .3s;
    background: rgba(0, 0, 0, .7);
    color: white;
    z-index: 1;
    height: 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    margin: 0;
}

x-a.card:hover .card-details {
    padding: .5em;
    height: 5em;
    border-radius: 0 0 .3em .3em;
}



x-a .card-img-top {
    margin: .3em;
    transition: all .2s;
    width: 3em;
}

x-a.card:hover .card-img-top {
    float: left;
    width: 2em;
}

x-a .card-text {
    display: block;
    margin: .2em;
}

x-a.card:hover .card-text {
    font-size: 1.3em;
}

x-a .card:hover .card-text {
    height: 1.5em;
    overflow: hidden;
}

x-a .card img {
    min-height: 3em;
}

x-a .card-body {
    padding: 0;
}






x-view:empty::after {
    content: attr(href) attr(interface)
}






[group_by_table] {
    border: 1px solid gray;
}

[group_by_table]>thead>tr>th {
    border: 1px solid gray;
}


[group_by_table]>thead th {
    padding: 3px .6em 3px 3px;
}















/*X-FORM*/

x-form {
    position: relative;
    /* vertical-align: top; */
    display: block;
    max-width: 100%;
}

x-form [parent_tb] {
    margin: 1em 0 0 .5em;
}

x-form cell {
    font-family: monospace;
    font-size: .95em;
}

x-form cell textarea {
    margin-top: 0;
    /* border-radiuns: 0 !important; */
}

x-form cell textarea[fkid] {
    width: 100%
}

x-form add {
    display: none;
    margin: 0 1em 0 0;
    padding: .3em;
    line-height: normal;
    border: 1px solid gray;
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    cursor: pointer;
    color: green;
    border-radius: 2px;
}

x-form add:active {
    background: gray;
    color: white;
}

x-form add:before {
    font-family: BAC;
    content: "\e114";
    _font-size: 1.4em;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 0em;
    vertical-align: sub;

}

x-form add * {
    color: #333;
    margin-left: .5em;
    font-size: .9em;
    font-family: monospace;
    vertical-align: text-bottom;
    text-shadow: 1px 1px rgba(255, 255, 255, .5);
    -webkit-user-select: none;
    /* Safari */
    user-select: none;
}

x-form add {
    margin-top: .3em;
    margin-bottom: .5em;
}



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

x-form del {
    color: white;
    float: left;
    /* display:inline-block; */
    margin: 0 1em 0 0;
    width: 1.5em;
    height: 1.4em;
    text-align: center;
    border-radius: 2em;
    background: #f55;
    cursor: pointer;
    text-decoration: none;
}

x-form del:active {
    background: grey;
    color: #f55;
}

x-form del:before {
    content: "\268A";
    font-weight: bold;
    position: relative;
}

x-form[xdoc]>div:nth-child(1)>span cmt {
    font-weight: normal;
    letter-spacing: 1px;
}

x-form x-row {
    position: relative;
    display: block;
    padding: 1.2em 0em .5em .5em;
    border: 1px solid #ccc;
    margin: 1em .5em .5em 0;
    /* vertical-align: bottom; */
    overflow: hidden;
}

x-form x-row {
    overflow-x: auto;
}

x-form x-row:first-child {
    margin-top: 0;
}

x-form[level='0']>[x-form-panel] x-row {
    background: floralwhite;
}

x-form[level='1']>[x-form-panel] x-row {
    background: rgba(151, 151, 151, .25);

}

x-form[level='1']>* {
    margin-left: .5em;
}

[x-form-panel] {
    padding: 0 0 .2em 0;
    overflow: auto;
}

x-form[level='1'] [x-form-panel]:not(:empty) {
    border-left: 1px solid #007af5;
    padding-left: .5em;
}

x-form[level='1'] [compact] [x-form-panel] {
    border-left: none;
    padding-left: 0;
}

[x-form-panel] x-form {
    max-width: 99%;
    padding-right: 1em !important;
}



x-row-shouter {
    margin: -0.8em 0 0.8em 0.15em;
    display: block;
    max-width: 60%;
}

[collapsed] x-row-shouter {
    display: none;
}

x-form onoff {
    position: absolute;
    top: -.3em;
    right: 0;
    padding: 0 .2em;
    cursor: pointer;
}

x-form onoff:active {
    background: rgba(180, 255, 180, .6);
}

x-form onoff:before {
    content: "\25B3";

}

x-form x-row[collapsed]>onoff:before {
    content: "\25BC";
    color: #03a744;
    margin-top: .2em;
    display: inline-block;

}

x-form x-row[collapsed] cell {
    /*max-height:2.3em;*/

    _opacity: .8;
}


x-form x-row::after:active {
    background: #bdf;
}

x-form cell {
    border: .7px solid #ccc;
    margin: 0 .5em .5em 0;
    /* display: inline-block; */
    float: left;
    background: white;

}

x-form cell input,
x-form cell textarea,
x-form cell select {
    /* outline-offset: -1px; */
}

x-form cell>:first-child {
    background: #bdf;
    padding: 0 .3em 0 0.3em;
    /*min-width:3em;*/
    font-weight: bold;
    border-bottom: .7px solid #99a;
    overflow: hidden;
}

x-form cell[c_name=id]>:first-child {
    padding: 0 .3em 0 2.3em;
}

/*x-form[flat_all] >[x-form-panel] > x-row > cell:not(:nth-child(2)) > div:nth-child(1){
    padding:.24em .3em;color:red;
}*/

x-form cell textarea,
x-form cell select,
x-form cell lock {
    border-radius: 0 !important;
    border: none;
    margin: 0 !important;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 25px;
    background: white;
}

x-form cell lock {
    padding: .5em;
    font-family: var(--bs-font-sans-serif);
}

x-form cell select,
x-form cell x-kvl,
x-form cell x-file {
    min-height: 25px;
}

/* coloana ascunsa de blocare a editarii din server */
x-form [c_name=locked] {
    display: none !important;
}

lock {
    margin: 0 3px;
}

[lock]:before,
lock:before {
    content: '\26B7';
    color: rgba(221, 66, 0, 0.817);
    margin-right: 1em;
    display: inline-block;
    scale: 1.2;
}



x-form cell [dummy] {
    /*background:white;*/
    /* _padding: .08em; */
    opacity: 1 !important;
    /* max-width: 5em; */
    overflow: hidden !important;
    text-overflow: ellipsis;
    text-align: right;
}

x-form table cell [dummy] {
    width: max-content;
}


x-row[readonly]>cell [dummy] {
    padding: .1em;
}

x-form cell [dummy]:after {
    content: attr(dummy);
    color: maroon;
    line-height: 25px;
    margin: 0 3px;
}

x-form cell [dummy^=did]:after {
    content: '*';
    font-size: 1.5em;
    /* line-height: 1em; */
    color: magenta
}


[active_editing] x-form cell [dummy][link]:before {
    display: none;
}

x-form cell [dummy][link],
[run_link] {
    cursor: pointer;
}

x-form cell [dummy][link]:before,
[run_link]:before {
    content: "\25B6";
    font-size: 1.5em;
    color: green !important;
    line-height: normal;
    float: left;
    margin: 0 .2em;
}

[alt] x-form cell [dummy][link]:before {
    font-family: 'Glyphicons Halflings';
    content: "\e197";
    font-size: 1.34em;
    color: #e25500 !important;
    margin-top: 2px;
    /* line-height: 1.55em; */
}

x-form cell [dummy][link]:active:before,
[run_link]:active:before {
    /* margin-left: .3em; */
    color: red !important;
}






x-form cell [del],
x-form cell [del_disabled] {
    padding: 0 .4em 0 0;
    -webkit-user-select: none;
    user-select: none;
}



[run_link]:before {
    display: inline-block;
    margin-top: .2em;
}


x-form cell [del]:before {

    /* content: "\268A"; */
    font-weight: bold;

}

x-form cell [del] :first-child {
    border-top: 1.5px solid white;
    display: block;
    margin: .75em 0 0 .3em;
}

x-form cell[c_name=id] {
    position: relative;
}

x-form cell [del] {
    background: rgba(255, 170, 0, .9);
    font-weight: bold;
    position: absolute;
    color: white;
    cursor: pointer;
    width: 1.6em;
    height: 1.5em;
    /* text-align: right; */
    opacity: .1;
    left: 0;
    line-height: 1;
}

[active_editing] x-form cell [del] {
    opacity: 1;
}

x-form cell ord {
    position: absolute;
    top: 0;
    left: 0;

    background: white;
    padding: .1em;
    z-index: 3;
    display: none;
    opacity: 1;
    width: 100%;
    padding: 2px;
    text-align: center;
}

[meta] [active_editing] x-form cell ord,
[alt] [active_editing] x-form cell ord {
    display: block;
}

x-form cell ord m {
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    background: white;
    border: .7px solid;
    cursor: pointer;
    margin: 1px 1px 0 1px;
    text-align: center;
}

x-form cell ord m::before {
    font-size: 1.3em;
    content: "\25BC";
    line-height: 1em;
    color: #5379a0;
    /* transform: translate(1.5px, 5px) rotateZ(90deg); */
    display: block;
    transform: translate(0, -1px)
}

x-form cell ord m[up]::before {
    /* transform: translate(-1.8px, -4px) rotateZ(-90deg); */
    content: "\25B2";
    transform: translate(0, -2px)
}

x-form cell ord m[up] {
    margin-right: .2em;
}

x-form cell ord m:active {
    color: red;
    opacity: 1;
}




x-form cell [del]:active:before {
    background: gray;
}

x-row table tbody {
    background: white;
}


/*MICRO_TABLE*/

x-form cell [micro_table] {
    width: 100%;

}

x-form cell [micro_table] td {
    padding: .2em .4em;
    height: 1.9em;
}

x-form cell [micro_table] tr td:not(:last-child) {
    width: 30%;
    padding: .2em .4em;
    /*background-color: rgba(187, 221, 155,.1);*/
    text-align: right;
    color: #6068a7;
    /*font-weight: bold;*/
    border-right: 1px dashed #ddd;
    _font-size: 90%;
}

x-form cell [micro_table] tr:not(:last-child) td {
    border-bottom: 1px dashed #ddd;
}





x-form x-row tb_hint {
    position: absolute;
    top: .1em;
    right: 2em;
    font-size: .7em;
    font-family: monospace;
    _background: white;
    /*color:#555;*/
}

xform[v_line] [x-form-panel] {
    border-left: 3px double rgba(0, 100, 0, .4);
    _border-bottom: 3px double rgba(0, 100, 0, .7);
    padding-left: .3em;
}

[x-form-panel]:empty {
    border-bottom: none;
}

x-form cell[c_name='p_id'],
x-form cell[c_name='ord'],
x-form cell[c_name='ref_id'] {
    display: none;
}


x-form[flat][level='0']>[x-form-panel]>x-row>cell * {
    float: left;
    border: none;
}

x-form[flat] x-form[level='1']>[x-form-panel]>x-row>cell * {
    float: left;
    border: none;
}

x-form[flat_all] cell[c_name='den'] *,
x-form[flat_all] cell[c_name='id'] * {
    _float: left;
    border: none;
    clear: right;
}

x-form[flat_all] cell>:first-child {
    border-right: 1px solid #ccc;
}


x-form [collapse_expand_all_xrows] {
    position: absolute;
    right: .3em;
    /*top:-.5em;*/
    cursor: pointer;
    font-size: 1.3em;
}

x-form [collapse_expand_all_xrows]:before {
    content: "\25A4";
    padding: .05em .2em;
    border: 1px solid #ccc;
}

x-form [collapse_expand_all_xrows]:active {
    background: pink;
}




x-form cell textarea {
    min-width: 0em;
}

x-form cell[c_name$=den] textarea {
    min-width: 40em;
}

x-form[level='1']>[x-form-panel]>x-row:nth-child(odd) {
    background: rgba(130, 100, 50, .08);
}

x-form[level='1']>[x-form-panel]>x-row:nth-child(even) {
    background: #f5f5f5db;
    /*  whitesmoke */
}

x-form[level='0']>[x-form-panel]>x-row {
    border: 1px solid rgb(190 173 173);
    border-top: 8px solid rgb(190 173 173);
    margin: 1em 0 2em 0;
    /* background: #fffff04f; */
    /* background: floralwhite; */
    background: rgba(200, 210, 200, .2);
}

x-form[level='0']>[x-form-panel]>x-row:last-child {
    margin: 1em 0 0em 0;
}

/*x-form[level='0']>[x-form-panel]> x-row[collapsed]{
    background:rgba(50,50,150,.1);

}*/



x-form[compact]>[x-form-panel]>x-row {
    background: rgba(0, 100, 50, .1);
}

x-form[compact]>[x-form-panel]>x-row onoff,
x-form[compact]>[x-form-panel]>x-row tb_hint {
    display: none;
}

x-form[compact]>[x-form-panel]>x-row {
    padding: .2em;
    border: 1px solid #999;
    background: #bdf;
}

x-form[compact]>[x-form-panel]>x-row cell {
    border: none;
}

x-form[compact]>[x-form-panel]>x-row cell :first-child {
    border: none;
    background: none;
}

x-form[compact]>[x-form-panel]>x-row cell:first-of-type {
    margin-right: 2em;
}

x-form[compact]>[x-form-panel]>x-row {
    overflow: visible
}

x-form[compact]>[x-form-panel]>x-row>cell textarea {
    resize: none;
    /*            text-align: right;
                width:8em;*/
}

x-form[compact] [sum_to_head] {
    color: rgba(255, 255, 255, 0.918);
    float: right;
    position: relative;
    background: #363636cc;
    margin-right: -0.8em;
    font-size: .9em;
    /* font-family: Thin; */
    letter-spacing: 1px;
    font-weight: 100;
    ;
}


x-form[compact] [sum_to_head]:before {
    float: none;
    margin-right: .5em;
    font-size: .8em;
    position: relative;
    top: -0.2em;
    left: 2px;
    transform: scaleX(1.5);
    display: inline-block;
    color: lime;
}





x-form cell[c_name=flag_am] textarea {
    width: 5em;
    text-align: left;
}

x-form cell[c_name=cod_chelt] textarea {
    width: 6em;
    text-align: left;
}

[x-form-panel]>table {
    font-family: monospace;

    border-collapse: collapse;
}

[x-form-panel]>table th {
    border: .7px solid #777;
    padding: .2em .8em .2em .3em;
    background: #bdf;
    font-size: .9em;
    vertical-align: bottom;
}



/* !!!BAC>>> de modificat */
[x-form-panel] n_list_btn {
    position: relative;
    display: block;
    width: .7em;
    height: .9em;
    background: #4a4a4a52;

    cursor: pointer;
}

[x-form-panel] cell n_list_btn {
    display: inline-block;
    margin: 1px 4px -1px -1px;
}

/*afisare in x-table*/
x-table[nomenclator] td,
x-table[nomenclator] th {
    padding: .2em .6em;
    font-size: .9em;
    color: #333;
}












[x-form-panel]>table x-row {
    display: table-row;
    padding: 0;
    border: none;
}





[x-form-panel]>table x-row:nth-child(even) {
    background: rgba(240, 246, 156, 0.2);
    /* background: #c3c69e33; */
}

[x-form-panel]>table x-row:nth-child(odd) {
    background: rgba(255, 255, 255, 0.2);
}

/* [x-form-panel]>table x-row:nth-child(off) {
    background: rgba(218, 222, 0, 0.6) !important;
} */



[x-form-panel]>table x-row tb_hint {
    display: none;
}

[x-form-panel]>table cell {
    display: table-cell;
    float: none;
    margin: 0 !important;
    border: .7px solid #ccc;
    vertical-align: top;
    background: transparent;
}

[x-form-panel]>table cell[c_name=ord],
[x-form-panel]>table th[c_name=ord] {
    display: none;
}


[x-form-panel]>table cell>:first-child {
    _padding: 0;
    background: transparent;
    border: none;
}

/* [x-form-panel]>table cell:nth-child(1),
[x-form-panel]>table cell:nth-child(2) {
    max-width: 6em;
    overflow: hidden;
} */

[x-form-panel]>table cell input,
[x-form-panel]>table cell textarea,
[x-form-panel]>table cell select {
    margin: 0 !important;
    border: none !important;
    font-weight: normal;
    background: transparent;
}

[x-form-panel]>table cell select {
    /* padding: .377em; */
}



[x-form-panel]>table cell [flatened_input] {
    margin: 0 !important;
    border: none !important;
    font-weight: normal;
    background: transparent;
}


[x-form-panel]>table cell [del] {
    display: none;
}

*/ [x-form-panel]>table tfoot td {
    padding: .1em .3em;
    font-size: .9em;
}

[x-form-panel]>table tfoot td:empty {
    padding: 0;
}


/*ca sa vad id-ul in mod edit*/
[x-form-panel]>table [c_name=id] {
    white-space: nowrap;
    min-width: 3em;
}





/*ascund ref_id sub x-form compact*/
[x-form-panel]>table [c_name=ref_id] {
    display: none;
}

[active_editing] [x-form-panel]>table cell [del] {
    display: inline-block;
    min-width: 0;
    margin: 3px 0 0 2px;
    line-height: 0;
    width: 1.5em;
    height: 1.5em;
    z-index: 1;
}

[active_editing] [x-form-panel]>table cell [del]:before {
    margin: 0;
}

[active_editing] [x-form-panel]>table cell:nth-child(1) [dummy] {
    padding-left: 2em;
}

[active_editing] [x-form-panel]>table cell:nth-child(1) [dummy][link]:before {
    display: none;
}

[x-form-filter] {
    padding: 0;
    margin: 0 1em;
}

[x-form-filter]:empty {
    display: none;
}





[x-form-panel]:empty::before {
    content: "--- EMPTY ---";
    opacity: .6;
    font-family: thin;
    letter-spacing: 1px;
}

[active_editing] [x-form-panel]:empty::before {
    content: "";
}

[scroll_top_xform] {
    border-top: 1px solid #ccc;
    padding-bottom: 2em;
    margin: .5em 0;
}

/*[alt] textarea{
    resize:auto;  
}

textarea{
    resize:none;    
}*/





fkid_hint {
    display: block;
    padding: .3em;
    color: #740;
    border-top: 1px dashed #ddd;
    _background: white;

}

[tabular_data] fkid_hint {
    font-size: .85em;
}

x-form fkid_hint {
    font-size: .85em;
}

fkid_hint:empty {
    padding: 0;
    border-top: none;
}

fkid_hint b {
    color: #555;
}

x-form table fkid_hint {
    padding: .4em;
}


[lister_panel] group,
fkid_hint group {
    display: inline-block;
    border-left: 1px solid #ccc;
    padding-left: .5em;
}

fkid_hint>row {
    display: table-row;
}

fkid_hint>row>key,
fkid_hint>row>val {
    display: table-cell;
}

fkid_hint>row>key {
    text-align: right;
    padding-right: .5em;
    font-weight: bold;
}


row_calc {
    position: absolute;
    height: 1.6em;
    width: 1.6em;
    cursor: pointer;
    background-size: 1.6em 1.6em;
    background-image: url(../../aha/img/Calculator.png);
    background-repeat: no-repeat;
    bottom: 0em;
}

row_calc:active {
    transform: scale(1.1);
}


x-form flat {
    display: inline-block;
    padding: .3em .5em;
    background: white;
    width: 100%;
}

flat[disabled] {
    opacity: 1 !important;
}




[counter] {
    display: inline-block;
    background: gray;
    color: white;
    padding: .2em .6em;
    font-size: 1.8em;
}

[counter]:empty {
    padding: 0;
}




table[simple] {
    border-collapse: collapse;
    /*_margin:.5em;*/
    font-family: monospace;
    font-size: .9em;

}

table[simple] td,
table[simple] th {
    border: .7px solid #999;
    padding: .2em .4em;
}



table[simple] th {
    background: white;
    color: #333;
}


table[simple][transposed] td,
table[simple][transposed] th {
    border: .7px solid #999;
    padding: .2em .4em;
    ;

}

[notice_panel] table[simple][transposed] th {
    color: #bdf;
    font-weight: normal;
}

table[simple][nomenclator] tbody {
    font-family: thin;
    font-size: .95em;
}





table[simple][transposed] th {
    text-align: right;
    background: transparent;
    border-top: none;
    border-left: none;
    font-size: 1.1em;
    vertical-align: top;
}

table[simple][transposed] td {
    border-top: none;
    border-right: none;
}

table[simple][transposed] tr:last-child th,
table[simple][transposed] tr:last-child td {
    border-bottom: none;
}


table[simple][transposed][kvl] th {
    vertical-align: bottom;
    text-align: right;
    font-size: 1em;
    cursor: initial;
}



table[simple][transposed][kvl]:empty {
    margin: 0;
}

exposed_kvl {
    display: table;
}

[kvl_items]>div>table>thead>tr th {
    /* padding: .5em; */
}

[kvl_wrapper_table] [c_name=del] {
    width: 3em;
}


table[simple][transposed][kvl] th {
    vertical-align: bottom;
    text-align: right;
    font-size: 1em;
    cursor: initial;
}

table[simple][transposed][kvl] {
    margin: 0 .5em .5em .5em;
    /* float: right; */
    /* clear: both; */
}

table[simple][transposed][kvl]:empty {
    margin: 0;
}







[shup_bubble] table[simple] {
    margin-bottom: 1em;
}

[shup_bubble] table[simple][transposed] {
    margin: 1em 0;
}

[notice_panel] a {
    cursor: pointer;
    text-decoration: underline;
    color: #bdf;
}

[notice_panel] a:hover {
    color: white;

}


[notice_panel] table[simple][smart] th:after {
    content: ".";
    position: absolute;
    right: 0.3em;
    display: inline-block;
}

[notice_panel] table[simple][smart] th:hover {
    background: #bdf;
    cursor: pointer;
}

[notice_panel] table[simple][smart] th[desc]:after {
    content: "\25B2";
    position: absolute;
    bottom: -0.2em;
    right: 0.28em;
    color: #c7254e;
    transform: translateY(-3px);
}

[notice_panel] table[simple][smart] th[desc="1"]:after {
    content: "\25BC";
}

table[simple][nomenclator] th {
    padding-right: 1.2em;
}



[commited_data] {
    border-left: 5px solid rgb(179, 108, 251) !important;
    /* box-shadow: -2.5px 0px 0px 0px #074bff; */
}


[memorized_field] {
    outline: 1px solid magenta !important;
}

[memorized_row] {
    border-left: 5px solid magenta !important;
}



distantier {
    display: block;
    margin-top: 50em;
}



/* CONTEXTMENU 
ATENTIE --- depind de fontawsame ---- tre sa rezolv asta cu o chestie gen bac.woff generalizat
*/





.menu {
    position: absolute;
    min-width: 150px;
    padding: 2px;
    margin: 0;
    border: 1px solid #bbb;
    background: #fcfcfc;
    z-index: 602;
    border-radius: 3px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    opacity: 0;
    -webkit-transform: translate(0, 15px);
    transform: translate(0, 15px);
    transition: transform 0.05s ease-out, opacity 0.05s ease-out;
    pointer-events: none;

    font-family: var(--bs-font-monospace);
}


.menu-item {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.menu-btn {
    outline: none;
    background: none;
    line-height: normal;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 100%;
    color: #444;
    font-size: .8em;
    text-align: left;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 4px 2px;
}

.menu-btn icon {
    line-height: 1.2em;
    /* font-weight: normal; */
    vertical-align: middle;
}

.menu-btn::-moz-focus-inner,
.menu-btn::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.menu-btn:active {
    color: white !important;
}

.menu-item:hover img {
    filter: invert(1);
}

.menu-text {
    margin-left: 10px;
}




.menu-item:hover>.menu-btn {
    color: #fff;
    /*outline: none;*/
    background-color: #3d4d45;
    /*border: 1px solid #2E3940;*/
}

.menu-item:hover>.menu-btn [k],
.menu-item:hover>.menu-btn cmt {
    color: rgb(213, 215, 216);
}

.menu-item.disabled {
    opacity: .5;
    pointer-events: none;
}

.menu-item.disabled .menu-btn {
    cursor: default;
}

.menu-separator {
    display: block;
    margin: 3px 5px;
    height: 1px;
    border-bottom: .5px solid #ccc;
    background-color: #aaa;
}

.menu-item.submenu::after {
    content: "";
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left-color: #808080;
}

.menu-item.submenu:hover::after {
    border-left-color: #fff;
}

.menu .menu {
    top: 0px;
    left: 99%;
}

.menu[expand_left] .menu {
    top: 0px;
    left: -102%;
}

.show-menu,
.menu-item:hover>.menu {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    pointer-events: auto;
}

.menu-item:hover>.menu {
    -webkit-transition-delay: 100ms;
    transition-delay: 300ms;
}





ul#menu-v,
#menu-v ul {
    position: absolute;
    width: 92px;
    /* Main Menu width */
    border: 1px solid rgba(190, 190, 190, 0.3);
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 9;
}

#menu-v li {
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #4b5967;
    transition: background 0.5s;
}

#menu-v li:hover {
    background-color: rgba(10, 10, 10, 1);
}

#menu-v a {
    cursor: pointer;
    font: normal 12px Arial;
    border-top: 1px solid rgba(190, 190, 190, 0.3);
    display: block;
    color: #EEEEEE;
    text-decoration: none;
    line-height: 30px;
    padding-left: 22px;
    position: relative;
}

#menu-v li:first-child a {
    border-top: 0;
}

#menu-v a.arrow::after {
    content: '';
    position: absolute;
    display: inline;
    top: 50%;
    margin-top: -4px;
    right: 8px;
    border-width: 4px;
    border-style: solid;
    border-color: transparent transparent transparent white;
    transition: border-color 0.5s;
}

#menu-v li a.arrow:hover::after {
    border-color: transparent transparent transparent #CCCCCC;
}

#menu-v li ul {
    min-width: 250px;
    position: absolute;
    display: none;
    left: 100%;
    top: -1em;
}

#menu-v li:hover>ul {
    display: block;
}
















x-check {
    display: inline-block;
    vertical-align: top;
    /* margin-top: -.3em; */
}

x-check {
    min-width: 2em !important;
    text-align: left;
}

x-check [label] {
    background: #777;
    padding: .15em .3em;
    font: .8em monospace;
    color: white;
    transform: translateY(-1.5px);
    display: inline-block;
}

x-check [label]:empty {
    display: none;
}

x-check [label]:empty {
    background: transparent;
}



x-check input {
    margin-left: 0 !important;
    display: block !important;
    width: 1.83em !important;
    outline: none !important;
    /* transform: translateY(-3px); */
}

x-check input[disabled] {
    color: red;
    opacity: .9 !important;
}


x-radio {
    _border: 1px solid #ccc;
    padding: 0;
    display: inline-block;
    height: 1.8em;
}

x-radio input[disabled] {
    opacity: .8 !important
}


x-radio {
    display: inline-table;
    padding: 1em 0 0 0;
    /*margin-bottom: -.5em;*/
    /*bottom:.7em;*/
    /*position: relative;*/
}

x-radio input {
    cursor: pointer;
    display: inline-block;
    position: relative;
    _top: .5em;
    height: 1.6em;
    width: 1.6em;
    /*margin-top:1em;*/

}

x-radio input:focus {
    outline: none !important;
}

x-radio input:after {
    content: attr(value);
    position: relative;
    top: -1.5em;
    font-family: monospace;
    font-size: .9em;
    padding: .1em .3em;
}

x-radio input {
    margin: 0 .2em;
}

x-radio[no_label] input:after {
    content: none;
}

/*X-FILE*/
x-file {
    display: inline-block;
    padding: 0 .137em;
    margin: 0;
    border: .5px solid #bbb;
    min-width: 3em;
    white-space: nowrap;
    vertical-align: top;
}

form[xdoc] x-file {
    background: white;
}

x-file[disabled] {
    opacity: 1 !important;
}

cell x-file {
    border: none;
    float: right;
}

cell x-file [btn] {
    padding: 0 .5em 0 .3em;
    transform: translateY(-.5px);
}


table[xdoc] x-file,
table[xdoc] x-aim,
table[xdoc] x-kvl,
table[xdoc] x-rte {
    border: none;
    min-height: 25px;
}

x-file:before {
    content: '[' attr(contor) ']';
    /* margin: 0 .5em 0 .2em; */
    font-family: monospace;
    color: navy;
    vertical-align: text-top;
}



x-file :first-child {
    display: inline-block;
}

x-file :first-child:before {
    font-family: 'Glyphicons Halflings';
    content: "\e118";
    color: rgba(85, 85, 85, 0.62);
    display: inline-block;
    /* transform: translateY(-2px); */
    font-size: .9em;
    cursor: pointer;
    margin: 0 3px;
}

[x-file-link] {
    /*line-height:1em;*/
    display: inline-block;
    padding: 0 .4em;
    cursor: pointer;
}

[x-file-link]:hover {
    background: rgba(0, 0, 0, .1);
}

[x-file-link]:before {
    font-family: 'Glyphicons Halflings';
    content: "\e118";
}




[add_files] {
    margin: 0 .5em .5em 0;
}

[add_files]:before {
    font-size: 1em;
    color: green;
    font-weight: bold;
    display: inline-block;
    transform: scale(1.2);
    display: inline-block;
    font-family: BAC;
    content: "\e114";

}

[upload_files]:after {
    content: attr(contor);
    display: block;
    color: red;
    font-weight: bold;
}

[add_files],
[upload_files] {
    min-width: 5.5em;
}

[qfs_hnd_panel] see:before {
    content: "\e000";
    font-family: BAC;
    color: #555;

}

[alt] [qfs_hnd_panel] see:before {
    font-family: 'Glyphicons Halflings';
    content: "\e197";
    color: #555;

}

[qfs_hnd_panel] td[c_name=see]:hover see:before {
    color: white;
}

[frozen] {
    pointer-events: none;
}


[qfs_hnd_panel] [c_name=see],
[qfs_hnd_panel] [c_name=rnm],
[qfs_hnd_panel] [c_name=del] {
    cursor: pointer;
    text-align: center;
}

[qfs_hnd_panel] td[c_name=see]:hover,
[qfs_hnd_panel] td[c_name=rnm]:hover,
[qfs_hnd_panel] td[c_name=del]:hover {
    background: #555;
}

[qfs_hnd_panel] td[c_name=see]:active,
[qfs_hnd_panel] td[c_name=rnm]:active,
[qfs_hnd_panel] td[c_name=del]:active {
    background: rgba(100, 100, 0, .2);
}

[qfs_hnd_panel] td[c_name=rnm],
[qfs_hnd_panel] td[c_name=del] {
    border-left: 3px double #ccc;
    border-right: 3px double #ccc;
}



[qfs_hnd_panel] td[c_name=rnm]:after {
    content: "\e065";
    font-family: 'Glyphicons Halflings';
}

[qfs_hnd_panel] td[disabled][c_name=rnm]:after {
    content: ".";
}

[qfs_hnd_panel] td[c_name=rnm]:hover:after {
    color: white;
}

[qfs_hnd_panel] sad {
    font-size: 1em;
    cursor: pointer;
    font-weight: bold;
    color: red;
    margin-right: .3em;
}

[qfs_hnd_panel] td[c_name=rnm]:hover sad {
    color: pink;
}

[qfs_hnd_panel] tr[delete] td[c_name=rnm] {
    pointer-events: none;
    opacity: .2;
}

[qfs_hnd_panel] td[c_name=del] {
    position: relative;
    background: rgba(255, 0, 0, .5);
}

[qfs_hnd_panel] tr[delete] td[c_name=del] {
    background: rgba(0, 0, 0, .1);
}

[qfs_hnd_panel] td[c_name=del]:before {
    content: "";
    width: 1em;
    height: .15em;
    background: white;
    display: block;
    margin: .8em auto 0 auto;
    /* vertical-align: middle; */
}

[qfs_hnd_panel] tr[delete] td[c_name=del]:before {
    width: .7em;
    height: .1em;
    margin: 1.2em auto 0 auto;
}

[qfs_hnd_panel] tr[delete] td[c_name=del]:after {
    content: "+";
    font-size: 1.8em;
    line-height: .2em;
    vertical-align: inherit;
    color: #18f218;
    position: absolute;
    top: .2em;
}

[qfs_hnd_panel] tr[delete] td[c_name=file_name] {
    color: #777 !important;
}

[qfs_hnd_panel] tr[delete] td[c_name=file_name]:before {
    content: "DEL";
    color: red;
    display: inline-block;
    margin-right: 1em;
    font-weight: bold;
}

[qfs_hnd_panel] tr[ousting_file] td[c_name=file_name]:before {
    content: "OUST";
    color: red;
    display: inline-block;
    font-weight: bold;
}


[qfs_hnd_panel] td[c_name=name] {
    min-width: 15em;
}

[qfs_hnd_panel] th[c_name=st] {
    padding: 0 .5em;
}

[qfs_hnd_panel] [c_name=st] {
    padding: 0;
    text-align: center;
}

[qfs_hnd_panel] status {
    display: block;
    width: 100%;
    height: 100%;
    _padding: .1em .5em;
    font-weight: bold;
}

[qfs_hnd_panel] status[s]:before {
    color: green;
    content: "S";
    padding: .1em .5em;
}

[qfs_hnd_panel] status[p]:before {
    color: red;
    padding: .1em .5em;
    content: "P"
}

[qfs_hnd_panel] status[u]:before {
    color: blueviolet;
    padding: .1em .5em;
    content: "U";
}

[qfs_hnd_panel] status[e]:before {
    color: white;
    content: "err";
    background: red;
    padding: .1em .3em;
}

[qfs_hnd_panel] status[v]:before {
    color: white;
    content: "vir";
    background: red;
    padding: .1em .3em;
}


[qfs_hnd_panel] status[r] {
    color: greenyellow;
    font-weight: bold;
}

[qfs_hnd_panel] td:not([c_name=name]) {
    white-space: nowrap;
}

[file_view] {
    min-width: 30em;
    min-height: 5em;
    background: #eee;
    display: inline-block;
    border: .01em dashed #ccc;
    border-radius: .5em;
}

[qfs_hnd_panel][read_only] [btn_wrapper],
[qfs_hnd_panel][read_only] [c_name=rnm],
[qfs_hnd_panel][read_only] [c_name=del] {
    display: none;
}


[c_name][type=date] {
    min-width: 7em;
}


x-aim {
    display: inline-block;
    position: relative;
    background: white;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    min-width: 15em;

    /* border-top: .7px solid #ccc; */
    vertical-align: top;
    padding: 0 2.5em 0 .1em;
    /* font-size: .9em; */
    /* font-family: consolas, "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; */

}

x-form table x-aim {
    width: -webkit-fill-available;
    background: transparent;
    resize: none !important;
}

x-aim[disabled] {
    opacity: 1 !important;
}


/* */

x-aim content {
    color: rgb(92, 1, 32);
    text-overflow: ellipsis;
    vertical-align: -webkit-baseline-middle;
    margin-left: .3em;
    /* merge numai cu white-soace:nowrap si width pt x-aim*/
}

form[xdoc] x-aim content {
    /* color: #f30505; */
    vertical-align: middle;
    margin-top: 1px;
    display: inline-block;
    ;
}

x-aim [btn] {
    position: absolute;
    right: 2px;
    top: 2px;
    padding: .1em .2em;
    text-align: center;
}

x-aim [btn]:before,
[aimer]:before {
    content: "\e012";
    font-family: BAC;
    line-height: 1em;
    /* vertical-align: middle; */
    /* color: rgba(85, 85, 85, .9); */
    color: #777;
}

x-aim [aimer] {
    position: absolute;
    cursor: pointer;
    right: .2em;
    top: 0;
}


x-aim[empty] [btn] {
    opacity: .2;
}

[active_editing] x-aim[empty] [btn] {
    opacity: 1
}

[alt] x-aim [btn]:after,
[alt] [aimer]:after {
    position: absolute;
    content: "\e117";
    font-family: BAC;
    line-height: 1em;
    vertical-align: middle;
    font-weight: 100;
    font-size: 1.5em;
    color: rgba(255, 0, 0, 0.69);
    left: -.2em;
}






/*// KVL*/




x-kvl[disabled] {
    opacity: 1 !important;
}



x-kvl {
    display: inline-block;
    padding: .15em;
    margin: 0 0 0 1px;
    /* border: .8px solid #bbb; */
    min-width: 5em;
    white-space: nowrap;
    vertical-align: top;

}

form[xdoc] kvl {
    background: white;
}

x-kvl [_btn_] {
    position: relative;
}

x-kvl [_btn_]:before {
    font-family: 'BAC';
    content: "\e03d";
    cursor: pointer;
    font-size: .9em;
    display: inline-block;
    transform: translateY(-1px);
    margin-left: .5em;
    /* float: right; */
}

x-kvl[readonly] [_btn_]:before {
    content: "\e000";
    scale: 1.3;
    transform: translateY(1px);
}

table[xdoc] x-kvl {
    /* border: none; */
    /* float: right; */
}

x-kvl:before {
    content: '[' attr(contor) ']';
    /* margin: 0 .5em 0 .2em; */
    font-family: monospace;
    color: navy;
    vertical-align: text-top;
}


[alt] x-kvl [_btn_]:after {
    position: absolute;

    font-family: BAC;
    line-height: 1em;
    /*_vertical-align: middle;*/
    font-weight: 100;
    font-size: 1.5em;
    color: rgba(255, 0, 0, 0.69);
    left: -.2em;
    scale: 1.3;
    cursor: pointer;
}

[alt] [active_editing] x-kvl [_btn_]:after {
    content: "\e117";
}

[alt] x-kvl [_btn_]:active:after {
    color: black;
    scale: 1.5;
}



[kvl_items] td {
    /*word-break: break-all;*/
    padding: 0.3em 0.4em;
}

[kvl_items] [c_name='0'] {
    padding: 0;
    text-align: center;
}

[kvl_items] [c_name='0'] del {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: .3em 0;
}

[kvl_items] [c_name='0'] del:hover {
    background: #0c0c0ca6;
    color: white;
}

[kvl_items] [c_name='0'] {
    max-width: 3em !important;
    width: 3em !important;
}

[kvl_items] [c_name='1'] {
    width: 14em;
    max-width: 15em !important;
    background: rgba(200, 200, 200, .05);
    font-weight: bold;
    overflow: auto;
}

[kvl_items] [c_name='2'] {
    min-width: 10em;
    width: auto;
}

[kvl_items] [c_name="subject"] {
    width: 14em;
    max-width: 15em !important;
}


[kvl_wrapper_table][read]>tbody>tr>td:first-child {
    display: none;
}

[kvl_wrapper_table][read] [kvl_items] [c_name='0'],
[kvl_wrapper_table][read] [c_name=del] {
    display: none;
}

[kvl_wrapper_table][read] td {
    padding: .3em;
}

[kvl_items] td[required] {
    outline: .7px solid red;
}

[kvl_items] td[assisted]:before {
    content: "\e6b1";
    font-family: mtso;
    vertical-align: bottom;
    cursor: pointer;
    font-size: .8em;
    margin-right: 1em;

}

[kvl_items] td[assisted=date]:before {
    content: "\ebcc";
}

[kvl_items] td[assisted=datetime]:before {
    content: "\f540";
}

[kvl_assistant] {
    position: absolute;
    border: none;
}

[kvl_assistant] textarea,
[kvl_assistant] input,
[kvl_assistant] select {
    margin: 0;
    min-height: 0;
    border: none !important;
    overflow: hidden;
    padding: .2em .5em;
}

[kvl_assistant] select {
    padding: .3em .2em;
}

[assist_rail] [wrap] span {
    display: none;
}

[kvl_items] td[mapped_value]:after {
    content: attr(mapped_value);
    margin-left: 2em;
    color: black;
    font-family: thin;
    white-space: nowrap;
}

[tabular_data] x-kvl {
    /* margin-top: 4px; */
}





/* X-RTE */
x-rte {
    display: inline-block;
    padding: .22em;
    margin: 0;
    border: .5px solid #bbb;
    min-width: 3em;
    white-space: nowrap;
    vertical-align: top;
}

x-rte [btn]:before {
    /* font-family: 'BAC'; */
    font-family: monospace;
    font-size: .9em;
    color: #888;
    content: "<HTML>";
    vertical-align: middle;
    float: right;
}

x-rte [btn] {
    padding: .05em .5em;
    position: relative;
    float: right;
    margin: .1em 0em 0 0;
}

x-rte[disabled] {
    opacity: 1 !important;
}

table[xdoc] x-rte {
    border: none;
    float: right;
}

/* X-IMG64 */
x-img64 {
    display: inline-block;
    position: relative;
    border: .8px solid #bbb;
    min-height: 29px;
}

x-img64[required] {
    outline: 1px solid red;
    border: none !important;
}


/*[ X-PILLs ]*/
x-pills {
    background: white;
    border: .7px solid;
    display: inline-block;
}

x-pills [pill] {
    border: .7px solid;
    /* display:inline-block; */
    float: left;
    position: relative;
    margin: 0 .3em .3em 0;
    border-radius: .3em;
    overflow: hidden;
    background: white;
    white-space: nowrap;
}

x-pills [pill] icon {
    position: absolute;
    right: 0;
    cursor: pointer;
    background: #bdf;
}

x-pills [pill] [hint] {
    padding: 0 .3em;
    border-top: .7px solid;
    background: #0001;
}

x-pills [contor] {
    color: white;
    padding: 0 .5em;
    text-align: right;
}

x-pills [contor]:empty {
    padding: 0
}

x-pills [x-table-panel] {
    display: none;
}

x-pills [x-table-wrapper] {
    min-height: auto;
}

x-pills[table] [pills_wrapper] {
    display: inline-block;
    margin-right: .3em;
}

x-pills [pills_wrapper] {
    padding-left: .3em;
    padding-top: .3em;
    min-width: 16em;
}

x-pills [pills_wrapper]:empty {
    vertical-align: middle;
}

x-pills [pills_wrapper]:empty::before {
    content: "-- no item --";
    display: block;
    text-align: center;
    margin-top: 1em;
    color: #ccc;
}

x-pills icon {
    user-select: none;
    cursor: pointer;
}

x-pills [c_name=del] icon:active {
    color: red;

}

x-pills input {
    max-width: 5em;
}

x-pills [frame] {
    display: table;
}

x-pills [left_col] {
    display: table-cell;
    vertical-align: top;
    position: relative;
    margin-right: .5em;
    background: gray
}



fieldset {
    padding: 1em .625em .5em;
    margin: 0 2px;
    border: .8px solid #c0c0c077;
}




[default_bg] {
    background: rgba(72, 95, 83, 0.99);
}

[opis_top] {
    background: rgba(67, 84, 75, 0.95);
}

#t_bar {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 200;
}

#nav_btn {
    margin-left: 3em;
}

#nav_btn_panel {
    position: relative !important;
}

#nav_btn div div {
    height: 0;
    border-top: 1px solid;
    width: 1em;

}

#nav_btn div div:not(:first-child) {
    margin-top: 4px;
}


#all_menu_buttons,
#all_menu_panels {
    color: white;
    position: fixed;
    top: 0;
    width: 100%;

}

#all_menu_buttons[active_editing] {
    max-height: 2.75em;
}


#all_menu_buttons[adrne_it] {
    background: #905;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

/* all_menu_buttons BUTTONS */
#all_menu_buttons .menu_btn,
#back_btn {
    font-size: 1.1em;
    display: inline-block;
    /*padding:.7em 1em .5em 1em;*/
    padding: 0.5em 1em 0.5em .5em;
    transition: all .2s;
    cursor: pointer;
    vertical-align: top;
    overflow: hidden;
}

#undo_btn:hover,
#redo_btn:hover {
    background: rgba(0, 0, 0, .2);
}




#all_menu_buttons .menu_btn:active {
    background: rgba(255, 255, 255, .5);
    color: rgba(50, 60, 70, .95);
}

#all_menu_buttons .menu_btn.current {
    color: palegreen;
}

#all_menu_buttons a {
    color: white;
    text-decoration: none;
}

#all_menu_buttons * {
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer */
    -khtml-user-select: none;
    /* KHTML browsers (e.g. Konqueror) */
    -webkit-user-select: none;
    /* Chrome, Safari, and Opera */
    -webkit-touch-callout: none;
    /* Disable Android and iOS callouts*/
    user-select: none;
}

#save_btn:before {
    font-family: 'Glyphicons Halflings';
    content: "\e166";
    line-height: 1em;
    display: inline-block;
    transform: translateY(1px);
}

#save_btn:after {
    content: " SAVE";
}

#all_menu_buttons[memorize] #save_btn:after {
    content: " MEM";
}

#all_menu_buttons:not([memorize]) #back_btn {
    display: none;
}

#all_menu_buttons[memorize] #nav_btn,
#all_menu_buttons[memorize] #tools_btn,
#all_menu_buttons[memorize] #user_btn {
    display: none;
}

#all_menu_buttons[commit] #edit_btn,
#all_menu_buttons[commit] #undo_btn,
#all_menu_buttons[commit] #redo_btn {
    display: none !important;
}

#all_menu_buttons[commit] #save_btn:after {
    content: "COMMIT";
    margin-left: 1em;
}

#all_menu_buttons[commit] #save_btn:before {
    content: "\e161";
    color: red;
}

#all_menu_buttons[commit] #save_btn:active:before {
    color: transparent;
}


@media screen and (max-width: 700px) {

    #all_menu_buttons[active_editing] #nav_btn,
    #all_menu_buttons[active_editing] #tools_btn {
        display: none;

    }

    #all_menu_buttons[active_editing] #edit_btn {
        margin-left: 3em;
    }

    #all_menu_buttons #user_btn :first-child {
        display: none;
    }

    #all_menu_buttons #user_btn:before {
        font-family: mtso;
        line-height: 0;
        content: "\e7fd";
        display: inline-block;
        transform: translateY(5px);
    }

    #all_menu_buttons #user_btn:after {
        content: " USER";
    }
}




/*
setez di site.js pt calatimea scrollbar poate varia dupa os si device

[blinded] #all_menu_buttons .gradient{
    margin-right:17px;
}
[blinded] #b_bar{
    padding-right:1.3em;
}

body[blinded]{
    overflow: hidden;
    margin-right: 17px;
}*/


#back_btn:before {
    content: "\25C0\0020\25C0\0020\25C0";
}

#back_btn:active {
    background: rgba(255, 255, 255, .5);
    color: red;
}

#tools_btn_icon:before {
    font-family: "BAC";
    content: "\e127";
    /*    _font-weight: bold;*/
    /*font-size:1.1em;*/
    line-height: .7em;
}

[editable_state_buttons] {
    display: none;
    transform: scale(0);
    transition: opacity 1s ease-out;
}

[editable_state_buttons][on] {
    display: inline-block;
    transform: scale(1);
}

#all_menu_buttons[commit] [editable_state_buttons] {
    display: inline-block !important;
    transform: scale(1) !important;
}

[tpln][memorize]:after {
    content: "MEMORIZE MODE";
    position: fixed;
    z-index: 100000000;
    background: rgba(0, 100, 0, .7);
    padding: .70em;
    color: white;
    ;
    top: 0;
    right: 0;
    font-size: 1.1em;
}

[tpln][commit]:after {
    content: attr(changes_to_commit) " | COMMIT MODE";
    background: rgba(255, 0, 0, .7);
}


#all_menu_panels {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
}

#all_menu_panels:not([collapsed]) [overflow_wrapper] {
    overflow: auto;
}

.t_panel {
    margin-top: 5em;
    position: relative;
    display: none;
    opacity: 0;

}

.t_panel.current {
    display: block;
    opacity: 1;
}

.t_panel pre {
    color: inherit;
    background: transparent;
}


#e_bar {
    background: rgba(250, 160, 0, .9);
    color: white;
    position: fixed;
    overflow: hidden;
    z-index: 100;
    height: 100%;
    right: 0;
    top: 30px;

}

#w_bar {
    position: fixed;
    left: -650px;
    top: 0;
    height: 100%;
    width: 650px;
    overflow: hidden;
    z-index: 199;
    color: white;
    padding: 3em .5em 2em .5em;
}

#task_filter_led {
    background: rgba(100, 100, 100, 5);
}

#task_filter_led[on] {
    background: red;
}

@media (max-width:800px) {
    [opis_wrapper] {
        display: none;
    }

    [opisize] {
        max-width: 100% !important;
    }
}

#left_side_viewer {
    width: 0%;
    display: inline-block;
    height: 100%;
    position: fixed;
    overflow: hidden;
    padding: 0;
    top: 0;
}

#HINT_SURFACE {
    position: relative;
    height: 100%;
    overflow: auto;
    padding: 3.5em .5em;
}

#b_bar {
    font-size: .9em;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 201;
    color: white;
    /* margin-top:140px; */
    height: 0;
}

#status_field {
    position: relative;
    float: right;
    color: white;
    padding: .1em 1em .1em 1em;
    font-family: monospace;
    position: absolute;
    bottom: 0;
    right: 4.2em;
}

#status_field:after {
    content: "\00a0";
}

#interface_messages_zone {
    width: 100%;
    margin: 0 auto;
    position: fixed;
    height: 0;
    bottom: 0;
    z-index: 196;

}

#bottom_display {
    position: absolute;
    bottom: -1000px;
    width: 100%;
    font-family: monospace;
    font-size: .9em;
    -webkit-transition: bottom .2s ease;
    /* Safari */
    transition: bottom .2s ease;
    color: white;
}

#bottom_display>:first-child {
    border-top: 1px solid rgba(255, 255, 255, .4);
    /*border-bottom:1px solid rgba(255,255,255,.4);*/
}

#bottom_display_switcher {
    /*font-size:1.15em;*/
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    padding: .07em 1.3em .1em .72em;
}

#bottom_display_switcher[visible] {
    background: orange;
    color: black;
}

#bottom_display_switcher:before {
    content: "\21B9";
    position: absolute;
    -ms-transform: scale(1.3) rotateZ(90deg);
    /* IE 9 */
    -webkit-transform: scale(1.2) rotateZ(90deg);
    /* Safari */
    transform: scale(1.2) rotateZ(90deg);
}

#bottom_display_content {
    overflow: auto;
    bottom: 0px;
    position: relative;
    max-height: 40em;
    padding-top: .3em;
    padding: 0.1em .2em .1em 3.4em;
    min-height: 10em;
}

#bottom_display_resizer {
    position: absolute;
    width: 100%;
    height: 1em;
    cursor: ns-resize;
    -webkit-transition: background .4s;
    transition: background .4s;

}

#bottom_display_resizer:hover {
    background: rgba(100, 100, 100, .3);
}

#bottom_display[visible] #bottom_display_resizer {
    top: -.9em;

}

#task_filter_by {
    min-height: 1.89em;
}


#wss_status {
    position: absolute;
    right: 2em;
    bottom: 0;
    cursor: pointer;
    line-height: 1em;
    display: inline-block;
    padding: .1em .2em;
    font-size: 1.2em;

}

#wss_status:not([wss_connected]) {
    background: white;
    color: gray;

}


#qric_status {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0;
    font-family: monospace;
}

#qric_btn {
    display: inline-block;
}

#qric_btn:hover {
    transform: scale(1.2)
}

#qric_btn:after {
    position: relative;
    font-family: Arial;

    font-size: 1.5em;
    content: "\0020\25BA";
    line-height: 1em;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    opacity: 1 !important;
}

#qric_btn:active:after {
    color: red;
}

#qric_msg {
    display: inline-block;

}




#MAIN {
    position: relative;
}




[type=button]:active {
    opacity: .8;
    color: red;
}

button:active {
    opacity: .8;
    color: red !important;
}

[clm] {
    display: inline-block;
    width: 100%;
}

body {
    height: 100%;
    /*font-size: 13px;*/
}



#left_bar {
    background: green;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;

}




.gradient {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C */
}







/*SCROLL BARS*/
/*
*::-webkit-scrollbar-button {
    background: #eee;
}
*::-webkit-scrollbar-track-piece {
    background: #eee;
}

*::-webkit-scrollbar {
    width: .8em;
    height:.8em;

}
*::-webkit-scrollbar-thumb {
    background: #aaa;
}​
*::-webkit-scrollbar-thumb{
    
}*/





#interface_documentation_notifier {
    text-align: left;
    background: rgba(0, 0, 0, .8);
    color: white;
    position: absolute;
    padding: .5em;
    font-family: monospace;
    bottom: 1.5em;
    left: -1em;
    opacity: 0;
    font-weight: 100;
    white-space: nowrap;
}



#ajax_activity_stroller {
    position: absolute;
    border: 1px solid orange;
    /*top:1px;*/
    display: inline-block;
    width: 6em;
    border-top: none;
    transform: translateX(-3em);
    animation-name: ajax_activity;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    /*//animation-timing-function: ease-out;*/
}

/* Standard syntax */
@keyframes ajax_activity {
    0% {
        width: 0;
    }

    100% {
        width: 140%
    }

    /*    0%   {left:calc(50% - 3vw); top:0px;}
        100% {left:calc(50% + 3vw);top:0px;}*/
}


[hide_scroll_bar]::-webkit-scrollbar {
    display: none;
}

[hide_scroll_bar] {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

[phone_ring_icon] {
    display: inline-block;
    /*transition: transform .2s ease-in-out;*/
}

[phone_ring_icon]:active {
    transform: scale(1.1)
}

[phone_ring_icon]:before {
    font-family: 'mtso';
    content: "\F005";
    font-size: 1.3em;
    padding: .2em;
    border: .8px solid #ccc;
    cursor: pointer;
    background: white;
    color: green;
}

[phone_ring_icon]:active:before {
    color: red;
}




[pale_green_header] th {
    background: rgba(24, 232, 167, .52);
}


a[get],
a[tpl] {
    cursor: pointer;
}

a[get]:active,
a[tpl]:active {
    color: black !important;
}

[identity_card] td:nth-child(1),
[identity_card] tr:first-child td:nth-child(2) {
    text-align: right;
}

[qric_icon] {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background-image: url(/aha/img/qric_icon.svg);
    background-size: 100% 100%;
    vertical-align: inherit;
}

[pers_contacts] {
    padding: 0 .4em;
    cursor: pointer;
}

[pers_contacts]:hover {
    background: rgba(0, 0, 0, .1);
}

[pers_contacts]:before {
    font-family: 'Glyphicons Halflings';
    content: "\e171";

}


/*semnalizeaza id column pt orientare*/
/* th[c_name=id],
[c_name=id] [del] {
    text-decoration: underline;
    text-underline-offset: 0.1em;
    text-decoration-thickness: 2px;
    text-decoration-color: red;
} */

ol.nested-counter-list {

    counter-reset: item;
}

ol.nested-counter-list li {
    display: block;
    margin-bottom: 1em;
}

ol.nested-counter-list li::before {
    content: counters(item, ".") ". ";
    counter-increment: item;
    color: navy;
    display: inline-block;
    background: #eee;
    padding: 0 .3em;
    margin-right: 1em;
}

ol.nested-counter-list ol {
    counter-reset: item;
}


[c_name^=date],
[c_name^=dt_],
[c_name$=_dt],
[c_name^=date] {
    white-space: nowrap;
}

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

[sql_type="datetime"] {
    width: 11.6em !important;
}

textarea {
    width: 11em;
}


[thought]:before {
    content: " ";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/svg/thought-bubble-outline.svg);
    /*filter: invert(21%) sepia(100%) saturate(3618%) hue-rotate(102deg) brightness(96%) contrast(108%);*/
    opacity: .6;
    margin-right: 1em;
    transform: scale(1.5);
}





[copied_in_clipboard][c2c] {
    color: yellow !important;
    transform: scale(1.3) !important;
}


idiom {
    white-space: nowrap;
    text-decoration: dashed underline 1px;
    text-underline-offset: 3px;
    letter-spacing: 1px;
    /* font-family: 'Courier New', Courier, monospace; */
    display: inline-block;

}

idiom info {
    display: none;

}

idiom[info] {
    cursor: pointer;
}





/* se comporta ciudat mai ales in xform compact */
[c_name=dt_in],
[c_name=dt_out],
[name=dt_in],
[name=dt_out] {
    /* min-width: 8.5em !important; */
    /* width: 8.5em !important; */
}

[sql_type=date] {
    max-width: 8em;
}

[sql_type=decimal],
[sql_type=int] {
    resize: horizontal;
}


[tpl_wrapper] {
    min-width: 30em;
}

[view_content] [tpl_wrapper] {
    max-width: 98%;
    margin-left: .5em;
    margin-right: 0;
}


code {
    /* modificare boostrap 5 --- vreau ca in boostrap 4 */
    background-color: #f9f2f4;
    padding: 2px 4px;
    border-radius: 4px;
}

[input_found] {
    outline: 2px solid magenta;
}





/* CSS - ANIMATIONS */

[_anm_] {
    transition: all .3s cubic-bezier(.55, 1.30, .77, .99);
}

[_anm_2] {
    transition: all .7s ease-in-out;
}

[_spring_] {
    transition: all .25s cubic-bezier(.14, 1.59, .47, .99)
}

/* Standard syntax */
@keyframes bounce_scale {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(.8) rotate(-3deg)
    }

    /*50%   {transform: scale(.8)}*/
    50% {
        transform: scale(1.2) rotate(3deg)
    }

    75% {
        transform: scale(.8) rotate(-3deg)
    }

    /*75% {transform:  scale(.8) rotate(5deg)}*/
    100% {
        transform: scale(1);
    }


}

[_bounce_] {
    animation-name: bounce_scale;
    animation-duration: .5s;
}


[excel_simple_representation] {
    border-collapse: collapse;
}

[excel_simple_representation] td {
    border: .7px solid #999;
    padding: 0 .5em;
    vertical-align: top;
    min-width: 2em;
}

[excel_simple_representation] [sheet_list] {
    display: block;
    background: #dfdfdf;
    top: 2.05em;
    position: fixed;
    padding: .5em;
    width: calc(100% - 1.85em);
    border-bottom: 1px solid;
    left: .35em;
    text-align: left;
}

[excel_simple_representation] [sheet_list] [letter_btn] {
    background: white;
}


[lista-idei] ul,
[lista-idei] {
    margin-left: 1.5em;
    border-left: .7px solid #777;
}

[lista-idei] li {
    transform: translate(.9em, 0);
    position: relative;
    /* list-style-position: inside; NU NU */
}

[lista-idei] li>div {
    display: inline-table;

}



contextmenu {
    border: 0.7px solid;
    padding: 0.15em 0.05em;
    background: white;
}

contextmenu:active {
    color: white;
    background: #656464;
}

contextmenu::before {
    display: inline-block;
    content: "\e9bd";
    font-family: mtso;

    cursor: pointer;
    /* font-weight: 300; */
    line-height: 1.4em;
    /* margin-top: 0.3em; */
    transform: translateY(.3em);
    margin: .1em 0;
}

contextmenu:hover {
    /* background: #ff9; */
}

[js_monitor] .inspect_list[top] {
    font-size: .9em;
    font-family: Thin;
    line-height: 1.3em;
    letter-spacing: .03em;
}


[ftitle] {
    position: relative;
}



[ftitle]:after {
    content: attr(ftitle);
    position: absolute;
    left: 50%;
    bottom: 100%;
    /* put it on the top */
    background-color: rgb(255, 255, 221);
    width: max-content;

    color: black;
    padding: .3em .5em;
    font-size: 1.5em;
    display: none;
    /* 👈 Change the time to meet your requirements. */
}

[ftitle]:hover:after {
    display: block;
}


[it] {
    background: lime;
    color: black;
    display: inline-block;
    padding: .5em .5em;
    /* font-size: 2em; */
}

[it]:before {
    content: "iT"
}

p_deck {
    /* position: relative; */
    display: inline-block;
    font-family: 'mtso';
}

p_deck::before {
    content: "\e179";
    cursor: pointer;
}

[nwrp] {
    white-space: nowrap;
}

[ref_sbj] {
    display: block;
    border-top: .7px dashed #555;
    font-size: .85em;
    font-family: thin;
    color: gray
}


input[buba],
textarea[buba],
select[buba] {
    border: 1px dashed red !important;
}

piker[buba] {
    display: initial !important;
    height: 0;
}


piker[buba]::before {
    content: "*";
    color: red;
    transform: translate(-52%, -100%);
    display: block;
    font-family: mtso;
    content: "\e0f0";
    font-weight: 300;
    cursor: pointer;
    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 24;

}

[play]:before {
    content: "\25B6";
    font-size: 1.5em;
    color: green;
    cursor: pointer;
}



[play]:active:before {
    color: red;

}



[see_target][opened_panel] {
    background: orange;
}

sep {
    display: inline-block;
    margin: 0 1em;
}

thin,
[thin] {
    /* font-family: Thin; */
    font-weight: 100;
}



ok::before,
ok[not]:before {
    font-family: mtso;
    content: "\e5ca";
    transform: scale(2);
    display: inline-block;
    color: rgb(0, 143, 0);
    line-height: 0;
    vertical-align: middle;
    /* font-weight: bold; */
}

ok[not]:before {
    content: "\e002";
    color: red;
    font-weight: 300;
    transform: translateY(-3px) scale(1.4);

}

[bec]:after {
    transform: translate(0, .3em);
    line-height: 1em;
    display: inline-block;
    font-family: mtso;
    content: "\e0f0";
    font-weight: 300;
    cursor: pointer;
    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    color: orange;
}

[bec=red]:after {
    color: red;
}

[bec=green]:after {
    color: rgb(0, 154, 0);
}

dashline {
    display: block;
    margin: 2em 0;
    border: .7px solid transparent;
    border-image: repeating-linear-gradient(to right,
            rgb(50, 50, 50) 0,
            rgb(59, 54, 54) 7px,
            transparent 5px,
            transparent 10px);
    border-image-slice: 1;
}

/* Shared Core Rules for any dashline attribute variant */
[dashline-top],
[dashline-bottom] {
    display: block;
    margin: 2em 0;
    border: 0px solid transparent;
    border-image: repeating-linear-gradient(to right, rgb(50, 50, 50) 0, rgb(59, 54, 54) 7px, transparent 3px, transparent 10px);
    border-image-slice: 1;
}

/* Individual Directional Triggers */
[dashline-top] {
    border-top-width: .7px;
}

[dashline-bottom] {
    border-bottom-width: .7px;
}




see,
tl {
    display: inline-block;
}

see:before {
    font-family: mtso;
    /* content: "\26E3"; */
    content: "\f4c9";

    /* padding: 0 .3em; */
    cursor: pointer;
    display: inline-block;
    font-weight: 300;
}


tl:before {
    font-family: mtso;
    font-weight: 500;
    cursor: pointer;
    content: "\f3e5";
    display: inline-block;
}

see:active:before,
tl:active:before {
    color: red;
    scale: 1.1;
}

[view_content] [import_smis] {
    display: none !important;
}



[table_row_like] {
    display: table-row;
}

[table_row_like]>* {
    display: table-cell;
}

/* makdown */

[markdown] h3 {
    margin-top: .5em;
}

[markdown] li>ul {
    margin-left: 1.5em;
}

[ai_logo] {
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    bottom: 0.2em;
    right: 6.3em;
    cursor: pointer;
    /* background: url(/aha/img/gemma.jpg); */
    background: url(/aha/img/ai_sparkle.svg);
    top: 3px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1000;
    color: navy;
}

[ai_logo]:active {
    transform: scale(1.1);
    opacity: .5;
}

input[type="number"]::-webkit-inner-spin-button {
    margin-left: 4px;

    /* adds space */
}

/* 1. Base styles for all AI buttons */
[ai-btn-one],
[ai-btn-sparkle] {
    --ai-color: navy;
    /* Default color variable */
    width: 24px;
    height: 24px;
    background-color: var(--ai-color);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;

    /* Shared Mask Logic */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 70%;
    /* Adjust for better padding */
    mask-size: 70%;

}

/* 2. Specific Icon Paths */
[ai-btn-one] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L14.5 9.5L22 12L14.5 14.5L12 22L9.5 14.5L2 12L9.5 9.5L12 2Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L14.5 9.5L22 12L14.5 14.5L12 22L9.5 14.5L2 12L9.5 9.5L12 2Z'/%3E%3C/svg%3E");
}

[ai-btn-sparkle] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 9L20.25 11.75L23 13L20.25 14.25L19 17L17.75 14.25L15 13L17.75 11.75L19 9ZM11.5 9.5L9 4L6.5 9.5L1 12L6.5 14.5L9 20L11.5 14.5L17 12L11.5 9.5ZM19 3L19.75 4.75L21.5 5.5L19.75 6.25L19 8L18.25 6.25L16.5 5.5L18.25 4.75L19 3Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 9L20.25 11.75L23 13L20.25 14.25L19 17L17.75 14.25L15 13L17.75 11.75L19 9ZM11.5 9.5L9 4L6.5 9.5L1 12L6.5 14.5L9 20L11.5 14.5L17 12L11.5 9.5ZM19 3L19.75 4.75L21.5 5.5L19.75 6.25L19 8L18.25 6.25L16.5 5.5L18.25 4.75L19 3Z'/%3E%3C/svg%3E");
}

/* 3. Global Interaction States */
[ai-btn-one]:hover,
[ai-btn-sparkle]:hover {
    /* --ai-color: #a855f7; */
    /* Hover purple */
}

[ai-btn-one]:active,
[ai-btn-sparkle]:active {
    --ai-color: #b70101;
    /* Deep red on click */
    transform: scale(1.4);
}


[wss_progress_bar] {
    border-radius: 0;
    width: 100%;
    transform: translateY(-2px);
}

[wss_progress_bar]::-webkit-progress-value {
    background-color: lime;
}

[progress_messages] {
    padding: 0 1em 1em 1em;
    font-family: thin;
    font-size: .8em;
    max-height: 20em;
    overflow: auto;
}

[progress_messages]:empty {
    padding: 0;
}

:root {
    --ccol-width: 1200px;
}

[ccol] {
    width: min(var(--ccol-width), 100%);
    margin-inline: auto;
}

[math_bg] {
    background:
        /* major horizontal */
        linear-gradient(#ddd .7px, transparent 1px),
        /* major vertical */
        linear-gradient(90deg, #ddd .7px, transparent 1px),
        /* minor horizontal */
        linear-gradient(#eee .7px, transparent 1px),
        /* minor vertical */
        linear-gradient(90deg, #eee .7px, transparent 1px);

    background-size:
        100px 100px,
        100px 100px,
        20px 20px,
        20px 20px;
}