@charset "utf-8";
/* 
Developed by Innotech 2010.
Version : [M01_1.00]. Date : [17/03/10].
Ver. history : [...]
Website : http://www.innotech.vn. Email : [info@innotech.vn]
All rights reserved.
--------------------------------------*/
/* IMPORT OTHER STYLESHEETS
-------------------------------------*/
/*@import url("i_main_detail.css");*/

/*RESET & BASIC PAGE SETUP
------------------------------------------------------ */
* {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

    *,
    *:before,
    *:after {
        box-sizing: inherit;
    }

html, body {
    height: 100%;
    box-sizing: border-box;
    color: #1a1a1a;
    border-width: 0px;
}

body {
    /*font-family: Arial, Tahoma, Verdana;*/
    /*font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    color: #333;
    background: #f2f2f2;
    min-height: 100%;
    position: relative;
    margin: 0;
    padding-bottom: 6rem;*/
    font-size: 12px;
    /*line-height: 14px;*/
    font-weight: 400;
    color: #333;
    background: #f2f2f2;
    position: relative;
    margin: 0;
    padding-bottom: 6rem;
    min-height: 100%;
    font-family: Averta-Regular,sans-serif !important;
}

    body.loginPage {
        background: #fff;
    }

img {
    border: 0 none;
}

outline {
    border: none;
}

ul {
    list-style: none;
}
/* Tables--------------------------------------*/
table {
    border-color: azure;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
}

td, th {
    border-color: cadetblue;
    padding: 2px;
    color: #333;
}

th {
    font-weight: bold;
}
/* TOOL BOX
------------------------------------------------------ */
.left {
    float: left;
}

.right {
    float: right;
}

.text_l {
    text-align: left !important;
}

.text_c {
    text-align: center;
}

.text_r {
    text-align: right;
}

.clear {
    clear: both;
}

a {
    text-decoration: none;
    cursor: pointer;
    outline: none;
}

    a:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.advances {
    color: #03ff04 !important;
}

.declines {
    color: #ff0000 !important;
}

.no_change {
    color: #ff9600 !important;
}

.red {
    color: #ff0000 !important;
}

.red_hightlight {
    color: #000 !important;
    background: #ff0000 !important;
}

.green {
    color: #018701 !important;
}

.green_hightlight {
    color: #000 !important;
    background: #03ff04 !important;
}

.status_marketopen {
    color: #03ff04 !important;
}

.yellow {
    color: #ffff00 !important;
}

.yellow_hightlight {
    color: #000 !important;
    background: #ffff00 !important;
}

.violet {
    color: #952d98 !important;
}

.violet_hightlight {
    color: #000 !important;
    background: #952d98 !important;
}

.cyan {
    color: #00ffff !important;
}

.cyan_hightlight {
    color: #000 !important;
    background: #00ffff !important;
}

.white {
    color: #fff !important;
}

.dark_yellow {
    color: #df7a00 !important;
}

button {
    cursor: pointer;
}

.btn_round {
    margin-right: 4px;
}

.btn_submit_a2 {
    float: left;
    display: block;
    margin-right: 10px;
    height: 27px;
    background: url( 'Images/btn_submit_a2.png' ) no-repeat top left;
}

    .btn_submit_a2 .submit_a2 {
        border: none;
        height: 27px;
        margin-left: 4px;
        padding-right: 5px;
        font-size: 1.1em;
        color: #595959;
        font-weight: bold;
        background: url( 'Images/btn_submit_a2.png' ) no-repeat bottom right;
    }

.none {
    display: none;
}

.w30 {
    width: 30px;
}


.w35 {
    width: 35px !important;
}

.w40 {
    width: 40px;
}

.w45 {
    width: 45px;
}

.w50 {
    width: 50px;
}

.w55 {
    width: 55px;
}

.w60 {
    width: 60px !important;
}

.w65 {
    width: 65px !important;
}

.w70 {
    width: 70px !important;
}

.w80 {
    width: 80px !important;
}

.w90 {
    width: 90px !important;
}

.w95 {
    width: 97px;
}

.w100 {
    width: 100px !important;
}

.w105 {
    width: 105px;
}

.w110 {
    width: 110px;
}

.w110i {
    width: 110px !important;
}

.w115 {
    width: 115px;
}

.w120 {
    width: 120px !important;
}

.w125 {
    width: 125px !important;
}

.w130 {
    width: 130px !important;
}

.w150 {
    width: 150px;
}

.w151 {
    width: 151px;
}

.w155 {
    width: 155px;
}

.w160 {
    width: 160px;
}

.w170 {
    width: 170px;
}

.w175 {
    width: 175px;
}

.w180 {
    width: 180px;
}

.w187 {
    width: 187px;
}

.w255 {
    width: 255px;
}

.w260 {
    width: 260px;
}

.w275 {
    width: 275px;
}

.w83 {
    width: 83px;
}

.w190 {
    width: 190px;
}

.w200 {
    width: 200px;
}

.w205 {
    width: 205px;
}

.w210 {
    width: 210px;
}

.w220 {
    width: 223px;
}

.w250 {
    width: 250px;
}

.w270 {
    width: 270px;
}

.w305 {
    width: 305px;
}

.w315 {
    width: 315px;
}

.w320 {
    width: 320px;
}

.w450 {
    width: 450px;
}

.w500 {
    width: 500px;
}

.w595 {
    width: 595px !important;
}

.w600 {
    width: 600px !important;
}

.w645 {
    width: 645px !important;
}

.w660 {
    width: 660px !important;
}

.w682 {
    width: 678px !important;
}

.h20 {
    height: 20px !important;
}

.minw600 {
    min-width: 600px !important;
}

.ptop10 {
    padding-top: 10px;
}

.ptop30 {
    padding-top: 20px;
}

.ptop3 {
    padding-top: 3px !important;
}

.ptop4 {
    padding-top: 4px;
}

.pbottom10 {
    padding-bottom: 10px;
}

.pbottom15 {
    padding-bottom: 15px !important;
}

.pright5 {
    padding-right: 5px !important;
}

.pright15 {
    padding-right: 15px !important;
}

.pright10 {
    padding-right: 10px !important;
}

.pright0 {
    padding-right: 0px !important;
}

.pleft5 {
    padding-left: 5px !important;
}

.pleft0 {
    padding-left: 0px !important;
}

.pleft10 {
    padding-left: 10px !important;
}

.pleft20 {
    padding-left: 20px !important;
}

.pleft24 {
    padding-left: 24px !important;
}

.mt35 {
    margin-top: 35px;
}

.mt-35 {
    margin-top: -35px;
}

.mt-45 {
    margin-top: -45px;
}

.mt10 {
    margin-top: 10px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mt20 {
    margin-top: 20px;
}

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px;
}

.mr5 {
    margin-right: 5px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px;
}

.ml35 {
    margin-left: 35px;
}

.ml25 {
    margin-left: 25px;
}

.ml60 {
    margin-left: 60px;
}

.ml70 {
    margin-left: 70px;
}

.ml90 {
    margin-left: 90px;
}

.mr10 {
    margin-right: 10px;
}

.ml125 {
    margin-left: 125px;
}

.ml50 {
    clear: both;
    margin-left: 50px;
}

.ml40 {
    clear: both;
    margin-left: 40px;
}

.ml30 {
    clear: both;
    margin-left: 30px;
}

.ml20 {
    clear: both;
    margin-left: 20px;
}

.mr0 {
    margin-right: 0px !important;
}

.mr3 {
    margin-right: 3px;
}

.mr20 {
    margin-right: 20px;
}

.mr360 {
    margin-right: 360px;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.uppercase {
    text-transform: uppercase;
}

.stock_code {
    font-weight: normal;
    text-align: left;
}

.faq1 {
    font-size: 1.1em;
    font-style: italic;
    color: #4c4c4c;
    font-weight: bold;
    padding: 0 2px;
}

.mbottom10 {
    margin-bottom: 10px;
}


#i_wrapper {
    float: left;
    width: 100%;
    height: auto !important;
    /*margin: 0px 0px 90px 0px;
    padding-bottom: 90px;*/
}

.i_push {
    height: 95px;
}

#i_header {
    display: block;
    margin: 0 auto;
    height: 70px;
    position: relative;
    z-index: 1000;
    padding: 0;
}

