html, body
{
    /*pai*/
    height: 100%;
    min-height: 100%;
    position: relative;
    font-family: Tahoma;
    font-size: 13px;
}


/* main layout
----------------------------------------------------------*/
.content-wrapper
{
    margin: 0 auto;
    /*max-width: 960px;*/
    max-width: 100%;
}

.header-logo-background
{
    width: 100%;
    min-width: 1200px;
    background-image: url('/Images/bghead-admin.jpg');
}

.header-logo-background2
{
    background-image: url('../Images/bghead-admin.jpg');
}

.header-logo1
{
    height: 43px;
    font-size: 25px;
    font-weight: bold;
    background-repeat: no-repeat;
}

.header-logo2
{
    height: 68px;
    min-width: 1280px;
}

.header-logo3
{
    background-image: url("../Images/textlogo-Gcap.png");
    background-position: 10px 5px;
    background-repeat: no-repeat;
    height: 34px;
    width: 420px;
}

@media (min-width: 770px)
{
    .header-price-realtime .row-fluid [class*="NoGutter"]
    {
        width: 100%;
    }

    .header-price-realtime .row-fluid .span4NoGutter
    {
        width: 25%;
        *width: 25%;
    }

    .header-price-realtime .row-fluid .span6NoGutter
    {
        width: 50%;
        *width: 50%;
    }

    .header-price-realtime .row-fluid [class*="NoGutter"]
    {
        margin-left: 0;
    }
}

@media (max-width: 770px)
{
    .header-price-realtime .row-fluid [class*="NoGutter"]
    {
        width: 100%;
    }

    .header-price-realtime .row-fluid .span4NoGutter
    {
        width: 100%;
        *width: 100%;
    }

    .header-price-realtime .row-fluid .span6NoGutter
    {
        width: 100%;
        *width: 100%;
    }

    .header-price-realtime .row-fluid [class*="NoGutter"]
    {
        margin-left: 0;
    }
}

.header-logo-login
{
    background-image: url("../Images/gcaplogo.png");
    background-position: center top;
    background-repeat: no-repeat;
    height: 98px;
}

.header-logo-box
{
    padding-top: 30px;
}

.header-price-realtime
{
    float: right;
    margin-right: 20px;
    /*margin-top:10px;*/
    width: 450px;
}

.header-section
{
    margin-top: 0;
}

    .header-section #myTab
    {
        border-bottom: none;
    }

        .header-section #myTab li a
        {
            margin-right: 0px;
            border-right: none;
            line-height: 16px;
        }

.tab-end
{
    width: 25px;
    height: 33px;
    background-color: none;
    background-image: url('/Images/header/menu.png');
    background-repeat: no-repeat;
    margin-left: -4px;
}

#body
{
    /*background-color: #efeeef;*/
    clear: both;
    padding-bottom: 35px;
}

.main-content
{
    /*background: url("../Images/accent.png") no-repeat;*/
    padding-left: 10px;
    padding-right: 10px;
    /*padding-top: 30px;*/
    width: 1280px;
    min-width: 1280px;
    margin: 0px;
}

.featured + .main-content
{
    background: url("../Images/heroAccent.png") no-repeat;
}

header .content-wrapper
{
    /*padding-top: 20px;*/
}

footer
{
    clear: both;
    /*background-color: #e2e2e2;*/
    font-size: .8em;
    height: 83px;
    /*pai
    position:fixed;
    bottom:0;*/
    /*left:0;*/
    width: 100%;
    /*padding-bottom:0px;
    margin-bottom:0;*/
    text-align: center;
}

