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

/* 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/bghead-admin.jpg');
    min-height: 159px;
}

.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/logo-GCAP.png"); 
    background-position: center top;
    background-repeat: no-repeat;
    height: 98px;

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


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

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

}

/* 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: .600em;
    -moz-border-radius: .600em;
    -webkit-border-radius: .600em; 
    max-width:400px;
    min-width:400px;
}
.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:#fff;
    
}

/*          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:#498dbf;
    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;
}


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

.float-left {
    float:left;
}

.float-right {
    float:right;
}
/*Line hight ------------------------------------------------------------------------------------- */

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

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

.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;
}
.margin-top5px
{
    margin-top:5px;
    margin-right:5px;    
}
.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-"],
.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");
}
.font-color
{
    color:#BBBBBB;
}
.text-align-left
{
    text-align:left;
}
.table-border
{
    border:solid 1px #1a71b4;
}
.table-borderr
{
    border:solid 1px  #1a71b4;
    border-radius:5px;
}
.table-border-r
{
    border:solid 1px  #dddddd;
}
.text-align-center
{
    text-align:center;
}
.text-align-right
{
    text-align:right;
}
.margin-top
{
    margin-top:10px;
}
.margin-bottom
{
    margin-bottom:10px;
}
.margin-right
{
    margin-right:20px;
}
.margin-left-t
{
    margin-left:10px;
}
.margin-left
{
    margin-left:20px;
}
.margin-left-lg
{
    margin-left:60px;
}
.margin-left-lgg
{
    margin-left:150px;
}
.margin-bottom-lg
{
    margin-bottom:130px;
}
.margin-bottom-md
{
    margin-bottom:30px;
}

/*Trade Online*/
.margin-t {
    margin-top:10px;
}
.text-red {
    color:#ff0200;
}

.text-red-pink {
    color:#FF5555;
}
.text-yellow {
    color:#fcff00;
}
.color-name {
    color:#FFFFFF;
}
.text-green {
    color:#3EA055;
}
.text-yellow-green {
    color:#00ff03;
}
.color-font{
    color:#1a71b4;
}
.margin-l {
    margin-left:150px;
}
.margin-r {
    margin-right:150px;
}
.margin-ll {
    margin-left:500px;
}
.margin-rr {
    margin-right:500px;
}
.border-corner {
    border-radius:5px;
}
.color-border {
    border:solid 1px #f5f5f5;
}
.margin-le {
    margin-left:2px;
}
.bg-volume {
    background-color:#0959AE;
}
.size-volume {
    font-size:12px;
}
.margin-left-text {
    margin-left:10px;
}
.margin-bottom {
    margin-bottom:10px;
}
.margin-bottomm {
    margin-bottom:20px;
}
.color-customercode {
    color:#FFFFFF;
}
.headtable {
    color:#1a71b4;
}
.bgheadtable {
    background-color:#e1e1e1;
}
.sky-text-logout {
    color:#7ac0da;
}
.white-button {
    background-color:#f5f5f5;
    color:#000000;
}
.footer-container {
    position: fixed;
    bottom: 0;
    
}

.body-contrainer
{
    /*position: fixed;*/
    width:1003px;
    margin:auto;
    /*height: auto !important;
    margin: 0 auto -50px;
    min-height: 80%;
    height:80%;
    margin:auto;*/
}
.contrainer {
    width: 980px;
    height:100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:-90px;   
    padding:0px;
}

.set .col-md-3 {
    width:23.5%;
}
.bg-color
{
    background-color:#fff;
}
.bold {
    font-weight:bold;
}
.footer {
    width:100%;
    height:90px; 
    background-color:#0058b3;
    bottom:0;

}
.margin-leftt
{
    margin-left:10px;
}
.margin-bottomm
{
    margin-bottom:20px;
}
.margin-rightt
{
    margin-right:10px;
}
.pad-left
{
    padding-left:10px;
}
.pad-leftt
{
    padding-left:25px;
}
.pad-right
{
    padding-right:10px;
}
.pad-rightt
{
    padding-right:30px;
}
.pad-top
{
    padding-top:10px;
}
.pad-bottom
{
    padding-bottom:10px;
}

