html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;font: 13px 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
b{font-weight: 700;}
body{background-color: #E5E5E5;}
.noscroll{position: fixed; overflow-y:scroll;width: 100%;}
table{border:1px solid black;border-collapse:collapse;border-spacing:0;} tr,td{border:1px solid black;white-space: normal;} td{padding:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} strong,.bold{font-weight:bold;} p{margin-top:5px;}
sub {vertical-align: sub; font-size: smaller;} sup {vertical-align: super; font-size: smaller;}
img{vertical-align: middle;}
.redtext{color:#F00;}
.redcolor{background-color: #F00;}
.dbmistake{color:#F00;}
.dbinformation{color:#FFAA00;}
.flatpickr-calendar * {font-size: 16px;}
.flatpickr-calendar {border: 1px solid #999;}
.fixed{position: fixed;}
.nowrap{white-space: nowrap;}
/*div.ui-datepicker, button.ui-datepicker-trigger{ font-size:11px;}*/
/*#menu{position:fixed; top:4px;right:0px;max-width: 0;
height:100%;
}

#menu.open, #menu:hover{max-width: 100%;transition: unset;overflow-y: auto; overflow-x: visible;}
#menu div.item{overflow:hidden;}*/

#notifications_area{position: fixed; top: 45px; left:25px;
 /*margin-left: 25px;*/
border-radius: 6px;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);
z-index:100;
border: 1px solid #666;
background-color: rgba(204, 204, 204,0.9);
overflow: auto;
transition: max-width 0.2s ease-in-out, top 0.2s ease-in-out, max-height 0.2s ease-in-out, left 0.2s ease-in-out, padding-left 0.2s ease-in-out;
max-width: 98%;
max-width: calc(100% - 30px);
max-height: 40vh;
padding-left:0;
 height: auto;
}
#notifications_area:before
{content:url(files/information.png);
 transition: left 0.2s ease-in-out;
 position: absolute;
 left: -35px;
 }

#notifications_area.hide{display: none;}
#notifications_area.minimized{
 overflow: hidden;
 white-space: nowrap;
 top:0;
 max-width: 0px;
 max-height: 35px;
 padding-left:40px;
 box-shadow: inset 3px 3px 10px 0 #000000;
 box-shadow: inset -10px 0 5px -5px rgba(246,246,246,1);
 cursor: pointer;
 }

#notifications_area span.close
{display: block;
 position: absolute;
 top:1px;
 right:3px;
 cursor: pointer;
 }

#notifications_area span.close:before
{display: block;
 content: '✖';
 color: rgb(19, 32, 233);
 font-size: 17px;
 }

#notifications_area span.close:hover:before
{color: rgb(101, 114, 238);/*rgb(19, 32, 160);*/
 text-shadow: 0px 0px 2px silver,1px 1px 2px silver,-1px 1px 2px silver,-1px -1px 2px silver,1px -1px 2px silver;
 }

#notifications_area.minimized span.close
{display: none;
 }



#notifications_area.minimized:before{
 left: 0px;
}

/*.disapear{animation: disapearing 2s infinite ease-in-out;
  animation-direction: normal;
  animation-play-state: running; 
  animation-iteration-count: 1;
  }
.disapear:hover{animation-play-state: paused;}

@-webkit-keyframes disapearing {
    0%{opacity: 1;}
    100%{opacity: 0;}
}
@-moz-keyframes disapearing {
    0%{opacity: 1;}
    100%{opacity: 0;}
}
@-o-keyframes disapearing {
    0%{opacity: 1;}
    100%{opacity: 0;}
}
@keyframes disapearing {
    0%{opacity: 1;}
    100%{opacity: 0;}
}*/

div#for_menu{position: fixed;top: 4px;right: 0;height: 100%;max-width: 10px;z-index: 500;
/*-webkit-transition: left 1s, right 1s;*/
transition: max-width 1s;
overflow: visible;}
div#for_menu:hover, div#for_menu.open{max-width: 100%;transition: unset;}
/*div#for_menu::after{content: " "; right:100%;top:0%;height: 100%;width:10px;position: absolute;}*/

div#for_menu:hover #menu, div#for_menu.open #menu{overflow-y: auto; height: 100%;}
div#menu:hover{overflow-y: auto; height: 100%;}

#menu{overflow-x:visible;white-space: nowrap;}
/*#menu::before{content: " "; right:100%;top:0%;width:10px;position: absolute;}*/
#menu div.item{background-color: rgba(200,200,200,0.7);border:1px solid gray;border-bottom: 0; border-left-width: 2px;padding:4px 0px;white-space: nowrap; transition: padding 0.5s ease 0.5s;margin-left:9px;
-moz-box-shadow: -4px 0px 10px 0px rgba(0,0,0,0.5);-webkit-box-shadow: -4px 0px 10px 0px rgba(0,0,0,0.5); box-shadow: -4px 0px 10px 0px rgba(0,0,0,0.5);}
#for_menu.open div.item, #for_menu:hover div.item{padding:4px 6px;transition: unset;}
#menu div.item.cur {background-color:rgba(140,140,140,0.7);}
#menu div.item a {color: #A00;}
#menu div.item.cur a{font-weight:bold;}
#menu div.item:first-of-type{
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-khtml-border-top-left-radius: 3px;
border-top-left-radius: 3px;}
#menu div.item:last-of-type{border-bottom:1px solid gray;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-khtml-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;}
#operations{position:fixed; top:0;left:0;right:0; height:0; width:100%;background: rgba(250,250,250,0.7); padding: 0 0 0px 0; z-index:100; text-align:center;overflow: visible;}
#inoperations{margin:0 auto; display: inline-block; background: rgba(200,200,200,0.7); padding: 0px 5px 3px 5px; text-align:center;overflow:visible;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
-khtml-border-bottom-right-radius: 6px;
-khtml-border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);
}
.lang_list span.lang{padding: 0 4px;}
.lang_list span.lang a{opacity: 0.3;}
.lang_list span.lang a:hover{opacity: 0.6;}
/*.lang_list span.lang a img{vertical-align: sub;}*/
.lang_list span.lang a.cur{opacity: 1;}
#operations span.lang{padding: 0 4px;}
#operations span.lang a{opacity: 0.3;}
#operations span.lang a:hover{opacity: 0.6;}
#operations span.lang a img{vertical-align: sub;}
#operations span.lang a.cur{opacity: 1;}
#operations input.main_filter{margin-right:3px;}
#operations input.records{margin-right:5px;width: 3em; background-color: #85a3e9;}
#operations input[type="submit"]{margin-right:5px;}
.button_addfull, .button_duble, .button_delete, .button_add, .button_copy, .button_copyfull, .button_show, .button_history{margin-right:5px;cursor: pointer;}
.button_addfull:last-child, .button_duble:last-child, .button_delete:last-child, .button_add:last-child, .button_copy:last-child, .button_copyfull:last-child, .button_show:last-child, .button_history:last-child{margin-right: 0px;}
input[type="image"]{vertical-align: middle;margin-right:5px;}
input[type="image"]:last-child{margin-right:0px;}
#operations span.page{margin-left: 2px;}
#operations span.cur{font-weight: bold;}
#operations select.page{margin-left: 2px;}
#operations select.page option[selected]{font-weight: bold;}