/* login
----------------------------------------------------------*/
#login
{
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a
    {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

        #login a.username
        {
            background: none;
            margin: 0;
            padding: 0;
            text-decoration: underline;
        }

    #login ul
    {
        margin: 0;
    }

    #login li
    {
        display: inline;
        list-style: none;
    }


/* menu
----------------------------------------------------------*/
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(221, 221, 221);
    color: rgb(0, 108, 196);
    background-color:#FFFFFF;
}

ul#menu
{
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li
    {
        display: inline;
        list-style: none;
        padding-left: 20px;
    }

        ul#menu li a
        {
            background: none;
            color: #999;
            text-decoration: none;
        }

            ul#menu li a:hover
            {
                color: #333;
                text-decoration: none;
            }


#Ul1
{
    margin: 0 0 5px 0px;
    padding-left: 10px;
}

.block-footer
{
    /*pai*/
    width: 100%;
    /*background-image:url("../Images/header/bgfooter.jpg"); */
    height: 83px;
    color: White;
    font-size: 14px;
    line-height: 83px;
}


/*Content*/
.title-container
{
    clear: both;
    margin-bottom: 2px;
}

    .title-container > .title-block
    {
        padding-left: 37px;
    }

        .title-container > .title-block > .title
        {
            color: #0a4c85;
            font-size: 18px;
            height: 22px;
            vertical-align: bottom;
            margin-bottom: 5px;
        }

        .title-container > .title-block > .breadcrumbs
        {
            color: #0a4c85;
            font-size: 0.9em;
        }

    .title-container > div
    {
        background-repeat: no-repeat;
        background-position: top left;
    }

    .title-container > .dashboard
    {
        background-image: url("/Images/navigation_icon/glyphicons_039_notes.png");
    }

    .title-container > .customer-list
    {
        background-image: url("/Images/navigation_icon/customer_list.png");
    }

    .title-container > .customer-detail
    {
        background-image: url("/Images/navigation_icon/glyphicons_003_user.png");
    }

    .title-container > .ticket
    {
        background-image: url("/Images/navigation_icon/ticket.png");
    }

    .title-container > .leaveorder
    {
        background-image: url("/Images/navigation_icon/leave_order.png");
    }

    .title-container > .customer-position
    {
        background-image: url("/Images/navigation_icon/customer_position.png");
    }

    .title-container > .customer-source
    {
        background-image: url("/Images/navigation_icon/glyphicons_003_user.png");
    }
    /* ยังไม่เจอ*/
    .title-container > .trade-online-config
    {
        background-image: url("/Images/navigation_icon/trade_online_config.png");
    }

    .title-container > .trade-online-monitoring
    {
        background-image: url("/Images/navigation_icon/trade_online_monitoring.png");
    }

    .title-container > .user-management
    {
        background-image: url("/Images/navigation_icon/glyphicons_088_address_book.png");
    }

    .title-container > .team
    {
        background-image: url("/Images/navigation_icon/team.png");
    }

    .title-container > .role
    {
        background-image: url("/Images/navigation_icon/glyphicons_114_list.png");
    }

    .title-container > .customer-code
    {
        background-image: url("/Images/navigation_icon/customer_code.png");
    }

    .title-container > .report1
    {
        background-image: url("/Images/navigation_icon/report1.png");
    }

    .title-container > .report2
    {
        background-image: url("/Images/navigation_icon/report2.png");
    }

    .title-container > .report3
    {
        background-image: url("/Images/navigation_icon/report3.png");
    }

.text-button
{
    color: #ffffff; /*f6eb6b*/
    font-size: 12px;
    font-weight: bold;
    margin-left: 1px;
}

.text-search
{
    color: #006dcc;
    font-weight: bold;
    /*padding-left: 4px;*/
}

a
{
    cursor: pointer;
    font-weight: bold;
}

    a:hover
    {
        text-decoration: none;
    }

/* over btn--------------------------------------------------*/
.btn-tools
{
    padding: 1px 4px;
}

.btn-tools-obj
{
    padding: 1px 4px;
    background: none;
    border: none;
}

    .btn-tools-obj:hover
    {
        background: none;
        border: none;
    }


/* Admin ------------------------------------------------------------------------------*/
.row-header
{
    min-width: 1003px;
    margin-bottom: 1px;
    color: #b5940e;
    line-height: 30px;
    /*border-bottom:1px solid #eed967;*/
}

.row-footer
{
    margin-bottom: 1px;
    line-height: 30px;
    /*border-bottom:1px solid #eed967;*/
}

.float-right
{
    float: right;
}

.float-left
{
    float: left;
}

.padding-right-3
{
    padding-right: 3px;
}

.data-header
{
    font-family: Tahoma;
    /*text-align:center;*/
    font-size: 13px;
    color: #948013;
    font-weight: bold;
}

.data-black
{
    font-family: Tahoma;
    font-size: 12px;
    color: #000000;
}

.lineBox-blue
{
    /*border: 1px solid #dcb311;*/
    border: 1px solid #195a9c;
    padding: 10px 10px;
    -moz-border-radius: .625em;
    -webkit-border-radius: .625em;
    border-radius: .625em;
}

.lineBox-gold
{
    /*border: 1px solid #dcb311;*/
    border: 1px solid #dda025;
    padding: 10px 10px;
    -moz-border-radius: .625em;
    -webkit-border-radius: .625em;
    border-radius: .625em;
}

.lineBox
{
    /*border: 1px solid #dcb311;*/
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    -moz-border-radius: .625em;
    -webkit-border-radius: .625em;
    border-radius: .625em;
}

.lineBox-login
{
    /*border: 1px solid #dcb311;*/
    border: 1px solid #CCCCCC;
    border-radius: .625em;
    -moz-border-radius: .625em;
    -webkit-border-radius: .625em;
    max-width: 400px;
    min-width: 400px;
    margin: auto;
}

.lineView
{
    border-top: 1px solid #1175c0;
    margin: 0;
}

.lineView2
{
    border-top: 1px solid #CCCCCC;
    margin: 0;
}

.border-right-view
{
    border-right: 1px solid #1175c0;
}

/*  CSS new -------------------------------------------------------------------------------------------
        */
/*      Table ----------------------------------------------------------------------------------------- */

.header-table
{
    background-color: #1175C0;
    font-weight: bold;
    text-align: center;
    color: #c2e5ff;
    border-top: 1px solid #ADADAD;
    line-height: 30px;
}

.data-table-normal
{
    background-color: #FFFFFF;
}

.data-table-price-diff-lv1
{
    background-color: #DFEFFF;
}

.data-table-price-diff-lv2
{
    background-color: #ffedef;
}

.data-table-price-diff-lv3
{
    background-color: #FEE5cd;
}

.data-table-noprice
{
    background-color: #fffdc2;
}

.data-table-total
{
    background-color: #e7e7e7;
}

.bg-color-normal
{
    background-color: #f7f7f7;
}

.bg-color-noActive
{
    background-color: #ffffff;
}

/*          left-right -------------------------------------------------------------------------------------- */

.data-table
{
    border-bottom: 1px solid #e1e1e1;
    line-height: 30px;
}

.data-table-top
{
    border-top: 1px solid #e1e1e1;
}

.data-table-left
{
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    line-height: 30px;
}

.data-table-right
{
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    line-height: 30px;
}

.data-table-right2
{
    border-right: 1px solid #e1e1e1;
    line-height: 30px;
}

.data-table-left2
{
    border-left: 1px solid #e1e1e1;
    line-height: 30px;
}

.header-table-left
{
    background-color: #1175C0;
    font-weight: bold;
    text-align: center;
    color: #c2e5ff;
    border-top: 1px solid #ADADAD;
    border-left: 1px solid #ADADAD;
    line-height: 30px;
}

.header-table-right
{
    background-color: #1175C0;
    font-weight: bold;
    text-align: center;
    color: #c2e5ff;
    border-top: 1px solid #ADADAD;
    border-right: 1px solid #ADADAD;
    line-height: 30px;
}

/*          End left-right -------------------------------------------------------------------------------------- */
.data-table-left-end
{
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    line-height: 30px;
}

.data-table-right-end
{
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    line-height: 30px;
}




/*      Color Text ------------------------------------------------------------------------------------ */

.text-color-red
{
    color: #FF1F20;
}

.text-color-orenge
{
    color: #ff8000;
}

.text-color-blue
{
    color: #00447F;
}

.text-color-softblue
{
    color: #87b7db;
}

.text-color-bluegray
{
    color: #c4e4fd;
}

.text-color-Mblue
{
    color: #2c6594;
}

.text-color-darkBlue
{
    color: #024780;
}

.text-color-green
{
    color: #44A601;
}

.text-color-white
{
    color: #FFFFFF;
}

.text-color-yellow
{
    color: #f8e07b;
}

.text-color-gray
{
    color: #bbbab1;
}

.text-color-OceanBlue
{
    color: #2B65EC;
}


/*      Size Text ------------------------------------------------------------------------------------ */
.text-size-small
{
    font-size: 0.8em;
}

.text-size-normal
{
    font-size: 1em;
}

.text-size-xnormal
{
    font-size: 1.1em;
}


.text-size-medium
{
    font-size: 1.2em;
}

.text-size-xmedium
{
    font-size: 1.3em;
}

.text-size-large
{
    font-size: 1.4em;
}

.text-size-xlarge
{
    font-size: 1.5em;
}

.text-size-xxlarge
{
    font-size: 1.6em;
}

/*      Text Style ------------------------------------------------------------------------------------ */

.text-style-bold
{
    font-weight: bold;
}

.text-style-underline
{
    text-decoration: underline;
}

.text-style-italic
{
    font-style: italic;
}

.padding-right10
{
    padding-right: 10px;
}

.padding-left10
{
    padding-left: 10px;
}

.padding-top5
{
    padding-top: 5px;
}

.padding-top7
{
    padding-top: 7px;
}

.padding-bottom5
{
    padding-bottom: 5px;
}

.cursor-pointer
{
    cursor: pointer;
 
}

/*      Line hight ------------------------------------------------------------------------------------- */

.line-heiht-normal
{
    line-height: 30px;
}

/*      Button ------------------------------------------------------------------------------------- */
.button-class
{
    cursor: pointer;
    background-color: #005296;
    border: 0px;
    font-size: 1em;
    color: #FFFFFF;
    -webkit-border-radius: 0.325em;
    -moz-border-radius: 0.325em;
    border-radius: 0.325em;
    padding: 2px 4px;
}

    .button-class:hover
    {
        background-color: #1175c0;
    }

.button-class-up-and-down
{
    width: 25px;
    height: 25px;
    line-height: 1px;
    cursor: pointer;
    background-color: #005296;
    border: 0px;
    font-size: 0.5em;
    color: #FFFFFF;
    -webkit-border-radius: 0.325em;
    -moz-border-radius: 0.325em;
    border-radius: 0.325em;
    padding: 0;
}

    .button-class-up-and-down:hover
    {
    }

    .button-class-up-and-down > [class^="icon-"]
    {
        margin-top: -2px;
    }

.button-class-tradewidget
{
    cursor: pointer;
    /*background-color:#236eb1;*/
    background: rgb(255,236,118);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWM3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmJjMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgb(255,236,118) 0%, rgb(246,188,34) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,236,118)), color-stop(100%,rgb(246,188,34)));
    background: -webkit-linear-gradient(top, rgb(255,236,118) 0%,rgb(246,188,34) 100%);
    background: -o-linear-gradient(top, rgb(255,236,118) 0%,rgb(246,188,34) 100%);
    background: -ms-linear-gradient(top, rgb(255,236,118) 0%,rgb(246,188,34) 100%);
    background: linear-gradient(to bottom, rgb(255,236,118) 0%,rgb(246,188,34) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffec76', endColorstr='#f6bc22',GradientType=0 );
    border: 0px;
    font-size: 1em;
    color: #000000;
    -webkit-border-radius: 0.325em;
    -moz-border-radius: 0.325em;
    border-radius: 0.325em;
    padding: 2px 8px;
}

