/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    /*   padding-top: 60px; */
    margin-bottom: 60px;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.main-content {

    margin-top: 60px;
    margin-bottom: 70px;
    padding-left: 10px;
    padding-right: 10px;
}

.main-container .text-muted {
    margin: 0px 0;
}

#footer > .main-container {
    padding-right: 0px;
    padding-left: 0px;
}

code {
    font-size: 80%;
}

.top-right {
    position: absolute;
    right: 20px;
    top: 70px;
}

.actions {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
}

.actions .middle {
    padding-right: 200px;
}

.top-actions {
    padding-top: 10px;
    padding-bottom: 15px;
}

.new-order-dropdown {
    margin-top: -15px;
    padding-right: 5px;
    align-content: center;
}

.table th {
    text-align: left;
}

.top-actions a {
    margin-left: 5px;
}

.hidden-button {
    position: absolute;
    left: -9999px
}

.action-column {
    min-width: 200px;
}

.dropdown-menu-right {
    text-align:center;
}

.action-button {
    margin-bottom: 3px;
    margin-top: 3px;
}

.serverParam {
    font-weight: bold;
    font-size: 14px;
}

.orderEntry {
}

.orderEntry:first-child > .danger {
    display: none;
}

.orderEntry_template {
    display: none;
}

.releaseEntry {
}

.releaseEntry:first-child > .danger {
    display: none;
}

.releaseEntry_template {
    display: none;
}


.material {
}

.material:first-child > .danger {
    display: none;
}

.material_template {
    display: none;
}

.contactEntry {
}

.contactEntry > .panel-body > .form-group {
    margin-bottom: 1px !important;
}

.contactEntry:first-child > .danger {
    display: none;
}

.contactEntry_template {
    display: none;
}

.removeContact {
    color: red;
}

.selectContact {
}
.selectContact > div {
    display: inline-block;
    width: 92%;
}

.selectContact_template {
    display: none;
}

.material_img {
    max-width: 200px;
    max-height: 200px;
}

.material_img_blank {
    position: relative;
}

.material_iframe {
    margin-top: -150px;
}

input.field-accountant, select.field-accountant, textarea.field-accountant, .field-accountant, select.field-accountant[disabled], input.field-accountant[readonly], textarea.field-accountant[readonly] {
    background-color: #ecf4f9;
}

input.field-production, select.field-production, textarea.field-production, .field-production, select.field-production[disabled], input.field-production[readonly], textarea.field-production[readonly] {
    background-color: #ffedea;
}

input.field-common, select.field-common, textarea.field-common, .field-common, select.field-common[disabled], input.field-common[readonly], textarea.field-common[readonly] {
    background-color: #f8eeff;
}

input.field-invoice, select.field-invoice, textarea.field-invoice, .field-invoice, select.field-invoice[disabled], input.field-invoice[readonly], textarea.field-invoice[readonly] {
    background-color: #f1f1f1;
}

.order-form input:read-only {
    cursor: auto !important;
    border: none;
    background-color: white !important;
}

.order-form input:disabled {
    cursor: auto !important;
    border: none;
    background-color: white !important;
}

