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

@media (min-width: 768px) {
   

    .navbar-header {
        width: 100%;
    }

    ul.nav.navbar-nav {
        width: 100%;
    }

    li.menu-right {
        float: right;
    }

    li.menu-left {
        display: none;
    }
}

@media (max-width: 767px) {

    div.navbar-header p.navbar-right {
        padding-top: 10px;
        padding-bottom : 0px;
        
    }


    .jtable-main-container {
        width: 100%;
        overflow-x: scroll;
    }

    header {
        margin-left: -20px;
        margin-right: -20px;
    }

    body {
        font-size: 15px;
    }
    
    .form-horizontal .control-label {
        float: left;
    }

    .form-group label
    , .form-group .form-control-static {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .form-group .input-group {
        padding-right: 0px;
    }

    .trade-container .form-control {
         height: 24px;
         padding: 2px;
    }

    .gold-96 {
        margin-top: 10px;
    }

}

/* nue */

.form-group {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

    .form-group.form-group-lg > .col-xs-12.col-sm-9 {
        font-size: 12px !important;
    }

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

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

.header-logo-background2
{
    /*-moz-border-radius: .625em;
    -webkit-border-radius: .625em; */
    border-top-left-radius: .625em;
    border-top-right-radius: .625em;
    width:100%;
    background-image:url('../Images/head-intergold.jpg');
    min-height: 131px;
}

.header-logo1
{
    
    padding-top:30px;
    padding-left:30px;
    height:126px;
    /*min-width:600px;*/
    font-size:25px;
    font-weight:bold;
    background-repeat:no-repeat;

}

.header-logo2
{
    /*background-image:url("../Images/header/bg-headerright.jpg");  */
    background-position: right top;
    background-repeat: no-repeat;
    min-height: 189px;
}

.header-logo3
{
    background-image:url("../Images/logo-GCAP.png"); 
    background-position: center top;
    background-repeat: no-repeat;
    height: 98px;
    /*width:253px;*/

}
.header-logo-login
{
    background-image:url("../Images/head-intergold.jpg"); 
    background-position: center top;
    background-repeat: no-repeat;
    height: 131px;

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

}

.display-table
{
    display:table;    
}

.display-inline
{
    display:inline;    
}

.header-section
{  
    float:left;
}

.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;*/
    }

    .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;
}

/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    /*color: #c8c8c8;*/
    outline: none;
    text-decoration: none;
}


/* 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;
    }

    #btnLogin:hover {
    background-color: #ff0000;
}


/* menu
----------------------------------------------------------*/
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: 15px;
    }

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

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


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

/*menu
    ------------------------------------------------------*/
.main-menu-container a {
    font-size: 17px;
}


    .featured .content-wrapper 
    {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

        .featured hgroup.title h1, .featured hgroup.title h2 {
            color: #fff;
        }

        .featured p {
            font-size: 1.1em;
        }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

    #loginForm input[type="checkbox"],
    #loginForm input[type="submit"],
    #loginForm input[type="button"],
    #loginForm button {
        width: auto;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom:  5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend 
    {
        padding-left:0px;
        /*display: none;*/
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    
    font-size: 12px;
}

/*input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

textarea {
    font-family: inherit;
    width: 500px;
}*/

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }

    /* input[type="submit"],
    input[type="button"],
   button {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 7px;
        margin-right: 8px;
        width: auto;
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 1em;
        padding: 4px;
        margin-right: 4px;
    }*/

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}


/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1em;
    /*text-align: left;*/
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

    th a:link, th a:visited, th a:active, th a:hover {
        color: #333;
        font-weight: 600;
        text-decoration: none;
        padding: 0;
    }

    th a:hover {
        color: #000;
    }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

    th.asc a:after, th.desc a:after {
        display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.75em;
    }

    th.asc a:after {
        content: '▲';
    }

    th.desc a:after {
        content: '▼';
    }

td {
    padding: 0.25em 0.25em 0.25em 0.25em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

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

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

        #login a:hover {
            color: #333;
        }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

     /* features */
     section.feature {
        float: none;
        padding: 10px;
        width: auto;
     }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input {
        width: 90%;
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }


    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

    footer p {
        margin: 0;
    }
}

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


/*Content*/
.block-content-title
{
   display:block; 
}

.content-icon-title
{
    float:left;
    width:32px;
    height:38px;
    text-align:right;
    margin-right:5px;
}
.text-content-title
{
    color:#0a4c85;
    font-size:2.5em;
    /*font-weight:bold;*/
}