.button-class-login
{
    cursor: pointer;
    background-color: #FFFFFF;
    border: 0px;
    font-size: 1.1em;
    color: #4992cb;
    -webkit-border-radius: 0.325em;
    -moz-border-radius: 0.325em;
    border-radius: 0.325em;
    padding: 2px 8px;
}

.button-class-reject
{
    background-color: #cf2a27;
}

.button-class-accept
{
    background-color: #009e0f;
}

.button-class-warning
{
    background-color: #cf2a27;
}

.btn-primary
{
    background: #005296;
    box-shadow: none;
}

    .btn-primary:hover
    {
        background: #1175c0;
    }

.bg-color-white-gray
{
    background-color: #f5f5f5;
}

.bg-color-white
{
    background-color: #FFFFFF;
}

.bg-color-cyan
{
    background-color: #00FFFF;
}

.bg-color-blue
{
    background-color: #005296;
}

.bg-color-red
{
    background-color: #ff0000;
}

.bg-color-yellow
{
    background-color: #ffff26;
}

.bg-color-gold
{
    background-color: #da9f26;
}
.bg-color-green {
    background-color:#ABD0BC;
}

.bg-color-darkBlue
{
    background-color: #195a9c;
}

.bg-color-light-gray
{
    background-color: #E7E7E7;
}

