.itemsTableTheTable {
    border-left: 1px solid #DDD;
}

.progress {
    height: 20px;
}

.copy-recent-container {
    max-height: 300px;
    overflow-y: scroll;
}

.bubble-container {
    padding: 5px;
    background: #f5f5f5;
    border: solid 1px #ccc;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px 0px;
}

.bubble-container > .bubble-item {
    background: #fff;
    margin: 5px;
    padding: 5px;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 8px 0px;
}

.table-cell-children {
    display: table;
    width: 98%;
}

.table-cell-children * {
    display: table-cell;
}

/* spinning glyphicons! from: http://chadkuehn.com/animated-font-spinners/ */
.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* needed to make menus work inside .table-responsive http://stackoverflow.com/a/26021872/209050 */
.table-responsive {
  overflow-x: visible !important;
  /* overflow-y: visible !important; */
}

.pointer {
    cursor: pointer;
}

/* react-select overrides */
.Select--single {
    width: 45%;
    margin-right: 5px;
    display: inline-block;
}

@media (max-width: 1503px) and (min-width: 990px) {
    .Select--single {
        width: 40%;
    }
}

.remove-button {
    position: relative;
    bottom: 15px;
}

.invite-link-widget {
    color: #bdbdbd;
    padding: 0 16px;
    font-size: 12px;
}

@media (max-width: 767px) {
    span#trigger-sidebar.toolbar-trigger.toolbar-icon-bg {
      width: 56px;
    }
}

.piu-orders-table {
    margin-top: 15px;
}

#mainWrapper {
    margin-top: 16px;
}

table.dataTable tbody tr.selected .dropdown-menu a,
table.dataTable tbody tr.selected .orderitem div,
table.dataTable tbody tr.selected button.glyphicon {
    color: #616161;
}

.popover {
    z-index: 1201 !important;
}

.row.fix {
    display: flex;
    flex-wrap: wrap;
}

.save-btn-affix {
    position: absolute;
    bottom: 50px;
}

.panel .panel-title {
    color: white;
}

ul.partyChatMessages {
    height: 200px;
    overflow-y: scroll;
    font-size: 12px;
    list-style-type: none;
    padding: 0;
    background: #f5f5f5;
    border: solid 1px #ccc;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px 0px;
}

ul.partyChatMessages > li.alert {
    padding: 3px;
    margin: 10px 0;
}

ul.partyChatMessages > li.alert-info {
    background-color: #d9edf7;
}

ul.partyChatMessages > li {
    background: #fff;
    margin: 5px;
    padding: 5px;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 8px 0px;
}

ul.partyChatMessages .str-message-bubble {
    padding: 5px;
    margin-right: 10px;
}

.fa-mayberrys::before {
    content: '';
    background: url("/piu-static/static/piu/images/whitelabeling/mayberrys_favicon.ico");
    background-size: 17px 17px;
    width: 17px;
    height: 17px;
    display: inline-block;
}

.enlarge img.preview-full {
    overflow: hidden;
    position: fixed;
    vertical-align: middle;
    z-index: 1000;
}

table.dataTable tbody tr.selected div.noselect a {
    color: #03a9f4;
}

/* https://webdeasy.de/en/hide-google-recaptcha-badge/ */
.grecaptcha-badge { visibility: hidden; }