/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
}


/*
 * Global add-ons
 */

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}


/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
    display: none;
}
@media (min-width: 768px) {
    .sidebar {
        position: fixed;
        top: 51px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
}
}

/* Sidebar navigation */
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}
.nav-sidebar > li > a {
    padding-right: 20px;
    padding-left: 20px;
}
.nav-sidebar > .active > a {
    color: #fff;
    background-color: #428bca;
}


/*
 * Main content
 */

.main {
    padding: 20px;
}
@media (min-width: 768px) {
    .main {
        padding-right: 40px;
        padding-left: 40px;
    }
}
.main .page-header {
    margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    display: inline-block;
    border-radius: 50%;
}

div.dataTables_length label {
    float: left;
    text-align: left;
    font-weight: normal;
}

div.dataTables_length select {
    width: 75px;
}

div.dataTables_filter label {
    float: right;
    font-weight: normal;
}

div.dataTables_filter input {
    width: 16em;
}

div.dataTables_info {
    padding-top: 8px;
}

div.dataTables_paginate {
    float: right;
    margin: 0;
}

div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
}

table.dataTable,
table.dataTable td,
table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: 100% !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
}

table.dataTable thead .sorting {
    background: url('../images/sort_both.png') no-repeat center right;
}

table.dataTable thead .sorting_asc {
    background: url('../images/sort_asc.png') no-repeat center right;
}

table.dataTable thead .sorting_desc {
    background: url('../images/sort_desc.png') no-repeat center right;
}

table.dataTable thead .sorting_asc_disabled {
    background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

table.dataTable thead .sorting_desc_disabled {
    background: url('../images/sort_desc_disabled.png') no-repeat center right;
}

table.dataTable th:active {
    outline: none;
}

/* Scrolling */

div.dataTables_scrollHead table {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

div.dataTables_scrollBody table {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-top: none;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
    border-top: none;
}

div.dataTables_scrollFoot table {
    margin-top: 0 !important;
    border-top: none;
}

/*
 * TableTools styles
 */

.table tbody tr.active td,
.table tbody tr.active th {
    color: white;
    background-color: #08C;
}

.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
    background-color: #0075b0 !important;
}

.table tbody tr.active a {
    color: white;
}

.table-striped tbody tr.active:nth-child(odd) td,
.table-striped tbody tr.active:nth-child(odd) th {
    background-color: #017ebc;
}

table.DTTT_selectable tbody tr {
    cursor: pointer;
}

div.DTTT .btn {
    font-size: 12px;
    color: #333 !important;
}

div.DTTT .btn:hover {
    text-decoration: none !important;
}

ul.DTTT_dropdown.dropdown-menu {
    z-index: 2003;
}

ul.DTTT_dropdown.dropdown-menu a {
    color: #333 !important; /* needed only when demo_page.css is included */
}

ul.DTTT_dropdown.dropdown-menu li {
    position: relative;
}

ul.DTTT_dropdown.dropdown-menu li:hover a {
    color: white !important;
    background-color: #0088cc;
}

div.DTTT_collection_background {
    z-index: 2002;
}

/* TableTools information display */

div.DTTT_print_info.modal {
    height: 150px;
    margin-top: -75px;
    text-align: center;
}

div.DTTT_print_info h6 {
    margin: 1em;
    font-size: 28px;
    font-weight: normal;
    line-height: 28px;
}

div.DTTT_print_info p {
    font-size: 14px;
    line-height: 20px;
}

/*
 * FixedColumns styles
 */

div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
    background-color: white;
}

div.DTFC_RightHeadWrapper table,
div.DTFC_LeftHeadWrapper table {
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
    margin-bottom: 0 !important;
    border-top: none;
}

div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: none;
}

div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
    border-top: none;
}
* {
    font-family: 'Open Sans', sans-serif;
    /*font-weight: 400;*/
}

.high-select {
    height: 600px !important;
}

table {
    width: 100%;
    border-spacing: 0;
    vertical-align: top;
    table-layout: auto;
    position: relative;
}

/*href na całą szerokość tr*/
.rowlink::before {
    content: "";
    display: block;
    position: absolute;
    /*left: 0;*/
    width: 97%;
    height: 1.5em; /* don't forget to set the height! */
}

.attribute-table-hover {
    background-color: lightblue;
}

.attribute-table-hover-selected {
    background-color: dodgerblue;
}