.block-content
{
    border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);*/
    border:1px solid #e9ca31;
    margin-top:5px;
    margin-bottom:200px;
    padding:10px;
    /*width:800px;*/
}
.block-search
{
    border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);*/
    border:1px solid #CCCCCC;   
   /* width:500px;*/
    padding:5px;
}

.text-content-subtitle
{
   color:#0a4c85;
   font-size:0.9em;
   font-weight:normal;     
   margin-top:10px;
   margin-left:20px;
   margin-bottom:20px;
}

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

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

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

a:hover
{
    text-decoration:none;
}

/* Slide Popup   
---------------------------------------------------------*/

.slidePopup
{
    /*width:500px; 
    height:100px;*/
    position:absolute; 
   /* right:10px;*/ 
    right: 0px; 
    top:200px;
}
.slidePopupTrade
{
    line-height: 30px;
    margin-right:0px;
    margin-top: -200px
 }
 .boxTrade
 {
    border-top-width: 0;
    /*height: 40px;*/
    margin-left: -15px;
    margin-top: -5px;
    /*width: 345px;*/
 }   
.btnSlidePopup
{
    background-image:url("../Images/button-addticket.png");
    width:35px; 
    height:166px; 
    float: right;
    cursor:pointer;
    margin-top: 40px;
    left:0px;
}

.btnSlidePopupSave 
{
    height: 55px;
    left: 240px;
    position: relative;
    right: -85px;
    top: -220px;
    width: 80px;
    float: left;
    cursor:pointer;
}    
.areaSlidePopup
{
    background-color:#00539b; 
    width:350px;
    height:515px; 
    float: right;
    /*display:none;*/
}
.areaTradeSlidePopup
{
    background-color:#00539b; 
    width:350px;
    height:614px; 
    float: right;
    /*display:none;*/
}     
.SlidePopup
{
    color:#FFFFFF;
    height:20px;
}
.txtSlidePopup
{
    color:#498dbf;
    height:30px;
    width:345px;
    line-height:30px;
    text-align:left;
    
}
/*
.row-fluid [class*="span"] {
    background-color: #EEEEEE;
    border-radius: 3px 3px 3px 3px;
    line-height: 40px;
    min-height: 40px;
    text-align: center;
}*/

.row-data{
    line-height: 30px;
    min-height: 30px;
    min-width: 1003px;

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZhY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,250,205,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,250,205,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,250,205,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,250,205,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,250,205,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,250,205,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fffacd',GradientType=0 );

}
/* 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;*/
}
.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
{
    /*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:334px;
    min-width:334px;
}
.lineView
{
    border-top: 1px solid #dcb311; 
    margin: 0 ;   
}

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

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

.header-table
{
    background-color:#f5f5f5;
    font-weight:bold;
    text-align:center;
    color:#498dbf;
    border-top:1px solid #e1e1e1;
    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:#dbdbdb;
}*/

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

.data-table
{
    border-bottom:1px solid #e1e1e1;
    line-height:30px;
}
.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;
}
.header-table-left
{
    background-color:#f5f5f5;
    font-weight:bold;
    text-align:center;
    color:#000000;
    border-top:1px solid #e1e1e1;
    border-left:1px solid #e1e1e1;
    line-height:30px;
}
.header-table-right
{
    background-color:#f5f5f5;
    font-weight:bold;
    text-align:center;
    color:#498dbf;
    border-top:1px solid #e1e1e1;
    border-right:1px solid #e1e1e1;
    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:#ff5555;
}

.text-color-blue
{
    color:#498dbf;
}

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

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

.text-color-green
{
    color:#55d300;
}

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

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

.text-color-blackblue {
    color:#071c9b;
}


/*      Size Text ------------------------------------------------------------------------------------ */

.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-italic
{
    font-style:italic;
}

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

.padding-left10
{
    padding-left:10px;
}
.padding-top5
{
    padding-top:5px;
}
.cursor-pointer
{
    cursor:pointer;
}

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

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

/*Button ------------------------------------------------------------------------------------- */
.button-class
{
    cursor:pointer;
    background-color:#333;
    border:0px;
    font-size:1.2em;
    color:#fff;
    -webkit-border-radius: 0.325em;
    -moz-border-radius: 0.325em;
    border-radius: 0.325em;
    padding:2px 8px;
}