.line-height-30
{
    line-height: 30px;
}

.line-height-20
{
    line-height: 20px;
}

.line-height-24
{
    line-height: 24px;
}

.price-padding-top
{
    padding-top: 20px;
}

.price-value-text-size
{
    font-size: 16px;
}

.price-head-height [class*="span"]
{
    height: 30px;
    min-height: 30px;
}

.price-label-height [class*="span"]
{
    height: 20px;
    min-height: 20px;
    vertical-align: middle;
}

.price-value-height [class*="span"]
{
    height: 24px;
    min-height: 24px;
}

.price-countdown {
    background-color: red;
}
.price-countdown .text-color-red {
    color: white;
}

.margin-top-2
{
    margin-top: 3px;
}
/*      Price Auto Update ------------------------------------------------------------------------- */
.lineBox-price-au
{
    border: 2px solid #1a71b4;
    padding: 0px;
    -webkit-border-radius: 0.625em;
    -moz-border-radius: 0.625em;
    border-radius: .625em;
    border-radius: .625em;
}

.bg-color-price-blue
{
    background-color: #1175C0;
}

.lineBox-price-au-right
{
    border-right: 2px solid #87b7db;
}

.lineBox-price-au-bottom
{
    /*border-bottom: 2px solid #1a71b4;
    -webkit-border-radius: 0.625em;
    -moz-border-radius: 0.625em;*/
    border-bottom-left-radius: .625em;
    border-bottom-right-radius: .625em;
}

.lineBox-price-au-top
{
    /*border-bottom: 2px solid #1a71b4;
    -webkit-border-radius: 0.625em;
    -moz-border-radius: 0.625em;*/
    border-top-left-radius: .625em;
    border-top-right-radius: .625em;
}

.lineBox-price-au-line
{
    line-height: 30px;
}

.lineBox-price-line
{
    line-height: 16px;
}

.lineBox-price-au-hight
{
    min-height: 20px;
    height: 20px;
}


/*      Box name & logout ------------------------------------------------------------------------- */

.box-name-logout
{
    float: right;
    margin-right: 20px;
    margin-top: 0;
}

.box-accountinfo
{
    line-height: 20px;
}

/*      Box Area------ ---------------------------------------------------------------------------- */
.area-active
{
    border: 1px solid #f6bc22;
    padding: 0px;
    -webkit-border-radius: 0.625em;
    -moz-border-radius: 0.625em;
    background-color: #4e8ac8;
}