#i_header_login {
    display: block;
    margin: 0 auto 40px;
    width: 1000px;
    height: 50px;
    border-bottom: 5px solid #00723E;
    position: relative;
    z-index: 1;
}

#i_MarketQuotes {
    display: block;
    margin: 0px auto 0;
    background: #212121;
    padding: 5px 0 1px;
}

#i_content {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

#i_footer {
    /*border-top: 1px solid #ddd;
    background: #0166B3;
    padding-bottom: 5px;
    padding-top: 10px;
    width: 100%;
    float: left;
    position: fixed;
    bottom: 0;*/
    background: url(Images/footer_img.png) no-repeat top right #0166B3;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 5px;
    padding-top: 10px;
}

.show_info {
    position: relative;
}

#tbodyQuote td.stock_code {
    margin: 0;
    padding: 1px 0 1px;
    float: left;
    display: inline-block;
    position: relative;
    border-right: 1px solid #2e3036 !important;
}

    #tbodyQuote td.stock_code .priceboardStock {
        position: absolute;
        width: 100%;
        height: 1px;
        background: #ff0000;
        left: 0;
        bottom: 0;
    }

.tooltipBtn {
    display: none;
}

#tbodyQuote td.stock_code .priceboardStock .priceboardStockBid {
    height: 1px;
    background: #03ff04;
    width: 50%;
    float: left;
}

#tbodyQuote td.stock_code span a {
    margin-right: 2px;
    margin-top: 10px;
    padding: 2px 0;
    display: inline-block;
    min-width: inherit;
    padding-left: 2px;
    width: inherit;
}

#tbodyQuote tr {
    position: relative;
}

#tbodyQuote .tooltipBtn {
    position: absolute;
    top: 25px;
    width: 100%;
    background: #fff;
    padding: 3px;
    z-index: 99;
    box-shadow: 0 10px 20px rgba(0,0,0,0.29), 0 6px 6px rgba(0,0,0,0.33);
    border-radius: 3px;
    min-width: 210px;
    text-align: center;
    left: 5px;
}

    #tbodyQuote .tooltipBtn:before {
        content: "\f0d8";
        position: absolute;
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(0deg);
        top: -10px;
        color: #fff;
        left: 7px;
        font-size: 20px;
        z-index: -1;
        font: normal normal normal 14px/1 FontAwesome;
    }

    #tbodyQuote .tooltipBtn a {
        margin: 0;
        margin-right: 2%;
        padding: 5px 10px;
        max-height: 26px;
        display: inline-block;
        border: none;
        width: 23%;
        color: #fff !important;
        text-transform: capitalize;
    }

        #tbodyQuote .tooltipBtn a:last-child {
            margin-right: 0;
        }