.button-class-login {
    cursor: pointer;
    background-color: #333;
    border: 0px;
    font-size: 1.2em;
    color: #fff;
    -webkit-border-radius: 0.325em;
    -moz-border-radius: 0.325em;
    border-radius: 0.325em;
    padding: 2px 8px;
    width: 150px;
    height: 40px;
    background-color: #ffb200;
    background-color: #696969;
}


.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-logout
{
    cursor:pointer;
    background-color:#3b3d3b;
    border:0px;
    font-size:1em;
    color:#FFFFFF;
    -webkit-border-radius: 0.325em;
    -moz-border-radius: 0.325em;
    border-radius: 0.325em;
    padding:0px 8px;
}

.div-block-customer-info
{
    margin-top:5px;
    margin-right:5px;    
}

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

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

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

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

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

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

.bg-color-blue
{
    background-color:#4e8ac8;
}

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

/*      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;
}

.lineBox-price-au-right
{
    border-right: 2px solid #1a71b4;
}

.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;
}


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

.box-name-logout
{
    margin:5px 0px;
}

.box-accountinfo
{
    padding:0px 5px;
}

/*      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;
}

/*      Over Bootstrap ---------------------------------------------------------------------------- */
.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-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-"],
.drborder-portfolioopdown-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");
}

/*css pae*/
/*add*/
.margin-top-20 {
    margin-top:20px;
}
/* center windown*/
.contrainer {
    /*width: 980px;*/
    height:100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:-90px;   
    padding:0px;
}
.text-align-center {
    text-align:center;
}
.text-align-right {
    text-align:right;
}
.text-align-left {
    text-align:left;
}
.font-percent-gold {
    color:#EDCC06;
}
.border-bottom-gray {
    border-bottom:solid 1px #DFDFDF;
}
.set .col-md-6 {
    width:47%;
}
.margin-left-10 {
    margin-left:10px;
}
margin-right-5 {
    margin-right:5px;
}
.margin-right-10 {
    margin-right:10px;
}
.margin-right-20 {
    margin-right:20px;
}
.gold-spot {
    color:#888888;
    text-align:center;
    margin-top:10px;
    font-size:18px;
}
.sub .col-md-4 {
    width:23.5%;
}
.font-head-box {
    text-align:center;
    font-size:18px;
    color:#1F1F1F;
    /*margin-top:10px;*/
}
.price-green {
    color:#55D300;
    text-align:right;
}
.text-align-left {
    text-align:left;
}
.font-color-quantity {
    font-size:13px;
    color:#3D3B2C;
}
.font-color-red {
    color:#F00000;
}
.margin-left-5 {
    margin-left:5px;
}