.table-top
{
    border-top:solid 1px #1a71b4;
}
.table-bottom
{
    border-bottom:solid 1px  #1a71b4;
}
.table-left
{
    border-left:solid 1px #1a71b4;
}
.table-right
{
    border-right:solid 1px #1a71b4;
}
/*POPUP*/
.modal-body1 {
    padding: 5px;
    position: relative;
}

.confirm {
    color:#1b1aff; 
    font-size:20px;
}
.buttom-sell-buy {
     width:60px; 
     height:35px; 
     margin-right:10px;
}

.gold-price-weight {
    margin-left:10px; 
    color:#1b1aff;
    font-size:15px;
}

.right-popup {
    color:#1b1aff; 
    font-size:15px; 
    text-align:right; 
    margin-right:25px;
}

.row.price {
    background-color: yellow;
    margin-left: -5px;
    margin-right: -5px;
    padding-left:
}

.row.price div {
    margin-left: 0px;
    margin-right: 15px;
    color: red;
}

.buttom-confirm {
         width:45%; 
         color:#fff;
         margin-right:10px; 
         background-color:#00347D; 
         font-size:15px; 
         height:35px;
}
.buttom-cancel {
     margin-left:10px; 
     color:#fff;
     width:45%; 
     background-color:#808080;  
     font-size:15px; 
     height:35px;
}
/*Buttom Trade*/
.buttom-trade {
        margin-left:75px; 
        margin-top:10px; 
        margin-bottom:10px;
        width:100px; 
        background-color:#FDEC16;
        color:#013F74; 
        font-size:16px; 
         margin-right: 50px;
        text-shadow:0.1em 0.1em #fff;
}
.buttom-trade-ple {
        margin-left:40px; 
        /*margin-bottom:10px;
        margin-top:10px;*/ 
        width:90px; 
        background-color:#1175C0;
        color:#fff;
         
        /*font-size:16px; 
        text-shadow:0.1em 0.1em #fff;*/
}