.form-horizontal .control-label {
    text-align: left;
}

.product-attribute-table td {
    text-align: center;
}

table.dataTable tbody th, table.dataTable tbody td {

    padding: 0;
}

.product-attribute-table td:hover {
    cursor: pointer;
}

/*troche hax huehue*/
/*pozycjonowanie labelki atrybutu (brane z bazy)*/
.label-attribute-category {
    position: absolute;
    top: 18px;
    left: -120px;
}

/*jw, tylko element magazynu*/
.label-storage-attribute {
    position: absolute;
    top: -29px;
    left: -120px;
}

.client-data-json {
    display: none;
}

label.required:after {
    content: "* ";
    color: red;
}

.form-group {
    margin-bottom: 5px;
}

.comboselect {
    display: none;
}

/* autocomplete */
/*fix wysokości*/
.ui-autocomplete {
    position: absolute;
}

/*wywalenie helperów, bo rozwalają widok*/
.ui-helper-hidden-accessible {
    display: none;
}

/* !autocomplete */

/*such bootstrap, many fixes*/
.no-float {
    float: none;
}

.max-width-fix {
    max-width: 100%;
}

.collection-actions {
    float: left;
}

.storage-warning {
    color: red;
}

.record-actions .btn {
    margin: 2px;
}

.color-labels-radio {
    position: relative;
}

.color-labels-radio::after {
    content: '';
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    top: 3px;
    left: 3px;
    border: 1px solid black;
}

.color-labels-radio-defined {
    position: relative;
}

.color-labels-radio-defined::after {
    content: '';
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    top: 3px;
    left: 3px;
    border: 1px solid black;
}

.order-color-1::after,
.order-list-color-1 {
    background: red;
}

.order-color-2::after,
.order-list-color-2 {
    background: green;
}

.order-color-3::after,
.order-list-color-3 {
    background: blue;
}

.order-color-4::after,
.order-list-color-4 {
    background: yellow;
}

.order-color-5::after,
.order-list-color-5 {
    background: black;
}

.order-color-6::after,
.order-list-color-6 {
    background: violet;
}

.order-color-7::after,
.order-list-color-7 {
    background: #00FF4C;
}

.order-color-8::after,
.order-list-color-8 {
    background: #FFAE00;
}

.order-color-9::after,
.order-list-color-9 {
    background: #00E1FF;
}

.order-color-10::after,
.order-list-color-10 {
    background: #990078;
}

#page-wrap {
    padding: 0 15px;
    margin: 0 auto;
}

#remote-body {
    background-color: white;
    padding-top: 0;
}

.payment-message {
    font-size: 1.2em;
}

.remote-warning {
    margin: 20px 0;
    font-style: italic;
}

.remote-footer {
    color: darkgrey;
}

.logo-container {
    height: 67px;
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    /*width: 600px;*/
}

.logo-container img {
    position: absolute;
    top: 0;
    right: 0;

    /* Preserve aspet ratio */
/*    min-width: 100%;
    min-height: 100%;*/
}

span.label-border {
  border-bottom: 3px solid #555;
  width: 70%;
  display: inline-block;
  float: right;
  padding-top: 10px;
}

.address-remote {
  margin: 20px 0;
}

.address-remote h4 {
  padding-left: 0;
  font-weight: 600;
}

.main-logo-wide {
    /*width: 100%;*/
    overflow-x: hidden;
    height: 67px;
}

.star-container {
    text-align: center;
}

.invisible {
    display: none;
}

.no-sort::after {
    display: none !important;
}

.no-sort {
    pointer-events: none !important;
    cursor: default !important;
}

.slashed {
    background-image: -o-repeating-linear-gradient(
            45deg,
            transparent,
            transparent 3px,
            transparent 1px,
            white 8px
    );
    background-image: repeating-linear-gradient(
            45deg,
            transparent,
            transparent 3px,
            transparent 1px,
            white 8px
    )
}

.table-striped > tbody > tr.finished-element {
    /*background-color: #74A21E;*/
    background-color: lightgreen;
}

.table-striped > tbody > tr.edited-element {
    background-color: #e66 !important;
}

.storage-list-checkbox {
    zoom: 1.5;
    transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -moz-transform: scale(1.5);
/*    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -moz-transform-origin: 0 0;*/
    position: relative;
    bottom: 0;
    left: 0;
}

