body, .gtable {
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.error {
  color: red
}

input, select {
    border: 1px solid #006;
    background: #ffc;
    font-size: 8pt;
}

.title {
  width: 100%;
  text-align: center;

  font-size: 1.4em;
  font-weight: bold;
}


table.gtable {
    background-color: #ddd;
    width:100%;
    border-collapse:collapse;
}
table.gtable_copy {
    z-index: 2;
    position: absolute;
}
table.gtable a {
    color: inherit;
}
table.gtable td
{
    font-size:1em;
    border:1px solid #98bf21;
    padding:3px 7px 2px 7px;
}
table.gtable th
{
    font-size:1.1em;
    text-align:left;
    padding-top:5px;
    padding-bottom:4px;
    background-color:#A7C942;
    border:1px solid #fff;
    color:#ffffff;
}
table.gtable th.filtered
{
    border-bottom: 1px solid #f00;
}
table.gtable tbody>tr.clicked td {
	border-bottom : 1px solid black;
}
table.gtable tbody>tr:nth-child(odd)
{
    color:#000000;
    background-color:#EAF2D3;
}
table.gtable tbody>tr.red:nth-child(odd)
{
    color:#000000;
    background-color:#FF0000;
}
table.gtable tbody>tr.red:nth-child(even)
{
    color:#000000;
    background-color:#FF3333;
}
span.red {
    color:#000000;
    background-color:#FF0000;
}
table.gtable tbody>tr.yellow:nth-child(odd) td
{
    color:#000000;
    background-color:#FFFF00;
}
table.gtable tbody>tr.yellow:nth-child(even) td
{
    color:#000000;
    background-color:#FFFF33;
}
span.yellow {
    color:#000000;
    background-color:#FFFF00;
}

table.gtable tbody>tr.pattern1, span.pattern1
{
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFUlEQVQYlWNgGBzArSGtYaDdMLgAAMj1Aa1rUFGhAAAAAElFTkSuQmCC");
}
table.gtable tbody>tr:hover
{
    color:#000000;
    background-color:#fbF3e4;
}
table.gtable tbody>tr.red:hover
{
    color:#000000;
    background-color:#FF9999;
}

table.gtable input {
    border: 1px solid #006;
    background: #ffc;
}

table.gtable pre.gstr {
    font-family: inherit;
    display: inline;
}

.gpopup {
    position: fixed;
    padding: 5;
    background-color: rgba(0, 0, 0, 0.8);
}

.gpopup a,.gpopup_entry {
    cursor: pointer;
    color: white;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 5;
}

.gpopup a:hover,.gpopup_entry:hover {
    background-color: black;
}


.gleft {
    width: 70%;
    margin-left: 10px;
}

.gright {
    /*float: right;*/
    cursor: pointer;
    text-decoration: none;
}

.span_btn {
    cursor: pointer;
}

.span_iframe {
    cursor: pointer;
    border-bottom: dashed 1px;
}

.link_iframe {
    width: 90%;
    height: 100%;
    border: none;
    border-right: 1px solid;
}

.hide_all {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

.form_inline {
    display: inline;
}

.div_left { float: left; }
.div_right { float: right; }
.div_center { margin:0 auto; width:50%; padding-left:20%;}
.div_container { width: 100%; }
.div_title { font-size: 1.2em; font-weight: bold; white-space: nowrap; }
.need_reload { border: 2px dashed green; }

.ele_not_focus {
    width: 1em;
}