:root {--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-gradient:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));--bs-body-font-size:13px;--bs-body-font-weight:400;--bs-body-line-height:2;--bs-body-color:#212529;--bs-body-bg:#fff;}
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,button,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,::after,::before {margin:0;padding:0;border:0;font:inherit;box-sizing:border-box;vertical-align:middle;}
html,body {min-height:100vh;overflow:hidden;color:#000000;height:100%;width:100%;overflow-y:hidden;}
@media (prefers-reduced-motion:no-preference) {:root {scroll-behavior:smooth;}
;}
::-webkit-scrollbar {width:10px;height:1px;}
::-webkit-scrollbar-thumb {border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:#535353;}
::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:#ededed;}
body {overflow-y:hidden;font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background-color:rgb(248,246,246);background-image2:url('../images/pc_back.jpg');background-size:cover;}
h1,h2,h3,h4,h5,h6 {font-weight:800;padding:0.2em;}
h1 {font-size:2rem;}
h2 {font-size:1.5rem;}
h3 {font-size:1.25rem;}
h4 {font-size:1.125rem;}
h5 {font-size:1rem;}
h6 {font-size:0.75rem;}
b,strong {font-weight:600;}
li {list-style:none;border-bottom:1px solid #ddd;padding:0.3rem;}
li2:first-child {border-top:1px solid #ddd;}
li2:last-child {border-bottom:none;}
hr {border:0;border-top:1px solid #ddd;}
button {-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#ffffcc;border:1px solid #ddd;border-radius:0.1875rem;cursor:pointer;display:inline-block;padding:0.3rem 0.5rem;text-align:center;font-weight:800;font-size:0.9rem;}
button icon {font-size:1.5em;cursor:pointer;text-align:center;font-weight:800;display:inline-block;color:#0000ff;}
button:active,button:hover {border:1px dashed red;text-decoration:none;background-color:#222;color:white;}
button:hover icon {color:yellow;}
a {-webkit-text-decoration-skip:objects;color:#267fd9;text-decoration:none;}
a:active,a.current,a:hover {color:#333;text-decoration:none;}
a.current {font-weight:600;}
p {line-height:1.75rem;padding:0.25rem;margin:0;}
input:focus,select:focus,textarea:focus {-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-webkit-user-modify:read-write-plaintext-only;}
input[type='color'],input[type='date'],input[type='datetime-local'],input[type='datetime'],input[type='email'],input[type='month'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='time'],input[type='url'],input[type='week'],select,input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button {margin:0;-webkit-appearance:none;}
input[type='search'] {-webkit-box-sizing:border-box;box-sizing:border-box;height:34px;text-align:center;border:0;border-radius:6px;background-color:rgba(0,0,0,0.1);}
input[type='search']:focus {text-align:left;}
input,select,textarea {line-height:1.5rem;padding:0 0.5em;border:1px solid rgba(0,0,0,0.2);vertical-align:middle;width:100%;outline:0;display:inline-block;}
textarea {overflow:auto;height:auto;resize:none;padding:.5em;}
select {height:36px;}
input {height:34px;width:90%;}
input[type='checkbox'],input[type='radio'] {box-sizing:border-box;width:18px;height:18px;display:inline-block;padding:0;}
input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button {height:auto;}
input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration {-webkit-appearance:none;}
input[required],textarea[required],select[required] {border:1px solid rgb(228,227,227);}
msg,.msg {display:block;border-top:1px dashed #cacaca;border-bottom:1px solid #a4a4a4;margin:0.2rem 0 0 0;color:#222;text-align:left;font-size:0.9rem;background-color:#eee;text-align:left;padding:0.25rem 0.5rem;line-height:1.2rem;}
#login_form {display:flex;flex-direction:column;border:#5eba5e 2px solid;border-radius:8px;width:30rem;}
#login_form div,#login_form h3 {flex-basis:3.5rem;}
badge {display:inline-block;text-align:center;padding:0px 7px;color:#ffff33;border-radius:100px;background-color:#333333;margin:0 0.25rem;font-weight:600;line-height:1.2rem;}
.box {border:#0d6efd 1px solid;border-radius:5px;margin-bottom:1rem;}
btn {border:#0d6efd 1px solid;border-radius:3px;background-color:#e0e0e0;color:blue;font-weight:900;padding:0px 5px 2px;margin:0 0.25rem;}
.pad-1rem {padding:1rem;}
.pad-halfrem {padding:0.5rem;}
.hidden,.onlyForPrint,.print_pageTitle {display:none;}
@media print {.noPrint {display:none;}
;}
table {border-collapse:separate;border-spacing:0;margin-bottom:1em;overflow-x:auto;width:100%;min-width:100%;}
table tbody thead tr:first-child>th:first-child,table tbody tr>th:last-child {border-right-width:1px;border-bottom-width:1px;}
table tbody tr>td input,table tbody tr>td select,table tbody tr>td textarea {width:100%;}
table tr>td,table tr>th {border:0 solid rgba(67,0,176,0.25);border-width:1px 0 0 1px;padding:0.4rem;word-break:break-all;}
table tr>th {text-align:right;background-color:#ffebd7;}
table td.end,table th.end {text-align:right;}
table td.center,table th.center {text-align:center;}
table td:last-child {border-right-width:1px;}
table tr.center th,table tr.center td {text-align:center;}
table thead tr:first-child>th:first-child {border-top-left-radius:0.5em;}
table thead tr:first-child>th:last-child {border-top-right-radius:0.5em;border-right-width:1px;}
table tr:last-child>td:first-child {border-bottom-left-radius:0.5em;}
table tr:last-child>td:last-child {border-bottom-right-radius:0.5em;}
table tr:last-child>th,table tr:last-child>td {border-bottom-width:1px;}
table tr.tr-msg td {border-top:1px dashed #cacaca;border-bottom:1px solid #a4a4a4;margin:0.2rem 0 0 0;color:#ffffff;text-align:left;font-size:0.9rem;background-color:#626262;text-align:left;padding:0.25rem 0.5rem;line-height:1.2rem;}
div.title {border-bottom:2px solid var(--bs-gray-800);}
div.title>span {color:var(--bs-orange);background-color:var(--bs-gray-200);padding:0 1rem 0 0.3rem;margin:0 1rem 1px 1.2rem;font-weight:bolder;font-size:1.1em;border-radius:0.2em 0.2em 0 0;transform:perspective(1em) rotateX(10deg);display:inline-block;border:2px solid var(--bs-gray-800);border-bottom:none;height:1.6rem;}
div.title>span>icon {color:var(--bs-blue);font-weight:lighter;}
.nowTime {font-weight:900;color:#ffffcc;font-size:1rem;width:14rem;}
hr {width:100%;flex-basis:100%;margin:0 auto;border:0;height:2px;background:#333;background-image:linear-gradient(to right,red,#333,rgb(9,206,91));}
ut {margin-top:-5px;padding:0 0.5em 1px 0.5em;border-bottom:1px dashed #ddd;display:inline-block;}
td[contenteditable],div[contenteditable],dd[contenteditable],dt[contenteditable] {background-color:#ffffcc;border:1px solid #ddd;}
dd[contenteditable],dt[contenteditable] {min-height:4rem;width:100%;flex-basis:100%;text-align:left;}
/*td[contenteditable]:before,div[contenteditable]:before {font-family:FontAwesome;content:"\f044";color:blue;margin-right:0.25rem;}*/div[contenteditable]:hover,dd[contenteditable]:hover,td[contenteditable]:hoverdd[contenteditable]:hover,dt[contenteditable]:hover {background-color:var(--bs-gray-200);}
div[contenteditable]:focus:after,td[contenteditable]:focus:after,dd[contenteditable]:focus:after,dt[contenteditable]:focus:after {font-family:FontAwesome;content:"\f044";color:blue;margin:-1rem auto auto 0rem;float:right;}
input:disabled,select:disabled {border:none;outline:medium;color:#222;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
dl.tree,dt,dd,fieldset {margin:0;padding:0;word-wrap:break-word;box-sizing:border-box;display:block;color:#000;background-color:white;}
dl.tree {border:1px solid rgb(119,118,118);margin:0.25em 0.25em 0.5em 0.25em;padding:0 0  0.5em 0;border-radius:4px;border-right:1px solid rgb(158,157,157);}
dl.tree > dt {display:block;text-indent:0.5em;line-height:35px;padding:0 5px;margin-top:0.25em;cursor:pointer;position:relative;border-bottom:1px solid rgb(158,157,157);font-weight:800;background-color:#fbfbfb;color:#000;text-align:left;}
dl.tree> dt:first-child {margin-top:0;border-radius:4px 4px 0 0;}
dl.tree > dt icon {position:absolute;overflow:hidden;right:15px;transition-duration:0.3s;transition-property:all;width:30px;top:5px;font-size:2.5rem;}
dl.tree > dt.selected icon {transform:rotate(180deg);}
dl.tree >dt:before {font-family:FontAwesome;content:"\f00b";color:blue;margin-right:0.25rem;font-size:1.5em;}
dl.tree > dt>span {color:#ff3366;font-size:0.7em;display:block;border-top:1px solid rgb(158,157,157);line-height:20px;margin:0 -5px;text-indent:0.2rem;font-weight:400;background-color:#f2fff2;}
dl.tree > dt>span:before {font-family:"FontAwesome" !important;content:"\f05a";padding:0.3rem;font-size:1.2em;font-weight:600;}
dl.tree > dd {padding:0.5em;}
dl.tree > dd > ul {padding:0px 5px 0 0;border-left:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-top:-0.5em;border-radius:0 0 0 4px;}
dl.tree > dd > ul > li {padding:0 0.5em 0.5em 0.5em;overflow:hidden;zoom:1;border-bottom:1px solid #f0f0f0;}
dl.tree > dd > ul > li.lh250 {line-height:2.5em;}
dl.tree > dd > ul > li:hover {cursor:pointer2;}
dl.tree > dd > ul > li:last-child {border-bottom:none;}
dl.tree > dd > ul > li > a {padding-left:26px;line-height:1.8em;margin-left:-1rem;display:block;text-decoration:none;}
dl.tree > dd > ul > li.current > a,dl.tree > dd > ul > li.current > a:hover {background-color:rgba(255,255,255,0.2);text-decoration:none;}
dl.tree dt.msg {width:100%;flex-basis:100%;padding:0.25rem 0.5rem;margin:0 auto;background:#ffe7db;color:#00006a;}
dl.dl-table {border:1px solid var(--bs-gray-300);margin:0.3rem;padding:0;display:flex;flex-wrap:wrap;}
dl.dl-table dt,dl.dl-table dd {padding:0.3em 0.5em;border-top:1px solid var(--bs-gray-300);}
dl.dl-table dt {flex-basis:40%;text-align:right;background-color:var(--bs-gray-100);}
dl.dl-table dd {flex-basis:60%;border-left:1px solid gray;}
dl.dl-table dt.msg {width:100%;flex-basis:100%;padding:0.25rem 0.5rem;margin:0 auto;background:black;color:white;text-align:left;}
dl.dl-table dt.title2:before {font-family:FontAwesome;content:"\f1b3";color:rgb(255,38,0);margin-right:0.25rem;font-weight:900;}
dl.dl-table dt.title {flex-basis:100%;width:100%;text-align:left;background-color:var(--bs-gray-200);}
fRow {max-width:100vw;margin:0 auto;display:flex;justify-content:center;align-items:center;}
fRow > fCol {margin:5px;flex-grow:1;flex-shrink:1;flex-basis:0;background-color:transparentize(white,0.8);color:transparentize(white,0.1);line-height:2.4em;min-height:2.4em;vertical-align:baseline;}
fRow > fCol button {line-height:1em;padding:0.4em 0.75em;}
fRow > fCol div {height:100%;line-height:2.4em;min-height:2.4em;}
fCol.col2 {flex-grow:2;flex-shrink:2;flex-basis:24px;}
fCol.col4 {flex-grow:2;flex-shrink:2;flex-basis:44px;}
fCol.col5 {flex-grow:5;flex-shrink:5;flex-basis:88px;}
fRow.tabs {flex-wrap:wrap;}
fRow.tabs fcol {border:1px solid green;border-radius:6px;text-align:center;}
.onlyForPrint,.print_pageTitle {display:none;}
.box {border:2px solid gray;border-radius:6px;padding:1em;}
statusbar:before {font-family:FontAwesome;content:"\f028";color:red;margin:0 0.5rem;font-size:1.25em;}
.bg-primary {background-color:#2680d9;color:white;}
.bg-white {background:white;color:black;}
.bg-success {background-color:#5eba5e;color:blue;}
.bg-warning {background-color:#f0a742;}
.bg-danger {background-color:#db5757;color:white;}
.bg-inverse,.bg-inverse a {background-color:#333;color:white;}
.bg-faded {background-color:#f2f2f2;}
.bg-red {background-color:#ff5722 !important;}
.bg-orange {background-color:#ffb800 !important;}
.bg-green {background-color:#009688 !important;}
.bg-cyan {background-color:#2f4056 !important;}
.bg-blue {background-color:#1e9fff !important;}
.bg-black {background-color:#393d49 !important;}
.bg-gray {background-color:#fafafa !important;color:#666 !important;}
.bg-primary icon,.bg-danger icon {color:yellow;}
button.bg-red,button.bg-red icon {color:white;}
button.vertical {min-height:65px;padding:0 1rem;margin:0.5rem;line-height:1em;width:5em;}
.txt-left,.text-l {text-align:left !important;;}
.txt-center,.text-c {text-align:center !important;;}
.txt-right,.text-r {text-align:right !important;;}
.txt-muted {color:#777;}
.txt-primary {color:#267fd9;}
.txt-danger {color:#db5757;}
.txt-red {color:#ff5722 !important;}
.txt-orange {color:#ffb800 !important;}
.txt-green {color:#009688 !important;}
.txt-cyan {color:#2f4056 !important;}
.txt-blue {color:#1e9fff !important;}
.txt-black {color:#393d49 !important;}
.txt-gray {color:#fafafa !important;color:#666 !important;}
.txt-primary {color:#2680d9 !important;}
.txt-white {color:white !important;}
.txt-success {color:#5eba5e;color:blue;}
.txt-warning {color:#f0a742 !important;}
.txt-danger {color:#db5757 !important;}
.txt-inverse {background-color:#333;color:white;}
.tsx075 {font-size:0.75em;}
.tsx087 {font-size:0.875em;}
.tsx125 {font-size:1.25em;}
.tsx150 {font-size:1.5em;}
.tsx175 {font-size:1.75em;}
.tsx200 {font-size:2em;}
.tsx250 {font-size:2.5em;}
.tsx300 {font-size:3em;}
.tsx400 {font-size:4em;}
.hidden,hidden {display:none;}

dialog {border-radius:6px;width:70%;    max-width:800px;      max-height:500px;height:500px;overflow-y:hidden;padding:0;border:2px solid gainsboro;}

dialog header {background-image:none;padding-left:0.5rem;color:white;font-size:1.25rem;height:40px;line-height:45px;background-color:#2680d9;}
dialog .main {padding:0.5rem;overflow-y:scroll;margin:0.5rem 0 0.5rem 0.5rem;}
dialog .buttons {text-align:right;background-color:bisque;padding:0.5rem;}
dialog icon {margin-right:0.5rem;}
tu {display:inline-block;padding:0 0.5rem;border-bottom:1px dashed #999;}
fieldset {border:1px dashed #999; }			   legend {margin:0 1rem;}