#operations a.exit{margin-left: 15px;}
#operations span.filter_reset{display: inline-block; margin-right: 10px;}
#operations span.filter_reset input{vertical-align: middle;}
#operations span.overall{vertical-align: middle;margin-right:6px;}
#operations span.inoverall{font-weight: bold;}

#operations #previous_pages{display: inline-block; margin:0 5px; min-width: 32px; min-height: 32px; background: transparent url('files/previous.png') no-repeat scroll center center;vertical-align: middle;text-align: center;position: relative;cursor: pointer; opacity: 0.6;}
#operations #previous_pages.active{opacity: 1;}
#operations #previous_pages #previous_window{position: absolute;cursor: auto;
  /*pointer-events: none;*/

      position: fixed;
      top: 40px;
    margin-left: 6px;

   background-color: white; border: 1px solid rgba(182, 229, 111, 1); z-index: 1000;
-webkit-border-radius: 3px;-moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; padding: 5px 5px 5px 5px; -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); box-shadow: 5px 5px 8px rgba(0,0,0,0.3);
white-space: nowrap; display: none;}
#operations #previous_pages.active #previous_window{display: block;}

#operations #previous_pages #previous_window:after, #operations #previous_pages #previous_window:before {bottom: 100%; border: solid transparent; content: " "; width: 0; position: absolute;}
#operations #previous_pages #previous_window:after {border-bottom-color: white; border-bottom-width:10px; border-right-width: 5px;border-left-width: 5px; left: 4px;}
#operations #previous_pages #previous_window:before {border-color: rgba(182, 229, 111, 0); border-bottom-color: rgba(182, 229, 111, 1); border-bottom-width:12px; border-right-width: 6px;border-left-width: 6px; left: 3px;}
#operations #previous_pages #previous_window table#previous_table tr.cur td {background-color:rgba(140,140,140,0.7);font-weight:bold;}
#operations #previous_pages #previous_window table#previous_table td.add_label  {text-align:center;font-weight:bold;}

#operations #previous_pages #previous_window span.previous_close{cursor: pointer;vertical-align:top;font-size: 14px; position: absolute; top: -8px; right: -6px;text-shadow: 0px 0px 2px silver,1px 1px 2px silver,-1px 1px 2px silver,-1px -1px 2px silver,1px -1px 2px silver;
  /*pointer-events: auto;*/
}


