.form-group.form-md-line-input .form-control[readonly] {
  cursor: default;
}

.topbar-actions .balance-btn {
  margin-right: 40px;
  height: 40px;
  vertical-align: middle;
  line-height: 60px;
}

div.card.content-menu .card-header a {
  font-weight: bold;
}

div.card.content-menu .card-block ul {
  list-style: none;
  
  padding: 0px;
}

div.card.content-menu .card-block ul > li {
  margin: 0px;
}

div.card.content-menu .card-block ul > li:not(:last-child) {
  margin-bottom: 12px;
}

div.round-table td table:not(.round-inner-table) tr {
  background: transparent !important;
}

div.round-table td.key {
  color: #337ab7;
}

div.round-table td.key i {
  color: #999;
}

div.round-table th, div.round-table td.caption, div.round-table td.filter, div.round-table td.amount, div.round-table td.total {
  background-color: #f8f8f8;
}

div.round-table td.caption, div.round-table td.caption a {
  text-decoration: none;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  
  filter: alpha(opacity=100);
  opacity: 1;
  float: none;
}

div.round-table td.filter {
  text-align: center;
}

div.round-table td.filter div.break {
  margin-top: 6px;
}

div.round-table td.amount {
  text-align: right;
}

div.round-table td.message, div.round-table td.info, div.round-table td.error {
  text-align: center;
  font-weight: normal;
  
  padding: 20px;
}

div.round-table td.info {
  color: #0a0;
}

div.round-table td.error {
  color: #f00;
}

div.round-table td.bottom {
  text-align: left;
  
  padding: 10px 10px 10px 10px;
}

div.round-table td.bottom .left {
  position: relative;
  float: left;
}

div.round-table td.bottom .right {
  position: relative;
  float: right;
}

div.round-table td.bottom .center {
  text-align: center;
  
  position: absolute;
  left: -10px;
  width: 100%;
}

div.round-table td .tools_icons {
  position: absolute;
  top: 5px;
  right: 5px;
}

div.round-table tr.green > td {
  background: #efe;
}

div.round-table tr.orange > td {
  background: #fed;
}

div.round-table tr.red > td {
  background: #fee;
}

div.round-table td.tabs {
  padding: 0px;
}

div.round-table td.tabs > ul {
  list-style-type: none;
  
  padding: 0px;
  margin: 0px;
}

div.round-table td.tabs > ul > li {
  cursor: pointer;
  user-select: none;
  font-weight: bold;
  color: #000;
  
  display: inline-block;
  padding: 8px 12px;
  margin: 0px;
}

div.round-table td.tabs > ul > li.selected {
  background: #f8f8f8;
  color: #337ab7;
}

.backoffice_path.admin div.round-table.table-responsive, .backoffice_path.system div.round-table.table-responsive {
  min-height: 500px;
}

.round-table > table > tbody > tr > td table.round-inner-table {
  border-collapse: collapse;
}

.round-table > table > tbody > tr > td table.round-inner-table > tbody > tr > th {
  background: #f8f8f8;
  font-weight: bold;
  text-align: left;
  
  position: relative;
}

.round-table > table > tbody > tr > td table.round-inner-table > tbody > tr > td {
  font-weight: normal;
  
  border-left: 1px solid #e7ecf1;
  border-bottom: 1px solid #e7ecf1;
}

.round-table > table > tbody > tr > td table.round-inner-table > tbody > tr > *:first-child {
  border-left: none;
}

.round-table > table > tbody > tr > td table.round-inner-table > tbody > tr:last-child > * {
  border-bottom: none;
}

.round-table > table > tbody > tr > td table.round-inner-table > tbody > tr > * {
  padding: 3px;
}

div.multiselect button {
  border-radius: 0px;
}

select {
  padding: 3px;
}

.expand_icon {
  background: url('/data/images/global/office/tree/plus.gif') no-repeat;
  background-position: -2px -2px;
  
  padding-left: 20px;
}

.expand_icon.close {
  background-image: url('/data/images/global/office/tree/minus.gif') !important;
  
  display: inline;
}

.expand_hide[expand] {
  display: none !important;
}

.block_fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  z-index: 9;
}

.block_codemirror > table {
  width: 100%;
  height: 100%;
}

.block_codemirror > table td {
  padding: 0px;
  
  position: relative;
}

.block_codemirror > table td.caption {
  display: none;
}

.block_fullscreen > table td.caption {
  display: table-cell;
}

.block_fullscreen .CodeMirror {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}

div.office-plate > .content-wrap .plate_sep {
  border-top: 1px solid #d9e0e3;
  
  margin: 10px 0px 0px 0px;
}

div.office-plate > .content-wrap .plate_subtitle {
  font-size: 18px;
  
  margin: 20px 40px 6px 40px;
}

div.office-plate > .content-wrap .plate_subtitle a {
  font-size: 12px;
  
  margin: 0px 0px 0px 6px;
  
  position: relative;
  top: -1px;
}