.payment-order-address{
    display: none;
}
.payment-order-totalCost{
    display: none;
}

.table-hover > tbody > tr:hover {
  background-color: #ffedaf;
}

.autocompleted {
  border: 2px solid #337ab7;
}

.text-red {
  font-weight: 600;
  color: #f00;
}

hr.staircase-separator {
  border-top: 5px solid #555;
}

@media(min-width:992px){
  .modal-lg {
    width: 95%;
  }
}

.order-payment {
  line-height: 1;
  margin-bottom: 5px;
}
.order-payment:not(:first-child) {
  border-top: 1px solid #ccc;
  padding-top: 3px;
}

/*.order-payment span.order-payment-amount {
  font-size: 14px;
}*/
.order-payment span.order-payment-date {
  font-size: 12px;
}

.order-payment span.order-payment-type {
  font-size: 12px;
}

p.order-payment-confirmed {
  font-size: 12px;
  margin-bottom: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}

/*.archive-readonly-field {
  cursor: not-allowed;
}
select.archive-readonly-field {
  pointer-events: none;
}*/

#order-cost-sumamry {
  margin-top: 30px;
  margin-bottom: 30px;
}
.select2-selection__rendered span.delivery-cost {
  float: right;
  padding-right: 20px;
  font-weight: 600;
}
.select2-results__option span.delivery-cost {
  float: right;
  padding-right: 20px;
  font-weight: 600;
}

input[readonly],
input[readonly] + label.form-check-label {
    pointer-events: none;
    touch-action: none;
}

select[readonly],
select[readonly] + .select2-container {
  pointer-events: none;
  touch-action: none;
}

select[readonly] + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

select[readonly] + .select2-container .select2-selection__arrow,
select[readonly] + .select2-container .select2-selection__clear {
    display: none;
}

.table > tbody > tr.product-elements-form > td {
  padding: 3px;
}

input.offer-submit {
  background-color: #ff7f27;
  border-color: #ff7f27;
  color: #fff;
}

input.offer-submit-autogeneration {
  background-color: #22B14C;
  border-color: #22B14C;
}

input.offer-submit-autogeneration:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

button.expire-offer-btn {
    float: right;
    
    &.expired-offer-btn {
        background-color: #ff3e3e;
        border-color: #c90505;
        
        &:hover {
            background-color: #e31515;
            border-color: #c90505;
        }
    }
}

.savedWithoutCodesGeneration {
  color: #ff7f27;
  margin-bottom: 5px;
}

.advance-warning {
  background-color: #fcf8e3;
  border-color: #ff7f27;
}

.angle4227 {
    color: #c00;
    font-weight: 600;
}

.missing-railings-side {
    border: 1px solid red;
}
#missing-railings-side-error {
    color: red;
}
/* Global Styles */

/* ------------------------------- */
html {
    height: 100%;
}

body {
    padding-top: 100px;
    background-color: #f8f8f8;
    height: 100%;
}

@media (min-width: 768px) {
    body {
        padding-top: 50px;
    }
}

/* Wrappers */

/* ------------------------------- */

#wrapper {
    width: 100%;
}

#page-wrapper {
    padding: 0 15px;
    min-height: 100%;
    background-color: #f9fafb;
}

@media (min-width: 768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 0 30px;
        /*min-height: 1300px;*/
        border-left: 1px solid #e7e7e7;
    }
}

#page-wrapper-map {
    padding: 0;
    min-height: 100%;
    background-color: #fff;
}

@media (min-width: 768px) {
    #page-wrapper-map {
        position: inherit;
        margin: 0 auto;
        padding:0px;
        /*min-height: 1300px;*/
        border-left: 1px solid #e7e7e7;
    }
}

#sidebarmap {
    height: 90vh;
    top: 60px;
}

#map{
    position: absolute;
    top: 50px;
    bottom: 0;
    width: 100%;
    /*height: 100vh;*/
}

.popup-address {
    font-size:1.5em;
}

/* Navigation */

/* ------------------------------- */

/* Top Right Navigation Dropdown Styles */

#navbar-sidebar-main {
    background-color: #51647C;
    
    a {
        color: #fff;
        
        &:hover {
            background-color: #1e293b;
        }
    }
    
    ul.nav {
        & > li {
            & > a {
                &:hover {
                    background-color: #1e293b;
                }
                
                &:focus {
                    background-color: #1e293b;
                }
            }
        }
    }
}

