/*
 *      style - base
 *
 *      author: Usher Chen (usherchen@gmail.com)
 */


html, 
body { 
    word-wrap: break-word;
    /*word-break: break-all;*/
    height: 100%;
    width: 100%;
    max-width: 100%;
    margin: 0px;
    padding: 0px;
}

/* disable selection/Copy of UIWebView */
*:not(input):not(textarea) {
    user-select: none;
    -webkit-user-select: none;
}

a,
input,
select,
textarea,
button,
div,
span,
td {
    word-wrap: break-word;
    /*word-break: break-all;*/
    font-family: Tahoma,arial,sans-serif,Verdana;
}

/*
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
*/

button:not([disabled]):active { 
    background-color: #FF671E;
}

table {
    empty-cells: show;
}

img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.uit {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    display: flex;
    flex-wrap: wrap;
    
    width: 100%;
    padding: 8px;
}

.uit_column {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    display: flex;
    flex-wrap: wrap;
    
    justify-content: center;
    align-content: center;
    align-items: center;
}

.uit_column + .uit_column {
    margin-left: 8px;
}

.uit_column.uit_s_no {
    order: 0;
    text-align: left;
}

.uit_column.uit_s_icon {
    order: 5;
}

.uit_column.uit_s_cod {
    order: 8;
    width: 20%;
    min-width: 20%;
    /*vertical-align: top;*/
}

.uit_column.uit_s_pri {
    order: 10;
    text-align: left;
    flex-grow: 3;
    flex-shrink: 1;
    flex-basis: 0%;
}

.uit_column.uit_s_sec {
    order: 15;
    text-align: right;
    width: 30%;
    min-width: 30%;
    max-width: 60%;
}

.uit_column.uit_s_inp {
    order: 15;
    text-align: right;
    width: 60%;
    max-width: 60%;
}

.uit_column.uit_s_sys {
    order: 18;
    text-align: right;
}

.uit_column.uit_s_btn {
    order: 20;
}

.uit_column.uit_s_chart {
    order: 30;
    width: 100%;
    margin-top: 8px;
    margin-left: 0px;
}

.uit_column.uit_s_image {
    order: 35;
    width: 100%;
    margin-top: 8px;
    margin-left: 0px;
}

.uit_column.uit_s_chatMsgData {
    order: 10;
}

.uit_column.uit_s_chatMsgInfo {
    order: 50;
}

.uit_column .uit_s_caption,
.uit_column .uit_s_desc,
.uit_column .uit_s_value,
.uit_column .uit_s_unit {
    width: 100%;
}

.rTable {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.rowItem {
    box-sizing: border-box;
}

.rowItem + .rowItem {
    border-left: gray 1px solid;
}

.padDiv {
    padding: 8px;
}

.uit_s_value {
    color: dimgray;
}

.uit_s_desc,
.uit_s_unit {
    margin-top: 2px;
    color: gray;
}

.uit_column.uit_s_cod .uit_s_value {
    color: red;
}

.rTable {
    /*border-top: #DDDDDD 1px solid;*/
    border-bottom: lightgray 1px solid;
}

.disabled,
.disabled .uit_s_caption {
    color: gray;
}

.disabled,
label.disabled .uit,
.uit.disabled {
    opacity: 0.4;
}

.onoffswitch {
    position: relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    padding: 0;
    border: 2px solid #999999;
    background-color: #EEEEEE;
    transition: background-color 0.2s ease-in;
}

.onoffswitch-label:before {
    content: "";
    display: block;
    margin: 0px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    border: 2px solid #999999;
    transition: all 0.2s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
}

.toolbar_tc {
    text-align: center;
}

.toolbar_tc .toolbar_tb {
    display: inline-block;
    /*font-weight: bold;*/
    text-shadow: 0px 1px 1px #202020;
}

.alarm,
._red {
    color: red;
}

.display_none {
    display: none;
}

._blue {
    color: blue;
}

._green {
    color: green;
}

._orange {
    color: orange;
}