.order-form select:disabled {
    cursor: auto !important;
    border: none;
    background-color: white !important;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.order-form .input-group-addon[disabled="disabled"] {
    cursor: auto !important;
    border: none;
    background-color: white !important;
}

.order-form .control-label-disabled {
    color: black;
}

label.control-label-disabled, .control-label-disabled {
    color: lightgray;
}

input.field-oversold, select.field-oversold, textarea.field-oversold, .field-oversold, select.field-oversold[disabled], input.field-oversold[readonly], textarea.field-oversold[readonly] {
    background-color: #c0b1d1;
    text-align: center;
    padding: 5px
}

input.field-solid, select.field-solid, textarea.field-solid, .field-solid, select.field-solid[disabled], input.field-solid[readonly], textarea.field-solid[readonly] {
    background-color: #cedeac;
    text-align: center;
    padding: 5px
}

input.field-undersold, select.field-undersold, textarea.field-undersold, .field-undersold, select.field-undersold[disabled], input.field-undersold[readonly], textarea.field-undersold[readonly] {
    background-color: #fbe4ce;
    text-align: center;
    padding: 5px
}

.orderVersions {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 20px;
}

.orderIDs {
    text-align: right;
    font-size: medium;
}

.orderIDs > div {
    margin-right: 10px;
}

.selectInfoBlock {
    text-align: left;
    font-size: small;
    float: right;
    margin-top: -25px;
    margin-bottom: 0;
    box-shadow: none;
    border: none;
    padding-right: 0;
}

.selectInfoBlock > .panel-body {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
}

.infoBlock {
    text-align: left;
    font-size: small;
    float: right;
    margin-bottom: 0;
    box-shadow: none;
    border: none;
    padding-right: 0;
}

.infoBlock > .panel-body {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
}

.orderRowHeader {
    border-bottom: 1px solid #ddd;
}

.orderRowHeader > h4 {
    margin-left: 30px;
}

.orderRowHeader > h5 {
    margin-left: 30px;
}
.monthWeights {
    padding-bottom: 10px;
}

.orderVersions .active {
    font-weight: bold;
}

.files-panel {
    margin-top: 30px
}

input.input-xs, select.input-xs {
    height: 22px;
    padding: 1px 3px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    width: 100%;
}

.panel-xs {
    font-size: 11px;
}

.text-in-line {
    white-space: nowrap;
}

.legend {
    text-align: center;
}

.legend .btn {
    margin-bottom: 5px;
    font-size: 10px;
    font-weight: bold;
    color: gray;
}

.legend .panel-body {
    padding: 6px;
    width: 101%;
}

.legend .panel-title {
    font-size: 12px;
}

.legend td {
    padding: 6px 14px;
}

.pageSize {
    height: 22px;
    padding: 1px 3px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
}

/* Wagi zamówień */

.monthWeight {
}

.monthWeight_template {
    display: none;
}

.noPadding {
    margin: 0;
}

.orderEntry input {
    font-size: 11px;
    padding: 3px;
    text-align: center;
    color: #000000;
}

input.normal-input {
    text-align: left;
    font-size: 14px;

}

.widerColumn {
    min-width: 200px;
}

.synchronizingCheckbox {
    text-align: right;
    margin-bottom: 20px;
}

.synchronizingCheckbox i {
    margin-left: 35px;
}

.synchronizingCheckbox input {
    margin-right: 30px;
}

/*
Formatowanie głównego paska nawigacji w zależności od szerokości ekranu
źródło: http://stackoverflow.com/questions/18192082/bootstrap-3-navbar-collapse
*/
@media (max-width: 1400px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }
}

@media (min-width: 1350px) {
    .container {
        width: 1370px;
    }
}

.nav-logo {
    padding: 8px;
}

.nav-language {
    padding-top: 8px;
    padding-right: 5px
}

.search {
    width: 100%;
    display: inline-block;
}

.clear {
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    background-image: url(../images/clear_button.png);
    float: right;
    margin-top: -23px;
    margin-right: 3px;
    top: 4px;
}

.crm-button {
    margin-top: -50px;
    float: right;
    z-index: 100;
    position:relative;
}

.page-header-w-addons {
    float: left;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.page-header-w-addons h1 {
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 10px;
}

.multiselect-container {
    width: 100%;
}

.entry-ready-img {
    width: 25px;
    height: 25px;
}

.entry-in-production {
    background-color: lightgreen;
    height: 20px;
    width: 25px;
    margin: auto;
}

.entry-refused-from-production {
    background-color: tomato;
    height: 20px;
    width: 55px;
    margin: auto;
}

.table-middle {
    text-align: center;
    vertical-align: middle !important;
}

.background-red {
    background: #f45359;
}

.background-orange {
    background: #f99465;
}

.background-yellow {
    background: #fee671;
}

.background-green {
    background: #72bf69;
}

#materialColumn {
    text-align: center;
}

.dropzone {
    position: absolute;
    margin-top: -5px;
    margin-left: -5px;
    width: 225px;
    height: 170px;
    color: transparent;
}

.dropzone-active {
    background-color: #dbdbdb;
    z-index: 100;
    color: white;
    font-size: xx-large;
    border: 3px dashed #3c3c3c;
}

.dropzone-active b {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.orders-statistics {
    background-color: #eaeaea !important;
    font-weight: bold;
}

.cursor-search {
    cursor: url(../cursors/search.png) 15 15, auto;
    color: #262626 !important;
    text-decoration: none !important;
}

.contacts-window {
    height: 400px;
    max-height: 400px;
    border-bottom: 1px solid #ddd;
}

.order-filter {
    float: right!important;
    display: flex;
}

.order-filter .form-group {
    display: inline-block;
    float: right !important;
}

.order-filter .col-sm-7 {
    width: 100%;
}

.header-multiselect .btn-group {
    padding: 0;
    width: 100%!important;
}

.header-multiselect .btn {
    padding: 2px 5px;
    font-size: 12px;
}

.bootstrap-select:not(disabled) span  {
    color: black;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a {
    text-align: left;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: relative;
    display: inline-block;
    right: 15px;
    left: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 0;
    margin-left: 10px;
}

.no-margin {
    margin: 0 !important;
}

td.no-border-right {
    border-right: none;
}

td.no-border-left {
    border-left: none
}