/* public */
.ui_border .ui_lt,
.ui_border .ui_rt,
.ui_border .ui_lb,
.ui_border .ui_rb,
.ui_border .ui_l,
.ui_border .ui_r,
.ui_border .ui_t,
.ui_border .ui_b
{
    background-color: #66c0ee;
}

#tabbar {
    height: 40px;
    background-size: contain;
}

#tabc {
    top: 40px;
}

#frame_container {
    top: 40px;
}

html.has-tabc #frame_container {
    top: 70px;
}
#tabbar_container li a {
    width: 60px;
    height: 36px;
}
#tabbar_container li a.focus {
    background-size: cover;
}
#tabbar_container li img {
    width: 16px;
    height: 16px;
    margin: 0 auto 0;
}

.widget-com-grid .grid-search,
.widget-com-grid .widget-write-search
{
    overflow: scroll;
    box-sizing: border-box;
}

.widget-com-grid .widget-write-search span
{
    margin: 5px 0;
    display: block;
}


.widget-com-grid .widget-write-search .text
{
    width: auto !important;
}
.widget-com-grid .widget-write-search .text-date
{
    width: auto;
    max-width: 120px;
}
.widget-com-grid .widget-write-search .text-date[name=sdate]{
    margin-right: 5px;
}
.widget-com-grid .widget-write-search .text-date[name=edate] {
    margin-left: 5px;
}


.widget-com-grid .write-search-container span{
    display: block;
    float: none;
}

.widget-com-grid .grid-search table td {
    display: block;
}

.widget-com-tree .ztree {
    width: auto;
}

.widget-com-tree .tree-container {
    width: 30vw;
    height: 100vh;
    box-sizing: border-box;
}

.widget-com-tree .tree-details {
    width: 70vw;
    overflow-x: auto;
}
.widget-com-tree .tree-details .container {
    padding: 8px 6px;
}
.widget-com-tree .tree-details td {
    display: block;
}

.widget-com-tree .tree-details .taw-1,
.widget-com-tree .tree-details .taw-2 {
    width: 100%;
}

.html-config .widget-com-tree .tree-details input[type=text]{
    max-width: 66vw !important;
}
.html-config .widget-com-tree .tree-details .attrs-item input[type=text]{
    width: 110px;
}

.html-role .widget-com-tree .tree-details td{
    text-align: center;
}

.widget-com-form > form >table>tbody>tr>td:first-child{
    width: 25vw;
}
.widget-com-form > form >table>tbody>tr>td:last-child{
    width: 75vw;
}

.widget-com-form textarea {
    max-width: 100%;
}

/* html-index-index */
.html-index-index #main {
    margin: 5%;
}
.html-index-index #login_title {
    padding-left: 0;
    background: none;
    margin: 10% 0 12%;
}
.html-index-index #logo_panel{
    display: none;
}

.html-index-index #login_panel{
    float: none;
    background: none;
    width: auto;
    margin-top: 10%;
}

.html-index-index #login_container {
    padding: 0;
    text-align: center;
}

.html-index-index #login_form .text-label,
.html-index-index #login_form .submit
{
    margin: 8% auto;
}

/* html-desktop-index */
.html-desktop-index #widget {
    display: none;
}
.html-desktop-index #applicaiton .app{

    float: left;
    position: static;
    width: 25%;
    margin-bottom: 6%;
}

/* html-batchsms */

.html-batchsms textarea[name=indep_phonenum]{
    width: 73vw;
}

/* html-orders */
.html-orders input[name=remark] {
    width: auto !important;
}

/* html-orders-customer */
.html-orders-customer .grid-list>thead>tr>th {
    width: auto;
}

/* html-customer */
.html-customer textarea[name=remark] {
    width: 73vw !important;
}

/* html-news-index */
.html-news-index body {
    padding-top: 64px;
}
.html-news-index .widget-com-grid .grid-search {
    height: 64px;
}

/* html-attendance */
.html-attendance body{
    padding-top: 64px !important;
}

.html-attendance .widget-com-grid .grid-search {
    height: 64px !important;
}

.html-attendance .widget-com-grid .grid-search .Wdate{
    width: 120px !important;
}

/* html-spend-index */
.html-spend-index body{
    padding-top: 64px !important;
}

.html-spend-index .widget-com-grid .widget-write-search {
    height: 64px !important;
}

/* html-wage */
.html-wage body{
    padding-top: 64px !important;
}

.html-wage .widget-com-grid .widget-write-search {
    height: 64px !important;
}

/* html-bank */
.html-bank body{
    padding-top: 64px !important;
}

.html-bank .widget-com-grid .widget-write-search {
    height: 64px !important;
}

/* html-customer-statistics */
.html-customer-statistics body{
    padding-top: 64px !important;
}

.html-customer-statistics .widget-com-grid .grid-search {
    height: 64px !important;
}

/* html-customer-region */
.html-customer-region body{
    padding-top: 64px !important;
}

.html-customer-region .widget-com-grid .grid-search {
    height: 64px !important;
}

/* html-withdraw  */
.html-withdraw body{
    padding-top: 64px !important;
}

.html-withdraw .widget-com-grid .widget-write-search {
    height: 64px !important;
}

/* html-refund */
.html-refund body{
    padding-top: 64px !important;
}

.html-refund .widget-com-grid .widget-write-search {
    height: 64px !important;
}