div.office-plate > .content-wrap .plate_subtitle_note {
  text-align: justify;
  font-size: 12px;
  
  margin: 0px 40px 0px 58px;
}

div.office-plate > .content-wrap .plate_category {
  font-weight: bold;
  font-size: 16px;
}

div.office-plate > .content-wrap .plate_category a {
  color: #008;
}

.fa-rbo-index:before, .fa-rbo-dashboard:before, .fa-rbo-office-dashboard:before {
  content: "\f015";
}

.fa-rbo-index-store:before,.fa-rbo-shop:before {
  content: "\f07a";
}

.fa-rbo-admin:before {
  content: "\f013";
}

.fa-rbo-logout:before {
  content: "\f011";
}

.fa-rbo-system:before {
  content: "\f0ad";
}

.fa-rbo-index-selfdata:before {
  content: "\f007";
}

.fa-rbo-index-marketing:before {
  content: "\f0e8";
}

.fa-rbo-index-accounts:before {
  content: "\f155";
}
.fa-rbo-index-mycards:before {
  content: "\f09d";
}

.fa-rbo-index-history:before {
  content: "\f02d";
}

.fa-rbo-index-help:before {
  content: "\f059";
}

.fa-rbo-index-vdoc:before {
  content: "\f05a";
}

.fa-rbo-index-selfdata-selfinfo:before {
  content: "\f007";
}

.fa-rbo-index-messages:before {
  content: "\f0f3";
}

.fa-rbo-index-selfdata-chdata:before {
  content: "\f013";
}

/*.fa-rbo-dashboard:before {
  vertical-align: bottom;
  font-size: 24px;
}*/

/* self-photo */

.self-photo {
  cursor: pointer;
  
  display: block;
  border: 1px solid #f8f8f8;
  box-sizing: padding-box;
  padding: 4px;
  
  position: relative;
}

.self-photo > img {
  display: block;
  
  width: 100%;
}