.area-nonactive
{
    border: 1px solid #777777;
    padding: 0px;
    -webkit-border-radius: 0.625em;
    -moz-border-radius: 0.625em;
    background-color: #CCCCCC;
}

/*      Over jQuery.ui.theme ---------------------------------------------------------------------------- */
.ui-widget-header
{
    background: #236eb1;
    color: #ffffff;
}

/*---------------------------------------------------------------------------------------------------*/
.priceHeight
{
    height: 61px;
    line-height: 61px;
}

/*      Over Bootstrap ---------------------------------------------------------------------------- */
.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input
{
    font-size: 13px;
}

input[type="text"].prepend-text
{
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    width: 45px;
    margin-left: -5px;
    height: 35px;
    font-size: 1.4em;
    background-color: #afff94;
}

input[type="text"].append-text
{
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    width: 30px;
    height: 35px;
    font-size: 1.4em;
    background-color: #76b971;
}

input[type="text"].priceOption
{
    width: 90px;
    font-size: 1.4em;
    height: 35px;
}

input[type="text"].addOption
{
    width: 19px;
    font-size: 13px;
    padding: 2px 2px;
}

input[type="text"].gapOption
{
    width: 30px;
    font-size: 13px;
}

input[type="text"].gapOption2
{
    width: 40px;
    font-size: 13px;
}

.btn-primary[disabled]
{
    color: #333333;
    background: #E6E6E6;
}

.nav-tabs > li > a
{
    padding-top: 2px;
    padding-bottom: 2px;
}

.nav-tabs
{
    border-bottom: none;
}

select, textarea, input[type="text"],
input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"],
input[type="week"], input[type="number"],
input[type="email"], input[type="url"],
input[type="search"], input[type="tel"],
input[type="color"], .uneditable-input
{
    margin-bottom: 0px;
}

.icon-blue,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"]
{
    background-image: url("../../../Images/bootstrap/glyphicons-halflings-white.png");
}

.icon-bluein,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"]
{
    background-image: url("../../../Images/bootstrap/glyphicons-halflings-blue.png");
}


.icon-green,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"]
{
    background-image: url("../../../Images/bootstrap/glyphicons-green.png");
}


.icon-red,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"]
{
    background-image: url("../../../Images/bootstrap/glyphicons-red.png");
}

.bg-color-asset99
{
    background-color: #FFE87C;
}

.bg-color-asset96
{
    background-color: #FFF8C6;
}

/*Over write CSS ui-tab*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
  /* background: #ffffff ;*/
    border: 0;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
    background: #87b7db  /*{bgColorActive} url(themes/base/images/ui-bg_glass_65_ffffff_1x400.png) /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/;
    border: 0;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
    background: url("images/ui-bg_glass_55_fbf9ee_1x400.png") repeat-x scroll 50% 50% rgb(251, 249, 238); 
    border: 1px solid #005296;
    color: #005296;
}
.ui-widget-header
{
    border: 0;
}

.nav > .disabled > a
{
    color: #ffffff;
    border: 0;
}

.nav > .ui-tabs-selected > a
{
    color: #0a4c85;
    border: 0;
}
/*.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
    margin-bottom: 0;
    padding-bottom: 1px;
    color:#00447F;
}*/
/*End Over write CSS ui-tab*/

/* Add Main CSS [Thanapon P.]*/
/* Last Update 27/11/2013 */
.trade-body .gold-99
{
    background-color: #DFEFFF;
}

.trade-body .gold-96
{
    background-color: #FFFDC2;
}

.trade-body-log tbody .gold-99
{
    background-color: #DFEFFF;
}

.trade-body-log tbody .gold-96
{
    background-color: #FFFDC2;
}

.row-hilight {
    background-color:#CCCCCC;
}

.trade-body .price-diff-normal
{
    color: #e6a711;
}

.trade-body .price-diff-less
{
    color: #e17f07;
}

.trade-body .price-diff-mid
{
    color: #62810a;
}

.trade-body .price-diff-high
{
    color: #650fc6;
}

.trade-body .price-diff-critical
{
    color: #e80c4d;
}

.trade-body .leave-complete
{
    background-color: #dcd9d9;
}

.trade-body .row-fluid div[class*="span"] {
    min-height: 0px;
}
select.input-medium
{
    width: 164px;
}

.table td.text-center
{
    text-align: center;
}

.table td.text-left
{
    text-align: left;
}

.table td.text-right
{
    text-align: right;
}
/* End Main CSS */