.show_info .icon-info {
    margin: 5px;
    display: inline-block;
}

    .show_info .icon-info:before {
        border: 1px solid;
        border-radius: 50%;
        padding: 2px;
    }
/*Table Data Grid 10 ----------------------------------*/
.data_grid10 {
}

    .data_grid10 tbody tr:hover td:not(.pb_green_hightlight):not(.pb_red_hightlight):not(.pb_yellow_hightlight):not(.pb_violet_hightlight):not(.pb_cyan_hightlight) {
        background: #15232d !important;
    }
    .data_grid10 tbody tr:focus {
        outline: none !important;
    }


.data_grid10_head {
    background: #fff;
    border-bottom: 2px solid #007ac9;
}

.black {
    background: #000 !important;
    border-bottom: none;
}

.lang_t1 .icon-log-out {
    font-size: 20px;
    padding: 0px 0 0;
    margin: 0px 0 0;
    display: inline-block;
    line-height: 15px;
    /*float: left;*/
    color: #e51937;
}

.lang_t1 span {
    float: left;
    color: #e51937;
    line-height: 22px;
    padding: 0 5px;
}

.table-priceBoard .black th {
    color: #fff !important;
    background: #091014;
}

.data_grid10_head th {
    color: #007ac9;
    padding: 4px 4px;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    padding-left: 2px;
    font-family: Averta-Regular,sans-serif !important;
    line-height: 18px;
}

.data_grid10_head tr:nth-child(2) th, .data_grid10_head tr:nth-child(3) th {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.data_grid10 thead tr th {
    border: 1px solid #424242;
}

.data_grid10 tbody tr td {
    border: 1px solid #2e3036 !important; /*1px solid #373b4a !important;*/
    padding: 4px 2px; /*font-size: 13px;*/
    font-family: Averta-Regular,sans-serif !important;
    background: #091014;
    margin: 1px;
}

.data_grid10 tbody, .data_grid10 .grey {
    background: #15232d !important;
}

.data_grid10 .odd {
    background: #000;
    vertical-align: middle;
}

    .data_grid10 .odd img, .data_grid10 .even img {
        margin-right: 2px;
        margin-top: 2px;
    }

.data_grid10 .even {
    background: #000;
    vertical-align: middle;
}

.data_grid10 .stock_code {
    /*padding: 4px 0;     font-size: 15px;*/
    min-width: 75px;
    width: 100%;
    border-right: none !important;
    border-bottom: none !important;
}

.price_board_stock {
    min-width: 50px;
    max-width: 100px;
}

.order_img_expand img, .group img {
    width: 12px !important;
    height: 12px !important;
}

.data_grid11 tbody tr td img {
    width: 16px;
    height: 16px;
}

.stock_code span span.stock_code {
    width: 20px;
    display: inline-block;
}

#subPriceBoardTab {
    border: none;
}

    #subPriceBoardTab ul li.lisub_menu {
        font-weight: bold;
        background: rgba(255, 255, 255, 0.44);
        border-bottom: none;
        float: none;
        display: block;
        padding: 0;
        margin: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

ul.menuTab ul li {
    background: hsla(0, 0%, 100%, 0.29);
}

.data_grid10 .normal {
    text-align: right;
}

.data_grid10 tbody tr td.tdPrice {
    padding: 2px 0px 0px 0px !important;
    background-color: #7b7b7b !important;
}

a.stock_code {
    color: #fff;
}

.data_grid10 .stock_market_code {
    font-weight: normal;
    text-align: center;
}

.StockQuote_order_green {
    font-weight: bold;
    text-align: center;
}

    .StockQuote_order_green a {
        text-decoration: underline;
        color: #fff;
        font-size: 11px;
    }

        .StockQuote_order_green a:hover {
            color: #fff;
        }

.StockQuote_order_red {
    font-weight: bold;
    text-align: center;
}

    .StockQuote_order_red a {
        text-decoration: underline;
        color: #fff;
        font-size: 11px;
    }

        .StockQuote_order_green a.disable_pri, .StockQuote_order_green a:hover.disable_pri, .StockQuote_order_red a.disable_pri, .StockQuote_order_red a:hover.disable_pri {
            color: #fff;
            background: #3E3E3E !important;
            cursor: default !important;
        }

        .StockQuote_order_red a:hover {
            color: #fff;
        }

.StockQuote_order_yellow {
    font-weight: bold;
    text-align: center;
}

    .StockQuote_order_yellow a {
        text-decoration: underline;
        color: #feae19;
    }

        .StockQuote_order_yellow a:hover {
            color: #ffc355;
        }

.headGrid11 {
    margin-bottom: 2px;
}

.data_grid11 {
    border: none;
    font-family: Averta-Regular,sans-serif !important;
    min-width: 450px;
    width: 99.99%;
    overflow: auto;
}

    .data_grid11 th, .data_grid11 td {
        border: 1px solid #a7a9ac;
    }