.margin-left-15 {
    margin-left:15px;
}
.buttom-trade {
    background-color: #ff0000; /*#2C2C2C;*/
    color: #FFFFFF;
    width: 90%;
    /*margin-left:60px;*/
    font-size: 20px;
    font: bold;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.margin-bottom-20 {
    margin-bottom:20px;
}
.margin-bottom-5 {
    margin-bottom:5px;
}
.margin-top-10 {
    margin-top:10px;
}
.margin-bottom-10 {
    margin-bottom:10px;
}
.padding-bottom-10 {
    padding-bottom:10px;
}
.margin-bottom-13 {
    margin-bottom:13px;
}

.border-curve {
    border-radius:5px;
    background-color:#FFEA6D;
}
.font-size15 {
    font-size:15px;
}
.height50 {
    height: 50px;
}
.height40 {
    height: 40px;
}
.margin-top-25 {
     margin-top:25px;
}
.margin-top-40 {
     margin-top:35px;
}
.margin-left-20 {
    margin-left:20px;
}
.price-red {
    color:#FF3A39;
    text-align:right;
}
.margin-left-40 {

    margin-left:40px;
}
.margin-left-45 {
    margin-left: 45px;
}
.border-yellow{
    border:solid 1px #e9ca31;
    border-radius:5px;
}
.font-size-quantity {
    font-size:17px;
}
.text-red {
    color:#FF0000;
    font:bold;
}
.text-green {
    color:#04a01a;
    font:bold;
}
.text-yellow {
    color:#E8C700;
}
.text-black {
    color:#000000;
}
.text-blue {
    color:#00539b;
    font:bold;
}

/*POPUP*/
.bg-head-popup
{
    background-color: #FFE96F;
}
.text-popup-gray {
    color:#7C7C7C;
    font-size:16px;
}
.text-name {
    color:#292929;
}
.buttom-sell-buy {
    background-color:#FFEA6D;
    color:#353638;
    width:60px;
}
.size-popup {
    /*margin-top:190px;*/ 
    /*width:500px;*/ 
    /*height:1000px;*/
}
.font-size-confirm {
    font-size:18px;
}
.margin-top-5 {
    margin-top:5px;
}
.margin-right-30 {
    margin-right:30px;
}
.font-size-16 {
    font-size:16px;
}
.buttom-confirm {
         width:30%; 
         color:#fff;
         /*margin-left:90px;*/ 
         background-color:#282828; 
         font-size:15px; 
         height:35px;
         display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}
.buttom-cancel {
     margin-left:10px; 
     color:#454545;
     width:30%; 
     background-color:#fff;  
     font-size:15px; 
     height:35px;
     border:solid 1px #454545;
}
/*จับเวลา*/
 .desc div {
        float: left;
        font-family: Arial;
        width: 70px;
        margin-right: 65px;
        font-size: 13px;
        font-weight: bold;
        color: #FF0000;
      }
  .desc { margin: 7px 3px; }

  /*footer*/
  .wrapper {
    min-height:100%;
	position:relative; 
}
.width100 {
    width:101%;
}
.margin-left-0 {
    margin-left:0px;
}
.font-state {
    font-size: 17px;
}
.font-size-15 {
    font-size:15px;
}

/*portfolio*/
.text-color-portfolio {
    /*color:#948013;
    font-weight:bold;*/
    color: #ff0000;
    font-weight: bold;
}
.border-portfolio {
    /*border:solid 1px #333;  
    border-radius:5px;*/
    border: solid 1px lightgray;
}
.border-bottom-portfolio {
    border-bottom:solid 1px #333;
}
.border-right-portfolio {
    border-right:solid 1px #333;
    height:265px;
}
.width64 {
    width: 64.5%;
    height:266px;
}
.height100
{
    height:190px;
}
/*history*/
.root .sub {
    width: 23%;
}
.searchButton {
    background-color : #000000;
    color : #FFE446;
}

.buttom-search {
    background-color:#000000;
    color:#FFE446;
    width:80px;
    /*margin-left:60px;*/
    font-size:17px;
    font:bold;
    display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}
.size-popup-password {
    margin-top:-50px; 
    width:800px; 
    height:500px;
}
.size-popup-password1 {
    margin-top:100px; 
    width:500px; 
    height:300px;
}
.table-borderr
{
    border:solid 1px #999;
    border-radius:5px;
}
.table-borderrr
{
    border:solid 1px #999;
    border-radius:5px;
}
.margin-bottom
{
    margin-bottom:10px;
}
.margin-top
{
    margin-top:10px;
}
.pad-bottom
{
    padding-bottom:10px;
}
.pad-top
{
    padding-top:4px;
}
.pad-left
{
    padding-left:10px;
}
.text-head-profile
{
    background-color:#333;
    padding-bottom:1px;
    color:white;
    padding-top:1px;
}
.text-head-profile-2 {
    background-color: #333;
    color: white;
    padding: 10px;
}
.text-head-asset
{
    background-color:#000;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-top:10px;
    color:#e9ca31;
}
.text-head-asset2
{
    background-color:#000;  
    padding-bottom:10px;
    padding-top:10px;
  
}
.text-body-asset
{
    background-color:#FFE96F;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-top:10px;

}
.text-body-asset2
{
    background-color:#FFE96F;  
    padding-bottom:10px;
    padding-top:10px;
  
}
.space-line
{
    margin-bottom:5px;
}
/*.root .text-yellow
{
    /*color: #6C5C05;*/
    /*font-weight:bold;    
}*/
.root .bold
{
    font-weight:bold;
}
.root .margin-50
{
    margin-left:-50px;
}
.root .widthh-35
{
    width:35%;
}
.bold {
    font-weight:bold;
}

.pad-left-5
{
    padding-left:0px;
}
.margin-left-2
{
    margin-left:5px;
}
.border-right-portfolio-2
{
border-right:solid 1px #948013;
}
/*.margin-left
{
    margin-left:5px;
}*/

.ui-widget-header {
    background: #000000;
    color: #ffffff;
}
.ui-datepicker-trigge
{
    background:#948013;
}
.space-line
{
    margin-bottom:5px;
}
.roots .margin-leftt
{
    margin-left:10px;
}

/* 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 > div.jtable-title { background: #e0e0e0; padding-left: 0px;}
div.jtable-main-container > div.jtable-title div.jtable-title-text { padding-left: 10px; color: #000000; font-weight: bold; }
div.jtable-main-container > table.jtable { border: none; }
div.jtable-main-container > table.jtable > thead { background-color: #000000; }
div.jtable-main-container > table.jtable > thead th { color: #FFEC76; font-weight: bold; height: 33px; border: solid 1px #ddd; }
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 div.jtable-busy-message { background-color: #000000; color: #FFEC76; border: solid 1px #FFEC76; }

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 { color: #FFEC76; background-color: #000000; 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 { color: #000000; background-color: #FFEC76; }

div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last { margin-right: 0px;}*/
/* End jTable Modified CSS */


div.jtable-main-container > div.jtable-title {
background-color:#27a2c0;
background-color:#0099c8;
padding-left: 10px;
}

div.jtable-main-container > div.jtable-title div.jtable-title-text {
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 19px;
line-height: 34px;
color: #D9C017;
}

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

div.jtable-main-container > table.jtable > thead th {
font-family: 'tahoma', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 14px;
color:white;
}

div.jtable-main-container > div.jtable-title div.jtable-title-text {
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 500;
font-size: 15px;
line-height: 34px;
color: #F0E342;
}

div.jtable-main-container > div.jtable-bottom-panel {
/*background-color:#383435;*/
color: #000;
min-height: 22.900000000000002px;
font-size: 13px;
/*border: 1px solid #ddd;*/
/*border-top: none;*/
}

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:#383435;
margin: 1px;
padding: 2px 5px;
color: #DDDD00;
height:18px;
margin-bottom:3px;

}

