/*Reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

body {
    line-height: 1;
}

nav ul {
    list-style: none;
}


blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}


abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input, select {
    vertical-align: middle;
}

/******/
html {
    margin: 0;
    padding: 0;
}

body {
    background-color: #222222;
    color: #363636;
    /*font-size: 11px;
    font-family: Verdana;*/
    font-size: 12px;
    font-family: Tahoma, Arial;
    margin: 0;
    padding: 0;
}

header, footer, hgroup, nav, section {
    display: block;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.highlight {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}


/* main layout
----------------------------------------------------------*/
.container {
    position: relative;
    margin: 0 auto;
    width: 870px;
    min-width: 870px;
    height: 408px;
    background: white;
}


.logo {
    width: 200px;
    height: 84px;
    position: absolute;
    margin: -7px 0px 0px 6px;
    background: url(https://cdn.philstocks.ph/v4/pstocks_logo.png) no-repeat;
}

.header {
    float: left;
    position: relative;
    width: 870px;
    height: 67px;
    color: #ebebeb;
}

.headerTop {
    float: left;
    background: #161616;
    width: 870px;
    height: 40px;
}

.headerBottom {
    float: left;
    background: #484848;
    width: 648px;
    height: 27px;
    padding-left: 222px;
}

    .headerBottom a {
        text-decoration: none;
    }

.headerTopText {
    float: left;
    margin: 13px 0px 0px 220px;
    width: 650px;
}

.headerLive {
    float: left;
    width: 48px;
    height: 20px;
    background: url(https://cdn.philstocks.ph/v4/live.gif) no-repeat;
}

.headerBottomText {
    float: left;
    margin: 8px 0px 0px 220px;
}

.content {
    float: left;
    width: 870px;
    height: auto;
    min-height: 563px;
    background: white;
}

.indicesNav {
    width: 870px;
    height: 100px;
    float: left;
}

.indicesBox {
    float: left;
    width: 265px;
    height: 23px;
    border: 1px solid #d4d4d4;
    font-size: 13px;
    cursor: pointer;
    margin: 6px 0px 0px 10px;
}

.indicesTitle {
    float: left;
    width: 70px;
    margin: 6px 0px 0px 7px;
    color: black !important;
}

.indicesPrice {
    float: left;
    width: 50px;
    text-align: right;
    margin: 6px 0px 0px 3px;
}

.indicesChange {
    float: left;
    width: 50px;
    text-align: right;
    margin: 6px 0px 0px 3px;
}

.indicesChangeP {
    float: left;
    width: 50px;
    text-align: right;
    margin: 6px 0px 0px 3px;
}

.indicesBoxHighlight {
    background: #ffca90;
}

.indicesRdbtn {
    float: left;
    margin: 5px 0px 0px 8px;
}

.maTable {
    float: left;
    color: black;
    width: 210px;
    height: auto;
    margin: 9px 0px 0px 0px;
    border-right: 1px solid #d2d2d2;
}

    .maTable .maTableHeader {
        background: #c9c9c9;
        border: 0px;
        text-align: center;
    }

        .maTable .maTableHeader td {
            height: 21px;
        }

        .maTable .maTableHeader th {
            height: 21px;
        }

    .maTable td {
        border-bottom: 1px solid #d4d4d4;
        height: 20px;
    }


    .maTable th {
        height: 21px;
        font-weight: normal;
    }

.maTableCell1 {
    width: 20px;
}

.maTableCell2 {
    width: 60px;
}

.maTableCell3 {
    width: 110px;
}

.maTableHeaderTitle {
    width: 203px;
    height: 17px;
    text-align: center;
    margin-top: 3px;
    float: left;
}

.maTableRank {
    width: 20px;
    text-align: left;
    margin: 4px 0px 0px 6px;
    float: left;
}

.maTableSymbol {
    width: 30px;
    text-align: left;
    margin: 4px 0px 0px 5px;
    float: left;
}

.maTableValue {
    width: 105px;
    text-align: right;
    margin: 4px 0px 0px 5px;
    float: left;
}

.maTablePercent {
    width: 105px;
    text-align: right;
    margin: 4px 0px 0px 5px;
    float: left;
}

.gaTable {
    float: left;
    color: black;
    width: 225px;
    height: auto;
    margin: 9px 0px 0px 0px;
    border-right: 1px solid #d2d2d2;
}

    .gaTable .gaTableHeader {
        background: #c9c9c9;
        border: 0px;
        text-align: center;
    }

        .gaTable .gaTableHeader td {
            height: 21px;
        }

        .gaTable .gaTableHeader th {
            height: 21px;
        }

    .gaTable td {
        border-bottom: 1px solid #d4d4d4;
        height: 20px;
    }


    .gaTable th {
        height: 21px;
        font-weight: normal;
    }

.gaTableCell1 {
    width: 20px;
}

.gaTableCell2 {
    width: 50px;
}

.gaTableCell3 {
    width: 95px;
}

.gaTableCell4 {
    width: 60px;
}

.gaTableHeaderTitle {
    width: 221px;
    height: 17px;
    text-align: center;
    margin-top: 3px;
    float: left;
}

.gaTableRank {
    width: 20px;
    text-align: left;
    margin: 4px 0px 0px 6px;
    float: left;
}

.gaTableSymbol {
    width: 30px;
    text-align: left;
    margin: 4px 0px 0px 5px;
    float: left;
}

.gaTablePrice {
    width: 50px;
    text-align: right;
    margin: 4px 0px 0px 5px;
    float: left;
}

.gaTableVal {
    width: 90px;
    text-align: right;
    margin: 4px 0px 0px 5px;
    float: left;
}

.gaTablePercent {
    width: 45px;
    text-align: right;
    margin: 4px 0px 0px 5px;
    float: left;
}

/*Price Movement Colors*/

.up {
    /*color: #00c000;*/
    color: #00A31D;
}

.down {
    color: #ff0000;
}

.glp {
    color: #00a31d;
}

.gln {
    color: #ff0000;
}

.glu {
    color: black;
}
/*Footer*/

.footer {
    font-size: 10px;
    text-align: center;
    float: left;
    width: 100%;
    height: auto;
    color: black;
    background: white;
    padding: 20px 0px 20px 0px;
}

/*SymbolGuide*/

.btnSelection {
    width: 870px;
    height: 50px;
    float: left;
}

.btnSelect {
    width: 62px;
    height: 27px;
    float: left;
}

.btnBox {
    margin: 11px 0px 0px 260px;
    float: left;
}

    .btnBox input {
        margin-left: 20px;
    }

.guideTable {
    float: left;
    width: 278px;
    height: auto;
}

    .guideTable thead {
        background: #c9c9c9;
    }

        .guideTable thead tr {
            height: 20px;
        }

    .guideTable th {
        font-weight: normal;
    }

    .guideTable tbody tr {
        height: 19px;
    }

        .guideTable tbody tr td {
            border: 1px solid #d4d4d4;
            border-left: 0px;
            vertical-align: middle;
        }

.guideBox {
    width: 870px;
    height: auto;
    float: left;
}

.gtLeft {
    width: 216px;
}

.gtRight {
    width: 62px;
}

.guideTableStockName {
    float: left;
    width: 207px;
    text-align: left;
    margin: 5px 0px 0px 10px;
    text-transform: capitalize;
}

.guideTableStockSymbol {
    float: left;
    width: 57px;
    text-align: left;
    width: 100%;
    margin: 5px 0px 0px 5px;
}

/*Transactions*/

.trnStockTitle {
    float: left;
    text-align: left;
    font-size: 12px;
    width: 330px;
    margin: 6px 0px 0px 6px;
    text-transform: uppercase;
    font-weight: bold;
}

.trnTable {
    float: left;
    width: 427px;
    height: auto;
}

    .trnTable th {
        height: 21px;
        font-weight: normal;
        border: 0px;
    }

    .trnTable td {
        border: 1px solid #d4d4d4;
        border-left: 0px;
        border-top: 0px;
        height: 19px;
    }

.trnBUp {
    float: left;
    width: 9px;
    height: 9px;
    background: url(https://cdn.philstocks.ph/v4/bup.png) no-repeat;
    margin: 5px 4px 0px 0px;
}

.trnSDown {
    float: left;
    width: 9px;
    height: 9px;
    background: url(https://cdn.philstocks.ph/v4/sdown.png) no-repeat;
    margin: 5px 4px 0px 0px;
}

.trnTime {
    float: left;
    width: 89px;
    text-align: center;
    height: 16px;
    margin-top: 3px;
}

.trnPrice {
    float: left;
    width: 59px;
    text-align: right;
    height: 16px;
    margin: 3px 5px 0px 0px;
}

.trnVolume {
    float: left;
    width: 87px;
    text-align: right;
    height: 16px;
    margin: 3px 5px 0px 0px;
}

.trnBuyerSeller {
    float: left;
    width: 80px;
    text-align: center;
    height: 16px;
    margin-top: 3px;
    text-transform: lowercase;
}

.transVol {
    width: 100px;
    float: left;
    text-align: left;
    margin-top: 5px;
}

.transVal {
    width: 100px;
    float: left;
    text-align: left;
    margin-top: 5px;
}

.transLot {
    float: left;
    width: 40px;
    margin-top: 5px;
}

.transFluct {
    float: left;
    margin-top: 5px;
    width: 40px;
    text-align: left;
}
/*Buyers Sellers*/

.topBSTable {
    float: left;
    width: 427px;
    height: auto;
}

    .topBSTable th {
        height: 21px;
        font-weight: normal;
        border: 0px;
    }

    .topBSTable td {
        border: 1px solid #d4d4d4;
        border-left: 0px;
        border-top: 0px;
        height: 19px;
    }

.topBSBroker {
    float: left;
    width: 112px;
    text-align: center;
    height: 16px;
    margin-top: 3px;
}

.topBSAvePrice {
    float: left;
    width: 92px;
    text-align: right;
    height: 16px;
    margin: 3px 5px 0px 0px;
}

.topBSVolume {
    float: left;
    width: 125px;
    text-align: right;
    height: 16px;
    margin: 3px 5px 0px 0px;
}

.topBSVolumeP {
    float: left;
    width: 79px;
    text-align: right;
    height: 16px;
    margin: 3px 5px 0px 0px;
}
/*Volume Review*/

.vrStockTitle {
    float: left;
    text-align: left;
    font-size: 12px;
    width: 330px;
    margin: 6px 0px 0px 6px;
    text-transform: uppercase;
    font-weight: bold;
}

.vrTypeSelect {
    float: left;
    margin: -3px 0px 0px 10px;
    width: auto;
}

.vrTable {
    float: left;
    width: 870px;
    height: auto;
    margin-top: 20px;
}

    .vrTable th {
        height: 21px;
        font-weight: normal;
        border: 0px;
    }

    .vrTable td {
        border: 1px solid #d4d4d4;
        border-left: 0px;
        border-top: 0px;
        height: 19px;
        text-align: right;
        padding-right: 10px;
    }


/*loading*/
.loading {
    float: left;
    background: url(https://cdn.philstocks.ph/v4/loading.gif) no-repeat;
    width: 68px;
    height: 42px;
}

/*Errors*/

.inputError {
    background: #ff6d6e;
}

/* Broker's Info */

.brokerRankTable {
    float: left;
    width: 870px;
    height: auto;
}

    .brokerRankTable th {
        height: 21px;
        font-weight: normal;
        border: 0px;
    }

    .brokerRankTable td {
        border: 1px solid #d4d4d4;
        border-left: 0px;
        border-top: 0px;
        height: 19px;
    }

.brokerRank {
    float: left;
    width: 53px;
    text-align: left;
    height: 16px;
    margin: 3px 0px 0px 10px;
}

.brokerName {
    float: left;
    width: 101px;
    text-align: left;
    height: 16px;
    margin: 3px 0px 0px 5px;
}

.brokerTran {
    float: left;
    width: 127px;
    text-align: center;
    height: 16px;
    margin: 3px 0px 0px 5px;
}

    .brokerTran a {
        text-decoration: underline;
        cursor: pointer;
    }

.brokerTotValue {
    float: left;
    width: 106px;
    text-align: right;
    height: 16px;
    margin: 3px 5px 0px 0px;
}

.brokerMarketWeight {
    float: left;
    width: 82px;
    text-align: right;
    height: 16px;
    margin: 3px 4px 0px 0px;
}

.brokerBValue {
    float: left;
    width: 122px;
    text-align: right;
    height: 16px;
    margin: 3px 5px 0px 0px;
}

.brokerSValue {
    float: left;
    width: 122px;
    text-align: right;
    height: 16px;
    margin: 3px 5px 0px 0px;
}

.brokerNetValue {
    float: left;
    width: 104px;
    text-align: right;
    height: 16px;
    margin: 3px 5px 0px 0px;
}

.brokerActMenu {
    float: left;
    width: 870px;
    margin-top: 4px;
}

.brokerSymName {
    float: left;
    text-align: center;
    font-size: 12px;
    width: 617px;
}

.brokerSelect {
    float: left;
    margin: -3px 0px 0px 10px;
    width: auto;
}

.brokerSummaryTable {
    float: left;
    width: 870px;
    height: 61px;
    margin-top: 7px;
}

    .brokerSummaryTable th {
        height: 21px;
        font-weight: normal;
        border: 0px;
    }

    .brokerSummaryTable td {
        border: 1px solid #d4d4d4;
        border-left: 0px;
        border-top: 0px;
        height: 19px;
    }

.bLeft {
    float: left;
    width: auto;
    margin: 3px 0px 0px 5px;
}

.bRight {
    float: right;
    width: auto;
    margin: 3px 5px 0px 0px;
}

.brokerTrnTable {
    float: left;
    width: 427px;
    height: auto;
}

    .brokerTrnTable th {
        height: 21px;
        font-weight: normal;
        border: 0px;
    }

    .brokerTrnTable td {
        border: 1px solid #d4d4d4;
        border-left: 0px;
        border-top: 0px;
        height: 19px;
    }

.brokerTrnSymbol {
    float: left;
    width: 65px;
    text-align: left;
    height: 15px;
    margin: 4px 0px 0px 5px;
}

.brokerTrnTime {
    float: left;
    width: 62px;
    text-align: center;
    height: 15px;
    margin-top: 4px;
}

.brokerTrnPrice {
    float: left;
    width: 56px;
    text-align: right;
    height: 15px;
    margin: 4px 5px 0px 0px;
}

.brokerTrnVolume {
    float: left;
    width: 86px;
    text-align: right;
    height: 15px;
    margin: 4px 5px 0px 0px;
}

.brokerTrnTran {
    float: left;
    width: 38px;
    text-align: center;
    height: 15px;
    margin: 4px 2px 0px 0px;
}

.brokerTrnBuyerSeller {
    float: left;
    width: 84px;
    text-align: center;
    height: 15px;
    margin-top: 4px;
    text-transform: lowercase;
}

.brokerActTable {
    float: left;
    width: 427px;
    height: auto;
}

    .brokerActTable th {
        height: 21px;
        font-weight: normal;
        border: 0px;
    }

    .brokerActTable td {
        border: 1px solid #d4d4d4;
        border-left: 0px;
        border-top: 0px;
        height: 19px;
    }

.brokerActSymbol {
    float: left;
    width: 60px;
    text-align: left;
    height: 15px;
    margin: 4px 0px 0px 5px;
}

.brokerActAvePrice {
    float: left;
    width: 56px;
    text-align: right;
    height: 15px;
    margin: 4px 5px 0px 0px;
}

.brokerActVolume {
    float: left;
    width: 86px;
    text-align: right;
    height: 15px;
    margin: 4px 5px 0px 0px;
}


.brokerActValue {
    float: left;
    width: 85px;
    text-align: right;
    height: 15px;
    margin: 4px 5px 0px 0px;
}

.brokerActMarketVol {
    float: left;
    width: 52px;
    text-align: right;
    height: 15px;
    margin: 4px 5px 0px 0px;
}

.brokerActMarketVal {
    float: left;
    width: 53px;
    text-align: right;
    height: 15px;
    margin: 4px 5px 0px 0px;
}

.brokerRankBox {
    float: left;
    width: 100%;
    height: 100%;
}

.brokersActTranBox {
    float: left;
    width: 100%;
    height: 100%;
}

/*Console*/

.consoleContainer {
    float: left;
    width: 980px;
    height: 530px;
}


.consoleLogo {
    width: 223px;
    height: 87px;
    background: url("https://cdn.philstocks.ph/v4/console/pstockslogo.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1001;
}

.consoleLogo1 {
    width: 223px;
    height: 87px;
    background: url("https://cdn.philstocks.ph/v4/console/logobg.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1001;
}

.consoleLogo2 {
    width: 223px;
    height: 87px;
    background: url("https://cdn.philstocks.ph/v4/console/xmaslogo.gif") no-repeat scroll 0 0 transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1002;
}

/*Ticker Close*/
.tickerCloseSymbol {
    text-decoration: underline;
    float: left;
    margin: 2px 0px 0px 3px;
    height: 14px;
    width: 70px;
}

.tickerClosePrice {
    float: left;
    margin: 2px 0px 0px 3px;
    width: auto;
    height: 0px;
    height: 11px;
}

.tickerCloseVolume {
    float: left;
    margin: 2px 0px 0px 0px;
    width: 70px;
    height: 11px;
}

.tickerCloseVal {
    float: left;
    margin: 2px 0px 0px 0px;
    width: 70px;
    height: 11px;
}

.tickerCloseClose {
    float: left;
    margin: 3px 0px 0px 0px;
    width: 70px;
    height: 11px;
}

/*Ticker*/

.tickerContainer {
    float: left;
    width: 980px;
    height: 87px;
    min-height: 87px;
    background: black;
    position: relative;
    font-size: 11px !important;
    font-family: Verdana !important;
}


.tickerBox {
    float: left;
    height: 81px;
    min-height: 81px;
    padding-top: 6px;
    position: relative;
    width: 950px;
    margin-left: 30px;
    z-index: 1000;
    overflow: hidden;
    background: url(https://cdn.philstocks.ph/v3/tablet/images/global/watermark.png) no-repeat;
    background-position: 57% 60%;
}

.tickerItem {
    width: 79px;
    height: 77px;
    float: left;
    font-weight: bold;
    color: white;
    cursor: pointer;
}

.tickerTranTime {
    color: gray;
    font-size: 10px;
    text-align: left;
    width: 70px;
    margin-left: 3px;
    float: left;
    height: 10px;
}

.tickerSym {
    float: left;
    width: 70px;
    height: 12px;
}

.tickerSymbol {
    text-decoration: underline;
    float: left;
    margin: 2px 0px 0px 3px;
    height: 14px;
    width: 70px;
}

.tickerPrice {
    float: left;
    margin: 2px 0px 0px 3px;
    width: auto;
    height: 0px;
    height: 11px;
}

.tickerVolume {
    float: left;
    margin: 3px 0px 0px 10px;
    width: 70px;
    height: 11px;
}

.tickerBroker {
    float: left;
    margin: 1px 0px 0px 10px;
    width: 65px;
    height: 12px;
    text-transform: lowercase;
}

.tickerBUp {
    background: url("https://cdn.philstocks.ph/v4/console/arrowup.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 9px;
    width: 9px;
    margin: 3px 0px 0px 4px;
}

.tickerSDown {
    background: url("https://cdn.philstocks.ph/v4/console/arrowdown.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 9px;
    width: 9px;
    margin: 3px 0px 0px 4px;
}

/*Ticker Box Close*/
.tickerBoxClose {
    float: left;
    width: 955px;
    height: 81px;
    min-height: 81px;
    padding-top: 6px;
    padding-left: 25px;
    position: relative;
    overflow: hidden;
}

.tickerCarousel_ul {
    position: relative;
    left: -210px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 9999px;
}

    .tickerCarousel_ul li {
        float: left;
        width: 200px;
        padding: 0px;
        height: 81px;
    }

.tickerGroup1 {
    position: relative;
}

#tickerCarousel_ul {
    position: relative;
    left: -210px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 9999px;
}

/*Menu*/

.menuContainer {
    width: 980px;
    height: 27px;
    float: left;
    background: #484848;
    color: #ebebeb;
    position: relative;
}

.menuTime {
    width: 135px;
    height: 14px;
    float: left;
    margin: 2px 0px 0px 8px;
}

.menuMSClose {
    width: 84px;
    height: 9px;
    float: left;
    margin: 3px 0px 0px -2px;
    position: relative;
    /*background: url("https://cdn.philstocks.ph/v4/console/ms_close.png") no-repeat;*/
    background: #6a6a6a;
}

.menuMSOpen {
    width: 84px;
    height: 9px;
    float: left;
    margin: 3px 0px 0px -2px;
    position: relative;
    /* background: url("https://cdn.philstocks.ph/v4/console/ms_open1.png") no-repeat;*/
    background: #2a8c3c;
}

.menuMSOpen2 {
    width: 84px;
    height: 9px;
    float: left;
    margin: 3px 0px 0px -2px;
    position: relative;
    /*background: url("https://cdn.philstocks.ph/v4/console/ms_open2.png") no-repeat;*/
    background: #2a8c3c;
}

.menuMSPOpen {
    width: 84px;
    height: 9px;
    float: left;
    margin: 3px 0px 0px -2px;
    position: relative;
    /*background: url("https://cdn.philstocks.ph/v4/console/ms_preopen.png") no-repeat;*/
    background: #2a8c3c;
}

.menuMSSusHalt {
    width: 84px;
    height: 9px;
    float: left;
    margin: 3px 0px 0px -2px;
    position: relative;
    /*background: url("https://cdn.philstocks.ph/v4/console/ms_preopen.png") no-repeat;*/
    background: #d02a2a;
}

.menuMSPClose {
    width: 84px;
    height: 9px;
    float: left;
    margin: 3px 0px 0px -2px;
    position: relative;
    /*background: url("https://cdn.philstocks.ph/v4/console/ms_preclose.png") no-repeat;*/
    background: #6a6a6a;
}

.menuMSRecess {
    width: 84px;
    height: 9px;
    float: left;
    margin: 3px 0px 0px -2px;
    position: relative;
    /*background: url("https://cdn.philstocks.ph/v4/console/ms_recess.png") no-repeat;*/
    background: #ff7331;
}

.menuMSLast {
    width: 84px;
    height: 9px;
    float: left;
    margin: 3px 0px 0px -2px;
    position: relative;
    /*background: url("https://cdn.philstocks.ph/v4/console/ms_tradingatlast.png") no-repeat;*/
    background: #ff7331;
}

.menuMSTooltip {
    position: absolute;
    left: 0px;
    top: -3px;
    padding-top: 1px;
    text-align: center;
    width: 100%;
    background: inherit;
    color: white;
    height: 15px;
    cursor: default;
}

.menuBalance {
    float: left;
    color: #EBEBEB;
    width: 260px;
    height: 27px;
    margin-left: 0px;
}

.menuPSEI {
    width: 225px;
    height: 19px;
    float: left;
    margin: 7px 0px 0px 30px;
    position: relative;
    cursor: default;
}

.menuPSEIPopUp {
    width: 290px;
    height: 285px;
    top: 25px;
    left: -15px;
    position: absolute;
    border: 1px solid #D2D2D2;
    background: white;
    display: none;
    z-index: 10000;
}

.menuPSEiPopUpTable {
    width: 270px;
    height: 120px;
    float: left;
    color: #363636;
    margin: 10px 0px 0px 10px;
    text-align: right;
}

.menuIndicesPopUpTable {
    width: 270px;
    height: 140px;
    float: left;
    color: #363636;
    margin: 10px 0px 0px 10px;
    text-align: right;
}

.menuMarket {
    width: 70px;
    height: 27px;
    float: left;
    cursor: pointer;
    margin-left: 9px;
    position: relative;
}

.menuMarketImg {
    width: 23px;
    height: 20px;
    float: left;
    margin: 2px 0px 0px 28px;
}

.menuBroker {
    width: 79px;
    height: 27px;
    float: left;
    margin-left: 9px;
    cursor: pointer;
}

.menuBrokerImg {
    width: 21px;
    height: 18px;
    float: left;
    margin: 4px 0px 0px 28px;
}

.menuMsgOff {
    width: 22px;
    height: 15px;
    float: right;
    margin: 6px 0px 0px 0px;
    text-decoration: underline;
    cursor: pointer;
    background: url("https://cdn.philstocks.ph/v4/console/message_off.svg") no-repeat;
}

.menuMsgOn {
    width: 28px;
    height: 19px;
    float: right;
    margin: 6px 0px 0px 0px;
    text-decoration: underline;
    position: relative;
    cursor: pointer;
    background: url("https://cdn.philstocks.ph/v4/console/message_on.png") no-repeat;
}

.menuMsgResearch {
    width: 87px;
    height: 15px;
    float: left;
    margin-top: 8px;
    text-decoration: underline;
    color: #ebebeb;
    cursor: pointer;
}
.research-badge {
    margin-top: -13px;
    margin-left: 60px;
    position: absolute;
    font-size: 10px !important;
    border-radius: 50px !important;
    background-color: orangered;
    padding: 0.2em;
    width: 30px;
    text-align: center;
    box-shadow: 0 1px 2px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.07), 0 8px 16px rgba(0,0,0,0.07), 0 16px 32px rgba(0,0,0,0.07), 0 32px 64px rgba(0,0,0,0.07);
}

.menuProfile {
    float: right;
    position: relative;
    width: auto;
    z-index: 1003;
    margin-left: 20px;
}

.menuProfileName {
    text-align: right;
    float: right;
    width: auto;
    height: 20px;
    margin: 7px 10px 0px 0px;
}

.menuProfileMenu {
    width: 25px;
    height: 25px;
    float: right;
    border-left: 1px solid #686868;
    margin-top: 1px 0px 0px 6px;
    cursor: pointer;
}

.menuDDArrow {
    width: 28px;
    height: 26px;
    float: left;
    background: url("https://cdn.philstocks.ph/v4/console/dropdown.png") no-repeat;
    background-position: center;
    position: relative;
}

.menuDDArrowInv {
    width: 28px;
    height: 26px;
    float: left;
    background: url("https://cdn.philstocks.ph/v4/console/dropdown_inv.png") no-repeat;
    background-position: center;
    position: relative;
}


.menuProfileMenuPopup {
    border: 1px solid black;
    background: white;
    width: 134px;
    height: 65px;
    float: left;
    position: absolute;
    top: 27px;
    left: -107px;
}

.menuMarketBox {
    width: 260px;
    height: auto;
    position: relative;
    color: #363636;
    border: 1px solid #D2D2D2;
    z-index: 10000;
    background: white;
}

.menuMarketBoxItem {
    width: 260px;
    height: auto;
    border-bottom: 1px solid #D2D2D2;
    overflow: hidden;
    padding-bottom: 10px;
}

    .menuMarketBoxItem p {
        padding: 5px 0px 0px 5px;
    }

.menuMsgBox {
    width: 260px;
    height: auto;
    position: absolute;
    top: 21px;
    left: 0px;
    color: #363636;
    border: 1px solid #D2D2D2;
    z-index: 10000;
    background: white;
}

.menuMsgBoxItem {
    width: 260px;
    height: 60px;
    border-bottom: 1px solid #D2D2D2;
    overflow: hidden;
}

    .menuMsgBoxItem p {
        padding: 5px 0px 0px 5px;
    }

/*Hover*/

/*.menuNavMarket {
    list-style: none;
    float: left;
}

    .menuNavMarket li {
        float: left;
        position: relative;
        list-style: none;
    }

    .menuNavMarket ul {
        display: none;
    }*/

/*--- Hide Sub Sublists ---*/
/*.menuNavMarket li:hover ul ul {
        display: none;
    }*/

/*--- Sublevel UL's display and position on hover ---*/
/*.menuNavMarket li:hover ul {
        display: block;
    }

    .menuNavMarket li li:hover ul {
        margin-top: 28px;
        display: block;
    }*/


.pseiUp {
    color: #2dfc2d;
}

.pseiDown {
    color: #ff2828;
}

/*Symbol Price*/

.symQuoteContainer {
    /* width: 768px;*/
    width: 100%;
    height: 416px;
    float: left;
    background: white;
}

.symQuoteContainerTop {
    float: left;
    /*width: 769px;*/
    width: 100%;
    height: 50px;
}

.symQuoteContainerLeft {
    float: left;
    /*width: 587px;*/
    width: 76.4%;
    height: 365px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .symQuoteContainerLeft {
        float: left;
        /*width: 587px;*/
        width: 76.3%;
        height: 365px;
    }
}


.symQuoteContainerLeftT {
    float: left;
    width: 587px;
    height: 119px;
}

.symQuoteContainerRight {
    float: left;
    /* width: 181px;*/
    width: 23%;
    height: 365px;
}

.symQuoteContainerLeftL {
    width: 587px;
    height: 126px;
    float: left;
}

.symQuoteContainerLeftR {
    width: 587px;
    height: 121px;
    float: left;
}

.inputContainer {
    /*width: 768px;*/
    width: 100%;
    height: 26px;
    float: left;
    background: #c8c8c8;
    position: relative;
}

.symQuotePrices {
    height: 23px;
    /*width: 768px; */
    width: 100%;
    float: left;
    border-bottom: 1px solid #a4a4a4;
}

.symQuotePopup {
    width: 278px;
    height: auto;
    position: absolute;
    top: 30px;
    left: 180px;
    border: 1px solid #d2d2d2;
    background: white;
    z-index: 99999;
}

.symQuotePopupTbl {
    width: 100%;
    height: 100%;
    font-size: 11px;
}

    .symQuotePopupTbl td {
        padding-left: 5px;
        height: 20px;
    }

.aRight {
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
}

.txtSym {
    /*border: 0px;*/
    width: 70px;
    height: 17px;
    float: left;
    margin: 1px 0px 0px 10px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.btnGetQuote {
    width: 26px;
    height: 21px;
    float: left;
    margin: 2px 4px 0px 6px;
}

    .btnGetQuote input {
        width: 26px;
        height: 21px;
        border: none;
        cursor: pointer;
        background: url(https://cdn.philstocks.ph/v4/console/quote.svg) no-repeat;
    }

.symQuoteName {
    color: #363636;
    float: left;
    font-size: 14px;
    margin: 5px 0px 0px 4px;
    font-weight: bold;
    cursor: default;
}

.symQuoteSuspended {
    float: left;
    color: #fe5200;
    font-size: 14px;
    margin: 5px 0px 0px 4px;
    font-weight: bold;
}

.pricesContainer {
    width: 167px;
    height: 121px;
    float: left;
    background: black;
    margin-top: -1px;
}

.pricesRangeContainer {
    float: left;
    width: 585px;
    height: 19px;
}

.symQuoteUp {
    color: #00DA00 !important;
}

.symQuoteDown {
    color: red !important;
}

.symQuoteLPrice {
    font-weight: bold;
    font-size: 30px;
    margin: 5px 0px 0px 6px;
    width: 148px;
}

.symQuoteChg {
    font-size: 12px;
    float: left;
    font-weight: bold;
    width: 50px;
    margin: 5px 0px 0px 8px;
}

.symQuoteChgP {
    font-size: 12px;
    float: left;
    font-weight: bold;
    width: 60px;
    margin: 5px 0px 0px 30px;
    text-align: right;
}

.symQuoteRange {
    float: left;
    width: 585px;
    height: 19px;
    background: #c8c8c8;
}

.symQuoteDiffPrices {
    float: left;
    margin-left: 7px;
    width: 156px;
    color: #E0E0E0;
}

.symQuoteRangeValDay {
    float: left;
    margin: 4px 0px 0px 6px;
    width: 120px;
    height: 12px;
    text-align: right;
}


.symQuoteRangeVal52 {
    float: left;
    margin: 4px 0px 0px 8px;
    width: 108px;
    height: 12px;
    text-align: right;
}


/*Transactions*/

.transContainer {
    width: 181px;
    height: 247px;
    float: left;
    margin-top: -1px;
    overflow: hidden;
}

.transHeader {
    width: 181px;
    height: 15px;
    padding-top: 4px;
    background: #c8c8c8;
    float: left;
    text-align: left;
}

.transBody {
    width: 181px;
    height: 228px;
    float: left;
    position: relative;
    overflow: hidden;
    top: 0px;
    left: 0px;
}


.transItem {
    width: 181px;
    height: 37px;
    float: left;
    border-bottom: 1px solid #d2d2d2;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {

    .transHeader {
        width: 182px;
        height: 15px;
        padding-top: 4px;
        background: #c8c8c8;
        float: left;
        text-align: left;
    }

    .transBody {
        width: 182px;
        height: 347px;
        float: left;
        position: relative;
        overflow: hidden;
        top: 0px;
        left: 0px;
    }


    .transItem {
        width: 182px;
        height: 35px;
        float: left;
        border-bottom: 1px solid #d2d2d2;
    }
}

.transGroup {
    position: absolute;
    width: 181px;
}

.transItemTL {
    float: left;
    width: 55px;
    height: 13px;
    text-align: left;
    margin: 6px 0px 0px 5px;
}

.transItemTR {
    float: left;
    width: 59px;
    height: 13px;
    text-align: right;
    margin: 6px 5px 0px 0px;
}

.transItemTMid {
    float: left;
    width: 55px;
    height: 13px;
    text-align: center;
    margin-top: 6px;
}

.transItemBL {
    float: left;
    width: 55px;
    height: 13px;
    text-align: left;
    margin: 1px 0px 0px 5px;
}

.transItemBR {
    float: left;
    width: 59px;
    height: 13px;
    text-align: right;
    margin: 1px 5px 0px 0px;
}

.transItemBMid {
    float: left;
    width: 55px;
    height: 13px;
    text-align: center;
    margin-top: 1px;
}

.tranItemBUp {
    background: url("https://cdn.philstocks.ph/v4/console/up.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 9px;
    width: 9px;
    margin: 1px 0px 0px 28px;
    background-position: center;
}

.tranItemSDown {
    background: url("https://cdn.philstocks.ph/v4/console/down.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 9px;
    width: 9px;
    margin: 1px 0px 0px 28px;
    background-position: center;
}

.transFooter {
    width: 175px;
    height: 15px;
    float: left;
    text-align: right;
}


/*Chart*/

.intraChartContainer {
    width: 286px;
    height: 125px;
    float: left;
    position: relative;
    border: 1px solid #a4a4a4;
    border-top: 0px;
    border-left: 0px;
}

.intraChartsHeader {
    width: 287px;
    height: 19px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
}

.intraChartNoData {
    background: url("https://cdn.philstocks.ph/v4/console/nodata.png") no-repeat scroll 0 0 transparent;
    width: 282px;
    height: 103px;
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 1000;
}

.intraChartThumb {
    width: 590px;
    height: 252px;
    float: left;
    z-index: 1000;
    position: relative;
    overflow: hidden;
}

.intraChartFull {
    width: 586px;
    height: 250px;
    float: left;
    z-index: 1000;
}

.intraDayBoxThumb {
    position: absolute;
    top: -63px;
    left: -151px;
    background: white;
    width: 590px;
    height: 252px;
    z-index: 1000;
    transform: scale(.48.46);
    -ms-transform: scale(.48,.46); /* IE 9 */
    -webkit-transform: scale(.48,.46); /* Safari and Chrome */
    -o-transform: scale(.48,.46); /* Opera */
    -moz-transform: scale(.48,.46); /* Firefox */
    overflow: hidden;
}

.intraDayBoxFull {
    position: absolute;
    top: 0px;
    left: 0px;
    background: white;
    width: 586px;
    height: 246px;
    z-index: 1000;
    border-right: 1px solid #a4a4a4;
}

/*Top BS*/

.top3BSContainer {
    width: 586px;
    height: 120px;
    float: left;
    border-right: 1px solid #a4a4a4;
}

.top3BSTable {
    width: 100%;
    height: 102px;
    float: left;
}

    .top3BSTable thead {
        /*width: 279px;*/
        height: 16px;
        width: 100%;
        /*float: left;*/
        margin-top: 2px;
        background: #c8c8c8;
    }

        .top3BSTable thead th {
            font-weight: normal;
        }

        .top3BSTable thead tr {
            height: 19px;
        }

    .top3BSTable tbody {
        /*width: 279px;*/
        width: 100%;
        height: 20px;
        /*float: left;*/
    }

        .top3BSTable tbody tr {
            border-bottom: 1px solid #d2d2d2;
            height: 20px;
        }

.top3BSBroker {
    text-align: left;
    padding-left: 5px;
}

.top3BSVolumeP {
    text-align: right;
    padding-right: 5px;
}


/*Total BS

.totalBSContainer {
    width: 279px;
    height: 97px;
    float: left;
    margin: 5px 0px 0px 5px;
}

.totalBSTable {
    width: 100%;
    height: 102px;
    float: left;
}

    .totalBSTable thead {
        height: 16px;
        width: 100%;

        margin-top: 2px;
        background: #c8c8c8;
    }

        .totalBSTable thead th {
            font-weight: normal;
        }

        .totalBSTable thead tr {
            height: 19px;
        }

    .totalBSTable tbody {
        width: 100%;
        height: 20px;
    }

        .totalBSTable tbody tr {
            border-bottom: 1px solid #d2d2d2;
            height: 21px;
        }

.totalBSTitle {
    text-align: left;
    padding-left: 4px;
}

.totalBSAvePrice {
    text-align: right;
    padding-left: 4px;
}

.totalBSVolume {
    text-align: right;
    padding-left: 4px;
}

.totalBSVolumeP {
    text-align: right;
    padding-left: 4px;
}


.totalBSFooter {
    width: 278px;
    height: 15px;
    float: left;
    text-align: right;
}
*/
/*Volume at Price*/

.volAtPriceContainer {
    width: 299px;
    height: 124px;
    float: left;
    border-right: 1px solid #a4a4a4;
    border-top: 1px solid #a4a4a4;
    border-bottom: 1px solid #a4a4a4;
}

.volAtPriceScroll {
    width: 299px;
    height: 105px;
    float: left;
    overflow-y: visible;
    overflow-x: hidden;
}

.volAtPriceTable {
    /*min-width: 278px;*/
    width: 100%;
    height: auto;
    float: left;
}

    .volAtPriceTable tbody {
        /*min-width: 278px;*/
        width: 100%;
        height: 20px;
    }


        .volAtPriceTable tbody tr {
            border-bottom: 1px solid #d2d2d2;
            height: 20px;
            width: 100%;
        }

/*.volAtPriceTable tbody td {
            width: 100%;
        }*/

.volAtPriceHeader {
    background: #c8c8c8;
    width: 299px;
    height: 19px;
}

.volAtPricePrice {
    /*min-width: 62px;*/
    text-align: right;
    padding-right: 20px;
}

.volAtPriceVolume {
    /*min-width: 70px;*/
    text-align: right;
    padding-right: 14px;
}

.volAtPriceTot {
    /*min-width: 80px;*/
    text-align: right;
    padding-right: 14px;
}

.volAtPriceVolumeP {
    /*min-width: 29px;*/
    text-align: right;
    padding-right: 5px;
}

.bidAskContainer {
    float: left;
    width: 418px;
    height: 119px;
    border: 1px solid #a4a4a4;
    border-top: 0px;
}

.bidTable {
    width: 50%;
    height: 119px;
    float: left;
    border: 0px;
    padding: 0px;
    margin: 0px;
    border-right: 1px solid #d2d2d2;
}

    .bidTable thead {
        height: 20px;
        width: 100%;
        margin-top: 2px;
        background: #c8c8c8;
    }

        .bidTable thead th {
            font-weight: normal;
            padding-top: 2px;
        }

        .bidTable thead tr {
            height: 19px;
        }

    .bidTable tbody {
        width: 100%;
        height: 20px;
    }

        .bidTable tbody tr {
            border-bottom: 1px solid #d2d2d2;
            height: 20px;
        }


        .bidTable tbody td {
            border-right: 1px solid #d2d2d2;
            border-top: 0px;
            border-bottom: 0px;
            height: auto;
        }

.bidAskVolA {
    vertical-align: top;
    text-align: right;
}

.bidAskVol {
    vertical-align: top;
    text-align: right;
}

.bidAskPrice {
    vertical-align: top;
    text-align: right;
}

.askTable {
    width: 50%;
    height: 119px;
    float: left;
    border: 0px;
    padding: 0px;
}

    .askTable thead {
        height: 20px;
        width: 100%;
        margin-top: 2px;
        background: #c8c8c8;
    }

        .askTable thead th {
            font-weight: normal;
            padding-top: 2px;
        }

        .askTable thead tr {
            height: 19px;
        }

    .askTable tbody {
        width: 100%;
        height: 20px;
    }

        .askTable tbody tr {
            border-bottom: 1px solid #d2d2d2;
            height: 20px;
        }

        .askTable tbody td {
            border-right: 1px solid #d2d2d2;
            border-top: 0px;
            border-bottom: 0px;
            height: auto;
        }

.bidAskNotifier {
    background: #a1a1a1;
}

.bidAskItem {
    /*height: 80%;*/ /*Opera Issue*/
    margin: 2px 0 0 3px;
    padding-right: 2px;
    padding-top: 2px;
    vertical-align: middle;
    width: 91%;
    padding-bottom: 2px;
}

/*Watchlist*/

.watchlistContainer {
    /*width: 147px; in parent*/
    width: 100%;
    height: 416px;
    float: left;
    background: #ebebeb;
    position: relative;
}

.watchlistBG {
    position: absolute;
    border: 1px solid #d7d7d7;
    /*width: 147px;*/
    width: 100%;
    height: 331px;
    border-right: 0px;
    border-bottom: 0px;
    top: 0px;
    left: 0px;
    z-index: 1000;
    overflow: hidden;
    border-collapse: initial;
}

    .watchlistBG td {
        border: 1px solid #d7d7d7;
        border-top: 0px;
        border-left: 0px;
        text-align: center;
        color: #c3c3c3;
        cursor: pointer;
        width: 72px;
        height: 53px;
    }

.watchlistCon {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    background: inherit;
}

.watchlistBox {
    width: 70px;
    height: 52px;
    display: none;
    cursor: move;
}

.watchlistCircle {
    width: 21px;
    height: 19px;
    float: left;
    color: white;
    padding-top: 3px;
    margin: 15px 0px 0px 27px;
    background: url("https://cdn.philstocks.ph/v4/console/pin.png") no-repeat scroll 0 0 transparent;
    /*background: url("https://cdn.philstocks.ph/v4/console/add.png") no-repeat scroll 0 0 transparent;*/
}


.watchlistCalcu {
    position: absolute;
    top: 30px;
    left: 6px;
    font-weight: bold;
    font-size: 16px;
}

.watchlistItem {
    float: left;
    width: 71px;
    height: 52px;
    position: absolute;
    /*background: #ebebeb;*/
    background: inherit;
    z-index: 1000;
    top: 0px;
    left: 0px;
    color: #000;
}

.watchlistSymbol {
    float: left;
    margin: 4px 0px 0px 5px;
    width: 45px;
    height: 18px;
    cursor: pointer;
    text-decoration: underline;
    text-align: left;
}

.watchlistDelete {
    float: left;
    width: 17px;
    height: 17px;
    margin-left: 2px;
    margin-top: 2px;
    font-weight: bold;
    color: Gray;
    cursor: pointer;
    background: url("https://cdn.philstocks.ph/v4/console/unpin.png") no-repeat scroll 0 0 transparent;
}

    .watchlistDelete a {
        border: 0px;
        cursor: pointer;
        text-decoration: none;
        width: 10px;
        height: 12px;
    }

.watchlistPrice {
    float: left;
    margin: 1px 0px 0px 10px;
    width: 55px;
    height: 14px;
    text-align: right;
    font-weight: bold;
}

.watchlistChangeP {
    float: left;
    width: 65px;
    height: 14px;
    text-align: right;
}

.watchlistTUp {
    background: url("https://cdn.philstocks.ph/v4/tup.png") no-repeat scroll 0 0 transparent;
    background-position: 15px 3px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1001;
    opacity: .8 !important;
}

.watchlistTDown {
    background: url("https://cdn.philstocks.ph/v4/tdown.png") no-repeat scroll 0 0 transparent;
    background-position: 15px 3px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1001;
    opacity: .8 !important;
}

.watchlistBANotify {
    background: #F36523;
    opacity: .6 !important;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 70px;
    height: 52px;
    display: none;
}

.watchpackBANotify {
    background: #F36523;
    opacity: .6 !important;
}

.watchlistNotifyBA {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #F36523;
    opacity: .6 !important;
    width: 100%;
    height: 100%;
}

.watchpackNotifyBA {
    height: 80%;
    width: 93%;
    opacity: .6 !important;
}

.watchlistAdd {
    width: 100%;
    height: 100%;
}

.packPick {
    position: absolute;
    width: 145px;
    height: 40px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    top: 356px;
    left: 0px;
    z-index: 1000;
}

    .packPick td {
        text-align: center;
        color: #c3c3c3;
        cursor: pointer;
        width: 72px;
        height: 40px;
    }

.watchPackIcon {
    float: left;
    background: url("https://cdn.philstocks.ph/v4/console/monitor.png") no-repeat scroll 0 0 transparent;
    background-position: top center;
    width: 60px;
    height: 8px;
    margin-left: 6px;
    padding-top: 35px;
    color: #484848;
    cursor: pointer;
}

.stock101Icon {
    float: left;
    background: url("https://cdn.philstocks.ph/v4/console/book.png") no-repeat scroll 0 0 transparent;
    background-position: top left;
    height: 22px;
    color: #484848;
    padding-top: 5px;
    padding-left: 35px;
    cursor: pointer;
    margin-left: 15px;
}

.watchlistContainer .ui-state-active {
    background: #F36523;
}

/*Chupitero*/

.chupiteroContainer {
    width: 210px;
    height: 397px;
    position: absolute;
    top: 6px;
    left: 150px;
    z-index: 1002;
    border: 1px solid #F36523;
}

.chupiteroTable {
    width: 210px;
    height: 397px;
    background: white;
}

    .chupiteroTable th {
        height: max-content;
    }

    .chupiteroTable td {
        border: 1px solid #c8c8c8;
        text-align: right;
        border-left: 0px;
    }

.chupLeft {
    padding-right: 35px;
}

.chupRight {
    padding-right: 15px;
    border-right: 0px;
}
/*Watchpack*/

.watchpackContainer {
    width: 980px;
    height: 416px;
    float: left;
    background: white;
    position: absolute;
    z-index: 1002;
}

.watchpackMenu {
    float: left;
    width: 980px;
    height: 26px;
    background: #c8c8c8;
    color: #5C5C5C;
}

.watchpackClose {
    color: black;
    font-size: 14px;
    float: right;
    margin: 5px 9px 0px 0px;
    cursor: pointer;
    text-decoration: underline;
}

.watchpackLegend {
    float: left;
    background: url("https://cdn.philstocks.ph/v4/console/legend.png") no-repeat scroll 0 0 transparent;
    background-position: top left;
    width: 70px;
    padding-top: 3px;
    padding-left: 25px;
    height: 17px;
    margin: 4px 10px 0px 0px;
    position: relative;
    cursor: default;
}

.watchpackLegendImg {
    background: url("https://cdn.philstocks.ph/v4/console/legend2.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    top: 24px;
    left: -165px;
    width: 262px;
    height: 183px;
    z-index: 2000;
}

.watchpackTabular {
    float: left;
    background: url("https://cdn.philstocks.ph/v4/console/tabular.png") no-repeat scroll 0 0 transparent;
    background-position: top left;
    width: 90px;
    padding-top: 3px;
    padding-left: 25px;
    height: 17px;
    margin: 4px 10px 0px 0px;
    cursor: pointer;
    text-decoration: underline;
}

.watchpackGrid {
    float: left;
    background: url("https://cdn.philstocks.ph/v4/console/grid.png") no-repeat scroll 0 0 transparent;
    background-position: top left;
    width: 70px;
    padding-top: 3px;
    padding-left: 25px;
    height: 17px;
    margin: 4px 10px 0px 10px;
    cursor: pointer;
    text-decoration: underline;
}

.watchpackGridTable {
    width: 980px;
    height: auto;
    position: absolute;
    top: 26px;
    left: 0px;
    text-align: right;
}

.watchpackItemTable {
    width: 245px;
    height: 130px;
    border-right: 1px solid #d4d4d4;
    color: black !important;
}

    .watchpackItemTable td {
        border-bottom: 1px solid #d4d4d4;
        height: 18px;
    }

.wpItemSymbol {
    text-decoration: underline;
    color: blue;
    cursor: pointer;
    text-align: left;
    float: left;
    margin-left: 10px;
    width: 50px;
}

.wpItemVol {
    float: left;
    margin-left: 10px;
    width: 80px;
}

.wpItemVal {
    float: left;
    margin-left: 10px;
    width: 80px;
}

.wpItemLastPrice {
    float: left;
    margin-left: 10px;
    width: 35px;
    margin-right: 25px;
}

.wpItemChangeP {
    float: left;
    margin-left: 5px;
    width: 95px;
}

.wpItemAvePrice {
    float: left;
    margin-left: 10px;
    width: 55px;
}

.wpBrRight {
    border-right: 1px solid #d4d4d4;
}

.wpBrLeft {
    border-left: 1px solid #d4d4d4;
}

.wpItemBidAskPrice {
    float: left;
    margin-right: 5px;
    width: 45px;
}

.wpItemBidAskVolume {
    float: left;
    margin-right: 5px;
    width: 64px;
}

.wpItemTranTime {
    float: left;
    width: 60px;
}

.wpItemTranPrice {
    float: left;
    width: 80px;
}

.wpItemTranVolume {
    float: left;
    width: 81px;
}

.wpItemTranBUp {
    float: left;
    width: 9px;
    height: 9px;
    background: url(https://cdn.philstocks.ph/v4/bup.png) no-repeat;
    margin: 1px 4px 0px 5px;
}

.wpItemTranSDown {
    float: left;
    width: 9px;
    height: 9px;
    background: url(https://cdn.philstocks.ph/v4/sdown.png) no-repeat;
    margin: 1px 4px 0px 5px;
}

.wpItemBroker {
    float: left;
    width: 122px;
    text-align: center;
    text-transform: lowercase;
}

.watchpackTabTable {
    width: 980px;
    height: auto;
    position: absolute;
    top: 26px;
    left: 0px;
}

    .watchpackTabTable th {
        text-align: right;
        border-bottom: 1px solid #d4d4d4;
        height: 30px;
        font-weight: normal;
        padding-right: 10px;
    }

    .watchpackTabTable td {
        text-align: right;
        border-bottom: 1px solid #d4d4d4;
        height: 29px;
        padding-right: 10px;
    }

.wpItemTSymbol {
    text-decoration: underline;
    color: blue;
    cursor: pointer;
    text-align: left;
    float: left;
    margin-left: 10px;
    width: 50px;
}

/*Trading Section*/

.tradingContainer {
    float: left;
    width: 63px;
    height: 416px;
    background: #b9b9b9;
    position: relative;
}

.portfolioIcon {
    float: left;
    margin-top: 0px !important;
    /* background: url("https://cdn.philstocks.ph/v5/images/buttons/portfolio.png") no-repeat scroll 0 0 transparent;*/
    background-position: top center;
    /*width: 63px;
    height: 10px;*/
    /* padding-top: 30px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    color: #363636;
    font-size: 12px;
    text-align: center;
    /* margin-top: 15px;*/
    cursor: pointer;
}

.buyIcon {
    /* background: url("https://cdn.philstocks.ph/v5/images/buttons/buy.png") no-repeat scroll 0 0 transparent;*/
    background-position: top center;
    /* width: 63px;
    height: 12px;*/
    /* padding-top: 36px;*/
    padding: 10px;
    color: #363636;
    font-size: 12px;
    text-align: center;
    /*margin-top: 20px;*/
    cursor: pointer;
}

.sellIcon {
    /*   background: url("https://cdn.philstocks.ph/v5/images/buttons/sell.png") no-repeat scroll 0 0 transparent;*/
    background-position: top center;
    /* width: 63px;
    height: 10px;*/
    /* padding-top: 35px;*/
    padding: 0px;
    padding-bottom: 5px;
    color: #363636;
    font-size: 12px;
    text-align: center;
    /*  margin-top: 20px;*/
    cursor: pointer;
}

.depositIcon {
    float: left;
    /*  background: url("https://cdn.philstocks.ph/v5/images/buttons/add_fund.png") no-repeat scroll 0 0 transparent;*/
    background-position: top center;
    /* width: 63px;
    height: 12px;*/
    /* padding-top: 31px;*/
    padding: 10px;
    color: #363636;
    font-size: 12px;
    text-align: center;
    /* margin-top: 20px;*/
    cursor: pointer;
}


.ordersIcon {
    float: left;
    /* background: url("https://cdn.philstocks.ph/v5/images/buttons/orders.png") no-repeat scroll 0 0 transparent;*/
    background-position: top center;
    /*width: 63px;
    height: 10px;*/
    /* padding-top: 31px;*/
    padding: 10px;
    color: #363636;
    font-size: 12px;
    text-align: center;
    /* margin-top: 24px;*/
    cursor: pointer;
}

.conditionalIcon {
    float: left;
    /*background: url("https://cdn.philstocks.ph/v5/images/buttons/conditionaltrade.png") no-repeat scroll 0 0 transparent;*/
    background-position: top center;
    /*  width: 63px;
    height: 12px;*/
    /*padding-top: 31px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    color: #363636;
    font-size: 12px;
    text-align: center;
    /* margin-top: 10px;*/
    cursor: pointer;
}

.ordersIconNotify {
    float: left;
    background: url("https://cdn.philstocks.ph/v4/console/orders2.png") no-repeat scroll 0 0 transparent;
    background-position: top center;
    width: 63px;
    height: 10px;
    padding-top: 31px;
    color: #363636;
    font-size: 12px;
    text-align: center;
    margin-top: 24px;
    cursor: pointer;
}


.matchedIcon {
    float: left;
    background: url("https://cdn.philstocks.ph/v4/console/matched.png") no-repeat scroll 0 0 transparent;
    background-position: top center;
    width: 63px;
    height: 8px;
    padding-top: 32px;
    color: #363636;
    font-size: 12px;
    text-align: center;
    margin-top: 24px;
    cursor: pointer;
}

.matchedIconNotify {
    float: left;
    background: url("https://cdn.philstocks.ph/v4/console/matched2.png") no-repeat scroll 0 0 transparent;
    background-position: top center;
    width: 63px;
    height: 8px;
    padding-top: 28px;
    color: #363636;
    font-size: 12px;
    text-align: center;
    margin-top: 24px;
    cursor: pointer;
}


.ordersContainer {
    width: 978px;
    height: 414px;
    float: left;
    background: white;
    position: absolute;
    z-index: 1002;
    margin-left: -917px;
    border: 1px solid #F36523;
}

.ordersMenu {
    float: left;
    width: 978px;
    height: 23px;
    background: #F36523;
    color: black;
}

.ordersSpacing {
    float: left;
    margin: 5px 0px 0px 10px;
    text-decoration: underline;
    cursor: pointer;
}

.pendingOrdersTable {
    width: 961px;
    height: auto;
    float: left;
    margin-bottom: 3px;
    table-layout: fixed;
}

    .pendingOrdersTable th {
        text-align: left;
        border-bottom: 1px solid #d4d4d4;
        height: 20px;
        font-weight: normal;
        padding-left: 10px;
    }

    .pendingOrdersTable td {
        text-align: right;
        border: 1px solid #d4d4d4;
        height: 29px;
        padding-right: 10px;
        padding-left: 5px;
    }

.pendingTitle {
    height: 20px;
    margin: 10px 0px 0px 10px;
}

.theadBG {
    background: #D4D4D4;
}

.theadBG1 {
    background: #7D7D7D;
    color: white;
}

.pendingOrdersTitle {
    text-align: left !important;
    padding-left: 10px;
    width: 50px;
}

.pendingOrdersSymCode {
    text-align: left !important;
    width: 62px;
    padding-left: 10px;
}

.pendingOrdersOrderNum {
    text-align: center !important;
    width: 149px;
}

.pendingOrdersPrice {
    width: 60px;
}

.pendingOrdersVolume {
    width: 85px;
}

.pendingOrdersSide {
    text-align: left !important;
    width: 53px;
    padding-left: 10px;
}

.pendingOrdersValidity {
    text-align: center !important;
    width: 57px;
}

.pendingOrdersPostedDate {
    width: 145px;
    text-align: center !important;
    padding-left: 10px;
}

.pendingOrdersStatus {
    width: 150px;
    text-align: center !important;
}

.pendingOrdersTradingPIN {
    width: 130px;
}

.pendingOrdersTxtPIN {
    text-align: center !important;
    width: 40px;
    height: 14px;
}

.pendingOrdersBtnRemove {
    width: 66px;
    height: 22px;
    font-size: 11px;
    cursor: pointer;
}

.pendingOrdersBtnCancel {
    width: 66px;
    height: 22px;
    font-size: 11px;
    cursor: pointer;
}

.postedOrdersSymCode {
    text-align: left !important;
    width: 80px;
    padding-left: 10px;
}

.postedOrdersOrderNum {
    text-align: center !important;
    width: 149px;
}

.postedOrdersPrice {
    width: 55px;
}

.postedOrdersVolume {
    width: 85px;
}

.postedOrdersSide {
    text-align: center !important;
    width: 53px;
}

.postedOrdersValidity {
    text-align: center !important;
    width: 57px;
}

.postedOrdersPostedDate {
    width: 130px;
    text-align: left !important;
    padding-left: 60px;
}

.postedOrdersTradingPIN {
    width: 175px;
}

.postedOrdersTxtPIN {
    width: 130px;
    height: 14px;
    text-align: center !important;
}

.postedOrdersBtnCancel {
    width: 60px;
    height: 22px;
    cursor: pointer;
}

.cancelledOrdersSymCode {
    text-align: left !important;
    width: 80px;
    padding-left: 10px;
}

.cancelledOrdersOrderNum {
    text-align: center !important;
    width: 149px;
}

.cancelledOrdersPrice {
    width: 55px;
}

.cancelledOrdersVolume {
    width: 85px;
}

.cancelledOrdersSide {
    text-align: center !important;
    width: 45px;
}

.cancelledOrdersValidity {
    text-align: center !important;
    width: 45px;
}

.cancelledOrdersPostedDate {
    width: 190px;
}

.cancelledOrdersCancelledDate {
    width: 190px;
}

.cancelledOrdersParticulars {
    width: 1000px;
    text-align: center !important;
}

.rejectedOrdersSymCode {
    text-align: left !important;
    width: 80px;
    padding-left: 10px;
}

.rejectedOrdersOrderNum {
    text-align: center !important;
    width: 149px;
}

.rejectedOrdersPrice {
    width: 55px;
}

.rejectedOrdersVolume {
    width: 85px;
}

.rejectedOrdersSide {
    text-align: center !important;
    width: 45px;
}

.rejectedOrdersValidity {
    text-align: center !important;
    width: 45px;
}

.rejectedOrdersPostedDate {
    width: 190px;
}

.rejectedOrdersRejectedDate {
    width: 190px;
}

.rejectedOrdersParticulars {
    width: 1000px;
    text-align: center !important;
}

.matchedOrdersSymCode {
    text-align: left !important;
    width: 80px;
    padding-left: 10px;
}

.matchedOrdersOrderNum {
    text-align: center !important;
    width: 165px;
}

.matchedOrdersPrice {
    width: 55px;
}

.matchedOrdersVolume {
    width: 85px;
}

.matchedOrdersSide {
    text-align: center !important;
    width: 45px;
}

.matchedOrdersValidity {
    text-align: center !important;
    width: 45px;
}

.matchedOrdersPostedDate {
    width: 165px;
    padding-left: 55px;
    text-align: left !important;
}

.matchedOrdersMatchedDate {
    width: 160px;
    padding-left: 50px;
    text-align: left !important;
}


.windowClose {
    color: #7F7F7F;
    font-size: 14px;
    float: right;
    margin: 5px 9px 0px 0px;
    cursor: pointer;
}

.windowDelete {
    float: right;
    width: 10px;
    height: 12px;
    font-weight: bold;
    color: #2C3C3B;
    cursor: pointer;
    margin: 4px 25px 0px 0px;
    font-size: 12px;
    text-decoration: underline;
}

    .windowDelete a {
        border: 0px;
        cursor: pointer;
        text-decoration: none;
        width: 10px;
        height: 12px;
    }


/*Trading Section - Buying*/

.buyingContainer {
    position: absolute;
    top: 0px;
    right: -2px;
    width: 280px;
    height: 442px;
    /*   border: 1px solid #F36523;*/
    background: #EBEBEB;
    z-index: 1001;
    margin-top: -27px;
}

.buyingBox {
    width: 280px;
    height: 391px;
    float: left;
}

.buyingTable {
    width: 280px;
    height: 391px;
    float: left;
    background: #EBEBEB;
}

    .buyingTable tr {
        border-bottom: 1px solid #c8c8c8;
    }

        .buyingTable tr td {
            height: auto;
        }

.bTableLeft {
    text-align: left;
    width: 100px;
    border-right: 1px solid #c8c8c8;
    padding: 0px 0px 0px 7px;
}

.bTableRight {
    text-align: right;
    padding: 5px 5px 6px 0px;
}

.bTableBtn {
    height: 20px;
    border: 0px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    width: -webkit-fill-available;
}

.buySellTitle {
    float: left;
    font-size: 14px;
    margin: 4px 0px 0px 125px;
    font-weight: bold;
}

.buySellTradingPIN {
    width: 70px;
    height: 20px;
    text-align: center;
}

.buySellLoading {
    width: 187px;
    height: 35px;
    margin: 10px 0px 0px 10px;
    float: left;
    /*background: url(https://cdn.philstocks.ph/v4/console/loading.gif) no-repeat;*/
    background: url(https://cdn.philstocks.ph/infinity/console/loading.gif) no-repeat;
    background-position: center;
}

.buySellLoadingConditional {
    width: 187px;
    height: 35px;
    margin: 10px 0px 0px 10px;
    float: left;
    /*background: url(https://cdn.philstocks.ph/v4/console/loading.gif) no-repeat;*/
    background: url(https://cdn.philstocks.ph/infinity/console/loading.gif) no-repeat;
    background-position: center;
    margin-left:4em !important;
}

.dmaLoading {
    width: 187px;
    height: 35px;
    margin: 10px 0px 0px 10px;
    float: left;
    /*background: url(https://cdn.philstocks.ph/v4/console/loading.gif) no-repeat;*/
    background: url(https://cdn.philstocks.ph/infinity/console/loading.gif) no-repeat;
    background-position: center;
    margin-left: 4em !important;
}


.blockContainer {
    width: 280px;
    height: 352px;
    background: black;
    position: absolute;
    top: 1px;
    left: -216px;
    opacity: .3;
    z-index: 1009;
}

.buySellPriceSubTitle {
    font-style: italic;
    margin-left: 0;
    font-size: 10px;
}

.buySellPriceSub {
    text-align: center;
    height: 12px;
    padding: 5px 0px 5px 0px;
    font-weight: bold;
}

.buySellSharesSubTitle {
    font-style: italic;
    margin-left: 0;
    font-size: 9px;
    text-align: justify;
}

.buySellSharesSub {
    text-align: center;
    height: 12px;
    padding: 5px 0px 5px 0px;
    font-weight: bold;
}

.buySellExpiry {
    text-align: left;
    margin: 5px 0px 7px 5px;
}

.successContainer {
    width: 280px;
    height: 391px;
    background: #ebebeb;
    position: absolute;
    top: 23px;
    left: 0px;
    z-index: 1010;
}

.successCheck {
    height: 30px;
    background: url(https://cdn.philstocks.ph/v4/console/check.png) no-repeat;
    background-position: center;
    font-weight: bold;
    font-size: 14px;
    padding: 100px 10px 10px 10px;
    margin-top: 50px;
    text-align: center;
}

.successError {
    width: 187px;
    height: 30px;
    background: url(https://cdn.philstocks.ph/v4/console/cross.png) no-repeat;
    background-position: center;
    font-weight: bold;
    font-size: 14px;
    padding: 100px 10px 10px 10px;
    margin: 50px auto;
    text-align: center;
}

.successInfo {
    width: 187px;
    height: 30px;
    background: url(https://cdn.philstocks.ph/v4/console/error.png) no-repeat;
    background-position: center;
    font-weight: bold;
    font-size: 14px;
    padding: 100px 10px 10px 10px;
    margin: 50px auto;
    text-align: center;
}

.infoIcon {
    width: 12px;
    height: 12px;
    background: url(https://cdn.philstocks.ph/v4/console/info.png) no-repeat;
    float: left;
    margin-left: 5px;

}

/*Research*/

.researchBox {
    background: url(https://cdn.philstocks.ph/v4/console/research.png) no-repeat;
    background-position: 3% 49%;
    padding: 15px 0px 0px 68px;
    width: 109px;
    height: 25px;
    border: 1px solid #d2d2d2;
    float: left;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.altBG {
    background: #ebebeb;
}

.pseLogo {
    position: absolute;
    top: 350px;
    left: 0px;
    margin-top: 5px;
    text-align: center;
    background-position: 6% 49%;
    padding-top: 3px;
    line-height: 8px;
    width: 100%;
    height: 41px;
    border-top: 1px solid #d2d2d2;
    cursor: pointer;
}

    .pseLogo a {
        color: #363636;
    }

.addMinus {
    width: 58px;
    height: 23px;
    float: left;
    margin-left: 4px;
    font-size: 12px;
}

.xmasLightsOn {
    width: 711px;
    height: 29px;
    background: url(https://cdn.philstocks.ph/v4/console/xmaslights1.png) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1004;
}

.xmasLightsOff {
    width: 711px;
    height: 29px;
    background: url(https://cdn.philstocks.ph/v4/console/xmaslights2.png) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1004;
}

.xmasSoundOn {
    width: 20px;
    height: 18px;
    background: url(https://cdn.philstocks.ph/v4/console/sound_on.png) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1005;
    cursor: pointer;
}

.xmasSoundOff {
    width: 20px;
    height: 18px;
    background: url(https://cdn.philstocks.ph/v4/console/sound_mute.png) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1005;
    cursor: pointer;
}

.financialContainer {
    width: 181px;
    height: 120px;
    float: left;
}

.finHeader {
    width: 181px;
    height: 15px;
    padding-top: 4px;
    background: #c8c8c8;
    float: left;
    text-align: left;
}

.finBody {
    width: 181px;
    height: 100px;
    float: left;
    position: relative;
    overflow: hidden;
    top: 0px;
    left: 0px;
}


.finTable {
    width: 181px;
    height: 100px;
    float: left;
    text-align: center;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .finHeader {
        width: 182px;
        height: 15px;
        padding-top: 4px;
        background: #c8c8c8;
        float: left;
        text-align: left;
    }

    .finBody {
        width: 182px;
        height: 100px;
        float: left;
        position: relative;
        overflow: hidden;
        top: 0px;
        left: 0px;
    }

    .finTable {
        width: 182px;
        height: 101px;
        float: left;
        text-align: center;
    }
}

.finTable tr {
    border: 1px solid #d4d4d4;
    height: 19px;
    border-left: 0px;
    border-right: 0px;
}

.finTableBarR {
    border-right: 1px solid #d4d4d4;
}

.finTableBarL {
    border-left: 1px solid #d4d4d4;
}

.finTableBG {
    background: #ebebeb;
}

/*V4*/

.watchlistContainer .wltxtSetting {
    width: 60px;
    height: 16px;
    text-align: center;
    text-transform: uppercase;
}

.watchlistContainer .wlbtnSetting {
    background: #6B6B6B;
    border: 0px;
    color: white;
    width: 55px;
    height: 25px;
    margin-top: 3px;
}

.menuAdvisory {
    position: absolute;
    top: 0px;
    left: 275px;
    width: 312px;
    height: 27px;
    background: url(https://cdn.philstocks.ph/v4/marketstatusbg.png) no-repeat;
}

.menuAdvisoryLabel {
    text-decoration: underline;
    font-weight: bold;
    color: #FFF77F;
    text-transform: uppercase;
    float: left;
    margin: 6px 0px 0px 10px;
    text-overflow: ellipsis;
    width: 270px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.menuAdvisoryClose {
    float: right;
    width: 17px;
    height: 17px;
    margin: 5px 5px 0px 0px;
    background: url(https://cdn.philstocks.ph/v4/close.png) no-repeat;
    cursor: pointer;
}

.ordersTable {
    width: 100%;
    height: auto;
    float: left;
}

    .ordersTable th {
        text-align: left;
        border-bottom: 1px solid #d4d4d4;
        height: 20px;
        font-weight: normal;
    }

/*Historical*/

.histLoading {
    background: url(https://cdn.philstocks.ph/infinity/console/histloading.gif) no-repeat;
    width: 155px;
    height: 56px;
    position: absolute;
    top: 300px;
    left: 350px;
    display: none;
}

.symCaifRejectPopup {
    width: 220px;
    height: auto;
    position: absolute;
    top: 30px;
    left: 747px;
    border: 1px solid #d2d2d2;
    background: white;
    z-index: 99999;
    color: black;
}

.symCaifRejectName {
    float: left;
    font-size: 14px;
    margin: 5px 0px 0px 4px;
    font-weight: bold;
    cursor: default;
}




/* ---------------------- Conditional Trading Start---------------------- */
.columnCT {
    float: left;
    padding-top: 5px;
}

.columnCT-padding {
    float: left;
    padding: 10px;
}

.leftCT {
    width: 48%;
}

.rightCT {
    width: 48%;
    padding-left: 9px
}

.leftCT2 {
    width: 51%;
}

.rightCT2 {
    width: 34%;
}

/* Clear floats after the columns */
.rowCT:after {
    content: "";
    display: table;
    clear: both;
}

.conditionalTradingContainer {
    position: absolute;
    top: -27px;
    left: -217px;
    width: 280px;
    height: 443px;
    /*border-left: 1px solid #0ea700;*/
    background: white;
    z-index: 1004;
}

.dmaContainer {
    position: absolute;
    top: -27px;
    left: -217px;
    width: 280px;
    height: 443px;
    background: white;
    border-left: 1px solid #363636;
    z-index: 1010;
}

.conditionalTradingTitle {
    float: left;
    font-size: 16px;
    margin: 4px 0px 0px 122px;
    font-weight: bold;
    color: #fff;
    margin-left: 50px;
}

.dmaTitle {
    float: left;
    font-size: 16px;
    margin: 4px 0px 0px 122px;
    font-weight: bold;
    color: #fff;
    margin-left: 100px;
}


.closeConditionalTrading {
    float: right;
    color: #fff;
    cursor: pointer;
    margin: 2px 5px 0px 0px;
    font-size: 20px;
    font-weight: bold;
}


.closeDMA {
    float: right;
    color: #fff;
    cursor: pointer;
    margin: 2px 5px 0px 0px;
    font-size: 20px;
    font-weight: bold;
}

.divCash {
    width: 50%;
    padding-top: 35px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.divIsAutoExecute {
    position: absolute;
    top: 31px;
    left: 150px;
}

.conditionalTradingBuyBG {
    float: left;
    text-align: center;
    width: 100%;
    background: #0ea700;
    height: 27px;
}

.dmaBG {
    float: left;
    text-align: center;
    width: 100%;
    background: #363636;
    height: 27px;
}

.btnBuyConditionalSubmit {
    margin-left: 4px !important;
    margin-top: 7px;
    height: 30px;
    width: 80px;
    border-radius: 5px;
    border: none;
    float: none;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    background: #0ea700;
}

.btnExtend {
    height: 35px;
    width: -webkit-fill-available;
    border-radius: 5px;
    border: none;
    float: none;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    background: #363636;
    margin: 10px 50px;
}

.btnSellConditionalSubmit {
    margin-left: 4px !important;
    margin-top: 7px;
    height: 30px;
    width: 80px;
    border-radius: 5px;
    border: none;
    float: none;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    background: #f00000;
}

.conditionalTradingSellBG {
    float: left;
    text-align: center;
    width: 100%;
    background: #f00000;
    height: 27px;
}

.button-switch .lbl-off,
.button-switch .lbl-on {
    cursor: pointer;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1em;
    position: absolute;
    top: 0.5em;
    -webkit-transition: opacity 0.25s ease-out 0.1s;
    transition: opacity 0.25s ease-out 0.1s;
    text-transform: uppercase;
}

.button-switch .lbl-off {
    right: 0.4375em;
}

.button-switch .lbl-on {
    color: #fefefe;
    opacity: 0;
    left: 0.4375em;
}

.button-switch .switch {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0;
    font-size: 1em;
    left: 0;
    line-height: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 0;
}

    .button-switch .switch:before, .button-switch .switch:after {
        content: "";
        font-size: 1em;
        position: absolute;
    }

    .button-switch .switch:before {
        border-radius: 1.25em;
        background: #bdc3c7;
        height: 1.875em;
        left: 5px;
        top: -0.1875em;
        -webkit-transition: background-color 0.25s ease-out 0.1s;
        transition: background-color 0.25s ease-out 0.1s;
        width: 45px;
        cursor: pointer;
    }

    .button-switch .switch:after {
        box-shadow: 0 0.0625em 0.375em 0 #666;
        border-radius: 50%;
        background: #fefefe;
        height: 1.5em;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: -webkit-transform 0.25s ease-out 0.1s;
        transition: -webkit-transform 0.25s ease-out 0.1s;
        transition: transform 0.25s ease-out 0.1s;
        transition: transform 0.25s ease-out 0.1s, -webkit-transform 0.25s ease-out 0.1s;
        width: 1.5em;
        left: 8px;
        cursor: pointer;
    }

    .button-switch .switch:checked:after {
        -webkit-transform: translate(21px, 0);
        transform: translate(21px, 0);
        cursor: pointer;
    }

    .button-switch .switch:checked ~ .lbl-off {
        opacity: 0;
    }

    .button-switch .switch:checked ~ .lbl-on {
        opacity: 1;
    }

    .button-switch .switch#switchBuy:checked:before {
        background: #003acc;
    }

    .button-switch .switch#switchSell:checked:before {
        background: #003acc;
    }

.divDarkBG {
    background-color: #181b22;
    height: 371px;
    padding: 7px;
}

.inputCT {
    width: 99% !important;
    border-bottom: 1px solid #c8c8c8;
    text-align: start;
    text-transform: none;
    font-weight: normal;
    border: none;
}

select:disabled {
    color: -internal-light-dark(rgb(84, 84, 84), rgb(170, 170, 170)) !important;
    background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3)) !important;
}

.selectCT {
    width: 102% !important;
    text-align: center;
    height: 23px;
    font-weight: normal;
    text-transform: none;
}

.divFees {
    color: #fff;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 5px;
    margin: 10px 5px 5px 5px;
}

.divGrandTotal {
    color: #fff;
    border-bottom: 1px solid #ebebeb;
    padding: 0px 5px 5px 5px;
    margin: 5px;
}

.spnInfo {
    background-color: #97c40e;
    padding: 2px 7px;
    border-radius: 50%;
    color: #000;
    font-weight: bold;
    margin-left: 5px;
}

.custom-combobox-input {
    margin: 0 !important;
    padding: 0.3em !important;
    width: 225px !important;
}


.ui-button {
    display: inline-block !important;
    position: relative !important;
    padding: 0 !important;
    line-height: normal !important;
    margin-right: .1em !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    text-align: center !important;
    overflow: visible !important;
    position: absolute !important;
}

.divOrderSummary {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 27px;
}

.divOrderSummaryInfo {
    border-bottom: 1px solid #ebebeb;
    color: #fff;
    padding: 10px;
    text-align: left;
}

.divDisclaimer {
    padding-top: 15px;
    color: #fff;
}

.divTradingPIN {
    padding: 0 58px;
}

.popupConditionalOrder {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: underline;
}

    .popupConditionalOrder .popupConditionalOrdertext {
        visibility: hidden;
        width: 160px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 8px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -80px;
    }

        .popupConditionalOrder .popupConditionalOrdertext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .popupConditionalOrder .showConditionalOrderPopup {
        visibility: visible;
        -webkit-animation: fadeIn .5s;
        animation: fadeIn .5s;
    }

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: white;
        color: black;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        margin-left: -60px;
        text-align: left;
        padding-left: 5px;
        border: 1px solid gainsboro;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: white transparent transparent transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

.tradingPINError {
    background: #ff6d6e;
}

.ui-menu {
    z-index: 2000 !important;
}

#buyTxtSym:disabled {
    color: gainsboro !important;
}

input:disabled {
    cursor: not-allowed !important;
}

/* ---------------------- Conditional Trading End---------------------- */