/* Block Container CSS [Thanapon P.]*/
/* Last Update 02/12/2013 */
.block-combine
{
    vertical-align: bottom;
    margin-bottom: 5px;
    position: relative;
}

    .block-combine > .block-left
    {
        float: left;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .block-combine > .block-right
    {
        float: right;
        margin-bottom: 0px;
        padding-bottom: 0px;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .block-combine > div > table
    {
        margin-bottom: 0px;
    }

    .block-combine > div > .full-bordered
    {
        border: 1px solid #ADADAD;
        border-collapse: collapse;
    }

        .block-combine > div > .full-bordered td
        {
            border: 1px solid #ADADAD;
            border-collapse: collapse;
        }

    .block-combine > .block-search
    {
        float: right;
        margin-bottom: 0px;
    }

        .block-combine > .block-search > table
        {
            border: 1px solid #ADADAD;
            padding: 2px;
            border-collapse: separate;
        }

    .block-combine > .block-button
    {
        float: left;
        margin-bottom: 0px;
        position: absolute;
        bottom: 0;
    }

table.block-search
{
    /*margin-bottom: 5px;*/
    border: 1px solid #ADADAD;
    padding: 5px;
    border-collapse: separate;
}

    table.block-search td,
    table.block-search > div,
    .block-combine > .block-search > table td
    {
        /*padding-bottom: 10px;*/
    }

    table.block-search .text-right
    {
        padding-right: 5px;
        padding-left: 15px;
    }

.block-button
{
    /*margin-bottom: 5px;*/
}
/* End Block Container CSS */

/* jTable Modified CSS [Thanapon P.] */
/* Last Update 27/11/2013 */
div.jtable-main-container
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

    div.jtable-main-container > table.jtable > thead
    {
        background-color: #1175C0;
    }

        div.jtable-main-container > table.jtable > thead th
        {
            color: #90DEFF;
            font-weight: bold;
            border: solid 1px #87b7db;
        }

        div.jtable-main-container > table.jtable > thead th
        {
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        }

    div.jtable-main-container table.jtable thead th.text-center
    {
        text-align: center;
    }

    div.jtable-main-container table.jtable thead th.text-left
    {
        text-align: center;
        
    }

    div.jtable-main-container table.jtable thead th.text-right
    {
        text-align: center;
        
    }
    div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected {
        color: #000000;
    }
    div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
        padding: 2px;
    }
    div.jtable-main-container > div.jtable-bottom-panel
    {
        background: none;
        border: none;
        color: #000000;
    }

        div.jtable-main-container > div.jtable-bottom-panel select
        {
            width: inherit;
        }

        div.jtable-main-container > div.jtable-bottom-panel div.jtable-left-area
        {
            float: right;
        }

            div.jtable-main-container > div.jtable-bottom-panel div.jtable-left-area > span
            {
                float: right;
            }

        div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page
        {
            margin-right: 5px;
        }

        div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change
        {
            margin-right: 5px;
        }

        div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area
        {
            float: left;
            left: 0px;
            top: 0px;
            bottom: 0px;
            position: relative;
        }

        div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info
        {
            padding: 6px 0px;
            font-weight: bold;
        }

        div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
        div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
        div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
        div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
        div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
        div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
        div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active
        {
            background-color: #005296;
            /*padding: 5px 7px;*/
        }

            div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
            div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
            div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
            div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
            div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover
            {
                background-color: #1175c0;
            }

        div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last
        {
            margin-right: 0px;
        }

    div.jtable-main-container table.jtable tbody tr.jtable-no-data-row td {
        text-align: center;
    }
    div.jtable-main-container .row-fluid div[class*="span"] {
        min-height: 0px;
    }

/* End jTable Modified CSS */

/* Trade Widget CSS */
/* Last Update 09/12/2013 */
.trade-widget-container
{
    position: fixed;
    top: 80px;
    right: 0;
    background: #E7E7E7;
}

    .trade-widget-container.show-widget .trade-widget-content-container
    {
        display: block;
    }

    .trade-widget-container.hide-widget .trade-widget-content-container
    {
        display: none;
    }

    .trade-widget-container .trade-widget-button-container
    {
        position: absolute;
        top: 50px;
        left: -35px;
    }

        .trade-widget-container .trade-widget-button-container .trade-widget-button
        {
            width: 35px;
            height: 166px;
            padding: 0;
            border: none;
            margin: 0;
            background: url("/Images/button-addticket.png");
        }

            .trade-widget-container .trade-widget-button-container .trade-widget-button:active
            {
                border: none;
            }

    .trade-widget-container .trade-widget-content-container
    {
        width: 300px;
        border: solid 3px #0A4D95;
        border-right: none;
    }

        .trade-widget-container .trade-widget-content-container button
        {
            background: #005296;
        }

            .trade-widget-container .trade-widget-content-container button.button-class-reject
            {
                background-color: #cf2a27;
            }

            .trade-widget-container .trade-widget-content-container button:hover
            {
                background: #1175c0;
            }

        .trade-widget-container .trade-widget-content-container .add-on
        {
            height: inherit;
        }

        .trade-widget-container .trade-widget-content-container .customer-search
        {
            padding: 10px 10px 0 10px;
        }

        .trade-widget-container .trade-widget-content-container .favourite
        {
            height: 300px;
            overflow-y: scroll;
        }

        .trade-widget-container .trade-widget-content-container .customer-detail
        {
            padding: 5px;
            background-color: white;
        }

            .trade-widget-container .trade-widget-content-container .customer-detail .title
            {
                padding-bottom: 0;
                font-weight: bold;
                font-size: 1.2em;
                color: #1175C0;
            }

            .trade-widget-container .trade-widget-content-container .customer-detail .each-detail
            {
                padding-bottom: 5px;
                clear: both;
            }
                .trade-widget-container .trade-widget-content-container .customer-detail .each-detail:last-child {
                    padding-bottom: 0;
                }

                .trade-widget-container .trade-widget-content-container .customer-detail .each-detail .margin-label
                {
                    float: left;
                    color: #2c6594;
                }

                .trade-widget-container .trade-widget-content-container .customer-detail .each-detail .value
                {
                    float: right;
                    font-weight: bold;
                    color: #1175C0;
                }

                .trade-widget-container .trade-widget-content-container .customer-detail .each-detail .full-bordered,
                .trade-widget-container .trade-widget-content-container .customer-detail .each-detail .full-bordered td
                {
                    border: 1px solid #ADADAD;
                    border-collapse: collapse;
                }

                    .trade-widget-container .trade-widget-content-container .customer-detail .each-detail .full-bordered .text-right
                    {
                        padding-right: 5px;
                    }

#TradeWidget1
{
    overflow-y: scroll;
    height: 250px;
    margin: 0;
}

.trade-widget-container .trade-widget-content-container .trade-form-container
{
    padding: 5px;
}

    .trade-widget-container .trade-widget-content-container .trade-form-container .trade-title
    {
        padding-bottom: 0px;
        font-size: 1.1em;
        color: #207DC0;
        font-weight: bold;
    }

    .trade-widget-container .trade-widget-content-container .trade-form-container .trade-form-label
    {
        line-height: 22px;
        color: #207DC0;
    }

    .trade-widget-container .trade-widget-content-container .trade-form-container button
    {
        height: 55px;
    }

/* End Trade Widget CSS */

/* Aek Test*/

.panel-boxcontent > .panel-heading-content
{
    background-color: #CECECE;
    border-color: #CECECE;
    color: #333;
}

.panel-heading-content
{
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    font-weight: bold;
    padding: 2px 10px;
    font-size: small;
}

.panel-content
{
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.panel-boxcontent
{
    border-color: rgb(221, 221, 221);
}


.panel-primary > .panel-heading, .panel-primary > .panel-heading-sub
{
    background-color: #428BCA;
    border-color: #428BCA;
    color: #FFFFFF;
}

.panel-secondary > .panel-heading, .panel-primary > .panel-heading-sub
{
    background-color: #edb340;
    border-color: #edb340;
    color: #000000;
}

.panel-heading
{
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 3px 15px;
    font-weight: bold;
    font-size: medium;
}
/**** Boss Panel Margin HACK for Position Management *****/
.panel-body .row-fluid [class^=span] .row-fluid:first-child
{
    padding-top: 10px;
}

.panel-body form .row-fluid:first-child
{
    padding-top: 20px;
}
/**** END *****/

.panel-heading-sub
{
    border-bottom: 1px solid rgb(0, 0, 0);
    padding: 3px 15px;
    font-weight: bold;
    font-size: medium;
}

.panel
{
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(0, 0, 0);
    border-radius: 4px;
    box-shadow: 0 1px 1px rgb(0, 0, 0);
    margin-bottom: 20px;
}

    .panel.no-margin
    {
        margin-bottom: 0;
    }

.panel-primary
{
    border-color: rgb(66, 139, 202);
}

.panel-secondary
{
    border-color: #edb340;
}

body
{
    color: rgb(51, 51, 51);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.42857;
}

.checkbox-label
{
    padding-left: 5px;
    min-height: 20px;
}

.due-remaining
{
    margin-bottom: 1px;
    margin-top: 0px;
}

.display-inline
{
    display: inline;
}
/*Add by pae*/
.set-row
{
    height: 35px;
    margin-bottom: 10px;
}

.set-text
{
    margin-top: 2px;
}

.text-align-center
{
    text-align: center;
}

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

.text-red
{
    color: #FF0000;
}

.text-green
{
    color: #00D856;
}

.text-blue
{
    color: #1175C0;
}

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

.controls textarea
{
    margin-bottom: 10px;
}

.nav.nav-tabs.sub-nav-tabs
{
    margin-bottom: 0px;
}

.nav-tabs.sub-nav-tabs > .active > a, .nav-tabs.sub-nav-tabs > .active > a:hover, .nav-tabs.sub-nav-tabs > .active > a:focus
{
    background-color: #006cc4;
    color: #ffffff;
    border-bottom: 0px;
}

.nav-tabs.sub-nav-tabs > li > a, .nav-tabs.sub-nav-tabs > li
{
    margin-bottom: 0px;
}

    .nav-tabs.sub-nav-tabs > li > a, .nav-tabs.sub-nav-tabs > li > a
    {
        border-color: #dddddd;
        border-bottom: rgb(66, 139, 202);
        color: #006cc4;
    }

        .nav-tabs.sub-nav-tabs > li > a:hover, .nav-tabs.sub-nav-tabs > li > a:focus
        {
            background-color: #006cc4;
            color: #ffffff;
        }

.position-data .table th
, .position-data .table td 
, .position-data div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td
{
    padding: 1px 2px;
}

#tradeDaySummary .auxPosition {
    font-family: "Tahoma",Tahoma,Arial,sans-serif;
    font-size: 15px;
}

#tradeDaySummary .usdPosition {
    font-family: "Tahoma",Tahoma,Arial,sans-serif;
    font-size: 15px;
}