.self-photo > i {
  background: #f8f8f8;
  font-style: normal;
  color: #000;
  opacity: 0.8;
  
  display: none;
  padding: 8px;
  
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.self-photo:hover > i {
  display: block;
}

.self-photo > input[type=file] {
  font-size: 0.01px;
  line-height: 0.01;
  cursor: pointer;
  opacity: 0;
  
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.self-photo.loading {
  opacity: 0.5;
}

.self-photo.loading:after {
  background: url('/data/images/global/loading.gif') no-repeat;
  
  content: '';
  display: block;
  margin-left: -16px;
  margin-top: -16px;
  
  position: absolute;
  left: 50%;
  top: 50%;
  width: 32px;
  height: 32px;
}

ul.self-photo-links {
  list-style: none;
  
  padding: 0px;
}

ul.self-photo-links > li {
  padding: 4px 0px;
}

/***/

.portlet .portlet-title i {
  text-transform: none;
  font-weight: normal;
  font-size: 15px;
  color: #999;
}

.havbar-header .btn-group.balance-btn > a {
  text-shadow: none;
  color: #e0e8f0;
}

.page-footer > .page-footer-inner {
  width: 100%;
}

/* portlet-scalable */

@media (max-width: 767px) {
  .portlet-scalable .table td, .portlet-scalable .table th {
    font-size: 8px;
  }
  
  .portlet-scalable .table>tbody>tr>td, .portlet-scalable .table>tbody>tr>th, .portlet-scalable .table>tfoot>tr>td, .portlet-scalable .table>tfoot>tr>th, .portlet-scalable .table>thead>tr>td, .portlet-scalable .table>thead>tr>th {
    padding: 6px;
  }
  
  .portlet-scalable label > * {
    vertical-align: bottom;
  }
}

@media (max-width: 479px) {
  .page-bar .page-breadcrumb {
    font-size: 10px;
  }
  
  .page-bar .page-breadcrumb>li>a {
    font-size: 9px;
  }
  
  .portlet.portlet-scalable.light>.portlet-title>.caption>.caption-subject {
    font-size: 12px;
  }
  
  .portlet-scalable .table td, .portlet-scalable .table th {
    font-size: 5px;
  }
  
  .portlet-scalable .table>tbody>tr>td, .portlet-scalable .table>tbody>tr>th, .portlet-scalable .table>tfoot>tr>td, .portlet-scalable .table>tfoot>tr>th, .portlet-scalable .table>thead>tr>td, .portlet-scalable .table>thead>tr>th {
    padding: 3px;
  }
  
  .portlet-scalable div.round-table td.message, .portlet-scalable div.round-table td.info, .portlet-scalable div.round-table td.error {
    padding: 10px;
  }
  
  .portlet-scalable .btn-group-sm>.btn {
    font-size: 8px;
    
    padding: 2px 4px;
  }
  
  .portlet-scalable input, .portlet-scalable textarea, .portlet-scalable select, .portlet-scalable label, .portlet-scalable div.multiselect {
    font-size: 7px;
  }
}

@media (max-width: 367px) {
  .portlet-scalable .table td, .portlet-scalable .table th {
    font-size: 3px;
  }
  
  .portlet-scalable .table>tbody>tr>td, .portlet-scalable .table>tbody>tr>th, .portlet-scalable .table>tfoot>tr>td, .portlet-scalable .table>tfoot>tr>th, .portlet-scalable .table>thead>tr>td, .portlet-scalable .table>thead>tr>th {
    padding: 1px;
  }
  
  .portlet-scalable .btn-group-sm>.btn {
    font-size: 5px;
    
    padding: 1px 2px;
  }
}

.page-top > .left-menu > li {
  text-align: center;
  
  height: 68px;
}

.page-top > .left-menu > li > a {
  display: block;
  
  height: 100%;
}

.round-table td.filter .nowrap.checkbox {
  display: inline;
}

.round-table td.filter .nowrap.checkbox input {
  position: relative;
  margin: 0px;
}

.backoffice_path.admin .round-table .filter .break {
	display: none;
}
.backoffice_path.admin .round-table .filter .nowrap {
	display: inline-block;
	
  padding: 2px;
}

@media screen and (max-width: 767px) {
  .backoffice_path.admin .round-table .filter .filter-form {
    max-width: 668px;
  }
  
  .backoffice_path.admin .round-table .filter .nowrap {
    display: block;
    
    text-align: left;
  }
  
  .backoffice_path.admin .round-table .filter .nowrap.fdate > .input > .sub {
    display: inline-block;
    
    box-sizing: border-box;
    padding-right: 38px;
    
    width: 50%;
  }
  
  .backoffice_path.admin .round-table .filter .nowrap.fdate > .input > .sub input, .backoffice_path.admin .round-table .filter .nowrap.fdate > .input > .sub select {
    width: 100%;
  }
  
  .backoffice_path.admin .round-table .filter .nowrap.fdate > .input > .sub > font {
    display: inline-block;
    
    text-align: right;
    
    width: 30px;
  }
  
  .backoffice_path.admin .round-table .filter .nowrap > .caption {
    display: inline-block;
    
    width: 30%;
  }
  
  .backoffice_path.admin .round-table .filter .nowrap > .input {
    display: inline-block;
    
    width: 70%;
  }
  
  .backoffice_path.admin .round-table .filter .nowrap > .input > input[type=text], 
      .backoffice_path.admin .round-table .filter .nowrap > .input > select, 
      .backoffice_path.admin .round-table .filter .nowrap > .input > .findselect, 
      .backoffice_path.admin .round-table .filter .nowrap > .input > .findselect input, 
      .backoffice_path.admin .round-table .filter .nowrap > .input > .multiselect, 
      .backoffice_path.admin .round-table .filter .nowrap > .input > .multiselect button {
    box-sizing: border-box;
    
    width: 100% !important;
  }
  
  .backoffice_path.admin .round-table .filter .nowrap.fdate > .input.bydate > .sub {
    width: 33.33%;
  }
  
  .backoffice_path.admin .round-table .filter .nowrap.fdate > .input.bydate > .sub.bydate {
    padding-right: 72px;
  }
  
  .backoffice_path.admin .round-table .filter .nowrap.fdate > .input.bydate > .sub.bydate > font {
    width: 60px;
  }
}

@media screen and (max-width: 540px) {
  .backoffice_path.admin .round-table .filter .filter-form {
    max-width: 444px;
  }
  
  .backoffice_path.admin .round-table .filter .nowrap > .caption, .backoffice_path.admin .round-table .filter .nowrap > .input {
    display: block;
    
    width: auto;
  }
}


div.office-plate > .content-wrap .plate_subtitle span.date {
  font-weight: bold;
  font-size: 14px;
  
  padding-left: 30px;
  
  float: right;
}
.btn-group-img.btn-group {
    float: right;
}

.goods_price .old {
  text-decoration: line-through;
  font-weight: normal;
  color: #999;
}
.ui-datepicker option {
  color: black;
}
.ui-datepicker select {
  color: black;
}


div.password-show {
  position: relative;
}

div.password-show:after {
  background: url('/data/images/global/icons/visibility.svg') no-repeat;
  content: '';
  position: absolute;
  right: 10px;
  top: 10px;
  width: 22px;
  height: 22px;
}

div.password-show.pwdhide:after {
  background: url('/data/images/global/icons/visibility_off.svg') no-repeat;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  width: 3.2rem;
  text-align: center;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  width: 2.2em;
  height: 2.2em;
}

/* skeleton */
.skeleton-box {
  display: inline-block;
  width: 100%;
  height: 1rem;
  position: relative;
  overflow: hidden;
  background-color: #DDDBDD;
}
.skeleton-box::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0));
  animation: skeleton-shimmer 2s infinite;
  content: '';
}
.skeleton-box:nth-child(3n) {
  width: 80%;
}
@keyframes skeleton-shimmer {
  100% {
    transform: translateX(100%);
  }
}
/* end skeleton */