#navbar-top-main {
    background-color: #51647C;
    
    .dropdown {
        a.dropdown-toggle {
            color: #fff;

            &:hover {
                background-color: #1e293b;
            }
        }
        
        &.open {
            a.dropdown-toggle {
                background-color: #1e293b;
            }
        }
    }
    
    a.navbar-brand {
        color: #fff;
        
        &:hover {
            color: #ffedaf;
        }
    }
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px;
    min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

/* Sidebar Menu Styles */

.navbar-static-side ul li {
    border-bottom: 1px solid #f7f7f74a;
}

.sidebar-search {
    padding: 15px;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding-left: 37px;
}

.nav-third-level li a {
    padding-left: 52px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .navbar-static-side {
        z-index: 1;
        position: fixed;
        width: 250px;
        margin-top: 0;
        height: 100%;
        overflow-y: auto;
    }
    
    .navbar-static-side li a {
      padding: 10px 15px;
    }
    
    .navbar-static-side li.nav-archive a {
      padding: 10px 15px;
      font-size: 13px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

@media (max-height: 600px) and (max-width: 767px) {
    .sidebar-collapse {
        max-height: 300px;
        overflow-y: scroll;
    }
}

@media (max-height: 400px) and (max-width: 767px) {
    .sidebar-collapse {
        max-height: 200px;
        overflow-y: scroll;
    }
}

/* Buttons */

/* ------------------------------- */

.btn-outline {
    color: inherit;
    background-color: transparent;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

/* Pages */

/* ------------------------------- */

/* Dashboard Chat */

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
    color: #777777;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

/* Login Page */

.login-panel {
    margin-top: 25%;
}

/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* DataTables Overrides */

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50, 50, 50, .5);
}

table.dataTable tr.selected-row {
    background-color: #ffedaf !important;
}

/* Circle Buttons */

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}

.show-grid {
    margin: 15px 0;
}

h1, h2, h3, h4 {
    margin: 0;
    padding: 20px
}

/*Progress bar*/
#progress {
    width: auto;
    border: 1px solid black;
    position: relative;
    padding: 3px;
}

#percent {
    position: absolute;
    left: 50%;
    width: 50px;
    text-align: center;
    margin-left: -25px;
    text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 5px #fff, 0 0 5px #fff;
    font-weight: 700;
}

#bar {
    height: 20px;
    background-color: #5cb85c;
}

input[type="radio"],
input[type="checkbox"] {
    /*margin: -12px 0 0;*/
    margin-top: 1px \9;
    line-height: normal;
}

.ajax_loader {
    float: right;
    /*clear:both;*/
    width: 16px;
    height: 16px;
    /* TODO:HAX ALERT: change to dynamic url */
    background: url('../img/zoomloader.gif') no-repeat center center;

}

.ajax_success {
    float: right;
    /*clear:both;*/
    width: 16px;
    height: 16px;
    background: green;
}

.ajax_error {
    float: right;
    /*clear:both;*/
    width: 16px;
    height: 16px;
    background-color: red;
}

.checkbox-fix {

    top: 6px;
}

/*.attribute-combo-select {*/
    /*padding: 10px;*/
    /*margin: -5px -20px -5px -5px;*/
    /*width: 110%;*/
    /*border: 0;*/
/*}*/

.table-striped > tbody > tr.custom-width.odd {
    background-color: #a7c974;
}
.table-striped > tbody > tr.custom-width.odd:hover {
    background-color: #ffedaf;
}

.table-striped > tbody > tr.custom-width.even {
    background-color: #bfe783;
}
.table-striped > tbody > tr.custom-width.even:hover {
    background-color: #ffedaf;
}

#app_offer > .alert-danger {
    display: block;
    margin: 10px 0;
}

#app_offer > .alert-danger .d-block {
    display: block;
    margin-bottom: 5px;
}

#staircase > .alert-danger {
    display: block;
    margin: 10px 0;
}

#staircase > .alert-danger .d-block {
    display: block;
    margin-bottom: 5px;
}

.show-orders-with-only-button,
.show-offers-with-only-button,
.show-offerrequest-with-only-button,
.show-packing-with-only-button,
#show-orders-with-only-standard-stairs-label {
    background-color: rgb(240, 240, 240);
    border: 1px solid #333;
    /*font-size: 0.8em;*/
}