#tradeDayTotal div {
    font-family: "Tahoma",Tahoma,Arial,sans-serif;
    
}
.gcapPositionTitle {
    height: 30px; 
}

    .gcapPositionTitle .title {
        float: left;
    }

    .gcapPositionTitle .breadcrumbs {
        float: left;
        margin-top: 7px;
        margin-left: 5px;
    }

.interbank-tab .form-horizontal .control-group {
    margin-bottom: 10px;
}

.table td.line-height-normal {
    line-height: 30px;
}

.table.panel th, .table.panel td {
    border-top: none;
}
.panel-heading.text-center {
    text-align: center;
}
.head-table {
     background-color:#0B67CD; 
     font-size:19px; 
     font-weight:300; 
     line-height:34px; 
     color:#fff;
}

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

.table th, .table td {
    padding: 1px 2px;
    line-height: 16px;
}

select, textarea, input[type="text"]
, input[type="password"], input[type="datetime"], input[type="datetime-local"]
, input[type="date"], input[type="month"], input[type="time"]
, input[type="week"], input[type="number"], input[type="email"]
, input[type="url"], input[type="search"], input[type="tel"]
, input[type="color"], .uneditable-input {
    padding: 4px 6px;
    font-size: 12px;
}


.row-fluid input[class*="span"]
, .row-fluid select[class*="span"]
, .row-fluid textarea[class*="span"] {
    line-height: 26px;
    min-height: 26px;
}

