html {
    overflow-y: -moz-scrollbars-vertical;
    overflow-y: scroll;

}

th.right, td.right, div.right, h4.right {
  text-align: right;
}

th.center, td.center, div.center, h4.center {
  text-align: center;
}

.sidebar-nav {
    padding: 9px 0;
}

/* text input formating */
input.integer {
 text-align: right;
}
input.decimal2 {
 text-align: right;
}
input.numeric {
 text-align: right;
 font-family: monospace;
}
input.percentage {
 text-align: right;
}


form .control-group{
    margin-bottom: 15px;
}

form .help-block{
    margin-top: 0px;
}

form .help-block, form .help-inline{
    font-size: 11px;
    color: #999;
}

.hidden{ display: none; }

/* sidebar menu */
#menu{
    padding: 8px 0;
    margin-top: 63px;
}

/* search results */
.search_result {
    margin-bottom: 20px;
}

.search_result > div {
    /*     border: 1px solid transparent; */
    padding: 10px;
    border-radius: 5px;
    /*   border-bottom: 1px solid #DDD; */
    /*   border-top: 1px solid #DDD; */
}

/* .search_result:nth-child(odd) > div { */
/*   background-color: #F9F9F9; */
/* } */

.search_result:hover > div {
    background-image: -webkit-gradient(linear, 0% 25%, 0% 100%, from(#F0F0F0), to(#FFFFFF));
    background-color: #F0F0F0;

    /*     border: 1px solid #ddd; */
}


/* icons */
i.transparent{ opacity: 0.25; }

/* https://github.com/twitter/bootstrap/issues/1590 */
.icon-phone {
    margin: 0 2px 1px 2px;
    height: 6px;
    width: 5px;
    border: solid 2px #333;
    border-bottom-width: 5px;
    border-radius: 2px;
    background: none;
}

.icon-load {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon-load2.gif");
    /*margin: 2px 0px 0px 2px;*/
    padding: 1px;
    background-position: 1px 1px;
}

.icon-add-user {
    background-image: url("../img/glyphicons-halflings4.png");
    background-position: -168px -168px;
}

.icon-multibanco {
    background-image: url("../img/glyphicons-halflings4.png");
    background-position: -456px -168px;
}

.icon-user-next {
    background-image: url("../img/glyphicons-halflings4.png");
    background-position: -144px -168px;
}

.icon-user-previous {
    background-image: url("../img/glyphicons-halflings4.png");
    background-position: -120px -168px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.nohref { cursor: pointer; }
.nav-pills.notopmargin > li > a { margin-top: 0; }

fieldset legend {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

.page-header {
    margin: 0px 0px 15px 0px;
}

.section-header {
 margin: 22px 0px 11px 0px;
 border-bottom: 1px solid #EEE;
}

.nav-tabs .open button.dropdown-toggle, .nav-pills .open button.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 155, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.alert {
 padding: 3px 32px 3px 11px;
}


/* jQuery ui autocomplete -> bootstrap typeahead adaptation */
/* http://criticalthinking.tumblr.com/post/17940560421/making-jquery-ui-look-like-bootstrap */
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #555555;
  white-space: nowrap;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-focus, .ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-hover, .ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-active {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-image: none;
  cursor: pointer;
}

.training_account_alert{
    margin: 0 2px;
    text-decoration: none;
}

.training_account_alert i{
    margin-top: 2px;
}

.training_account_alert + .tooltip {
    line-height: 20px;
    padding: 0
}

/* bootstrap tooltip new lines
 * http://stackoverflow.com/questions/13338780/how-to-make-twitter-bootstrap-tooltips-have-multiple-lines
 */
.tooltip-inner {
  white-space:pre-wrap;
}

/* Remove margin of Bootstrap control group inside a table cell */
table.input td {
  line-height: 26px;
}
table.input th {
  line-height: 26px;
}
table td div.control-group {
  margin-bottom: 0;
}
table th div.control-group {
  margin-bottom: 0;
}
table td.number {
  text-align: right;
}
table th.number {
  text-align: right;
  padding-right: 9px;
}
table td input,select,textarea {
  margin-bottom: 0;
}
table th input,select,textarea {
  margin-bottom: 0;
}
select.number {
  direction: rtl;
}
input.number,select.number,textarea.number {
  max-width: 80px;
  text-align: right;
}
input.number-small,select.number-small,textarea.number-small {
  max-width: 40px;
  text-align: right;
}
input.date {
  width: 76px;
}
input.quantity,input.percentage {
  max-width: 50px;
  text-align: right;
}
input.product-code {
  max-width: 50px;
}
input.full-width,select.full-width {
  width: 96%;
}
/*
btn-action
 */

th.status,td.status {
  width: 52px;
  text-align: center;
}

th.date,td.date {
  width: 82px;
  text-align: left;
}

th.year,td.year {
  width: 36px;
  text-align: left;
}

th.monetary,td.monetary {
  width: 82px;
  text-align: right;
}

th.quantity,td.quantity,th.percentage,td.percentage {
  width: 74px;
  text-align: right;
}

th.product-code,td.product-code {
  width: 122px;
  text-align: left;
}

th.product-group,td.product-group {
  width: 122px;
  text-align: left;
}

th.product-brand,td.product-brand {
  width: 122px;
  text-align: left;
}

th.product-property,td.product-property {
  width: 102px;
  text-align: left;
}

th.small,td.small {
  width: 52px;
}

th.medium,td.medium {
  width: 82px;
}

th.large,td.large {
  width: 182px;
}

th.customer-id,td.customer-id {
  width: 82px;
  text-align: right;
}

th.dcheckbox,td.dcheckbox {
  width: 40px;
  text-align: center;
}

th.tiny,td.tiny {
  width: 20px;
}

th.invoice-label,td.invoice-label {
  width: 176px;
  text-align: left;
}

th.email,td.email {
  width: 212px;
  text-align: left;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Revoked Invoice */
.revoked {
  color: #aaa;
}
/* Debit (Credit note, etc.) Invoice */
.debit {
  color: red;
}

/* PAYMENT DUE DATE */
.payed {
  color: #aaa;
}
.overdue {
  color: red;
  font-weight: bold;
}

/* So that the truncate can work within table cells */
table.table-fixed {
  table-layout: fixed;
}


@media only percy {
  .hide-in-percy {
    visibility: hidden;
  }
}