/**
 * Reset:
 */
.hidden       {display: none !important;border:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;width:0 !important;height:0 !important;overflow:hidden !important;}
body  {line-height:22px;font-size:12px;background: #eceff2;}
a   { color:#0083d2; }
a:hover {text-decoration:none;color:#f60;}
.auto-width { width:auto !important; min-width:inherit !important; max-width:none !important; }
.pointer  { cursor:pointer; }
.hor-scroll { overflow-x: auto; }
/**
 * Layout:
 */
.wrapper  { min-width:960px; }
.middle   { min-height:450px; padding:0 0 0 0; }
.page-print { background:#fff; padding:25px 30px; text-align:left; }
.main   { width:995px; min-height:400px; margin:0 auto; padding:10px 0; text-align:center; }
.side-col   { float:left; width:185px; padding-bottom:25px; }
.main-col   {min-height:450px;margin-left:235px;padding: 5px 9px 0 5px;text-align:left;/*-webkit-transition: margin-left .5s;
transition: margin-left .5s; */}
.main-col-inner {padding-bottom:18px;padding-left: 5px;padding-right: 5px;float:left; /* Fixes some inner clears in the liquid main-col */width:100%;/* background: white; */}
/**
 * Form:
 */
textarea,
.input-text       { border:1px solid #d3d3d3; border-radius:3px; }
textarea:hover,
.input-text:hover   { background:#fffef4; border:1px #f90 solid; }
.input-text       { height:22px; line-height:22px; vertical-align:middle; width:460px; padding-left:2px; }
textarea        { overflow:auto; }
select          { padding:3px 0; }
textarea:hover,
.input-text:hover   { background:#fffef4; border:1px #f90 solid; }
/* Form lists: */
form .row .cell     { display:table-cell; vertical-align:top; padding:0 0 5px; font-size:14px; }
form .row .label    { min-width:150px; text-align:right; padding-right:15px; color:#666; }
form .row .required em  { font-style:normal; font-size:16px; }
form .row span.input-box  { width:auto; }
form .row .input-text   { width:330px; height:25px; line-height:25px; }
form .row textarea      { width:330px; height:150px; }
form .row select      {width: 330px;height: 25px;border: none;outline: 1px solid #d3d3d3;}
form .row select.auto-width { width:auto; }
.edit-form .row .auto-width   { width:auto; }
.edit-form .row .cell .cell   { display:inline; }
/*div.form-body   { display:table; margin-top:5px; }*/
.form-body {
    /* max-width: 768px; */
    margin-top: 10px;
    background: white;
    padding-top: 10px;
    padding-bottom: 10px;
}
.form-list      { display:table-row-group; }
.form-list .cell  { vertical-align:top; padding:0 0 8px; text-align:left; font-size:14px; }
.form-list .label { width:150px; text-align:right; padding-right:15px; color:#666; }
.form-list .required em   { font-style:normal; font-size:16px; }
.form-list span.input-box { width:auto; }
.margin-bottom-13 { margin-bottom: 13px; }
.form-list .input-text    { width:330px; height:25px; line-height:25px; margin-bottom: 13px;}
.form-list textarea     { width:330px; height:150px; }
.form-list select     { width:336px; }
.form-list select.auto-width      { width:auto; }
.form-list li.control .label      { float:none; }
.form-list li.control input.radio,
.form-list li.control input.checkbox  { margin-right:6px; }
.form-list li.control span.input-box  { clear:none; display:inline; width:auto; }
.form-list li.wide span.input-box   { width:535px; }
.form-list li.wide .input-text      { width:529px; }
.form-list li.wide textarea       { width:529px; }
.form-list li.wide select       { width:529px; }
.form-list span.input-range .input-text { width:74px; }
.validation-advice[style*=block] + .validation-advice { display: none !important; }
/* Form Date range */
.form-list .range .label      { width:auto; }
.form-list .range .range-line   { float:left; padding-right:10px; }
.form-list .range div.date      { min-width:180px; }
.form-list .range div.date input  { width:138px !important; }
.form-list .date img        { width:15px; height:15px; cursor:pointer; vertical-align:middle; }
/* Form Validation */
.validation-advice {clear:both;min-height:13px;line-height:13px;margin:3px 0 0;padding-left:17px;background:url(../images/validation_advice_bg.gif) 2px 0 no-repeat;text-align:left;margin-top: -13px;}
select ~ .validation-advice {
  margin-top: 1px;
}
input.validation-failed   { border:1px dashed #eb340a !important; text-align:left; }
select.validation-failed {outline: 1px dashed #eb340a !important;text-align: left;}
select:focus { outline-offset: 0; }
.validation-passed      { text-align:left; }
/* Buttons */
a.button,
button      {vertical-align:middle;margin:0;padding:0;border:none;color:#000;cursor:pointer;white-space:nowrap;background:transparent;}
a.button span,
button span         {}
a.button:hover span,
button:hover span     {/* background-image:url("../images/btn_over_bg.png"); */}
a.button span span,
button:hover span span,
button span span      {}
button:hover.add span,
button.add span       {}
button:hover.add span span,
button.add span span    {}
button:hover.save span,
button.save span      { background-position:0 -124px; }
button:hover.save span span,
button.save span span   { background-position:right -155px; }
.buttons-set        {/* text-align:right; */}
.buttons-set p.required   { margin:0 0 10px; }
.buttons-set .back-link   { float:left; margin:0; }
p.form-buttons        {margin:0;padding: 2px 3px;}
.form-buttons button,
.form-buttons .button,
.buttons-set button,
.buttons-set .button  {padding: 1px 16px;background: #1e272e;color: white;font-size: 12px;}
.buttons-set .wraning { background: #de352e; }
.form-buttons button .iconfont,
.form-buttons .button .iconfont,
.buttons-set button .iconfont,
.buttons-set .button .iconfont { font-size: 1em; margin-right: 2px;}
.form-buttons button:not(:last-child),
.form-buttons .button:not(:last-child),
.buttons-set button:not(:last-child),
.buttons-set .button:not(:last-child)  {margin-right:5px;}
/**
 * Tabs:
 */
.tab-card { padding:15px; clear:both; display:block; }
ul.tabs   { position:relative; height:30px; background:url("../images/tabs_bg.gif") repeat-x left bottom; padding:0 8px; }
ul.tabs a, ul.tabs a:hover  { text-decoration:none; }
ul.tabs li.tab        { float:left; height:27px; }
ul.tabs a.tab-head      { display:inline-block; height:27px; line-height:27px; overflow:hidden; background:#eef7fc; border-radius:3px 3px 0 0; margin:0 6px; border:1px #a9d4ef solid; border-bottom:none; }
ul.tabs a:hover       { background:#fff; }
ul.tabs a span        { padding:0 20px; cursor:pointer; height:30px; display:inline-block; }
ul.tabs .tab-card     { position:absolute; top:30px; left:0; }
ul.tabs li.current a.tab-head,
ul.tabs li.current a:hover.tab-head { color:#000; font-weight:bold; font-size:14px; height:30px; line-height:30px; border:0; background:url(../images/tab_bg-head.gif) no-repeat top right; }
ul.tabs li.current a.tab-head span  { padding:0 20px; background:url(../images/tab_bg-head.gif) no-repeat 0 -36px; }
ul.tabs a.tab-head span.changed,
ul.tabs a.tab-head span.error { float:right; display:block; background:none !important; padding:0 !important; }
ul.tabs a.changed span.changed  { background:url(../images/icon_changed.gif) no-repeat center center !important; width:16px; }
ul.tabs a.error span.error    { background:url(../images/icon_error.gif) no-repeat center center !important; width:16px; }
ul.tabs a.changed       { font-style:italic; }
/**
 * Messages:
 */
.error,
a.error span,
.required em,
.validation-advice    { color:#FF8080 !important; font-weight:bold !important;}
.messages   { margin:0 0 5px 0; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg   { text-align:left !important; border-style:solid !important; border-width:1px !important; background-position:10px 9px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; }
.error-msg    { border-color:#f16048; background-color:#faebe7; background-image:url(../images/i_msg-error.gif); color:#df280a; }
.success-msg  { border-color:#446423; background-color:#eff5ea; background-image:url(../images/i_msg-success.gif); color:#3d6611; }
.note-msg,
.notice-msg   { border-color:#fcd344; background-color:#fafaec; background-image:url(../images/i_msg-note.gif); color:#3d6611; }
.icon-yes,
.icon-no    { display:block; width:14px; height:14px; margin:0 auto; text-indent:-9999px; }
.icon-yes   { background:url(../images/icon_yes.gif) no-repeat scroll center center; }
.icon-no    { background:url(../images/icon_no.gif) no-repeat scroll center center; }
.sub-title    {text-align: left; border-bottom: 1px solid #CCCCCC; color: #CCCCCC; font-size:15px; font-weight:bold; margin: 0 0 15px;  padding: 0 0 4px; }
/* Links: */
.link-for-help  { line-height:26px; padding-left:20px; color:#FFFFFF; background:url(../images/i_question-mark.png) 0 0 no-repeat; }
/* Loader: */
.loader     { margin:10% 0 0 0; text-align:center; }
.loader img   { margin:0 0 2px 0; }
.loader span  { display:block; color:#FFFFFF; }
/* Others: */
.highlight-trouble  { color:#F00000; }
/* Floating bar */
.floating-bar { display:none; position:fixed; left:0; top:0; width:100%; z-index:1000; padding:5px 10px; border-bottom:solid 1px #988753; background:#fdfaa4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"/* IE8 */; opacity:.85; }
/* Content Header */
.content-header     {border-bottom:1px solid #dfdfdf;padding-left: 5px;font-size: 20px;line-height: 2.5;margin-bottom: 10px;}
.content-header h3    { float:left; margin:4px 6px 0 0; color:#000000; font-size:16px; text-align:left; }
.content-header table { width:100%; }
.content-header .buttons-set,
.content-header .form-buttons   { text-align:left; }
.content-header .form-buttons { float:left; }
.content-header td.form-buttons { float:none; }
/* Floating Content Header */ /* Used to make action buttons always within reach */
.content-header-floating  { display:none; position:fixed; left:0; top:0; width:100%; border-bottom:solid 1px #988753; z-index:100; background:#fdfaa4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"/* IE8 */; opacity:.85; }
.floating-bar .content-header,
.content-header-floating .content-header{ padding:6px 8px 4px 8px; margin-bottom:0; border:0; }
.content-header-floating button     { margin-top:3px; }
.content-header-floating .form-buttons  { padding-right:20px; }
.content-header-floating h3   { margin-left:20px; display:inline; }
.content-header-floating td   { padding-right:20px; }

/**
 * Log in page:
 */
#page-login   { background:url(../images/login_bg-container.gif) center center no-repeat #0077c0; }
div.login-box {width: 482px;height:580px;left:50%;/*FF IE7*/top:50%;/*FF IE7*/margin-left: -241px!important;/*FF IE7 ֵΪһ */margin-top:-290px!important;/*FF IE7 ֵΪߵһ*/margin-top:0px;position:fixed!important;/*FF IE7*/}
.login-form   {margin:120px 65px 0 65px;font-size:14px;position:relative;background: rgba(255,255,255, 0.2);padding: 10px;}
.login-form h2 { color: #333; text-align: center;margin-bottom: 16px;}
.login-form .buttons-set a:link,
.login-form .buttons-set a:visited,
.login-form .buttons-set a:hover,
.login-form .buttons-set a:active,
.login-form .buttons-set a  { color: #555; font-size: 12px; }
.login-form       { text-align:left; }
.login-form label,
.login-form .label
.login-form .cell   { float:none; clear:both; display:block; text-align:left; }
.login-form .cell   { padding:4px 0; }
.login-form label,
.login-form .label    {height:0;line-height:0;overflow: hidden;padding: 0;display: none;}
.login-form .input-text   {width: 320px;height:25px;line-height:25px;font-size:14px;padding:2px 5px;margin-top: 8px;border-radius: 0;}
.login-form .buttons-set  { width:100%; height:40px; line-height:40px; padding:10px 0 0 0; text-align:left; }
.login-form .btn-login    {width: 96px;height: 32px;color:#fff;font-size: 12px;background: #333;border:none;cursor:pointer;float: right;}
.login-form .btn-login:hover{ background-position:left bottom; }
.login-form .btn-login span,
.login-form .btn-login:hover span { background:none; }
.login-form .captcha    { }
.login-form .captcha-input,
.login-form .captcha-image          { display:inline; }
.login-form .captcha-input input      { width:100px; }
.login-form .captcha-image .captcha-reload  { cursor:pointer; float:right; }
.login-form .validation-advice  {display:none !important;}
.login-form .messages     { margin:0; }
/**
 * Header:
 */
.header     {height:50px;background: #FFF; color: #000; text-align:right; border-bottom: 1px solid #dfdfdf;}
.header .logo { float:left; width:340px; height:60px; }
.header-right {float:right;color: white;line-height: 50px;}
.header-right .separator  { display:none; height:0; line-height:0; }
.header-right .super    { margin:0 20px 0 0; vertical-align:bottom; text-align:left; }
.header-right .super a    {color: white;}
.header-right .link-edit  { margin-right:10px; }
/**
 * Grid:
 */
/* Grid table data layout: */
.grid .data   {width:100%;border: 1px solid #e5e5e5;}
.no-border { border: 0 !important; }
.no-padding { padding: 0 !important; }
.grid .data th,
.grid .data td        {height:32px;line-height:32px;padding:0 2px;white-space:nowrap;overflow:hidden;text-align:center;border: 1px #e5e5e5 solid;border-left:none;border-top:none;color:#000000;}
.grid .data td.last,
.grid .data th.last     { border-right:none; }
.grid .data tbody tr.even {background: #f9f9f9;}
.grid .data tr.headings   {background: #ebebeb;}
.grid .data tr.headings th,
.grid .data tr.headings th a  { text-align:center; color:#000000; font-weight:bold; height:29px; line-height:29px; }
.grid .data td.empty-text   { padding:15px; border-right:none; }
.grid .data tfoot th      { border:none; border-bottom:1px solid #AAAAAA; }
.grid .data tr.totals th      { border:none; border-bottom:1px solid #AAAAAA; }
.grid .data td.editable input.input-text  { width:80px; }
table.grid-totals td      { padding-right:10px; }
/* Grid events render: */
.grid .data tbody tr:hover,
.grid .data tbody tr.hover    {background-color: #f7f7f7;}
.grid .data tbody tr:active,
.grid .data tbody tr.selected { background-color:#DDDDDD; }
.grid .data tbody tr.active   { background-color:#DDDDDD; }
/* Grid Count: */
table.count td          { padding-right:10px; }
/* Grid actions: */
.grid .actions          { width:100%; margin:6px 0; }
.grid .data td a.button span  { display:inline-block; }
/* Grid sort arrow: */
.sort-arrow-asc         { background:url(../images/grid_sort_asc.gif) no-repeat right; padding-right: 10px; }
.sort-arrow-desc        { background:url(../images/grid_sort_desc.gif) no-repeat right; padding-right: 10px;}
/* Grid filter: */
.grid .filter .input-text     { width:130px; }
.grid .filter .range .input-text  { width:60px; }
.grid .filter .range .range-line  { vertical-align:middle; display:inline-block; }
.grid .filter .range .date      { padding-right:5px; }
.grid .filter .range .symbol    { padding-right:10px; }
/* Grid filter 2: */
.filter-container {/* background:url(../images/filter_bg.jpg) #f4f4f4 repeat-x top; *//* border:1px #e5e5e5 solid; */padding:2px 3px;margin-bottom:5px;}
.filter-container,
ul.filter     {clear:both;float:none;text-align: right;}
ul.filter li    {display:inline-block;vertical-align:middle;margin-bottom: 10px;}
ul.filter [type=checkbox] ~ label { margin-bottom: 0; }
ul.filter li:not(:last-child) { margin-right: 16px; }
ul.filter label { /* display: none; */ }
ul.filter .label  {vertical-align:middle;padding-right:3px;display: none;}
ul.filter .input-text     {width:130px;padding: 4px 2px;height: auto;line-height: normal;border-radius: 0;}

ul.filter .input-text + .cb_exact_filter { margin-left: 4px; }
ul.filter .cb_exact_filter + .lb_exact_filter { margin: 0;}

ul.filter .date-range-input {width: 160px;}
ul.filter .datetime-range-input {width: 270px;}
ul.filter select {display: block;width: 130px;height: 25px;border-radius: 1px; border: 0px; outline: 1px solid #d3d3d3;     outline-offset: 0px;}
ul.filter .range .input-text  {width:80px;}
ul.filter .range-date .input-text  {width:80px;padding-right: 24px;-webkit-box-sizing: content-box;box-sizing: content-box;margin-right: -20px;}
ul.filter .range,
ul.filter .range div        { display:inline-block; }
ul.filter .range .range-line    { vertical-align:middle; }
ul.filter .range .date        { padding-right:5px; }
ul.filter .range .symbol      { padding-right:10px; }
ul.filter li.buttons-set      { text-align:left; }
/* Grid mass action: */
.massaction       { width:100%; height:26px; line-height:26px; border:1px solid #d1cfcf; border-bottom:none; background:url(../images/massaction_bg.gif) repeat-x 0 100% #ebebeb; }
.massaction a     { text-decoration:none; }
.massaction td      { width:50%; border-top:1px solid #fff; padding:1px 8px; vertical-align:middle; }
.massaction .entry-edit { margin:0 !important; padding:0; }
.massaction .entry-edit fieldset .outer-span,
.massaction .entry-edit fieldset .field-row { display:inline; float:left; }
.massaction .entry-edit .field-row label  { float:none; width:auto; margin-left:13px; }
.massaction .entry-edit .validation-advice  { display:none !important; }
.massaction .entry-edit fieldset select.validation-failed { border:1px dashed #eb340a !important; background:#faebe7 !important }
.massaction .entry-edit fieldset span.field-row { clear:none !important; margin:0; padding:0 5px 0 0; }
.massaction form .row select      { width:auto; }
.massaction .outer-span .input-text   { width:80px; height:20px; margin-right:0; }
/* Pager, default style: */
td.pager  { text-align:left; }
td.pager select   { width:auto !important; margin:0 2px; }
td.pager input.page { width:30px; height:18px; line-height:18px; font-size:12px; margin:0; }
td.pager .arrow   { margin:0 3px; vertical-align:middle; }
/* Pager, style 2: */
div.pager a,
div.pager li,
div.pager .amount,
div.pager .pages  { display:inline-block; }
div.pager .amount { padding-right:20px; }
div.pager a,
div.pager .current  { padding:3px 10px; }
div.pager a:hover,
div.pager .current  { border-radius: 2px; }
div.pager a:hover { background-color:#f60; color:#fff; }
div.pager .current  { color:#FFFFFF; font-weight:bold; background-color:#1388d9; border-color:#071A29; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #70b8ea), color-stop(0, #1388d9)); background-image: -moz-linear-gradient(center bottom, #70b8ea 0%, #1388d9 100%); }

/* Custom */
.customer-view-container fieldset { padding:10px 10px; text-align:left; }
.customer-view-container legend   { display:block; font-weight:bold; font-size:16px; width:100%; height:30px; line-height:30px; border-bottom:1px solid #CCCCCC; color:#999999; }
.customer-view-container .view-content  { padding:0 60px; }
.customer-view-container .item-links li { display:inline; margin-left:50px; }
.customer-view-statistics fieldset    { width:45%; float:left; }
/* Mall Sale Box */
.sale-box {background:#FFF;width:600px;height:280px; position:fixed;_position:absolute;left:50%;margin-left:-300px;top:100px; z-index:100;border:1px solid #CCC}
.sale-box .cancel {text-align:right;padding-right:10px;}
.sale-box .range div.date input {width:138px !important;}
.sale-box .range div.date {min-width:180px;}
.sale-box .range .range-line {float:left; padding-right: 10px;}
.sale-box .message .red {color:#F00; font-weight:bold; text-align:center}
.sale-box .message ul li {float:left; margin-left:10px; line-height:40px}
.sale-box .message input {width:200px; height:20px; border:1px solid #CCC}
.data-table     { width:750px; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; }
.data-table caption { background:url("../images/icon_smiley.jpg") #fff5c4 no-repeat 50px center; padding:0 0 0 145px; border:1px #ffd57b solid; height:100px; line-height:105px; margin:0 0 12px; font-size:16px; font-weight:bold; color:#585441; }
.data-table th    { font-weight:bold; padding:6px; border:1px #ccc solid; border-left:0; border-top:0; background:#f9f9f9;}
.data-table td    { padding:6px; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }
.data-table td select {width:auto;}
.data-table td .input-small-text  {width:60px;}
.data-table td input  {width:90px;}
.adminhtml-system-config-edit .form-list .label { width:250px; }
.info-stat    { margin:3px 10px; }
.info-stat .cell  { padding-right:10px; }
.info-stat .label { padding-right:0px; }
.info-stat-button { float:left; margin-right:10px; }
.game-deal-detail { padding:5px 15px; }
.game-deal-detail .sub-title  { color:#000; }
.game-deal-detail .deal-content { padding:0 15px; }

/* Clears */
.wrapper:after,
.pager:after,
.header:after,
.header-top:after,
.footer:after,
.main-container:after,
.main:after,
.content-header:after,
.content-header-floating:after,
.massaction:after,
.tabs:after,
ul.filter:after,
ul.filter li .range .range-line:after,
.grid tr.filter .range .range-line:after  { display:block; clear:both; content:"."; font-size:0; line-height:0; height:0; overflow:hidden; }

.header-top {
  text-align: left;
  background: #202d3b;
}

.header-top>a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  width: 230px;
  font-size: 20px;
  font-weight: 600;
  line-height: 50px;
  /* border-right: 1px solid #dfdfdf; */
  color: white;
  margin-right: 0;
  background: #243343;
}

  .progress-cart-group {
    overflow: hidden;
    background: #eceff2;
    padding: 10px 0;
    margin-left: -5px;
    margin-right: -5px;
  }
  .progress-cart {
    width: 224px;
    height: 90px;
    overflow: hidden;
    padding: 10px 16px;
    font-size: 14px;
    background: #fefefe;
    color: #999;
  }

  .progress-cart-group .progress-cart {
    float: left;
    margin-right: 24px;
    margin-bottom: 10px;
  }

  .progress-cart-icon {
    float: right;
    font-size: 32px !important;
    margin-top: 5px;
    color: #666;
  }

  .progress-cart-icon.icon-yonghuzu:before {
    font-size: 1.4em;
  }

  .text-orange {
    color: #eb9e3e;
  }

  .progress-cart .progress {
    height: 9px;
    border-radius: 0;
  }

  .progress-cart-value {
    font-size: 20px;
    margin-top: 10px;
    font-weight: 100;
  }

  .progress-cart-title {
    font-size: 12px;
    line-height: 2.4;
  }

  .alert-content {
    font-size: 16px;
  }

.accessed-group {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 10px;
}

.accessed-group-item {
  display: inline-block;
  padding: 4px 16px;
  color: #999;
}
.accessed-group-item a:hover,
.accessed-group-item a {
  color: #999;
}

.accessed-group-item:first-child {
  padding-left: 0;
}

.accessed-group-item.active {
  background: white;
  color: #666;
}
.accessed-group-item.active a:hover,
.accessed-group-item.active a {
  color: #666;
}



.accessed-group-item .close {
  margin-left: 5px;
  font-weight: 200;
  color: inherit;
  font-size: 1em;
  text-shadow: none;
  opacity: 1;
  height: 15px;
  vertical-align: text-top;
}

.bg-white {
  background: white;
}

.statistics {
  margin-bottom: 20px;
}

.statistics h3 {

}

.statistics table {

}

.statistics th,
.statistics td {
      border: 1px solid #ddd;
    padding: 5px 20px;
    background: #fff;
}

.statistics tr:nth-child(even) th,
.statistics tr:nth-child(even) td {
    background: #f9f9f9;
}

.statistics th {

}

.statistics td {

}

.banker,
.banker td,
.banker th {
    color: red !important;
}