#operations #reminders{display: inline-block; margin:0 5px; min-width: 32px; min-height: 32px; background: transparent url('files/bell_green.png') no-repeat scroll center center;vertical-align: middle;text-align: center;position: relative;cursor: pointer;}
#operations #reminders.active{background-image: url('files/bell.png');}
#inreminders{display: inline-block;background-color:red;color:white; border-radius:7px; padding:1px 2px 1px; font-weight:700; text-align: center;margin: 9px auto 0px;}
#operations #reminders #reminders_window{position: absolute;cursor: auto;
  /*pointer-events: none;*/

      position: fixed;
      top: 40px;
    margin-left: 6px;

   background-color: white; border: 1px solid rgba(248, 196, 46, 1); z-index: 1000;
-webkit-border-radius: 3px;-moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; padding: 5px 5px 5px 5px; -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); box-shadow: 5px 5px 8px rgba(0,0,0,0.3);
white-space: nowrap;
}
#operations #reminders #reminders_window.hide{display: none;}

#operations #reminders #reminders_window:after, #operations #reminders #reminders_window:before {bottom: 100%; border: solid transparent; content: " "; width: 0; position: absolute;}
#operations #reminders #reminders_window:after {border-bottom-color: white; border-bottom-width:10px; border-right-width: 5px;border-left-width: 5px; left: 4px;}
#operations #reminders #reminders_window:before {border-color: rgba(248, 196, 46, 0); border-bottom-color: rgba(248, 196, 46, 1); border-bottom-width:12px; border-right-width: 6px;border-left-width: 6px; left: 3px;}
#operations #reminders #reminders_window table#reminders_table tr.cur td {background-color:rgba(140,140,140,0.7);font-weight:bold;}
#operations #reminders #reminders_window table#reminders_table td.add_label  {text-align:center;font-weight:bold;}

#operations #reminders #reminders_window span.reminders_close{cursor: pointer;vertical-align:top;font-size: 14px; position: absolute; top: -8px; right: -6px;text-shadow: 0px 0px 2px silver,1px 1px 2px silver,-1px 1px 2px silver,-1px -1px 2px silver,1px -1px 2px silver;
  /*pointer-events: auto;*/
}
#operations #reminders #reminders_window div#reminder_alarm_div{display: none;}
#operations label.show_sql{vertical-align: middle;margin-right: 9px;font-weight: bold;}