.buttom-port {
        margin-left:75px; 
        margin-bottom:10px;
        margin-top:10px; 
        width:100px; 
        background-color:#006dcc; 
        color:#e9ca31; 
        font-size:16px; 
        text-shadow:0.1em 0.1em #fff;
}
.bg-box {
    text-align:center;vertical-align : middle; display : table-cell;
    background-color:#023b70;
    /*background-image:-webkit-gradient(linear,left top,left bottom,from( #034b8e ),to( #012546 ));
    background-image:-webkit-linear-gradient( #034b8e,#012546 );
    background-image: -moz-linear-gradient( #034b8e,#012546 );
    background-image: -ms-linear-gradient( #034b8e,#012546 );
    background-image: -o-linear-gradient( #034b8e,#012546 );
    background-image: linear-gradient( #034b8e,#012546 );*/
}
.bg-box-buttom {
    background-color:#02427f;
}
.bg-mm {
    background-color:#e80c4d;
}
.text-blue
{
    color:#006dcc;
}
.space-line
{
    margin-bottom:5px;
}
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; height: 33px; 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: left; padding-left: 4px; }
div.jtable-main-container table.jtable thead th.text-right { text-align: right; padding-right: 4px; }

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; margin-top:3px; }
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change { margin-right: 5px;margin-top:3px; }

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: #1175C0; padding: 5px 7px; }
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active { background-color: #54A3C9; color:#fff;}

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

.wrapper {
    min-height:100%;
	position:relative; 
}

/*edit*/
.bg-white {
    background-color:#fff;
}
.margin-l-4 {
    margin-left:8px;
}
.quantity {
    font-size:18px; 
    margin-right:5px;
}
.textbox-quantity {
    margin-left: 5px;
    height: 30px;
}
.size-kg {
    font-size: 18px;
}
.size-priceperunit {
    margin-left:3px;
}

.margin-auto {
    margin:auto;
}

.bg-trade {
    background-image:url('/Images/blue.jpg'); 
   /* margin-left:5px;*/
   text-align:center;
}
.unit-kg {
    font-size: 17px;
    margin-left: 18px;
}
.margin-l-2 {
     margin-left:2px;
}
.margin-l-18 {
    margin-left: 23px;
}
.margin-l-0 {
    margin-left: 0px;
}
.margin-l-5 {
    margin-left:-5px;
}
.margin-l-15 {
     margin-left:15px;
}
.margin-l-12 {
    margin-left:12px !important;
}
.unit-baht {
    font-size:18px; 
    margin-left:5px;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.size-popup {
    /*position: relative;
    left: 50%;
    top: 25%;
    margin-top: -150px;
    margin-left: -175px;
    width:350px; 
    height:300px;*/
}
.size-popup-password {
    margin-top:-50px; 
    width:800px; 
    height:500px;
}
.size-popup-password1 {
    margin-top:100px; 
    width:500px; 
    height:300px;
}
.popup-name {
    margin-left: 25px;
    font-size: 15px;
}
.popup-showname {
    margin-left:10px; 
    font-size:15px;
}
.sum-pricepopup {
    font-size:15px; 
        color:#f00;
}

.height45 {
    height:45px;
    width:120%;
}
.margin-l-20 {
     margin-left:20px;
}
.margin-top-20
{
    margin-top:-20px;
}
.head-text-color
{
    color:#104E8B;
}
.height-width-profile
{
    height:110px; 
    width:250px;
}
.height-100
{
    height:100px;
}
.profile-text-color
{
    color:#00509D;
}
.text-blue-front-small
{
    color:#3983B8;
    font-size:smaller;
}
.text-sky-front-small
{
    color:#488BC0; 
    font-size:smaller;
}
.text-blue-front-small-pad-0
{
    color:#3983B8; 
    font-size:smaller; 
    padding-left:0px;
}
.height-width-deposit
{
    height:212px;
    width:103%;
}
.width-50
{
    width:50%;
}
.height-82
{
    height:82px;
}
.height-103
{
    height:103px;
}
.front-small-pad-0
{
    font-size:smaller;  
    padding-left:0px;
}
.front-small-padr-0
{
    font-size:smaller;  
    padding-right:0px;
}

.text-blue1
{
    color:#3883BA;
}
.font-small
{
    font-size:smaller;
}
.width-110-mar-left-15
{
    width:110%;
    margin-left:-15px;
}
.font-small-text-blue1-padleft-0
{
    font-size:smaller; 
    color:#3983B8; 
    padding-left:0px;
}
.font-small-text-blue1-padleft-10
{
    font-size:smaller; 
    color:#4ABA01; 
    padding-left:10px;
}
.pad-left-10
{
   
    padding-left:10px;
}
.text-blue1-pad-10
{
    color:#00509D; 
    padding-left:10px;
}
.width-110-marleft-15
{
    width:110%;
    margin-left:-15px;
}
.height-103
{
    height:103px;
}
.width-321-mleft-15-mtop-18
{
    width:321px; 
    margin-left:-15px; 
    margin-top:18px;
}
.text-blue2
{
    color:#104E8B;
}
.text-red-pright-50
{
    color:#FF2221;
    padding-right:50px;
}
.text-green-pad-50
{
    color: #4ABC02;
    padding-right: 50px;
}
.pright-0-height-210
{
    padding-right:0px; 
    height:210px;
}
.pleft-5-front-small
{
    padding-left:-5px;
    font-size:smaller;
}
.text-blue-pleft-15-front-small
{
    padding-left:-15px;
    font-size:smaller;
    color:#3983B8;
}
.pright-0-front-small
{
    padding-right:5px;
    font-size:smaller;
}
.text-blue-frint-small-mleft-15
{
    color:#3983B8;
     font-size:smaller;
     margin-left:-15px;
}
.front-smal-pright-0
{
    font-size:smaller;
    padding-right:0px;
}
.pleft-5-front-small
{
    padding-left:5px;
    font-size:smaller
}
.front-small-pright-0
{
    font-size:smaller;
    padding-right:0px;
}
.pleft-5-front-small
{
    padding-left:5px;
    font-size:smaller;
}
.h-text-blue-pleft-0
{
    color:#104E8B; 
   margin-right:0px;
    
}
.h-pleft-4
{
    padding-left:4px;
}
.h-pleft-0
{
    padding-left:0px;
}
.h-pleft-2
{
    padding-left:2px;
}
.h-text-blue
{
    color:#104E8B;
}
.h-pright-0-text-blue
{
   
    color:#104E8B;
}
.h-text-0
{
    padding-right:0px;
}
.h-text-blue
{
    color:#104E8B;
}
.h-pleft-20
{
  padding-right:-20px;
}
.text-small
{
    font-size:smaller;
}
.text-head-profile
{
    background-color:#428BCA;
    padding-bottom:1px;
    color:#fff;
    padding-top:1px;
}
.text-head-profile-2
{
    background-color:#428BCA;
    padding-bottom:5px;
    color:#fff;
    padding-top:10px;
    margin-bottom:5px;
}
.margin-left-12 {
    margin-left:14px;
}
.margin-left-13 {
    margin-left:16px;
}
.width-100
{
    width:100%;
}
.root .width-28
{
    width:32%;
    height:195px;
}
.root .width-40
{
    width:32%;
    margin-right:2%;
    height:195px;
}
.root .width-28-m2
{
    width:32%;
    margin-right:2%;
    height:195px;
}
.root .margin-30
{
    margin-left:-30px;
}
.root .margin-25
{
    margin-left:-25px;
}
.root .margin-5
{
    margin-left:-15px;
}
.root .margin-50
{
    margin-left:-120px;
}

.root .padding-50
{
   padding-right:-120px;
}
.root .marginr-50
{
    margin-right:-120px;
}

.root .widthh-100
{
    width:100%;
}
.root .widthh-35
{
    width:35%;
}
.root .margin-10
{
    margin-left:-12px;
}
.root .marginr-10
{
    margin-right:-10px;
}
.root .padding-left-5
{
    padding-left:5px;
}
.margin-l5
{
    margin-left:5px;
}
.size-button
{
    width:100px;
    height:35px;
}
.button-margin
{
    margin-right:250px;
}
.button-margin1
{
    margin-right:110px;
}
.bg-head-popup
{
    background-color: #236EB1;
}
.font-size-15
{
    font-size:15px;
}
.margin-button-cancel
{
    margin-right:45px;
}
.profile .login
{
    width: 400%; 
    min-height: 400%; 
    height: auto !important; 
    margin: 0 auto -83px; 
}
.profile .padding100
{
    padding: 100px 0px;
}
.profile .h150-w400
{
    height:150px;
    width:400px;
}
.profile .text-12
{
    font-size:12px;
}
.profile .width-80
{
    width: 80px;
}
.footerr .h100-w100
{
    width: 100%; height:100px; 
}
.forgot .bg
{
    background-color:#236EB1;
}
.forgot .text-white
{
    color:#fff;
}
.forgot .text-15
{
    font-size:15px;
}
.forgot .margin-20
{
    margin-left:-20px;
}
.margin-left-2 {
    margin-left:-2px;
}
.margin-left-5 {
    margin-left:7px;
}
.label-important,
.badge-important {
  background-color: #b94a48;
}

div.jtable-main-container table.jtable tbody > tr.jtable-row-selected
, div.jtable-main-container table.jtable tbody > tr.jtable-row-selected:hover
{
    background-color: #CCCCCC;
    text-shadow:none;
}

/* ----------------------------------------------------------------------------------*/
.trade-body .recordSuccess
{
    background-color: #bfe4ff;
}

.trade-body .recordReject
{
    background-color: #ffd3d3;
}

.trade-body .recordWaiting
{
    background-color: #ffffff;
}

span.icon-leaveorder {
    display: inline-block;
    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 {
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-right: 4px;
    background-image: url('/Images/icon-online.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

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

span.icon-ios {
    display: inline-block;
    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 {
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-right: 4px;
    background-image: url('/Images/icon-android.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}


div.jtable-main-container table.jtable tbody > tr.jtable-row-selected {

   color: #222; 
}