body,
input,
textarea {
    font-family: Arial, sans-serif;
}

.block_usermenu {
    background: #666;
    color: #ffffff;
    overflow: auto;
    text-align: left;
    font-size: 0.9em;
    position: relative;
    padding: 5px;
}

.bk12 {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

/*
tr{
max-height:25px;
}*/
tr th {
    background-color: #AFAFAF;
}

tr td {
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    height: 25px;
    padding: 3px;
}

tr.setting td {
    background-color: #FBFAFA;
}

tr.odd:hover,
tr.even:hover {
    background-color: #FF9B9B;
}

tr.odd {
    background-color: #E1FBF8;
}

tr.even {
    background-color: #8AE1D7;
}

tr.selected {
    background-color: #34affd;
}

tr.sync-news,
tr.sync-news td a {
    color: #0113b8;
}

tr.unconfirm-visible,
tr.unconfirm-visible td a {
    color: #e07b04;
}

tr.synceven {
    background-color: #FFCF73;
}

tr.syncodd {
    background-color: #F9FF48;
}

table#ntb {
    border: 1px;
    font-size: 1.0em;
    border-collpase: collpase;
    table-layout: fixed;
}

table#ntb img {
    border: 0px;
}

table thead {
    color: #F3F6FB;
}

.btnStyle {
    -moz-box-shadow: inset 0px 1px 0px 0px #9acc85;
    -webkit-box-shadow: inset 0px 1px 0px 0px #9acc85;
    box-shadow: inset 0px 1px 0px 0px #9acc85;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
    background: -moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b', GradientType=0);
    background-color: #74ad5a;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #3b6e22;
    cursor: pointer;
    color: #ffffff;
    padding: 5px 15px;
    margin: 0 5px;
    text-decoration: none;
}

.btnStyle:hover {
    -moz-box-shadow: inset 0px 1px 0px 0px #9acc85;
    -webkit-box-shadow: inset 0px 1px 0px 0px #9acc85;
    box-shadow: inset 0px 1px 0px 0px #9acc85;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6fa356), color-stop(1, #518238));
    background: -moz-linear-gradient(top, #6fa356 5%, #518238 100%);
    background: -webkit-linear-gradient(top, #6fa356 5%, #518238 100%);
    background: -o-linear-gradient(top, #6fa356 5%, #518238 100%);
    background: -ms-linear-gradient(top, #6fa356 5%, #518238 100%);
    background: linear-gradient(to bottom, #6fa356 5%, #518238 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6fa356', endColorstr='#518238', GradientType=0);
    background-color: #6fa356;
}

.btnStyles {
    padding: 0 13px;
    _padding: 0 5px;
    height: 24px;
    border: 1px solid #7B6D39;
    background-position: 0 -90px;
    border-top-color: #9C9A9C;
    border-bottom-color: #BD7521;
    background-color: #D0DCC4;
    color: #336600;
    font-size: 1.0em;
    cursor: pointer;
}

.btnRedStyle {
    padding: 0 13px;
    _padding: 0 5px;
    height: 24px;
    border: 1px solid #7B6D39;
    background-position: 0 -90px;
    border-top-color: #9C9A9C;
    border-bottom-color: #BD7521;
    background-color: #FF0000;
    color: #FFFFFF;
    font-size: 1.0em;
    cursor: pointer;
}

.btnStyle:disabled,
.btnRedStyle:disabled,
.btnDisableStyle {
    border: 1px solid #CCCCCC;
    background-position: 0 -90px;
    border-top-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    background-color: #CCCCCC;
    color: #FFFFFF;
    cursor: default;
}

.btnStyle:disabled {
    -moz-box-shadow: inset 0px 1px 0px 0px #90968d;
    -webkit-box-shadow: inset 0px 1px 0px 0px #90968d;
    box-shadow: inset 0px 1px 0px 0px #90968d;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #858884), color-stop(1, #858884));
    background: -moz-linear-gradient(top, #858884 5%, #858884 100%);
    background: -webkit-linear-gradient(top, #858884 5%, #858884 100%);
    background: -o-linear-gradient(top, #858884 5%, #858884 100%);
    background: -ms-linear-gradient(top, #858884 5%, #858884 100%);
    background: linear-gradient(to bottom, #858884 5%, #858884 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#858884', endColorstr='#858884', GradientType=0);
    background-color: #858884;
    color: #c7c9c7;
}

.table_block_footer {
    width: 100%;
    clear: both;
    border-top: 1px dotted #99CC99;
    text-align: center;
    padding-top: 12px;
    margin-top: 8px;
}

/* th.sortable {
cursor: pointer;
text-decoration: none;
color:#ffffff;
}
th.sortable:hover {
text-decoration: underline;
color:#ff0000;
} */
#on-reading-msg {
    color: #FFF71E;
}

.navDiv {
    clear: both;
    text-align: center;
    font-family: "Courier New", Courier, monospace;
    font-size: 0.8em;
    padding: 5px;
}

#search {
    /*height:20px;*/
    right: 20px;
    top: 0px;
    font-size: 0.9em;
    margin-top: -3px;
    float: right;
}

.page-ctl-x {
    padding: 5px;
}

.page-a-x {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
}

.action-section {
    display: flex;
    align-items: center;
    gap: 3px;
}

.pagination-group {
    display: flex;
    gap: 2px;
}

span.btn {
    /* width: 60px;
height: 16px; */
    font-size: 0.8em;
    text-align: center;
    text-decoration: none;
    color: #B1B1B1;
    margin: 1px;
    /*background: url(../img/tdbutton.png) left no-repeat;*/
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 3px;
    cursor: pointer;
}

span.btn a {
    text-decoration: none;
    color: #656565;
}

span.btn a:hover {
    text-decoration: none;
    color: #A40000;
}

span.btn a:focus {
    text-decoration: none;
    color: #A40000;
}

span.btn.disablebtn a {
    text-decoration: none;
    color: #d5d5d5;
}

span.btn.disablebtn a:hover {
    text-decoration: none;
    color: #d5d5d5;
}

span.btn.disablebtn a:focus {
    text-decoration: none;
    color: #d5d5d5;
}

.button-customize-red-x {
    background: linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
    background-color: #fc8d83;
    border-radius: 6px;
    border: 1px solid #d83526;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #b23e35;
}