table.data{margin: 0 auto;max-width:99%;}
table.single{width:90%;max-width:99%;}
table.crossdata{margin: 0 auto;}
table.data>thead>tr>td{background-color: #F6F6F6; position: relative;background-clip: padding-box;}
table.data>thead>tr>td,table.data>thead>tr>td div.incell{font-weight:bold;text-align:center;}
table.data>thead>tr>td div.sort{display: block;}
table.data>thead>tr>td div.sort a{font-size:11px;text-decoration: none; color:black;}
table.data>thead>tr>td div.sort a:hover{color:blue;text-shadow: 0px 0px 2px silver,1px 1px 2px silver,-1px 1px 2px silver,-1px -1px 2px silver,1px -1px 2px silver;}
table.data>thead>tr>td div.sort a.selected{color:rgb(0,0,210); background-color: #FFC107;}
table.data>thead>tr>td div.sort a.arrow_up{}
table.data>thead>tr>td div.sort a.arrow_down{}

table.data>thead>tr>td div.filter a{cursor: pointer;font-size:12px; text-decoration: none; color:black;}
table.data>thead>tr>td div.filter a:hover {color:blue;text-shadow: 0px 0px 2px silver,1px 1px 2px silver,-1px 1px 2px silver,-1px -1px 2px silver,1px -1px 2px silver;}
table.data>thead>tr>td div.filter a.selected{color:#0745FF; background-color: #FFC107;}
table.data>thead>tr>td div.filter a.setup{color:blue; background-color: #FFFF00;}
table.data>thead>tr>td div.filter a.setuped{color:rgb(200,0,210); background-color: #0AD200;}

table.data>tbody>tr>td a.filter_add,table.crossdata>thead>tr>td a.filter_add,table.crossdata>tbody>tr>td.col2 a.filter_add,table.data_fixed>thead>tr>td.col1 a.filter_add {
    cursor: pointer;
    font-size: 10px;
    text-decoration: none;
    color: black;
    vertical-align: 2px;
}
table.data>tbody>tr>td a.filter_add:hover,table.crossdata>thead>tr>td a.filter_add:hover,table.crossdata>tbody>tr>td.col2 a.filter_add:hover
,table.data_fixed>thead>tr>td.col1 a.filter_add:hover {color:blue;text-shadow: 0px 0px 2px silver,1px 1px 2px silver,-1px 1px 2px silver,-1px -1px 2px silver,1px -1px 2px silver;}

.show_info+a.filter_add{margin-left: 2px;}
input.onelink+a.show_info+a.filter_add{margin-left: 0px;}

table.data>thead>tr>td div.filter span{cursor: pointer;font-size:12px;}
table.data>thead>tr>td div.filter span:hover {color:blue;text-shadow: 0px 0px 2px silver,1px 1px 2px silver,-1px 1px 2px silver,-1px -1px 2px silver,1px -1px 2px silver;}
table.data>thead>tr>td div.filter span.selected{color:rgb(0,0,210);background-color: #FFC107;}
table.data>thead>tr>td div.filter span.setup{color:blue;}
table.data>thead>tr>td div.filter span.setuped{color:rgb(200,0,210);}
table.data>thead>tr>td div.filter div.filter_div{position: absolute; background-color: white; border: 1px solid blue; z-index: 1000;
-webkit-border-radius: 3px;-moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; padding: 5px 5px 5px 5px; -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); box-shadow: 5px 5px 8px rgba(0,0,0,0.3);
white-space: nowrap;
}
table.data>thead>tr>td div.filter div.filter_radio_div {text-align: left;}
table.data>thead>tr>td div.filter div.filter_radio_div label{display: block;}
table.data>thead>tr>td div.filter div.filter_select_div {text-align: left;}
table.data>thead>tr>td div.filter div.filter_select_div label{display: block;}
table.data>thead>tr>td div.filter div.filter_div:after, table.data>thead>tr>td div.filter div.filter_div:before {bottom: 100%; border: solid transparent; content: " "; width: 0; position: absolute;}
table.data>thead>tr>td div.filter div.filter_div:after {border-bottom-color: white; border-bottom-width:10px; border-right-width: 5px;border-left-width: 5px; left: 4px;}
table.data>thead>tr>td div.filter div.filter_div:before {border-color: rgba(0, 0, 245, 0); border-bottom-color: #0000f5; border-bottom-width:12px; border-right-width: 6px;border-left-width: 6px; left: 3px;}
table.data>thead>tr>td div.filter div.filter_div input.filter_null{vertical-align:middle;}
table.data>thead>tr>td div.filter div.filter_div input.filter_date{width:6em;}
table.data>thead>tr>td div.filter div.filter_div input.filter_hour{width:4em;}
table.data>thead>tr>td div.filter div.filter_div input.filter_minutes{width:4em;}
table.data>thead>tr>td div.filter div.filter_div input.filter_seconds{width:4em;}
table.data>thead>tr>td div.filter div.filter_div span.filter_close{vertical-align:top;font-size: 14px; position: absolute; top: -8px; right: -6px;text-shadow: 0px 0px 2px silver,1px 1px 2px silver,-1px 1px 2px silver,-1px -1px 2px silver,1px -1px 2px silver; cursor: pointer;}
table.data>thead>tr>td div.filter div.filter_div input.filter_val{margin-left: 20px;}

table.data>tbody>tr>td,table.data>thead>tr>td{transition: max-width 0.2s, width 0.2s;}
table.data tbody td.mlang,table.data tfoot td.mlang{text-align: right;}
table.data tbody td.actualityvalue,table.data tfoot td.actualityvalue,table.data tbody td.selectvalue,table.data tfoot td.selectvalue{text-align: center;}
table.single tbody td.nactual{text-align: left;}
table.data tbody td.checkbox,table.data tfoot td.checkbox{text-align: center;}
table.single tbody td.checkbox{text-align: left;}
table.data tbody td.checkvalue,table.data tfoot td.checkvalue{text-align: center;}
table.single tbody td.checkvalue{text-align: left;}

table.single input.onelink{width:90%;width:calc(100% - 52px); box-sizing: border-box;}
table.single tbody td span.title,table.double_edits tbody td span.title{display: block;}
table.single tbody td span.description,table.double_edits tbody td span.description{font-size: 11px; white-space: normal;}

table.data tbody td.npos input,table.data tfoot td.npos input{width: 4em;}
table.data tbody td.radiobutton label,table.data tfoot td.radiobutton label{display: inline-block; white-space: nowrap;}
table.data>tbody>tr:nth-child(even){background-color: #CFCFCF;}
table.data>tbody>tr.alt{background-color: #CFCFCF;}
table.data>tbody>tr.highlight{background-color: #ffeb3b;}
table.data>tbody>tr.edited{background-color: pink;}
table.data>tbody>tr:not(.nohover):hover{background-color: rgb(255, 222, 228);}
td>div.incell{display: inline-block; vertical-align: top; padding: 0 3px 0 0;}
td>div.incell:last-child{padding:0;}
input:invalid{border-style: solid; border-color: red;}
input.invalid{border-style: solid; border-color: red;}
input.onelink{cursor: pointer;}
input.clear{margin-left: 2px;}
input.date,input.print_date{width:6em;}
input.hour{width:4em;}
input.minutes{width:4em;}
input.seconds{width:4em;}
table.multilink{display: inline-block;}

div.load{position:fixed; height:100%; width:100%; left:0px; top:0px; display:block; padding-top: 5px;
cursor: url(files/xclose.cur) 6 6, auto;
background-color: rgba(0,0,0,0.75);
text-align: center;
overflow:auto;
z-index: 1100;
vertical-align: middle;}
div.inload{margin:0 auto;display: inline-block; color:white; font-size: 20px; font-weight: bold;}
.load .item{cursor:pointer; color:rgb(240,240,240); display:block;display: table; margin: 5px auto; padding: 5px; border: 1px solid black;background-color:rgba(0,90,255,0.2);}
.load .item:hover, .load .item.cursor{background-color:rgba(0,90,255,0.5);}
.load .item_left{cursor:pointer; color:rgb(240,240,240); display:block;display: table; margin: 5px; padding: 5px; border: 1px solid black;background-color:rgba(0,90,255,0.2);}
.load .item_left:hover{background-color:rgba(0,90,255,0.5);}
.load .unactual{font-style: italic; text-decoration: line-through;}
.load .selected{background-color:rgba(0,90,255,0.7);}
.load .hide{display: none;}
.load .add_new{font-size: 14px; color: #DDD; font-weight: bold;height: 24px;}
.load .nothing{font-size: 14px; color: #DDD; font-weight: bold;height: 24px;}
.load a.add_new.cursor, .load a.add_new:hover{color:rgba(0,90,255,1);}

div.hist{position:fixed; height:100%; width:100%; left:0px; top:0px; display:block; padding-top: 5px;
cursor: url(files/xclose.cur) 6 6, auto;
background-color: rgba(0,0,0,0.75);
text-align: center;
overflow:auto;
z-index: 1100;
vertical-align: middle;}
div.hist table.hist_data {border:0px solid black; background:#ffffff; margin: 10px auto;cursor:default;border-collapse:collapse;}
div.hist table.hist_data>thead >tr>td{font-weight: bold;}
div.hist table.hist_data>tbody >tr>td,div.hist table.hist_data>thead >tr>td{padding:2px 3px;}
div.hist table.hist_data .edited{background-color: #8BC34A;}

div.loadeditor{position:fixed; height:100%; width:98%; left:0px; top:0px; display:block; padding: 5px 1% 5px 1%;
cursor: url(files/xclose.cur) 6 6, auto;
background-color: rgba(0,0,0,0.75);
text-align: center;
overflow:auto;
z-index: 1100;
vertical-align: middle;}
div.loadeditor>table {border:0px solid black; background:#ffffff; margin: 10px auto;cursor:default;border-collapse:collapse; width:100%;}
div.loadeditor>table >tr>td{padding:2px 3px;}
div.loadeditor>table >tr>td>input{margin:2px;}
div.loadeditor>table >tr>td#txtarea{box-sizing: border-box;width:100%;}

div.loadviewer{position:fixed; height:100%; width:98%; left:0px; top:0px; display:block; padding: 5px 1% 5px 1%;
cursor: url(files/xclose.cur) 6 6, auto;
background-color: rgba(0,0,0,0.75);
text-align: center;
overflow:auto;
z-index: 1100;
vertical-align: middle;}
div.loadviewer>table {border:0px solid black; background:#ffffff; margin: 10px auto;cursor:default;border-collapse:collapse; width:100%;}
div.loadviewer>table >tr>td{padding:2px 3px;}
div.loadviewer>table >tr>td>input{margin:2px;}
table.data>tbody>tr.newrow>td>span.remove{cursor: pointer;}
table.data>tbody>tr.newrow>td>span.remove::before{content: "✗"; color: red;}
table.data>tbody>tr.newrow>td.new_item{text-align: center;}
table.data>tbody>tr.new_row_but>td{text-align: center;background-color: #F6F6F6;}
table.data>tbody>tr.new_row_but:hover{background-color: rgb(255, 255, 255);}

table.data>tfoot>tr.new_row_but>td{text-align: center;background-color: #F6F6F6;}
table.data>tfoot>tr.new_row_but:hover{background-color: rgb(255, 255, 255);}


table.data_fixed{display: none;position: absolute; top:0px;left:0px; z-index: 50; background-color: white;-moz-box-shadow: 0px 2px 10px 5px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 2px 10px 5px rgba(0,0,0,0.3); box-shadow: 0px 2px 10px 5px rgba(0,0,0,0.3); cursor:pointer; cursor:n-resize;}
table.data_fixed thead td,table.data_fixed thead td div.incell{font-weight:bold;text-align:center;}
table.data_fixed thead td{ overflow: hidden;}
/*table.multilink */
div.element{cursor: pointer; border-bottom: 1px dashed blue;display: table-row;}
table.multi span.multiremove ,tr.newrow>td.new_item>div.incell>span.multiremove{cursor: pointer; color:red;}
table.multi span.multiremove:after,tr.newrow>td.new_item>div.incell>span.multiremove:after{content:"✗"; color: red;}
table.multi td {vertical-align: middle;}
table.multi input[type="checkbox"]{vertical-align: middle;}

a.show_info {cursor: pointer; border-bottom: 1px dashed blue; margin-left: 2px;color:blue; text-decoration: none;}
/*span.show_info {cursor: pointer;}*/
/*span.show_info:before{content:url(files/information.png);}*/
input[type="text"]+a.show_info:before{content:"ℹ"; content:"i"; font-weight: bold; font-size: 19px;padding: 0px 5px;}

span.show_info {cursor: pointer; border-bottom: 1px dashed blue; margin-left: 2px;color:blue;}
/*span.show_info {cursor: pointer;}*/
/*span.show_info:before{content:url(files/information.png);}*/
input[type="text"]+span.show_info:before{content:"ℹ"; content:"i"; font-weight: bold; font-size: 19px;padding: 0px 5px;}
/*ℹ*/
div.show_info {display: inline-block;cursor: pointer; border-bottom: 1px dashed blue; color:blue;}
.show_info span.inshow{cursor:auto; color:black; border-bottom: none; user-select: text;}


div.info{position: absolute; background-color: white; border: 1px solid blue; z-index: 1000;
-webkit-border-radius: 3px;-moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; padding: 5px 5px 5px 5px; -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); box-shadow: 5px 5px 8px rgba(0,0,0,0.3);
white-space: nowrap; cursor: url(files/xclose.cur) 6 6, auto;
}
div.info:after, div.info:before {bottom: 100%; border: solid transparent; content: " "; width: 0; position: absolute;}
div.info:after {border-bottom-color: white; border-bottom-width:10px; border-right-width: 5px;border-left-width: 5px; left: 4px;}
div.info:before {border-color: rgba(0, 0, 245, 0); border-bottom-color: #0000f5; border-bottom-width:12px; border-right-width: 6px;border-left-width: 6px; left: 3px;}
div.ininfo{margin:0 auto;display: inline-block; color:#CCC; font-size: 20px; font-weight: bold;}

table.crossdata thead td,table.crossdata thead td div.show_info{font-weight:bold;text-align:center;vertical-align: top;}

table.crossdata thead td {position: relative;}

table.crossdata thead td div.filter{white-space: nowrap;display: inline-block; padding-left:5px;}
table.crossdata thead td div.filter a{cursor: pointer;font-size:12px; text-decoration: none; color:black;}
table.crossdata thead td div.filter a:hover {color:blue;text-shadow: 0px 0px 2px silver,1px 1px 2px silver,-1px 1px 2px silver,-1px -1px 2px silver,1px -1px 2px silver;}
table.crossdata thead td div.filter a.selected{color:rgb(0,0,210);}
table.crossdata thead td div.filter a.setup{color:blue;}
table.crossdata thead td div.filter a.setuped{color:rgb(200,0,210);}
table.crossdata thead td div.filter{white-space: nowrap;display: inline-block; padding-left:5px;}
table.crossdata thead td div.filter span{cursor: pointer;font-size:12px;}
table.crossdata thead td div.filter span:hover {color:blue;text-shadow: 0px 0px 2px silver,1px 1px 2px silver,-1px 1px 2px silver,-1px -1px 2px silver,1px -1px 2px silver;}
table.crossdata thead td div.filter span.selected{color:rgb(0,0,210);}
table.crossdata thead td div.filter span.setup{color:blue;}
table.crossdata thead td div.filter span.setuped{color:rgb(200,0,210);}
table.crossdata thead td div.filter div.filter_div{position: absolute; background-color: white; border: 1px solid blue; z-index: 1000;
-webkit-border-radius: 3px;-moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; padding: 5px 5px 5px 5px; -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); box-shadow: 5px 5px 8px rgba(0,0,0,0.3);
white-space: nowrap;
}
table.crossdata thead td div.filter div.filter_radio_div {text-align: left;}
table.crossdata thead td div.filter div.filter_radio_div label{display: block;}
table.crossdata thead td div.filter div.filter_div:after, table.crossdata thead td div.filter div.filter_div:before {bottom: 100%; border: solid transparent; content: " "; width: 0; position: absolute;}
table.crossdata thead td div.filter div.filter_div:after {border-bottom-color: white; border-bottom-width:10px; border-right-width: 5px;border-left-width: 5px; left: 4px;}
table.crossdata thead td div.filter div.filter_div:before {border-color: rgba(0, 0, 245, 0); border-bottom-color: #0000f5; border-bottom-width:12px; border-right-width: 6px;border-left-width: 6px; left: 3px;}
table.crossdata thead td div.filter div.filter_div input.filter_null{vertical-align:middle;}
table.crossdata thead td div.filter div.filter_div input.filter_date{width:10em;}
table.crossdata thead td div.filter div.filter_div input.filter_hour{width:4em;}
table.crossdata thead td div.filter div.filter_div input.filter_minutes{width:4em;}
table.crossdata thead td div.filter div.filter_div input.filter_seconds{width:4em;}
table.crossdata thead td div.filter div.filter_div span.filter_close{vertical-align:top;font-size: 14px; position: absolute; top: -8px; right: -6px;text-shadow: 0px 0px 2px silver,1px 1px 2px silver,-1px 1px 2px silver,-1px -1px 2px silver,1px -1px 2px silver; cursor: pointer;}

table.crossdata tbody td.mlang{text-align: right;}
table.crossdata tbody td.nactual{text-align: center;}
table.crossdata tbody td.checkbox{text-align: center;}
table.crossdata tbody td.npos input{width: 4em;}
table.crossdata tbody td.radiobutton label{display: block;}
table.crossdata tbody td div.radiobutton label{display: block; white-space: nowrap;}
table.crossdata>tbody>tr.alt{background-color: #CFCFCF;}
table.crossdata>tbody>tr>td.edited{background-color: pink;}
table.crossdata>thead>tr>td.edited{background-color: pink;}
table.crossdata>tbody>tr:hover{background-color: rgb(255, 222, 228);}
table.crossdata tbody td.col2,table.crossdata tbody td.col2 div.show_info{font-weight: 700;}
table.crossdata td.unactual,table.crossdata td.unactual div.show_info{color:grey;font-style: italic;}


table#crossdata_fixed.data_fixed thead td,table.crossdata_fixed thead td div.incell{vertical-align:middle;}

table#crossdata_fixed.data_fixed thead td div.show_info,table.crossdata_fixed thead td div.incell div.show_info{font-weight: bold;}


div#main{padding: 40px 12px 4px;}
h1,h1 span{text-align: center; font-size: 18px; font-weight: 700;}
h2,h2 span{text-align: center; font-size: 16px; font-weight: 500;}

div#main div.notification{text-align: left; font-size: 14px; font-weight: 500; white-space: pre/*pre-wrap*/; margin: 1em 1em;}
div#main div.error{text-align: left; font-size: 14px; font-weight: 500; background-color: red; white-space: pre; margin: 1em 1em;}
div#main div.monospace{font-family: monospace;}

.invreg {position: absolute; background: yellow; border: 1px solid #f50000;z-index: 1050;border-radius: 6px; padding: 5px 10px; -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.3); box-shadow: 5px 5px 8px rgba(0,0,0,0.3); margin-left:11px; font-size: 14px;}
.invreg:after, .invreg:before {border: solid transparent; content: " "; height: 0px; width: 0; position: absolute; top:50%;}
.invreg:after {border-color: rgba(136, 183, 213, 0); border-right-color: yellow; border-right-width:10px; border-bottom-width: 5px;border-top-width: 5px; left: -13px; margin-top:-6px;}
.invreg:before {border-color: rgba(245, 0, 0, 0); border-right-color: #f50000; border-right-width:12px; border-bottom-width: 6px;border-top-width: 6px; left: -15px; margin-top:-7px;}

tr.noborder,td.noborder,tr.noborder>td{border:0;}
tr.notopborder,tr.notopborder>td{border-top:0;}
tr.nobottomborder,tr.nobottomborder>td{border-bottom:0;}
.noleftborder,tr.noleftborder>td{border-left:0;}
.norightborder,tr.norightborder>td{border-right:0;}
tr>td.border1px{border:1px solid black;}
tr>td.border3px{border:3px solid black;}

option:disabled{cursor: no-drop; cursor: not-allowed;}

table.single>tbody>tr>td:first-of-type{white-space: nowrap;width: 1px;}

.inner_table{border: 3px inset #BBB; padding:0px; margin-top: 4px;}
.inner_table table.inner_data{margin:0px; min-width:100%; width:100%;}
.fixed_height{overflow-y: auto; max-height:450px;}
.fixed_height.inner_table table.inner_data>thead{position: sticky; top: 0px;-moz-box-shadow: 0px 2px 10px 5px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 2px 10px 5px rgba(0,0,0,0.3); box-shadow: 0px 2px 10px 5px rgba(0,0,0,0.3);}
.fixed_height.inner_table table.inner_data>foot{position: sticky; bottom: 0px;-moz-box-shadow: 0px 2px 10px 5px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 2px 10px 5px rgba(0,0,0,0.3); box-shadow: 0px -2px 10px 5px rgba(0,0,0,0.3);}
table.single .inner_table table.inner_data input.onelink{width: inherit;}
table.single .inner_table table.inner_data>tbody>tr.edited{background-color: pink;}
table.inner_data>thead>tr>td{position: sticky; top: 36px; z-index: 1;}
.fixed_height.inner_table table.inner_data>thead>tr>td{top: 0px;}
table.inner_data>thead>tr>td,table.inner_data>thead>tr>td div.incell{font-weight:bold;text-align:center;background-color: #F6F6F6;}
table.inner_data>tbody>tr>td.checkvalue,table.inner_data>tbody>tr>td.checkvalue div.incell,table.inner_data>tbody>tr>td.chk_item,table.inner_data>tbody>tr>td.chk_item div.incell{text-align: center;}
table.inner_data>tfoot>tr.new_row_but{background-color: #F6F6F6;}


table.inner_data{border-collapse: separate;border:0px;}
table.inner_data>tfoot,table.inner_data>thead,table.inner_data>tbody{border:0px;z-index: 50;}
table.inner_data>tfoot>tr,table.inner_data>thead>tr,table.inner_data>tbody>tr{border:0px;}
table.inner_data>tfoot>tr>td,table.inner_data>thead>tr>td,table.inner_data>tbody>tr>td{border-width: 0px 1px 1px 0px; border-style: solid; border-color: black;}
table.inner_data>tbody>tr:last-of-type>td{border-width: 0px 1px 0px 0px;}
table.inner_data>tfoot>tr:last-of-type>td{border-width: 1px 1px 0px 0px;}
table.inner_data>tbody>tr:not(.nohover):hover{background-color: #ffffcc;}

/*⚙*/

td>.control>.setting_checkbox{
position:absolute;
left:4px;
top:4px;
width:1px;
height:1px;
overflow:hidden;}

td>.control>.button{display: block; position: absolute; cursor: pointer; z-index: 50;}
td>.control>.button:before{
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 11px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  }

td>.control>.setting_button{top: 1px; left: 1px;}

td>.control>.setting_button:before{content: "";
    background-color: #de94c2;
    background-image: url(files/settings.svg);
    border: 1px solid #de94c2;
}

td>.control>.setting_checkbox:focus+.setting_button:before{border: 1px solid #94c2de;}
td>.control>.setting_checkbox:checked+.setting_button:before{box-shadow: inset 0px 0px 3px 2px rgb(0 0 0 / 40%); border: 1px solid transparent;}

td.minimized{max-width: 12px; width: 12px; padding-left: 0px; overflow: hidden;position: relative;white-space: nowrap;}
table.inner_data>thead>tr>td.minimized{position: sticky;}


td>.control>.minimized_button{top: 15px; left: 1px; display: none;}
td>.control>.setting_checkbox:checked~.minimized_button{display: block;}
td.minimized>.control>.minimized_button{display: block;}
td>.control>.minimized_button:before{content: "−";
    background-color: #c2de94;
    border: 1px solid #c2de94;
}
td.minimized>.control>.minimized_button:before{content: "+";}
/*td>.control>.minimized_button:hover{top:0px;left:0px;}*/
/*td>.control>.minimized_button:active{top:1px;left:1px;}*/

td.minimized:after {
    content: '';
    display: block;
    position: absolute;
    top: 0; right:0;
    width: 100%;
    height: 100%;
    box-shadow: inset 3px 3px 10px 0 #000000;
    box-shadow: inset -10px 0 5px -5px rgba(246,246,246,1);
}

td>.control>.minimized_button:before{content: "−";
    background-color: #c2de94;
    border: 1px solid #c2de94;
}

td>.control>.move_button{top: 29px; display: none;}
td>.control>.setting_checkbox:checked~.move_button{display: block;}
td.moved>.control>.move_button{display: block;}
td>.control>.move_button:before{
    background-color: #c2de94;
    border: 1px solid #c2de94;
}
td.minimized>.control>.move_button:before{content: "+";}
td>.control>.move_button.left{left: 1px;}
td>.control>.move_button.right{left: 15px;}
td>.control>.move_button.left:before{content: "";
    background-image: url(files/left.svg);
} /*🢔🢐*/
td>.control>.move_button.right:before{content: "";
    background-image: url(files/right.svg);
}/*🢖*/
/*td>.control>.move_button:hover{top:0px;left:0px;}*/
/*td>.control>.move_button:active{top:1px;left:1px;}*/

td.fsfilevalue a:last-of-type{margin-left: 5px;}

.hl_input_0{outline-color:#e91e63;outline-width:3px;outline-style:ridge;}
.hl_cell_0 {outline-color:#9c27b0;outline-width:3px;outline-style:dashed;}
.hl_row_0  {outline-color:#673ab7;outline-width:3px;outline-style:dotted;}

.hl_input_1{outline-color:#ff5722;outline-width:3px;outline-style:ridge;}
.hl_cell_1 {outline-color:#ff9800;outline-width:3px;outline-style:dashed;}
.hl_row_1  {outline-color:#ffc107;outline-width:3px;outline-style:dotted;}