div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
background-color: #000000;
}
.margin-top-pop-change
{
    margin-top:100px;
}
.pad-bot--10
{
    margin-bottom:-10px;
}
.mar-top--10
{
    margin-bottom:-20px;
}

.text-white
{
    color:#fff;
}
.text-gray
{
    color:#808080;
}
.e:hover { 
text-decoration: none; 
background-color:#FFEA6D; /* โค๊ดสีพื้นหลัง */
}

.hand
{
    cursor:pointer;
}
.mar .margin-right-5-t
{
    margin-right:5px;
}

div.text-gold-price {
    /*font-weight:bold;*/
    font-size:large;
    /*padding:20px;*/
}

div.text-gold-price-up {
    /*color:#55D300;
    text-align:center;
    font-weight:bold;
    font-size:45px;
    padding:15px;*/
    color:#55D300;
    font-weight:bold;
    font-size:large;
    padding:0 20px;
}

div.text-gold-price-down {
    /*color:#FF3A39;
    text-align:center;
    font-weight:bold;
    font-size:45px;
    padding:15px;*/
    color:#FF3A39;
    font-weight:bold;
    font-size:large;
    padding:0 20px;
}
.text-bold {
    font-weight:bold;
}

.border {
    border:1px solid #999;
}

.input-quantity-width {
    width:100px;
    font-size:20px;
}
.input-price-width {
    width:100px;
    font-size:20px;
}

.content-layout-width {
    /*width:1000px !important;*/
}

/*Margin*/
.margin-mini {
    margin:5px;
}
.margin-small {
    margin:10px;
}
.margin-normal {
    margin:15px;
}
.margin-large {
    margin:20px;
}
.margin-xlarge {
    margin:30px;
}
.margin-xxlarge {
    margin:50px;
}
.margin-xxxlarge {
    margin:80px;
}

/*Magin left*/
.margin-left-mini {
    margin-left:5px;
}
.margin-left-small {
    margin-left:10px;
}
.margin-left-normal {
    margin-left:15px;
}
.margin-left-large {
    margin-left:20px;
}
.margin-left-xlarge {
    margin-left:30px;
}
.margin-left-xxlarge {
    margin-left:50px;
}
.margin-left-xxxlarge {
    margin-left:80px;
}

/*Margin right*/
.margin-right-mini {
    margin-right:5px;
}
.margin-right-small {
    margin-right:10px;
}
.margin-right-normal {
    margin-right:15px;
}
.margin-right-large {
    margin-right:20px;
}
.margin-right-xlarge {
    margin-right:30px;
}
.margin-right-xxlarge {
    margin-right:50px;
}
.margin-right-xxxlarge {
    margin-right:80px;
}

