@charset "UTF-8";
.msb-card-icon .msb {
  font-size: 2.5em;
}

@media only screen and (max-width: 767px) {
  .msb-card-icon .msb {
    font-size: 1.5em;
  }
}

.msb-card-icon .msb-card-blue {
  color: #005ac5;
}

.msb-card-icon .msb-card-green {
  color: #008d00;
}

.msb-card-icon .msb-card-red {
  color: #e71e24;
}

.msb-card-icon .msb-card-yellow {
  color: #f8a100;
}

.msb-card-action .msb {
  line-height: 30px !important;
  text-align: center !important;
  color: #999999;
  font-size: 1.21429em;
}

.msb-card-action .msb:hover {
  color: #e61e23 !important;
}

.msb-card-action .msb.white {
  color: #fff;
  font-size: 1.21429em;
}

.msb-card-action .msb.white:hover {
  color: #e4ff00 !important;
}

.msb {
  width: 30px;
  display: inline-block;
  text-align: center;
  color: #999;
}

.msb.white {
  color: #fff;
  font-size: 1.21429em;
}

.msb.white:hover {
  color: #e4ff00 !important;
}

@media only screen and (max-width: 767px) {
  .msb {
    width: 20px;
  }
}

a:hover {
  color: #e61e23 !important;
}

a strong:hover {
  color: #e61e23 !important;
}

.msb-list-action i:hover {
  color: #d2151b;
}

.title-name-procvice {
  width: 75% !important;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333333;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  line-height: 22px;
  overflow-x: hidden;
}

@media only screen and (max-width: 1025px) {
  body {
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
}

body#id_iframe {
  overflow: hidden;
}

body.main-page {
  padding-top: 80px;
}

body.bg-gray {
  background: #efefef;
}

body:before {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(53, 55, 59, 0.8);
  z-index: -1;
  opacity: 0;
}

@media only screen and (max-width: 1020px) {
  body:before {
    display: none;
  }
}

body.msb-submenu-hover:before {
  opacity: 1;
  z-index: 101;
}

body.loading {
  overflow: hidden;
}

body.loading #before-load {
  content: "";
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0px;
  line-height: 900px;
  left: 0px;
  text-align: center;
  color: #fff;
  font-size: 2.5em;
  background: rgba(53, 55, 59, 0.9);
  z-index: 101;
}

@media only screen and (max-width: 1025px) {
  .container {
    width: 940px;
  }
}

@media only screen and (max-width: 1020px) {
  .container {
    width: 720px;
  }
}

@media only screen and (max-width: 767px) {
  .container {
    width: 100% !important;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 320px) {
  .container {
    padding: 0 10px;
  }
}

.clearfix {
  width: 100%;
  height: 1px;
  clear: both;
}

.text-white {
  color: #fff;
}

.text-active {
  color: #e61e23;
}

.msb-title-box {
  color: #000;
  font-size: 1.28571em;
  font-weight: bold;
  margin-bottom: 10px;
}

small {
  font-size: 0.85714em;
  color: rgba(99, 100, 105, 0.5);
}

.text-sub {
  color: #999999;
}

.normal-text {
  font-weight: normal !important;
}

@font-face {
  font-family: 'MaritimeBank-Icon';
  src: url("../fonts/MaritimeBank-Icon.eot?5zt0ed");
  src: url("../fonts/MaritimeBank-Icon.eot?5zt0ed#iefix") format("embedded-opentype"), url("../fonts/MaritimeBank-Icon.ttf?5zt0ed") format("truetype"), url("../fonts/MaritimeBank-Icon.woff?5zt0ed") format("woff"), url("../fonts/MaritimeBank-Icon.svg?5zt0ed#MaritimeBank-Icon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.msb, .fa-ellipsis-v {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'MaritimeBank-Icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.msb-ATM:before {
  content: "";
}

.msb-BaoMat:before {
  content: "";
}

.msb-CaiDat:before {
  content: "";
}

.msb-CallCenter:before {
  content: "";
}

.msb-Check:before {
  content: "";
}

.msb-ChuyenChungKhoan:before {
  content: "";
}

.msb-ChuyenLNH:before {
  content: "";
}

.msb-ChuyenTheoLo:before {
  content: "";
}

.msb-ChuyenTien:before, .msb-transfer:before {
  content: "";
}

.msb-ChuyenTienThe:before {
  content: "";
}

.msb-ChuyenTienTT:before {
  content: "";
}

.msb-CoDinh:before, .msb-codinh:before, .msb-groupservice-1:before {
  content: "";
}

.msb-DatLich:before {
  content: "";
}

.msb-DiaDiem:before {
  content: "";
}

.msb-DichVuSanPhamTaiChinh:before {
  content: "";
}

.msb-DKDichvumobile:before {
  content: "";
}

.msb-DoanhNghiep:before {
  content: "";
}

.msb-DoiMatKhau:before {
  content: "";
}

.msb-Download:before {
  content: "";
}

.msb-ellipsis:before, .fa-ellipsis-v:before {
  content: "";
}

.msb-GiaoDichLoi:before {
  content: "";
}

.msb-GiaodichThanhCong:before {
  content: "";
}

.msb-grid:before {
  content: "";
}

.msb-Guimail:before {
  content: "";
}

.msb-GuiTietKiem:before {
  content: "";
}

.msb-Help:before {
  content: "";
}

.msb-HoaDonBaoHiem:before {
  content: "";
}

.msb-HoaDonDien:before {
  content: "";
}

.msb-HoaDonNuoc:before {
  content: "";
}

.msb-HoaDonTauXe:before {
  content: "";
}

.msb-HoaDonTieuDung:before {
  content: "";
}

.msb-HoaDonVienThong:before {
  content: "";
}

.msb-Home:before {
  content: "";
}

.msb-In:before {
  content: "";
}

.msb-InSaoKe:before {
  content: "";
}

.msb-Internet:before, .msb-wifi:before, .msb-groupservice-2:before {
  content: "";
}

.msb-Khac:before, .msb-other:before, .msb-groupservice-5:before {
  content: "";
}

.msb-Lich:before {
  content: "";
}

.msb-list:before {
  content: "";
}

.msb-Logout:before {
  content: "";
}

.msb-MatKhau:before {
  content: "";
}

.msb-Mobile:before, .msb-ticket:before, .msb-groupservice-0:before {
  content: "";
}

.msb-MoSoTietKiem:before {
  content: "";
}

.msb-MoTaiKhoanThe:before {
  content: "";
}

.msb-NapTien:before {
  content: "";
}

.msb-NapTien1:before {
  content: "";
}

.msb-NganHang:before {
  content: "";
}

.msb-Profile:before {
  content: "";
}

.msb-QuanLyDanhSachThu:before {
  content: "";
}

.msb-QuanLyLenhThanhToan:before, .msb-payment:before {
  content: "";
}

.msb-QuayLai:before {
  content: "";
}

.msb-Sua:before, .msb-edit:before {
  content: "";
}

.msb-TaiKhoan:before, .msb-card-red:before {
  content: "";
}

.msb-TaiKhoanThe:before, .msb-card-yellow:before {
  content: "";
}

.msb-TaiKhoanTienMat:before {
  content: "";
}

.msb-TaiKhoanTietKiem:before, .msb-card-green:before {
  content: "";
}

.msb-TaiKhoanVay:before, .msb-card-blue:before {
  content: "";
}

.msb-TatToan:before {
  content: "";
}

.msb-Tauxe:before, .msb-tickets:before, .msb-groupservice-4:before {
  content: "";
}

.msb-ThanhtoanHoaDon:before {
  content: "";
}

.msb-ThanhtoanKhoanVay:before {
  content: "";
}

.msb-Thanhtoanthe:before {
  content: "";
}

.msb-Thanhtoantuonglai:before {
  content: "";
}

.msb-ThongBao:before {
  content: "";
}

.msb-ThongtinDoanhnghiep:before {
  content: "";
}

.msb-Thongtintuonglai:before {
  content: "";
}

.msb-Tieu_dung:before, .msb-pay:before, .msb-groupservice-3:before {
  content: "";
}

.msb-TruyVan:before {
  content: "";
}

.msb-User:before {
  content: "";
}

.msb-View:before {
  content: "";
}

.msb-X:before {
  content: "";
}

.msb-Xoa:before {
  content: "";
}

@media only screen and (max-width: 767px) {
  .ms-fullscreen-template {
    display: none;
  }
}

.ms-fullscreen-template img {
  position: absolute;
  min-width: 100vw;
  height: auto;
  min-height: 100vh;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 1025px) {
  a {
    color: #fff;
  }
}

.msb-button-checkacc, .msb-form-row input[type="text"], .msb-form-row .sbHolder {
  height: 45px;
}

.msb-bank-account.boxed-layout, .list-invoice li.active-row:before, .msb-widget .msb-widget-content, .msb-big-table, .msb-help-icon .msb-box-tips, .acc-group-preview .msb-account-item.active-acc:after, .box-user-ads, #list-service.opacity .service-item .item-detail, .box-widget-calendar, .sbOptions, .autocomplete-suggestions {
  border: 1px solid rgba(42, 41, 43, 0.16);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
  padding-bottom: 0px;
}

@media only screen and (max-width: 1025px) {
  .msb-bank-account.boxed-layout, .list-invoice li.active-row:before, .msb-widget .msb-widget-content, .msb-big-table, .msb-help-icon .msb-box-tips, .acc-group-preview .msb-account-item.active-acc:after, .box-user-ads, #list-service.opacity .service-item .item-detail, .box-widget-calendar, .sbOptions, .autocomplete-suggestions {
    padding: 10px;
  }
}

.msb-big-table.msb-step-table {
  padding: 0px;
}

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

.padding-top li:last-child {
  border-bottom: none;
}

.padding-top li:last-child .invoice-content:after {
  border-bottom: none;
}

.msb-main-navigation > .menu-item .msb-submenu {
  box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.24);
}

.msb-button, .introjs-button {
  box-shadow: 0px -2px 1px 0px rgba(0, 0, 0, 0.14) inset;
}