.data_grid11_head {
    background: #959595;
    empty-cells: show;
    border-collapse: separate;
}

.data_grid11_noBorder1 {
    border-style: solid solid none solid;
    border-width: thin thin 1 thin;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: inherit;
    border-left-color: #FFFFFF;
}

.data_grid11_noBorder2 {
    border-style: none solid none solid;
    border-width: 1 thin 0px thin;
    border-top-color: inherit;
    border-right-color: #FFFFFF;
    border-bottom-color: inherit;
    border-left-color: #FFFFFF;
}

.data_grid11_head th {
    /*padding: 5px 2px;*/
    font-size: 12px;
    text-align: center;
    font-weight: 100;
    color: #fff;
    background: #00A8EC;
    /*border-bottom-color: #5b5b5b;
    border-top-color: #5b5b5b;*/
    font-weight: bold;
}
@media only screen and (max-width: 1600px) {
    .data_grid11 tbody td.fontPrint, .sumtr td.fontPrint {
        font-size: 9px;
    }
}
.data_grid11_head td {
    /*padding: 5px 2px;*/
    font-size: 12px;
    text-align: center;
    font-weight: 100;
    color: #333;
    background: #00A8EC;
    /*border-bottom-color: #5b5b5b;
    border-top-color: #5b5b5b;*/
    font-weight: bold;
}

.data_grid11_head tr:nth-child(1), .data_grid11_head tr:nth-child(2) th, .data_grid11_head tr:nth-child(3) th {
    border-top: 1px solid #E0E0E0;
}

#ContentPlace {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.data_grid11_fshead {
    padding: 9px 2px !important;
}

.data_grid11 tbody td {
    font-size: 12px;
    padding: 5px 2px 2px;
    background: #fff;
    white-space: nowrap;
    border-left: 1px solid #ddd;
    position: relative;
    border-top: none;
}
.DataHistoryMTContent_body tbody td {
      white-space: unset !important;
}
.tbl_responsive .regular-checkbox + label {
    margin: 0 2px;
}

.tbl_responsive .regular-checkbox:checked + label:after {
    top: 3px;
}

.tbl_responsive .data_grid11_head tr th:first-child, .tbl_responsive tbody tr td:first-child {
    width: 32px;
}

.data_grid11 .green, .popUpGrid .green {
    color: #00aa00;
    font-weight: normal;
}

.data_grid11 .red, .popUpGrid .red {
    color: #b40000;
    font-weight: normal;
}

.data_grid12_head th {
    padding: 3px 2px;
    font-size: 1.2em;
    background: #eeefef url('Images/data_grid11_bg.png') repeat-x bottom left;
}

.data_grid12 {
    font-family: Averta-Regular,sans-serif !important;
}

    .data_grid12 tbody td {
        font-size: 1.2em;
        padding: 6px 4px;
        background: #fff;
    }

    .data_grid12 th, .data_grid12 td {
        border: 1px solid #b7babc;
    }

.grey11 {
    background: #eeefef !important;
}

.trGrey {
    background: #eeefef !important;
    color: #333;
}

.sumtr {
    background: #e0e0e0;
}

    .sumtr td, .sumtr th {
        padding: 6px 2px;
        font-size: 13px;
    }

    .sumtr td {
        font-weight: bold;
        text-align: right;
    }

#ContentPlace table tbody tr td, .data_grid11 tbody tr td {
    background: #fff;
}

#ContentPlace table tbody tr:nth-child(2n) td, .data_grid11 tbody tr:nth-child(2n) td {
    background: #F5F5F5;
}

.block_align span {
    width: 5px;
    height: 5px;
    display: block;
    overflow: hidden;
}

.block_align_bg {
    background: url( 'Images/combo10.png' ) no-repeat;
}

.trading_buy .tl_corner {
    position: absolute;
    top: -1px;
    left: -1px;
    background-position: 0 -141px;
}

.trading_buy .tr_corner {
    position: absolute;
    top: -1px;
    right: -1px;
    background-position: 0 -211px;
}

.trading_buy .bl_corner {
    position: absolute;
    bottom: -1px;
    left: -1px;
    background-position: 0 -280px;
    _bottom: -3px;
}

.trading_buy .br_corner {
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-position: 0 -360px;
    _bottom: -3px;
}

.trading_sell .tl_corner {
    position: absolute;
    top: -1px;
    left: -1px;
    background-position: 0 -420px;
}

.trading_sell .tr_corner {
    position: absolute;
    top: -1px;
    right: -1px;
    background-position: 0 -490px;
}

.trading_sell .bl_corner {
    position: absolute;
    bottom: -1px;
    left: -1px;
    background-position: 0 -560px;
}

.trading_sell .br_corner {
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-position: 0 -724px;
}

.trading_cancel .tl_corner {
    position: absolute;
    top: -1px;
    left: -1px;
    background-position: 0 -790px;
}

.trading_cancel .tr_corner {
    position: absolute;
    top: -1px;
    right: -1px;
    background-position: 0 -860px;
}

.trading_cancel .bl_corner {
    position: absolute;
    bottom: -1px;
    left: -1px;
    background-position: 0 -920px;
}

.trading_cancel .br_corner {
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-position: 0 -990px;
}