/*Margin top*/
.margin-top-mini {
    margin-top:5px;
}
.margin-top-small {
    margin-top:10px;
}
.margin-top-normal {
    margin-top:15px;
}
.margin-top-large {
    margin-top:20px;
}
.margin-top-xlarge {
    margin-top:30px;
}
.margin-top-xxlarge {
    margin-top:50px;
}
.margin-top-xxxlarge {
    margin-top:80px;
}

/*Margin bottom*/
.margin-bottom-mini {
    margin-bottom:5px;
}
.margin-bottom-small {
    margin-bottom:10px;
}
.margin-bottom-normal {
    margin-bottom:15px;
}
.margin-bottom-large {
    margin-bottom:20px;
}
.margin-bottom-xlarge {
    margin-bottom:30px;
}
.margin-bottom-xxlarge {
    margin-bottom:50px;
}
.margin-bottom-xxxlarge {
    margin-bottom:80px;
}

/*Padding*/
.padding-mini {
    padding:5px;
}
.padding-small {
    padding:10px;
}
.padding-normal {
    padding:15px;
}
.padding-large {
    padding:20px;
}
.padding-xlarge {
    padding:30px;
}
.padding-xxlarge {
    padding:50px;
}
.padding-xxxlarge {
    padding:80px;
}

/*Padding left*/
.padding-left-mini {
    padding-left:5px;
}
.padding-left-small {
    padding-left:10px;
}
.padding-left-normal {
    padding-left:15px;
}
.padding-left-large {
    padding-left:20px;
}
.padding-left-xlarge {
    padding-left:30px;
}
.padding-left-xxlarge {
    padding-left:50px;
}
.padding-left-xxxlarge {
    padding-left:80px;
}

/*padding right*/
.padding-right-mini {
    padding-right:5px;
}
.padding-right-small {
    padding-right:10px;
}
.padding-right-normal {
    padding-right:15px;
}
.padding-right-large {
    padding-right:20px;
}
.padding-right-xlarge {
    padding-right:30px;
}
.padding-right-xxlarge {
    padding-right:50px;
}
.padding-right-xxxlarge {
    padding-right:80px;
}

/*padding top*/
.padding-top-mini {
    padding-top:5px;
}
.padding-top-small {
    padding-top:10px;
}
.padding-top-normal {
    padding-top:15px;
}
.padding-top-large {
    padding-top:20px;
}
.padding-top-xlarge {
    padding-top:30px;
}
.padding-top-xxlarge {
    padding-top:50px;
}
.padding-top-xxxlarge {
    padding-top:80px;
}

/*padding bottom*/
.padding-bottom-mini {
    padding-bottom:5px;
}
.padding-bottom-small {
    padding-bottom:10px;
}
.padding-bottom-normal {
    padding-bottom:15px;
}
.padding-bottom-large {
    padding-bottom:20px;
}
.padding-bottom-xlarge {
    padding-bottom:30px;
}
.padding-bottom-xxlarge {
    padding-bottom:50px;
}
.padding-bottom-xxxlarge {
    padding-bottom:80px;
}

/*Textbox-width*/
.text-width-xmini {
    width:50px;
    height:25px;
}

.text-width-xxmini {
    width:80px;
    height:25px;
}

.text-width-mini {
    width:100px;
    height:25px;
}

.text-width-small {
    width:150px;
    height:25px;
}

.text-width-medium {
    width:200px;
    height:25px;
}

.text-width-large {
    width:300px;
    height:25px;
}

.text-width-xlarge {
    width:400px;
    height:25px;
}

.text-width-xxlarge {
    width:500px;
    height:25px;
}

.width5p {
    width:5%;
}
.width10p {
    width:10%;
}
.width15p {
    width:15%;
}
.width20p {
    width:20%;
}
.width25p {
    width:25%;
}
.width30p {
    width:30%;
}
.width35p {
    width:35%;
}
.width38p {
    width:38%;
}
.width40p {
    width:40%;
}
.width45p {
    width:45%;
}
.width50p {
    width:50%;
}
.width55p {
    width:55%;
}
.width60p {
    width:60%;
}
.width70p {
    width:70%;
}
.width80p {
    width:80%;
}
.width90p {
    width:90%;
}
.width100p {
    width:100%;
}

.float-left {
    float:left;
}
.float-right {
    float:right;
}

.bg-orange
, .bg-orange:hover {
    background-color: orange;
}