.msb-gray-gradient:after {
  background: black;
  background: -moz-linear-gradient(top, black 0%, black 0%, rgba(0, 0, 0, 0.28) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, black), color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.28)));
  background: -webkit-linear-gradient(top, black 0%, black 0%, rgba(0, 0, 0, 0.28) 100%);
  background: -o-linear-gradient(top, black 0%, black 0%, rgba(0, 0, 0, 0.28) 100%);
  background: -ms-linear-gradient(top, black 0%, black 0%, rgba(0, 0, 0, 0.28) 100%);
  background: linear-gradient(to bottom, black 0%, black 0%, rgba(0, 0, 0, 0.28) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.msb-sub-nav {
  background: rgba(29, 29, 29, 0.28);
  background: -moz-linear-gradient(top, rgba(29, 29, 29, 0.28) 0%, #1d1d1d 0%, #4a4b50 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(29, 29, 29, 0.28)), color-stop(0%, #1d1d1d), color-stop(100%, #4a4b50));
  background: -webkit-linear-gradient(top, rgba(29, 29, 29, 0.28) 0%, #1d1d1d 0%, #4a4b50 100%);
  background: -o-linear-gradient(top, rgba(29, 29, 29, 0.28) 0%, #1d1d1d 0%, #4a4b50 100%);
  background: -ms-linear-gradient(top, rgba(29, 29, 29, 0.28) 0%, #1d1d1d 0%, #4a4b50 100%);
  background: linear-gradient(to bottom, rgba(29, 29, 29, 0.28) 0%, #1d1d1d 0%, #4a4b50 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1d', endColorstr='#4a4b50', GradientType=0 );
}

.list-invoice li .time-action.sort-down:before, .msb-main-navigation > .menu-item.has-submenu > a:after, .msb-main-navigation > .menu-item .msb-submenu .menu-item a:before, .msb-userprofile .user-avatar:after, .msb-piechart-wrapper .cart-info-view .blance-account li:before {
  font-family: FontAwesome;
}

.msb-texarea, .txt-field, .msb-form-row .sbHolder {
  border: 1px solid #d3d3d3;
  box-shadow: 0px 6px 4px 0px rgba(0, 0, 0, 0.04) inset !important;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.msb-texarea::-webkit-input-placeholder, .txt-field::-webkit-input-placeholder, .msb-form-row .sbHolder::-webkit-input-placeholder {
  font-size: 0.85714em;
}

.msb-texarea::-moz-placeholder, .txt-field::-moz-placeholder, .msb-form-row .sbHolder::-moz-placeholder {
  font-size: 0.85714em;
}

.msb-texarea:-moz-placeholder, .txt-field:-moz-placeholder, .msb-form-row .sbHolder:-moz-placeholder {
  font-size: 0.85714em;
}

.msb-texarea:-ms-input-placeholder, .txt-field:-ms-input-placeholder, .msb-form-row .sbHolder:-ms-input-placeholder {
  font-size: 0.85714em;
}

.txt-user.msb-texarea, .txt-user.txt-field, .msb-form-row .txt-user.sbHolder {
  padding-left: 30px;
  background: url(../images/user-icon.png) no-repeat;
  background-position: 8px 10px;
}

.txt-password.msb-texarea, .txt-password.txt-field, .msb-form-row .txt-password.sbHolder {
  padding-left: 30px;
  background: url(../images/key-icon.png) no-repeat;
  background-position: 12px 10px;
}

.msb-texarea:hover, .txt-field:hover, .msb-form-row .sbHolder:hover, .msb-texarea:focus, .txt-field:focus, .msb-form-row .sbHolder:focus {
  border-color: rgba(102, 102, 102, 0.4);
}

.msb-bank-account .msb-acc-bank .msb-acc-name {
  color: #000000;
}

.list-invoice li .money-payment.add {
  color: #468c08;
}

.bg-red {
  background-color: #e61d24 !important;
  color: #fff !important;
  display: inline-block;
}

.red {
  color: #e61e23;
}

.msb-bank-account {
  float: left;
  width: 100%;
  height: auto;
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.msb-bank-account.editing .msb-acc-bank .msb-acc-name {
  display: none;
}

.msb-bank-account.editing .msb-acc-bank .edit-alias-form {
  display: block;
}

.msb-bank-account .msb-card-icon {
  float: left;
  width: 9.466%;
  text-align: center;
}

.msb-bank-account .msb-card-icon img {
  display: inline-block;
  vertical-align: center;
  margin-top: 8px;
}

.msb-bank-account .msb-acc-bank {
  width: 32.766%;
  float: left;
}

@media only screen and (max-width: 767px) {
  .msb-bank-account .msb-acc-bank {
    width: 55%;
    padding-left: 10px;
  }
}

.msb-bank-account .msb-acc-bank .msb-acc-name {
  float: left;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  height: 22px;
  overflow: hidden;
}

.msb-bank-account .msb-acc-bank .msb-bank-nummber {
  float: left;
  width: 100%;
  color: #666;
}

@media only screen and (max-width: 767px) {
  .msb-bank-account .msb-acc-bank .msb-bank-nummber {
    display: none;
  }
}

.msb-bank-account .msb-acc-bank .edit-alias-form {
  display: none;
}

.msb-bank-account .msb-acc-bank .edit-alias-form input {
  min-width: 45px;
}

.msb-bank-account .msb-balance {
  float: left;
  width: 19.417%;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .msb-bank-account .msb-balance {
    width: 35%;
  }
}

.msb-bank-account .msb-balance .text-blance {
  display: none;
}

.msb-bank-account .msb-balance .currency {
  font-size: 0.71429em;
  color: #808080;
}

@media only screen and (max-width: 767px) {
  .msb-bank-account .msb-balance .currency {
    width: 100%;
    text-align: right;
    float: right;
    line-height: 9px;
  }
}

.msb-bank-account .msb-balance strong span {
  font-weight: normal;
  color: #808080;
}

.msb-bank-account .msb-card-action {
  float: right;
  width: 25%;
  height: auto;
}

.msb-bank-account .msb-card-action ul {
  float: left;
  width: 100%;
  list-style: none;
  padding-left: 0px;
  opacity: 0;
}

.msb-bank-account .msb-card-action ul li {
  float: left;
  width: 33.33%;
  text-align: center;
}

.msb-bank-account.boxed-layout {
  background: #e3e3e3;
  min-height: 110px;
  position: relative;
  border-radius: 6px;
  cursor: pointer;
  box-sizing: border-box;
  border-left: transparent;
  overflow: hidden;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 1020px) {
  .msb-bank-account.boxed-layout {
    min-height: 95px;
  }
}

.msb-bank-account.boxed-layout:before {
  content: "";
  width: 4px;
  background: #e71e24;
  position: absolute;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 9;
}

.msb-bank-account.boxed-layout.box-green:before {
  background: #468c08;
}

.msb-bank-account.boxed-layout.box-yellow:before {
  background: #e3a010;
}

.msb-bank-account.boxed-layout.box-blue:before {
  background: #285ac0;
}

.msb-bank-account.boxed-layout .msb-card-icon {
  display: none;
}

.msb-bank-account.boxed-layout .msb-acc-bank {
  width: 100%;
  float: left;
}

.msb-bank-account.boxed-layout .msb-acc-bank .msb-acc-name {
  font-size: 1.14286em;
}

.msb-bank-account.boxed-layout .msb-acc-bank .msb-bank-nummber {
  font-size: 0.85714em;
  color: #a5a5a5;
}

.msb-bank-account.boxed-layout .msb-balance {
  float: left;
  width: 100%;
  text-align: left;
}

.msb-bank-account.boxed-layout .msb-balance .text-blance {
  display: inline-block;
  color: #999999;
}

.msb-bank-account.boxed-layout .msb-balance .currency {
  font-size: 1em;
  font-weight: normal;
  color: #010101;
}

.msb-bank-account.boxed-layout .msb-balance strong {
  display: inline-block;
  font-weight: normal;
  color: #000;
}

.msb-bank-account.boxed-layout .msb-balance strong span {
  font-weight: normal;
  color: #808080;
}

.msb-bank-account.boxed-layout .msb-card-action {
  float: right;
  width: 70%;
  height: 80px !important;
  height: auto;
  position: absolute;
  right: -130px;
  top: 10px;
  background: #fff;
  z-index: 9;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  background: transparent;
  box-sizing: border-box;
  padding: 20px 30px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto !important;
}

.msb-bank-account.boxed-layout .msb-card-action .fa {
  position: absolute;
  top: -5px;
  left: 20px;
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  line-height: 30px;
  text-align: center;
  z-index: 10;
  color: rgba(0, 0, 0, 0.5);
}

.msb-bank-account.boxed-layout .msb-card-action ul {
  opacity: 1;
  float: left;
  width: 80%;
  list-style: none;
  opacity: 0;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.msb-bank-account.boxed-layout .msb-card-action ul li {
  float: left;
  width: 33.33%;
  line-height: 80px;
  text-align: center;
}

.msb-bank-account.boxed-layout .msb-card-action ul li a {
  display: block;
  height: 80px;
}

.msb-bank-account.boxed-layout .msb-card-action ul li a img {
  width: 40%;
}

.msb-bank-account.boxed-layout:hover {
  box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.15);
}

.msb-bank-account.boxed-layout .msb:hover {
  color: #e4ff00 !important;
}

.msb-acc-detail-balance {
  display: block;
}

.main-item-acc.swiper-slide-active .msb-bank-account * {
  color: #fff !important;
}

.main-item-acc.swiper-slide-active .msb-bank-account .msb-balance strong {
  color: #fff;
}

.main-item-acc.swiper-slide-active .msb-bank-account .msb-balance strong span {
  color: #fff;
}

.main-item-acc.swiper-slide-active .msb-bank-account.box-red {
  background: #e71e24;
}

.main-item-acc.swiper-slide-active .msb-bank-account.box-green {
  background: #468c08;
}

.main-item-acc.swiper-slide-active .msb-bank-account.box-yellow {
  background: #e3a010;
}

.main-item-acc.swiper-slide-active .msb-bank-account.box-blue {
  background: #285ac0;
}

@media only screen and (max-width: 767px) {
  .main-item-acc.swiper-slide-active .msb-bank-account {
    min-height: 56px !important;
    height: 56px !important;
  }
}

#solan-chuyen {
  display: none;
}

#solan-chuyen span {
  margin: 10px;
  float: left;
}

#solan-chuyen .txt-number-transfer {
  margin-top: 0;
}

.acc-detail-list {
  position: relative;
  min-height: 380px;
}

@media only screen and (max-width: 1020px) {
  .acc-detail-list {
    min-height: 362px;
  }
}

.acc-detail-list:before {
  opacity: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.acc-detail-list.loading:before {
  opacity: 1;
  content: "";
  width: 160px;
  height: 160px;
  background: url(../images/loader.gif) no-repeat center center;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
}

.acc-detail-list .container {
  min-height: 300px;
  position: relative;
  margin-top: 80px;
}

@media only screen and (max-width: 1020px) {
  .acc-detail-list .container {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .acc-detail-list .container {
    margin-top: 30px;
  }
}

.content-detail-account {
  position: absolute;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .content-detail-account {
    width: 100% !important;
    position: static;
  }
}

.content-detail-account.active {
  opacity: 1;
  z-index: 1;
}

.list-invoice .msb-account-item {
  padding: 17px 0;
}

.list-invoice .msb-account-item .msb-card-action {
  right: auto;
}

@media only screen and (max-width: 767px) {
  .list-invoice .msb-account-item .msb-card-action {
    display: none;
  }
}

.list-invoice .msb-account-item .msb-card-action .fa {
  opacity: 0;
}

.list-invoice .msb-account-item .msb-card-action ul {
  opacity: 1;
  width: 75%;
  right: 0;
  top: 45px;
}

.grid-view {
  margin-bottom: 0px;
}

.grid-view .msb-account-item.swiper-slide-prev .boxed-layout {
  box-shadow: none !important;
  border-color: transparent !important;
}

.grid-view .msb-account-item .boxed-layout input {
  max-width: 100%;
  min-width: 200px;
}

.grid-view .msb-account-item .boxed-layout:hover .msb-card-action {
  width: 70%;
}

.grid-view .msb-account-item .boxed-layout .msb-card-action {
  right: -140px;
}

.grid-view .msb-account-item .boxed-layout .msb-card-action .fa {
  top: 0px;
  left: 15px;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.grid-view .msb-account-item .boxed-layout .msb-card-action.active-action {
  width: 40px !important;
  right: 0px !important;
  height: 120px !important;
  padding: 0px;
  margin: 0px;
}

.grid-view .msb-account-item .boxed-layout .msb-card-action.active-action .fa {
  opacity: 0;
}

.grid-view .msb-account-item .boxed-layout .msb-card-action.active-action ul {
  background: red;
  opacity: 1;
  padding: 0px;
  top: 0px;
  width: 40px !important;
  height: 120px;
  right: 0px !important;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

.grid-view .msb-account-item .boxed-layout .msb-card-action.active-action ul li {
  width: 100%;
  height: 30px !important;
  line-height: 20px;
  text-align: center;
  opacity: 1;
  padding-top: 10px;
  margin-bottom: 5px;
}

.grid-view .msb-account-item .boxed-layout .msb-card-action.active-action ul li a {
  height: 30px;
}

.msb-button-redo {
  color: #fff;
}

.success-list-item .title-invoice.truyvan-message {
  width: 50%;
}

@media only screen and (max-width: 1020px) {
  .success-list-item .title-invoice.truyvan-message {
    width: 40% !important;
  }
}

@media only screen and (max-width: 767px) {
  .success-list-item .title-invoice.truyvan-message {
    width: 85% !important;
    padding-left: 5px;
    padding-top: 4% !important;
  }
}

@media only screen and (max-width: 767px) {
  .success-list-item .action {
    display: none;
  }
  .success-list-item.active-row .action {
    display: block !important;
  }
}

.list-invoice {
  margin-bottom: -1px !important;
}

.list-invoice .msb-list-action .msb {
  line-height: 30px !important;
}

.list-invoice.msb-opacicy li.invoice-item-list {
  opacity: .3;
}

.list-invoice.msb-opacicy li.remark-action {
  opacity: 1;
}

.list-invoice.view-invoice-list li.title-table {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
  cursor: default !important;
}

.list-invoice.view-invoice-list li.title-table > div {
  padding-top: 7px;
  color: rgba(76, 76, 76, 0.5) !important;
}

@media only screen and (max-width: 1025px) {
  .list-invoice.view-invoice-list li.title-table > div {
    padding-top: 2px;
  }
}

@media only screen and (max-width: 1020px) {
  .list-invoice.view-invoice-list li.title-table > div {
    padding-top: 7px;
  }
}

@media only screen and (max-width: 1025px) {
  .list-invoice.view-invoice-list li.title-table .blance {
    text-align: center;
  }
}

.list-invoice li {
  padding: 15px 0;
}

@media only screen and (max-width: 767px) {
  .list-invoice li {
    padding: 13px 0 8px;
  }
}

@media only screen and (max-width: 767px) {
  .list-invoice li.history-item {
    padding: 0 !important;
  }
}

.list-invoice li.invoice-item-list {
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 65px;
  position: relative;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.list-invoice li.invoice-item-list:hover {
  border-color: #cccccc;
}

@media only screen and (max-width: 767px) {
  .list-invoice li.invoice-item-list {
    padding: 10px 0;
  }
  .list-invoice li.invoice-item-list .time-action {
    position: absolute;
  }
}

.list-invoice li.invoice-item-list.pendding-list-item .title-invoice span:hover {
  color: #000;
}

@media only screen and (max-width: 767px) {
  .list-invoice li.invoice-item-list.action-hover {
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .list-invoice li.invoice-item-list.action-hover .money-payment {
    top: 20%;
    padding-right: 0 !important;
  }
}

.list-invoice li.success-list-item {
  transition: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.list-invoice li.success-list-item:hover {
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .list-invoice li.success-list-item .time-action {
    top: 0px;
    white-space: nowrap;
  }
}

.list-invoice li.pendding-list-item.action-hover .msb-list-action {
  text-align: center !important;
}

.list-invoice li.success-list-item.msb-click-out .msb-list-action {
  text-align: center !important;
}

.list-invoice li.msb-click-out * {
  transition: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.list-invoice li.active-row {
  height: auto;
  padding-bottom: 5px;
  border-color: transparent;
  background: #fff;
}

@media only screen and (max-width: 767px) {
  .list-invoice li.active-row {
    height: auto;
    padding-bottom: 100px;
  }
  .list-invoice li.active-row .action {
    width: 100%;
  }
}

.list-invoice li.active-row * {
  z-index: 3;
  position: relative;
  transition: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.list-invoice li.active-row .detail-invoice-transfer {
  float: left;
  height: auto;
  opacity: 1;
  display: block;
  margin-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 3;
}

.list-invoice li.active-row.small-content:before {
  width: 105%;
}

.list-invoice li.active-row:before {
  content: "";
  width: 875px;
  height: 100%;
  position: absolute;
  border-left: none;
  border-right: none !important;
  left: -20px;
  right: -20px;
  top: -1px;
  background: #fff;
  z-index: 1;
}

@media only screen and (max-width: 1020px) {
  .list-invoice li.active-row:before {
    height: 211px;
  }
}

@media only screen and (max-width: 767px) {
  .list-invoice li.active-row:before {
    display: none;
  }
}

.list-invoice li.active-row.remark-action {
  height: auto;
}

.list-invoice li.active-row.remark-action .remark-template {
  display: block;
}

.list-invoice li.active-row.remark-action:after {
  content: "";
  background: #e5e4e4;
  position: absolute;
  width: 875px;
  height: 80px;
  bottom: 0px;
  left: -20px;
  z-index: 2;
}

.list-invoice li.active-row.remark-action .action {
  display: none;
}

.list-invoice li.active-row .action {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
}

.list-invoice li.active-row .action .fa {
  display: none;
}

.list-invoice li.active-row .action .msb-list-action {
  right: 155px !important;
  right: 0px !important;
  top: auto !important;
  width: 200px !important;
  bottom: 2px !important;
  position: absolute;
  padding-left: 20px;
  padding-right: 20px !important;
}

@media only screen and (max-width: 1025px) {
  .list-invoice li.active-row .action .msb-list-action {
    width: 145px;
  }
}

@media only screen and (max-width: 767px) {
  .list-invoice li.active-row .action .msb-list-action {
    bottom: 5% !important;
    width: 100% !important;
    right: 0px !important;
    height: auto !important;
    padding-right: 0px !important;
  }
}

.list-invoice li.active-row .action .msb-list-action ul {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .list-invoice li.active-row .action .msb-list-action ul {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 25px;
  }
}

.list-invoice li.active-row .action .msb-list-action ul li {
  opacity: 1;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .list-invoice li.active-row .action .msb-list-action ul li {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
  }
}

.list-invoice li.active-row .title-invoice .main {
  height: auto !important;
}

@media only screen and (max-width: 767px) {
  .list-invoice li.active-row .title-invoice {
    padding-bottom: 0px;
  }
}

.list-invoice li.title-table {
  padding: 7px 0;
}

.list-invoice li.title-table > div {
  font-size: 0.85714em;
  color: rgba(99, 100, 105, 0.5);
  font-weight: normal;
  padding-top: 5px;
  margin-top: 0 !important;
}

@media only screen and (max-width: 1020px) {
  .list-invoice li.title-table > div {
    white-space: nowrap;
  }
  .list-invoice li.title-table > div:last-child {
    text-align: right;
    text-indent: -10px;
  }
}

@media only screen and (max-width: 1020px) and (max-width: 767px) {
  .list-invoice li.title-table > div:last-child {
    line-height: 15px;
  }
}

.list-invoice li > div {
  float: left;
  box-sizing: border-box;
}

.list-invoice li > div > span, .list-invoice li > div > small {
  float: left;
  width: 100%;
}

.list-invoice li > div > span.main, .list-invoice li > div > small.main {
  font-weight: bold;
  height: 25px;
  overflow: hidden;
}

.list-invoice li .time-action {
  width: 18%;
  box-sizing: border-box;
  padding-left: 20px;
  position: relative;
}

@media only screen and (max-width: 1025px) {
  .list-invoice li .time-action {
    padding-left: 0px;
    width: 18.253%;
  }
}

@media only screen and (max-width: 767px) {
  .list-invoice li .time-action {
    padding: 0;
    width: 45%;
  }
}

.list-invoice li .time-action.sort-down {
  position: relative;
}

@media only screen and (max-width: 1020px) {
  .list-invoice li .time-action.sort-down {
    padding-left: 10px;
  }
}

.list-invoice li .time-action.sort-down:before {
  content: "\f0d7";
  color: #ff0000;
  font-size: 0.71429em;
  position: absolute;
  left: 5px;
}

@media only screen and (max-width: 1025px) {
  .list-invoice li .time-action.sort-down:before {
    left: -5px;
  }
}

.list-invoice li .time-action .pendding {
  color: #fff;
  min-width: 70px;
  width: auto;
  margin-top: -5px;
  font-size: 0.85714em;
  background: #636469;
  display: inline-block;
  float: left;
  text-align: center;
  border-radius: 3px;
}

@media only screen and (max-width: 1025px) {
  .list-invoice li .time-action .pendding {
    min-width: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .list-invoice li .time-action .pendding {
    min-width: 45px;
    font-size: 0.64286em;
    margin-top: -10px;
    line-height: 15px;
  }
}

.list-invoice li .time-action .date {
  font-size: 0.85714em;
  font-weight: bold;
  color: #808080;
  line-height: 1em;
}

@media only screen and (max-width: 767px) {
  .list-invoice li .time-action .date {
    margin-top: 0;
    padding-right: 10px;
    width: inherit;
    font-size: 0.71429em;
  }
}

.list-invoice li .time-action .time {
  font-size: 0.71429em;
  color: #808080;
  line-height: 1em;
  margin-top: 2px;
}

@media only screen and (max-width: 767px) {
  .list-invoice li .time-action .time {
    width: inherit;
    margin-top: 0;
  }
}

@media only screen and (max-width: 1020px) {
  .list-invoice li .title-invoice, .list-invoice li .money-payment, .list-invoice li .blance {
    margin-top: -5px;
  }
}

.list-invoice li.active-row .title-invoice {
  height: auto;
}

.list-invoice li.active-row .title-invoice strong.short-title {
  display: none;
}

.list-invoice li.active-row .title-invoice strong.long-title {
  display: block;
}

.list-invoice li.active-row .title-invoice strong .red {
  display: none;
}

.list-invoice li .title-invoice {
  width: 40.180%;
  height: 22px;
  padding-right: 50px;
}

.list-invoice li .title-invoice.title-message {
  width: 45.180%;
}

.list-invoice li .title-invoice.title-trasoat {
  width: 58%;
  overflow: hidden;
}

.list-invoice li .title-invoice.title-trasoat strong {
  position: relative;
  display: inline-block;
}

.list-invoice li .title-invoice.title-trasoat strong .red {
  top: 0px;
}

.list-invoice li .title-invoice:hover {
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .list-invoice li .title-invoice {
    width: 100%;
    padding-top: 40px;
  }
  .list-invoice li .title-invoice .main {
    height: 20px;
    overflow: hidden;
    word-wrap: break-word;
    padding-right: 20px;
  }
}

.list-invoice li .title-invoice span {
  color: #000;
}

.list-invoice li .title-invoice .main:hover {
  color: #e61e23;
}

.list-invoice li .title-invoice small {
  font-size: 0.78571em;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  line-height: 1em;
}

.list-invoice li .money-payment {
  width: 21.6867%;
  text-align: right;
  padding-right: 30px;
  font-weight: bold;
  color: #eb2c2c;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .list-invoice li .money-payment {
    width: 40%;
    padding-right: 15px;
    position: absolute;
    top: 55px;
    right: 0px;
  }
}

.list-invoice li .blance {
  width: 12.0481%;
  font-size: 0.85714em;
  color: #808080;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .list-invoice li .blance {
    position: absolute;
    top: 7px;
    right: 0px;
    width: 100%;
    text-align: right;
    font-size: 10px;
  }
}

.list-invoice li .action {
  width: 7.8313%;
  text-align: right;
}

.list-invoice li .action .fa {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 1.21429em;
  right: 20px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 1020px) {
  .list-invoice li .action .fa {
    right: 0px;
  }
}

.list-invoice li .action .msb-list-action {
  right: -30px;
}

@media only screen and (max-width: 767px) {
  .list-invoice li .action .msb-list-action {
    height: 73px !important;
    top: 40%;
  }
}

@media only screen and (max-width: 1025px) {
  .list-invoice li .action .msb-list-action ul {
    padding-left: 15px;
  }
}

.list-invoice li .action:hover .msb-list-action {
  opacity: 1;
  padding-right: 68px;
  width: 210px;
}

@media only screen and (max-width: 1025px) {
  .list-invoice li .action:hover .msb-list-action {
    width: 185px;
  }
}

@media only screen and (max-width: 1020px) {
  .list-invoice li .action:hover .msb-list-action {
    width: 135px;
    padding-right: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .list-invoice li .action:hover .msb-list-action {
    width: 100%;
    right: 0;
  }
}

.list-invoice li .action:hover .msb-list-action li {
  opacity: 1;
}

@media only screen and (max-width: 1020px) {
  .list-invoice li .action:hover .msb-list-action li {
    width: 25%;
  }
}

@media only screen and (max-width: 767px) {
  .list-invoice li .action:hover .msb-list-action li {
    width: 33.333%;
  }
}

.list-invoice li.action-hover .money-payment {
  padding-right: 70px !important;
}

.msb-openaccount {
  float: left;
  width: 100%;
  height: auto;
  padding: 20px;
}

@media only screen and (max-width: 1025px) {
  .msb-openaccount {
    padding: 20px 0;
    margin: 0 -20px;
    width: 105%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-openaccount {
    margin: 0;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-openaccount {
    padding: 10px 0 20px;
  }
}

.msb-openaccount a {
  float: left;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 22px 30px;
  color: rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  font-size: 1.14286em;
  border: 2px dashed #b1b2b2;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .msb-openaccount a {
    padding: 11px;
    text-align: center;
    font-size: 1em;
  }
}

.msb-openaccount a:hover {
  color: #000 !important;
  box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 1020px) {
  .left-content {
    width: 100%;
  }
}

.sidebar {
  box-sizing: border-box;
  padding-left: 30px;
  padding-top: 50px;
}

@media only screen and (max-width: 1025px) {
  .sidebar {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 1020px) {
  .sidebar {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar {
    padding: 0px;
    display: block;
  }
}

.sidebar.no-padding {
  padding-top: 0px;
}

.msb-widget-blank {
  float: left;
  width: 100%;
  height: 50px;
  display: none;
}

.quick-invoice-blank {
  display: inline-block;
  padding-top: 40px;
  padding-bottom: 40px;
  width: 100%;
}

.quick-invoice-blank.na-style {
  padding: 80px 0 120px;
}

.quick-invoice-blank .icon-blank .msb-transf-blank {
  width: 65px;
  height: 65px;
  background: url(../images/transf-blank.png) no-repeat center center;
}

.quick-invoice-blank .msb-message-tranf {
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #4a4b50;
}

.quick-invoice-blank .msb-message-tranf strong, .quick-invoice-blank .msb-message-tranf small {
  width: 100%;
  float: left;
}

.quick-invoice-blank .msb-message-tranf small {
  line-height: 18px;
}

.transf-blank-message {
  padding-top: 100px;
  padding-bottom: 100px;
}

.transf-blank-message .text-add-tranf {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.14286em;
  font-weight: bold;
}

.widget-notification {
  font-size: 1.14286em;
  color: #fff;
}

.widget-notification strong {
  display: inline-block;
}

.widget-notification span {
  margin-bottom: 20px;
  display: inline-block;
}

.widget-notification .msb-widget-content {
  line-height: 24px !important;
}

.msb-support-widget {
  box-sizing: border-box;
}

.msb-support-widget .msb-widget-content {
  padding-bottom: 40px !important;
}

.msb-support-widget small {
  color: #fff;
}

.msb-support-widget .btn-next-back {
  opacity: 0.5;
}

.msb-support-widget .btn-next-back:hover {
  opacity: 1;
}

.msb-support-widget .btn-next-back.btn-back {
  left: 0px !important;
}

.msb-support-widget .swiper-pagination {
  width: 100%;
  left: 0px;
}

.slide-ads {
  float: left;
  width: 100%;
}

.slide-ads .ads-items {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.msb-widget {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .msb-widget {
    margin-bottom: 15px;
  }
}

.msb-widget.box-widget-tab .msb-widget-content {
  padding-bottom: 10px !important;
}

.msb-widget .msb-title-widget {
  font-size: 1.71429em;
  color: #000;
  margin-bottom: 28px;
}

.msb-widget .msb-widget-content {
  background: #fff;
  position: relative;
  float: left;
  width: 100%;
  float: left;
  padding-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .msb-widget .msb-widget-content .with-tab {
    overflow: hidden;
  }
}

.msb-widget .msb-widget-content.show-success-message {
  padding-bottom: 0px !important;
}

@media only screen and (max-width: 767px) {
  .msb-widget .msb-widget-content.show-success-message {
    overflow: hidden;
  }
}

.msb-widget .msb-widget-content.show-success-message .content-tab {
  padding-top: 23px !important;
}

.msb-widget .msb-widget-content .sbToggle {
  right: 5px !important;
}

.msb-widget.widget-support {
  text-align: center;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .msb-widget.widget-support {
    display: none;
  }
}

.msb-widget.widget-support .msb-widget-content {
  background: #e61d24;
  line-height: 18px;
  min-height: 235px;
  padding-bottom: 40px;
}

.msb-widget.widget-support .msb-widget-content.box-gray {
  background: #44464b;
}

.msb-widget.widget-support .icon-support {
  margin-top: 20px;
  margin-bottom: 20px;
}

.msb-widget.widget-support .title-support {
  font-size: 1.28571em;
  font-weight: bold;
  margin-bottom: 10px;
}

.msb-widget.widget-support .msb-button {
  margin-top: 15px;
  margin-bottom: 30px;
  display: inline-block;
}

.msb-widget.widget-support small {
  width: 100%;
}

.msb-widget.widget-support .swiper-pagination-bullet {
  margin: 5px;
}

.msb-widget.widget-support .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff !important;
}

.msb-widget.widget-support .btn-next-back {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.msb-widget.widget-support:hover .btn-next-back {
  opacity: 1;
}

.msb-widget .slide-adward {
  float: left;
  width: 100%;
}

.msb-widget .slide-adward .box-desc small {
  color: #737373;
}

.msb-widget .slide-adward .box-desc span {
  color: #000;
}

.msb-widget .slide-adward .box-desc a {
  text-decoration: underline !important;
  color: #e61d24;
}

.msb-widget .slide-adward .box-desc a small {
  color: #e61d24;
}

.msb-widget .slide-adward .swiper-container {
  min-height: 260px;
}

.msb-widget .slide-adward .msb-adward-item {
  float: left;
  text-align: center;
}

.msb-widget .slide-adward .msb-adward-item .info-adward-item {
  float: left;
  width: 100%;
  height: auto;
}

.msb-widget .slide-adward .msb-adward-item .info-adward-item .img-adward {
  display: block;
  width: 100%;
  height: 185px;
}

.msb-widget .slide-adward .msb-adward-item .info-adward-item .img-adward img {
  max-height: 185px;
  width: auto;
}

.msb-widget .slide-adward .msb-adward-item .info-adward-item .title, .msb-widget .slide-adward .msb-adward-item .info-adward-item .price {
  float: left;
  width: 100%;
  line-height: 1em;
  margin-bottom: 5px;
  font-size: 0.85714em;
}

.msb-widget .slide-adward .msb-adward-item .info-adward-item .price {
  margin-bottom: 15px;
}

.msb-widget .title-tab {
  float: left;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 45px;
}

.msb-widget .title-tab ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  background: #ececec;
  float: left;
  width: 100%;
}

.msb-widget .title-tab ul li {
  padding: 10px 20px;
  cursor: pointer;
  font-weight: bold;
  color: #767575;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 1025px) {
  .msb-widget .title-tab ul li {
    padding: 10px 15px;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-widget .title-tab ul li {
    padding: 10px 10px;
  }
}

.msb-widget .title-tab ul li:hover {
  background: rgba(204, 204, 204, 0.4);
}

.msb-widget .title-tab ul li.active {
  color: #000;
  background: #fff;
}

.msb-widget .content-tab {
  padding-top: 30px;
  float: left;
  width: 100%;
}

@media only screen and (max-width: 1020px) {
  .msb-widget .content-tab {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-widget .content-tab {
    padding-top: 40px;
  }
}

.msb-widget .content-tab .data-money {
  float: left;
  width: 100%;
  height: auto;
  display: none;
}

.msb-widget .content-tab .data-money.tab-active {
  display: block;
}

.msb-widget .content-tab .data-money .msb-widget-acount {
  padding-left: 0px;
  float: left;
  width: 100%;
  list-style: none;
}

.msb-widget .content-tab .data-money .msb-widget-acount li {
  float: left;
  width: 100%;
  height: auto;
  padding-bottom: 14px;
  padding-top: 15px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  color: rgba(99, 100, 105, 0.5);
  position: relative;
}

.msb-widget .content-tab .data-money .msb-widget-acount li:first-child {
  border-color: rgba(153, 153, 153, 0.5);
}

.msb-widget .content-tab .data-money .msb-widget-acount li div {
  font-size: 0.85714em;
}

.msb-widget .content-tab .data-money .msb-widget-acount li.title-table {
  padding-top: 0px;
  padding-bottom: 0px;
}

.msb-widget .content-tab .data-money .msb-widget-acount li strong {
  color: #000;
  width: 100%;
}

.msb-widget .content-tab .data-money .msb-widget-acount li .left-cold, .msb-widget .content-tab .data-money .msb-widget-acount li .right-cold {
  max-width: 70%;
  float: left;
}

@media only screen and (max-width: 1020px) {
  .msb-widget .content-tab .data-money .msb-widget-acount li .left-cold, .msb-widget .content-tab .data-money .msb-widget-acount li .right-cold {
    max-width: 60%;
  }
}

.msb-widget .content-tab .data-money .msb-widget-acount li .left-cold strong, .msb-widget .content-tab .data-money .msb-widget-acount li .left-cold small, .msb-widget .content-tab .data-money .msb-widget-acount li .right-cold strong, .msb-widget .content-tab .data-money .msb-widget-acount li .right-cold small {
  float: left;
  width: 100%;
  line-height: 14px;
}

.msb-widget .content-tab .data-money .msb-widget-acount li .right-cold {
  width: 30%;
  float: right !important;
}

@media only screen and (max-width: 1020px) {
  .msb-widget .content-tab .data-money .msb-widget-acount li .right-cold {
    width: 40%;
  }
}

.msb-widget .content-tab .data-money .msb-widget-acount li .right-cold strong {
  color: #eb2c2c;
}

.msb-widget .content-tab .data-money .msb-widget-acount li .close-text, .msb-widget .content-tab .data-money .msb-widget-acount li .action-message {
  opacity: 0;
  z-index: -1;
  height: 0;
}

.msb-widget .content-tab .data-money .msb-widget-acount li .msb-action-quick {
  opacity: 0;
  padding-left: 15px;
  padding-right: 15px;
  top: -1px;
  right: -20px;
  position: absolute;
  top: 0px;
  height: 58px;
  line-height: 58px;
  padding-left: 15px;
  padding-right: 15px;
  background: #e61d24;
  color: #fff;
  z-index: -1;
  font-size: 0.85714em;
  font-weight: bold;
  cursor: pointer;
}

@media only screen and (max-width: 1025px) {
  .msb-widget .content-tab .data-money .msb-widget-acount li .msb-action-quick {
    right: -10px;
  }
}

.msb-widget .content-tab .data-money .msb-widget-acount li:hover .msb-action-quick {
  opacity: 1;
  z-index: 9;
}

.msb-widget .content-tab .data-money .msb-widget-acount li.success-item {
  background: #e61d24;
  color: #fff;
  width: 100%;
  height: auto;
  position: relative;
  padding-top: 28px;
  padding-bottom: 0px;
}

.msb-widget .content-tab .data-money .msb-widget-acount li.success-item .left-cold, .msb-widget .content-tab .data-money .msb-widget-acount li.success-item .right-cold {
  margin-bottom: 15px;
}

.msb-widget .content-tab .data-money .msb-widget-acount li.success-item * {
  color: #fff !important;
  z-index: 2;
  position: relative;
}

.msb-widget .content-tab .data-money .msb-widget-acount li.success-item:before {
  content: "";
  background: #e61d24;
  width: 260px;
  left: -20px;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0px;
}

@media only screen and (max-width: 1025px) {
  .msb-widget .content-tab .data-money .msb-widget-acount li.success-item:before {
    width: 218px;
    left: -10px;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-widget .content-tab .data-money .msb-widget-acount li.success-item:before {
    width: 164px;
    height: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-widget .content-tab .data-money .msb-widget-acount li.success-item:before {
    width: 108%;
    height: 101%;
  }
}

.msb-widget .content-tab .data-money .msb-widget-acount li.success-item .msb-action-quick {
  display: none;
}

.msb-widget .content-tab .data-money .msb-widget-acount li.success-item .msb-action-quick.active {
  display: block;
  z-index: 10;
  opacity: 0;
}

.msb-widget .content-tab .data-money .msb-widget-acount li.success-item .close-text {
  opacity: 1;
  height: auto;
  position: absolute;
  right: -10px;
  top: 0px;
  cursor: pointer;
}

@media only screen and (max-width: 1025px) {
  .msb-widget .content-tab .data-money .msb-widget-acount li.success-item .close-text {
    right: 5px;
  }
}

.msb-widget .content-tab .data-money .msb-widget-acount li.success-item .action-message {
  opacity: 1;
  color: #fff;
  float: left;
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 18px;
  background: url(../images/tick-white.png) no-repeat left center;
  width: 100%;
  box-sizing: border-box;
  padding-left: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

@media only screen and (max-width: 1020px) {
  .msb-widget .content-tab .data-money .msb-widget-acount li.success-item .action-message {
    padding-left: 20px;
    margin-top: 10px;
  }
}

.msb-widget .content-tab .data-money .msb-widget-acount li:last-child {
  border-bottom: none;
  text-align: center;
  padding-bottom: 0px;
}

.msb-widget .content-tab .data-money .msb-widget-acount li:last-child a {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  font-size: 1.14286em;
  padding-top: 5px;
  padding-bottom: 5px;
  color: rgba(0, 0, 0, 0.2);
}

.msb-widget .content-tab .data-money .msb-widget-acount li:last-child a:hover {
  color: rgba(0, 0, 0, 0.5);
}

.msb-widget .content-tab .data-money .txt-field {
  min-width: 200px !important;
}

@media only screen and (max-width: 1025px) {
  .msb-widget .content-tab .data-money .txt-field {
    min-width: 100px !important;
    width: 100%;
  }
}

.search-text:hover em {
  color: #e61e23 !important;
}

.search-text:hover em + span {
  background: #e61e23;
  color: #fff;
}

.msb-list-view, .tab-sotietkiemmoi, .tab-sotietkiemcu {
  float: left;
  width: 100%;
  height: auto;
  padding-left: 0px;
  list-style: none;
}

.msb-list-view.msb-invoiceAcc-list, .tab-sotietkiemmoi.msb-invoiceAcc-list, .tab-sotietkiemcu.msb-invoiceAcc-list {
  margin-bottom: 0px !important;
}

@media only screen and (max-width: 767px) {
  .msb-list-view.msb-invoiceAcc-list li .time-action, .tab-sotietkiemmoi.msb-invoiceAcc-list li .time-action, .tab-sotietkiemcu.msb-invoiceAcc-list li .time-action {
    top: 19px !important;
  }
}

.msb-list-view.disable-slide, .tab-sotietkiemmoi.disable-slide, .tab-sotietkiemcu.disable-slide {
  -webkit-transform: none !important;
  /* Safari and Chrome */
  -moz-transform: none !important;
  /* Firefox */
  -ms-transform: none !important;
  /* IE 9 */
  -o-transform: none !important;
  /* Opera */
  transform: none !important;
}

.msb-list-view.disable-slide .msb-add-more-acc-wrapper, .tab-sotietkiemmoi.disable-slide .msb-add-more-acc-wrapper, .tab-sotietkiemcu.disable-slide .msb-add-more-acc-wrapper {
  display: none;
}

.msb-list-view > li, .tab-sotietkiemmoi > li, .tab-sotietkiemcu > li {
  float: left;
  width: 100%;
  height: auto;
  border-top: 1px solid #e7e7e7;
}

.msb-list-view > li:first-child, .tab-sotietkiemmoi > li:first-child, .tab-sotietkiemcu > li:first-child {
  border-color: #d3d3d3;
}

.msb-list-view > li.title-table, .tab-sotietkiemmoi > li.title-table, .tab-sotietkiemcu > li.title-table {
  border: none !important;
}

.msb-list-view > li.title-table.add-shadow, .tab-sotietkiemmoi > li.title-table.add-shadow, .tab-sotietkiemcu > li.title-table.add-shadow {
  position: relative;
  background: #fff;
  z-index: 1;
}

.msb-list-view > li.title-table.add-shadow:after, .tab-sotietkiemmoi > li.title-table.add-shadow:after, .tab-sotietkiemcu > li.title-table.add-shadow:after {
  content: "";
  width: 100%;
  height: 5px;
  box-sizing: border-box;
  bottom: -3px;
  position: absolute;
  left: 0px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.21);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.21) 0%, transparent 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.21)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.21) 0%, transparent 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.21) 0%, transparent 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.21) 0%, transparent 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.21) 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.msb-list-view > li.total-blance, .tab-sotietkiemmoi > li.total-blance, .tab-sotietkiemcu > li.total-blance {
  border-bottom: none;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px dashed rgba(42, 41, 43, 0.15);
}

@media only screen and (max-width: 767px) {
  .msb-list-view > li.total-blance, .tab-sotietkiemmoi > li.total-blance, .tab-sotietkiemcu > li.total-blance {
    padding: 7px 0;
  }
}

.msb-list-view > li.total-blance small:last-child, .tab-sotietkiemmoi > li.total-blance small:last-child, .tab-sotietkiemcu > li.total-blance small:last-child {
  font-size: 0.71429em;
  margin-left: 3px;
}

@media only screen and (max-width: 767px) {
  .msb-list-view > li.total-blance small:last-child, .tab-sotietkiemmoi > li.total-blance small:last-child, .tab-sotietkiemcu > li.total-blance small:last-child {
    float: right;
    width: 100%;
    line-height: 1em;
  }
}

@media only screen and (max-width: 767px) {
  .msb-list-view > li.total-blance .blance-available, .tab-sotietkiemmoi > li.total-blance .blance-available, .tab-sotietkiemcu > li.total-blance .blance-available {
    width: 50%;
    float: right;
  }
}

.msb-list-view.grid-view > li, .tab-sotietkiemmoi.grid-view > li, .tab-sotietkiemcu.grid-view > li {
  float: left;
  margin-right: 20px;
  border: none;
  width: auto;
}

.msb-list-view.grid-view > li .msb-bank-account, .tab-sotietkiemmoi.grid-view > li .msb-bank-account, .tab-sotietkiemcu.grid-view > li .msb-bank-account {
  background: #fff;
}

.msb-list-view .msb-card-action, .tab-sotietkiemmoi .msb-card-action, .tab-sotietkiemcu .msb-card-action {
  float: right;
  width: 20px;
  position: relative;
  margin-top: -20px;
  padding-top: 20px;
  box-sizing: border-box;
  min-height: 62px;
  right: 0px;
}

.msb-list-view .msb-card-action .msb-list-action, .tab-sotietkiemmoi .msb-card-action .msb-list-action, .tab-sotietkiemcu .msb-card-action .msb-list-action {
  right: -20px;
}

.msb-list-view .msb-card-action:hover, .tab-sotietkiemmoi .msb-card-action:hover, .tab-sotietkiemcu .msb-card-action:hover {
  width: 220px;
}

@media only screen and (max-width: 1020px) {
  .msb-list-view .msb-card-action:hover, .tab-sotietkiemmoi .msb-card-action:hover, .tab-sotietkiemcu .msb-card-action:hover {
    width: auto;
  }
}

.msb-list-view .msb-card-action .fa, .tab-sotietkiemmoi .msb-card-action .fa, .tab-sotietkiemcu .msb-card-action .fa {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  right: 20px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: rgba(0, 0, 0, 0.5);
}

.msb-list-view .msb-card-action ul, .tab-sotietkiemmoi .msb-card-action ul, .tab-sotietkiemcu .msb-card-action ul {
  opacity: 0;
  float: left;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -1px;
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  width: 180px !important;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 50px;
}

@media only screen and (max-width: 1020px) {
  .msb-list-view .msb-card-action ul, .tab-sotietkiemmoi .msb-card-action ul, .tab-sotietkiemcu .msb-card-action ul {
    padding-right: 30px;
    width: 145px !important;
  }
}

.msb-list-view .msb-card-action ul li, .tab-sotietkiemmoi .msb-card-action ul li, .tab-sotietkiemcu .msb-card-action ul li {
  float: left;
  width: 33.33%;
  opacity: 0;
}

.msb-list-view .msb-card-action ul li a, .tab-sotietkiemmoi .msb-card-action ul li a, .tab-sotietkiemcu .msb-card-action ul li a {
  display: inline-block;
  text-align: center;
}

.tab-sotietkiemmoi > li:first-child, .tab-sotietkiemcu > li:first-child {
  border-color: #e7e7e7 !important;
}

.link-to-buy {
  float: left;
  width: 100%;
  height: 100%;
}

.msb-add-more-acc {
  min-height: 108px;
  box-shadow: none !important;
  border: 1px solid rgba(42, 41, 43, 0.16) !important;
  background: #f9f9f9 !important;
}

.msb-add-more-acc:before, .msb-add-more-acc:after {
  display: none;
}

.msb-add-more-acc a {
  display: inline-block;
  width: 100%;
  position: absolute;
  height: 100%;
  left: 0px;
  line-height: 107px;
  color: #eeeeee;
  font-size: 2.5em;
  font-weight: bold;
  text-align: center;
  font-family: "Lato-regular";
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.msb-add-more-acc p {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.msb-add-more-acc:hover a {
  top: 40%;
  color: rgba(0, 0, 0, 0.6);
}

.msb-add-more-acc:hover p {
  top: 60%;
  opacity: 1;
}

#msb-accountpage .msb-fillter-top {
  margin-bottom: 23px;
}

@media only screen and (max-width: 767px) {
  #msb-accountpage .msb-fillter-top {
    margin-bottom: 0;
  }
}

.msb-fillter-top {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .msb-fillter-top {
    margin-bottom: 7px;
  }
}

.msb-fillter-top.hotro {
  position: absolute;
  top: -45px;
}

.msb-fillter-top .text-title {
  font-size: 1.71429em;
  color: #000;
  line-height: 1em;
  margin-right: 3px;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  .msb-fillter-top .text-title {
    float: left;
    line-height: 40px;
  }
}

.msb-fillter-top .list-fillter {
  list-style: none;
  padding-left: 0px;
  display: inline-block;
  margin-bottom: 0px;
}

.msb-fillter-top .list-fillter li {
  float: left;
  margin-right: 5px;
}

@media only screen and (max-width: 767px) {
  .msb-fillter-top .list-fillter li {
    line-height: 40px;
  }
}

.msb-clickable {
  cursor: pointer;
}

.msb-clickable:before {
  content: "\f107";
  font-family: FontAwesome;
  color: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0px;
  font-size: 2em;
}

.msb-clickable.show-content:before {
  content: "\f106";
}

@media only screen and (max-width: 767px) {
  .form-thanh-toan .msb-content-box .msb-list-view .title-table .invoice-content .production-name, .form-thanh-toan .msb-content-box .msb-list-view .title-table .invoice-content .production-text-price {
    display: none;
  }
}

.form-thanh-toan .msb-content-box .msb-list-view .title-table:first-child .invoice-content:after {
  margin-top: 5px;
  content: "";
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 0px;
  z-index: 9;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .form-thanh-toan .msb-content-box .msb-list-view .invoice-item-list .invoice-content .production-name {
    width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .form-thanh-toan .msb-content-box .msb-list-view .invoice-item-list .invoice-content .production-require {
    width: 100% !important;
    padding-left: 9%;
  }
}

@media only screen and (max-width: 767px) {
  .form-thanh-toan .msb-content-box .msb-list-view .invoice-item-list .invoice-content .production-text-price {
    padding-left: 9%;
    text-align: left;
    margin-top: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .form-thanh-toan .msb-content-box .msb-list-view .invoice-item-list .invoice-content .msb-card-action {
    top: 15%;
    position: absolute;
    right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .form-thanh-toan .msb-content-box .msb-list-view .invoice-item-list .invoice-content strong {
    font-size: 0.9em;
  }
}

.form-thanh-toan .msb-table-invoice .item-invoice:first-child .invoice-content:after {
  border-color: #e7e7e7;
}

.form-thanh-toan .msb-table-invoice.list-action-invoice .production-name {
  width: 30%;
}

.form-thanh-toan .msb-table-invoice.list-action-invoice .transfer-date {
  width: 19%;
}

.form-thanh-toan .msb-table-invoice.list-action-invoice .transfer-money {
  width: 15%;
}

.quanly-lenh .msb-content-box ul li:nth-child(2) {
  border-color: #d3d3d3;
}

.msb-big-table {
  float: left;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  margin-bottom: 10px;
  background: #fff;
}

@media only screen and (max-width: 1025px) {
  .msb-big-table {
    padding: 20px;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-big-table {
    padding: 20px 10px;
    padding-bottom: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table {
    padding: 15px 10px;
    padding-bottom: 0px;
  }
}

.msb-big-table.transfarent {
  background: none;
  display: block !important;
}

.msb-big-table.footer-total {
  padding-bottom: 70px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .msb-big-table.footer-total {
    padding-bottom: 42px !important;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table.footer-total .msb-content-box ul li .title-invoice {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table.footer-total .msb-content-box ul li .money-payment {
    width: 50% !important;
    top: 25%;
  }
}

.msb-big-table.title-search {
  padding-top: 70px;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .msb-big-table.title-search {
    padding-top: 5px;
    padding-bottom: 15px;
  }
}

.msb-big-table.title-search .search-title {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.msb-big-table.title-search.search-expland {
  padding-top: 295px;
}

@media only screen and (max-width: 767px) {
  .msb-big-table.title-search.search-expland {
    padding-top: 700px;
  }
}

.msb-big-table.title-search.search-expland .msb-box-search {
  height: 295px;
  overflow: visible !important;
}

@media only screen and (max-width: 767px) {
  .msb-big-table.title-search.search-expland .msb-box-search {
    height: 700px;
  }
}

.msb-big-table.title-search.search-expland .search-title {
  opacity: 0;
  position: absolute;
}

.msb-big-table.title-search.search-expland .advance-search-box {
  opacity: 1;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .msb-big-table.msb-step-table .bank-regular .msb-list-view .title-table .invoice-content {
    display: none;
  }
}

.msb-big-table.list-view.msb-acc-list-table {
  overflow: hidden;
}

@media only screen and (max-width: 1020px) {
  .msb-big-table.list-view.msb-acc-list-table {
    overflow: hidden;
  }
}

.msb-big-table.list-view.msb-acc-list-table .msb-card-action ul {
  width: 25%;
  padding-right: 0px;
}

.msb-big-table.list-view.msb-acc-list-table .msb-card-action ul li {
  opacity: 1;
  float: left;
}

.msb-big-table .total-blance {
  padding-left: 25px;
}

@media only screen and (max-width: 1020px) {
  .msb-big-table .total-blance {
    padding-left: 0px;
  }
}

.msb-big-table .msb-content-box {
  float: left;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

.msb-big-table .msb-content-box.list-has-slider {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.thong-bao ul .title-table {
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.thong-bao ul .title-table .title-invoice {
    padding-top: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.thong-bao ul .title-table .select-box {
    position: relative;
    z-index: 9;
  }
}

.msb-big-table .msb-content-box.thong-bao ul .invoice-item-list.active-row {
  margin: 0;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.thong-bao ul .invoice-item-list.active-row {
    padding-bottom: 75px;
  }
}

.msb-big-table .msb-content-box.thong-bao ul .invoice-item-list.active-row:after {
  height: 0;
}

.msb-big-table .msb-content-box.thong-bao ul .invoice-item-list.active-row .description {
  display: block;
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.thong-bao ul .invoice-item-list.active-row .description {
    margin-top: 10px;
  }
}

.msb-big-table .msb-content-box.thong-bao ul .invoice-item-list.active-row .action {
  width: 100% !important;
  display: block;
}

.msb-big-table .msb-content-box.thong-bao ul .invoice-item-list.active-row .action:before {
  opacity: 1;
}

.msb-big-table .msb-content-box.thong-bao ul .invoice-item-list.active-row .action .msb-list-action {
  display: block !important;
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.thong-bao ul .invoice-item-list.active-row .select-box {
    z-index: 9;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.thong-bao ul .invoice-item-list .title-invoice {
    width: 90%;
    padding-top: 7%;
    position: relative;
    z-index: 1;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.thong-bao ul .invoice-item-list .select-box {
    padding-top: 15px;
    position: relative;
    z-index: 1;
  }
}

.msb-big-table .msb-content-box.thong-bao ul .invoice-item-list .action-delete {
  float: right;
  margin-right: 10px;
  text-align: right;
}

.msb-big-table .msb-content-box.thong-bao ul .invoice-item-list .action-delete .msb {
  line-height: 30px;
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.thong-bao ul .invoice-item-list .time-action {
    left: 10%;
  }
}

.msb-big-table .msb-content-box.thong-bao ul .invoice-item-list .description {
  display: none;
  padding: 20px 30% 0 18%;
}

@media only screen and (max-width: 1025px) {
  .msb-big-table .msb-content-box.thong-bao ul .invoice-item-list .description {
    padding: 20px 30% 0 23%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-big-table .msb-content-box.thong-bao ul .invoice-item-list .description {
    padding: 20px 34% 0 23%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.thong-bao ul .invoice-item-list .description {
    padding: 0 0 0 10%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .list-action-production .title-table .invoice-content .command-name {
    width: 30%;
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .list-action-production .title-table .invoice-content .command-name small {
    font-size: 0.89em;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .list-action-production .title-table .invoice-content .command-title {
    width: 65%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .list-action-production .title-table .invoice-content .command-receive-name {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .list-action-production .title-table .invoice-content .command-money {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .list-action-production .item-invoice .invoice-content .command-name strong {
    width: initial;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .list-action-production .item-invoice .invoice-content .command-name small {
    margin-top: -1px;
    width: initial;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .list-action-production .item-invoice .invoice-content .command-title strong {
    font-size: 1em;
    padding: 10px 0;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .list-action-production .item-invoice .invoice-content .command-receive-name {
    padding-top: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .list-action-production .item-invoice .invoice-content .money-payment {
    font-size: 0.8em;
    border-top: 1px solid rgba(221, 221, 221, 0.5);
    width: 75%;
    text-align: left;
    margin-top: 7px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .list-action-production .item-invoice .invoice-content .command-action .fa {
    top: -75px;
    right: -10px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .msb-list-view .payed-item .invoice-content .production-name {
    width: 55%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .msb-list-view .payed-item .invoice-content .production-name label {
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .msb-list-view .payed-item .invoice-content .production-require {
    width: 45%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .msb-list-view .payed-item .invoice-content .production-text-price {
    width: 65%;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .msb-list-view .payed-item .invoice-content .msb-card-action {
    width: 35% !important;
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .msb-list-view .payed-item .invoice-content .msb-card-action .msb-list-action {
    right: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .msb-list-view .item-invoice .production-text-price {
    width: 45%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .payment-invoice-list .title-table .invoice-content .production-name {
    width: 33%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .payment-invoice-list .title-table .invoice-content .production-text-price {
    width: 40%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .payment-invoice-list .msb-expland .msb-transfer-history .invoice-content .title-transfer-history .production-name {
    width: 0;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .payment-invoice-list .msb-expland .msb-transfer-history .invoice-content .title-transfer-history .transfer-date {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .payment-invoice-list .msb-expland .msb-transfer-history .invoice-content .title-transfer-history .transfer-chanel {
    width: 60%;
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .payment-invoice-list .msb-expland .msb-transfer-history .invoice-content .title-transfer-history .transfer-money {
    width: 45%;
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .payment-invoice-list .msb-expland .msb-transfer-history .invoice-content .msb-history-transfer-list .production-name {
    width: 0;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .payment-invoice-list .msb-expland .msb-transfer-history .invoice-content .msb-history-transfer-list .transfer-date {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .payment-invoice-list .msb-expland .msb-transfer-history .invoice-content .msb-history-transfer-list .transfer-chanel {
    width: 60%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular .payment-invoice-list .msb-expland .msb-transfer-history .invoice-content .msb-history-transfer-list .transfer-money {
    width: 100%;
    text-align: right;
    position: relative;
    top: -55px;
  }
}

.msb-big-table .msb-content-box.bank-regular ul.liOpacity li {
  opacity: 0.5;
}

.msb-big-table .msb-content-box.bank-regular ul li.action-hover .action .msb-list-action {
  width: 200px;
}

@media only screen and (max-width: 1025px) {
  .msb-big-table .msb-content-box.bank-regular ul li.action-hover .action .msb-list-action {
    width: 185px;
    right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular ul li.action-hover .action .msb-list-action {
    width: 100%;
  }
}

.msb-big-table .msb-content-box.bank-regular ul li.active-row {
  opacity: 1;
}

@media only screen and (max-width: 1025px) {
  .msb-big-table .msb-content-box.bank-regular ul li.active-row:before, .msb-big-table .msb-content-box.bank-regular ul li.active-row:after {
    width: 106%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-big-table .msb-content-box.bank-regular ul li.active-row:before, .msb-big-table .msb-content-box.bank-regular ul li.active-row:after {
    width: 103%;
    left: -10px;
    height: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular ul li.active-row:before, .msb-big-table .msb-content-box.bank-regular ul li.active-row:after {
    width: 107%;
  }
}

.msb-big-table .msb-content-box.bank-regular ul li.active-row .action {
  width: 90%;
}

.msb-big-table .msb-content-box.bank-regular ul li.active-row .action .msb-list-action {
  top: auto !important;
  right: 0 !important;
  width: 200px;
}

.msb-big-table .msb-content-box.bank-regular ul li.active-row .action .fa {
  display: none !important;
}

@media only screen and (max-width: 1025px) {
  .msb-big-table .msb-content-box.bank-regular ul li .title-invoice {
    width: 40%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-big-table .msb-content-box.bank-regular ul li .title-invoice {
    width: 30%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular ul li .title-invoice {
    padding-top: 11%;
  }
}

@media only screen and (max-width: 1025px) {
  .msb-big-table .msb-content-box.bank-regular ul li .money-payment {
    width: 20%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-big-table .msb-content-box.bank-regular ul li .money-payment {
    width: 25%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular ul li .money-payment {
    top: 41px;
    width: 29%;
    padding-right: 0;
  }
}

@media only screen and (max-width: 1025px) {
  .msb-big-table .msb-content-box.bank-regular ul li .blance {
    width: 10%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-big-table .msb-content-box.bank-regular ul li .blance {
    width: 17%;
    position: relative;
    right: 0;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular ul li .blance {
    top: 43px;
    width: 20%;
  }
}

@media only screen and (max-width: 1025px) {
  .msb-big-table .msb-content-box.bank-regular ul li .list-transfer-bulk-money {
    width: 20%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-big-table .msb-content-box.bank-regular ul li .list-transfer-bulk-money {
    width: 13%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular ul li .list-transfer-bulk-money {
    width: 85% !important;
    padding-left: 0;
    margin-left: 6%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-big-table .msb-content-box.bank-regular ul li .command-money {
    width: 24%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-big-table .msb-content-box.bank-regular ul li .command-title {
    width: 75%;
  }
}

@media only screen and (max-width: 1025px) {
  .msb-big-table .msb-content-box.bank-regular ul li .list-transfer-bulk-action {
    width: 6%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-big-table .msb-content-box.bank-regular ul li .list-transfer-bulk-action {
    top: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.bank-regular ul li.invoice-item-list .normal-text {
    display: none;
  }
  .msb-big-table .msb-content-box.bank-regular ul li.invoice-item-list .action {
    width: 100% !important;
  }
  .msb-big-table .msb-content-box.bank-regular ul li.invoice-item-list .action .fa {
    display: none;
  }
  .msb-big-table .msb-content-box.bank-regular ul li.invoice-item-list .action .msb-list-action {
    bottom: 5px !important;
  }
  .msb-big-table .msb-content-box.bank-regular ul li.invoice-item-list .action .msb-list-action ul li {
    padding: 13px 0;
  }
  .msb-big-table .msb-content-box.bank-regular ul li.title-table .time-action, .msb-big-table .msb-content-box.bank-regular ul li.title-table .normal-text, .msb-big-table .msb-content-box.bank-regular ul li.title-table .text-right, .msb-big-table .msb-content-box.bank-regular ul li.title-table .blance, .msb-big-table .msb-content-box.bank-regular ul li.title-table .action {
    display: none;
  }
  .msb-big-table .msb-content-box.bank-regular ul li.title-table .title-invoice, .msb-big-table .msb-content-box.bank-regular ul li.title-table .money-payment {
    width: 50%;
    padding-top: 0;
    position: static;
  }
  .msb-big-table .msb-content-box.bank-regular ul li .title-invoice {
    width: 70%;
    padding-top: 8%;
  }
  .msb-big-table .msb-content-box.bank-regular ul li .select-box {
    width: 10%;
  }
  .msb-big-table .msb-content-box.bank-regular ul li .time-action {
    top: 11px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.list-nap-tien .msb-list-view li .msb-transfer-history .invoice-content .title-transfer-history .transfer-chanel {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.list-nap-tien .msb-list-view li .msb-transfer-history .invoice-content .title-transfer-history .transfer-money {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.list-nap-tien .msb-list-view li .msb-transfer-history .invoice-content .title-transfer-history .production-name {
    width: 0;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.list-nap-tien .msb-list-view li .msb-transfer-history .invoice-content .msb-history-transfer-list li {
    width: 100%;
    height: 60px;
    float: left;
    position: relative;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.list-nap-tien .msb-list-view li .msb-transfer-history .invoice-content .msb-history-transfer-list .production-name {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.list-nap-tien .msb-list-view li .msb-transfer-history .invoice-content .msb-history-transfer-list .transfer-date {
    width: 50%;
    position: absolute;
    top: 5px;
    left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.list-nap-tien .msb-list-view li .msb-transfer-history .invoice-content .msb-history-transfer-list .transfer-chanel {
    width: 50%;
    position: absolute;
    left: 0px;
    bottom: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.list-nap-tien .msb-list-view li .msb-transfer-history .invoice-content .msb-history-transfer-list .transfer-money {
    width: 50%;
    position: absolute;
    right: 0px;
    top: 5px;
  }
  .msb-big-table .msb-content-box.list-nap-tien .msb-list-view li .msb-transfer-history .invoice-content .msb-history-transfer-list .transfer-money.msb-money-format {
    top: auto !important;
    bottom: 5px !important;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.list-command .list-action-production .show-command-history .msb-transfer-history {
    margin-top: 0;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-big-table .msb-content-box.list-command .list-action-production .show-command-history .msb-transfer-history .title-transfer-history .command-name {
    width: 0;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-big-table .msb-content-box.list-command .list-action-production .show-command-history .msb-transfer-history .title-transfer-history .command-money {
    width: 21% !important;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.list-command .list-action-production .show-command-history .msb-transfer-history .title-transfer-history .command-receive-name, .msb-big-table .msb-content-box.list-command .list-action-production .show-command-history .msb-transfer-history .title-transfer-history .command-money {
    display: none;
  }
}

@media only screen and (max-width: 1025px) {
  .msb-big-table .msb-content-box.list-command .list-action-production .show-command-history .msb-transfer-history .title-transfer-history .command-status {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-big-table .msb-content-box.list-command .list-action-production .show-command-history .msb-transfer-history .title-transfer-history .command-status {
    padding-left: 52px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.list-command .list-action-production .show-command-history .msb-transfer-history .title-transfer-history .command-status {
    padding-left: 0;
    text-align: right;
    width: 100% !important;
    padding-right: 10px;
    color: transparent;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.list-command .list-action-production .show-command-history .msb-transfer-history .title-transfer-history .command-status .command-close {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.list-command .list-action-production .show-command-history .command-name {
    height: 0;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.list-command .list-action-production .show-command-history .msb-list-action ul li {
    width: 33.33%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.list-command .list-action-production .show-command-history .fa {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .list-nap-tien .msb-list-view .title-table .invoice-content .production-name {
    width: 46%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .list-nap-tien .msb-list-view .title-table .invoice-content .production-price {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .list-nap-tien .msb-list-view .item-invoice .invoice-content .production-name {
    width: 46%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .list-nap-tien .msb-list-view .item-invoice .invoice-content .production-price {
    width: 100%;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .list-nap-tien .msb-list-view .item-invoice .invoice-content .production-price .sbHolder {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .list-nap-tien .msb-list-view .item-invoice .invoice-content .production-price button {
    float: right;
  }
}

.msb-big-table .msb-title-table {
  float: left;
  width: 100%;
  height: 60px;
  margin-top: -20px;
  position: relative;
  box-sizing: border-box;
  padding-left: 30px;
  line-height: 60px;
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-title-table {
    height: 49px;
    margin-top: -26px;
  }
}

.msb-big-table .msb-title-table .acc-name {
  font-size: 1.14286em;
  font-weight: normal;
  color: #636469;
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-title-table .acc-name {
    width: 75% !important;
    font-size: 0.92857em;
  }
}

.msb-big-table .msb-title-table .blance-available {
  color: rgba(99, 100, 105, 0.5);
  font-size: 0.85714em;
  box-sizing: border-box;
  padding-top: 2px;
}

.msb-big-table .msb-title-table .blance-available small {
  font-weight: normal;
}

.msb-big-table.close-table {
  padding-bottom: 0px;
}

.msb-big-table.close-table .msb-title-table {
  border-bottom: none;
}

.msb-big-table.close-table .blance-available {
  opacity: 0;
}

.msb-big-table.grid-view {
  box-shadow: none;
  background: transparent;
  border: none;
  padding: 0px;
  margin-bottom: 0px;
  margin-top: -10px;
}

.msb-big-table.grid-view .total-blance, .msb-big-table.grid-view .blance-available {
  display: none;
}

.msb-big-table.grid-view .msb-title-table {
  padding-left: 0;
  height: 30px;
  line-height: 30px;
  border-bottom: 0px;
  border-top: 1px solid rgba(167, 167, 167, 0.5);
  margin-top: 10px;
  padding-top: 20px;
  margin-bottom: 5px;
}

.msb-big-table.grid-view .msb-title-table .acc-name {
  font-size: 0.85714em;
  color: #999;
}

.msb-big-table.grid-view .msb-title-table:before {
  display: none;
}

.chage-content-box {
  float: left;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 1025px) {
  .chage-content-box .msb-openaccount {
    padding: 20px 0;
    width: 100%;
    margin: 0;
  }
}

.viewmore-button {
  display: block;
  height: 70px;
  line-height: 70px;
  position: relative;
  z-index: 20;
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
  float: left;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .viewmore-button {
    height: 50px;
    line-height: 60px;
  }
}

.viewmore-button a {
  display: block;
  font-size: 1.14286em;
  color: rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  font-weight: bold;
}

.viewmore-button a:hover {
  color: rgba(0, 0, 0, 0.4);
}

.total-account {
  float: left;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #ff3333;
  color: #fff;
  box-sizing: border-box;
  padding: 0 40px;
  border-top: 1px solid #e0e0e0;
}

@media only screen and (max-width: 1020px) {
  .total-account {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .total-account {
    padding: 10px 15px;
  }
}

.total-account.hidden {
  display: none;
}

.total-account ul {
  list-style: none;
  padding-left: 0px;
  height: 70px;
  line-height: 70px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 1020px) {
  .total-account ul {
    padding-top: 10px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .total-account ul {
    padding: 0;
  }
}

.total-account ul li {
  float: left;
  color: rgba(255, 255, 255, 0.6);
  margin-right: 31px;
  font-size: 0.85714em;
}

@media only screen and (max-width: 767px) {
  .total-account ul li {
    margin-right: 0;
  }
}

.total-account ul li strong {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .total-account ul li:first-child {
    width: 75%;
  }
}

.total-account ul li.action {
  margin-right: 0px;
  text-align: right;
  cursor: pointer;
}

@media only screen and (max-width: 1020px) {
  .total-account ul li.action {
    float: right;
    width: 30%;
    position: relative;
    top: -35%;
  }
}

@media only screen and (max-width: 767px) {
  .total-account ul li.action {
    top: -50%;
  }
}

@media only screen and (max-width: 1020px) {
  .total-account ul li.out {
    display: block;
    clear: both;
    width: 59%;
    text-align: right;
  }
}

@media only screen and (max-width: 767px) {
  .total-account ul li.out {
    text-align: left;
    width: 100%;
  }
}

@media only screen and (max-width: 1020px) {
  .total-account ul li.total {
    float: right;
    top: -18px;
    position: relative;
  }
}

@media only screen and (max-width: 767px) {
  .total-account ul li.total {
    float: left;
    top: 0;
  }
}

.msb-help-icon {
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .msb-help-icon {
    display: none;
  }
}

.msb-help-icon span {
  background: #b1b2b2;
  border-radius: 50px;
  font-size: 0.71429em;
  color: #fff;
  text-align: center;
  line-height: 16px;
  float: left;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  z-index: 9;
}

.msb-help-icon:after {
  content: "";
  position: absolute;
  z-index: 2;
  height: 25px;
  overflow: hidden;
  display: none;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.msb-help-icon .msb-box-tips {
  position: absolute;
  padding-bottom: 20px;
  top: 30px;
  display: none;
  min-width: 200px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 3px;
  background: #fff;
  z-index: 1;
  display: none;
}

.msb-help-icon .msb-box-tips.show-tip {
  display: block;
}

.msb-help-icon .msb-box-tips.left {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  margin-left: -20px;
}

.msb-help-icon .msb-box-tips.right {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  margin-left: 20px;
}

.msb-help-icon .msb-box-tips.up {
  -webkit-transform: translateY(-100%) translateX(-50%);
  -moz-transform: translateY(-100%) translateX(-50%);
  -ms-transform: translateY(-100%) translateX(-50%);
  -o-transform: translateY(-100%) translateX(-50%);
  transform: translateY(-100%) translateX(-50%);
  margin-top: -40px;
}

.msb-help-icon .msb-box-tips span {
  padding: 20px;
  background: #fff;
}

.msb-help-icon .msb-box-tips .tip-text {
  position: relative;
  z-index: 2;
  font-size: 0.85714em;
  line-height: 18px;
  color: #b1b2b2 !important;
}

.title-mess {
  width: 50% !important;
}

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

.msb-piechart-wrapper {
  float: left;
  width: 100%;
  height: auto;
}

.msb-box-table.msb-table-opacity .success-list-item, .msb-box-table.msb-table-opacity .invoice-item-list {
  opacity: 0.2;
}

.msb-box-table.msb-table-opacity .success-list-item.active-row, .msb-box-table.msb-table-opacity .invoice-item-list.active-row {
  opacity: 1;
}

.msb-box-search {
  width: 100%;
  height: 70px;
  background: #e3e3e3;
  padding: 15px 20px;
  box-sizing: border-box;
  border-color: transparent;
  border-bottom: none;
  position: absolute;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  left: 0px;
  top: 0px;
}

@media only screen and (max-width: 767px) {
  .msb-box-search {
    height: 115px;
    padding: 20px 20px;
    display: none;
  }
}

.msb-box-search form .txt-search {
  height: 40px;
  background: url(../images/search-icon.png) no-repeat #fff;
  background-position: 15px 10px;
  padding-left: 50px;
  padding-right: 50px;
  box-sizing: border-box;
  min-width: 230px;
  margin-top: 0px;
  border: 1px solid #ccc;
  font-weight: 400;
}

.msb-box-search form .txt-search::-webkit-input-placeholder {
  color: #999;
  font-style: normal;
}

.msb-box-search form .txt-search::-moz-placeholder {
  color: #999;
  font-style: normal;
}

.msb-box-search form .txt-search:-moz-placeholder {
  color: #999;
  font-style: normal;
}

.msb-box-search form .txt-search:-ms-input-placeholder {
  color: #999;
  font-style: normal;
}

.advance-search {
  position: relative;
  z-index: 3;
  padding-top: 5px;
}

.advance-search .search-text {
  font-weight: bold;
  color: #757171;
  font-size: 0.85714em;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .advance-search .search-text a {
    display: none;
  }
}

.advance-search .search-text.active-search span {
  background: #e61e23;
  color: #fff;
}

.advance-search .search-text em {
  display: inline-block;
  margin-right: 10px;
  color: #757171;
}

.advance-search .search-text span {
  display: inline-block;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background: #fff;
  color: #737272;
  font-weight: bold;
  border-radius: 50%;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
}

.advance-search .search-text span:hover {
  background: #e61e23;
  color: #fff;
}

.advance-search-box {
  float: left;
  width: 100%;
  height: auto;
  padding-bottom: 30px;
  opacity: 0;
  z-index: -1;
  top: -20px;
  position: relative;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.advance-search-box .advance-search-title {
  float: left;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid #d8d5d5;
  position: relative;
  z-index: 1;
}

.advance-search-box .advance-search-title strong {
  line-height: 10px;
  float: left;
  padding-bottom: 4px;
}

.advance-search-box .form-fields {
  float: left;
  width: 80%;
  height: auto;
  box-sizing: border-box;
  padding-right: 15px;
}

@media only screen and (max-width: 767px) {
  .advance-search-box .form-fields {
    width: 100%;
    padding-right: 0px;
  }
}

.advance-search-box .form-fields small {
  color: #63646a;
}

.advance-search-box .form-fields .item-form {
  float: left;
  width: 33.33%;
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  .advance-search-box .form-fields .item-form {
    width: 100%;
  }
}

.advance-search-box .form-fields .item-form input[type='text'] {
  min-width: 100% !important;
  width: 100% !important;
  height: 41px;
  margin-top: 0px;
}

.advance-search-box .form-fields .item-form .msb-datepicker {
  background-image: url(../images/calendar-icon-small.png);
  background-position: 94% center;
  background-repeat: no-repeat;
  color: #000;
  font-weight: bold;
}

.advance-search-box .form-fields .item-form .sbHolder {
  background: #fff;
  border: 1px solid #ccc;
  min-width: 100%;
  height: 40px;
}

.advance-search-box .form-fields .item-form .sbHolder .sbSelector {
  font-style: italic;
}

.advance-search-box .form-button {
  width: 20%;
  float: left;
  box-sizing: border-box;
  padding-left: 20px;
  padding-top: 40px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .advance-search-box .form-button {
    padding-top: 30px;
    width: 100%;
  }
}

.advance-search-box .form-button button {
  margin-bottom: 20px;
}

.advance-search-box .form-button:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 20px;
  background: #d8d5d5;
}

@media only screen and (max-width: 767px) {
  .advance-search-box .form-button:before {
    display: none;
  }
}

.list-acc-view {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
}

@media only screen and (max-width: 320px) {
  .list-acc-view {
    padding: 0 8%;
  }
}

@media only screen and (max-width: 767px) {
  .list-acc-view {
    padding: 0 6%;
  }
}

.list-acc-view .btn-next {
  right: -22px !important;
}

@media only screen and (max-width: 767px) {
  .list-acc-view .btn-next {
    right: -15px !important;
  }
}

.list-acc-view .btn-back {
  left: -10px !important;
}

.list-acc-view .btn-back, .list-acc-view .btn-next {
  color: rgba(233, 230, 230, 0.3);
}

.list-acc-view .btn-back:hover, .list-acc-view .btn-next:hover {
  color: rgba(233, 230, 230, 0.5);
}

.title-left-content {
  float: left;
  width: 100%;
  height: 50px;
}

@media only screen and (max-width: 767px) {
  .title-left-content {
    height: 35px;
  }
}

.title-left-content .title-box {
  font-size: 1.71429em;
  color: #000;
}

@media only screen and (max-width: 767px) {
  .title-left-content .title-box {
    font-size: 1.3em;
  }
}

.list-gridaction {
  float: right;
  margin-right: 20px;
}

@media only screen and (max-width: 1025px) {
  .list-gridaction {
    margin-right: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .list-gridaction {
    display: none;
  }
}

.list-gridaction ul {
  padding-left: 0px;
  list-style: none;
  margin-top: 10px;
}

.list-gridaction ul li {
  float: left;
  margin-right: 15px;
  cursor: pointer;
}

.list-gridaction ul li .msb {
  width: 15px;
  color: #999;
  font-size: 1.42857em;
}

.list-gridaction ul li .msb.white {
  color: #999;
}

.list-gridaction ul li i:hover {
  color: #e61e23 !important;
}

.list-gridaction ul li:hover, .list-gridaction ul li.active {
  color: #cb3030;
}

.list-gridaction ul li:last-child {
  margin-right: 0px;
}

.list-gridaction ul li.active .msb {
  color: #e61e23 !important;
}

.msb-title-page {
  float: left;
  width: 100%;
  height: 125px;
  background: #636469;
  position: relative;
  color: #fff;
}

.msb-title-page h1 {
  position: relative;
  z-index: 2;
  line-height: 1em;
  padding-bottom: 30px;
  font-size: 1.71429em;
  bottom: 0px;
  margin: 0px;
  margin-top: 71px;
}

.msb-title-page h1:after {
  content: "";
  position: absolute;
  left: 40px;
  bottom: 0px;
  width: 0px;
  height: 0px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #efefef;
}

.msb-title-page:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: black;
  background: -moz-linear-gradient(top, black 0%, transparent 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, black), color-stop(100%, transparent));
  background: -webkit-linear-gradient(top, black 0%, transparent 100%);
  background: -o-linear-gradient(top, black 0%, transparent 100%);
  background: -ms-linear-gradient(top, black 0%, transparent 100%);
  background: linear-gradient(to bottom, black 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
  opacity: 0.5;
  z-index: 1;
}

.content-view-invoice {
  float: left;
  width: 100%;
  height: auto;
  max-height: 700px;
  overflow-x: hidden;
  margin-top: -6px;
}

@media only screen and (max-width: 767px) {
  .content-view-invoice {
    max-height: none;
    overflow: hidden;
  }
}

@media only screen and (max-width: 767px) {
  .list-nap-tien .list-action-production li .invoice-content strong {
    font-size: 1em;
    margin-bottom: 3px;
  }
}

.msb-table-invoice {
  float: left;
  margin-bottom: 0px;
  width: 100%;
}

.msb-table-invoice strong, .msb-table-invoice small {
  float: left;
  width: 100%;
  line-height: 16px;
}

.msb-table-invoice.list-action-production .production-name {
  width: 20%;
  float: left;
}

.msb-table-invoice.list-action-production .production-require {
  width: 31.5%;
  float: left;
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice.list-action-production .production-require {
    width: 45%;
  }
}

.msb-table-invoice.list-action-production .production-require strong:hover {
  color: #e61e23;
}

.msb-table-invoice.list-action-production .production-price {
  width: 47%;
  float: left;
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice.list-action-production .production-price .msb-button-small {
    margin-top: 10px;
    position: static;
    opacity: 1;
  }
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice.list-action-production .production-price .msb-button-hidden {
    position: absolute;
    opacity: 0;
  }
}

.msb-table-invoice.list-action-production .production-price.production-text {
  width: 14.5%;
}

.msb-table-invoice.list-action-production .invoice-content:after {
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice.list-action-production .show-invoice-payment .invoice-content .money-payment {
    display: none;
  }
}

.msb-table-invoice.list-action-invoice {
  overflow: hidden;
}

.msb-table-invoice.list-action-invoice .production-name {
  width: 25.5%;
  float: left;
}

.msb-table-invoice.list-action-invoice .production-name label {
  width: 20px;
  height: 20px;
}

.msb-table-invoice.list-action-invoice .transfer-date {
  width: 24%;
}

.msb-table-invoice.list-action-invoice .production-require {
  width: 32%;
  float: left;
}

.msb-table-invoice.list-action-invoice .production-text-price {
  width: 13.33%;
  float: left;
  text-align: right;
}

.msb-table-invoice.list-action-invoice .production-text-price strong {
  line-height: 22px;
  display: inline-block;
  width: auto;
  float: none;
  margin-right: 5px;
}

.msb-table-invoice.list-action-invoice .production-text-price strong.red {
  color: #eb2c2c !important;
}

.msb-table-invoice.list-action-invoice .production-text-price span {
  font-size: 0.71429em;
  color: #808080;
  line-height: 22px;
}

.msb-table-invoice.list-action-invoice .production-text-total {
  float: left;
  width: 64%;
}

.msb-table-invoice.list-action-invoice .production-action {
  width: 33.8%;
  float: left;
}

.msb-table-invoice.list-action-invoice .msb-list-action ul {
  padding-right: 0px;
}

.msb-table-invoice .item-invoice {
  position: relative;
  border: none;
}

.msb-table-invoice .item-invoice:first-child .invoice-content:after {
  border-color: #d3d3d3;
}

.msb-table-invoice .item-invoice.total-invoice {
  display: none;
  padding-bottom: 20px;
}

.msb-table-invoice .item-invoice.total-invoice.msb-expland {
  padding-bottom: 20px !important;
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice .item-invoice.action-hover .invoice-content .money-payment {
    padding-bottom: 80px;
    padding-right: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice .item-invoice.action-hover .invoice-content .fa {
    display: none;
  }
}

.msb-table-invoice .item-invoice.action-hover .invoice-content .msb-list-action {
  width: 240px;
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice .item-invoice.action-hover .invoice-content .msb-list-action {
    top: -70px;
  }
}

.msb-table-invoice .item-invoice.action-hover .invoice-content .msb-list-action ul {
  opacity: 1;
}

.msb-table-invoice .item-invoice.action-hover .invoice-content .msb-list-action ul li {
  opacity: 1;
}

.msb-table-invoice .item-invoice.invoice-payment .invoice-content:after {
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice .item-invoice.invoice-payment .invoice-content:after {
    margin-top: 18px;
  }
}

.msb-table-invoice .item-invoice.invoice-payment .invoice-content .sbToggle {
  right: 5px !important;
}

.msb-table-invoice .item-invoice .invoice-content {
  float: left;
  width: 100%;
  padding: 15px 20px 0px 20px;
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice .item-invoice .invoice-content {
    padding: 0px 10px 15px 10px !important;
  }
}

.msb-table-invoice .item-invoice .invoice-content .production-name strong:hover, .msb-table-invoice .item-invoice .invoice-content .production-require strong:hover {
  color: #e61e23;
}

.msb-table-invoice .item-invoice .invoice-content strong {
  color: #000;
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice .item-invoice .invoice-content strong {
    font-size: 0.7em;
  }
}

.msb-table-invoice .item-invoice .invoice-content:after {
  margin-top: 5px;
  content: "";
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: -1px;
}

.msb-table-invoice .item-invoice.msb-expland {
  padding-bottom: 0px !important;
}

.msb-table-invoice .item-invoice.msb-expland .msb-transfer-history {
  height: auto;
  opacity: 1;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice .item-invoice.msb-expland .invoice-content .production-name {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice .item-invoice.msb-expland .invoice-content .transfer-date {
    width: 30%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice .item-invoice.msb-expland .invoice-content .transfer-chanel {
    width: 25%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice .item-invoice.msb-expland .invoice-content .transfer-money {
    width: 20%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice .item-invoice.msb-expland .invoice-content .msb-card-action .msb-list-action {
    display: none;
  }
}

.msb-table-invoice .item-invoice.title-table .invoice-content {
  padding: 0px 20px 0px 20px !important;
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice .item-invoice.title-table .invoice-content {
    padding: 0px 10px 10px 10px !important;
  }
}

.msb-table-invoice .item-invoice.title-table .invoice-content:after {
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice .item-invoice.title-table .invoice-content:after {
    margin-top: 8px !important;
  }
}

.msb-table-invoice .item-invoice .msb-total-action {
  float: right;
  box-sizing: border-box;
  padding-right: 30px;
}

.msb-table-invoice .item-invoice.payed-item .invoice-content {
  padding-top: 20px;
  padding-bottom: 0px;
}

.msb-table-invoice .item-invoice.payed-item .invoice-content:after {
  margin-top: 15px !important;
}

.msb-table-invoice .item-invoice.payed-item .msb-card-action {
  width: auto !important;
}

.msb-table-invoice .item-invoice.payed-item .msb-card-action .fa {
  display: none;
}

.msb-table-invoice .item-invoice.payed-item .msb-card-action ul, .msb-table-invoice .item-invoice.payed-item .msb-card-action li {
  opacity: 1;
}

.msb-table-invoice .item-invoice.payed-item .msb-list-action {
  width: 100px !important;
  right: 30px !important;
  opacity: 1 !important;
  background: none !important;
}

.msb-table-invoice .item-invoice.payed-item .msb-list-action.view-delete {
  right: 15px !important;
}

.msb-table-invoice .item-invoice.payed-item:first-child .invoice-content {
  padding-top: 20px !important;
}

@media only screen and (max-width: 767px) {
  .msb-table-invoice .item-invoice .action .fa {
    top: -50px;
  }
}

@media only screen and (max-width: 767px) {
  .payment-invoice-list .item-invoice.action-hover .msb-card-action .msb-list-action {
    top: 0;
  }
}

.list-command .item-invoice {
  cursor: pointer;
}

.list-command .item-invoice.action-hover .money-payment {
  padding-right: 90px !important;
}

.list-command .item-invoice.none-padding-action .money-payment {
  padding-right: 0 !important;
}

.list-command .item-invoice .invoice-content:after {
  margin-top: 15px !important;
}

.list-command .command-name {
  width: 14%;
  float: left;
}

@media only screen and (max-width: 767px) {
  .list-command .command-name {
    width: 100%;
  }
}

.list-command .command-name small {
  line-height: 1em;
  margin-top: 2px;
}

.list-command .command-name strong {
  font-size: 0.85714em;
  font-weight: bold;
  color: #808080 !important;
  line-height: 1em;
}

.list-command .command-title {
  width: 26%;
  float: left;
}

.list-command .command-title strong:hover {
  color: #e61e23 !important;
}

.list-command .command-receive-name {
  width: 20%;
  float: left;
}

@media only screen and (max-width: 767px) {
  .list-command .command-receive-name {
    width: 100%;
  }
}

.list-command .command-money {
  width: 20%;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  text-align: right;
}

.list-command .command-money.text-left {
  text-align: left;
  text-indent: 1px;
}

@media only screen and (max-width: 767px) {
  .list-command .command-money {
    width: 100%;
  }
}

.list-command .money-payment {
  text-align: right;
  font-weight: bold;
  color: #eb2c2c;
}

.list-command .command-frequency {
  width: 20%;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .list-command .command-frequency {
    width: 100%;
  }
}

.list-command .frequency-payment {
  text-align: center;
  font-weight: bold;
  color: #030303;
}

.list-command .command-action {
  width: 20%;
  float: left;
  position: relative;
}

@media only screen and (max-width: 1020px) {
  .list-command .command-action {
    width: 10%;
  }
}

@media only screen and (max-width: 767px) {
  .list-command .command-action {
    width: 100%;
  }
}

.list-command .command-action .fa {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  line-height: 30px;
  text-align: center;
  z-index: 10;
  color: rgba(0, 0, 0, 0.5);
}

.list-command .command-action .msb-list-action {
  top: -15px;
}

.list-command .command-action .msb-list-action ul li {
  text-align: center;
  padding-top: 23px;
  width: 29.333%;
}

@media only screen and (max-width: 767px) {
  .list-command .command-action .msb-list-action ul li {
    padding-top: 15px;
  }
}

.list-command .command-status {
  width: 19%;
  float: left;
  padding-left: 45px;
  box-sizing: border-box;
}

.list-command .show-command-history {
  position: relative;
}

.list-command .show-command-history .command-action {
  position: absolute;
  bottom: 0px;
  right: 20px;
  height: 47px;
}

@media only screen and (max-width: 767px) {
  .list-command .show-command-history .command-action {
    right: 0;
    height: 30px;
  }
}

.list-command .show-command-history .command-action .msb-list-action {
  width: 200px !important;
}

@media only screen and (max-width: 767px) {
  .list-command .show-command-history .command-action .msb-list-action {
    width: 100% !important;
  }
}

.list-command .show-command-history .command-action .msb-list-action ul li {
  opacity: 1;
}

.list-command .show-command-history .msb-transfer-history {
  opacity: 1;
  height: auto;
  padding-bottom: 68px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .list-command .show-command-history .msb-transfer-history {
    margin-top: 20px;
  }
}

.list-command .show-command-history .msb-transfer-history .msb-list-action {
  opacity: 1;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .list-command .show-command-history .invoice-content .title-transfer-history .command-name, .list-command .show-command-history .invoice-content .title-transfer-history .command-title {
    width: 0;
  }
}

@media only screen and (max-width: 767px) {
  .list-command .show-command-history .invoice-content .title-transfer-history .command-receive-name, .list-command .show-command-history .invoice-content .title-transfer-history .command-status {
    width: 40% !important;
  }
}

.list-command .command-history {
  width: 53%;
}

.list-command .command-40 {
  width: 50%;
  float: left;
}

@media only screen and (max-width: 1020px) {
  .list-command .command-40 {
    width: 35%;
  }
}

.list-command .command-24 {
  width: 24%;
  float: left;
}

.list-command .command-20 {
  width: 25%;
  text-align: right;
  float: left;
  padding-left: 20px;
}

.list-command .command-pending {
  font-weight: bold;
}

.list-command .command-info {
  padding-top: 8px;
  float: left;
  width: 23%;
  margin-right: 3%;
  border-right: 1px solid #efefef;
}

.list-command .command-info.title-tranfer-command {
  margin-right: 0px;
  border-right: none;
}

@media only screen and (max-width: 767px) {
  .list-command .command-info {
    width: 100%;
    border-right: none;
  }
}

.list-command .command-info p {
  margin-bottom: 0;
}

.list-command .command-info .command-info-title {
  font-size: 11px;
}

.list-command .command-info .command-info-val {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 4px;
}

@media only screen and (max-width: 1020px) {
  .list-command .command-info .command-info-val {
    line-height: 18px;
  }
}

.command-close {
  background: url(../images/close.png) no-repeat;
  width: 9px;
  height: 9px;
  display: inline-block;
  float: right;
  margin-top: 9px;
  cursor: pointer;
}

.command-close.payment-close {
  right: -20px !important;
}

.msb-transfer-history {
  float: left;
  width: 100%;
  position: relative;
  opacity: 0;
  height: 0px;
  background: #e3e3e3;
}

@media only screen and (max-width: 767px) {
  .msb-transfer-history {
    overflow: hidden;
  }
}

.msb-transfer-history .transfer-date, .msb-transfer-history .transfer-chanel, .msb-transfer-history .transfer-money {
  float: left;
  width: 18%;
}

.msb-transfer-history .transfer-action {
  float: right;
  position: relative;
  width: 13%;
}

.msb-transfer-history .transfer-action .payment-close {
  right: 0px !important;
}

.msb-transfer-history .transfer-money {
  text-align: right;
  position: relative;
}

.msb-transfer-history .transfer-money .command-close {
  position: absolute;
  right: -60px;
  cursor: pointer;
}

.msb-transfer-history .invoice-content {
  padding-top: 0px !important;
}

.msb-transfer-history .title-transfer-history {
  font-size: 0.78571em;
  color: rgba(68, 70, 75, 0.5);
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #efefef;
}

@media only screen and (max-width: 1020px) {
  .msb-transfer-history .command-40 {
    width: 40%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-transfer-history .command-name {
    width: 5%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-transfer-history .command-receive-name, .msb-transfer-history .command-money {
    width: 17% !important;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-transfer-history .command-20 {
    width: 30%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-transfer-history .command-20 {
    width: 35%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-transfer-history .command-receive-name {
    width: 10%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-transfer-history .command-status {
    width: 30%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-transfer-history .command-history {
    width: 58%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-transfer-history .command-history {
    width: 100%;
  }
}

.msb-history-transfer-list {
  float: left;
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  margin-top: 5px;
  font-size: 0.85714em;
  color: rgba(68, 70, 75, 0.9);
  width: 100%;
}

.msb-history-transfer-list li {
  float: left;
  width: 100%;
  height: auto;
  line-height: 28px;
}

@media only screen and (max-width: 767px) {
  .msb-history-transfer-list li {
    max-height: 60px;
    margin-top: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
}

.msb-expland {
  float: left;
  width: 100%;
  height: auto !important;
  padding-bottom: 0px !important;
}

.msb-expland .command-close {
  position: absolute;
  right: 28px;
}

.msb-expland .msb-transfer-history {
  opacity: 1;
  height: auto;
  position: relative;
}

.msb-expland .msb-transfer-history:before {
  content: "";
  position: absolute;
  left: -20px;
  background: #e3e3e3;
  top: 0px;
  width: 568px;
  height: 100%;
  z-index: 1;
}

.msb-expland .msb-transfer-history .invoice-content {
  position: relative;
  z-index: 2;
}

.invoce-list {
  float: left;
  width: 100%;
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (max-width: 767px) {
  .invoce-list {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.invoce-list .msb-title-full {
  float: left;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid rgba(167, 167, 167, 0.5);
  margin-bottom: 20px;
}

.invoce-list .msb-title-table {
  color: #636469;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.check-hidden {
  display: none;
}

.result-view-final {
  display: none;
}

.result-view-final.active {
  display: block;
}

.result-view-final a:hover {
  color: #fff !important;
}

.list-history-inv .list-title-inv {
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}

.list-history-inv .list-title-inv:last-child {
  border-bottom: none;
  padding-top: 10px;
}

.list-history-inv .list-title-inv .title-mo {
  padding-right: 27px;
}

.list-history-inv .title-mo-view {
  padding-top: 10px;
  padding-bottom: 5px;
}

.list-history-inv #total-month-view {
  color: #ff3333;
}

.list-history-inv .list-inv {
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}

.list-history-inv .month-inv {
  float: left;
  width: 20%;
  height: auto;
  text-indent: 10px;
  font-size: 0.85714em;
}

@media only screen and (max-width: 1025px) {
  .list-history-inv .month-inv {
    width: 40%;
  }
}

.list-history-inv .money-inv {
  float: left;
  width: 25%;
  text-align: right;
  font-size: 0.85714em;
}

@media only screen and (max-width: 1025px) {
  .list-history-inv .money-inv {
    width: 50%;
  }
}

.list-history-inv .money-inv strong, .list-history-inv .month-inv strong {
  color: #000;
}

.list-history-inv .money-inv span, .list-history-inv .month-inv span {
  color: #666666;
}

.list-history-inv .money-inv small, .list-history-inv .month-inv small {
  font-size: 1em;
}

.list-history-inv .list-view-month {
  float: left;
  width: 100%;
  height: auto;
  padding-left: 0px;
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
}

.list-history-inv .list-view-month li {
  float: left;
  width: 100%;
  line-height: 30px;
}

.msb-have-invoice-slider {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding-left: 15px;
  padding-bottom: 15px;
  height: auto;
  position: relative;
}

@media only screen and (max-width: 1020px) {
  .msb-have-invoice-slider .swiper-container {
    margin: 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-have-invoice-slider .swiper-container {
    margin: 0 10px;
  }
}

@media only screen and (max-width: 320px) {
  .msb-have-invoice-slider .swiper-container {
    margin: 0 30px;
  }
}

.msb-have-invoice-slider .btn-next-back {
  top: 32%;
}

.msb-have-invoice-slider .btn-next-back.btn-back {
  left: -10px;
}

@media only screen and (max-width: 320px) {
  .msb-have-invoice-slider .btn-next-back.btn-back {
    left: 5px;
  }
}

.msb-have-invoice-slider .btn-next-back.btn-next {
  right: -20px !important;
}

.msb-have-invoice-slider .branding-item a.sactive {
  background: #fff;
}

.msb-have-invoice-slider .logo-branding {
  float: left;
  text-align: center;
}

.msb-have-invoice-slider .logo-branding a {
  position: relative;
  display: inline-block;
  width: 185px;
  height: 105px;
  box-sizing: border-box;
  border: 1.5px dashed rgba(0, 0, 0, 0.5);
  margin-bottom: 5px;
  border-radius: 3px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

@media only screen and (max-width: 1025px) {
  .msb-have-invoice-slider .logo-branding a {
    width: 145px;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-have-invoice-slider .logo-branding a {
    width: 255px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-have-invoice-slider .logo-branding a {
    width: 140px;
  }
}

@media only screen and (max-width: 320px) {
  .msb-have-invoice-slider .logo-branding a {
    width: 210px;
  }
}

.msb-have-invoice-slider .logo-branding a img {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .msb-have-invoice-slider .logo-branding a img {
    max-width: 80%;
  }
}

@media only screen and (max-width: 320px) {
  .msb-have-invoice-slider .logo-branding a img {
    max-width: 100%;
  }
}

.msb-have-invoice-slider .logo-branding p {
  font-size: 0.85714em;
  color: rgba(0, 0, 0, 0.4);
}

.msb-have-invoice-slider .logo-branding:hover a {
  background: #fff;
}

.widget-form {
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .widget-form {
    padding-top: 0;
  }
}

.widget-form .sbHolder {
  margin-top: 10px;
  width: 100%;
  height: 40px;
}

@media only screen and (max-width: 1020px) {
  .widget-form .sbHolder {
    min-width: 120px !important;
  }
}

.widget-form .sbHolder a {
  color: #999;
}

.widget-form .sbHolder .sbOptions {
  min-width: 120px;
  padding: 8px !important;
}

.widget-form .sbHolder .sbOptions li {
  height: 41px;
  overflow: hidden;
}

.widget-form .sbHolder .sbOptions li a {
  height: 40px;
}

.widget-form .sbHolder .sbSelector {
  width: 90%;
}

.widget-form input[type="text"] {
  font-size: 1.07143em;
}

.widget-form input[type="text"]::-webkit-input-placeholder {
  font-style: normal;
}

.widget-form input[type="text"]::-moz-placeholder {
  font-style: normal;
}

.widget-form input[type="text"]:-moz-placeholder {
  font-style: normal;
}

.widget-form input[type="text"]:-ms-input-placeholder {
  font-style: normal;
}

.widget-form button {
  margin-top: 10px;
}

.result-quick-transf {
  float: left;
  width: 100%;
  height: auto;
  display: none;
}

.result-quick-transf .list-info-quick {
  list-style: none;
  padding-left: 0px;
}

.result-quick-transf .list-info-quick li {
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 1px solid rgba(204, 204, 204, 0.4);
  padding-bottom: 5px;
  padding-top: 5px;
}

.result-quick-transf .list-info-quick li small, .result-quick-transf .list-info-quick li strong {
  width: 100%;
}

.result-quick-transf .list-info-quick li small font, .result-quick-transf .list-info-quick li strong font {
  float: right;
  line-height: 20px;
}

.result-quick-transf .list-info-quick li small font.msb-money-format, .result-quick-transf .list-info-quick li strong font.msb-money-format {
  float: none;
  line-height: auto;
}

.result-quick-transf .list-info-quick li .clearfix {
  margin: -2px;
}

.result-quick-transf .list-info-quick li.quick-action {
  border-bottom: none;
  padding-top: 20px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 1025px) {
  .result-quick-transf .list-info-quick li strong {
    font-size: 0.92857em;
  }
}

.detail-invoice-transfer {
  float: left;
  width: 191%;
  height: auto;
  display: none;
  border-top: 1px solid transparent;
}

@media only screen and (max-width: 767px) {
  .detail-invoice-transfer {
    height: auto !important;
    width: 100%;
  }
}

.detail-invoice-transfer .list-transfer {
  list-style: none;
  height: 48px;
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
}

.detail-invoice-transfer .list-transfer li {
  float: left;
  border-right: 1px solid #efefef;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .detail-invoice-transfer .list-transfer li {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    border: none;
  }
}

.detail-invoice-transfer .list-transfer li p {
  font-size: 0.85714em;
  color: #000000;
}

@media only screen and (max-width: 767px) {
  .detail-invoice-transfer .list-transfer li p {
    margin-bottom: 5px;
  }
}

.detail-invoice-transfer .list-transfer li small {
  font-size: 0.78571em;
}

.detail-invoice-transfer .list-transfer li:first-child {
  padding-left: 0px;
}

.detail-invoice-transfer .list-transfer li:last-child {
  border-right: none;
}

.result-01 {
  display: none;
}

.msb-list-action {
  float: left;
  position: absolute;
  width: 0px;
  height: 65px;
  background: #e61d24;
  box-sizing: border-box;
  padding-right: 0px;
  right: 0px;
  opacity: 1;
  top: 0px;
  z-index: 1;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .msb-list-action {
    height: 50px;
  }
}

.msb-list-action ul {
  padding-left: 0px;
  list-style: none;
  float: left;
  width: 100%;
  overflow: hidden;
}

.msb-list-action ul li {
  float: left;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  width: 33.333%;
}

.gray-text strong {
  opacity: 0.2;
}

.cancel-step {
  color: #636469;
  font-size: 0.85714em;
}

.widget-left {
  margin-bottom: 30px;
}

.widget-left li a {
  display: block;
  width: 100%;
  border-bottom: 1px solid rgba(212, 211, 211, 0.4);
}

@media only screen and (max-width: 767px) {
  .widget-left li a {
    border: none;
  }
}

.quick-result-message {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 10px;
  display: none;
  padding-top: 30px;
}

@media only screen and (max-width: 767px) {
  .quick-result-message {
    margin-top: 10px;
  }
}

.quick-result-message.active {
  display: block;
}

.quick-result-message img, .quick-result-message p, .quick-result-message a {
  position: relative;
  z-index: 2;
  color: #fff;
  line-height: 18px;
}

.quick-result-message .clearfix {
  margin-bottom: 5px;
}

.quick-result-message img {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.quick-result-message:before {
  position: absolute;
  width: 263px;
  height: 100%;
  top: 0px;
  left: -20px;
  content: "";
  background: #e61e23;
}

@media only screen and (max-width: 767px) {
  .quick-result-message:before {
    width: 150%;
  }
}

.hidden-transfer-normal {
  display: none;
}

.hidden-transfer-normal.active {
  display: block;
}

.msb-text-total-home {
  width: 20.5%;
}

.cancel-add {
  color: #636469;
  font-style: italic;
  border-bottom: 1px solid #636469;
}

.msb-none-account {
  width: 180px;
  height: 180px;
  display: inline-block;
  text-align: center;
  margin-left: 100px;
  margin-top: 20px;
}

.msb-none-account .add-account {
  width: 58px;
  height: 58px;
  display: inline-block;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  font-size: 3.78571em;
  background: #e41e26;
  color: #fff;
}

.msb-none-account .add-account:hover {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-left {
  text-align: left !important;
}

.quanly-lenh-command {
  width: 60% !important;
}

.quanly-lenh-command .command-80.text-right {
  float: left !important;
  width: 40% !important;
}

.quanly-lenh-command .command-20 {
  width: 20% !important;
}

.action-lenh {
  margin-top: 0px !important;
}

.action-lenh li {
  width: auto !important;
}

.widget-slide-image {
  float: left;
  width: 100%;
  padding: 0px !important;
  height: auto;
  border: 1px solid rgba(42, 41, 43, 0.16);
}

.widget-slide-image .ads-items {
  padding: 0px !important;
}

.msb-no-margin {
  margin: 0px !important;
}

header {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 102;
  height: 80px;
  background: #fff;
  width: 100%;
  z-index: 1010;
  transition: background-color 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

header:after {
  content: "";
  width: 100%;
  height: 5px;
  box-sizing: border-box;
  bottom: -5px;
  position: absolute;
  left: 0px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.2);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

@media only screen and (max-width: 767px) {
  header .container-fluid #logo {
    float: left;
    position: relative;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto !important;
  }
}

.is-visible {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.is-fixed {
  top: -80px;
  position: fixed !important;
  z-index: 99999;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  background: #fff;
}

.msb-container-header {
  float: left;
  width: 100%;
  height: 80px;
  position: relative;
}

.msb-container-header #logo {
  position: absolute;
  left: 0px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 1020px) {
  .msb-container-header #logo {
    left: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-container-header #logo {
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .msb-container-header #logo img {
    width: 120px;
    height: auto;
  }
}

.language-list {
  width: 150px;
  border: 1px solid #ddd;
  height: 30px;
  padding-left: 0px;
  list-style: none;
  box-sizing: border-box;
  padding: 1px 5px;
  margin-top: 17%;
  background: #fff;
  position: relative;
  z-index: 2;
}

.language-list:hover {
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
}

.language-list:after {
  font-family: FontAwesome;
  content: "\f0dd";
  font-size: 1.28571em;
  color: #e61e23;
  position: absolute;
  top: -1px;
  right: 10px;
  z-index: 99;
}

.language-list li {
  display: none;
  min-height: 28px;
}

.language-list li a {
  font-size: 0.85714em;
  color: #757474;
}

.language-list li img {
  margin-right: 10px;
}

.language-list li.active {
  display: block;
}

.language-list:hover {
  height: auto;
}

.language-list:hover:after {
  content: "\f0de";
  top: 6px;
}

.language-list:hover li {
  display: block;
  border-bottom: 1px solid rgba(237, 237, 237, 0.3);
}

.language-list:hover li:last-child {
  border: none;
}

.msb-hotline {
  border-right: 1px solid #e3e3e3;
  height: 50px;
  box-sizing: border-box;
  margin: 15px 20px auto auto;
  padding: 10px 20px 5px;
}

@media only screen and (max-width: 767px) {
  .msb-hotline {
    display: none;
  }
}

.msb-hotline span {
  min-height: 50px;
  float: left;
  margin-left: 10px;
  line-height: 15px;
}

.msb-sub-nav .container {
  padding: 0;
}

.msb-sub-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.msb-sub-nav ul:hover li:before {
  display: none !important;
}

.msb-sub-nav ul li {
  display: inline-block;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .msb-sub-nav ul li {
    display: none;
  }
}

.msb-sub-nav ul li a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.14286em;
  padding: 30px 20px;
  /*border-right: 1px solid #eee;*/
}

@media only screen and (max-width: 1025px) {
  .msb-sub-nav ul li a {
    padding: 30px 15px;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-sub-nav ul li a {
    font-size: 1em;
    padding: 30px 9px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-sub-nav ul li a {
    padding: 20px;
  }
}

.msb-sub-nav ul li:last-child::after {
  display: none !important;
}

.msb-sub-nav ul li:after {
  width: 1px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  opacity: 0.4;
  background: #78787a;
  background: -moz-linear-gradient(45deg, #78787a 0%, rgba(68, 68, 71, 0) 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, #78787a), color-stop(100%, rgba(68, 68, 71, 0)));
  background: -webkit-linear-gradient(45deg, #78787a 0%, rgba(68, 68, 71, 0) 100%);
  background: -o-linear-gradient(45deg, #78787a 0%, rgba(68, 68, 71, 0) 100%);
  background: -ms-linear-gradient(45deg, #78787a 0%, rgba(68, 68, 71, 0) 100%);
  background: linear-gradient(45deg, #78787a 0%, rgba(68, 68, 71, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78787a', endColorstr='#444447', GradientType=1 );
}

.msb-sub-nav ul li:before {
  position: absolute;
  bottom: 0;
  left: 39%;
  content: "";
  width: 0px;
  height: 0px;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid #efefef;
  display: none;
}

@media only screen and (max-width: 767px) {
  .msb-sub-nav ul li:before {
    left: 10%;
  }
}

.msb-sub-nav ul li.active a, .msb-sub-nav ul li:hover a {
  color: #fff !important;
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.56);
}

.msb-sub-nav ul li.active:before, .msb-sub-nav ul li:hover:before {
  display: block;
}

@media only screen and (max-width: 767px) {
  .msb-sub-nav ul li.active {
    display: block;
  }
}

.msb-sub-nav ul li:hover:before {
  display: block !important;
}

.mobile-menu-open {
  overflow: hidden;
}

#navigator {
  float: right;
  width: auto;
  height: auto;
  margin-top: 30px;
  padding-top: 10px;
}

.msb-main-navigation {
  float: left;
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 1025px) {
  .msb-main-navigation {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
  }
}

.msb-main-navigation i {
  display: none;
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation i {
    display: block;
    position: absolute;
    top: 18px;
    font-size: 1em;
    left: 13px;
  }
}

.msb-main-navigation > .menu-item {
  float: left;
  position: relative;
  border-right: 1px solid #efeeee;
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation > .menu-item:nth-child(odd) {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  }
  .msb-main-navigation > .menu-item:nth-child(even) {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  }
}

.msb-main-navigation > .menu-item:first-child {
  border-left: 1px solid #efeeee;
}

.msb-main-navigation > .menu-item.current-menu-item > a {
  box-sizing: border-box;
  color: #fff;
  border-top: 3px solid #e41e26;
  background: #4a4b50;
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation > .menu-item.current-menu-item > i {
    color: #fff;
  }
}

.msb-main-navigation > .menu-item:hover > a {
  color: #fff !important;
  border-top: 3px solid #e41e26 !important;
  background: #4a4b50 !important;
  box-sizing: border-box;
}

.msb-main-navigation > .menu-item.has-submenu > a {
  padding-right: 30px;
  position: relative;
  z-index: 3;
}

.msb-main-navigation > .menu-item.has-submenu > a:after {
  content: "\f0d7";
  position: absolute;
  right: 14px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #e61e23;
  margin-top: 2px;
  font-size: 0.85714em;
}

.msb-main-navigation > .menu-item.has-submenu > a:before {
  content: "";
  width: 0px;
  height: 0px;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #fff;
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -1px;
  opacity: 0;
}

.msb-main-navigation > .menu-item.has-submenu:hover > a:after {
  color: #8e8c8c;
  content: "\f0d8";
}

.msb-main-navigation > .menu-item.has-submenu:hover > a:before {
  opacity: 1;
}

.msb-main-navigation > .menu-item.only-respon {
  display: none;
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation > .menu-item.only-respon {
    display: block;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation > .menu-item.main-user-menu {
    display: none;
  }
}

.msb-main-navigation > .menu-item a {
  padding: 0px 20px;
  color: #333;
  float: left;
  height: 80px;
  line-height: 80px;
  width: 100%;
  font-weight: bold;
  box-sizing: border-box;
  border-top: 3px solid transparent;
  font-size: 1.14286em;
}

@media only screen and (max-width: 1199px) {
  .msb-main-navigation > .menu-item a {
    padding: 0px 15px;
  }
}

@media only screen and (max-width: 1025px) {
  .msb-main-navigation > .menu-item a {
    padding: 0px 16px;
  }
}

@media only screen and (max-width: 1025px) {
  .msb-main-navigation > .menu-item a {
    font-size: 1em;
    padding: 0px 12px;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation > .menu-item a {
    display: none;
    color: rgba(255, 255, 255, 0.5) !important;
    padding: 0 20px 0 38px !important;
  }
}

.msb-main-navigation > .menu-item .msb-submenu {
  display: none;
  position: absolute;
  width: 250px;
  height: auto;
  left: 0px;
  padding-left: 0px;
  list-style: none;
  top: 80px;
  background: #fff;
  z-index: 2;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.msb-main-navigation > .menu-item .msb-submenu .menu-item {
  float: left;
  width: 100%;
  line-height: 20px;
  text-transform: none;
  border: none;
  border-bottom: 1px solid #ebebeb;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation > .menu-item .msb-submenu .menu-item {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
    background: rgba(0, 0, 0, 0.3);
  }
}

.msb-main-navigation > .menu-item .msb-submenu .menu-item:last-child {
  border: none !important;
}

.msb-main-navigation > .menu-item .msb-submenu .menu-item a {
  height: 45px;
  line-height: 40px;
  display: block;
  position: relative;
  color: #3e3f47;
  box-sizing: border-box;
  padding-left: 25px;
  font-size: 0.85714em;
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation > .menu-item .msb-submenu .menu-item a {
    padding-left: 38px !important;
  }
}

@media only screen and (max-width: 767px) {
  .msb-main-navigation > .menu-item .msb-submenu .menu-item a {
    color: #fff;
  }
}

.msb-main-navigation > .menu-item .msb-submenu .menu-item a:before {
  text-indent: 0px;
  content: "\f111";
  font-size: 0.28571em;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 15px;
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation > .menu-item .msb-submenu .menu-item a:before {
    left: 21px;
  }
}

.msb-main-navigation > .menu-item .msb-submenu .menu-item a:hover {
  background: #fff;
  color: #000;
  border-color: transparent !important;
}

.msb-main-navigation > .menu-item .msb-submenu .menu-item .msb-submenu {
  display: none;
  top: 0px;
  left: 200px;
}

.msb-main-navigation > .menu-item .msb-submenu .menu-item:hover {
  color: #e41e26 !important;
}

.msb-main-navigation > .menu-item .msb-submenu .menu-item:hover a {
  border-color: transparent !important;
  background: #efeeee !important;
  color: #e41e26 !important;
}

.msb-main-navigation > .menu-item .msb-submenu .menu-item:hover .msb-submenu {
  display: block;
}

.msb-main-navigation > .menu-item .msb-submenu .menu-item:last-child:hover {
  border: none !important;
}

.msb-main-navigation > .menu-item:hover .msb-submenu {
  display: block;
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation > .menu-item:hover .msb-submenu {
    display: none;
  }
}

.msb-main-navigation:hover > .menu-item.current-menu-item > a {
  color: #333;
  border-top: 3px solid transparent;
  background: transparent;
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation:hover > .menu-item.current-menu-item > a, .msb-main-navigation:hover > .menu-item:hover > a {
    color: #333;
    border-top: 3px solid transparent;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    overflow-scrolling: touch;
    position: fixed;
    left: -255px;
    height: 100vh;
    background: #44464b;
    display: block;
    width: 255px;
    top: 0px;
    z-index: 99999;
    padding-right: 0;
    padding-left: 0;
    box-sizing: border-box;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow-y: scroll;
  }
  .msb-main-navigation .close {
    position: absolute;
    color: #fff;
    top: 4px;
    right: 4px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
  }
  .msb-main-navigation .close:before {
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 1.42857em;
  }
}

@media only screen and (max-width: 1020px) and (max-width: 1020px) {
  .msb-main-navigation {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation.nav-mobile-active {
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-box-shadow: 7px -1px 44px -8px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 7px -1px 44px -8px rgba(0, 0, 0, 0.6);
    box-shadow: 7px -1px 44px -8px rgba(0, 0, 0, 0.6);
  }
  .msb-main-navigation .menu-item {
    float: left;
    width: 100%;
    border-right: none !important;
    border-left: none !important;
    height: auto;
  }
  .msb-main-navigation .menu-item.has-submenu > a:after {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.14286em;
  }
  .msb-main-navigation .menu-item.has-submenu > a:before {
    display: none;
  }
  .msb-main-navigation .menu-item:hover > a {
    border-top: none !important;
    background: none !important;
  }
  .msb-main-navigation .menu-item a {
    float: left;
    width: 100%;
    line-height: 18px;
    display: block;
    height: auto;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.14286em;
    border-top: none;
    font-weight: normal;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding: 0 20px;
  }
}

@media only screen and (max-width: 1020px) and (max-width: 1020px) {
  .msb-main-navigation .menu-item.current-menu-item {
    border-color: rgba(0, 0, 0, 0.5);
  }
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation .menu-item.current-menu-item > a {
    border-top: none;
    height: auto;
    color: rgba(255, 255, 255, 0.8) !important;
    background: rgba(0, 0, 0, 0.3) !important;
  }
}

@media only screen and (max-width: 1020px) and (max-width: 1020px) {
  .msb-main-navigation .menu-item.current-menu-item > a {
    color: #fff !important;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation .menu-item .msb-submenu {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    border: none;
  }
}

@media only screen and (max-width: 1020px) and (max-width: 1020px) {
  .msb-main-navigation .menu-item .msb-submenu {
    display: none;
    background: transparent !important;
    box-shadow: none;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation .menu-item .msb-submenu .menu-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}

@media only screen and (max-width: 1020px) and (max-width: 1020px) {
  .msb-main-navigation .menu-item .msb-submenu .menu-item.current-menu-item {
    border-top: 1px solid rgba(0, 0, 0, 0.5) !important;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation .menu-item .msb-submenu .menu-item a {
    line-height: 18px;
    height: auto;
    color: rgba(255, 255, 255, 0.5);
    border-bottom: none;
  }
  .msb-main-navigation .menu-item .msb-submenu .menu-item a:hover {
    background: none;
  }
  .msb-main-navigation .menu-item .msb-submenu .menu-item:after {
    bottom: 0;
  }
  .msb-main-navigation .menu-item .msb-submenu .menu-item:hover a {
    border: none !important;
    background-color: transparent !important;
    color: #fff !important;
  }
  .msb-main-navigation .menu-item .msb-submenu .menu-item:last-child a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
  }
}

@media only screen and (max-width: 1020px) and (max-width: 1020px) {
  .msb-main-navigation .menu-item .msb-submenu .menu-item:last-child a {
    border: none !important;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-main-navigation:hover .menu-item:hover > a, .msb-main-navigation:hover .menu-item.current-menu-item > a {
    background: rgba(0, 0, 0, 0.3) !important;
    border-top: none !important;
  }
}

.humberger-button.hidden-desktop {
  display: none;
}

@media only screen and (max-width: 1020px) {
  .humberger-button.hidden-desktop {
    display: block;
    border: none;
    width: 35px;
    height: 35px;
    background: transparent;
    font-size: 1.28571em;
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
  }
}

.msb-userprofile {
  width: 270px;
  height: 45px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  margin-top: 1.3%;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .msb-userprofile {
    display: none;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-userprofile.mobile {
    width: 100%;
    color: #fff;
    padding: 0 20px;
    position: relative;
    height: inherit;
  }
}

@media only screen and (max-width: 1020px) and (max-width: 767px) {
  .msb-userprofile.mobile {
    display: block;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-userprofile.mobile .user-name-link {
    width: 70%;
    float: right;
    white-space: inherit;
  }
}

@media only screen and (max-width: 1020px) and (max-width: 767px) {
  .msb-userprofile.mobile .user-name-link {
    width: 74%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-userprofile.mobile .user-name-link p {
    text-align: left;
  }
  .msb-userprofile.mobile .user-name-link p a {
    color: #fff;
  }
  .msb-userprofile.mobile .user-avatar {
    float: left;
    margin-left: 10px;
  }
}

@media only screen and (max-width: 1020px) and (max-width: 767px) {
  .msb-userprofile.mobile .user-avatar {
    margin-left: 0;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-userprofile.mobile .user-avatar:after {
    display: none;
  }
}

.msb-userprofile .user-name-link {
  float: left;
  width: 212px;
  height: auto;
  white-space: nowrap;
}

.msb-userprofile .user-name-link p {
  text-align: right;
  margin-bottom: 0px;
}

.msb-userprofile .user-name-link p a {
  color: #333;
}

.msb-userprofile .user-name-link p a:hover {
  text-decoration: underline !important;
}

.msb-userprofile .user-name-link .username {
  font-weight: bold;
  font-size: 1.14286em;
}

@media only screen and (max-width: 1025px) {
  .msb-userprofile .user-name-link .username {
    font-size: 0.92857em;
  }
}

.msb-userprofile .user-name-link .link-to {
  font-size: 0.85714em;
  color: #e41e26;
}

.msb-userprofile .user-name-link .link-to:before {
  content: "\f0f3";
  font-family: FontAwesome;
}

.msb-userprofile .user-name-link .link-to font {
  color: #e41e26;
}

.msb-userprofile .user-menu-view {
  position: absolute;
  top: 40px;
  right: 0px;
  width: 198px;
  height: auto;
  padding-top: 22px;
  z-index: 9;
  display: none;
}

.msb-userprofile .user-menu-view:before {
  position: absolute;
  top: 12px;
  right: 15px;
  content: "";
  width: 0px;
  height: 0px;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #fff;
}

.msb-userprofile .user-menu-view .list-user-link {
  display: inline-block;
  padding-left: 0px;
  width: 100%;
  list-style: none;
  margin-bottom: 0px !important;
  background: #fff;
  box-shadow: 0px 6px 50px 0px rgba(0, 0, 0, 0.24);
}

.msb-userprofile .user-menu-view .list-user-link li {
  width: 100%;
  line-height: 22px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  color: #3e3f47;
  border-bottom: 1px solid #ebebeb;
}

.msb-userprofile .user-menu-view .list-user-link li a {
  color: #3e3f47;
  padding-left: 25px;
  position: relative;
  font-weight: bold;
  font-size: 0.85714em;
}

.msb-userprofile .user-menu-view .list-user-link li a:before {
  font-family: FontAwesome;
  text-indent: 0px;
  content: "\f111";
  font-size: 0.28571em;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 15px;
}

.msb-userprofile .user-menu-view .list-user-link li:hover {
  color: #e41e26;
}

.msb-userprofile .user-menu-view .list-user-link li:hover a {
  color: #e41e26;
}

.msb-userprofile .user-avatar {
  float: right;
  width: 53px;
  position: relative;
}

.msb-userprofile .user-avatar:after {
  content: "\f0d7";
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -5px;
  color: #e41e26;
}

.msb-userprofile .user-avatar .msb-user-avatar {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  overflow: hidden;
}

.msb-userprofile .user-avatar .msb-user-avatar img {
  max-width: 40px;
  height: auto;
}

.msb-userprofile .user-avatar:hover .user-menu-view {
  display: block;
}

.msb-userprofile .user-avatar:hover:after {
  content: "\f0d8";
}

.menu-profile {
  display: none;
}

@media only screen and (max-width: 1020px) {
  .menu-profile {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding-bottom: 20px;
    display: block;
  }
}

.main-user-menu {
  display: none;
}

@media only screen and (max-width: 1020px) {
  .main-user-menu {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  #main-slider {
    display: none;
  }
}

.msb-login-page {
  float: left;
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .msb-login-page {
    position: static;
    height: auto;
  }
}

.msb-login-page .container-form {
  position: absolute;
  top: 0px;
  left: 45%;
  float: left;
  width: 50%;
  height: 100vh;
  float: left;
  z-index: 9;
  box-sizing: border-box;
  padding-top: 80px;
  padding-bottom: 50px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .msb-login-page .container-form {
    width: 100%;
    position: static;
    height: auto;
    padding-bottom: 0px;
  }
}

.msb-login-page .container-form .msb-container {
  height: 100%;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .msb-login-page .container-form .msb-container {
    position: static;
    float: left;
    width: 100%;
    height: auto;
  }
}

.msb-login-page .container-form .txt-login::-webkit-input-placeholder {
  font-style: normal;
}

.msb-login-page .container-form .txt-login::-moz-placeholder {
  font-style: normal;
}

.msb-login-page .container-form .txt-login:-moz-placeholder {
  font-style: normal;
}

.msb-login-page .container-form .txt-login:-ms-input-placeholder {
  font-style: normal;
}

.msb-login-page .box-right-form {
  height: 100%;
  float: left;
  position: absolute;
  right: 0px;
}

.msb-login-page .box-right-form.wide-box-form {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .msb-login-page .box-right-form {
    position: static;
    height: auto;
    width: 100%;
  }
}

.msb-login-page .msb-loginform {
  box-sizing: border-box;
  padding: 30px 25px;
  background: #fff;
  padding-bottom: 110px;
}

@media only screen and (min-width: 767px) {
  .msb-login-page .msb-loginform {
    border: 1px solid rgba(42, 41, 43, 0.16);
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15);
    position: absolute;
    right: 0px;
    width: 280px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 43%;
  }
}

.msb-login-page .msb-loginform.msb-box-wide {
  width: 390px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .msb-login-page .msb-loginform.msb-box-wide {
    padding-top: 120px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: static;
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  .msb-login-page .msb-loginform.msb-box-wide br {
    display: none;
  }
}

.msb-login-page .msb-loginform .text-sub a {
  text-decoration: underline;
  color: #999999;
  font-size: 0.85714em;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .msb-login-page .msb-loginform .text-sub a {
    padding: 20px 0;
  }
}

.msb-login-page .msb-loginform .msb-captcha-box {
  float: left;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 8px;
}

.msb-login-page .msb-loginform .msb-captcha-box input[type="text"] {
  width: 45%;
  min-width: 50px;
}

.msb-login-page .msb-loginform .msb-captcha-box .imgcaptcha {
  margin-top: 10px;
  float: right;
  width: 45%;
  overflow: hidden;
  min-height: 40px;
}

.msb-login-page .msb-loginform input[type="text"], .msb-login-page .msb-loginform input[type="password"] {
  min-width: inherit;
}

.msb-login-page .msb-note-login {
  bottom: 0px;
  right: 0px;
  font-size: 0.85714em;
  padding-bottom: 40px;
}

@media only screen and (max-width: 1025px) {
  .msb-login-page .msb-note-login {
    padding-bottom: 10px !important;
  }
  .msb-login-page .msb-note-login br {
    display: none;
  }
}

@media only screen and (max-width: 1025px) {
  .msb-login-page .msb-note-login {
    padding-bottom: 5px !important;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-login-page .msb-note-login {
    padding-bottom: 80px !important;
  }
}

@media only screen and (min-width: 767px) {
  .msb-login-page .msb-note-login {
    position: absolute;
  }
}

@media only screen and (max-width: 767px) {
  .msb-login-page .msb-note-login {
    color: #999;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px !important;
  }
}

.msb-login-page .msb-bottom-form {
  background: #44464b;
  font-size: 0.85714em;
  padding: 20px 30px;
}

@media only screen and (min-width: 767px) {
  .msb-login-page .msb-bottom-form {
    position: absolute;
    left: -1px;
    bottom: -1px;
    width: 101%;
    height: 85px;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 767px) {
  .msb-login-page .msb-bottom-form {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}

.msb-login-page .msb-bottom-form a {
  color: #fff;
}

.msb-login-page .msb-bottom-form a strong {
  text-decoration: underline;
}

.msb-gray-gradient {
  float: left;
  width: 100%;
  height: auto;
  min-height: 190px;
  position: relative;
  background: #636469;
}

@media only screen and (max-width: 1020px) {
  .msb-gray-gradient {
    min-height: 165px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-gray-gradient {
    min-height: 100px;
  }
}

.msb-gray-gradient:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.msb-gray-gradient .list-acc-view {
  margin-top: 3.6%;
}

@media only screen and (max-width: 767px) {
  .msb-gray-gradient .list-acc-view .swiper-container .swiper-slide {
    margin-top: 10px;
    height: 56px !important;
  }
}

@media only screen and (max-width: 767px) {
  .msb-gray-gradient .list-acc-view .btn-next-back {
    top: 60%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-gray-gradient .list-acc-view .btn-back {
    left: 0 !important;
  }
}

.msb-gray-gradient .list-acc-view .msb-bank-account {
  height: 105px;
  width: 255px;
  margin-left: 10px;
  min-height: 105px;
  padding-top: 15px;
}

@media only screen and (max-width: 1025px) {
  .msb-gray-gradient .list-acc-view .msb-bank-account {
    width: 215px;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-gray-gradient .list-acc-view .msb-bank-account {
    width: 220px;
    min-height: 95px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-gray-gradient .list-acc-view .msb-bank-account {
    width: 90%;
  }
}

.msb-gray-gradient .list-acc-view .msb-bank-account .msb-star {
  position: absolute;
  top: 8px;
  right: 10px;
  color: #e71e24;
}

.msb-gray-gradient .list-acc-view .msb-bank-account .msb-balance {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.85714em;
}

@media only screen and (max-width: 767px) {
  .msb-gray-gradient .list-acc-view .msb-bank-account .msb-balance {
    padding-left: 10px;
    display: none;
  }
}

.msb-gray-gradient .list-acc-view .msb-bank-account .msb-money, .msb-gray-gradient .list-acc-view .msb-bank-account .currency {
  color: rgba(0, 0, 0, 0.5);
}

.msb-gray-gradient .list-acc-view .msb-bank-account .msb-acc-name {
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 5px;
}

.form-addmore {
  padding: 20px;
  float: left;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .form-addmore {
    padding: 0px;
    padding-top: 20px;
  }
}

.wu-acc-arr small {
  font-weight: normal;
}

.list-wu-history {
  padding-top: 20px;
}

.list-wu-history .green {
  color: #468c08 !important;
}

.msb-acclist-detail {
  float: left;
  width: 100%;
  height: auto;
}

.msb-acc-detail-balance {
  display: none;
  position: relative;
  padding-top: 70px;
}

@media only screen and (max-width: 1020px) {
  .msb-acc-detail-balance {
    padding-top: 42px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-acc-detail-balance {
    padding-top: 0;
  }
}

.msb-acc-detail-balance .close-detail {
  position: absolute;
  top: 60px;
  right: 5px;
  cursor: pointer;
  width: 15px;
  height: 15px;
  background: url(../images/close.png) no-repeat center center;
}

@media only screen and (max-width: 1020px) {
  .msb-acc-detail-balance .close-detail {
    top: 42px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-acc-detail-balance .close-detail {
    top: 0px;
    display: none;
  }
}

.msb-acc-detail-balance .list-detail li:first-child {
  height: 20px;
}

@media only screen and (max-width: 767px) {
  .msb-acc-detail-balance .list-detail li:first-child {
    height: 0;
    padding: 0;
  }
}

.list-group-acc-tk {
  display: none;
}

.list-group-acc-tk .msb-card-action ul {
  width: 125px !important;
}

.list-group-acc-tk .msb-card-action ul li {
  width: 50% !important;
}

.acc-detail-list {
  float: left;
  width: 100%;
  height: auto;
  background: #fff;
  position: relative;
}

.acc-detail-list .info-bank {
  box-sizing: border-box;
  position: relative;
}

.acc-detail-list .info-bank.normal-detail .list-detail, .acc-detail-list .info-bank.normal-detail .blance-chart-no {
  width: 48%;
  float: left;
}

.acc-detail-list .info-bank.normal-detail .blance-chart-no {
  float: right;
}

.acc-detail-list .info-bank:before {
  position: absolute;
  top: -98px;
  left: 110px;
  content: "";
  width: 0px;
  height: 0px;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid #fff;
}

@media only screen and (max-width: 1020px) {
  .acc-detail-list .info-bank:before {
    top: -55px;
    left: 65px;
  }
}

@media only screen and (max-width: 767px) {
  .acc-detail-list .info-bank:before {
    top: -42px;
    left: 12%;
  }
}

.acc-detail-list .list-detail {
  float: left;
  width: 100%;
  height: auto;
  list-style: none;
  padding-left: 0px;
}

.acc-detail-list .list-detail li {
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 7px;
}

.acc-detail-list .list-detail li h3 {
  margin-top: 0px;
  margin-bottom: 17px;
}

@media only screen and (max-width: 1025px) {
  .acc-detail-list .list-detail li h3 {
    line-height: 30px;
  }
}

@media only screen and (max-width: 1020px) {
  .acc-detail-list .list-detail li h3 {
    margin-bottom: 0;
  }
}

.acc-detail-list .list-detail li > div {
  float: left;
}

@media only screen and (max-width: 767px) {
  .acc-detail-list .list-detail li > div {
    padding: 6px 0;
  }
}

.acc-detail-list .list-detail li > div.blance-available {
  min-width: 120px;
  margin-right: 15px;
  border-right: 1px solid #e7e7e7;
}

@media only screen and (max-width: 1025px) {
  .acc-detail-list .list-detail li > div.blance-available {
    min-width: 115px;
  }
}

.acc-detail-list .list-detail li > div.blance-percent {
  min-width: 75px;
  margin-right: 15px;
  border-right: 1px solid #e7e7e7;
}

@media only screen and (max-width: 767px) {
  .acc-detail-list .list-detail li > div.blance-percent {
    min-width: 70px;
  }
}

.acc-detail-list .list-detail li > div.show-more-detail {
  margin-top: 5px;
}

.acc-detail-list .list-detail li.msb-item-border {
  border-top: none !important;
  border-bottom: 1px solid #e7e7e7;
}

.acc-detail-list .list-detail li.msb-item-border:last-child {
  border-bottom: none;
}

.acc-detail-list .list-detail li h3 {
  font-size: 2.5em;
  float: left;
  width: 100%;
}

@media only screen and (max-width: 1020px) {
  .acc-detail-list .list-detail li h3 {
    font-size: 1.78571em;
  }
}

.acc-detail-list .list-detail li .msb-acc-no {
  float: left;
  width: 100%;
  font-size: 1.28571em;
  color: #808080;
}

.acc-detail-list .list-detail li:nth-child(2) {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  margin-top: 5px;
}

.acc-detail-list .list-detail li .title-blance {
  color: #808080;
  font-weight: 300;
  font-size: 0.85714em;
  line-height: 11px;
}

.acc-detail-list .list-detail li .blance-money {
  color: #010101;
}

.chart-views {
  box-sizing: border-box;
  padding-left: 30px;
}

@media only screen and (max-width: 1020px) {
  .chart-views {
    padding-left: 15px;
    width: 64%;
    top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .chart-views {
    width: 100%;
    top: 0;
  }
}

@media only screen and (max-width: 1020px) {
  .chart-views canvas {
    width: 420px !important;
    height: 175px !important;
  }
}

@media only screen and (max-width: 767px) {
  .chart-views {
    padding-left: 0px;
  }
  .chart-views .chart-list {
    display: none;
  }
}

.chart-views .blance-chart-no {
  float: left;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .chart-views .blance-chart-no {
    display: none;
  }
}

.title-chart-blance {
  float: left;
  width: 100%;
  height: 40px;
}

@media only screen and (max-width: 767px) {
  .title-chart-blance {
    display: none;
  }
}

.title-chart-blance .title-box {
  float: left;
}

.title-chart-blance .title-box > span {
  font-size: 0.85714em;
  color: #707070;
}

.title-chart-blance .blance-month {
  float: right;
}

.title-chart-blance .blance-month ul {
  float: left;
  width: auto;
  list-style: none;
  padding-left: 0px;
  line-height: 40px;
}

.title-chart-blance .blance-month ul li {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
}

.title-chart-blance .blance-month ul li:after {
  content: "";
  width: 1px;
  height: 10px;
  position: absolute;
  right: -5px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #808080;
}

.title-chart-blance .blance-month ul li:last-child {
  margin-right: 0px;
}

.title-chart-blance .blance-month ul li:last-child:after {
  display: none;
}

.msb-more-action {
  box-sizing: border-box;
  padding-left: 50px;
  height: auto;
}

@media only screen and (max-width: 1020px) {
  .msb-more-action {
    padding-left: 0;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-more-action {
    padding-left: 0px;
    margin-top: 0px;
  }
}

.msb-more-action .box-more-actioncontent {
  float: left;
  width: 100%;
  height: auto;
}

.msb-more-action .box-more-actioncontent .title-box {
  font-weight: bold;
  font-size: 1.28571em;
  color: #010101;
  margin-bottom: 22px;
}

@media only screen and (max-width: 1020px) {
  .msb-more-action .box-more-actioncontent .title-box {
    margin-bottom: 1px;
    padding-top: 8px;
    font-size: 1em;
  }
}

.msb-more-action .box-more-actioncontent .list-action {
  float: left;
  width: 100%;
  height: auto;
  list-style-position: inside;
  padding-left: 0px;
}

.msb-more-action .box-more-actioncontent .list-action li {
  float: left;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #e61d24;
  border-top: 1px dashed #e1e1e1;
}

@media only screen and (max-width: 1020px) {
  .msb-more-action .box-more-actioncontent .list-action li {
    line-height: 18px;
    padding-top: 10px;
    width: auto;
    padding-right: 20px;
    white-space: nowrap;
  }
}

@media only screen and (max-width: 767px) {
  .msb-more-action .box-more-actioncontent .list-action li {
    width: 100%;
  }
}

.msb-more-action .box-more-actioncontent .list-action li a {
  vertical-align: middle;
  color: #717070;
}

.msb-more-action .box-more-actioncontent .list-action li a:hover {
  color: #e61d24;
}

@media only screen and (max-width: 1025px) {
  .msb-more-action .box-more-actioncontent .list-action li a {
    line-height: 24px;
    padding: 10px 0;
    font-size: 0.9em;
  }
}

.msb-more-action .box-more-actioncontent.msb-top-boxaction .title-box {
  color: #fff;
}

.msb-more-action .box-more-actioncontent.msb-top-boxaction .list-action li {
  color: #b1b2b2;
  border-top: 1px solid rgba(225, 225, 225, 0.2);
}

@media only screen and (max-width: 1020px) {
  .msb-more-action .box-more-actioncontent.msb-top-boxaction .list-action li {
    height: 45px;
  }
}

.msb-more-action .box-more-actioncontent.msb-top-boxaction .list-action li a {
  color: #b1b2b2;
}

.acc-group-preview .msb-account-item {
  cursor: pointer;
}

.acc-group-preview .msb-account-item .msb-acc-history-balance {
  display: none;
}

.acc-group-preview .msb-account-item.active-acc {
  position: relative;
  padding-bottom: 5px !important;
}

.acc-group-preview .msb-account-item.active-acc .msb-acc-history-balance {
  display: block;
}

.acc-group-preview .msb-account-item.active-acc:after {
  content: "";
  width: 876px;
  position: absolute;
  z-index: 1;
  top: -1px;
  height: 100%;
  top: 0px;
  border: 1px solid rgba(51, 51, 51, 0.15);
  left: -20px;
}

.msb-acc-history-balance {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding-left: 80px;
  margin-top: 15px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .msb-acc-history-balance {
    padding-left: 0px;
  }
}

.msb-acc-history-balance .row-balance {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 5px;
  padding-bottom: 5px;
}

.msb-acc-history-balance .row-balance .sbOptions {
  z-index: 5;
}

.msb-acc-history-balance .row-balance .col-before {
  float: left;
  width: auto;
  padding-left: 15px;
  padding-right: 32px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 767px) {
  .msb-acc-history-balance .row-balance .col-before {
    padding-right: 10px;
  }
}

.msb-acc-history-balance .row-balance .col-before .clearfix {
  margin: -2px !important;
}

.msb-acc-history-balance .row-balance .col-before small, .msb-acc-history-balance .row-balance .col-before span {
  width: 100%;
  margin-bottom: 0px;
  line-height: 1em !important;
}

.msb-acc-history-balance .row-balance .col-before small {
  font-size: 0.78571em;
  color: rgba(0, 0, 0, 0.5);
}

.msb-acc-history-balance .row-balance .col-before span {
  font-size: 0.85714em;
  color: #000;
}

.msb-acc-history-balance .row-balance .col-before:first-child {
  padding-left: 0px;
}

.msb-acc-history-balance .row-balance .col-before:last-child {
  border-right: none;
}

.msb-big-table .msb-content-box.truy-van .history-notification small {
  font-weight: normal;
}

.msb-big-table .msb-content-box.truy-van .history-notification strong {
  color: #000;
}

.msb-big-table .msb-content-box.truy-van .history-notification .time-action strong {
  font-weight: normal;
}

@media only screen and (max-width: 1020px) {
  .msb-big-table .msb-content-box.truy-van .history-notification .time-action {
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.truy-van .history-notification .time-action {
    font-size: 0.85714em;
  }
}

.msb-big-table .msb-content-box.truy-van .history-notification .time-action .new {
  color: #e61d24;
  font-weight: bold;
}

.msb-big-table .msb-content-box.truy-van .history-notification .history-time {
  width: 18%;
  text-align: left;
  padding-right: 0px;
}

.msb-big-table .msb-content-box.truy-van .history-notification .history-time strong {
  font-size: 0.9em;
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.truy-van .history-notification .history-time strong {
    font-size: 0.78571em;
    color: rgba(0, 0, 0, 0.5);
    font-weight: normal;
    float: left;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.truy-van .history-notification .history-time small {
    width: 70%;
    line-height: 22px !important;
    padding-left: 10px;
  }
}

.msb-big-table .msb-content-box.truy-van .history-notification .history-tranfer, .msb-big-table .msb-content-box.truy-van .history-notification .money-payment {
  text-align: left;
  padding-right: 0px;
}

.msb-big-table .msb-content-box.truy-van .history-notification .history-tranfer small, .msb-big-table .msb-content-box.truy-van .history-notification .money-payment small {
  line-height: 10px;
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.truy-van .history-notification .history-tranfer small, .msb-big-table .msb-content-box.truy-van .history-notification .money-payment small {
    line-height: 14px;
  }
}

.msb-big-table .msb-content-box.truy-van .history-notification .history-tranfer.payment-trasoat, .msb-big-table .msb-content-box.truy-van .history-notification .money-payment.payment-trasoat {
  width: 14%;
}

.msb-big-table .msb-content-box.truy-van .history-notification .history-message {
  width: 35%;
  margin-top: 5px;
}

@media only screen and (max-width: 1025px) {
  .msb-big-table .msb-content-box.truy-van .history-notification .history-message {
    width: 32%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-big-table .msb-content-box.truy-van .history-notification .history-message {
    width: 28%;
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.truy-van .history-notification .history-message {
    width: 100%;
    padding-top: 1%;
  }
}

.msb-big-table .msb-content-box.truy-van .history-notification .history-action {
  width: 5%;
  text-align: right;
  margin-right: 20px;
  float: right;
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.truy-van .history-notification .history-action {
    width: 100%;
    position: absolute;
    right: 0;
    top: 40%;
  }
}

.msb-big-table .msb-content-box.truy-van .history-notification .history-full-message {
  display: none;
}

.msb-big-table .msb-content-box.truy-van .history-notification .text-money {
  white-space: nowrap;
}

.msb-big-table .msb-content-box.truy-van .history-notification .text-money small {
  width: auto;
  font-weight: normal;
  padding-left: 5px;
  font-size: 0.71429em;
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.truy-van .history-notification .text-money {
    padding-top: 10px;
  }
}

.msb-big-table .msb-content-box.truy-van .history-notification .truyvan-message .description-lienhe {
  display: none;
}

.msb-big-table .msb-content-box.truy-van .history-notification .active-row {
  padding-bottom: 0px;
}

.msb-big-table .msb-content-box.truy-van .history-notification .active-row .truyvan-message .description-lienhe {
  display: block;
  padding: 10px 0 40px;
}

.msb-big-table .msb-content-box.truy-van .history-notification .active-row .truyvan-message .description-lienhe small {
  float: left;
  padding-top: 10px;
  font-size: 1em;
  line-height: 24px;
}

.msb-big-table .msb-content-box.truy-van .history-notification .active-row .truyvan-message .description-lienhe a {
  font-size: 1em;
  color: #000;
  font-style: italic;
  text-decoration: underline;
}

.msb-big-table .msb-content-box.truy-van .history-notification .active-row .history-full-message {
  display: block;
  float: left;
  box-sizing: border-box;
  padding-bottom: 60px;
  margin-top: 18px;
  padding-top: 25px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.truy-van .history-notification .active-row .history-full-message {
    padding-left: 0;
  }
}

.msb-big-table .msb-content-box.truy-van .history-notification .active-row .history-full-message:before {
  content: "";
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  width: 90%;
  height: 1px;
  position: absolute;
  top: 0px;
}

@media only screen and (max-width: 1025px) {
  .msb-big-table .msb-content-box.truy-van .history-notification .active-row .history-full-message:before {
    width: 83%;
    left: 5%;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-big-table .msb-content-box.truy-van .history-notification .active-row .history-full-message:before {
    width: 87%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.truy-van .history-notification .active-row .history-full-message:before {
    left: 0;
  }
}

.msb-big-table .msb-content-box.truy-van .history-notification .active-row .history-full-message .mess-title {
  float: left;
  width: 17%;
}

.msb-big-table .msb-content-box.truy-van .history-notification .active-row .history-full-message .mess-mess {
  float: right;
  width: 82%;
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.truy-van .history-notification .active-row .history-full-message .mess-mess {
    padding-right: 10%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.truy-van .msb-list-view .title-table .history-time, .msb-big-table .msb-content-box.truy-van .msb-list-view .title-table .history-message {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.truy-van .msb-list-view .title-table .money-payment {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.truy-van .msb-list-view .invoice-item-list {
    padding-left: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.truy-van .msb-list-view .invoice-item-list .select-box {
    left: -25px;
    position: relative;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.truy-van .msb-list-view .invoice-item-list .time-action {
    left: 10%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-big-table .msb-content-box.truy-van .msb-list-view .invoice-item-list .money-payment {
    position: static;
    width: 100%;
  }
}

.quanly-thanhtoan {
  padding-bottom: 0 !important;
  overflow: hidden;
}

.quanly-thanhtoan .list-command .command-info {
  border: none;
  margin-right: 0;
}

.quanly-thanhtoan .list-command .command-history {
  padding-left: 3%;
  border-left: 1px solid #efefef;
  margin-bottom: 10px;
  margin-top: 5px;
}

.quanly-thanhtoan .list-command .command-money {
  width: 20%;
  text-align: center;
}

.quanly-thanhtoan .list-command .command-status {
  padding-left: 22px;
}

.quanly-thanhtoan .list-command .command-receive-name {
  width: 16%;
}

.quanly-thanhtoan .list-command .command-status {
  width: 23%;
}

.quanly-thanhtoan .list-command .command-action {
  width: 24%;
}

@media only screen and (max-width: 767px) {
  .quanly-thanhtoan .list-command .command-title {
    width: 73%;
  }
}

@media only screen and (max-width: 767px) {
  .quanly-thanhtoan .list-command .command-title strong {
    font-size: 1em;
  }
}

@media only screen and (max-width: 767px) {
  .quanly-thanhtoan .list-command .command-name, .quanly-thanhtoan .list-command .command-receive-name, .quanly-thanhtoan .list-command .command-frequency {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .quanly-thanhtoan .list-command .msb-card-action ul {
    padding-right: 40px;
    padding-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .quanly-thanhtoan .list-command .msb-card-action ul li {
    float: right;
  }
}

@media only screen and (max-width: 767px) {
  .quanly-thanhtoan .list-command .msb-card-action ul li i {
    font-size: 1em;
  }
}

.quanly-thanhtoan .msb-history-transfer-list {
  border-left: 1px solid #efefef;
  padding-left: 25px;
  margin-top: 0px;
}

.quanly-thanhtoan .msb-history-transfer-list .command-40 {
  width: 30%;
}

.quanly-thanhtoan .msb-history-transfer-list .command-24 {
  width: 25%;
}

.quanly-thanhtoan .msb-history-transfer-list .command-20 {
  width: 35%;
}

.quanly-thanhtoan .lich-su {
  width: 100%;
  border-top: 1px solid #efefef;
  padding-top: 10px;
}

.quanly-thanhtoan .lich-su .command-history-trans {
  width: 23%;
  float: left;
  padding-right: 15px;
}

@media only screen and (max-width: 767px) {
  .quanly-thanhtoan .lich-su .command-history-trans {
    width: 100%;
  }
}

.quanly-thanhtoan .lich-su .command-history {
  padding-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .quanly-thanhtoan .lich-su .command-history {
    padding-bottom: 0;
  }
}

.quanly-thanhtoan .lich-su .msb-button {
  padding: 8px 17px;
  margin-bottom: 8px;
}

@media only screen and (max-width: 767px) {
  .quanly-thanhtoan .lich-su .msb-button {
    margin-right: 10px;
  }
}

.quanly-thanhtoan .lich-su .list-fillter {
  margin: 0;
  padding: 0;
  float: right;
}

@media only screen and (max-width: 767px) {
  .quanly-thanhtoan .lich-su .list-fillter {
    float: left;
  }
}

.quanly-thanhtoan .lich-su .list-fillter li {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .quanly-thanhtoan .lich-su .list-fillter li {
    float: left;
  }
}

.quanly-thanhtoan .lich-su .title-history {
  text-align: right;
}

.quanly-thanhtoan .lich-su .title-history small {
  font-size: 0.78571em;
  float: right;
  line-height: 40px;
}

@media only screen and (max-width: 767px) {
  .quanly-thanhtoan .lich-su .title-history {
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  .quanly-thanhtoan .msb-table-invoice .item-invoice.show-command-history .invoice-content {
    padding: 0px 10px 0px 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .quanly-thanhtoan .msb-table-invoice .item-invoice.show-command-history .msb-transfer-history {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .quanly-thanhtoan .msb-content-box.list-command .list-action-production .show-command-history .msb-transfer-history .title-transfer-history .command-title {
    width: 73% !important;
  }
}

@media only screen and (max-width: 767px) {
  .quanly-thanhtoan .msb-content-box.list-command .list-action-production .show-command-history .msb-transfer-history .title-transfer-history .command-status {
    width: 23% !important;
    height: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .quanly-thanhtoan .msb-content-box.list-command .list-action-production .show-command-history .msb-transfer-history .title-transfer-history .command-status .command-close {
    position: relative;
    top: -27px;
  }
}

.list-main-action {
  list-style: none;
  padding-left: 0px;
  float: right;
  margin-right: 15px;
}

.list-main-action li {
  display: inline-block;
  line-height: 30px;
  text-align: right;
  font-size: 1.28571em;
}

.list-main-action li .msb {
  text-align: right;
}

.list-main-action li .msb:hover {
  color: #e61e23 !important;
}

.msb-transfer-history {
  cursor: default !important;
}

.historysub {
  display: none;
}

.msb.active {
  color: #e61e23 !important;
}

.msb-form-otp {
  float: left;
  width: 80%;
  margin-left: 14%;
}

@media only screen and (max-width: 1025px) {
  .msb-form-otp {
    width: 70%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-form-otp {
    width: 100%;
    margin-left: 0;
    padding-top: 10px;
    border-top: 1px solid #efefef;
  }
}

.msb-form-otp .msb-otp-id {
  float: left;
  font-size: 0.85714em;
  color: #8C8889;
  line-height: 40px;
  padding-right: 20px;
}

.msb-form-otp .title-form {
  width: 20%;
  float: left;
  line-height: 40px;
  font-size: 1.14286em;
  color: #adadad;
}

@media only screen and (max-width: 1025px) {
  .msb-form-otp .title-form {
    width: 33%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-form-otp .title-form {
    font-size: 1em;
  }
}

.msb-form-otp input {
  width: 110px;
  height: 37px;
  min-width: 10px !important;
  margin-top: 0px !important;
}

@media only screen and (max-width: 767px) {
  .msb-form-otp input {
    margin-top: 10px !important;
  }
}

.msb-query {
  float: left;
  width: 100%;
  background: #efefef;
  padding-top: 40px;
  padding-bottom: 105px;
}

@media only screen and (max-width: 767px) {
  .msb-query {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}

.msb-query.padding {
  padding-top: 80px;
}

@media only screen and (max-width: 767px) {
  .msb-query.padding {
    padding-top: 30px;
  }
}

.msb-query .msb-title-table .acc-name, .msb-query .total-blance .acc-name {
  width: 40%;
  color: #636469;
}

@media only screen and (max-width: 767px) {
  .msb-query .msb-title-table .acc-name, .msb-query .total-blance .acc-name {
    white-space: nowrap;
  }
}

.msb-query .msb-title-table .blance-available, .msb-query .total-blance .blance-available {
  width: 20.5%;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .msb-query .msb-title-table .blance-available, .msb-query .total-blance .blance-available {
    width: 24.5%;
  }
}

.msb-query .total-blance small, .msb-query .total-blance strong {
  float: none;
  width: auto;
}

.msb-query .total-blance small {
  color: #999;
}

.msb-box-graybg {
  float: left;
  width: 100%;
  height: auto;
  background: #4a4b50;
  box-sizing: border-box;
  padding-top: 95px;
  padding-bottom: 60px;
  color: #b1b2b2;
}

@media only screen and (max-width: 1020px) {
  .msb-box-graybg {
    padding: 40px 0;
    max-height: 420px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-box-graybg {
    padding-top: 30px;
    padding-bottom: 10px;
    max-height: 900px;
  }
}

@media only screen and (max-width: 1025px) {
  .msb-box-graybg .msb-more-action {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-box-graybg .msb-more-action {
    padding-left: 0px;
    width: 30%;
    top: -195px;
    position: relative;
  }
}

@media only screen and (max-width: 767px) {
  .msb-box-graybg .msb-more-action {
    width: 100%;
    top: 0px;
  }
}

.msb-box-graybg .msb-more-action .box-more-actioncontent .title-box {
  font-weight: normal;
}

@media only screen and (max-width: 1020px) {
  .msb-box-graybg .msb-more-action .box-more-actioncontent .title-box {
    font-size: 1em;
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-box-graybg .msb-more-action .list-action li {
    width: 100%;
  }
}

.msb-box-graybg .msb-more-action .list-action li a:hover {
  color: #fff;
}

.msb-acc-name {
  box-sizing: border-box;
  padding-right: 15px;
}

@media only screen and (max-width: 1020px) {
  .msb-acc-name {
    width: 39%;
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .msb-acc-name {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 0px;
  }
}

.box-user-view {
  float: left;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .box-user-view {
    text-align: center;
  }
}

.box-user-view .msb-main-user-name {
  font-size: 2.5em;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: bold;
}

@media only screen and (max-width: 1020px) {
  .box-user-view .msb-main-user-name {
    font-size: 2em;
    margin-bottom: 9px;
  }
}

.box-user-view .user-message {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  font-size: 0.92857em;
}

.box-user-view .user-message a {
  color: #fff;
}

.box-user-view .user-message a:hover {
  color: #eb2c2c;
}

.box-user-ads {
  float: left;
  width: 100%;
  background: #fff;
  min-height: 122px;
  position: relative;
}

@media only screen and (max-width: 1020px) {
  .box-user-ads {
    display: none;
  }
}

.box-user-ads .message-ads {
  color: #616161;
}

.box-user-ads .ads-pagination {
  float: left;
  width: 100%;
  bottom: 0px;
  height: 30px;
  left: 0px;
  position: absolute;
  bottom: 0px;
  z-index: 9;
  background: #f6f6f6;
  text-align: center;
  box-sizing: border-box;
  padding-top: 5px;
}

.box-user-ads .ads-pagination span {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  display: inline-block;
}

.box-user-ads .ads-pagination span.swiper-pagination-bullet-active {
  background: #e61d24;
}

.msb-chart-acc {
  box-sizing: border-box;
  padding-left: 15px;
}

@media only screen and (max-width: 1025px) {
  .msb-chart-acc {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-chart-acc {
    width: 60.5%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-chart-acc {
    width: 100%;
  }
}

.msb-piechart-wrapper {
  float: left;
  width: 100%;
  height: auto;
}

.msb-piechart-wrapper .msb-chart-info {
  float: left;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 1020px) {
  .msb-piechart-wrapper .msb-chart-info {
    width: 90%;
    margin-top: 39px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-piechart-wrapper .msb-chart-info {
    width: 100%;
    margin-top: 0px;
    text-align: center;
  }
}

.msb-piechart-wrapper .msb-chart-info .msb-title-chart {
  float: left;
  width: 100%;
  margin-top: 10px;
  height: 35px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
}

.msb-piechart-wrapper .msb-chart-info .msb-title-chart small {
  color: #999999;
}

@media only screen and (max-width: 767px) {
  .msb-piechart-wrapper .msb-chart-info .msb-title-chart small {
    font-size: 0.85714em;
    text-align: center;
  }
}

.msb-piechart-wrapper .msb-chart-info .msb-title-chart .msb-help-icon {
  position: absolute;
  top: 5px;
  right: 0px;
}

@media only screen and (max-width: 1020px) {
  .msb-piechart-wrapper .msb-chart-info .msb-title-chart .msb-help-icon {
    right: -20px;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-piechart-wrapper .msb-chart-info .msb-title-chart .msb-help-icon span {
    left: -30px;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-piechart-wrapper .msb-chart-info .msb-title-chart .msb-box-tips {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    margin-left: -50px;
  }
}

.msb-piechart-wrapper .msb-chart-info .title-text {
  width: 145px;
  float: right;
  text-align: left;
  position: relative;
  line-height: 15px;
}

@media only screen and (max-width: 1020px) {
  .msb-piechart-wrapper .msb-chart-info .title-text {
    float: left;
  }
}

@media only screen and (max-width: 767px) {
  .msb-piechart-wrapper .msb-chart-info .title-text {
    width: 100%;
  }
  .msb-piechart-wrapper .msb-chart-info .title-text br {
    display: none;
  }
}

.msb-piechart-wrapper .msb-chart-view {
  position: relative;
  z-index: 9;
  top: -50px;
  float: left;
  left: 15px;
}

@media only screen and (max-width: 1020px) {
  .msb-piechart-wrapper .msb-chart-view {
    top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-piechart-wrapper .msb-chart-view {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.msb-piechart-wrapper .msb-chart-view canvas {
  margin-left: 30px;
}

@media only screen and (max-width: 1025px) {
  .msb-piechart-wrapper .msb-chart-view canvas {
    margin-left: 0px;
    width: 225px !important;
    height: 225px !important;
  }
}

.msb-piechart-wrapper .cart-info-view {
  float: right;
  width: 145px;
  font-size: 0.85714em;
}

@media only screen and (max-width: 1020px) {
  .msb-piechart-wrapper .cart-info-view {
    width: 35%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-piechart-wrapper .cart-info-view {
    margin-top: 20px;
    width: 100%;
  }
}

.msb-piechart-wrapper .cart-info-view .blance-account {
  float: left;
  list-style: none;
  padding-left: 0px;
  margin-top: 20px;
}

@media only screen and (max-width: 1025px) {
  .msb-piechart-wrapper .cart-info-view .blance-account {
    margin-top: 10px;
  }
}

.msb-piechart-wrapper .cart-info-view .blance-account li {
  box-sizing: border-box;
  padding-left: 20px;
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  line-height: 15px;
  white-space: nowrap;
}

@media only screen and (max-width: 1025px) {
  .msb-piechart-wrapper .cart-info-view .blance-account li {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1020px) {
  .msb-piechart-wrapper .cart-info-view .blance-account li {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-piechart-wrapper .cart-info-view .blance-account li {
    width: 50%;
    text-align: left;
  }
}

.msb-piechart-wrapper .cart-info-view .blance-account li:before {
  content: "\f111";
  position: absolute;
  left: 0px;
  top: 0px;
}

.msb-piechart-wrapper .cart-info-view .blance-account li .msb-acc-name {
  color: #b1b2b2 !important;
}

.msb-piechart-wrapper .cart-info-view .blance-account li .msb-money {
  color: #fff !important;
  font-weight: bold !important;
}

.msb-piechart-wrapper .cart-info-view .blance-account span, .msb-piechart-wrapper .cart-info-view .blance-account strong {
  width: 100%;
  float: left;
  margin: 0px;
}

.msb-piechart-wrapper .cart-info-view .blance-account span.msb-money-format, .msb-piechart-wrapper .cart-info-view .blance-account strong.msb-money-format {
  width: auto !important;
  margin-right: 5px;
}

.msb-piechart-wrapper .cart-info-view .blance-account strong {
  color: #fff;
}

@media only screen and (max-width: 1020px) {
  .left-sidebar {
    width: 33.3333%;
  }
}

@media only screen and (max-width: 767px) {
  .left-sidebar {
    width: 100%;
  }
}

.left-sidebar-content {
  float: left;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding-right: 15px;
}

@media only screen and (max-width: 767px) {
  .left-sidebar-content {
    padding-right: 0;
  }
}

.left-sidebar-content .content-widget {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .left-sidebar-content .content-widget {
    padding: 0;
  }
}

.left-sidebar-content .no-padding {
  padding: 0px;
}

.left-sidebar-content ul {
  float: left;
  width: 100%;
  height: auto;
  padding-left: 0px;
  list-style-position: inside;
  margin-bottom: 0px !important;
}

.left-sidebar-content ul.list-ganket {
  padding-top: 0px;
}

@media only screen and (max-width: 767px) {
  .left-sidebar-content ul:hover li {
    display: block;
  }
}

.left-sidebar-content ul li {
  cursor: pointer;
  float: left;
  width: 100%;
  line-height: 50px;
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (max-width: 767px) {
  .left-sidebar-content ul li {
    display: none;
    padding: 0;
  }
  .left-sidebar-content ul li:hover a, .left-sidebar-content ul li.active a {
    width: 100%;
    display: inline-block;
    padding: 0 20px;
  }
  .left-sidebar-content ul li.has-sub {
    display: block;
  }
  .left-sidebar-content ul li.has-sub li {
    display: block;
  }
}

.left-sidebar-content ul li:hover, .left-sidebar-content ul li.active {
  background: #e61e23;
  color: #fff;
}

.left-sidebar-content ul li:hover a, .left-sidebar-content ul li.active a {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .left-sidebar-content ul li:hover {
    background: transparent;
  }
  .left-sidebar-content ul li:hover a {
    color: #333333;
  }
}

@media only screen and (max-width: 767px) {
  .left-sidebar-content ul li.active {
    display: block;
    background: #e61e23;
  }
  .left-sidebar-content ul li.active:before {
    content: '\f107';
    font-family: FontAwesome;
    font-size: 1em;
    color: #fff;
    position: absolute;
    right: 5%;
  }
  .left-sidebar-content ul li.active a {
    color: #fff;
    width: initial;
    display: initial;
    padding: 0 20px;
  }
}

.left-sidebar-content ul li a {
  font-size: 0.85714em;
  color: #4f4e4e;
}

.left-sidebar-content ul li a:hover {
  color: #fff !important;
}

@media only screen and (max-width: 767px) {
  .left-sidebar-content ul li a {
    padding: 0 20px;
  }
}

.left-sidebar-content ul li.has-sub {
  padding: 0px;
  list-style: none;
}

.left-sidebar-content ul li.has-sub:hover, .left-sidebar-content ul li.has-sub.active {
  background: transparent;
  color: #333333;
}

.left-sidebar-content ul li.has-sub:hover a, .left-sidebar-content ul li.has-sub.active a {
  color: #333333;
}

.left-sidebar-content ul li.has-sub:after {
  display: none;
}

.left-sidebar-content ul li .diemganket-list {
  padding-left: 0px;
  list-style: none;
  background: #4a4b50;
  padding-bottom: 10px;
  float: left;
  width: 100%;
  height: auto;
}

.left-sidebar-content ul li .diemganket-list li {
  padding-left: 20px;
  padding-right: 20px;
  padding: 15px 20px;
  background: #4a4b50 !important;
  color: rgba(255, 255, 255, 0.8);
  line-height: 18px !important;
}

.left-sidebar-content ul li .diemganket-list li.title-box {
  text-indent: 10px;
}

.left-sidebar-content ul li .diemganket-list li:last-child:after {
  display: none;
}

.left-sidebar-content ul li .diemganket-list li small, .left-sidebar-content ul li .diemganket-list li strong {
  padding-left: 10px;
  display: inline-block;
  width: 100%;
  color: rgba(255, 255, 255, 0.8);
}

.left-sidebar-content ul:hover li.active {
  background: #fff !important;
  color: #4f4e4e !important;
}

.left-sidebar-content ul:hover li.active a {
  color: #4f4e4e !important;
}

.left-sidebar-content ul:hover li:hover {
  background: #e61e23 !important;
  color: #fff !important;
}

.left-sidebar-content ul:hover li:hover a {
  color: #fff !important;
}

.middle-content {
  float: left;
  height: auto;
  box-sizing: border-box;
  padding-left: 15px;
  margin-bottom: 60px;
  /*search*/
  /*lien ket nhanh*/
}

@media only screen and (max-width: 1020px) {
  .middle-content {
    width: 66.6666%;
  }
}

@media only screen and (max-width: 767px) {
  .middle-content {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px;
  }
}

.middle-content .msb-content-middle {
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.27);
  border: 1px solid rgba(42, 41, 43, 0.16);
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding-bottom: 40px;
  padding-top: 0px;
}

.middle-content .msb-content-middle.msb-bg {
  background: #e5e4e4;
}

.middle-content .msb-content-middle.msb-content-middle-no-padding {
  padding: 0;
}

.middle-content .msb-content-middle.msb-content-middle-no-padding .step-to:before {
  display: block;
  content: "";
  width: 4px;
  height: 93%;
  position: absolute;
  left: -0;
  top: 29px;
  background-color: #e41e26;
}

.middle-content .msb-content-middle .step-no-3 {
  margin-top: 27px;
}

.middle-content .msb-content-middle .step-to {
  /*overflow: hidden;*/
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}

.middle-content .msb-content-middle .step-to:before {
  /*display: none;*/
  content: "";
  width: 4px;
  height: 93%;
  position: absolute;
  left: -21px;
  top: 42px;
  background: #e41e26;
}

.middle-content .msb-content-middle .step-to.show-step:before {
  display: block;
}

.middle-content .msb-content-middle .step-to.show-step .number-no {
  display: block;
}

.middle-content .msb-content-middle .step-to.msb-edit-password .user-information > li small {
  padding: 12px 0;
  text-indent: 0;
  line-height: 18px;
}

.middle-content .msb-content-middle .step-to.msb-edit-password .user-information > li small.left-col-info {
  padding-top: 20px;
}

@media only screen and (max-width: 1025px) {
  .middle-content .msb-content-middle .step-to.msb-edit-password .user-information > li small {
    width: 25%;
  }
}

@media only screen and (max-width: 1020px) {
  .middle-content .msb-content-middle .step-to.msb-edit-password .user-information > li small {
    width: 20%;
  }
}

@media only screen and (max-width: 767px) {
  .middle-content .msb-content-middle .step-to.msb-edit-password .user-information > li small {
    width: 100%;
  }
}

@media only screen and (max-width: 1025px) {
  .middle-content .msb-content-middle .step-to.msb-edit-han-muc {
    padding-top: 0;
  }
}

@media only screen and (max-width: 1025px) {
  .middle-content .msb-content-middle .step-to.msb-edit-han-muc .user-information {
    padding-top: 70px;
  }
}

@media only screen and (max-width: 1020px) {
  .middle-content .msb-content-middle .step-to.msb-edit-han-muc .user-information {
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .middle-content .msb-content-middle .step-to.msb-edit-han-muc .user-information {
    padding-top: 70px;
  }
}

.middle-content .msb-content-middle .step-to.msb-edit-han-muc .user-information li small {
  text-indent: 0px;
  line-height: 18px;
  padding: 17px 0;
}

.middle-content .msb-content-middle .step-to.msb-edit-han-muc .user-information li small.title-text {
  margin-top: 9px;
}

.middle-content .msb-content-middle .step-to.msb-edit-han-muc .user-information li small input[type="text"], .middle-content .msb-content-middle .step-to.msb-edit-han-muc .user-information li small input[type="password"] {
  margin-top: 0;
}

.middle-content .msb-content-middle .step-to.msb-show-infouser .user-information.ul-padding li small {
  width: 30%;
}

@media only screen and (max-width: 767px) {
  .middle-content .msb-content-middle .step-to.msb-show-infouser .user-information.ul-padding li small {
    width: 40%;
  }
}

.middle-content .msb-content-middle .step-to.msb-show-infouser .user-information.ul-padding li strong {
  width: 70%;
}

@media only screen and (max-width: 767px) {
  .middle-content .msb-content-middle .step-to.msb-show-infouser .user-information.ul-padding li strong {
    width: 60%;
  }
}

.middle-content .msb-content-middle .step-to.msb-show-infouser .user-information.ul-padding li a {
  color: #030303;
}

.middle-content .msb-content-middle .step-confirm {
  display: none;
}

.middle-content .msb-content-middle .title-content {
  float: left;
  width: 100%;
  height: 60px;
  line-height: 60px;
}

.middle-content .msb-content-middle .title-content.title-content-padding {
  padding-left: 20px;
  padding-right: 20px;
}

.middle-content .msb-content-middle .title-content .text-title {
  float: left;
  font-size: 1.14286em;
}

.middle-content .msb-content-middle .title-content .action-edit {
  float: right;
  position: relative;
}

.middle-content .msb-content-middle .title-content .action-edit .msb {
  margin-top: 15px;
  cursor: pointer;
  font-size: 1.14286em;
}

.middle-content .msb-content-middle .title-content .number-no {
  /*display: none;*/
  float: left;
  position: absolute;
  background-color: #e41e26;
  left: -12px;
  top: 14px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: #fff;
  font-size: 1.07143em;
  line-height: 26px;
  text-align: center;
}

.middle-content .msb-content-middle .user-information {
  float: left;
  padding-left: 0px;
  list-style: none;
}

.middle-content .msb-content-middle .user-information.msb-form-step {
  padding-left: 35px !important;
}

@media only screen and (max-width: 767px) {
  .middle-content .msb-content-middle .user-information.ul-padding {
    padding-top: 50px;
  }
}

.middle-content .msb-content-middle .user-information.ul-padding li small {
  width: 25%;
}

@media only screen and (max-width: 767px) {
  .middle-content .msb-content-middle .user-information.ul-padding li small {
    width: 25%;
  }
}

.middle-content .msb-content-middle .user-information > li {
  float: left;
  border-top: 1px solid #e7e7e7;
  width: 100%;
  min-height: 60px;
  line-height: 22px;
}

.middle-content .msb-content-middle .user-information > li .col-md-12 {
  width: 100% !important;
  padding-left: 0px !important;
}

.middle-content .msb-content-middle .user-information > li small {
  float: left;
  width: 35%;
  text-indent: 15px;
  color: rgba(99, 100, 105, 0.5);
  line-height: 60px;
}

@media only screen and (max-width: 767px) {
  .middle-content .msb-content-middle .user-information > li small {
    width: 40%;
    font-size: 0.7em;
    text-indent: 5px;
  }
}

.middle-content .msb-content-middle .user-information > li small input.msb-edit-text {
  font-size: 1em;
  color: #030303;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  min-width: initial;
  width: 100%;
}

.middle-content .msb-content-middle .user-information > li small.left-col-mid {
  width: 30%;
}

@media only screen and (max-width: 767px) {
  .middle-content .msb-content-middle .user-information > li small.left-col-mid {
    width: 35%;
  }
}

.middle-content .msb-content-middle .user-information > li small.left-col-right {
  width: 30%;
  margin-left: 25px;
}

@media only screen and (max-width: 1025px) {
  .middle-content .msb-content-middle .user-information > li small.left-col-right {
    width: 35%;
  }
}

@media only screen and (max-width: 767px) {
  .middle-content .msb-content-middle .user-information > li small.left-col-right {
    margin-left: 0;
    width: 40%;
  }
}

.middle-content .msb-content-middle .user-information > li strong {
  color: #030303;
  padding-left: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  float: right;
  width: 75%;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .middle-content .msb-content-middle .user-information > li strong {
    width: 60%;
  }
}

.middle-content .msb-content-middle .user-information > li:first-child {
  border-top: 1px solid rgba(167, 167, 167, 0.5);
}

.middle-content .msb-content-middle .user-information > li form {
  margin-top: 10px;
}

.middle-content .msb-content-middle .user-information > li form label {
  color: #636469;
}

.middle-content .rq {
  color: #e61d24;
  padding-right: 5px;
}

.middle-content .msb-edit-text {
  width: 320px;
  font-weight: bold;
  padding-left: 14px;
}

@media only screen and (max-width: 1025px) {
  .middle-content .msb-edit-text {
    width: 75%;
    min-width: auto;
  }
}

@media only screen and (max-width: 1020px) {
  .middle-content .msb-edit-text {
    width: 60%;
  }
}

@media only screen and (max-width: 767px) {
  .middle-content .msb-edit-text {
    width: 100%;
    margin: 10px 0 15px;
  }
}

.middle-content .msb-show-infouser .msb-edit-text {
  display: none;
}

.middle-content .form-btn {
  padding-right: 15px;
  margin-top: 10px;
}

.middle-content .form-btn button {
  margin-right: 10px;
}

.middle-content .msb-edit-cancel {
  font-size: 0.85714em;
  color: #636469;
  font-style: italic;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-right: 12px;
  float: none;
  display: inline-block;
  line-height: 36px;
}

.middle-content .msb-setting-radio {
  margin-left: 25px !important;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .middle-content .msb-setting-radio {
    margin-left: 0 !important;
  }
}

.middle-content .msb-edit-password.step-to:before {
  display: none;
}

.middle-content .step-to.no-before:before {
  display: none !important;
}

.middle-content .history-header {
  background: #e5e4e4;
  position: relative;
}

.middle-content .history-header .btn-search-history {
  margin-top: 10px;
  margin-right: 10px;
  padding-bottom: 30px;
}

.middle-content .history-header .msb-datepicker {
  background-image: url(../images/calendar-icon-small.png);
  background-position: 94% center;
  background-repeat: no-repeat;
  font-weight: bold;
}

.middle-content .history-header .search-history-field {
  color: #000;
  width: 160px;
  min-width: 160px;
  float: left;
  margin-right: 24px;
  border: 1px solid #ccc;
}

.middle-content .history-header .search-history-field::-webkit-input-placeholder {
  color: #000;
}

.middle-content .history-header .search-history-field::-moz-placeholder {
  color: #000;
}

.middle-content .history-header .search-history-field:-moz-placeholder {
  color: #000;
}

.middle-content .history-header .search-history-field:-ms-input-placeholder {
  color: #000;
}

.middle-content .history-header .search-box {
  display: none;
}

.middle-content .history-header .search-box .sbHolder {
  background: #fff;
  border: 1px solid #ccc;
  height: 40px;
  font-weight: bold;
  margin-top: 10px;
}

.middle-content .history-header .search-box .sbSelector {
  color: #000 !important;
  font-size: 1.14286em;
}

.middle-content .history-header .cancel-search {
  cursor: pointer;
}

.middle-content .history-header .cancel-search small {
  font-size: 0.85714em;
  font-style: italic;
  color: #757171;
  line-height: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #757171;
}

.middle-content .history-header .cancel-search span {
  color: #fff;
  width: 25px;
  height: 25px;
  background: #e61d24;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  line-height: 25px;
  margin-left: 5px;
}

.middle-content .history-content {
  list-style: none;
  float: left;
  /*padding: 0;*/
}

.middle-content .history-content > li {
  border-bottom: 1px solid #e7e7e7;
  float: left;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 10px;
}

.middle-content .history-content > li.li-title {
  height: 30px !important;
  line-height: 30px;
  color: rgba(76, 76, 76, 0.5);
  padding-top: 0;
}

@media only screen and (max-width: 767px) {
  .middle-content .history-content > li.li-title .col-history {
    display: none;
  }
}

.middle-content .history-content > li:last-child {
  border-bottom: none;
}

.middle-content .history-content .col-time {
  width: 26%;
  float: left;
}

.middle-content .history-content .col-driver {
  width: 24%;
  float: left;
}

.middle-content .history-content .col-login-count {
  width: 24%;
  float: left;
}

@media only screen and (max-width: 767px) {
  .middle-content .history-content .col-login-count {
    width: 18%;
    overflow: hidden;
    max-height: 30px;
  }
}

.middle-content .history-content .col-history {
  width: 20%;
  float: left;
}

.middle-content .history-content .history-time {
  display: block;
  font-size: 0.71429em;
  color: #808080;
  line-height: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.middle-content .history-content .col-date {
  color: #808080;
  font-size: 0.85714em;
}

.middle-content .history-content strong {
  color: #030303;
}

.middle-content .history-content .col-sub-row {
  color: #636469;
  font-size: 0.78571em;
  display: block;
  line-height: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.middle-content .history-content .col-history-detail {
  font-size: 0.85714em;
  font-style: italic;
  color: #4a4b50;
  border-bottom: 1px solid #4a4b50;
}

.middle-content .ul-padding {
  padding-left: 20px !important;
  padding-right: 20px;
}

.middle-content .ul-padding li {
  position: relative;
}

.middle-content .ul-padding li .col-history {
  padding-top: 0px;
}

.middle-content .search-field {
  width: 160px;
  float: left;
}

.middle-content .lien-ket-nhanh .lkn-title {
  border-top: 1px solid #e7e7e7;
  color: rgba(99, 100, 105, 0.5);
  padding-top: 25px;
  padding-bottom: 15px;
}

.middle-content .lien-ket-nhanh ul.lkn-ul {
  list-style: none;
  padding: 0;
  border: 1px solid #e7e7e7;
}

.middle-content .lien-ket-nhanh ul.lkn-ul li {
  padding-top: 10px;
  color: #030303;
  font-weight: 700;
  padding-bottom: 10px;
  margin-right: 15px;
  border-bottom: 1px solid #e7e7e7;
}

.middle-content .lien-ket-nhanh ul.lkn-ul li:last-child {
  border-bottom: 0;
}

.middle-content .lien-ket-nhanh ul.lkn-ul li .lkn-arrow {
  float: right;
  font-size: 1.57143em;
  color: #e7e7e7;
}

.middle-content .lien-ket-nhanh ul.lkn-ul li ul.lkn-sub-ul {
  list-style: none;
  margin-left: 0;
  padding-left: 25px;
}

.middle-content .lien-ket-nhanh ul.lkn-ul li ul.lkn-sub-ul li {
  font-weight: normal;
  padding: 5px 0;
  color: rgba(3, 3, 3, 0.5);
  font-size: 0.85714em;
  line-height: 25px;
  border: none;
}

.middle-content .msb-content-middle {
  display: none;
}

.tk {
  padding: 0 !important;
}

.tk .pd20 {
  padding: 20px;
  padding-bottom: 0;
}

.tk .title-tk {
  font-size: 0.85714em;
  line-height: 17px;
}

.tk .title-tk a {
  line-height: 17px;
  font-style: italic;
  color: #fff;
  border-bottom: 1px solid #fff;
}

.tk .title-tk a:hover {
  color: #fff !important;
  border-bottom: none;
}

.tk .title-taikhoan {
  font-size: 1em;
  font-weight: bold;
  color: #fff;
}

.tk small {
  font-size: 1em;
}

.tk .change-tk-content {
  display: none;
  background: #c6191f;
  padding: 0 20px;
  list-style: none;
}

.tk .change-tk-content li {
  border-bottom: 1px solid #b2181d;
  height: 63px;
  padding-top: 14px;
}

.tk .change-tk-content li label:before {
  background: #fff;
}

.tk .change-tk-content li .tk-radio {
  float: left;
  width: 0;
}

.tk .change-tk-content li:last-child {
  border: 0;
}

.tk .change-tk-content li small {
  float: left;
  text-indent: 33px;
}

.msb-info-des .msb-info-title {
  font-size: 2em;
  color: #000000;
  margin-bottom: 15px;
}

.msb-info-des .msb-info-des-content {
  padding: 0 130px;
  font-size: 1.14286em;
  line-height: 26px;
  color: #636469;
}

@media only screen and (max-width: 767px) {
  .msb-info-des .msb-info-des-content {
    padding: 0 10%;
    font-size: 0.85714em;
    line-height: 20px;
  }
}

.msb-info-user {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  margin-top: -90px;
}

.msb-info-user .avatar {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 2px solid #e0e0e0;
  @incluce center(xy);
  /*position: absolute;*/
  z-index: 10;
}

.msb-info-avatar {
  width: 134px;
  height: 134px;
  position: relative;
  margin-bottom: 20px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 99;
}

@media only screen and (max-width: 767px) {
  .msb-info-avatar {
    margin-bottom: 60px;
  }
}

.msb-info-avatar .edit-avatar {
  position: absolute;
  left: 140px;
  white-space: nowrap;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-style: italic;
  color: #fff;
  font-size: 0.85714em;
  text-decoration: underline;
  z-index: 10;
}

@media only screen and (max-width: 767px) {
  .msb-info-avatar .edit-avatar {
    left: 5%;
    top: auto;
    bottom: -45px;
    color: #4f4e4e;
  }
}

@media only screen and (max-width: 767px) {
  .switch-label {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .box-cancel {
    display: none;
  }
}

#change-pass input, #edit-password input {
  display: block !important;
}

.buk-page .autocomplete-suggestion {
  font-size: 0.85714em;
}

.msb-boxthuhuong {
  float: left;
  position: relative;
  padding-left: 20px;
  padding-right: 0px;
  padding-top: 0px;
}

@media only screen and (max-width: 1020px) {
  .msb-boxthuhuong {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-boxthuhuong {
    padding-left: 0;
  }
}

.msb-boxthuhuong > div {
  position: relative;
  z-index: 2;
}

.msb-boxthuhuong.no-shadow {
  box-shadow: none;
  border: none;
  background: transparent;
}

.msb-boxthuhuong.no-shadow:before {
  display: none;
}

.msb-boxthuhuong:before {
  content: "";
  width: 215px;
  background: #e4e4e4;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  z-index: 1;
}

@media only screen and (max-width: 1020px) {
  .msb-boxthuhuong:before {
    width: 33%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-boxthuhuong:before {
    display: none;
  }
}

.msb-boxthuhuong .action-list {
  float: left;
  width: 180px;
  height: auto;
  box-sizing: border-box;
  padding-right: 10px;
}

@media only screen and (max-width: 1020px) {
  .msb-boxthuhuong .action-list {
    width: 30%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-boxthuhuong .action-list {
    width: 100%;
    padding: 0 15px;
  }
}

.msb-boxthuhuong .action-list .list-action {
  float: left;
  width: 100%;
  height: auto;
  list-style: none;
  padding-left: 0px;
  margin-top: 55px;
}

@media only screen and (max-width: 767px) {
  .msb-boxthuhuong .action-list .list-action {
    margin: 0;
    border-bottom: 1px solid #f3f3f3;
  }
}

.msb-boxthuhuong .action-list .list-action li {
  float: left;
  width: 100%;
  text-align: right;
  border-bottom: 1px solid #d4d3d3;
}

@media only screen and (max-width: 767px) {
  .msb-boxthuhuong .action-list .list-action li {
    text-align: left;
  }
}

.msb-boxthuhuong .action-list .list-action li a {
  color: #4f4e4e;
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
}

.msb-boxthuhuong .action-list .list-action li:hover a, .msb-boxthuhuong .action-list .list-action li.active a {
  font-weight: bold;
  color: #e61e23;
}

.msb-boxthuhuong .action-list .list-action li:last-child {
  border-bottom: none;
}

.msb-content-right {
  width: 655px;
  height: auto;
  position: relative;
}

@media only screen and (max-width: 1025px) {
  .msb-content-right {
    width: 68%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-content-right {
    width: 100%;
  }
}

.msb-content-right #list-name-anpha li, .msb-content-right #listBenefitAnphaBet li {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .msb-content-right #list-name-anpha li .action, .msb-content-right #listBenefitAnphaBet li .action {
    width: 7%;
  }
}

.msb-content-right #list-name-anpha li .msb-account strong a, .msb-content-right #listBenefitAnphaBet li .msb-account strong a {
  color: #333333;
}

@media only screen and (max-width: 767px) {
  .msb-content-right #list-name-anpha li .msb-account strong, .msb-content-right #listBenefitAnphaBet li .msb-account strong {
    font-weight: normal;
    font-size: 0.85714em;
    color: rgba(99, 100, 105, 0.5) !important;
    padding-bottom: 0 !important;
    padding-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-content-right #list-name-anpha li .msb-account strong, .msb-content-right #listBenefitAnphaBet li .msb-account strong {
    padding-bottom: 10px;
    line-height: 18px;
    color: #333333;
  }
}

.msb-content-right #list-name-anpha li.action-hover .msb-list-action, .msb-content-right #listBenefitAnphaBet li.action-hover .msb-list-action {
  width: 150px;
}

.msb-content-right #list-name-anpha li.action-hover .msb-list-action ul, .msb-content-right #listBenefitAnphaBet li.action-hover .msb-list-action ul {
  opacity: 1;
}

.msb-content-right #list-name-anpha li.action-hover .msb-list-action ul li, .msb-content-right #listBenefitAnphaBet li.action-hover .msb-list-action ul li {
  opacity: 1;
  float: left;
  width: 33.3333%;
  text-align: center;
  line-height: 25px;
}

.msb-content-right .msb-anphabet {
  height: auto;
  width: 20px;
  padding-left: 0px;
  float: left;
  margin-top: 80px;
  margin-bottom: 150px;
}

@media only screen and (max-width: 767px) {
  .msb-content-right .msb-anphabet {
    display: none;
  }
}

.msb-content-right .msb-anphabet .list-anpha {
  list-style: none;
  padding-left: 0px;
}

@media only screen and (max-width: 1020px) {
  .msb-content-right .msb-anphabet .list-anpha {
    display: none;
  }
}

.msb-content-right .msb-anphabet .list-anpha li {
  float: left;
  width: 20px;
  height: 20px;
}

.msb-content-right .msb-anphabet .list-anpha li a {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 0.71429em;
  color: #b2b4b4;
  text-transform: uppercase;
}

.msb-content-right .msb-anphabet .list-anpha li a:hover, .msb-content-right .msb-anphabet .list-anpha li a.active {
  font-weight: bold;
  color: #010101 !important;
}

@media only screen and (max-width: 767px) {
  .msb-content-right #list-name-anpha .msb-short-name, .msb-content-right #list-name-anpha .msb-account {
    width: 100%;
  }
}

.msb-content-right .list-name {
  float: right;
  width: 600px;
  height: auto;
  max-height: 670px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-left: 0px;
  list-style: none;
  padding-right: 20px;
  margin-right: 15px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 1025px) {
  .msb-content-right .list-name {
    width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-content-right .list-name {
    padding-right: 0;
  }
}

.msb-content-right .list-name.list-name-title li {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  min-height: 30px !important;
  line-height: 55px !important;
  border-color: #d3d3d3;
}

@media only screen and (max-width: 767px) {
  .msb-content-right .list-name.list-name-title li .msb-account {
    display: none;
  }
}

.msb-content-right .list-name li {
  float: left;
  width: 100%;
  min-height: 65px;
  border-bottom: 1px solid #e7e7e7;
  padding-top: 20px;
  line-height: 14px;
}

@media only screen and (max-width: 767px) {
  .msb-content-right .list-name li {
    padding-top: 15px;
  }
}

.msb-content-right .list-name li .msb-short-name {
  width: 180px;
  float: left;
}

@media only screen and (max-width: 1025px) {
  .msb-content-right .list-name li .msb-short-name {
    width: 35%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-content-right .list-name li .msb-short-name {
    width: 35%;
  }
}

.msb-content-right .list-name li .msb-account {
  width: 194px;
  float: left;
}

@media only screen and (max-width: 1020px) {
  .msb-content-right .list-name li .msb-account {
    width: 55%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-content-right .list-name li .msb-account {
    width: 5%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-content-right .list-name li .msb-account strong {
    font-weight: normal;
    font-size: 0.85714em;
  }
}

.msb-content-right .list-name li .msb-account small, .msb-content-right .list-name li .msb-account strong {
  float: left;
  width: 100%;
  margin-bottom: 2px;
}

.msb-content-right .list-name li .msb-remember {
  width: 160px;
  float: left;
}

@media only screen and (max-width: 1025px) {
  .msb-content-right .list-name li .msb-remember {
    display: none;
  }
}

.msb-content-right .list-name li .action {
  width: 30px;
  float: right;
}

.msb-content-right .list-name li .action > .fa {
  float: right;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .msb-content-right .list-name li .action > .fa {
    top: -35px;
    position: relative;
  }
}

.msb-content-right .step-add-taikhoan {
  float: left;
  display: none;
}

.msb-content-right .step-add-taikhoan.active {
  display: block;
}

.msb-content-right .step-add-taikhoan li {
  padding-top: 8px;
  padding-bottom: 15px;
}

.msb-content-right .step-add-taikhoan li .sbHolder {
  width: 100%;
  margin-top: 10px;
  height: 36px;
  font-size: 1em;
  font-weight: bold;
}

.msb-content-right .step-add-taikhoan li .sbHolder .sbToggle {
  right: 5px !important;
}

.msb-content-right .step-add-taikhoan li .sbHolder li {
  line-height: 20px !important;
  padding-top: 0px;
  padding-bottom: 0px;
  font-weight: normal;
}

.msb-content-right .step-add-taikhoan label {
  font-size: 0.85714em;
  font-style: italic;
}

.msb-content-right .step-add-taikhoan label:before {
  width: 15px;
  height: 15px;
}

.msb-content-right .step-add-taikhoan small, .msb-content-right .step-add-taikhoan span {
  float: left;
}

.msb-content-right .step-add-taikhoan small {
  width: 170px;
  text-indent: 10px;
  margin-top: 15px;
}

.msb-content-right .step-add-taikhoan .luu-tincay, .msb-content-right .step-add-taikhoan .luu-tincay1 {
  display: none;
}

.msb-content-right .step-add-taikhoan span {
  float: right;
  width: 370px;
  margin-right: 25px;
}

.msb-content-right .step-add-taikhoan span input {
  width: 100%;
  height: 36px;
  line-height: 36px;
  font-weight: bold;
  font-size: 0.85714em;
}

.msb-content-right .step-add-taikhoan span input::-webkit-input-placeholder {
  font-weight: normal;
  font-style: italic;
}

.msb-content-right .step-add-taikhoan span input::-moz-placeholder {
  font-weight: normal;
  font-style: italic;
}

.msb-content-right .step-add-taikhoan span input:-moz-placeholder {
  font-weight: normal;
  font-style: italic;
}

.msb-content-right .step-add-taikhoan span input:-ms-input-placeholder {
  font-weight: normal;
  font-style: italic;
}

.msb-content-right .step-add-taikhoan span textarea {
  width: 100%;
  resize: none;
  height: 70px;
  margin-top: 10px;
  box-sizing: border-box;
  padding: 5px;
  border-color: #e1e1e1;
  font-weight: bold;
}

.msb-content-right .step-add-taikhoan span textarea:focus {
  outline: none;
}

.msb-content-right .title-form {
  float: left;
}

.msb-content-right .msb-form-step {
  transition: none;
  -webkit-transition: none;
}

.msb-content-right .title-form-step.step-final {
  background: #e5e4e4;
  color: #fff;
  font-size: 1.14286em;
}

.msb-content-right .step-final .msb-form-row {
  border: none !important;
}

.msb-content-right .step-final .text-success {
  line-height: 30px;
}

.msb-content-right .list-switchlabel {
  float: left;
  padding-left: 0px;
  list-style: none;
  width: auto;
}

.msb-content-right .list-switchlabel li {
  float: left;
  width: auto !important;
  display: inline-block;
}

.msb-content-right .list-switchlabel li label {
  margin-right: 10px;
  font-size: 0.85714em;
}

.msb-content-right .list-switchlabel li label:before {
  text-align: center;
}

.msb-content-right .list-switchlabel li input[type=radio]:checked + label {
  font-weight: normal;
}

.msb-content-right .add-more-thuhuong {
  display: none;
}

#addmore-transfer {
  display: none;
}

.register-service {
  float: left;
  width: 100%;
  margin-top: 65px;
}

@media only screen and (max-width: 767px) {
  .register-service {
    margin-top: 25px;
  }
}

.box-content {
  padding: 45px;
  box-sizing: border-box;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .box-content {
    padding: 20px;
    margin: 0;
  }
}

.box-content h1 {
  line-height: 36px;
  font-size: 2em;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  .box-content h1 {
    line-height: 30px;
    font-size: 1.5em;
    margin-top: 0;
  }
}

.box-content p {
  line-height: 26px;
  color: #636469;
}

.box-content img {
  max-width: 100%;
}

.box-content .list-more-link {
  padding-left: 20px;
  color: #e61d24;
}

.box-content .list-more-link li a {
  color: #636469;
  line-height: 30px;
}

.box-content .list-more-link li a:hover {
  color: #e61d24;
}

.box-red-widget {
  float: left;
  background: #e61d24;
  color: #fff;
  padding: 20px;
  margin-top: 20px;
}

@media only screen and (max-width: 1025px) {
  .box-red-widget {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .box-red-widget {
    margin-bottom: 0;
    margin-top: 15px;
  }
}

.box-red-widget small {
  color: #fff;
}

.box-red-widget .content-text {
  float: left;
  padding-top: 10px;
}

.box-red-widget .icon-support {
  float: left;
  position: relative;
  width: 135px;
  text-align: center;
  height: 85px;
}

.box-red-widget .icon-support img {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.list-action-link li {
  float: left;
  box-sizing: border-box;
  position: relative;
}

.list-action-link li:after {
  content: "";
  width: 85%;
  bottom: 0px;
  left: 20px;
  height: 1px;
  position: absolute;
  border-bottom: 1px solid rgba(212, 211, 211, 0.3);
}

.transfer-bulk .update-small .transfer-bulk-upload-file {
  margin-top: 0;
}

.transfer-bulk .update-small .transfer-bulk-label a {
  padding-top: 10px;
  font-size: 1em;
  text-decoration: underline;
  font-style: italic;
  line-height: 37px;
}

.transfer-bulk .msb-fillter-top {
  margin-bottom: 0px;
}

.transfer-bulk .text-title {
  margin-bottom: 25px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .text-title {
    margin-bottom: 10px;
  }
}

.transfer-bulk .transfer-bulk-list {
  display: none;
}

.transfer-bulk .transfer-bulk-list.padding {
  padding-left: 5%;
}

.transfer-bulk .transfer-bulk-list .invoice-content strong {
  margin-bottom: 5px;
}

@media only screen and (max-width: 1020px) {
  .transfer-bulk .transfer-bulk-list .invoice-content strong {
    padding-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .transfer-bulk-list .invoice-content strong {
    font-size: 0.85714em;
  }
}

.transfer-bulk .transfer-bulk-list .invoice-content strong.msb-money-format {
  padding-right: 0px;
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .transfer-bulk-list .list-transfer-bulk-sent strong {
    font-size: 1em;
  }
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .transfer-bulk-list .list-transfer-bulk-account strong {
    width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .transfer-bulk-list .money-payment {
    width: 80%;
  }
}

.transfer-bulk .transfer-bulk-col {
  padding: 130px 0;
  text-align: center;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .transfer-bulk-col {
    padding: 10px 0;
  }
}

.transfer-bulk .transfer-bulk-col.col-border {
  border-right: 1px solid #ddd;
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .transfer-bulk-col.col-border {
    border-right: none;
  }
}

.transfer-bulk .transfer-bulk-col p, .transfer-bulk .transfer-bulk-col a {
  color: #636469;
  font-size: 1.28571em;
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .transfer-bulk-col p, .transfer-bulk .transfer-bulk-col a {
    font-size: 1.07143em;
    margin-bottom: 0px;
  }
}

.transfer-bulk .transfer-bulk-col .transfer-bulk-list-create {
  border-bottom: 1px solid #636469;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 7px;
}

.transfer-bulk .transfer-bulk-col .transfer-bulk-upload {
  margin-top: 10px;
}

.transfer-bulk .transfer-bulk-col .uploading {
  margin-top: 10px;
  font-size: 0.85714em;
  display: none;
}

.transfer-bulk .transfer-bulk-col .transfer-bulk-upload-file {
  display: none;
}

.transfer-bulk .list-transfer-bulk li {
  border-top: 1px solid #e7e7e7;
}

.transfer-bulk .list-transfer-bulk li:nth-child(3) {
  border-top: 1px solid #d3d3d3;
}

.transfer-bulk .list-transfer-bulk li .invoice-content {
  padding: 12px 0 !important;
}

.transfer-bulk .list-transfer-bulk li .invoice-content:after {
  border: none;
  display: none;
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .list-transfer-bulk li.msb-final-total-buk .invoice-content .list-transfer-bulk-money {
    border: none;
  }
}

.transfer-bulk .list-transfer-bulk li.title-table {
  padding: 15px 0;
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .list-transfer-bulk li.title-table {
    display: none;
  }
}

.transfer-bulk .list-transfer-bulk li.title-table .invoice-content {
  padding: 0 !important;
}

.transfer-bulk .list-transfer-bulk-tt {
  width: 6%;
  float: left;
}

.transfer-bulk .list-transfer-bulk-sent {
  width: 24%;
  float: left;
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .list-transfer-bulk-sent {
    width: 64%;
  }
  .transfer-bulk .list-transfer-bulk-sent strong {
    font-size: 1.14286em;
  }
}

.transfer-bulk .list-transfer-bulk-account {
  width: 26%;
  float: left;
}

@media only screen and (max-width: 1020px) {
  .transfer-bulk .list-transfer-bulk-account {
    width: 28%;
  }
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .list-transfer-bulk-account {
    width: 100% !important;
    padding-left: 6%;
  }
  .transfer-bulk .list-transfer-bulk-account strong {
    padding-top: 10px;
    border-top: 1px solid rgba(221, 221, 221, 0.5);
    margin-top: 10px;
    font-size: 1em !important;
    margin-bottom: 0px;
  }
}

.transfer-bulk .list-transfer-bulk-bank {
  width: 16%;
  float: left;
}

@media only screen and (max-width: 1020px) {
  .transfer-bulk .list-transfer-bulk-bank {
    width: 23%;
  }
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .list-transfer-bulk-bank {
    width: 70%;
    padding-left: 6%;
  }
  .transfer-bulk .list-transfer-bulk-bank small {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .list-transfer-bulk-bank strong {
    font-weight: normal;
    color: #636469 !important;
  }
}

.transfer-bulk .list-transfer-bulk-money {
  width: 15%;
  float: left;
}

@media only screen and (max-width: 1020px) {
  .transfer-bulk .list-transfer-bulk-money .msb-money-format {
    padding-right: 0px;
    margin-right: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .list-transfer-bulk-money {
    line-height: 1em;
  }
}

.transfer-bulk .list-transfer-bulk-action {
  width: 13%;
  float: left;
}

@media only screen and (max-width: 1020px) {
  .transfer-bulk .list-transfer-bulk-action {
    position: absolute;
    top: 0px;
    right: 10px;
  }
}

.transfer-bulk .bulk-close {
  background: url("../images/close.png") no-repeat;
  width: 9px;
  height: 9px;
  display: inline-block;
  float: right;
  margin-top: 9px;
  cursor: pointer;
}

.transfer-bulk .invoice-content .money-payment strong {
  text-align: right;
  font-weight: bold;
  color: #eb2c2c;
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .invoice-content .list-transfer-bulk-money {
    width: 100% !important;
    padding-left: 6%;
    float: left;
    text-align: left;
    padding-bottom: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .invoice-content .money-payment {
    border-top: 1px solid rgba(221, 221, 221, 0.5);
  }
}

.transfer-bulk .invoice-content .list-transfer-bulk-money span {
  font-size: 0.71429em;
  color: #808080;
  line-height: 22px;
}

.transfer-bulk .invoice-content .msb-money-format {
  width: auto;
  float: none;
  margin-right: 5px;
}

.transfer-bulk .transfer-bulk-add {
  border-top: 1px dashed rgba(42, 41, 43, 0.15) !important;
  text-align: center;
}

.transfer-bulk .transfer-bulk-add .transfer-bulk-add-title {
  text-align: left;
  cursor: pointer;
  padding: 30px 0;
  font-size: 1.28571em;
  font-weight: 700;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.transfer-bulk .transfer-bulk-add .transfer-bulk-add-title.text-center {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .transfer-bulk-add .transfer-bulk-add-title {
    padding: 20px 0;
  }
}

.transfer-bulk .transfer-bulk-add .transfer-bulk-add-title:hover {
  color: rgba(0, 0, 0, 0.1);
}

.transfer-bulk .transfer-bulk-back {
  font-size: 1em;
  font-weight: 700;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #757171;
  font-style: italic;
  border-bottom: 1px solid #757171;
  padding-bottom: 2px;
  cursor: pointer;
  display: inline-block;
  display: none;
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .transfer-bulk-back {
    float: left;
    margin-top: 10px;
  }
}

.transfer-bulk .transfer-bulk-back.show {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .transfer-bulk .transfer-bulk-back.show {
    margin-top: 10px;
  }
}

.tab-sotietkiemcu {
  display: none;
}

.tab-CongThanhToanMoi {
  display: none;
}

#addmore-transfer {
  float: left;
  width: 100%;
  height: auto;
  position: relative;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
}

#addmore-transfer:before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: #e41e26;
}

#addmore-transfer .lo-form .add-info-field {
  padding-left: 50px;
}

#addmore-transfer ul {
  list-style: none;
  padding-left: 0px;
}

#addmore-transfer .title-add-form {
  float: left;
  margin-right: 15px;
}

@media only screen and (max-width: 767px) {
  #addmore-transfer .title-add-form {
    width: 100%;
  }
}

#addmore-transfer .list-switchlabel li {
  float: left;
}

#addmore-transfer .list-switchlabel li label {
  font-size: 0.85714em;
  margin-right: 10px;
}

#addmore-transfer .list-switchlabel li input[type=radio]:checked + label {
  font-weight: normal;
}

#addmore-transfer .msb-form-step-add {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #e7e7e7;
  padding-top: 5px;
}

#addmore-transfer .msb-form-step-add li:first-child {
  padding-bottom: 10px;
}

#addmore-transfer .add-info-field {
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  padding-right: 35%;
  box-sizing: border-box;
  border-bottom: 1px solid #e7e7e7;
  position: relative;
}

@media only screen and (max-width: 1020px) {
  #addmore-transfer .add-info-field {
    padding-left: 15px;
    padding-right: 15px;
    width: 80%;
    margin-left: 10%;
    padding-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  #addmore-transfer .add-info-field {
    width: 85%;
    margin-left: 8%;
  }
}

#addmore-transfer .add-info-field .text-field-left {
  width: 30.5%;
  float: left;
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
  #addmore-transfer .add-info-field .text-field-left {
    width: 100%;
  }
}

#addmore-transfer .add-info-field.button-final {
  text-align: right;
}

#addmore-transfer .add-info-field.button-final button, #addmore-transfer .add-info-field.button-final a {
  display: inline-block;
  margin-right: 10px;
  font-size: 0.85714em;
}

#addmore-transfer .add-info-field.button-final a {
  margin-right: 15px;
  font-style: italic;
  color: #636469;
  text-decoration: underline;
}

#addmore-transfer .add-info-field .text-field-right {
  float: right;
  width: 68.5%;
  position: relative;
}

#addmore-transfer .add-info-field .text-field-right input {
  padding-right: 55px;
}

@media only screen and (max-width: 767px) {
  #addmore-transfer .add-info-field .text-field-right {
    width: 100%;
  }
}

#addmore-transfer .add-info-field .text-field-right .msb-currency {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #b1b2b2;
}

#addmore-transfer .add-info-field .text-field-right .msb-currency:before {
  content: "";
  height: 10px;
  border-left: 1px solid #b1b2b2;
  margin-right: 10px;
}

#addmore-transfer .add-info-field .text-field-right input {
  line-height: 35px !important;
  font-size: 0.85714em;
}

#addmore-transfer .add-info-field .text-field-right input, #addmore-transfer .add-info-field .text-field-right .sbHolder {
  width: 100%;
  height: 35px;
  font-weight: bold;
  margin-top: 0px !important;
}

#addmore-transfer .add-info-field .text-field-right input .sbToggle, #addmore-transfer .add-info-field .text-field-right .sbHolder .sbToggle {
  right: 5px !important;
}

#addmore-transfer .add-info-field .text-field-right input::-webkit-input-placeholder, #addmore-transfer .add-info-field .text-field-right .sbHolder::-webkit-input-placeholder {
  font-weight: normal;
}

#addmore-transfer .add-info-field .text-field-right input::-moz-placeholder, #addmore-transfer .add-info-field .text-field-right .sbHolder::-moz-placeholder {
  font-weight: normal;
}

#addmore-transfer .add-info-field .text-field-right input:-moz-placeholder, #addmore-transfer .add-info-field .text-field-right .sbHolder:-moz-placeholder {
  font-weight: normal;
}

#addmore-transfer .add-info-field .text-field-right input:-ms-input-placeholder, #addmore-transfer .add-info-field .text-field-right .sbHolder:-ms-input-placeholder {
  font-weight: normal;
}

#addmore-transfer .add-info-field .text-field-right .sbOptions a {
  font-weight: normal;
}

#addmore-transfer .add-info-field .text-field-right .msb-autocomplete-field {
  display: inline-block;
}

#addmore-transfer .add-info-field .text-field-right textarea {
  resize: none;
  width: 100%;
  height: 70px;
  border-color: #e1e1e1;
  box-sizing: border-box;
  padding: 5px;
  font-size: 0.85714em;
}

#addmore-transfer .add-info-field .text-field-right textarea::-webkit-input-placeholder {
  font-style: italic;
}

#addmore-transfer .add-info-field .text-field-right textarea::-moz-placeholder {
  font-style: italic;
}

#addmore-transfer .add-info-field .text-field-right textarea:-moz-placeholder {
  font-style: italic;
}

#addmore-transfer .add-info-field .text-field-right textarea:-ms-input-placeholder {
  font-style: italic;
}

#addmore-transfer .add-info-field .text-field-right textarea:focus {
  outline: none;
}

.money-pay-total {
  float: right !important;
  margin-right: 105px;
  width: 45% !important;
}

.money-pay-total .clearfix {
  border-top: 1px solid #e7e7e7;
  margin-top: 15px;
  margin-bottom: 10px;
}

.msb-final-total-buk {
  display: none;
}

.msb-final-total-buk span {
  font-size: 12px !important;
  color: #999999;
  margin-right: 5px;
}

.msb-final-total-buk span.msb-currency {
  font-size: 10px !important;
  width: normal !important;
}

.msb-final-total-buk span.number-total {
  font-size: 14px !important;
  font-weight: bold;
  color: #000 !important;
}

.help-stt-lo {
  top: -20px;
  right: -20px;
}

.list-chuyen-lo {
  color: #fff;
  margin-top: 25px;
}

.list-chuyen-lo .invoice-content {
  border-bottom: 1px solid #dd797c;
  position: relative;
  height: auto;
  margin: 0 20px;
}

.list-chuyen-lo .invoice-content .production-stt {
  width: 8%;
  float: left;
  text-align: left;
}

.list-chuyen-lo .invoice-content .transfer-user-name {
  width: 25%;
  float: left;
  text-align: left;
}

.list-chuyen-lo .invoice-content .transfer-money {
  width: 25%;
  float: left;
  text-align: right;
  padding-right: 9%;
}

.list-chuyen-lo .invoice-content .transfer-total {
  width: 30%;
  float: left;
  text-align: left;
}

.list-chuyen-lo .invoice-content .msb-history-transfer-list {
  color: #fff;
  text-align: left;
  border-bottom: 1px solid #dd797c;
  padding-bottom: 15px;
}

#list-add-acc {
  float: left;
  width: 100%;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}

#add-acc-item {
  font-size: 0.85714em;
  color: #636469;
  border-bottom: 1px solid #636469;
}

.list-history-transf {
  width: 100%;
}

.list-history-transf li {
  float: left;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .list-history-transf li {
    padding: 10px 0;
  }
}

.list-history-transf li .history-tranf {
  float: right;
  width: 20%;
  text-align: right;
}

@media only screen and (max-width: 1020px) {
  .list-history-transf li .history-tranf {
    width: 35%;
  }
}

@media only screen and (max-width: 767px) {
  .list-history-transf li .history-tranf {
    padding-right: 5px !important;
  }
}

.list-history-transf li .history-tranf {
  padding-right: 30px;
}

.list-history-transf li .history-tranf .add {
  color: #5fa104;
}

.list-history-transf li .history-tranf .sub {
  color: #e61d24;
}

.msb-title-history {
  font-size: 1.14286em;
  color: #636469;
  line-height: 40px;
}

.remark-template {
  float: left;
  width: 100%;
  height: auto;
  padding-top: 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 10px;
  display: none;
}

.remark-template > small {
  float: left;
  width: 10%;
}

.remark-template > textarea {
  float: left;
  width: 90%;
  height: 70px;
  resize: none;
}

.remark-template > textarea:focus {
  outline: none;
}

.remark-template .bottom-form {
  float: left;
  width: 100%;
  height: auto;
  min-height: 80px;
  margin-top: 30px;
}

.remark-template .bottom-form .text-head {
  float: left;
  margin-top: 35px;
  font-size: 1.28571em;
  color: #adadad;
}

.remark-template .bottom-form .data-textsend {
  float: right;
  margin-top: 35px;
}

.remark-template .bottom-form .data-textsend em {
  margin-right: 10px;
}

.remark-template .bottom-form .data-textsend em a {
  color: #636469;
}

.remark-template .msb-button-upload {
  float: left;
  margin-left: 72px;
  margin-top: 10px;
}

.msb-more-trade {
  display: inline-block;
  position: relative;
  text-align: center;
  padding-top: 10px;
  margin-top: 0px;
  font-size: 0.92857em;
  font-style: italic;
  text-decoration: underline;
}

.msb-more-trade a:hover {
  color: #fff;
  opacity: 0.7;
}

.action-list-final li {
  position: relative;
}

.action-list-final li:hover:after, .action-list-final li.active:after {
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -26px;
  width: 0px;
  height: 0px;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #fff;
}

.msb-final-step {
  width: 435px;
  text-align: center;
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-bottom: 30px;
  display: none;
}

@media only screen and (max-width: 767px) {
  .msb-final-step {
    width: 100%;
    padding-bottom: 20px;
  }
}

.msb-final-step input {
  font-weight: bold;
}

.msb-final-step.active {
  display: block;
}

.msb-final-step ul {
  display: inline-block;
  width: 100%;
  list-style: none;
  padding-left: 0px;
}

.msb-final-step ul li {
  text-align: left;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
}

@media only screen and (max-width: 767px) {
  .msb-final-step ul li {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.msb-final-step ul li hr {
  position: relative;
  width: 435px;
  left: -30px;
  margin-top: 12px;
}

.msb-nopadding {
  padding: 0 !important;
}

#msb-save-success {
  display: none;
  width: 100%;
  padding-top: 75px;
  padding-bottom: 75px;
  background: #e61e23;
  color: #fff;
  position: relative;
}

#msb-save-success:before {
  content: "";
  width: 95%;
  position: absolute;
  top: 0px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#msb-save-success.active {
  display: block;
}

.item-group-more div {
  position: relative;
  z-index: 2;
}

.item-group-more .msb-card-icon {
  position: relative;
  z-index: 5;
}

#legend-chart {
  display: inline-block;
}

.col-history {
  float: left;
  width: 100%;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  white-space: nowrap;
  position: relative;
  z-index: 2;
}

.col-history small {
  float: left;
  width: 45%;
  text-align: right;
  padding-right: 10px;
  font-size: 0.78571em;
}

.col-history span {
  font-size: 0.85714em;
}

.col-history .sbHolder {
  width: 40%;
  font-weight: bold;
  font-size: 14px;
  z-index: 999;
}

.col-history .sbHolder .sbToggle {
  right: 10px !important;
}

.col-history .sbHolder li {
  padding-top: 0px;
  padding-bottom: 0px;
}

.transfer-to-acc {
  display: none;
  position: relative;
  z-index: 3 !important;
}

.transfer-to-acc .col-history small {
  padding-top: 5px;
}

.row-action-to {
  float: left;
  width: 100%;
  height: 80px;
  display: none;
  padding-top: 25px !important;
  padding-bottom: 0px !important;
  border-top: none !important;
  position: static;
}

.row-action-to .title-step {
  font-size: 1.14286em;
  color: #adadad;
  float: left;
  line-height: 40px;
  font-weight: bold;
}

.row-action-to .button-action {
  float: right;
  padding-right: 100px;
}

.row-action-to .button-action .cancel-action {
  color: #636469;
  border-bottom: 1px solid #636469;
  font-size: 0.85714em;
  margin-right: 10px;
}

.row-action-to .button-action .msb-button {
  margin-right: 10px;
}

.active-transfer .row-action-to, .active-transfer .transfer-to-acc {
  display: block;
}

.active-transfer.active-acc {
  z-index: 3;
}

.active-transfer.active-acc:before {
  content: "";
  position: absolute;
  width: 876px;
  height: 80px;
  bottom: 1px;
  left: -20px;
  background: #e5e4e4;
  z-index: 2;
}

.view-fulldetail {
  position: relative;
}

.view-fulldetail .close-detail {
  position: absolute;
  top: 60px;
  right: 5px;
  cursor: pointer;
  width: 15px;
  cursor: pointer;
  height: 15px;
  background: url(../images/close.png) no-repeat center center;
  display: none;
  z-index: 9999;
}

@media only screen and (max-width: 767px) {
  .view-fulldetail .list-detail {
    width: 100% !important;
  }
}

.view-fulldetail .list-detail li {
  overflow: hidden;
  float: left;
  width: 100%;
  position: relative;
  padding: 10px !important;
  border-bottom: none;
}

.view-fulldetail .list-detail li:nth-child(2) {
  border-bottom: none !important;
}

.view-fulldetail .list-detail li .blance {
  float: left;
  margin-bottom: 25px;
  height: 30px;
}

@media only screen and (max-width: 767px) {
  .view-fulldetail .list-detail li .blance {
    width: 50%;
    float: left;
    height: 50px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 25px;
    margin-bottom: 0px;
    margin-right: 0px !important;
  }
  .view-fulldetail .list-detail li .blance:nth-child(2n) {
    border-right: none !important;
    padding-left: 10px;
  }
}

.view-fulldetail .list-detail li .blance.item-hidden {
  display: none;
}

.view-fulldetail .list-detail li .blance:last-child:before {
  content: "";
  border-top: 1px solid #e7e7e7;
  position: absolute;
  width: 100%;
  top: 55px;
  left: 0px;
}

@media only screen and (max-width: 767px) {
  .view-fulldetail .list-detail li .blance:last-child:before {
    display: none;
  }
}

.view-fulldetail .list-detail li.action-button {
  margin-top: -20px;
}

@media only screen and (max-width: 767px) {
  .view-fulldetail .list-detail li.action-button {
    margin-top: -10px;
  }
  .view-fulldetail .list-detail li.action-button .show-more-detail {
    width: 100%;
  }
  .view-fulldetail .list-detail li.action-button .show-more-detail a {
    width: 48%;
    display: inline-block;
  }
  .view-fulldetail .list-detail li.action-button .show-more-detail a:nth-child(2) {
    float: right;
  }
}

@media only screen and (max-width: 767px) {
  .view-fulldetail .blance-chart-no {
    display: none !important;
  }
}

.list-payment {
  float: left;
  width: 100%;
  margin-top: 10px;
  list-style: none;
}

.list-payment.tc-detail {
  padding-left: 0px;
}

.list-payment.tc-detail li strong {
  border-bottom: none;
  padding-bottom: 0px;
}

.list-payment li {
  float: left;
  width: 100%;
  margin-bottom: 5px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .list-payment li {
    padding: 10px 0;
  }
}

@media only screen and (max-width: 767px) {
  .list-payment li.change-money {
    padding: 0;
  }
}

.list-payment li label {
  position: absolute;
  left: -35px;
  top: 15px;
}

.list-payment li small, .list-payment li strong {
  float: left;
  width: 100%;
}

.list-payment li strong {
  border-bottom: 1px solid rgba(212, 212, 212, 0.5);
  padding-bottom: 10px;
}

.list-payment li:last-child strong {
  border: none;
}

.list-payment li:last-child small {
  padding-top: 5px;
}

.list-payment li.active:before {
  color: #fff;
  border-color: #e61d24;
  background: #e61d24;
}

.list-payment li .small-field {
  width: 226px;
  display: none;
}

@media only screen and (max-width: 767px) {
  .list-payment li .small-field {
    width: 100%;
  }
}

.khoanvay-na {
  display: table;
  width: 100%;
  height: 280px;
  border: 2px dashed rgba(42, 41, 43, 0.16);
  text-align: center;
}

.khoanvay-na .text-na {
  display: table-cell;
  vertical-align: middle;
}

.khoanvay-na .text-na h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1.28571em;
}

.table-notification {
  float: left;
  width: 100%;
}

.table-notification.active-a-row li {
  opacity: .5;
}

.table-notification.active-a-row .active-row {
  opacity: 1;
}

.table-notification li.title-table > div {
  padding-top: 5px;
  margin-top: 0;
}

.table-notification li .select-box {
  width: 5%;
}

.table-notification li .action {
  width: 13% !important;
}

.table-notification li .title-invoice .description {
  display: none;
}

.table-notification li.active-row {
  height: auto !important;
  padding-bottom: 30px;
}

.table-notification li.active-row:before {
  height: 100%;
}

.table-notification li.active-row:after {
  content: "";
  width: 876px;
  height: 68px;
  z-index: 2;
  position: absolute;
  left: -20px;
  bottom: 0px;
  background: #e3e3e3;
}

.table-notification li.active-row .action {
  position: absolute;
  bottom: 0px !important;
  right: 0px !important;
}

.table-notification li.active-row .action .msb-list-action {
  top: 0px !important;
  right: 135px !important;
}

.table-notification li.active-row .action .fa {
  display: block !important;
  z-index: 9;
}

.group-services-view {
  margin-top: 20px;
  float: left;
  width: 100%;
  height: auto;
}

.group-services-view .title-box-service {
  margin-bottom: 10px;
  float: left;
  width: 100%;
  height: auto;
  line-height: 22px;
}

#group-list {
  float: left;
  width: 100%;
  min-height: 153px;
  list-style: none;
  padding: 0px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

#group-list.table-opacity {
  min-height: 128px;
}

#group-list.table-opacity li {
  padding-bottom: 0px;
  height: 128px;
  min-height: 128px;
}

#group-list.table-opacity li .msb {
  height: 70px !important;
}

#group-list.table-opacity li:after {
  content: "";
  width: 1px;
  height: 100%;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 0px;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

#group-list.opacity {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.05);
  background: transparent;
}

#group-list .list-group-icon {
  list-style: none;
  padding-left: 0px;
}

#group-list li {
  padding-top: 20px;
  padding-bottom: 20px;
  cursor: pointer;
  height: 150px;
  text-align: center;
  position: relative;
  float: left;
}

@media only screen and (max-width: 767px) {
  #group-list li {
    width: 33.3333%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    height: auto;
  }
}

#group-list li p {
  font-size: 0.85714em;
  color: #606060;
}

#group-list li i {
  font-size: 4em;
  line-height: 75px;
}

#group-list li:after {
  content: "";
  width: 1px;
  height: 100%;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 0px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

#group-list li .msb {
  height: 77px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  #group-list li .msb {
    background-size: 33%;
    height: 40px;
  }
}

#group-list li.active {
  background: #f5f5f5;
}

#group-list li.active .msb {
  opacity: 1;
}

#group-list li:last-child:after {
  display: none;
}

#list-service {
  float: left;
  width: 100%;
  height: auto;
  text-align: left;
  margin-top: 10px;
  padding: 0 30px;
  box-sizing: border-box;
}

@media only screen and (max-width: 1025px) {
  #list-service {
    padding: 0;
  }
}

#list-service.opacity .service-item .item-detail {
  opacity: 1;
  background: #fff;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

#list-service .service-item {
  display: inline-table;
  width: 24.5%;
  height: auto;
  margin-bottom: 25px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #list-service .service-item {
    width: 48.5%;
  }
}

#list-service .service-item .item-detail {
  opacity: .1;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

#list-service .service-item .item-detail.opacity {
  opacity: .1;
}

#list-service .service-item .content-item-service a {
  position: relative;
  display: inline-block;
  width: 90%;
  height: 105px;
  box-sizing: border-box;
  border: 2px dashed #b7b7b7;
  margin-bottom: 5px;
  border-radius: 3px;
  padding: 10px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

#list-service .service-item .content-item-service a:hover, #list-service .service-item .content-item-service a.active {
  background: #fff;
}

#list-service .service-item .content-item-service a img {
  max-width: 160px;
  height: auto;
  max-height: 105px;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 767px) {
  #list-service .service-item .content-item-service a img {
    width: 120px;
  }
}

@media only screen and (max-width: 767px) {
  #list-service .service-item .content-item-service small {
    display: block;
  }
}

.title-form-step .title-text {
  white-space: nowrap;
}

#showDetailList .msb-query {
  padding-top: 20px;
  padding-bottom: 0px;
}

#showDetailList .field-require-invoice .msb-hidden {
  text-indent: 10px;
}

.text-invoice-code {
  margin-bottom: 15px;
}

.show-result {
  display: none;
}

.multiple-transf {
  float: left;
  width: 100%;
  display: none;
}

.multiple-transf .switch-transf {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(212, 212, 212, 0.5);
  margin-bottom: 10px;
}

.multiple-transf .row-final {
  float: left;
  width: 100%;
  height: auto;
}

.multiple-transf .row-final p {
  color: #808080;
}

.multiple-transf .row-final > div {
  float: left;
  width: 45%;
  height: auto;
}

.multiple-transf .row-final > div .txt-number-transfer {
  margin: 2px;
}

.multiple-transf .row-final.text-note {
  line-height: 18px;
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .field-multiple {
    display: none;
  }
}

#naptien-list-view li:first-child .invoice-content:after {
  border-bottom: 1px solid #e7e7e7 !important;
}

.with-border-title .invoice-content:after {
  content: "";
  width: 100%;
  float: left;
  bottom: 0px;
  left: 0px;
  border-bottom: 1px solid #d3d3d3 !important;
}

.go-back {
  font-size: 1em;
  font-weight: 700;
  color: #757171;
  font-style: italic;
  border-bottom: 1px solid #757171;
  padding-bottom: 2px;
  cursor: pointer;
  display: inline-block;
  float: right;
  margin-bottom: 10px;
  margin-right: 10px;
}

.field-thin .tc-detail li {
  line-height: 1.2em;
}

@media only screen and (max-width: 767px) {
  .field-thin .tc-detail li {
    line-height: 9px;
  }
}

body.msb-modal-open {
  position: relative;
}

body.msb-modal-open .msb-popup-modal {
  z-index: 9999999;
  opacity: 1;
}

.msb-popup-modal {
  opacity: 0;
  float: left;
  width: 100vw;
  min-height: 100vh;
  height: 100%;
  position: absolute;
  z-index: 99999;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  background: rgba(53, 55, 59, 0.8);
  z-index: -10;
  top: 0px;
  left: 0px;
}

.msb-popup-modal .msb-modal-content {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  float: left;
}

.msb-popup-modal .msb-box-modal {
  position: absolute;
  width: 500px;
  height: auto;
  min-height: 250px;
  padding: 30px;
  text-align: center;
  border: 1px solid rgba(42, 41, 43, 0.16);
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: #e61e23;
}

@media only screen and (max-width: 767px) {
  .msb-popup-modal .msb-box-modal {
    width: 90%;
  }
}

.msb-popup-modal .msb-box-modal .success-view {
  float: left;
  width: 100%;
  height: auto;
  padding-bottom: 20px;
}

.msb-popup-modal .msb-box-modal .msb-button-popup {
  display: inline-block;
  background: #4a4b50;
  box-shadow: 0px -2px 1px 0px rgba(0, 0, 0, 0.14) inset;
  color: #fff;
  letter-spacing: 0.5px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.msb-popup-modal .msb-box-modal .text-success {
  color: #fff;
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  margin-top: 20px;
}

.msb-popup-modal .msb-box-modal .footer-chosetk {
  padding-top: 20px;
  padding-bottom: 20px;
  float: left;
  width: 100%;
}

.msb-popup-modal .msb-box-modal.modal-notification {
  padding-top: 50px;
}

.msb-popup-modal .msb-box-modal.modal-chosedefault {
  padding: 30px 0px 0px;
}

.msb-popup-modal .msb-box-modal.modal-chosedefault .msb-help-icon span {
  background: #fff;
  color: #000;
}

.msb-popup-modal .msb-box-modal.modal-chosedefault .change-tk-content {
  margin-bottom: 0px;
  margin-top: 25px;
  display: block !important;
  padding: 0px 60px;
  font-weight: normal !important;
}

@media only screen and (max-width: 767px) {
  .msb-popup-modal .msb-box-modal.modal-chosedefault .change-tk-content {
    padding: 0px 5px;
  }
}

.msb-popup-modal .msb-box-modal.modal-chosedefault .change-tk-content .tk .title-taikhoan {
  text-align: left;
  text-indent: 30px;
}

.list-invoicepayment {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 15px;
}

.list-invoicepayment p {
  margin-bottom: 0px;
  line-height: 26px;
}

.list-invoicepayment p span {
  color: #808080;
  margin-right: 5px;
}

.list-invoicepayment .total-balance {
  color: #808080;
}

.list-invoicepayment .list-title-inv {
  padding-bottom: 10px;
}

.list-invoicepayment .list-title-inv span, .list-invoicepayment .list-title-inv strong {
  float: none !important;
}

.list-invoicepayment .list-title-inv .msb-money-format {
  color: #e61e23;
}

.load-more-history-invoice {
  display: inline-block;
  width: 100%;
  padding-top: 0px;
  font-weight: 700;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
  border-top: 1px solid #ccc;
}

.load-more-history-invoice a {
  color: rgba(0, 0, 0, 0.2);
  display: inline-block;
  padding-bottom: 30px;
  font-size: 1.07143em;
}

.load-more-history-invoice .invoice-content .clearfix {
  border-top: 1px solid #e7e7e7;
  position: absolute;
  top: 0px;
  width: 95%;
}

.load-more-history-invoice .invoice-content:after {
  display: none !important;
}

.total-invoice .invoice-content {
  padding-top: 0px !important;
}

.total-invoice .invoice-content .clearfix {
  border-top: 1px solid #e7e7e7;
  position: absolute;
  top: 0px;
  width: 95%;
}

.total-invoice .invoice-content:after {
  display: none !important;
}

.msb-list-limited {
  display: inline-block;
  list-style: none;
  padding-left: 0px;
  box-shadow: 0px 6px 4px 0px rgba(0, 0, 0, 0.04) inset !important;
  max-width: 496px;
}

@media only screen and (max-width: 1025px) {
  .msb-list-limited {
    width: 100%;
  }
}

.msb-list-limited li {
  float: left;
  width: 100px;
  height: 60px;
  line-height: 1em;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 25px;
  cursor: pointer;
  border: 1px solid #d3d3d3;
  margin-left: -1px;
  margin-top: -1px;
}

@media only screen and (max-width: 767px) {
  .msb-list-limited li {
    width: 50%;
  }
}

.msb-list-limited li.active {
  background: #e61e23;
  color: #fff;
}

.msb-list-limited li.active strong, .msb-list-limited li.active small {
  color: #fff;
}

.msb-list-limited li strong, .msb-list-limited li small {
  display: inline-block;
  width: 100%;
  line-height: 1em;
  margin: 0px;
}

.total-month-payment {
  padding-top: 10px;
  padding-bottom: 30px;
}

.label-saveinvoice {
  margin-top: 20px;
}

.field-save-info {
  height: 40px !important;
  line-height: 40px !important;
}

.box-widget-calendar {
  float: left;
  width: 100%;
  background: #fff;
  padding: 0px;
}

.box-widget-calendar .datepicker {
  width: 100%;
  border: none;
  border-radius: 0px;
  margin-left: -1px;
  border-right: 1px solid rgba(167, 167, 167, 0.3);
  border-left: 1px solid rgba(167, 167, 167, 0.3);
}

.box-widget-calendar .datepicker--nav {
  border-color: rgba(167, 167, 167, 0.3);
  font-weight: bold;
}

.box-widget-calendar .datepicker--content {
  padding: 0px;
  width: 100%;
  height: auto;
}

.box-widget-calendar .datepicker--cells-months, .box-widget-calendar .datepicker--cell-years {
  min-height: 170px;
}

.box-widget-calendar .datepicker--cell-month, .box-widget-calendar .datepicker--cell-year {
  width: 25% !important;
  font-weight: bold;
  border-bottom: 1px solid rgba(167, 167, 167, 0.3);
  border-right: 1px solid rgba(167, 167, 167, 0.3);
  border-radius: 0px !important;
  height: 60px !important;
  box-sizing: border-box;
}

.box-widget-calendar .datepicker--cell-month.-disabled-, .box-widget-calendar .datepicker--cell-year.-disabled- {
  color: rgba(174, 174, 174, 0.35);
  background: rgba(221, 221, 221, 0.1);
}

.box-widget-calendar .datepicker--cell-month.-disabled-.-focus-, .box-widget-calendar .datepicker--cell-year.-disabled-.-focus- {
  color: rgba(174, 174, 174, 0.35) !important;
  background: rgba(221, 221, 221, 0.1) !important;
}

.box-widget-calendar .datepicker--cell-month:nth-child(4n), .box-widget-calendar .datepicker--cell-year:nth-child(4n) {
  border-right: none !important;
}

.box-widget-calendar .datepicker--cell-month.-focus-, .box-widget-calendar .datepicker--cell-year.-focus- {
  background: #e61e23 !important;
  color: #fff !important;
}

.box-widget-calendar .title-calendar {
  float: left;
  width: 100%;
  height: 43px;
  background: #ececec;
  text-align: center;
  position: relative;
}

.box-widget-calendar .title-calendar .msb-help-icon {
  right: 10px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.box-widget-calendar .title-calendar .title-text {
  line-height: 43px;
  font-weight: bold;
}

.box-widget-calendar .footer-calendar {
  width: 100%;
  min-height: 60px;
  line-height: 25px;
  margin-top: 30px;
  padding-bottom: 5px;
  text-align: center;
}

.box-widget-calendar .footer-calendar .msb-guide-link {
  display: inline-block;
  color: #4a4b50;
  margin-top: 10px;
  text-decoration: underline;
  margin-bottom: 10px;
  font-size: 0.85714em;
}

.msb-error-section {
  float: left;
  width: 100%;
  height: auto;
  position: relative;
  padding-top: 60px;
  padding-bottom: 40px;
  background: #e61e23;
}

@media only screen and (max-width: 767px) {
  .msb-error-section {
    height: 100vh;
  }
}

.msb-error-section .icon {
  display: inline-block;
  margin-bottom: 30px;
}

.middle-content #tra-soat, .middle-content #thong-bao, .middle-content #lien-he {
  position: relative;
}

.middle-content #tra-soat.msb-content-middle, .middle-content #thong-bao.msb-content-middle, .middle-content #lien-he.msb-content-middle {
  box-shadow: none;
  border: none;
}

@media only screen and (max-width: 767px) {
  .middle-content #tra-soat, .middle-content #lien-he {
    margin-top: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .middle-content #lien-he .msb-big-table .msb-content-box.thong-bao ul .title-table .title-invoice {
    padding-top: 5px !important;
  }
}

@media only screen and (max-width: 767px) {
  .middle-content #lien-he .msb-big-table .msb-content-box.truy-van .msb-list-view .invoice-item-list .money-payment {
    width: 70%;
    margin-left: -22px;
  }
}

.middle-content #lien-he .msb-big-table .msb-content-box.truy-van .msb-list-view .invoice-item-list .money-payment small {
  line-height: 25px;
}

.middle-content #lien-he .msb-big-table .msb-content-box.truy-van .history-notification .history-time small {
  padding-left: 0;
}

.middle-content #thong-bao .msb-query {
  padding: 0;
  margin-top: -45px;
}

@media only screen and (max-width: 767px) {
  .middle-content #thong-bao .msb-query {
    margin-top: 0;
  }
}

@media only screen and (max-width: 1020px) {
  .middle-content #thong-bao .msb-query .pull-left {
    width: 70%;
  }
}

@media only screen and (max-width: 767px) {
  .middle-content #thong-bao .msb-query .invoice-item-list .select-box {
    padding-top: 0;
  }
}

.middle-content #thong-bao .msb-query .table-notification li:nth-child(2) {
  border-top: 1px solid rgba(144, 144, 144, 0.5);
}

@media only screen and (max-width: 1020px) {
  .middle-content #thong-bao .msb-query .list-invoice li .select-box {
    width: 8%;
  }
}

@media only screen and (max-width: 767px) {
  .middle-content #thong-bao .msb-query .list-invoice li .select-box {
    width: 10%;
  }
}

@media only screen and (max-width: 767px) {
  .middle-content #thong-bao .msb-query .list-invoice li.title-table .title-invoice {
    padding-top: 0;
  }
}

.middle-content #thong-bao .msb-query .list-invoice li.invoice-item-list:first-child {
  border: none !important;
}

.middle-content textarea {
  width: 100%;
  height: 70px;
  font-style: italic;
  padding: 10px;
  color: #636469;
}

.middle-content .user-information {
  color: #000;
}

@media only screen and (max-width: 1025px) {
  .middle-content .user-information .msb-button {
    padding: 13px 22px;
  }
}

@media only screen and (max-width: 1020px) {
  .middle-content .user-information .msb-button {
    padding: 13px 36px;
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .middle-content .user-information .msb-button {
    padding: 14px 11px;
  }
}

.middle-content #frm-lien-he {
  margin-top: 40px;
}

.middle-content #frm-lien-he .msb-show-infouser {
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.27);
  border: 1px solid rgba(42, 41, 43, 0.16);
  background: #fff;
}

@media only screen and (max-width: 767px) {
  .middle-content #frm-lien-he .msb-show-infouser {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .middle-content #frm-lien-he .msb-show-infouser .user-information.ul-padding {
    padding-top: 0;
  }
}

.middle-content #frm-lien-he input[type="text"] {
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .left-sidebar-content ul {
    margin-bottom: 0;
  }
}

.sbHolder {
  position: relative;
  float: left;
  min-width: 160px;
  height: 34px;
  padding: 5px;
  border: 1px solid #e1e1e1;
  margin-right: 15px;
  font-size: 0.85714em;
  line-height: 60px;
}

.sbSelector {
  display: block;
  left: 0;
  outline: none;
  overflow: hidden;
  position: absolute;
  text-indent: 15px;
  width: 92%;
  max-height: 60px;
  word-break: break-word;
  ms-word-break: break-word;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .sbSelector {
    text-indent: 10px;
  }
}

.sbSelector span {
  position: absolute;
  right: 0px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sbSelector:link, .sbSelector:visited, .sbSelector:hover {
  color: #474747;
  outline: none;
  text-decoration: none;
}

.sbToggle {
  display: block;
  outline: none;
  position: absolute;
  right: 5px !important;
  text-align: center;
  line-height: 22px;
  font-size: 1.42857em;
  width: 22px;
  height: 22px;
  color: #474747;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .sbToggle {
    right: 10px !important;
  }
}

.sbToggle:before {
  font-family: FontAwesome;
  content: "\f107";
}

.sbToggle:hover:before {
  font-family: FontAwesome;
  content: "\f106";
}

.sbToggle.sbToggleOpen:before {
  font-family: FontAwesome;
  content: "\f106";
}

.sbToggle.sbToggleOpen:hover:before {
  font-family: FontAwesome;
  content: "\f107";
}

.sbHolderDisabled {
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, 0.4);
}

.sbOptions {
  background-color: #fff;
  list-style: none;
  position: absolute;
  width: 100%;
  z-index: 100;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  overflow-scrolling: touch;
  top: 34px !important;
  padding: 15px !important;
  min-width: 160px;
  left: 0px;
  margin-bottom: 0px;
}

.sbOptions li {
  min-height: 25px;
  line-height: 25px;
  margin-bottom: 0px !important;
  min-height: 40px !important;
  color: #999999;
  position: relative;
  z-index: 9;
  width: 100% !important;
  margin-bottom: 0px !important;
  text-align: left;
}

.sbOptions li:last-child {
  border-bottom: none;
}

.sbOptions li span {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0px;
  z-index: 1;
}

.sbOptions a {
  display: block;
  outline: none;
  color: #999;
  position: relative;
  z-index: 2;
  line-height: 40px;
  font-size: 1em;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 767px) {
  .sbOptions a {
    font-size: 0.92857em;
    line-height: 18px;
    padding-top: 5px;
    padding-bottom: 10px;
  }
}

.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {
  color: #e61e23;
  border-color: #e61e23;
}

.sbOptions.last a {
  border-bottom: none;
}

.sbOptions .sbDisabled {
  border-bottom: dotted 1px rgba(0, 0, 0, 0.4);
  color: #999;
  display: block;
}

.sbOptions .sbGroup {
  border-bottom: dotted 1px rgba(0, 0, 0, 0.4);
  color: #EBB52D;
  display: block;
  font-weight: bold;
}

.sbOptions .sbSub {
  padding-left: 17px;
}

.msb-button-hidden {
  opacity: 0;
  z-index: -22;
  cursor: default !important;
}

input[type="text"], input[type="password"] {
  min-width: 215px;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 10px;
  border: 1px solid #e1e1e1;
  border-radius: 0px !important;
}

@media only screen and (max-width: 1020px) {
  input[type="text"], input[type="password"] {
    min-width: 330px;
  }
}

@media only screen and (max-width: 767px) {
  input[type="text"], input[type="password"] {
    min-width: 150px;
    width: 100%;
    margin-top: 4px;
  }
}

input[type="text"].msb-edit-text, input[type="password"].msb-edit-text {
  height: 36px;
  line-height: 36px;
}

input[type="text"].msb-quick-input, input[type="password"].msb-quick-input {
  margin-top: 0px;
}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder {
  font-style: italic;
}

@media only screen and (max-width: 767px) {
  input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder {
    font-size: 0.85714em;
  }
}

input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder {
  font-style: italic;
}

@media only screen and (max-width: 767px) {
  input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder {
    font-size: 0.85714em;
  }
}

input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder {
  font-style: italic;
}

@media only screen and (max-width: 767px) {
  input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder {
    font-size: 0.85714em;
  }
}

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder {
  font-style: italic;
}

@media only screen and (max-width: 767px) {
  input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder {
    font-size: 0.85714em;
  }
}

.input-error {
  border: 1px solid #e61e23 !important;
}

.field-thin.padding-left {
  padding-left: 31%;
}

.field-thin .currency {
  top: 10px !important;
  color: #b1b2b2;
}

.dropdown-small .sbHolder {
  height: 36px !important;
  box-shadow: none !important;
}

.dropdown-small .sbHolder .sbToggle {
  right: 5px !important;
}

.dropdown-small .sbHolder .sbOptions {
  top: 36px !important;
}

.textarea-small {
  border: 1px solid #e1e1e1;
  resize: none;
}

.msb-inputfile {
  display: none;
}

.sbHolder {
  border-color: rgba(211, 211, 211, 0.6) !important;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.sbHolder:hover, .sbHolder:focus {
  border-color: rgba(102, 102, 102, 0.4) !important;
}

.msb-texarea {
  resize: none;
  width: 100%;
  line-height: 16px;
  padding: 15px;
  min-height: 70px;
  margin-top: 10px;
  border-color: rgba(211, 211, 211, 0.6);
}

@media only screen and (max-width: 767px) {
  .msb-texarea {
    min-height: 70px;
    margin-top: 4px;
  }
}

.msb-texarea:focus {
  outline: none;
}

.msb-texarea::-webkit-input-placeholder {
  font-size: 1em;
  font-style: italic;
}

.msb-texarea::-moz-placeholder {
  font-size: 1em;
  font-style: italic;
}

.msb-texarea:-moz-placeholder {
  font-size: 1em;
  font-style: italic;
}

.msb-texarea:-ms-input-placeholder {
  font-size: 1em;
  font-style: italic;
}

.txt-field {
  width: 100%;
  height: 40px;
  line-height: 40px;
  float: left;
  margin-top: 10px;
}

.txt-field.field-with-currency {
  box-sizing: border-box;
  padding-right: 50px;
}

.txt-field.text-account-invoice {
  width: 70%;
}

@media only screen and (max-width: 1020px) {
  .txt-field.text-account-invoice {
    width: 75%;
  }
}

@media only screen and (max-width: 767px) {
  .txt-field.text-account-invoice {
    width: 100%;
  }
}

.txt-field.field-hidden {
  display: none;
}

.txt-field.small-field {
  height: 40px !important;
  line-height: 40px;
}

.msb-button-checkacc {
  width: 30%;
  border: none;
  background: #e61e23;
  color: #fff;
  display: block;
  margin-top: 10px;
  font-weight: bold;
  display: inline-block;
}

@media only screen and (max-width: 1020px) {
  .msb-button-checkacc {
    width: 36%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-button-checkacc {
    line-height: 17px;
    font-size: 0.8em;
    width: 39%;
  }
}

.msb-button-checkacc:focus {
  outline: none;
}

.msb-button-checkacc:hover {
  background: #d2151b;
}

label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 1020px) {
  label {
    margin-right: 15px;
    margin-bottom: 5px;
  }
}

label.checkbox-small {
  padding-left: 20px;
  padding-right: 15px;
  font-size: 12px;
}

@media only screen and (max-width: 767px) {
  label.checkbox-small {
    margin: 0;
  }
}

label.checkbox-small:before {
  width: 15px !important;
  height: 15px !important;
  margin-right: 5px !important;
  text-indent: -1px !important;
  font-size: 0.8em !important;
  font-style: normal;
}

label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  margin-right: 11px;
  position: absolute;
  left: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  bottom: 1px;
  border: 1px solid #b6b6b6;
}

input[type=radio] {
  display: none !important;
}

input[type=radio] + label:before {
  border-radius: 50%;
}

input[type=radio] + label.radio-small {
  padding-left: 20px;
  padding-right: 0;
  font-size: 0.85714em;
}

@media only screen and (max-width: 767px) {
  input[type=radio] + label.radio-small {
    margin: 0;
  }
}

input[type=radio] + label.radio-small:before {
  width: 14px !important;
  height: 14px !important;
  margin-right: 5px !important;
  text-indent: -1px !important;
  line-height: 11px !important;
  font-style: normal;
}

input[type=radio]:checked + label {
  color: #000;
}

input[type=radio]:checked + label:before {
  content: "\2022";
  color: #e61e23;
  font-size: 47px;
  text-indent: 0px;
  text-align: center;
  line-height: 18px;
  font-weight: normal;
}

input[type=radio]:checked + label.radio-small:before {
  font-size: 39px;
}

input[disabled] + label {
  opacity: 0.4;
}

input[type=checkbox] {
  display: none !important;
}

input[type=checkbox]:checked + label:before {
  content: "\2713";
  background: #e61e23;
  border-color: #e61e23;
  font-size: 1.07143em;
  color: #fff;
  text-align: center;
  line-height: 1.2em;
}

.txt-search-right {
  background: url(../images/search-icon.png) no-repeat right center #fff !important;
  background-position: 97% !important;
}

@media only screen and (max-width: 767px) {
  .txt-search-right {
    background: none !important;
  }
}

.txt-search-right.msb-autocomplete-field {
  font-weight: bold;
}

.msb-form-step {
  padding-left: 35px;
  padding-right: 35px;
  position: relative;
  float: left;
  margin-top: 0px;
  width: 100%;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  margin-bottom: 0px;
}

@media only screen and (max-width: 1020px) {
  .msb-form-step {
    padding-left: 20px;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-form-step {
    padding-left: 15px;
  }
}

.msb-form-step:before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: #e41e26;
}

.msb-form-step.step-one:before {
  content: "";
  width: 4px;
  height: 50%;
  position: absolute;
  left: 0px;
  top: 50%;
  background: #e41e26;
}

.step-01 li:first-child {
  border-color: #d3d3d3;
}

.step-01 li .field-form .list-radio-check {
  margin-top: 15px;
}

.step-deactive {
  background: #e5e4e4;
}

.otp-text-validate {
  top: -10px;
}

@media only screen and (max-width: 767px) {
  .otp-text-validate {
    top: 0px;
    margin-top: 3px;
  }
}

.otp-text-validate button {
  margin-right: 5px;
  padding: 10px 10px;
}

@media only screen and (max-width: 1025px) {
  .otp-text-validate button {
    margin-top: 0 !important;
  }
}

@media only screen and (max-width: 1020px) {
  .otp-text-validate button.msb-button-redo {
    margin-top: 10px !important;
  }
}

.otp-text-validate .otp-id-view {
  line-height: 45px;
}

@media only screen and (max-width: 767px) {
  .otp-text-validate .otp-id-view {
    padding: 10px 0 0;
  }
}

.title-form-step {
  float: left;
  width: 100%;
  position: relative;
}

.title-form-step.result-one {
  background: #e5e4e4;
}

.title-form-step.result-one .msb-list-view {
  padding-top: 10px;
}

.title-form-step.result-one.result-active {
  background: #fff;
}

.title-form-step.result-one.result-active .msb-form-row {
  border-top: 1px solid rgba(212, 212, 212, 0.5);
}

.title-form-step.result-one.msb-failed-confirm .msb-form-step:before {
  height: 10px;
}

.title-form-step.result-one.msb-failed-confirm:before {
  content: "";
  background: #525252;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 10px;
}

.title-form-step.result-one.msb-failed-confirm .msb-form-row {
  border: none !important;
}

.title-form-step.result-one.msb-failed-confirm .step-no-2 {
  background: url(../images/failed-icon.png) no-repeat center center #444444;
}

.title-form-step .msb-success {
  text-align: center;
  display: none;
}

.title-form-step .msb-success .text-success {
  font-size: 1.28571em;
  color: #fff;
}

.title-form-step.success-step.step-final {
  background: #e61e23;
}

.title-form-step.success-step.step-final .msb-success {
  display: block;
}

.title-form-step.success-step.msb-failed-transfer {
  background: #444444;
  color: #adadad;
}

.title-form-step.success-step.msb-failed-transfer .return-link {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.title-form-step.success-step.msb-failed-transfer .return-link:hover {
  border: none;
}

.title-form-step.success-step.msb-failed-transfer .msb-form-row {
  border: none !important;
}

.title-form-step.success-step.msb-failed-transfer .step-no-3 {
  display: none;
}

.title-form-step.success-step.msb-failed-transfer .msb-form-step:before {
  background: #444444 !important;
}

.title-form-step .msb-form-row {
  padding-top: 30px;
}

@media only screen and (max-width: 767px) {
  .title-form-step .msb-form-row {
    padding-top: 20px;
  }
}

.title-form-step .msb-form-row:first-child {
  border-top: none;
}

.title-form-step .msb-form-row .text-success {
  float: left;
  width: 100%;
  margin-top: 10px;
}

.title-form-step .msb-form-row .list-action-success {
  padding-left: 0px;
  list-style: none;
  margin-bottom: 0px;
  margin-top: 30px;
  padding-bottom: 10px;
}

.title-form-step .msb-form-row .list-action-success li {
  display: inline-block;
  text-align: center;
  margin: auto 10px;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .title-form-step .msb-form-row .list-action-success li {
    width: 24%;
  }
}

.title-form-step .msb-form-row .list-action-success li a {
  padding-top: 5px;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .title-form-step .msb-form-row .list-action-success li a {
    display: inline-block;
    font-size: 0.71429em;
    line-height: 18px;
  }
}

.title-form-step.step-deactive .number-no {
  background-color: #717171;
}

.title-form-step.step-deactive .number-no.step-no-2 {
  top: 25px;
}

@media only screen and (max-width: 767px) {
  .title-form-step.step-deactive .number-no.step-no-2 {
    top: 28px;
  }
}

.title-form-step.step-deactive .number-no.step-no-3 {
  top: 20px;
}

@media only screen and (max-width: 767px) {
  .title-form-step.step-deactive .number-no.step-no-3 {
    top: 15px;
  }
}

.title-form-step.step-deactive .msb-form-step:before {
  background: #717171;
}

.title-form-step.step-deactive .title-text {
  font-size: 1.28571em;
}

.title-form-step .number-no {
  float: left;
  position: absolute;
  background: #e41e26;
  left: -14px;
  top: 0px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  font-size: 1.07143em;
  line-height: 30px;
  top: 25px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .title-form-step .number-no {
    left: -10px;
    font-size: 1em;
    line-height: 27px;
  }
}

@media only screen and (max-width: 767px) {
  .title-form-step .number-no.step-no-1 {
    top: 18px !important;
  }
}

.title-form-step .number-no.step-no-2 {
  top: 45px;
}

.title-form-step .number-no.step-no-2 {
  top: 45px;
}

.title-form-step .number-no.number-active {
  background-image: url(../images/check-white.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.title-form-step .title-text {
  font-size: 1.71429em;
  color: #adadad;
  line-height: 15px;
  font-weight: 300;
}

@media only screen and (max-width: 1020px) {
  .title-form-step .title-text {
    font-size: 1.42857em;
    text-indent: 5px;
    white-space: nowrap;
  }
}

.short-width .msb-form-row .field-form {
  width: 59.5%;
}

.step-three.step-deactive .title-text {
  margin-top: 0px !important;
}

@media only screen and (max-width: 767px) {
  .form-thong-bao {
    padding-top: 20px;
  }
}

.msb-form-row {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 20px;
}

@media only screen and (max-width: 1020px) {
  .msb-form-row small {
    width: 100%;
    line-height: 1em !important;
    margin-bottom: 5px;
  }
  .msb-form-row button {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-form-row {
    padding-top: 10px;
    padding-bottom: 15px;
  }
  .msb-form-row button.msb-button-checkacc {
    padding: 0px;
    padding: 0px 5px;
  }
}

.msb-form-row.form-title {
  border-bottom: 1px solid rgba(212, 212, 212, 0.5) !important;
}

.msb-form-row.form-title.step-one {
  border: none !important;
}

.msb-form-row.form-title.step-two {
  padding-top: 22px;
}

@media only screen and (max-width: 767px) {
  .msb-form-row.form-title.step-two {
    padding-top: 20px;
  }
}

.msb-form-row.form-title.step-three {
  border-bottom: none !important;
  padding-top: 30px;
  padding-bottom: 30px;
}

.msb-form-row.form-title.step-three .title-text {
  margin-top: 17px;
}

.msb-form-row.form-title.step-three .title-text.padding-left {
  padding-left: 15%;
}

.msb-form-row.form-title .logo-branding {
  position: absolute;
  right: 40px;
  max-height: 72px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .msb-form-row.form-title .logo-branding {
    display: none;
  }
}

.msb-form-row.form-title .logo-branding img {
  max-width: 135px;
  max-height: 72px;
  width: auto;
}

.msb-form-row .title-form, .msb-form-row .field-form {
  float: left;
}

.msb-form-row.width-50 .field-form {
  width: 50%;
}

@media only screen and (max-width: 1020px) {
  .msb-form-row.width-50 .field-form {
    width: 100%;
  }
}

.msb-form-row .button-action.center {
  text-align: center;
}

.msb-form-row .title-form {
  width: 31%;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .title-form {
    width: 100%;
  }
}

.msb-form-row .title-form .text {
  font-weight: bold;
  color: #030303;
  margin-right: 5px;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .title-form .text {
    font-weight: normal;
    font-size: 0.9em;
  }
}

.msb-form-row .title-form small.text {
  font-weight: normal;
  color: rgba(99, 100, 105, 0.5);
}

.msb-form-row .title-form.form-title-input {
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .title-form.form-title-input {
    width: 100%;
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .msb-form-row .title-form .title-text {
    white-space: normal;
    font-size: 1.2em;
  }
}

.msb-form-row .text-fiels-padding {
  padding-left: 31%;
}

.msb-form-row .text-sub-fiels {
  padding-right: 20px;
}

.msb-form-row .text-sub-fiels.padding {
  margin-top: 21px;
  float: left;
}

.msb-form-row .text-sub-fiels small {
  font-size: 0.85714em;
}

.msb-form-row .text-sub-fiels span {
  color: #000;
}

.msb-form-row.row-small {
  padding-top: 10px;
  padding-bottom: 15px;
}

.msb-form-row.row-small .form-title-input {
  margin-top: 10px !important;
  line-height: 18px;
  padding-left: 15px;
}

@media only screen and (max-width: 767px) {
  .msb-form-row.row-small .form-title-input {
    margin-top: 5px !important;
    padding-left: 0;
    line-height: 20px;
  }
}

.msb-form-row.row-small .form-title-input.height {
  min-height: 100px;
}

.msb-form-row.row-small label {
  font-style: italic;
}

.msb-form-row.row-small input[type="text"] {
  font-weight: bold;
  float: left;
}

.msb-form-row.row-small input[type="text"]:nth-child(2n) {
  float: right;
}

.msb-form-row.row-small input[type="text"].light {
  font-weight: normal;
}

.msb-form-row.row-small input[type="text"].msb-field-padding {
  width: 47.5%;
}

.msb-form-row.row-small input[type="text"]::-webkit-input-placeholder {
  font-style: italic;
  font-weight: normal;
}

.msb-form-row.row-small input[type="text"]::-moz-placeholder {
  font-style: italic;
  font-weight: normal;
}

.msb-form-row.row-small input[type="text"]:-moz-placeholder {
  font-style: italic;
  font-weight: normal;
}

.msb-form-row.row-small input[type="text"]:-ms-input-placeholder {
  font-style: italic;
  font-weight: normal;
}

.msb-form-row.row-small textarea {
  font-style: oblique;
}

.msb-form-row .date-tranfer {
  margin-bottom: 20px;
  display: inline-block;
}

.msb-form-row .in-date {
  color: #808080;
  line-height: 1em;
  margin-bottom: 10px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .in-date {
    margin-bottom: 4px;
  }
}

.msb-form-row .msb-button-redo {
  margin-right: 0px;
}

.msb-form-row .field-form {
  width: 62.5%;
  position: relative;
}

.msb-form-row .field-form.haft-part {
  width: 31%;
  padding-right: 20px;
}

.msb-form-row .field-form.haft-part small {
  float: left;
}

.msb-form-row .field-form.haft-part strong {
  float: left;
}

.msb-form-row .field-form.haft-part .sbHolder {
  min-width: initial;
}

.msb-form-row .field-form.text {
  width: 20%;
}

.msb-form-row .field-form strong {
  float: left;
}

.msb-form-row .field-form.form-width-datetime .txt-field {
  width: 70%;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .field-form.form-width-datetime .txt-field {
    width: 100%;
  }
}

.msb-form-row .field-form.form-width-datetime .msb-datepicker {
  width: 30% !important;
  min-width: 100px !important;
  margin-top: 10px;
  border-left: none;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .field-form.form-width-datetime .msb-datepicker {
    width: 100% !important;
    border-left: 1px solid #e1e1e1;
  }
}

@media only screen and (max-width: 767px) {
  .msb-form-row .field-form {
    width: 100%;
  }
}

.msb-form-row .field-form.filed-text-full {
  width: 100%;
}

.msb-form-row .field-form.field-require-invoice:before {
  content: "#";
  position: absolute;
  left: 20px;
  height: 60px;
  line-height: 60px;
  margin-top: 4px;
  font-style: italic;
  font-size: 1.28571em;
  color: #808080;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .field-form.field-require-invoice:before {
    line-height: 47px;
  }
}

.msb-form-row .field-form.field-require-invoice input {
  text-indent: 30px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .field-form.field-require-invoice input.text-account-invoice {
    width: 61%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-form-row .field-form.field-require-invoice .msb-button-checkacc {
    margin-top: 4px;
  }
}

.msb-form-row .field-form .currency {
  position: absolute;
  top: 16px;
  right: 10px;
  line-height: 1em;
  padding-top: 10px;
  font-weight: bold;
  color: #b1b2b2;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .field-form .currency {
    top: 13px;
    font-size: 0.8em;
  }
}

.msb-form-row .field-form .field-note {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 15px;
  color: #999;
  margin-top: 6px;
  font-size: 0.9em;
}

.msb-form-row .field-form .field-note span, .msb-form-row .field-form .field-note strong {
  float: none !important;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .field-form .field-note {
    margin-top: 5px;
    width: 75%;
  }
}

.msb-form-row input[type="text"] {
  background: #fff;
}

@media only screen and (max-width: 767px) {
  .msb-form-row input[type="text"] {
    height: 45px;
  }
}

.msb-form-row input[type="text"]::-webkit-input-placeholder {
  font-style: italic;
  font-size: 1em;
  font-weight: normal;
}

.msb-form-row input[type="text"]::-moz-placeholder {
  font-style: italic;
  font-size: 1em;
  font-weight: normal;
}

.msb-form-row input[type="text"]:-moz-placeholder {
  font-style: italic;
  font-size: 1em;
  font-weight: normal;
}

.msb-form-row input[type="text"]:-ms-input-placeholder {
  font-style: italic;
  font-size: 1em;
  font-weight: normal;
}

.msb-form-row input[type="text"].field-small {
  box-shadow: none !important;
  height: 35px;
  line-height: 35px;
  min-width: inherit;
}

.msb-form-row .name-account, .msb-form-row .money-account {
  color: #e41e26;
}

.msb-form-row .msb-datepicker, .msb-form-row .msb-datepicker-limit {
  height: 40px !important;
  width: 230px !important;
  min-width: 230px;
  background: url(../images/calendar-icon.png) no-repeat right center #fff !important;
  background-position: 95% !important;
  margin-top: 2px;
  font-weight: bold;
  font-style: italic;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .msb-datepicker, .msb-form-row .msb-datepicker-limit {
    width: 100% !important;
  }
}

.msb-form-row .msb-datepicker.field-small, .msb-form-row .msb-datepicker-limit.field-small {
  height: 35px !important;
  background-size: 15px 15px !important;
}

.msb-form-row .txt-otp {
  height: 40px !important;
  width: 110px !important;
  min-width: 110px !important;
  width: 0px;
  margin-top: 0px;
  margin-right: 15px;
}

@media only screen and (max-width: 1020px) {
  .msb-form-row .txt-otp {
    width: 180px !important;
    min-width: 180px !important;
  }
}

@media only screen and (max-width: 767px) {
  .msb-form-row .txt-otp {
    width: 150px !important;
    min-width: 150px !important;
  }
}

.msb-form-row .otp-field {
  float: left;
  display: none;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .otp-field {
    width: 100%;
  }
}

.msb-form-row .otp-field .txt-otp {
  margin-right: 0px;
}

.msb-form-row .otp-field .msb-button {
  min-height: 39px;
  margin-top: 1px;
  padding: 10px 10px;
}

.msb-form-row .otp-field.otp-id-view {
  line-height: 40px;
  margin-right: 5px;
}

.msb-form-row .sbHolder {
  min-width: 300px;
  width: 100%;
  margin-top: 10px;
  background: #fff;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .sbHolder {
    min-width: 220px;
    height: 45px;
    margin-top: 4px;
  }
}

.msb-form-row .sbSelector {
  color: #000;
  font-weight: bold;
  font-size: 14px;
}

@media only screen and (max-width: 1020px) {
  .msb-form-row .sbSelector {
    font-size: 13px;
  }
}

.msb-form-row .sbSelector span {
  color: #999999;
  font-weight: normal;
}

@media only screen and (max-width: 1020px) {
  .msb-form-row .sbSelector span {
    display: none;
  }
}

.msb-form-row .sbOptions {
  top: 45px !important;
}

.msb-form-row .sbOptions li {
  font-size: 14px;
}

.msb-form-row .sbOptions li span {
  color: #999999;
}

@media only screen and (max-width: 1020px) {
  .msb-form-row .sbOptions li span {
    display: none;
  }
}

.msb-form-row .sbOptions a {
  color: #000;
  font-weight: bold;
}

.msb-form-row .sbToggle {
  font-size: 1.07143em;
}

.msb-form-row .sbToggle:before {
  content: "\f0d7";
}

.msb-form-row .sbToggle.sbToggleOpen:before {
  content: "\f0d8";
}

.msb-form-row .list-radio-check {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 5px;
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .list-radio-check {
    margin-top: 8px;
  }
}

.msb-form-row .list-radio-check li {
  float: left;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .list-radio-check li {
    width: 100%;
  }
}

.msb-form-row .list-user-data {
  float: left;
  padding-left: 0px;
  list-style: none;
}

.msb-form-row .list-user-data li {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}

.msb-form-row .list-user-data li small, .msb-form-row .list-user-data li strong {
  float: left;
  width: 100%;
}

.msb-form-row .list-user-data li a {
  color: #333;
}

.msb-form-row .data-fill {
  float: left;
  width: 100%;
  height: auto;
  word-break: break-all;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .data-fill {
    line-height: 5px;
  }
}

.msb-form-row .data-fill strong {
  float: left;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .data-fill strong {
    margin-bottom: 9px;
  }
}

.msb-form-row .data-fill span {
  float: right;
  color: #808080;
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
  .msb-form-row .data-fill span {
    font-size: 0.8em;
    float: left;
    line-height: 10px;
  }
}

.success-step.step-three .title-text {
  margin-top: 0px !important;
}

.success-step.step-three .form-title {
  padding-bottom: 15px !important;
}

.step-active .number-no.step-no-2 {
  top: 28px;
}

.step-active .msb-list-view .msb-form-row .title-form .title-text {
  color: #010101 !important;
}

.msb-validated {
  position: relative;
}

.msb-validated:before {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  left: -25px;
}

@media only screen and (max-width: 767px) {
  .msb-validated:before {
    background: none;
  }
}

.msb-validated.check-white {
  background: url(../images/check-white.png) no-repeat center center;
}

.msb-list-preview em, .msb-list-preview small {
  color: #808080 !important;
}

.msb-list-preview em.text, .msb-list-preview small.text {
  display: inline-block;
  box-sizing: border-box;
  padding-left: 30px;
  font-weight: normal !important;
}

@media only screen and (max-width: 767px) {
  .msb-list-preview em.text, .msb-list-preview small.text {
    padding-left: 0px;
  }
}

.msb-list-preview .msb-form-row {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .msb-list-preview .msb-form-row {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
  }
  .msb-list-preview .msb-form-row .title-form {
    width: 100%;
    white-space: nowrap;
  }
}

.list-radio-check {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.list-radio-check li {
  display: inline-block;
}

.label-multiple {
  color: #808080;
}

.policy-label:before {
  top: 13px !important;
}

.policy-label span {
  font-size: 14px;
}

.policy-label span a {
  color: #1564db;
}

.policy-label span a:hover {
  opacity: 0.5;
}

.msb-pagkage-transfer {
  float: left;
  width: 100%;
}

.msb-pagkage-transfer.msb-tranfer-table {
  display: none;
}

.msb-pagkage-transfer .msb-data-date {
  float: left;
  padding-left: 0px;
  list-style: none;
  margin-bottom: 0px;
  border: 1px solid #d4d4d4;
  border-right: none;
  border-bottom: none;
}

.msb-pagkage-transfer .msb-data-date.date-in-month {
  width: 296px;
}

@media only screen and (max-width: 767px) {
  .msb-pagkage-transfer .msb-data-date.date-in-month {
    width: 100%;
  }
}

.msb-pagkage-transfer .msb-data-date li {
  float: left;
  width: 42px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  cursor: pointer;
  color: #919191;
}

@media only screen and (max-width: 767px) {
  .msb-pagkage-transfer .msb-data-date li {
    width: 36px;
    height: 40px;
  }
}

.msb-pagkage-transfer .msb-data-date li.active {
  background: #e61e23;
  color: #fff;
}

.msb-pagkage-transfer .date-to {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.msb-pagkage-transfer .date-to li {
  color: #808080;
}

.msb-pagkage-transfer .date-to li a {
  color: #000;
}

.msb-pagkage-transfer .date-to li a.active {
  color: #e61e23;
}

.txt-number-transfer {
  width: 50px !important;
  height: 40px !important;
  min-width: 40px !important;
  text-align: right;
  margin-left: 10px;
  margin-top: 0px;
}

.multiple-transfer {
  float: left;
  width: 100%;
  height: auto;
  display: none;
}

.multiple-transfer .date-to {
  display: inline-block;
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.multiple-transfer .date-to li {
  display: inline-block;
  margin-right: 0px;
}

.multiple-transfer .date-to li a {
  color: #000;
  margin-right: 5px;
}

.multiple-transfer .date-to li a.active {
  color: #e61e23;
  position: relative;
}

.multiple-transfer .date-to li a.active:after {
  position: absolute;
  left: 0px;
  bottom: -5px;
  content: "";
  width: 100%;
  height: 1px;
  background: #e61e23;
}

.multiple-transfer .msb-pagkage-transfer {
  float: left;
  width: 100%;
  height: auto;
}

.multiple-transfer .title-transfer-to {
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(212, 212, 212, 0.5);
  margin-top: 10px;
}

.multiple-transfer .title-transfer-to.option-transfer {
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .multiple-transfer .title-transfer-to.option-transfer {
    margin-top: 10px;
  }
}

.multiple-transfer .title-pagkage-transf {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 5px;
  margin-top: 15px;
}

.msb-save-form {
  background: #fff;
  width: 100%;
  height: auto;
  position: relative;
  text-align: center;
  display: none;
  min-height: 235px;
  padding-top: 30px;
  padding-bottom: 15px;
}

.msb-save-form.active {
  display: block;
}

@media only screen and (max-width: 767px) {
  .msb-save-form {
    padding-bottom: 0px;
    min-height: 145px;
    padding-top: 20px;
  }
}

.msb-save-form .list-save-db {
  list-style: none;
  padding-left: 0px;
  display: inline-block;
  width: 405px;
}

@media only screen and (max-width: 767px) {
  .msb-save-form .list-save-db {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.msb-save-form .list-save-db li {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .msb-save-form .list-save-db li {
    margin-bottom: 0;
  }
}

.msb-save-form .list-save-db li input[type="text"] {
  width: 300px;
}

@media only screen and (max-width: 767px) {
  .msb-save-form .list-save-db li input[type="text"] {
    width: 54%;
    min-width: 200px;
    margin-top: 0;
    margin-bottom: 10px;
  }
}

.msb-save-form .list-save-db li button {
  margin-top: 12px;
}

@media only screen and (max-width: 767px) {
  .msb-save-form .list-save-db li button {
    margin-top: 2px;
  }
}

.msb-save-form .list-save-db li .msb-help-icon {
  float: left;
}

.msb-save-form .list-save-db li label {
  float: left;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .msb-save-form .list-save-db li:first-child label {
    margin-left: 0px;
  }
}

.msb-save-form .list-save-db li.user-id-list {
  display: none;
}

.frame-add-more {
  display: block;
  overflow: visible !important;
}

@media only screen and (max-width: 767px) {
  .frame-add-more .msb-query {
    padding-top: 0;
  }
}

.autocomplete-suggestions {
  background: #FFF;
  cursor: default;
  overflow-y: auto;
  overflow-x: visible;
  border-color: rgba(102, 102, 102, 0.4);
  border-top: none;
  width: 100%;
  margin-top: -1px;
  padding-top: 0px;
}

.autocomplete-suggestion {
  padding: 2px 15px;
  white-space: nowrap;
  overflow: hidden;
  border-top: 1px solid #e9e9e9;
  line-height: 55px;
  box-sizing: border-box;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .autocomplete-suggestion {
    line-height: 18px;
    padding: 10px 15px;
    white-space: normal !important;
  }
}

.autocomplete-suggestion span {
  float: right;
  font-weight: bold;
}

.autocomplete-no-suggestion {
  padding: 2px 5px;
}

.autocomplete-no-suggestion strong {
  font-weight: bold;
  color: #000;
}

.autocomplete-selected {
  background: #F0F0F0;
}

.autocomplete-group {
  padding: 2px 15px;
  font-size: 0.85714em;
  color: #808080;
}

.autocomplete-group:first-child {
  border-top: 1px solid #e9e9e9;
  display: block;
  padding-top: 20px;
}

/* Z-INDEX */
.formError {
  z-index: 990;
}

.formError .formErrorContent {
  z-index: 991;
}

.formError .formErrorArrow {
  z-index: 996;
}

.ui-dialog .formError {
  z-index: 5000;
}

.ui-dialog .formError .formErrorContent {
  z-index: 5001;
}

.ui-dialog .formError .formErrorArrow {
  z-index: 5006;
}

.inputContainer {
  position: relative;
  float: left;
}

.formError {
  position: absolute;
  top: 300px;
  left: 300px;
  display: block;
  cursor: pointer;
  text-align: left;
}

.formError.inline {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
}

.ajaxSubmit {
  padding: 20px;
  background: #55ea55;
  border: 1px solid #999;
  display: none;
}

.formError .formErrorContent {
  width: 100%;
  background: #ee0101;
  position: relative;
  color: #fff;
  min-width: 120px;
  font-size: 11px;
  border: 2px solid #ddd;
  box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  -webkit-box-shadow: 0 0 6px #000;
  -o-box-shadow: 0 0 6px #000;
  padding: 4px 10px 4px 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
}

.formError.inline .formErrorContent {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
}

.greenPopup .formErrorContent {
  background: #33be40;
}

.blackPopup .formErrorContent {
  background: #393939;
  color: #FFF;
}

.formError .formErrorArrow {
  width: 15px;
  margin: -2px 0 0 13px;
  position: relative;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  margin: 0px 0 0 12px;
  top: 2px;
}

.formError .formErrorArrow div {
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  box-shadow: 0 2px 3px #444;
  -moz-box-shadow: 0 2px 3px #444;
  -webkit-box-shadow: 0 2px 3px #444;
  -o-box-shadow: 0 2px 3px #444;
  font-size: 0px;
  height: 1px;
  background: #ee0101;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
  background: #33be40;
}

.blackPopup .formErrorArrow div {
  background: #393939;
  color: #FFF;
}

.formError .formErrorArrow .line10 {
  width: 13px;
  border: none;
}

.formError .formErrorArrow .line9 {
  width: 11px;
  border: none;
}

.formError .formErrorArrow .line8 {
  width: 11px;
}

.formError .formErrorArrow .line7 {
  width: 9px;
}

.formError .formErrorArrow .line6 {
  width: 7px;
}

.formError .formErrorArrow .line5 {
  width: 5px;
}

.formError .formErrorArrow .line4 {
  width: 3px;
}

.formError .formErrorArrow .line3 {
  width: 1px;
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
  width: 3px;
  border: none;
  background: #ddd;
}

.formError .formErrorArrow .line1 {
  width: 1px;
  border: none;
  background: #ddd;
}

.msb-selectform-small .sbHolder {
  width: 81%;
  height: 40px;
  margin-top: 5px;
  background: #fff;
}

.msb-selectform-small .in-date {
  color: #808080;
  line-height: 1em;
  margin: 20px 0 5px 0;
  display: block;
}

.msb-hidden {
  display: none;
}

.small-time {
  width: 110px;
  height: 36px;
  border: 1px solid #e1e1e1;
  position: relative;
  float: left;
  margin-right: 20px;
}

.small-time p {
  float: left;
  position: absolute;
  left: 5px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.small-time .sbHolder {
  float: right;
  min-width: 10px !important;
  border: none !important;
  width: 70px !important;
  margin: 0px !important;
  padding: 0px !important;
  height: 34px !important;
}

.small-time .sbHolder .sbOptions {
  width: 70px;
  padding: 5px;
  min-width: 110px;
  left: -39px !important;
}

.resent-OTP {
  border: none;
  background: transparent;
}

.resent-OTP:before {
  font-family: FontAwesome;
  content: "\f021";
}

.resent-OTP:focus {
  outline: none;
}

.msb-sub-formstep {
  padding-left: 10px;
}

@media only screen and (max-width: 767px) {
  .msb-sub-formstep {
    padding-left: 0px;
  }
}

.msb-sub-formstep .number-no {
  width: 21px !important;
  height: 21px !important;
  line-height: 21px !important;
  left: -8px !important;
  font-size: 0.73em !important;
}

.msb-sub-formstep .title-form-step .title-text {
  font-size: 1.14286em;
}

.msb-sub-formstep .step-active .number-no.step-no-2 {
  top: 22px !important;
}

.msb-sub-formstep .msb-form-row.form-title.step-two {
  padding-top: 15px !important;
  padding-bottom: 5px !important;
}

.msb-sub-formstep .result-active .msb-form-step .step-two {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.msb-sub-formstep .result-active.step-active .number-no.step-no-2 {
  top: 33px !important;
}

.msb-sub-formstep .msb-texarea, .msb-sub-formstep .txt-field, .msb-sub-formstep .msb-form-row .sbHolder {
  box-shadow: none !important;
}

.msb-sub-formstep .txt-field, .msb-sub-formstep .msb-form-row .sbHolder, .msb-sub-formstep input[type="text"], .msb-sub-formstep input[type="password"] {
  height: 36px;
  line-height: 36px !important;
}

.msb-sub-formstep .msb-form-row .sbOptions {
  top: 36px !important;
}

.msb-sub-formstep input[type=radio] {
  display: none !important;
}

.msb-sub-formstep input[type=radio] + label {
  padding-left: 20px;
  padding-right: 0;
}

@media only screen and (max-width: 767px) {
  .msb-sub-formstep input[type=radio] + label {
    margin: 0;
  }
}

.msb-sub-formstep input[type=radio]:checked + label:before {
  font-size: 39px;
}

.msb-sub-formstep label {
  padding-left: 20px;
  padding-right: 15px;
  font-size: 12px;
}

@media only screen and (max-width: 767px) {
  .msb-sub-formstep label {
    margin: 0;
  }
}

.msb-sub-formstep label:before {
  width: 15px !important;
  height: 15px !important;
  margin-right: 5px !important;
  text-indent: -1px !important;
  line-height: 12px !important;
  font-style: normal;
}

.msb-content-middle-no-padding .msb-sub-formstep {
  padding-left: 0px;
  margin-bottom: 0px;
}

.msb-half-stop {
  width: 50% !important;
}

.msb-half-stop small {
  line-height: 40px !important;
}

.msb-half-stop .msb-datepicker {
  min-width: 120px !important;
  width: 150px !important;
}

.tab-active .sbOptions li {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  padding-bottom: 2px;
  line-height: 10px !important;
  min-height: auto !important;
}

.tab-active .sbOptions li a {
  padding-bottom: 10px !important;
  padding-top: 5px !important;
  border-bottom: none;
  line-height: 20px;
  display: inline-block;
  width: 100%;
  height: auto !important;
  margin-bottom: -5px;
}

.tab-active .sbOptions li .accountDropDown {
  position: static;
  display: inline-block;
  margin-top: -5px;
  width: 100%;
  cursor: pointer;
}

.tab-active .sbOptions li:hover {
  border-color: #e61e23;
  color: #e61e23;
}

.tab-active .sbOptions li:hover a {
  color: #e61e23;
}

.msb-button, .introjs-button {
  border: none;
  color: #fff;
  font-weight: bold;
  line-height: 1em;
  padding: 10px 20px;
  background: #e61e23;
  cursor: pointer;
}

.msb-button:focus, .introjs-button:focus {
  outline: none;
}

.msb-button.normal, .introjs-button.normal {
  font-weight: normal;
}

.msb-button.big, .introjs-button.big {
  min-height: 40px;
}

.msb-button.del, .introjs-button.del {
  font-size: 0.85714em;
  font-weight: normal;
  padding: 13px 31px;
}

@media only screen and (max-width: 767px) {
  .msb-button.del, .introjs-button.del {
    padding: 12px 19px;
  }
}

.msb-button.black, .introjs-button.black {
  margin-top: 10px;
  margin-right: 20px;
  background: #44464b;
  color: #fff;
}

.msb-button:hover, .introjs-button:hover {
  background: #d2151b !important;
  color: #fff !important;
}

@media only screen and (max-width: 1020px) {
  .msb-button, .introjs-button {
    padding: 10px;
  }
}

.msb-button-active {
  background: #e61e23 !important;
  color: #fff !important;
}

.msb-button-small, .introjs-button {
  font-size: 0.85714em;
}

.msb-button-gray, .introjs-disabled {
  background: #edeae8;
  color: #8a8a8a;
}

.msb-button-gray:hover, .introjs-disabled:hover {
  background: #e61e23;
  color: #fff;
}

.msb-form-row .msb-button-gray {
  background: #c4bbb5;
  color: #fff;
}

.msb-form-row .msb-button-gray:hover {
  background: #e61e23;
  color: #fff;
}

.btn-next-back {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 40px;
  color: rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  font-size: 2.85714em;
  cursor: pointer;
  z-index: 90;
}

.btn-next-back:hover {
  color: rgba(0, 0, 0, 0.5);
}

.btn-next-back.btn-next {
  right: 0px;
}

.btn-next-back.btn-back {
  left: 15px;
}

.btn-slide-acc {
  top: 46% !important;
  width: 15px !important;
}

.btn-slide-acc.btn-next {
  right: 0px !important;
}

.btn-slide-acc.btn-back {
  left: 0px !important;
}

.btn-slide-acc.swiper-button-disabled {
  opacity: 0.02;
}

.button-close-sending-form, .msb-button-popup, .msb-button-close-step {
  display: inline-block;
  background: #4a4b50;
  box-shadow: 0px -2px 1px 0px rgba(0, 0, 0, 0.14) inset;
  color: #fff;
  letter-spacing: 0.5px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.button-close-sending-form:hover, .msb-button-popup:hover, .msb-button-close-step:hover {
  background: rgba(0, 0, 0, 0.6) !important;
  color: #4a4b50 !important;
}

.msb-button-close-step {
  margin-bottom: 30px;
}

.middle-content .msb-content-middle .step-no-3 {
  margin-top: 0px;
}

#div-content-share {
  padding-top: 20px;
  float: left;
  width: 100%;
}

#div-content-share table {
  width: 418px !important;
}

@media only screen and (max-width: 767px) {
  table {
    max-width: 320px !important;
  }
  table tr {
    float: left;
    width: 100%;
    margin-bottom: 10px;
  }
  table tr td {
    float: left;
    width: 100%;
  }
}

/*Live site */
.msb-box-graybg {
  padding-top: 40px;
  padding-bottom: 0px;
}

.tk-radio label {
  margin-top: 10px;
}

.msb-widget.widget-support small {
  text-indent: 30px;
  text-align: left;
}

ul.change-tk-content {
  margin-bottom: 0px !important;
}

.middle-content .msb-content-middle .user-information.ul-padding li small {
  width: 30%;
}

.middle-content .ul-padding {
  width: 100% !important;
}

.middle-content .history-content .col-time {
  width: 16% !important;
}

.middle-content .history-content .col-driver {
  width: 19% !important;
}

.middle-content .history-content .col-login-count {
  width: 40% !important;
}

.data-current-account-currency-code {
  float: none !important;
}

footer {
  float: left;
  width: 100%;
}

footer .container {
  position: relative;
  height: 80px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  footer .container {
    max-height: 170px;
    height: auto;
  }
}

footer .msb-footer-nav {
  display: inline-block;
  padding-left: 0px;
  list-style: none;
}

@media only screen and (min-width: 767px) {
  footer .msb-footer-nav {
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media only screen and (max-width: 767px) {
  footer .msb-footer-nav {
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding-left: 10px !important;
    padding-top: 20px;
    padding-bottom: 28px;
  }
}

footer .msb-footer-nav li {
  float: left;
  border-right: 1px solid rgba(189, 188, 188, 0.49);
  line-height: 1em;
}

@media only screen and (max-width: 767px) {
  footer .msb-footer-nav li {
    line-height: 1em;
    margin-bottom: 10px;
    text-align: center;
    padding: 0 10px;
  }
}

footer .msb-footer-nav li a {
  line-height: 10px;
  text-transform: uppercase;
  color: #fff;
  padding-right: 15px;
  padding-left: 15px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  font-size: 0.85714em;
}

@media only screen and (max-width: 767px) {
  footer .msb-footer-nav li a {
    font-size: 0.92857em;
    padding-left: 10px;
    padding-right: 10px;
  }
}

footer .msb-footer-nav li a:hover {
  color: rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 767px) {
  footer .msb-footer-nav li:nth-child(4) {
    border-right: none !important;
  }
}

footer .msb-footer-nav li:last-child {
  float: left;
  height: auto;
  text-align: center;
  border-right: none;
}

@media only screen and (max-width: 767px) {
  footer .msb-footer-nav li:last-child {
    width: 100%;
    padding-right: 0px;
  }
}

footer .msb-footer-nav li.phone-bottom {
  display: none;
  border: none !important;
  text-align: center;
  color: #fff;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  footer .msb-footer-nav li.phone-bottom {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

footer .box-text-help {
  position: absolute;
  right: 0px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  footer .box-text-help {
    position: static;
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 14px;
    border-top: 1px solid rgba(221, 221, 221, 0.29);
  }
}

footer .box-text-help p, footer .box-text-help small, footer .box-text-help a {
  color: #fff !important;
  line-height: 1em;
}

footer .box-text-help p {
  font-size: 1.28571em;
}

@media only screen and (max-width: 767px) {
  footer .box-text-help p {
    margin-bottom: 0;
  }
}

footer.msb-main-footer {
  background: #333;
  height: 80px;
  position: relative;
  border-top: 3px solid #e41e26;
  overflow: hidden;
  box-sizing: border-box;
  text-align: center;
}

footer.msb-main-footer .msb-footer-nav {
  left: 0px;
}

@media only screen and (max-width: 767px) {
  footer.msb-main-footer {
    height: auto;
  }
  footer.msb-main-footer .msb-footer-nav {
    float: none;
    width: auto;
    display: inline-block;
    padding-left: 0px !important;
  }
  footer.msb-main-footer .msb-footer-nav li {
    border-right: 1px solid rgba(189, 188, 188, 0.49) !important;
  }
  footer.msb-main-footer .msb-footer-nav li:last-child {
    width: auto !important;
    border-right: none !important;
  }
  footer.msb-main-footer .msb-footer-nav li:last-child a {
    padding-right: 0px;
  }
  footer.msb-main-footer .msb-footer-nav li a {
    padding-right: 3px;
    padding-left: 3px;
    font-size: 0.78571em;
  }
}

footer.msb-login-footer {
  height: 50px;
  background: #37383c;
  position: absolute;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  footer.msb-login-footer {
    position: static;
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    padding-bottom: 10px;
  }
  footer.msb-login-footer .container-fluid {
    float: left;
    width: 100%;
    height: auto;
  }
}

footer.msb-login-footer .msb-footer-nav {
  display: inline-block;
  padding-left: 0px;
  list-style: none;
}

@media only screen and (min-width: 767px) {
  footer.msb-login-footer .msb-footer-nav {
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

footer.msb-login-footer .msb-footer-nav li a {
  color: #bdbcbc;
}

@media only screen and (max-width: 767px) {
  footer.msb-login-footer .msb-footer-nav li a {
    line-height: 18px;
    font-size: 0.85714em;
  }
}

footer.msb-login-footer .msb-footer-nav li a:hover {
  color: #fff !important;
}

@media only screen and (max-width: 767px) {
  footer.msb-login-footer .msb-footer-nav li {
    margin-bottom: 10px;
  }
}

footer.msb-login-footer .msb-footer-nav li:last-child a {
  color: #7c7a7a;
}

.msb-social-icon {
  display: inline-block;
  padding-left: 0px;
  list-style: none;
}

@media only screen and (min-width: 767px) {
  .msb-social-icon {
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5%;
  }
}

@media only screen and (max-width: 767px) {
  .msb-social-icon {
    float: none;
  }
}

.msb-social-icon li {
  float: left;
  margin-left: 4px;
  margin-right: 4px;
}