.tl_green {
    position: absolute;
    top: -1px;
    left: -1px;
    background-position: 0 -140px;
}

.tr_green {
    position: absolute;
    top: -1px;
    right: -1px;
    background-position: 0 -210px;
}

.bl_green {
    position: absolute;
    bottom: -1px;
    left: -1px;
    background-position: 0 -280px;
}

.br_green {
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-position: 0 -360px;
}

.tl_red {
    position: absolute;
    top: -1px;
    left: -1px;
    background-position: 0 -420px;
}

.tr_red {
    position: absolute;
    top: -1px;
    right: -1px;
    background-position: 0 -490px;
}

.bl_red {
    position: absolute;
    bottom: -1px;
    left: -1px;
    background-position: 0 -560px;
}

.br_red {
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-position: 0 -720px;
}

.tl_yellow {
    position: absolute;
    top: -1px;
    left: -1px;
    background-position: 0 -790px;
}

.tr_yellow {
    position: absolute;
    top: -1px;
    right: -1px;
    background-position: 0 -860px;
}

.bl_yellow {
    position: absolute;
    bottom: -1px;
    left: -1px;
    background-position: 0 -920px;
}

.br_yellow {
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-position: 0 -990px;
}

.tl_grey {
    position: absolute;
    top: -1px;
    left: -1px;
    background-position: 0 -1050px;
}

.tr_grey {
    position: absolute;
    top: -1px;
    right: -1px;
    background-position: 0 -1100px;
}

.bl_grey {
    position: absolute;
    bottom: -1px;
    left: -1px;
    background-position: 0 -1170px;
}

.br_grey {
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-position: 0 -1230px;
}

.blockContent {
    clear: both;
    margin-bottom: 10px;
}

.txtNormal {
    font-size: 1.2em;
}

.titleBlueNormal {
    font: bold 1.1em/1.4em Arial;
    color: #002185;
}

.titleName {
    font: bold 1.3em/1.4em Arial;
    color: #008ED4;
}

.whiteblur {
    border-top: 1px solid #d6d6d6;
    display: block;
}

#keyboardInputMaster {
    position: absolute;
    border: 2px groove #e3fae6;
    color: #ffffff;
    background-color: #e3fae6;
    text-align: left;
    z-index: 1000000;
    width: auto;
}

    #keyboardInputMaster thead tr th {
        text-align: left;
        padding: 2px 5px 2px 4px;
        background-color: inherit;
        border: 0px none;
    }

        #keyboardInputMaster thead tr th select, #keyboardInputMaster thead tr th label {
            color: #000000;
            font: normal 11px Arial,sans-serif;
        }

    #keyboardInputMaster thead tr td {
        text-align: right;
        padding: 2px 4px 2px 5px;
        background-color: inherit;
        border: 0px none;
    }

        #keyboardInputMaster thead tr td span {
            padding: 1px 4px;
            font: bold 11px Arial,sans-serif;
            border: 1px outset #aaaaaa;
            background-color: #ff0000;
            cursor: pointer;
        }

            #keyboardInputMaster thead tr td span.pressed {
                border: 1px inset #999999;
                background-color: #bbbbbb;
            }

    #keyboardInputMaster tbody tr td {
        text-align: left;
        margin: 0px;
        padding: 0px 4px 3px 4px;
    }

        #keyboardInputMaster tbody tr td div {
            text-align: center;
            position: relative;
            height: 0px;
        }

            #keyboardInputMaster tbody tr td div#keyboardInputLayout {
                height: auto;
            }

                #keyboardInputMaster tbody tr td div#keyboardInputLayout table {
                    height: 20px;
                    white-space: nowrap;
                    width: 100%;
                    border-collapse: separate;
                }

                    #keyboardInputMaster tbody tr td div#keyboardInputLayout table.keyboardInputCenter {
                        width: auto;
                        margin: 0px auto;
                    }

                    #keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td {
                        vertical-align: middle;
                        padding: 0px 5px 0px 5px;
                        white-space: pre;
                        font: normal 11px 'Lucida Console',monospace;
                        border-top: 1px solid #e5e5e5;
                        border-right: 1px solid #5d5d5d;
                        border-bottom: 1px solid #5d5d5d;
                        border-left: 1px solid #e5e5e5;
                        background-color: #2f923e;
                        cursor: default;
                        color: #ffffff;
                        min-width: 0.75em;
                    }

                        #keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.last {
                            width: 99%;
                        }

                        #keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.alive {
                            background-color: #ccccdd;
                        }

                        #keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.target {
                            background-color: #ddddcc;
                        }

                        #keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.hover {
                            border-top: 1px solid #d5d5d5;
                            border-right: 1px solid #555555;
                            border-bottom: 1px solid #555555;
                            border-left: 1px solid #d5d5d5;
                            background-color: #ff0000;
                        }

                        #keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.pressed, #keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.dead {
                            border-top: 1px solid #555555;
                            border-right: 1px solid #d5d5d5;
                            border-bottom: 1px solid #d5d5d5;
                            border-left: 1px solid #555555;
                            background-color: #ff0000;
                        }

            #keyboardInputMaster tbody tr td div var {
                position: absolute;
                bottom: 0px;
                right: 0px;
                font: bold italic 11px Arial,sans-serif;
                color: #444444;
            }

