html{
  font-size: 14px;
  height:100%;
  font-size:14px;
}

body{
  height:100%;
  overflow:auto;
  font-family: 'Lato', sans-serif;
  font-size:14px;
}

header{
  position:absolute;
  top:0;
  left:0;
  right:0;
}

.page-content{
  height:100%;
  overflow:auto;
  /*padding: 5px;*/
}

table.filters .select2-container {
    min-width: 200px;
}

input[type='checkbox'] {
    cursor:pointer;
}

div.img-thumbnail {
    display: inline-block;
    width: 150px;
}

div.img-thumbnail a.thumbnail,
a.thumbnail  {
    margin-bottom: 0px;
}

.btn-group-xs > .btn, .btn-xs {
    font-size: 12px;
    padding:1px 5px;
}
.btn-group-sm > .btn, .btn-sm {
    font-size: 12px;
    padding:5px 10px;
}

.panel-primary > .panel-heading {
    background-color: #333;
    border-color: #fff;
    color: #fff;
}
.panel-primary > .panel-heading .panel-title,
.panel-title{
    font-size:1.2rem;
    font-weight:bold;
    /*color:#fff;*/
}

.btn-default {
    border: 1px solid #ddd;
}
.text-primary {
    color: #333!important;
}

.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
}

div.select2-container {
    width:100%;
}

div.list_editable div.select2-container {
    width:100%!important
}

table.list_editable span.help-block:empty {
    margin-left: 0px;
    margin-right: 0px;
}

input.select-item {
    width: 20px;
    height: 20px;
    cursor:pointer;
}

th.selected-items-total {
    width: 200px;
}

table.footer-table td.value {
    padding-left: 20px;
    line-height: 35px;
}

table.footer-table td.label-col,
table.list_editable td.label-col {
    line-height: 35px;
}

.editable-col.item_id {
    min-width: 200px;
}

/* SLIM UI */
div.panel-primary{
    box-shadow: none;
    border-width: 0px;
    margin-bottom: 5px;
}

div.panel-body {
    /*padding: 10px;*/
}

div.panel-heading {
    /*padding: 5px 5px 5px 5px;*/
}

div.panel-group {
    margin-bottom: 10px;
}

div.well-sm {
    padding: 5px;
}

div.well {
    margin-bottom: 10px;
}

.table>thead:first-child>tr:first-child>th {
    border-top:1px solid rgb(221,221,221);
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th {
    padding: 2px 4px 2px 4px;
}


.table {
    margin-bottom: 5px;
}

table.footer-table td.label-col, table.list_editable td.label-col {
    line-height: 30px;
    font-weight: bold;
}

select.my_select2.form-control {
    /*width:-webkit-fill-available!important;*/
}

.pagination + .btn-group{
  margin-left:0.5rem;
}
.pagination {
    margin: 0px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    color: #333;
}

/*
 * LOGIN
 *
 * */

.page-content.login {
  background-color:#ef7306;
}
.login-container{
  display:flex;
  align-items: center;
  justify-content: center;
  height:100%;
}
.login-box{
  width: 340px;
  padding:20px;
  border-radius: 2px;
  background-color:#fff;
  box-shadow:0 0 8px 2px #cf5306;
}
.login-box .title{
  color:#ef7306;
  font-size:3rem;
  font-weight:bold;
  margin-bottom:3rem;
  text-align:center;
}

.page-content .alert{
  margin: 0px;
}

.table th a:hover,
.table th a:active {
  outline: none;
  text-decoration:none;
}

/*
*
* DASHBOARD
*
*/
.grid-stack-item {
    border: 3px solid #ddd;
    border-radius: 5px;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content{
  left: 0px !important;
  right: 0px !important;
    background-color: #ffffff;
  box-shadow: 8px 8px 5px #777;
 }

.grid-stack > .grid-stack-item > .grid-stack-item-content {
    padding: 10px;
}

/*td.quantity.editable-col{
    display:flex;
}*/

td.quantity.editable-col a{
    width: 16px;
}

div.select2-container[id$='_unit'] {
  width:100%!important;
  min-width: 50px;
  /*max-width: 110px;*/
}

div.table-responsive div.btn-group {
  display: inline-block!important;
}

/*table.table th:first-child {
  width: auto;
}*/

a.accordion-toggle {
  margin-left: 10px;
}

input.omnibox {
  width: 50%;
  display: inline;
}

a.clear-omnibox {
  margin-right: 10px;
}

input.my_select2_ajax_slave {
  display: none;
}

.card-header h6 {
  line-height: 2rem;
}
.card-header h6 + a{
  margin-left: 0.5rem;
}

.panel-content {
  padding: 1rem;
}
.select2-container{
  width:100%!important;
}
.select2-container a{
  width:100%!important;
}