.trade-container {
    
}

    .trade-container h2.trade-asset {
        color: black;
        font-size:38px;
    }
    .trade-container hr {
        margin: 0px;
    }

    .trade-container .gold-99 {
        background-color: white;
        padding-bottom: 15px;
        border:1px solid lightgray;
    }

        .trade-container .gold-99 hr {
            border-color: lightgray;
        }

    .trade-container .gold-96 {
        background-color: white;
        padding-bottom: 15px;
        border:1px solid lightgray;
    }
        .trade-container .gold-96 hr {
            border-color: lightgray;
        }

    .trade-container .gold-spot {
        color: black;
        font-weight:bold;
        margin-top: 20px;
    }

    .trade-container .gold-spot-price {
        /*margin: 10px 0;*/
        height: 40px;
    }

    div.text-gold-price {
        color: #727272;
    }

    .trade-container .col-xs-6.small-margin-left {
        padding-left: 2px;
    }

    .trade-container .col-xs-6.small-margin-right {
        padding-right: 2px;
    }

    .trade-container form {
        background-color: white;
    }

.agreement *{
    font-family: Verdana, Arial, sans-serif;
}

    .agreement h1 {
        text-align: center;
        margin-top: 10px;
    }

    .agreement h4 {
        text-align: left;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .agreement p {
        text-align: justify;
    }

    .agreement p.footer {
        text-align: right;
    }

    .agreement p span {
        font-weight: bold;
        color: red;
    }

.main-menu-container {
    background-color: #000000;
}

.navbar {
    border: none;
}

.navbar-toggle .icon-bar {
    background-color: black;
}

.navbar-header {
    float: none;
    /*background-image: url('/Images/bghead.jpg');
    background-repeat: no-repeat;
    background-color: #FFEA73;*/
}

.trade-container {
}

    .trade-container h2.trade-asset {
        color: black;
        font-size: 38px;
    }

    .trade-container hr {
        margin: 0px;
    }

    .trade-container .gold-99 {
        background-color: white;
        padding-bottom: 15px;
        border: 1px solid lightgray;
    }

        .trade-container .gold-99 hr {
            border-color: lightgray;
        }

    .trade-container .gold-96 {
        background-color: white;
        padding-bottom: 15px;
        border: 1px solid lightgray;
    }

        .trade-container .gold-96 hr {
            border-color: lightgray;
        }

    .trade-container .gold-spot {
        color: black;
        font-weight: bold;
        margin-top: 20px;
    }

    .trade-container .gold-spot-price {
        /*margin: 10px 0;*/
        height: 40px;
    }

div.text-gold-price {
    color: #727272;
}

.trade-container .col-xs-6.small-margin-left {
    padding-left: 2px;
}

.trade-container .col-xs-6.small-margin-right {
    padding-right: 2px;
}

.trade-container form {
    background-color: white;
}

.agreement *{
    font-family: Verdana, Arial, sans-serif;
}

    .agreement h1 {
        text-align: center;
        margin-top: 10px;
    }

    .agreement h4 {
        text-align: left;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .agreement p {
        text-align: justify;
    }

    .agreement p.footer {
        text-align: right;
    }

    .agreement p span {
        font-weight: bold;
        color: red;
    }

.main-menu-container {
    background-color: #000000;
}

.navbar {
    border: none;
}

.navbar-toggle .icon-bar {
    background-color: black;
}

.navbar-header {
    padding: 5px 0 2px 10px;
    float: none;
    /*background-image: url('/Images/bghead.jpg');*/
    background-repeat: no-repeat;
    background-color: #ffffff;
}

@media (max-width: 395px) {
    .navbar-header .navbar-brand {
        width: 70%;
    }
    .navbar-header img {
        width: 100%;
    }

    .jtable-main-container {
        width: 100%;
        overflow-x: scroll;
    }
}

.navbar a {
    color: #ffffff;

   
}




.navbar li.active a {
    background-color: #ff0000;
    margin-right: 0 0 12px 0;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    color: #ff0000;
    background-color: #000000;
}

/*.nav > li > a.other-menu {
    background-color: #594a29;
}*/

    .nav > li > a.other-menu:hover,
    .nav > li > a.other-menu:focus {
        color: #ff0000;
        text-decoration: underline;
       
    }

.other-menu {
   
}


div.row.padding-lr {
    padding-left: 15px;
    padding-right: 15px;
}

.trade-container .form-horizontal > .form-group div
,.trade-container .form-horizontal > .form-group label
,.trade-container .form-horizontal > .form-group span  {
    font-size: 1.01em;
    font-weight: bold;
}

.trade-container .form-horizontal > .form-group {
    margin-bottom: 5px;
}

.trade-container .form-horizontal > .form-group:last-child {
    margin-top: 15px;
    margin-bottom: 15px;
}

.trade-container .form-horizontal > h1.form-group
, .trade-container .form-horizontal > h3.form-group {
    font-family: Tahoma;
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: bold;
}

.trade-container .form-horizontal > .form-group label.control-label {
    text-align: left;
    font-weight: bold;
}

.trade-container .form-horizontal > .form-group .form-control-static {
    text-align: right;
    font-weight: bold;
}

.text-sell {
    color: #c85a20;
    text-align: center;
    /*font-weight:bold;
    font-size:45px;*/
    /*padding:15px;*/
}
.text-buy {
    color: #04a01a;
    text-align: center;
    /*font-weight:bold;
    font-size:45px;*/
    /*padding:15px;*/
}

.text-halt {
    color:gray;
    text-align:center;
    /*font-weight:bold;
    font-size:45px;*/
    /*padding:15px;*/
}

.trade-container .input-group-addon {
    padding-right: 0px;
    border: none;
    background: none;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
{
    border-top: none;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    color: black;
}

p {
    margin-bottom: 0px;
}

.navbar-toggle {
    outline: none;
    border: solid 1px black;
}



.modal-backdrop.in {
opacity: 1.0;
filter: alpha(opacity=50);
}

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

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

/*ปุ่ม ok dialog*/
.ui-dialog-buttonset :hover {
    background-color: #ff0000;
    color: #fff;
}

#confirm:hover {
    background-color: #ff0000;
    color: #fff;
}

div.navbar-header p.navbar-right {
    font-size: 19px;
}

.bg-lightgray {
    background-color: #f1f1f3 !important;
    padding: 5px;
    margin: 5px;
}

@font-face {
    font-family: RSU_Regular;
    src: url(RSU_Regular.ttf);
}
@font-face {
    font-family: RSU_BOLD;
    src: url(RSU_BOLD.ttf);
}
@font-face {
    font-family: RSU_light;
    src: url(RSU_light.ttf);
}

#div-content > section > div.row > h2.row > span.col-md-3.text-style-bold,
h2.col-xs-offset-3.col-xs-6.trade-asset.text-center,
.gold-spot, span.text-center.text-style-bold,
h3.form-group.font-head-box,
.trial h1, .trial h2, .trial h4 {
    font-family: RSU_Regular !important;
}

h3.form-group.font-head-box,
.gold-spot {
    font-size: 27px !important;
}

.trade-container {
}

    .trade-container h2.trade-asset {
        color: black;
        font-size: 38px;
    }

    .trade-container hr {
        margin: 0px;
    }

    .trade-container .gold-99 {
        background-color: white;
        padding-bottom: 15px;
        border: 1px solid lightgray;
    }

        .trade-container .gold-99 hr {
            border-color: lightgray;
        }

    .trade-container .gold-96 {
        background-color: white;
        padding-bottom: 15px;
        border: 1px solid lightgray;
    }

        .trade-container .gold-96 hr {
            border-color: lightgray;
        }

    .trade-container .gold-spot {
        color: black;
        font-weight: bold;
        margin-top: 20px;
    }

    .trade-container .gold-spot-price {
        /*margin: 10px 0;*/
        height: 40px;
    }

div.text-gold-price {
    color: #727272;
}

.trade-container .col-xs-6.small-margin-left {
    padding-left: 2px;
}

.trade-container .col-xs-6.small-margin-right {
    padding-right: 2px;
}

.trade-container form {
    background-color: white;
}

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


div[class^=gold-9] > .row.padding-lr > div:first-child {
  padding-right:5px !important;
}
div[class^=gold-9] > .row.padding-lr > div:last-child {
  padding-left:5px !important;
}

.big-checkbox {
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

div.text-gold-premium-hd {
    font-size: 1.5em;
    padding-left: 3em;
    font-family: RSU_Regular !important;
}

div.text-gold-premium {
    font-size: x-large;
    padding-right: 3em;
    font-family: RSU_Regular !important;
    text-align: right;
}
span.icon-pending { /*k20-36*/
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 4px;
    background-image: url('/Images/icon-pending.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}