.keyboardInputInitiator {
    margin-left: 3px;
    vertical-align: middle;
    cursor: pointer;
}

.messagestatus {
    text-align: center;
    font-size: 1.2em;
    color: Red;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 20px;
}

.buy_confirm {
    color: #53821b;
    text-transform: capitalize;
}

.sell_confirm {
    color: #b1132b;
    text-transform: capitalize;
}

.cancel_confirm {
    color: #c6a200;
    text-transform: capitalize;
}

.buy {
    background: #00aa00 !important;
    color: #fff;
    font-weight: bold;
    padding: 4px 10px;
    text-decoration: underline;
    text-transform: uppercase;
}

.sell {
    background: #b1132b !important;
    color: #fff;
    font-weight: bold;
    padding: 4px 10px;
    text-decoration: underline;
    text-transform: uppercase;
}

.cancel {
    background: #FFC107 !important;
    color: #141414;
    font-weight: normal;
    padding: 4px 10px;
    text-transform: capitalize;
    white-space: nowrap;
    border: 1px solid #df7a00;
    border-radius: 5px;
}

.disable {
    background: none repeat scroll 0 0 #DCDCDC !important;
    font-weight: normal;
    color: #828282;
    padding: 6px 10px;
    text-transform: capitalize;
    cursor: default !important;
    white-space: nowrap;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #BDBDBD;
    pointer-events: none;
}

.cancel_confirm {
    color: #c6a200;
    text-transform: capitalize;
}

.number_bold {
    ont-weight: normal;
    color: #fff;
    font-family: Averta-Regular,sans-serif !important;
}

.highlight_marketinfo {
    background-color: #ffffd2;
    color: #FFC107;
}

.highlight_stockinfo {
    background-color: #ffffd2;
    color: #FFC107;
}

.highlight_purchasepower {
    background-color: #fffdec !important;
    color: #FF5722;
}

.highlight_action {
    background-color: #ffff00 !important;
    color: #FF5722;
}

.bold_marketinfo {
    font-weight: normal;
    font-family: Averta-Regular,sans-serif !important;
}

.order {
    z-index: 1000;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    max-width: 290px;
    max-height: 85px;
    background: #fff;
}

.ca-detail {
    z-index: 1000;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    max-height: 85px;
    background: #fff;
}

.hightlight {
    background: #666;
}

.calendar {
    position: relative;
    display: none;
    font-size: 11px;
    cursor: default;
    background: #fff;
    color: #008de4;
    font-family: Averta-Regular,sans-serif !important;
    z-index: 10000;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

    .calendar table {
        font-size: 12px;
        cursor: default;
        background: #fff;
        color: #008de4;
        font-family: Averta-Regular,sans-serif !important;
    }

    .calendar .button {
        text-align: center;
        padding: 4px;
        border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
        background-color: #caebff;
        color: #515151;
        font-weight: bold;
    }

    .calendar .nav {
        background-color: #caebff;
        color: #515151;
    }

    .calendar thead .title {
        font-weight: bold;
        padding: 1px;
        border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
        background: #008de4;
        color: #FFFFFF;
        text-align: center;
    }

    .calendar thead .headrow {
        background: #caebff;
    }

    .calendar thead .daynames {
        background: #caebff;
    }

    .calendar thead .name {
        padding: 5px;
        text-align: center;
        background: #ddd;
        color: #666666;
    }

    .calendar thead .weekend {
        color: #f00;
    }

    .calendar thead .hilite {
        background: #ddd;
        padding: 0px;
    }

    .calendar thead .active {
        border-width: 1px;
        padding: 2px 0px 0px 2px;
        border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
    }

    .calendar tbody .day {
        width: 2em;
        text-align: center;
        padding: 2px 4px 2px 2px;
        color: #000;
    }

        .calendar tbody .day.othermonth {
            font-size: 80%;
            color: #008de4;
            background: #caebff;
        }

            .calendar tbody .day.othermonth.oweekend {
                color: #008de4;
                background: #caebff;
            }

    .calendar table .wn {
        padding: 2px 3px 2px 2px;
        background: #caebff;
        color: #262E28;
    }

    .calendar tbody .rowhilite td {
        background-color: #6699CC;
        color: HighlightText;
    }

    .calendar tbody td.hilite {
        padding: 1px 3px 1px 1px;
        background-color: #ddd;
    }

    .calendar tbody td.active {
        padding: 5px 5px 5px 5px;
        background: #caebff;
    }

    .calendar tbody td.selected {
        font-weight: bold;
        padding: 5px 5px 5px 5px;
        background: #008de4;
        color: #FFFFFF;
    }

    .calendar tbody td.weekend {
        color: #000;
        background: #e7f4fe;
    }

        .calendar tbody td.weekend.selected {
            color: #FFFFFF;
            background: #002185;
        }

    .calendar tbody td.today {
        font-weight: bold;
        color: #FF0000;
        background: #FFE8F3;
    }

    .calendar tbody td.disabled {
        color: GrayText;
    }

    .calendar tbody .emptycell {
        visibility: hidden;
    }

    .calendar tbody .emptyrow {
        display: none;
    }

    .calendar tfoot .footrow {
        background: #4C964C;
        color: #FFFFFF;
    }

    .calendar tfoot .ttip {
        padding: 1px;
        text-align: center;
        background: #008de4;
        color: #FFFFFF;
    }

    .calendar tfoot .hilite {
        border-top: 1px solid #fff;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        border-left: 1px solid #fff;
        padding: 1px;
        background: #e4e0d8;
    }

    .calendar tfoot .active {
        padding: 2px 0px 0px 2px;
        border-top: 1px solid #000;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #000;
    }

    .calendar .combo {
        position: absolute;
        display: none;
        width: 4em;
        top: 0px;
        left: 0px;
        cursor: default;
        border: 1px solid;
        border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
        background: #caebff;
        color: MenuText;
        font-size: 90%;
        padding: 1px;
        z-index: 100;
    }

        .calendar .combo .label, .calendar .combo .label-IEfix {
            text-align: center;
            padding: 1px;
        }

        .calendar .combo .label-IEfix {
            width: 4em;
        }

        .calendar .combo .active {
            padding: 0px;
            border: 1px solid #000;
        }

        .calendar .combo .hilite {
            background: Highlight;
            color: HighlightText;
        }

    .calendar td.time {
        border-top: 1px solid ButtonShadow;
        padding: 1px 0px;
        text-align: center;
        background: #caebff;
    }

        .calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {
            padding: 0px 3px 0px 4px;
            border: 1px solid #889;
            font-weight: bold;
            background: #caebff;
        }

        .calendar td.time .ampm {
            text-align: center;
        }

        .calendar td.time .colon {
            padding: 0px 2px 0px 3px;
            font-weight: bold;
        }

        .calendar td.time span.hilite {
            border-color: #000;
            background-color: Highlight;
            color: HighlightText;
        }

        .calendar td.time span.active {
            border-color: #f00;
            background-color: #000;
            color: #0f0;
        }

.orderBuyTitle {
    font-size: 22px;
    color: #008000;
    padding-bottom: 7px;
    font-weight: bold;
    display: block;
    text-align: left;
}

.orderSellTitle {
    font-size: 22px;
    color: #E31937;
    padding-left: 1px;
    font-weight: bold;
}

.orderCancelTitle {
    font-size: 22px;
    color: #ECC100;
    padding-left: 1px;
    font-weight: bold;
}

.orderQuickStatusTitle {
    font-size: 12px;
    color: #333;
    padding-left: 1px;
    font-weight: bold;
}

.ref {
    color: #df7a00 !important;
}

.ceiling {
    color: #952d98 !important;
}

.floor {
    color: #00C8C8 !important;
}

.down {
    color: #FF0000 !important;
}

.up {
    color: #03B90D !important;
}

.mes_time {
    color: #007ac9;
    font-weight: normal !important;
    font-size: small;
}

#selectedHight {
    background: none repeat scroll 0 0 #3E3E3E;
}