div.row-fluid [class*="span"] {
    padding-bottom: 4px;
}

.input-append .add-on, .input-prepend .add-on {
    padding: 2px;
}
select, input[type="file"] {
    height: 26px;
    line-height: 26px;
}
div.jtable-main-container {
    font-size: 1em;
}
div.jtable-main-container > div.jtable-title div.jtable-title-text {
    font-size: 1.3em;
    line-height: 22px;
}

div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container {
    height: 22px;
}
    div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
        margin-top: 0px;
    }
div.jtable-main-container > table.jtable > thead th {
    font-size: 1em;
    line-height: 22px;
    height: 22px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 4px 0;
}
.btn {
    padding: 1px 4px;
}
.radio.inline, .checkbox.inline {
    padding-top: 0;
}

hr {
    margin-bottom: 10px;
}

.input-append, .input-prepend {
    margin-bottom: 0;
}

.ui-widget select {
    width: auto;
}

span.icon-call {
    height: 12px;
    width: 12px;
    margin-right: 4px;
    background-image: url('/Images/icon-call.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

span.icon-leaveorder {
    height: 12px;
    width: 12px;
    margin-right: 4px;
    background-image: url('/Images/icon-leaveorder.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

span.icon-online {
    height: 12px;
    width: 12px;
    margin-right: 4px;
    background-image: url('/Images/icon-online.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

span.icon-ios {
    height: 12px;
    width: 12px;
    margin-right: 4px;
    background-image: url('/Images/icon-ios.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

span.icon-android {
    height: 12px;
    width: 12px;
    margin-right: 4px;
    background-image: url('/Images/icon-android.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

div.row-fluid.jtable-main-container [class*="span"] {
    padding-bottom: 0;
    min-height: 24px;
}

button.btn.btn-accept {
    background-color: #009e0f;
}

button.btn.btn-reject {
    background-color: #cf2a27;
}

.ui-autocomplete {
    max-height: 100px;
	overflow-y: auto;
}

.trade-body > fieldset > legend
{
    font-size:18px;
    line-height:30px;}

.hide-block
{
    display:none;
}

.floating-error-container {
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 250px;
}

    .floating-error-container > .alert {
        margin-bottom: 0px;
        margin-top: 10px;
    }

.bgcolor-yellow1
{
    background-color: #FFFDC2;
}