.show-orders-with-only-button.show-all,
.show-offers-with-only-button.show-all,
.show-offerrequest-with-only-button.show-all,
.show-packing-with-only-button.show-all,
#show-orders-with-only-standard-stairs-label.show-all {
    background-color: #9fffb0;
}

.form-collection-departure-list-entries {
    .departure-list-entry-container {
        td.departure-list-entry-cell {
            border: 1px solid #ccc;
            height: 100px;
            padding: 1px;
            
            input {
                height: 100px;
                border: none !important;
                box-shadow: none !important;
                background-color: #f5f5f5;
                
                &.departure-list-entry-numberOfPackages {
                    height: auto;
                }
                
                &.departure-list-entry-invoiceNumber {
                    height: auto;
                }
                
                &.departure-list-entry-markAsHighlight {
                    height: auto;
                    margin-right: 4px;
                }
                
                &.departure-list-entry-notDelivered {
                    width: 20px;
                }
            }
            
            textarea {
                height: 100px;
                border: none !important;
                box-shadow: none !important;
                background-color: #f5f5f5;
            }
            
            &.departure-list-entry-cell__notDelivered {
                text-align: center;
            }
            
            &.departure-list-entry-cell__order {
                vertical-align: baseline;
                
                span.select2-container {
                    min-width: 150px !important;
                }
            }
            
            div.departure-list-entry-static {
                padding: 6px 12px;
            }
        }
        
        .app_departure_list_departureListEntries-collection-actions {
            display: table-cell;
            width: 60px;
            text-align: center;
            vertical-align: middle;
        }
        
        &.not-delivered-entry {
            &>td {
                background-size: auto auto;
                background-color: rgba(255, 255, 255, 1);
                background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(220, 220, 220, 0.9) 5px, rgba(220, 220, 220, 0.9) 7px );
            }
        }
        
        &.marked-as-highlight-entry {
            &>td {
                textarea.departure-list-entry-description {
                    color: red !important;
                    font-weight: 700;
                }
                
                textarea.departure-list-entry-contents {
                    color: red !important;
                    font-weight: 700;
                }
                
                div.departure-list-entry-static-description {
                    color: red !important;
                    font-weight: 700;
                }
                
                div.departure-list-entry-static-contents {
                    color: red !important;
                    font-weight: 700;
                }
            }
        }
    }
    
    .app_departure_list_departureListEntries-collection-rescue-add {
        display: block;
        margin-top: 1em;
        position: absolute;
        right: 60px;
    }
}

table.departure-list-entry-table {
    margin-top: 0.5em;
    
    thead {
        tr {
            th {
                background-color: #c5e0b4;
                border: 1px solid #555;
                padding: 0.25em;
            }
        }
    }
    
    tbody {
        tr {
            td {
                border: 1px solid #555;
                padding: 0.25em;
            }
            
            &.not-delivered-entry {
                &>td {
                    background-size: auto auto;
                    background-color: rgba(255, 255, 255, 1);
                    background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(220, 220, 220, 0.9) 5px, rgba(220, 220, 220, 0.9) 7px );
                }
            }
            
            &.marked-as-highlight-entry {
                &>td.departure-list-entry-description {
                    color: red !important;
                    font-weight: 700;
                }
                
                &>td.departure-list-entry-contents {
                    color: red !important;
                    font-weight: 700;
                }
            }
        }
    }
}

#show-packing-with-stairs-label,
#show-orders-with-stairs-label {
    background-color: rgb(240, 240, 240);
    border: 1px solid #333;
    /*font-size: 0.8em;*/
}

#show-packing-with-stairs-label.show-all,
#show-orders-with-stairs-label.show-all {
    background-color: #9fffb0;
}

#show-packing-extra-only-label,
#show-orders-extra-only-label {
    background-color: rgb(240, 240, 240);
    border: 1px solid #333;
    /*font-size: 0.8em;*/
    color: #333;
}

#show-packing-extra-only-label.show-all,
#show-orders-extra-only-label.show-all {
    background-color: #c00;
    color: #fff;
}

.leaflet-tooltip-pane .leaflet-tooltip {
    font-size: 1.6em !important;
}

.order-tasks-list {
    list-style: none;
}

#order-list-datatables {
    td {
        position: relative;
    }
}