.confirm_group_order {
    text-transform: none;
}

.removeStock {
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: -15px;
    font-size: 20px;
    color: #ff0000;
}

.removeShowQuick {
    cursor: pointer;
    position: absolute;
    top: 10px;
    font-size: 15px;
    color: #c60c30;
}

.Coo_cancel_confirm {
    background: none repeat scroll 0 0 #FFFFE5 !important;
    padding: 0 0 15px;
    text-align: center;
}

.noteReject {
    margin-bottom: 20px;
}

.divCACloseDetail {
    background-color: white;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    position: absolute;
    right: -17px;
    top: -2px;
}

.imgCACloseDetail {
    margin-bottom: -2px;
}

tfoot .sumTotal {
    font-size: 11px;
    padding-right: 4px !important;
}

.divNewsList {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

    .divNewsList li {
        display: block;
        width: 100%;
        font-size: 14px;
        color: #333;
        margin-bottom: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
    }

#simplemodal-container a.modalCloseImg:before {
    content: "\4e";
    font-family: "untitled-font-1" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.divNewsList a {
    font-size: 13px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-bottom: 5px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}

    .divNewsList a:hover {
        color: #000;
    }

    .divNewsList a i {
        color: #7F7F7F;
        font-weight: normal;
    }

.divMore {
    width: 100%;
    display: block;
}

.COO_notice .icon-android-add-circle {
    display: none !important;
}

.COO_notice .icon-ios-minus {
    display: block !important;
}

.COO_notice.collapsed .icon-android-add-circle {
    display: block !important;
}

.COO_notice.collapsed .icon-ios-minus {
    display: none !important;
}

.divMore a {
    float: right;
    text-decoration: none;
    font-size: 12px;
    color: #fff;
    background: #555;
    padding: 5px 10px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    margin-bottom: 20px;
}

    .divMore a:hover {
        background: #444;
    }

.divCompanyName {
    color: #fff;
    font-size: 20px;
    background: #0091EA;
    margin-top: 0;
    padding: 20px;
    font-family: Averta-Regular,sans-serif !important;
}

.gotoDesktopVersion {
    clear: both;
    background-color: #F9F8DB;
    border: 1px solid #FCB900;
    border-radius: 6px;
    padding: 2px 2px;
    margin-left: 5px;
    margin-bottom: 5px;
    text-align: center;
}

    .gotoDesktopVersion a {
        font-size: 10px !important;
        color: #1E5EAD !important;
        text-decoration: none;
    }

.pLR5 {
    padding-left: 5px;
    padding-right: 5px;
}

.contentOptionItem {
    font-size: 12px;
    display: inline-block;
    line-height: 2em;
    float: left;
}

    .contentOptionItem input[type="checkbox"] {
        width: auto;
    }

div.digg {
    text-align: center;
    font-family: Averta-Regular,sans-serif !important;
    font-size: 11px;
}

    div.digg a {
        border: #007ac9 1px solid;
        padding: 1px 6px;
        margin: 2px;
        color: #007ac9;
        background-color: Transparent;
        border-radius: 24px;
        min-width: 24px;
        height: 24px;
        display: inline-block;
        text-align: center;
        font-family: Averta-Regular,sans-serif !important;
        font-size: 13px;
    }

        div.digg a:last-child {
            padding: 1px 6px 0px;
            line-height: 19px;
        }

        div.digg a:hover {
            border: #2a9fd6 1px solid;
            color: #fff;
            background: #2a9fd6;
        }

        div.digg a:active {
            border: #2a9fd6 1px solid;
            color: #000;
        }

        div.digg a.normal.active,
        div.digg span.current {
            border: #007ac9 1px solid;
            padding: 1px 6px;
            color: #fff;
            background-color: #007ac9;
            border-radius: 22px;
            min-width: 24px;
            height: 24px;
            display: inline-block;
            text-align: center;
            font-family: Averta-Regular,sans-serif !important;
            font-size: 13px;
            line-height: 16px;
        }

    div.digg span.disabled {
        border: #bdbdbd 1px solid;
        padding: 1px 6px;
        margin: 2px;
        color: #bdbdbd;
        min-width: 24px;
        height: 24px;
        display: inline-block;
        border-radius: 22px;
        line-height: 17px;
    }

.table-priceBoard {
    table-layout: inherit;
}

.popUpForm label.title {
    font-weight: bold;
    color: #0071ba;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.popUpForm .footer {
    display: block;
    background: #f3f3f3;
    padding: 5px 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    min-height: 36px;
}

.popUpForm .footerButton {
    display: block;
    background: #f3f3f3;
    padding: 5px 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    min-height: 36px;
}

.footerButtonStyle {
    display: block;
    background: #f3f3f3;
    padding: 5px 15px 5px 15px;
    margin-right: auto;
    margin-left: auto;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    min-height: 36px;
}

    .footerButtonStyle input {
        width: 100px !important;
    }

.font-normal {
    font-weight: normal;
}

.dashboard {
    list-style: none;
    width: 100%;
    overflow: hidden;
    margin: 40px 0px 0px 0px;
    padding: 0;
}

    .dashboard li {
        width: 180px;
        height: 150px;
        text-align: center;
        display: inline-block;
    }

    .dashboard a {
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
        color: #000;
        font-size: 12px;
        -webkit-transition: .5s;
        transition: .5s;
    }

        .dashboard a:hover {
            color: #24aeed;
        }

    .dashboard span, .dashboard label {
        display: block;
        width: 100%;
        padding-bottom: 10px;
    }

    .dashboard img {
        border: 1px solid #333;
        border-radius: 8px;
    }

    .dashboard a:hover img {
        background: #24aeed;
        border: 1px solid #24aeed;
    }

@keyframes bounce_fountainG {
    0% {
        transform: scale(1);
        background-color: rgb(235, 21, 89);
    }

    100% {
        transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

@-o-keyframes bounce_fountainG {
    0% {
        -o-transform: scale(1);
        background-color: rgb(235, 21, 89);
    }

    100% {
        -o-transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

@-ms-keyframes bounce_fountainG {
    0% {
        -ms-transform: scale(1);
        background-color: rgb(235, 21, 89);
    }

    100% {
        -ms-transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

@-webkit-keyframes bounce_fountainG {
    0% {
        -webkit-transform: scale(1);
        background-color: rgb(235, 21, 89);
    }

    100% {
        -webkit-transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

@-moz-keyframes bounce_fountainG {
    0% {
        -moz-transform: scale(1);
        background-color: rgb(235, 21, 89);
    }

    100% {
        -moz-transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

@media print {
    @page {
        margin: 0;
    }

    body {
        -webkit-print-color-adjust: exact;
        margin: 1.6cm;
    }

    .temp1_close {
        display: none;
    }

    .print_image {
        display: none;
    }
}

.hide {
    display: none !important;
}

.pieVolumnChart {
    height: 273px !important;
    background: #141414;
    width: 100%;
}

div#divVoltranLeftTop {
    width: 100%;
    margin-bottom: 2px;
    height: 168px;
}

.m-container {
    min-height: 108%;
    position: relative;
}

.pbsubmenu {
    white-space: nowrap !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.fl {
    float: left;
}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

.w10p {
    width: 10% !important;
}

.w15p {
    width: 15% !important;
}

.w20p {
    width: 20% !important;
}

.w22p {
    width: 22% !important;
}

.w31p {
    width: 31% !important;
}

.w35p {
    width: 31% !important;
}

.w70p {
    width: 70% !important;
}

.w30p {
    width: 30% !important;
}

.w36p {
    width: 36% !important;
}

.uppercase {
    text-transform: uppercase;
}

#simplemodal-container {
    height: auto !important;
}

.FO_AM_AccountList_loading {
    position: absolute;
    top: 23px;
    right: 5px;
    z-index: 99;
}