body {
    

 
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 5px;
   
}


.dl-horizontal dt {
    white-space: normal;
}

.navbar {
    background-color: #fff;
}
.navbar-nav li.active {
    background-color: #eee;
}

.menu {
    border-bottom: 3px solid #ddd;
}
.navbar-header {
    background-image: url('images/vectio.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
   
}

.navbar-header a {
    padding-left: 85px;
    display: block;
    color: #fff;
    font-weight: bold;
    height: 80px;
    
}

.navbar-nav  > li > a {
    padding:15px 5px;
}

.menu {
    font-size: 18px;
    margin-top: 30px;
}
#loading {
    width: 32px;
    height: 50px;
    background-image: url('images/loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 9999;
    left: 45%;
    top: 10px;
    display: none;
}
.quantity-control {
    min-width: 7em;
}
.quantity-edit {
    min-width: 3em;
}
    
    .quantity-control button {
        display: inline-block;
        width: 2em;
    }
.quantity-control .quantity-value, .quantity-edit .quantity-value{
    width: 3.5em;
    display: inline-block;
}
.quantity-control .form-control, .quantity-edit .form-control {
    height: inherit;
    padding: inherit;
    padding-left: 5px;
}

.alert-bar {
    padding: 5px;
    margin: 10px 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    display: inline-block;
}

.numbers {
    text-align: right;
}


.navbar-right {
    
    margin-right: 0;
}

.table > thead > tr > th {
    vertical-align: bottom;
}



select.input-xs {
    height: 22px;
    line-height: 22px;
    padding: 2px 2px;
    font-size: 12px;
}

.btn-pay {
    background-image: url(images/przelewy24_loga_04.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 113px;
    height: 55px;
}
.btn-xl {
    
    width:90%;
   padding:3%;
    display: block;
   margin:1%;
    font-size: 22px;
   
}
.form-group {
    margin-bottom: 5px;
}
.table-editor tbody td {
    padding-left: 5px;
    padding-right: 5px;
}
 .form-control.input-width-6 {
    width: 6em;
}

table.table-layout {
    margin: 0;
    padding: 0;
    
}

table.table-full-width {
    width: 100%;
}

table.table-fixed {
    table-layout: fixed;
}



.order-status>div {
    width: 100%;
    height: 100%;
}

.order-status-new {

    background-color: lawngreen;
}
.order-status-pending {
    background-color: aqua;
}

.order-status-sent {
    background-color: burlywood;
}
.order-status-cancelled {
    background-color: slategrey;
}
.order-status-completed {
    background-color: none;
}

#pickClient {
  
    width: 100%;
    
}
.context-bar>div {
    display: inline-block;
}
.sl-item {
    margin-bottom: 2px;
    padding: 5px;
    border: 1px solid #ddd;
}
.attachments {
    padding: 0.5em;
    margin: 1em 0;
}

.attachment-list-item {
    display: inline-block;
    width: 48%;
    margin-bottom: 5px;
}
.inline-blocks-container {
    margin: 0;
    padding: 0;
    border: none;
}

.inline-blocks-container>div {
    display:inline-block;
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: middle;
}

.scrollable {

    max-height: 350px;
    
    overflow-y: auto;
}

.scrollable-tall {
    max-height: 550px;
    
    overflow-y: auto;
}


.table-condensed td, .table-condensed th {
    border: 1px solid #ccc;
}

.tab-content > .tab-pane {
    margin-top: 0.5em;
}

.table-numbered tbody {
    counter-reset: line-number;
}
.table-numbered tbody tr {
    counter-increment: line-number 1;
}

    .table-numbered tbody tr td:first-child {
        text-align: right;
    }
    
    .table-numbered tbody tr td:first-child:before {
       
        content: counter(line-number);
    }

table.table-condensed th, table.table-condensed td {
    padding: 2px;
    font-size: 12px;
    vertical-align: middle !important;
}

table td[title], table th[title] {
    cursor: help;
}

.remarks-sign {
    font-size: 1.2em;
    vertical-align: sub;
    color: darkorange;
    cursor: help;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}

.popover {
    width: 100%;
}

.progress {
    height: 3em;
   
}
.progress-bar {
    font-weight: bold;
    font-size: 1.5em;
    padding-top: 0.5em;
    color: #333;
}

.btn-group-vertical {
    display: block;
}
.spacer-bottom{
    margin-bottom:2px;
}
.period-picker-dates.off {
    display: none;
}

.period-picker-buttons.off {
    display: none;
}



.period-picker-from, .period-picker-to {
    width: 7em !important;
}

.period-picker-buttons .active, .period-picker-buttons .active.focus, .products-filter .active.focus, .products-filter .active {
    color: #fff;
    background-color: #337ab7;
}

label.hidden {
    display: none !important;

}
.period-picker-buttons  label, .period-picker-buttons button {
    width: 20%!important;
}

.table-super-condensed tbody tr td{
    padding: 1px;
}
.table-super-condensed  tr th {
    background-color: #eee;
}


body .container.body .right_col{
    background-color:#fff;
}

.nav-top-title {
    display: inline-block;
    padding-top: 10px;
}
.toggle{
    width:50px;
}
.top_nav .navbar-right{
    width:inherit;
}
.nav_menu{
    margin-bottom:0;
}
.nav_title{
    height:62px;
}

.dt-wrapper{
    width:100%!important;
}

.filter-label{
    font-size:14px;
    font-weight:600;
}

.separator{
    margin: 0.4em 0;
}

.x_title{
    margin-bottom:0;
    padding:0;
}
.panel_toolbox{
    min-width:0;
}

.bricks{

}

.brick{
height:100px;
padding:0.2em;
margin:0.2em;
background-color:#eee;
border:2px solid #ddd;
}
    .brick h3 {
        font-size: 14px;
        font-weight: 400;
    }
    .brick h2 {
        font-size: 16px;
        font-weight: 700;
    }
.brick a{
    text-decoration:underline;
}

.tile_count .tile_stats_count .count {
    font-size: 26px;
}
.period-picker button {
    margin-right: 0;
}
/*.count_top {
    font-size: 15px !important;
}*/

.mainReportHeader {
    float: left;
    font-size: 16px;  
}
.mainReportHeader-nav {
    font-weight: 700;
    margin-right: 1em;
}

.input-clearable {
    position: relative;
   
}
.input-clearable a {
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 1000;
    font-size: 2em;
}

    .input-clearable .easy-autocomplete input {
        padding-right: 2em;
    }

    .shortened {
        text-overflow: ellipsis;
    }
   
.tile_count {
    margin: 0;
}
.tile_count .tile_stats_count {
    margin: 0;
}