/* here you can put your own css to customize and override the theme */
.label, body, h1, h2, h3, h4, h5, h6 { font-family: "Open Sans","microsoft yahei",sans-serif;}
body{ position: relative; overflow-x: hidden; }

#toast-container.toast-top-full-width > div { width: 600px;margin-left: -300px; background-image: none !important; left: 50%;position: absolute;
  top:0;padding: 15px;opacity: 1;border-width: 1px;}
#toast-container .toast-info{ background-color: #e0ebf9; border-color: #e0ebf9; color: #327ad5;}
#toast-container .toast-error{ background-color: #fbe1e3; border-color: #fbe1e3; color: #e73d4a;}
#toast-container .toast-warning{ background-color: #f9e491; border-color: #f9e491; color: #c29d0b;}
#toast-container .toast-success{ background-color: #abe7ed; border-color: #abe7ed; color: #27a4b0;}
#toast-container .toast-title{ font-weight: 700;}

/*login*/

.login .content{ margin-top: 10px;}
.login .content .has-error .form-control{ border-color: #e73d4a;}
.login .content .form-actions { text-align: right;}
.login .content .create-account p  { font-size: 14px; font-weight: 600; color: #c3cedd;margin-top: 5px; text-transform: uppercase;}
.login .control-label { color:#8290a3;}
.login .form-group .help-block { padding-left: 0;}

/*page*/
.page-header.navbar .page-logo .logo-default { height: 30px; margin: 8px 0 0;}
.page-content-white .page-title { border-bottom: 1px solid #e7ecf1; padding-bottom: 5px; line-height: 40px; color: #333;margin: 10px 0;}

/*sidebar*/
.sidebar-toggler-wrapper .sidebar-toggler { margin-bottom: 25px; margin-top: -5px;}
.page-sidebar .page-sidebar-menu > li.nav-item:nth-child(2)>a { border-top:none; }
.sub-menu .nav-link > i { margin-right: 4px;}
.portlet > .portlet-title > .caption > i { margin-top: 2px;}


/*switch*/
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success{ background: #1bbc9b;}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning{ background: #95a5a6;}

/*list table*/
.table-toolbar { margin-bottom: 10px;}
.table-toolbar .list-length { margin-right: 20px;}
.table-toolbar .col-md-6 { width: auto; float: left;}
.table-toolbar .col-md-6:last-child { float: right;}
.list-length label,.search-form label{ margin-bottom: 0;}
.search-form.right { text-align: right;}
.btn.mini { line-height: 13px !important; padding: 4px 10px;}
.btn.green-stripe { border-left-color: #1bbc9b !important;}
.btn.grey-stripe { border-left: 4px solid #95a5a6 !important}
.btn.red-stripe { border-left: 4px solid #e26a6a !important}
.btn.blue-stripe { border-left: 4px solid #578ebe !important}
.btn.yellow-stripe { border-left: 4px solid #f3c200 !important}
.btn.purple-stripe { border-left: 4px solid #8775a7 !important}
.table-checkable tr > td:first-child, .table-checkable tr > th:first-child { padding-left: 8px; text-align: left;max-width: none; padding-right: 8px;}
.table-responsive .table th.sorting,.table-responsive .table th.sorting_desc,.table-responsive .table th.sorting_asc  { padding-right: 15px;}
.table-responsive .table th { white-space: nowrap;}
.cheque-table th:nth-last-child(3) { min-width: 250px;}
.fade.in .btn-danger span { margin-left: 5px;}

/*form layouts*/
.portlet-body.form .required { display: none;}
.tabbable-line .nav-tabs { margin-bottom: 10px;border-bottom: 1px solid #eef1f5;}
.form.form-horizontal { margin-top: 10px;}
.form.form-horizontal .form-body { padding: 0;}
.form-group { margin-bottom: 10px;margin-left: -15px;margin-right: -15px;}
.table-filter.right { text-align: right;}
.label { padding: 1px 5px; font-weight:600;font-size:12px; text-transform: uppercase;}
.label-box { padding-top: 8px;}
.label-box .label { padding: 6px 12px;}
.label-text { color: #333; background: none;font-weight: 400;}
.label-activated { background-color: #1bbc9b;}
.label-deactivated { background-color: #95a5a6;}
.label-deleted  { background-color: #e26a6a;}
.label-all  { background-color: #f1f1f1; color:#333;}
.label-closed { background-color: #32c5d2;}
.label-error,.label-fail { background-color:#E7505A;}
.label-expired { background-color:#2C3E50;}
.label-loss { background-color:#E87E04;}
.label-freezed { background-color:#C49F47;}
.label-blocked { background-color:#555555;}
.label-voided { background-color:#95A5A6;}
.label-drafted { background-color:#95A5A6;}
.label-rejected { background-color:#8E44AD;}
.label-previewed { background-color:#8E44AD;}

.label-listed,.label-refunding,.label-refunded,.label-submitted,.label-processed,.label-pending,.label-approved,.label-freezing,.label-reviewed,.label-charging,.label-blocking { background-color: #F1F1F1;}
.label-listed{ color: #1BB0D3;border-color: #1BB0D3; border-style: dotted; border-width:1px 0;}
.label-refunding{ color: #4B77BE;border-color: #4B77BE; border-style: dotted; border-width:1px 0;}
.label-refunded{ color: #2AB4CF;border-color: #2AB4CF; border-style: dotted; border-width:1px 0;}
.label-submitted { color:#D29F47;border-color:#D29F47; border-style: dotted; border-width:1px 0;}
.label-processed { color:#3598DC; border-color:#3598DC; border-style: dotted; border-width:1px 0;}
.label-pending { color:#F2784B;border-color:#F2784B; border-style: dotted; border-width:1px 0;}
.label-approved { color:#26C281; border-color:#26C281; border-style: dotted; border-width:1px 0;}
.label-freezing { color:#E87E04;border-color:#E87E04; border-style: dotted; border-width:1px 0;}
.label-reviewed { color:#8E44AD; border-color:#8E44AD; border-style: dotted; border-width:1px 0;}
.label-charging { color:#8E44C3;border-color:#8E44C3; border-style: dotted; border-width:1px 0;}
.label-blocking { color:#555555; border-color:#555555; border-style: dotted; border-width:1px 0;}

.form-group .help-block { padding-left: 12px;font-size: 13px;}
.form-group p.help-block { color: #999 !important;}
.form-group select { padding-left: 8px;}
.form-group select option { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.label-box .help-block { color: #e73d4a;}
.form-group .label-box { padding-top: 0;}
.form-group .label-box .label { line-height: 35px; font-size: 14px; font-weight: 400;}
.form-group .label-box .fileinput { padding-top: 5px;}


/*bootbox*/
.bootbox .btn.green-meadow .fa:before{content: "\f00c";}
.bootbox .btn.default .fa:before{content: "\f00d";}
.bootbox .modal-dialog .modal-title { font-size: 25px; line-height: 30px;font-weight: 300;}
.bootbox .modal-dialog .modal-body { padding:15px 15px 35px;}
.bootbox .modal-dialog .modal-footer { background: #f5f5f5;border-top: none;}

.text-warning { color: #F1C40F;}
/*paginate*/
.paginate { margin: 0; text-align: right; white-space: nowrap;}
.pagination { margin: 0; }
.pagination li { display: inline-block;*display: inline; *zoom: 1;}
.pagination li a{ padding: 4px 12px;line-height: 20px; font-size:13px; color:#0d638f;}
.pagination .disabled a,.pagination .disabled a:hover,.pagination .active a,.pagination .active a:hover{ background: #f5f5f5;color: #999; border-color:#ddd;}
.table_info { line-height: 34px; height: 34px; font-size:13px;}

/*customer*/
.customer-pd { display: none;}
#pdf-view .modal-body {min-height:600px; text-align: center;}
#pdf-view .modal-body img {max-width: 100%;}


/*table*/
.center { text-align: center;}
.dataTable tr td:last-child { padding-bottom: 5px;}
.dataTable tr td:last-child .btn { margin-bottom: 3px;}
.table-responsive .table { margin-bottom: 6px;}
table .btn-icon-only { width: 22px; height: 22px;}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: solid 1px #e1e5ec;}
.table>thead>tr>th, .table>tbody>tr>td { vertical-align: middle;}
.table thead tr th { background: #e9edef;}
.table thead tr th small { font-size: 13px; font-weight: normal;}
.table td { font-size: 13px;}
.table .btn { font-size: 13px; }
.form-group .fade.in .btn.btn-warning.cancel { display: block;}
.form .form-section, .portlet-form .form-section { margin: 15px 0;}
.form .form-section:first-child, .portlet-form .form-section:first-child { margin-top: 0;}
.form .refund_info .form-section { margin: 15px 0;}

.modal .modal-header { position: relative; min-height: 60px;}
.modal .modal-header .modal-close { position: absolute; top: 10px; right: 15px;}
.modal .modal-dialog { width: auto; margin: 0;}

.dashboard-stat .visual>i { opacity: 0.2 !important; filter: alpha(opacity=20)!important;}
.dashboard-stat .details { max-width: 72%;}
.dashboard-stat .details .desc { font-size: 15px;}
.portlet.box.green { border: solid 1px #acb5c3; margin-bottom: 20px;}
.portlet.box.green>.portlet-title, .portlet.green, .portlet>.portlet-body.green { background-color: #bfcad1;}
.portlet.box.green.opened { border: 1px solid #5cd1db;}
.portlet.box.green.opened>.portlet-title, .portlet.opened.green, .portlet.opened>.portlet-body.green { background-color: #32c5d2;}
.portlet .portlet-title { cursor: pointer;}
.portlet.box.green .checkbox-list label { margin-left: 0;padding-left: 0;padding-right: 15px;}
.portlet.box.green .checkbox-list div.checker, div.radio { margin-left: -2px;}

/*footer note*/
.icons-tips { border-top: 1px solid #ddd; margin-top: 18px; overflow: hidden; padding: 10px 0;}
.icons-tips>div { float: left; margin-right: 25px;}
.icons-tips>div span{ color: #999;font-size: 13px;}
.fa.default{color:#e1e5ec;}
.fa.yellow{color:#f3c200;}
.fa.purple{color:#8775a7;}
.icons-tips i{font-size: 13px;}

/*cheque*/
.pdf-box { float: left;border:3px solid #808080;padding: 10px 10px; margin-right: 10px;min-height: 105px;min-width: 126px;text-align: center;line-height: 75px;}
.pdf-box img{max-width: 100px;max-height: 79px;}
.fileinput.btn-box { width: 60px;height: 106px; /*display: table-cell;vertical-align: middle;*/}
.fileinput.btn-box a { margin-bottom: 5px;}
.fileinput.btn-box a:last-child { margin-bottom: 0;}
.barcode-text { width: 290px; display: block; text-align: center;font-size: 22px; color:#000;}
#receipt_table th:nth-child(7){ width: 8%;}
#statement .modal-title { width: 85%;}

/*dual table*/
.dual-table > .table-bordered > tbody > tr > td { font-size:13px; font-weight: 600;}
.dual-table .table-bordered td .table > thead > tr > th { background-color: #eef1f5;color: #555;font-size: 12px;font-weight: 600;}
.dual-table .table-bordered td .table > tbody > tr > td { color: #555;font-size: 12px;font-weight: 400;}
/*.dual-table .table-bordered.tab-list td  { font-weight: 400;}*/
.table thead th.sorting,.table thead th.sorting_desc,.table thead th.sorting_asc{ background-color: #e9edef;}
.table thead th.sorting{background-image: url("../img/sort_both.png");}
.dual-table .table-bordered td .table > tbody > tr.good-void > td,tr.good-void td{ color:#ccc;}
/* sticky bar */
.has-sticky-bar { padding-bottom: 105px !important;}
.sticky-bar { position: fixed; bottom: 0; right: 0; left: 235px; z-index: 999;}
.page-sidebar-closed .sticky-bar { left: 45px;}
.form-actions .form-group { margin-bottom:0;}

/* Statements */
.statements-list li { padding: 15px 15px; border-top: solid 1px #eef1f5;}
.statements-list li:first-child { padding-top: 0; border-top: 0 none;}
.statements-list li p { margin: 10px 0;}

.portlet-title .actions .daterange { padding-top: 5px; margin-left: 15px;}

.table-responsive tr.subitems { display: none;}
/*date-picker*/
.date-choose.date-picker { display: block;position: relative;}
.date-choose.date-picker .input-group-btn {display :block; text-align: right;width: 100%;position: absolute;right: 0;}
.date-choose.date-picker .input-group-btn > .btn{z-index: 10 ;}

/*fileinput*/
.fileinput > div { float: left; margin-right: 15px;}
.fileinput .btn-box  { max-width: 150px;}
.fileinput .btn-box .btn { min-width: 80px;margin-bottom: 10px;}
.upload .btn-file > input[type="file"]{height: 22px;top:-1px;width: auto;padding-right: 90px;}
.finance-file .upload .btn-file > input[type="file"] { height: auto;top: 0; padding-right: 0; width: 100%;cursor: pointer;}
.finance-file .btn { cursor: pointer;}

/*datepicker*/
/*.dropdown-menu { margin: 20px 0 0;}*/
.datepicker-dropdown::before { top: -7px;left: 6px;}
.datepicker-dropdown::after{ top: -6px;left: 7px;}
.date-picker .date-btn { background-color: #e5e5e5;  border: 1px solid #e5e5e5;  display: inline-block;  font-size: 14px;  font-weight: normal;  height: 32px;  line-height: 24px;  min-width: 16px;  padding: 4px 7px;  position: absolute;  right: 43px;  text-align: center;  text-shadow: 0 1px 0 #ffffff;  top: 1px;  width: auto;  z-index: 9;cursor: pointer;}
.date-picker .add-on { right:14px;}
/*error*/
.page-404 .number { top:5px;}
.daterangepicker.dropdown-menu { box-shadow: none;}
.page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected { border-bottom: 9px solid transparent; border-right: 9px solid #fff; border-top: 9px solid transparent; top: 11px;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu li > a > .arrow::before{ display: none!important;}
.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a { padding: 10px 15px 10px 11px;}
.page-sidebar .sidebar-toggler { margin-right: 8px;}
.page-sidebar-closed .sub-menu { display: none!important;  }
.page-sidebar-menu.page-sidebar-menu-closed li:hover,.page-sidebar-menu.page-sidebar-menu-closed li:hover .sub-menu { box-shadow: none;}
.page-sidebar .page-sidebar-menu>li>a { position: relative;}
.page-sidebar-closed ul.page-sidebar-menu > li { position: relative;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu .sub-menu li>a { padding-left: 15px;}
.page-sidebar-closed ul.page-sidebar-menu > li > a > .title { display: none; position: absolute; left: 45px; top:0; z-index: 100; width: 190px; color: #fff; background: #2c3542; line-height: 40px; }
.page-sidebar-closed ul.page-sidebar-menu > li:hover > a >.title{ display: block!important;}
.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {  display: block !important;}
.page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu { margin: 0; position: absolute; left: 46px; top: 40px; width: 189px; z-index: 100; background: #364150;  }
.page-sidebar-closed ul.page-sidebar-menu > li.active > a > .title { background: #36c6d3;}
.page-sidebar-closed ul.page-sidebar-menu > li:hover .selected { display: none;}
.daterangepicker .ranges { display: none;}
.closed_charges_daterange,.active_sales_daterange { position: relative; top: 5px; }
.active_sales_tabs,.closed_charges_tabs { padding-right: 15px;}
.portlet.light.bordered .portlet-title { cursor: default;}
.fa-calendar {cursor: pointer; }
.tickLabel { -ms-transform: rotate(-60deg);}

.bootbox-close-button.close { display: none;}
.pass-btn  { padding: 6px 10px; border: 1px solid #ccc;}
.pass-btn i {color: #555;}


#tree-access .fa-cubes,#tree-access .fa-cube { color:#3598dc;}
#tree-access .fa-file,#tree-access .fa-gear{ color:#32c5d2;}

.ql-editor.ql-blank::before{display: none;}
.ql-editor{height: 200px;}

.overlayer { background: #000;position: absolute;top: 0;left: 0;overflow: hidden;display: none;opacity:0.5;z-index: 10000;
}
.overlayer.overlayer-fixed { position: fixed;bottom: 0;right: 0;}
.trumbowyg-box{margin: 0;}
.form-group .fade.in{display: inline-block;position: relative;}
.form-group .fade .btn{display: none;}
.form-group .fade td a,.form-group .fade td {cursor: move;}
.form-group .fade td a img{max-height: 240px;}
.form-group .fade td input[type=checkbox]{position: absolute; left: 15px; top: 15px;margin-top: 0;width: 25px;height: 25px;}
.form-group .fade td input[type=checkbox]:hover{    cursor: pointer;}
.trumbowyg-button-pane .trumbowyg-buttons-right{display: none;}
.select2-container--bootstrap .select2-results__option[aria-selected=true]{
  display: none;
}
.fileupload-buttonbar .radio.checked{display: inline-block;}

.footer-bottom{
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-left: -15px;
}
.group-top{padding-bottom: 65px;}

.select2-bottom{
  margin-bottom: 10px;
}
.select2-bottom .control-label.col-md-3 {
  padding-top: 7px;
  text-align: right;
  padding-left: 10px;
  padding-right: 0;
}
/*.common_popup_child .pace.pace-active{display: none;}*/
.common_popup_child .pace .pace-activity{top:0;}
.common_popup_child .pace .pace-progress{top:0;}
.select-ico .select2-container--bootstrap{overflow: hidden;}
.show-ico{float: right;    height: 34px; width: 34px;position: relative;background-color: #eef1f5;margin-left: 5px;}
.show-ico i{ position: absolute; top: 50%;  left: 50%;  margin-top: -7px;  margin-left: -7px;}
.common_popup .modal-body iframe { border: 0;}
.common_popup .modal-body {padding-top: 0;}
.page-header-fixed.common_popup_child .page-container{margin-top: 0;}
.common_popup_child .page-content-wrapper .page-content{ margin-left: 0 !important;}
.fileinput .thumbnail > img {max-width:200px;}

.wangclear{ position: absolute; bottom: 0; left: -113px;}

.form-group:before{ content: " ";display: table;}
.form-group:after{ content: " ";display: block;clear: both;}
.checkbox-inline, .radio-inline{    padding-top: 7px;}
.radio-list{margin-bottom: 10px;}
/*20180705*/
.common-box-top{ top: 5% !important;    margin-top: 0 !important;}
.page-content-top{padding-bottom: 80px !important; min-height:auto !important;}
.page-content-top.page-content-date{padding-bottom: 180px !important;}
.table-bordered .col-6{width: 50%;}
.table-bordered .col-3{width: 25%;}
.submit_button{        position: fixed;
  bottom: 0;
  left: 0;
  background-color: #f5f5f5;
  width: 100%;
  padding: 20px;}
.preview-img-h {display: none !important;}
.fileupload-add .table-striped td{max-width: 50%;}
.form-group .fileupload-add .fade td a img {max-height: 140px;}
.form-group img{max-height: 140px;}
.form-group  .template-download.fade td:nth-child(2){padding: 0;}
.has-error .help-small,.has-error .length_left{ color: #e73d4a; }
.has-error-l .form-control{border-color: #e73d4a;}
.has-error-l .control-label{color: #e73d4a;}
.has-error #explain_en,.has-error #explain_cn{color:#e73d4a;}
.col-lg-5.fileupload-progress.fade{display: block;}
.template-download.fade{display: inline-block;}
.help-small,.length_left,.norm-img{ color: #999;  margin-top: 6px;  line-height: 15px;  font-size: 12px; }
.norm-img{ margin-left: 10px;}
/*20180705end*/

/*201807011*/
textarea{resize:none}
.label-box .fileinput .thumbnail{background-color: #333; padding: 0;}
.label-box .fileinput.fileinput-new{width: 100%;}
.list-length.inline-block form{margin-bottom: 0;}
.list-length.inline-block form label .input-xsmall{margin-bottom: 0;}
/*201807011end*/

/*20180807*/
.select2-container--bootstrap .select2-results__group{ font-weight: bold;font-size: 14px;padding: 6px;}
/*20180807end*/

.select2-move .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{ cursor: move; }

.select2-initialize{display: none !important;}

input[type=number] {
  -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button:not(copy-input),
input[type=number]::-webkit-outer-spin-button:not(copy-input) {
  -webkit-appearance: none;
  margin: 0;
}

.copyBox-text{ padding-right: 1px; margin-top: 8px;}

@media (max-width: 979px){
  .modal-footer, .modal-overflow .modal-footer.footer-bottom {
    position: absolute;
  }
  .fileupload-progress.fade{
    display: none;
  }
}

@media (min-width: 992px) {
  .col-md-12 .control-label.col-md-3 { width: 12.5%;text-align: right; margin-bottom: 0;  padding-top: 7px;}
  .common-box .control-label.col-md-3 { padding-left: 0; padding-right: 0; text-align: right;}
  .common-box.modal .modal-header{ padding: 15px 10px;}
  .col-md-12 .col-md-9 { width: 87.5%;}
  .col-md-6 .control-label.col-md-3 { width: 25%;}
  .col-md-6 .col-md-9 { width: 75%;}
}
@media (max-width: 1024px){
  .form-group .fade.in{display: inline-block;}
}
@media (max-width: 991px){
  .page-sidebar-closed .sticky-bar,.sticky-bar { left: 0;}
  .form-actions .control-label { display: none;}
  .form .form-actions, .portlet-form .form-actions { padding-bottom: 15px;}
  .form .form-actions .btn { margin-bottom: 5px;}
  .page-sidebar-closed ul.page-sidebar-menu > li > a > .title { display: block; background: transparent;}
  .form-group .fade.in{width: 50%;display: inline-block;}
}
@media (max-width: 767px){
  .form .form-actions { padding-left: 10px;padding-right: 10px;}
  .table-toolbar .col-md-6 {float: none;}
}