#order-extra-list-datatables {
    td {
        position: relative;
    }
}

#sidebarmap {
    .list-group-item.map-point-is-to-resend {
        font-weight: 600;
        color: #FFAE00;
    }
    
    .deadline-list-standard-label {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        background-color: #9fffb0;
    }
}

#sidebarmap.sidebarmap-extended {
    width: 90vw;
    
    div.panel-body.orders-by-deadline-body.collapse.in {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2em;
        
        div.panel-body-box:nth-of-type(1) {
            grid-column-start: 1;
            grid-row-start: 1;
            
            hr {
                display: none;
            }
        }
        
        div.panel-body-box:nth-of-type(2) {
            grid-column-start: 2;
            grid-row-start: 1;
            
            hr {
                display: none;
            }
        }
        
        div.panel-body-box:nth-of-type(3) {
            grid-column-start: 2;
            grid-row-start: 1;
            
            hr {
                display: none;
            }
        }
        
        div.panel-body-box:nth-of-type(4) {
            grid-column-start: 3;
            grid-row-start: 1;
            
            hr {
                display: none;
            }
        }
        
        div.panel-body-summary {
            grid-column-start: 2;
            grid-row-start: 2;
        }
        
        div.panel-body-box-personal-pickup {
            grid-column-start: 1;
            grid-row-start: 2;
        }
    }
}

/* Notes */
.comment-box {
    padding: 20px;
    border-radius: 8px;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    

    .app_offer_notes-collection-actions {
        text-align: right;

        .app_offer_notes-collection-remove {
            color: #555;
            background-color: transparent;
            border-color: transparent;
        }
    }

    &.no-my-comment {
        .app_offer_notes-collection-actions {
            display: none !important;
            visibility: hidden;
        }
    }
    
    .order_notes-collection-actions {
        text-align: right;

        .order_notes-collection-remove {
            color: #555;
            background-color: transparent;
            border-color: transparent;
        }
    }

    &.no-my-comment {
        .order_notes-collection-actions {
            display: none !important;
            visibility: hidden;
        }
    }
    
    .order_archive_notes-collection-actions {
        text-align: right;

        .order_archive_notes-collection-remove {
            color: #555;
            background-color: transparent;
            border-color: transparent;
        }
    }

    &.no-my-comment {
        .order_archive_notes-collection-actions {
            display: none !important;
            visibility: hidden;
        }
    }
    
    .order_packing_joineryNotes-collection-actions {
        text-align: right;

        .order_packing_joineryNotes-collection-remove {
            color: #555;
            background-color: transparent;
            border-color: transparent;
        }
    }

    &.no-my-comment {
        .order_packing_joineryNotes-collection-actions {
            display: none !important;
            visibility: hidden;
        }
    }
    
    &.is-from-offer {
        background-color: #f1f8ff;
    }
    
    &.is-from-offer + .is-from-order {
        margin-top: 40px;
        position: relative;
        
        &:before {
            content: "";
            display: block;
            border-top: 5px solid #555;
            margin-bottom: 10px;
            position: absolute;
            width: 100%;
            top: -25px;
            left: 0;
        }
    }
}

.panel-body-box-personal-pickup-toggle {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
    
    &.collapsed {
        transform: rotate(180deg);
    }
}

.comment-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e9ecef;
}

.comment-header span {
    font-size: 13px;
    color: #6c757d;
}

.comment-content {
    font-size: 14px;
    color: #212529;
    line-height: 1.6;
}

.elastic-mail-category {
    font-size: 0.9em;
    display: none;
    
    em {
        padding: 0.02em 0.6em;
        background-color: rgb(248, 113, 104);
        color: #fff;
    }
    
    &.show-elastic-category {
        display: block;
    }
}

#app_castorama_orders_upload {
    input[type="file"]{
        border: 1px dashed #ccc;
        width: 100%;
        height: 10em;
        padding: 2em;
    }
}

.order-status-translation-form-collection.tab-content {
    padding: 1em;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 1em;
}

.offer-status-translation-form-collection.tab-content {
    padding: 1em;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 1em;
}

.settings-translation-form-collection.tab-content {
    padding: 1em;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 1em;
}

.settings-edit-translation-form-collection.tab-content {
    padding: 1em;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 1em;
}

.screw-translation-form-collection.tab-content {
    padding: 1em;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 1em;
}