
.x-grid-row td, .x-grid-summary-row td {
    -moz-user-select:text;
    -webkit-user-select: text;
   }
   
   
   .w-fx {width:100px; float:'left'; margin:5px; border:1px solid #000;}
   
   
   #w-noti.t, #w-alm.t, .w-alm.t {
       position:absolute;
       z-index:999999;    
       left:50%;
       top:50px;
       width:400px;
       margin-left:-200px;    
   }
   
   #w-noti.r, #w-alm.r, .w-alm.r {
       position:absolute;
       z-index:999999;    
       right:10px;
       bottom:50px;
       width:250px;
   }
   
   #w-noti.b, #w-alm.b, .w-alm.b {
       position:absolute;
       z-index:999999;    
       left:50%;
       bottom:50px;
       width:400px;
   }
   
   #w-noti .msg, #w-alm .msg, .w-alm .msg {
       border-radius: 8px;
       -moz-border-radius: 8px;
       border: 2px solid #ccc;
       margin-top: 2px;
       padding: 10px 15px;
   }
   
   #w-noti .msg h3, #w-alm .msg h3, .w-alm .msg h3 {
       margin: 0 0 8px;
       font-weight: bold;
       font-size: 15px;
   }
   #w-noti .msg p {
       margin: 0;
   }
   
   
   .w-warning {background:orange; color:#fff; }
   .w-success {background:green; color:#fff; }
   .w-error {background:#ff0000; color:#fff; }
   .w-noti {background:#114499; color:#fff; }
   
   .w-alm-fx {background:#e28102; color:#fff;}
   .w-alm-stock {background:#2b8a43; color:#fff;}
   .w-alm-future {background:#2b548a; color:#fff;}
   
   .w-buy {background:#fbeeeb;}
   .w-sell {background:#deeaf7;}
   
   
   .w-stk-bg {background:#e6e9da; }
   .w-stk-win {border:1px solid skyblue; }
   
   .w-fx-bg {background:#caebd6;}
   .w-fx-win {border:1px solid darkblue; }
   
   .w-fut-bg {background:#faaae2;}
   .w-fut-win {border:1px solid rgb(90, 2, 53); }
   
   .w-btc-bg {background:#dfd1e9; }
   .w-btc-win {border:1px solid rgb(240, 191, 199); }
   
   .btnGYN {background:green; color:#fff; font-size:8pt; text-align:center;}
   
   
   .mytable { border-collapse:collapse; width:100%;}  
   .mytable th, .mytable td { border:1px solid rgb(146, 144, 144); }
   .mytable th {background-color: rgb(230, 231, 231);}
   .mytable td {text-align:'right'; padding:3px;}
   .mytable button {height:40px;}
   
   .w-dae:not(.x-grid-row-selected):not(.x-grid-row-over) .x-grid-cell {
       background-color: yellow;
   }
   
   .w-dae:not(.x-grid-row-selected).x-grid-row-over .x-grid-cell {
       background-color: rgb(148, 148, 7)
   }
   
   .w-nor:not(.x-grid-row-selected):not(.x-grid-row-over) .x-grid-cell {
       background-color: rgb(170, 248, 170);
   }
   
   .w-nor:not(.x-grid-row-selected).x-grid-row-over .x-grid-cell {
       background-color: rgb(12, 247, 12);
   }
   
   .w-che:not(.x-grid-row-selected):not(.x-grid-row-over) .x-grid-cell {
       background-color: white;
   }
   
   /* .w-che:not(.x-grid-row-selected).x-grid-row-over .x-grid-cell {
       background-color: rgb(148, 147, 147);
   } */
   
   tfoot .x-grid-row-summary td {position:-webkit-sticky;position:sticky;bottom:0px; background-color:skyblue !important; height:30px; border:solid 0 1px gray}
   tfoot .x-grid-row-summary .x-grid-cell {background-color:skyblue !important;}
   
   .up {color:#ff0000;}
   .dn {color:#0000ff;}
   .green {color: green;}
   .red {color: red;}

   .xx-red {background: darkred;}

   .bd-red {border:1px solid red;}

   span.key {font-weight: bold; color:#e28102}

   .x-window-header-default {
    background-color:blueviolet;
    border-color: blueviolet;
   }