body {
    font-family: Arial;
    font-size: 11px;
    margin: 0;
}

img {
    border: none;
}

.top {
    height: 153px;
    position: relative;
}

.top form {
    width: 300px;
    position: absolute;
    top: 20px;
    right: 0;
    text-align: right;
    padding: 10px;
    border-radius: 10px 0 0 10px;
    background: #eee;
    box-shadow: 0px 0px 10px -2px #000;
}
.top .important-message {
    position: absolute;
    top: 20px;
    left: 25%;
    width: 230px;
    height: 50px;
    padding: 15px 20px;
    font-size: 14px;
    color: #C09853;
    font-weight: bold;
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    border-radius: 4px;
    box-shadow: 0px 0px 10px -2px #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.top .important-message a, .top .important-message a:hover, .top .important-message a:visited {
    color: #DD6600;
}
.top .testMessage {
    position: absolute;
    top: 20px;
    left: 200px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.content {
    padding: 20px;
}

.footer {
    margin: 15px 0 5px 15px;
    text-align: center;
    color: #bbb;
}

h2 span {
    color: #666;
}

a {
    color: #d60;
    text-decoration: none;
}
th a {
    color: #000;
}
a:hover {
    color: #0000ff;
    text-decoration: underline;
}
.clear {
    clear: both;
}
.hidden {
    display: none;
}

form.lang-switch h1 {
    margin: 0;
}
form.lang-switch .sideLeft {
    float: left;
    width: 50%;
    height: 40px;
}
form.lang-switch a {
    color: #820;
}
form.lang-switch p {
    margin: 8px 0;
}

form.lang-switch .sideRight {
    float: left;
    width: 50%;
    height: 40px;
    text-align: right;
}

ul.error_list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
ul.error_list a {
    color: #fff;
    text-decoration: underline;
}

ul.nav-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: -18px;
    left: 20px;
}
ul.nav-menu ul {
    position: absolute;
    top: 36px;
    left: -1px;
    padding: 0;
    display: none;
}
ul.nav-menu ul ul {
    top: -1px;
    left: 100%;
}
ul.nav-menu li {
    list-style-type: none;
    display: block;
    position: relative;
    float: left;
    margin: 0;
    padding: 10px 20px;
    z-index: 2;
    background: #333333;
    font-size: 14px;
}
ul.nav-menu ul li {
    float: none;
    width: 130px;
    border-bottom: 1px solid #2a2a2a;
    z-index: 10;
    font-size: 12px;
}
ul.nav-menu > li {
    border-right: 1px solid #232323;
    border-left: 1px solid #414141;
}
ul.nav-menu > li li {
    border-top: 1px solid #414141;
    border-bottom: 1px solid #232323;
}
ul.nav-menu > li:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
ul.nav-menu > li:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
ul.nav-menu a, ul.nav-menu span {
    color: #fff;
    cursor: pointer;
    display: block;
}
ul.nav-menu li ul span {
    background-image: url(../images/submenu_arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 12px;
}
ul.nav-menu li:hover > ul {
    display: block;
    z-index: 100;
}
ul.nav-menu li:hover {
    z-index: 100;
    background: #404042;
}
ul.nav-menu > li:hover:first-child {
    border-bottom-left-radius: 0;
}
ul.nav-menu > li:hover:last-child {
    border-bottom-right-radius: 0;
}


table {
    border-collapse: collapse;
}

table.common {
    margin-top: 10px;
}

table.common tr:hover td {
    background-color: #feea89;
}

table.common th {
    background-color: #dedede;
    text-align: left;
    padding: 5px;
    border: 1px solid #9e9e9e;
}

table.common td {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #9e9e9e;
}
table.common td.amount {
    min-width: 50px;
    text-align: right;
}
table.common td.wide {
    min-width: 150px;
}
table.common th a {
    text-decoration: underline;
}

table.common td.icons {
    font-size: 20px;
}

table.narrow {
    width: 500px;
}

table.roles {
    width: 800px;
}

table.bigText td, table.bigText th {
    font-size: 14px;
}

table.vertical th {
    width: 150px;
}

table.common .lp {
    font-weight: bold;
    text-align: center;
    padding: 0 8px;
}
table.common .header-head {
    text-align: center;
}

table.common ul.tableList {
    list-style: none;
    padding: 0px;
    margin: 0px;
    min-width: 250px;
}
table.common ul.tableList li {
    line-height: 20px;
    border-bottom: 1px solid #9e9e9e;
}
table.common ul.tableList li:last-child {
    line-height: 20px;
    border-bottom: none;
}

table.common ul.tableList li span {
    float: right;
}

table.form td.tableColumn {
    width: 340px;
    vertical-align: top;
}
table.form h3.groupLabelPriceSet {
    color: #696969;
}

.important {
    color: #f00;
    font-weight: bold;
}

.btn {
    /* display: block; */
    padding: 5px;
    color: #000;
    font-weight: bold;
    width: 120px;
    text-align: center;
    border: 1px solid #b2b2b2 !important;
    border-radius: 5px;
    cursor: pointer;
    font-size: inherit;
    margin: 1px;
    margin-right: 2px;
    margin-left: 0px;
    text-decoration: none !important;
    background: #dedede;
    display: -webkit-inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    vertical-align: top;    
}

.no-left-margin {
    display: block;
    padding: 5px;
    color: #000;
    font-weight: bold;
    width: 120px;
    text-align: center;
    border: 1px solid #b2b2b2 !important;
    border-radius: 5px;
    cursor: pointer;
    font-size: inherit;
    margin: 1px;
    margin-left: 0px;
    text-decoration: none !important;
    background: #dedede;
}
.btn.btn-back {
    font-size: 10px;
    margin: 0px 10px 0px 5px;
    padding: 4px;
    width: auto;
}
.btn:hover:not([disabled]),
.btn.active {
    background: #82a94e;
    color: #fff !important;
}
.btn.negative {
    color: #c53d3a;
}
.btn.negative:hover {
    background: #c53d3a;
}
.btn[disabled=disabled] {
    color: #aaa;
}
.btn.icon {
    width: 40px;
}
.btn.short {
    width: 60px;
}
.btn.wide {
     width: 180px;
}
.btn.auto {
    width: auto;
}
.btn.evenWider {
    width: 200px;
}
.btn.underTable {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    width: auto;
    padding: 5px 20px;
}
.btn-inline {
    display: inline;
    padding: 5px 15px;
}
.btn-inline-block {
    display: inline-block;
}

input.btn,
.btn.inline {
    display: inline;
}

.buttons {
    overflow: hidden;
    margin: 11px;
}
.buttons .btn {
    float: right;
    margin: 0 0 0 10px;
}
.form .buttons .btn {
    float: left;
    margin: 0 10px 0 0;
}

form select {
    width: 170px;
}

form select.multiple {
    height: 250px;
}

form span.required {
    color: #f00;
}

.form input, .inputText, form select {
    border: 1px solid #666;
    border-radius: 2px;
    width: 170px;
}

.inputTextPostalType {
    border: 1px solid #666;
    border-radius: 2px;
    width: 170px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.inputText.wide {
    width: 280px;
}
.inputText.short {
    width: 60px;
}
.inputText.shorter {
    width: 40px;
}
.inputText.tall {
    line-height: 20px;
    height: 20px;
}
.inputText.error {
    background: #f2dede;
    border-color:#c53d3a;
}

.textareaTag {
    border: 1px solid;
    width: 170px;
    height: 100px;
}

.inputCheckbox {
    margin: 0;
    width: auto !important;
}
input[type=checkbox], input[type=radio] {
    width: auto !important;
    border: none !important;
    margin-left: 0px;
}

input.noStyle {
    border: none;
    background: transparent;
}

.multiSelectBox {
    height: 250px;
    width: 250px;
    overflow: auto;
    padding: 4px;
    border: 1px solid #666;
}
.multiSelectBox li {
    white-space: nowrap;
}
.multiSelectBox.disabled {
    background: #ddd;
}
.multiSelectBoxPriceset {
    width: 380px;
    overflow-x: hidden;
}

.fullWidth {
    width: 100%;
}
.form th {
    padding: 2px 5px 5px 2px;
    text-align: left;
}

.form td {
    padding: 2px 2px 5px;
}

table.common td.actions {
    text-align: center;
    white-space: nowrap;
}

table.common td.actions a {
    margin: 0 5px;
    color: #6c9b33;
    font-weight: bold;
}
table.common td.actions a.negative {
    color: #c01400;
}
tr.disabled td, input.disabled, select.disabled, textarea.disabled {
    background: #ddd;
}
tr.selected td {
    background: #cdf;
}
tr.clickable {
    cursor: pointer;
}

.createPricesetPage .multiSelect {
    height: 100px;
}

ul.radio_list {
    list-style-type: none;
    padding: 0;
}

ul.radio_list li {
    display: inline;
}

ul.radio_list li input {
    vertical-align: bottom;
}

table.boxMachineLayout td {
    width: 100px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #000;
}

.boxMachineModularLayout table.boxMachineLayout td {
    padding: 0px 5px;
}

table.boxMachineLayout tr {
    height: 25px;
}

table.boxMachineLayout td.sizeA {
    height: 25px;
    position: relative;
}

table.boxMachineLayout td.sizeB {
    height: 51px;
    position: relative;
}

table.boxMachineLayout td.sizeC {
    height: 100px;
    position: relative;
}

.boxMachineModularLayout table.boxMachineLayout td.sizeA {
    height: 25px;
}
.boxMachineModularLayout table.boxMachineLayout td.sizeB {
    height: 51px;
}
.boxMachineModularLayout table.boxMachineLayout td.sizeC {
    height: 103px;
}

table.boxMachineLayout td.sizeCU, table.boxMachineLayout td.sizeCUBlank {
    background: #999;
}
table.boxMachineLayout .lockerWrap {
    position: relative;
}

table.boxMachineLayout td p {
    margin: 0;
}

table.boxMachineLayout td a {
    color: #fff;
}

table.boxMachineLayout td div.parcels {
    position: absolute;
    display: none;
    width: 200px;
    padding: 5px;
    z-index: 2;
    top: 0px;
    left: 0px;
    border: 1px solid #fff;
    background: #000;
}

.boxmachineLayoutPage .legend {
    margin-bottom: 20px;
}

.boxmachineLayoutPage .legend ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.boxmachineLayoutPage .legend h3 {
    font-size: 16px;
}

.boxmachineLayoutPage .fridgeLegend {
    margin-bottom: 20px;
}

.boxmachineLayoutPage .fridgeLegend ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.boxmachineLayoutPage .fridgeLegend h3 {
    font-size: 16px;
}
.boxmachineLayoutPage .legend td, 
.boxmachineLayoutPage .fridgeLegend td {
    width: 100px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border-right: 5px;
    height: 26px;
    border: 1px solid #000000;
}

.boxMachineModularLayout {
    white-space: nowrap;
    overflow: auto;
    width: 100%;
    padding-bottom: 10px;
}
.boxMachineModularLayout table.boxMachineLayout {
    white-space: nowrap;
    display: inline-block;
    margin: 0 1px;
}
table.boxMachineCentral {
    background-color: #999999;
    width: 90px;
}
.boxMachineModularLayout table.boxMachineLayout.boxMachineCentral td {
    border-color: #999999;
}

.lockerOther {
    background-color: #7f7f7f;
    color: #000;
}

.lockerEmpty {
    background-color: #eee;
}

.lockerInUse {
    background-color: #009900;
    color: #fff;
}

.lockerFridgeInUse {
    background-color: #009900;
    color: #fff;
}

.lockerWithExpired {
     background-color: #00bbff;
     color: #fff;
}

.lockerDamaged {
    background-color: #ff0000;
    color: #fff;
}

.lockerSensorError {
    background-color: dimgrey;
    color: #fff;
}

.lockerSoiled {
    background-color: #81571F;
    color: #fff;
}

.lockerDamagedAndSoiled {
    background-color: #fbcb09;
    color: #81571F;
}

.lockerInspection {
    background-color: #fb7158;
    color: #fff;
}

.lockerDamagedAndInspection {
    background-color: #fb4108;
    color: #fff;
}

.lockerSoiledAndInspection {
    background-color: #5c2306;
    color: #fff;
}

.lockerDamagedAndSoiledAndInspection {
    background-color: #664994;
    color: #fff;
}

.lockerCustomerDelivering {
    background-color: #55f;
    color: #fff;
}

.lockerClaimed {
    background-color: #33B;
    color: #fff;
}

.lockerUnclosed {
    background-image: url(/images/unclosed-icon.png);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 0px center;
}

.boxmachinesPage table.common th.actions {
    width: 200px;
}

.boxmachineLayoutPage .split .sideLeft {
    width: 920px;
    float: left;
}

.boxmachineLayoutPage .split .sideRight {
    padding-left: 20px;
    width: 180px;
    float: left;
}

.boxmachineLayoutPage ul.boxmachinesMenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.boxmachineLayoutPage ul.boxmachinesMenu li {
    margin-bottom: 5px;
}

.boxmachineLayoutPage ul.boxmachinesMenu li.current a {
    text-decoration: underline;
}

.boxmachineLayoutPage .sideRight h2 {
    margin: 0 0 20px;
}

.pageCouriersList .actions {
    width: 100px;
}

.boxmachineLayoutPage .compartments {
    width: 650px;
}

.boxmachineLayoutPage .compartments th {
    width: 100px;
    text-align: center;
}

.boxmachineLayoutPage .compartments th.symbol {
    width: 50px;
}

.boxmachineLayoutPage .compartments td {
    text-align: center;
}

.boxmachineLayoutPage .compartment-verified {
    position: absolute;
    bottom: 0px;
    left: 1px;
    text-align: center;
}

.pricesetsPage .actions {
    width: 100px;
}

ul.checkbox_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.column-count-2,
ul.column-count-3,
ul.column-count-4,
ul.column-count-5,
ul.column-count-6 {
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
}
ul.column-count-2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
ul.column-count-3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}
ul.column-count-4 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
}
ul.column-count-5 {
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
}
ul.column-count-6 {
    -moz-column-count: 6;
    -webkit-column-count: 6;
    column-count: 6;
}

#parcel-details table.common {
    margin: 0 0 10px;
    width: 650px;
}

.boxmachineLayoutPage table.tech-data {
    width: 650px;
}

.boxmachineLayoutPage table.storedParcels {
    width: 650px;
}

.boxmachineLayoutPage table.storedParcels th {
    width: 216px;
}

.boxmachineLayoutPage table.tech-data td.empty {
    background-color: #ddd;
}

.bmCondition .labelPrinterError,
.bmCondition .labelPrinterNoPaper,
.bmCondition .reciptPrinterError,
.bmCondition .reciptPrinterNoPaper {
    background-color: #ff0000;
    color: #fff;
}

.bmCondition .labelPrinterOk,
.bmCondition .reciptPrinterOk {
    background-color: #009900;
    color: #fff;
}

.bmCondition .labelPrinterLowPaper,
.bmCondition .reciptPrinterLowPaper {
    background-color: #fbcb09;
    color: #fff;
}

.bmCondition .paymentTerminalOffline {
    background-color: #ff0000;
    color: #fff;
}

.bmCondition .paymentTerminalOnline {
    background-color: #009900;
    color: #fff;
}

.parcelLockersTechnicalStatePage .communication_true {
    background-color: #009900;
    color: #fff;
}

.parcelLockersTechnicalStatePage .communication_false {
    background-color: #ff0000;
    color: #fff;
}

.searchCustomerPage form {
    margin-top: 20px;
}

.inputReadonly {
    /* background: #aaa; */
    color: #A6A6A6;
}

.additionalButtonActions,
.editCustomerPage .customerActions,
.reverseReturnActions {
    list-style-type: none;
    padding: 0;
}

.additionalButtonActions li,
.editCustomerPage .customerActions li,
.reverseReturnActions li {
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}

.ruPricelists .pricelist-menu {
    width: 200px;
    float: left;
}

.ruPricelists .pricelist-form {
    width: 500px;
    float: left;
}

.ruPricelists .pricelist-form .ajax-loader {
    margin: 0 auto;
}

.ruPricelists .pricelist-menu ul {
    list-style-type: none;
    padding: 0 0 0 5px;
}

.ruPricelists .pricelist-menu ul li {
    padding: 5px 0;
}

.ajax-loader {
    width: 50px;
    height: 50px;
    display: none;
}

.ruSfIncomingPage .history table.common {
    width: 500px;
    margin-bottom: 10px;
}

.ruSfIncomingPage .history input.btn {
    width: 150px;
    float: left;
    margin-right: 5px;
}

.ruSfIncomingPage .textareaTag {
    width: 300px;
    height: 120px;
}

.ruSfOutcomingPage .textareaTag {
    width: 300px;
    height: 120px;
}

.ruSfGenerateDispatchNote input.btn {
    width: 172px;
}

.ruSfCheckParcel ul.packInfo {
    padding: 5px;
    list-style-type: none;
}

.ruSfCheckParcel ul.packInfo li {
    padding: 5px 0;
}

.ruSfCheckParcel ul.packInfo li.packCode {
    font-size: 20px;
}

.ruSfCheckParcel ul.packInfo li.machineName {
    font-size: 25px;
}

.ruSfCheckParcel ul.packInfo li.size {
    font-size: 16px;
}

.ruSfCheckParcel ul.packInfo li.customerPhone {
    font-size: 16px;
}

.ruSfCheckParcel ul.packInfo li.status {
    font-size: 16px;
}

.ruSfDispNoteClearance .regenerateBtn {
    width: 150px;
}

.ruSfTransactionsReportPage.ReturnsReport table.common {
    width: 970px;
}

.pageCouriersList td.actions {
    width: 160px;
}
.courierDispatchNotesPage .listCode a {
    font-weight: bold;
    text-decoration: underline;
}

.pageBusinessesList #businesses {
    width: 300px;
    float: left;
    margin-right: 15px;
}
.pageBusinessesList #businessUsers {
    float: left;
    width: 150px;
}

.claimsListPage th.actions {
    width: 155px;
}

div.error, div.info, div.warning, p.info, p.error, p.warning {
    padding: 10px;
    background: #82a94e;
    margin: 5px 0;
    width: 450px;
    border-radius: 5px;
    font-weight: bold;
    color: #fff;
}
div.error.auto-width, div.info.auto-width, div.warning.auto-width, p.info.auto-width, p.error.auto-width, p.warning.auto-width {
    width: auto;
}
div.error, p.error {
    background-color: #c53d3a;
    border-color: #A66;
}
div.warning, p.warning {
    background-color: #ebb34f;
    border-color: #AA6;
}

div.error a, p.error a {
    color: #ff5;
}
div.warning a, p.warning a {
    color: #660;
}

ul.error_list li {
    padding: 5px;
    background-color: #c53d3a;
    color: #fff;
    max-width: 350px;
}


/** Style do wszelkiego rodzaju okienek
*/
.window {
    position: absolute !important;
    border: 1px solid #bbb;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 15px 0 #999;
}
.windowFixed {
    position: fixed !important;
}
.window-header, .window-content {
    overflow: hidden;
    position: relative;

}
.window-header {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    cursor: move;
    margin: 0 6px;
    padding: 10px 60px 10px 10px;
    border-bottom: 1px solid #666;
}
.window-header .close {
    position: absolute;
    right: 10px;
    top: 13px;
    color: #c01400;
    font-weight: bold;
}
.window-no-move .window-header {
    cursor: auto;
}

.window-caption {
    padding-right: 30px;
    float: left;
    font-size: 17px;
    font-weight: bold;
    color: #383838;
}
.window-content {
    padding: 15px;
}
.window-modal {
    background: #fff;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
.loaderWindow {
    position: absolute !important;
    text-align: center;
    border: 2px solid #bbb;
    border-radius: 5px;
    padding: 10px;
    background: #fff;
}
.loaderWindow-content {
    margin-top: 10px;
    color: #BBB;
    padding: 0 6px 3px 6px;
}
/* flash messages
*/
.window.info {
    border: none;
    background: transparent;
    padding-top: 5px;
    font-size: 16px;
    box-shadow: none;
}
.window .window-container {
    overflow: hidden;
}
.window .window-icon {
    height: 48px;
}
.window.flash-info .window-bottom, .window.flash-notice .window-bottom, .window.flash-error .window-bottom,
.window.flash-info .window-top, .window.flash-notice .window-top, .window.flash-error .window-top {
    height: 15px;
}
.window.flash-info .window-bottom {
    background: url(../images/flash/info-bottom.png);
}
.window.flash-notice .window-bottom {
    background: url(../images/flash/notice-bottom.png);
}
.window.flash-error .window-bottom {
    background: url(../images/flash/error-bottom.png);
}
.window.flash-info .window-top {
    background: url(../images/flash/info-top.png);
}
.window.flash-notice .window-top {
    background: url(../images/flash/notice-top.png);
}
.window.flash-error .window-top {
    background: url(../images/flash/error-top.png);
}
.window.flash-info .window-icon {
    background: url(../images/flash/info-icon.png) 19px 0 no-repeat;
}
.window.flash-notice .window-icon {
    background: url(../images/flash/notice-icon.png) 19px 0 no-repeat;
}
.window.flash-error .window-icon {
    background: url(../images/flash/error-icon.png) 19px 0 no-repeat;
}
.window.flash-info .window-container {
    background: url(../images/flash/info-bg.png) repeat-y;
}
.window.flash-notice .window-container {
    background: url(../images/flash/notice-bg.png) repeat-y;
}
.window.flash-error .window-container {
    background: url(../images/flash/error-bg.png) repeat-y;
}
.window.info .window-content {
    color: #fff;
    font-weight: bold;
    padding: 8px 35px 5px 80px;
    float: left;
    width: 450px;
}
.window.info .buttons {
    float: right;
    margin: 11px 25px 0 0;
}
.window.info .buttons input {
    padding: 3px 15px;
}

/** stronicowanie **/

div.pagination {
   text-align: center;
   margin-top: 20px;
}

.pagination a, .pagination span {
    padding: 4px 8px;
    border-radius: 4px;
    margin: 0 1px;
    line-height: 26px;
    height: 26px;
}

.pagination a {
    color: #5d5d5d;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.pagination a:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.pagination span {
    border: 1px solid #ffbb00;
}

.ohMyGodSoBig {
    font-size: 28px;
}

.manageTasksPage td.description textarea {
    width: 378px;
}
.manageTasksPage td.description, .manageTasksPage th.description {
    vertical-align: top;
}


.tasksPage .taskList {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tasksPage .taskList li div {
    width: 300px;
    float: left;
}
.tasksPage .taskList li a {
    float: right;
}
.tasksPage .taskList li {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: 1px;
    margin-bottom: 1px;
    min-height: 20px;
    line-height: 20px;
}
.tasksPage .taskList li:last-child {
    border: none;
}

.systemMessagePage p {
    background: #eee;
    padding: 20px;
    width: 600px;
}
.systemMessagePage h1 img {
    vertical-align: bottom;
}

.metroStationsEditPage form select {
    height: 250px;
}



.trError td {
    background: #f55 !important;
}
.trError a {
	color: #ffffff;
}

.f-left {
    float: left;
}
.f-right {
    float: right;
}
.autoHeight {
    height: auto;
}

table.tech-alarms {

}

table.tech-alarms th {
    background: #ddd;
    border: 1px solid #000;
    padding: 5px;
}

table.tech-alarms td {
    border: 1px solid #000;
    padding: 5px;
    text-align: center;
    width: 80px;
}

.pageTechAlarms .alarmWrap {
    position: relative;
}

.pageTechAlarms .alarmWrap .description {
    position: absolute;
    top: 10px;
    left: 50px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #000;
    width: 200px;
    background: #ddd;
    color: #000;
    z-index: 2;
    display: none;
}
table.common td.expirationDate {
	background: #E4E4E4;
}
table.layout td {
    vertical-align: top;
    padding: 5px 10px;
}

.toolbar {
    margin: 10px 0;
}

.selectAllNone a {
    margin: 0 4px;
}
.selectAllNone {
    margin: 5px 0;
}

input.inactive {
	background-color: silver;
}

textarea.inactive {
    background-color: silver;
}

#gmapWrapper {
	float: left;
	margin: 20px 0 0 60px;
}
#gmap {
	margin-top: 10px;
	border: 1px solid silver;
}

/* search live results */
.searchLiveResults,
.searchLiveResults li {
      list-style: none;
      text-align: right
}
.searchLiveResults li {
    padding: 5px;
    background: #FAFAFA;
    border-top: 1px solid #cacaca;
}
.searchLiveResults li:nth-child(odd) {
    background: #e3e3e3;
}
.searchLiveResults li:first-child {
    border-top: 0;
}

.searchLiveResults {
    padding: 0px;
    margin: 0px;
}
.searchLiveResults h2 {
    margin: 2px;
    font-size: 13px;
    text-align: left;
}
.searchLiveResults p {
    margin: 2px;
    text-align: left;
}
.searchLiveResults button {
    cursor: pointer;
}
.selection {
    background: #69C;
    color: #ffffff;
}
.embedFormLabel {
    margin-top: 15px;
    margin-bottom: 10px;
    font-style: italic;
    font-size: 12px;
}

#confirmPaymentForm ul.radio_list li {
    display: block;
}

.twoColumns {
    width: 50%;
    float: left ;
    min-width: 400px;
}
.columnsWrapper {
    min-width: 1000px;
}

ul.leaf {
    display: none;
    border-left: 1px solid #9e9e9e;
    list-style: none;
    padding: 5px;
    margin-left: 15px;
    width: 400px;
}

ul.leaf li {
    padding: 5px;
    margin-bottom: 10px;
}

ul.leaf p {
    margin: 0px;
    padding: 3px;
}

ul.leaf p span {
    font-weight: bold;
}

ul.leaf div.actions {
    float: right;
}

ul.leaf div.actions a {
    float: left;
    margin-left: 5px;
}



/** statuses */
.status-green {
    background: #090 !important;
    color: #fff !important;
}
.status-yellow {
    background: #FBCB09 !important;
    color: #fff !important;
}
.status-red {
    background: red !important;
    color: #fff !important;
}
.status-brown {
    background: #81571F !important;
    color: #fff !important;
}

/**
 * Multiselect
 */
.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left; width: auto !important; }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:2px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

button.ui-multiselect span { overflow: hidden; /*display: block;*/ }
button.ui-multiselect span.ui-icon { overflow: auto; }
.ui-multiselect-value { overflow: hidden; }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

.ui-multiselect-hasfilter ul { position:relative; top:2px }
.ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
.ui-multiselect-filter input { width:130px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }

.ui-multiselect-checkboxes li small {
    padding-left: 21px;
}
button.ui-multiselect span {
    color: #000;
    font-weight: normal;
}
button.ui-multiselect {
    background: #fff;
    border-color: #666;
    border-radius: 2px;
    height: 19px;
    padding-top: 2px;
    min-width: 172px;
    width: auto !important;
    padding-bottom: 1px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

.altcaptcha-refresh {
    margin-left: 10px;
    margin-bottom: 15px;
}

.altcaptcha {
    margin-top: 4px;
}

/* LAYOUTS */
.BMLayoutSide {
    /* display: inline-block; */
    display: contents;
}

.BMLayoutModule {
    margin: 0 1px 0 2px;
    /* float: left; */
    display: inline-block;
    vertical-align: top;
}

.BMLayoutModule .BMFridge {
    background-color: #D6F5FF;
}

.BMLayoutModule .BMFridgeM, .BMFridgeM {
    background-color: #AFEEEE;
}

.BMLayoutModule .BMFridgeL, .BMFridgeL {
    background-color: #E2A0DB;
}

.BMLayoutModule .BMFridgeN, .BMFridgeN {
    background-color: #FF8C29;
}

.BMLayoutColumn {
    width: 120px;
    float: left;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    margin-left: -1px;
}

.BMLayoutSlot {
    width: 120px;
    float: left;
}

.BMLayoutLockerTemperature {
    width: 119px;
    height: 77px;
    text-align: center;
    margin-top: 0px;
    font-weight: bold;
    float: left;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    padding-top: 30px;
    line-height: 15px;
}

.BMLayoutLockerStateOk {
    background-color: #009900;
    color: #000000;
}

.BMLayoutLockerStateWarning {
     background-color: #FFFF00;
     color: #000000;
}

.BMLayoutLockerStateCritical {
    background-color: #FF0000;
    color: #000000;
}

.BMLayoutLockerStateError {
    background-color: #FF0000;
    color: #000000;
}

.BMLayoutLockerStateEmpty {
    background-color: #EEE;
    color: #000000;
    height: 57px;
    padding-top: 50px;
}

.BMLayoutLockerStateSensorError {
    background-color: dimgrey;
}

.BMLayoutLocker {
    float: left;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}

.BMLayoutLocker div {
    text-align: center;
    margin-top: 2px;
    font-weight: bold;
}

.BMLayoutLocker:hover {
    cursor: pointer;
}

.BMLayoutLocker.sizeA {
    width: 119px;
    height: 26px;
}

.BMLayoutLocker.sizeB {
    width: 119px;
    height: 53px;
}

.BMLayoutLocker.sizeC {
    width: 119px;
    height: 107px;
}

.BMLayoutLocker.sizeD {
    width: 23px;
    height: 80px;
}

.BMLayoutLocker.sizeE {
    width: 39px;
    height: 242px;
}

.BMLayoutLocker.sizeF {
    width: 119px;
    height: 53px;
}

.BMLayoutLocker.sizeG {
    width: 119px;
    height: 107px;
}
.BMLayoutLocker.sizeH {
    width: 39px;
    height: 242px;
}
.BMLayoutLocker.sizeI {
    width: 79px;
    height: 242px;
}
.BMLayoutLocker.sizeJ {
    width: 119px;
    height: 242px;
}
.BMLayoutLocker.sizeL {
    width: 119px;
    height: 107px;
}
.BMLayoutLocker.sizeM {
    width: 119px;
    height: 107px;
}
.BMLayoutLocker.sizeN {
    width: 119px;
    height: 107px;
}
.BMLayoutLocker.sizeO {
    width: 119px;
    height: 80px;
}
.BMLayoutLocker.size0 {
    width: 119px;
    height: 485px;
}

.BMLayoutLocker .BMLayoutParcel {
    max-height: 17px;
    max-width: 17px;;
}
.BMLayoutLocker.sizeA .BMLayoutParcel,
.BMLayoutLocker.sizeB .BMLayoutParcel,
.BMLayoutLocker.sizeC .BMLayoutParcel,
.BMLayoutLocker.sizeH .BMLayoutParcel,
.BMLayoutLocker.sizeI .BMLayoutParcel,
.BMLayoutLocker.sizeJ .BMLayoutParcel,
.BMLayoutLocker.sizeL .BMLayoutParcel,
.BMLayoutLocker.sizeM .BMLayoutParcel,
.BMLayoutLocker.sizeN .BMLayoutParcel {
    margin: 2px;
}
.BMLayoutLocker.sizeD .BMLayoutParcel {
    margin: 1px 0px;
    width: 15px;
}
.BMLayoutLocker.sizeE .BMLayoutParcel,
.BMLayoutLocker.sizeF .BMLayoutParcel {
    margin: 2px;
}

.BMLayoutLocker.lockerCentral {
    background-color: #cccccc;
}
.BMLayoutLocker.lockerCentral:hover {
    cursor: default;
}

.BMLayoutLocker.lockerEmpty {
    background-color: #eee;
}

.BMLayoutLocker.lockerInUse {
    background-color: #009900;
    color: #fff;
}

.BMLayoutLocker.lockerWithExpired {
    background-color: #00bbff;
    color: #fff;
}

.BMLayoutLocker.lockerDamaged {
    background-color: #ff0000;
    color: #fff;
}

.BMLayoutLocker.lockerSoiled {
    background-color: #81571F;
    color: #fff;
}

.BMLayoutLocker.lockerDamagedAndSoiled {
    background-color: #fbcb09;
    color: #fff;
}

.BMLayoutLocker.lockerCustomerDelivering {
    background-color: #55f;
    color: #fff;
}

.BMLayoutLocker.lockerClaimed {
    background-color: #33B;
    color: #fff;
}

.BMLayoutLocker.lockerSensorError {
    background-color: dimgrey;
    color: #fff;
}

.BMLayoutLocker.outer {
    overflow: hidden;
    position: relative;
}
.BMLayoutLocker.outer {
    display: table;
    /*position: static;*/
    position: relative;
}
.BMLayoutLocker .middle {
    position: absolute;
    top: 50%;
}
.BMLayoutLocker .middle {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    position: static;
}
.BMLayoutLocker .inner {
    top: -50%;
    white-space: normal;
}
.BMLayoutColumnName {
    height: 30px;
    line-height: 30px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    background-color: #cccccc;
}
.BMLayoutNoScroll {
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
}
#BMLayout {
    width: 100%;
}
.BMLayoutDeflection, .BMLayoutModuleSeparator {
    width: 10px;
    display: inline-block;
    height: 516px;
    background-color: #ccc;
    border: 1px solid #000;
}
.BMLayoutModuleSeparator {
    margin: 0 5px;
}
img.imageLink {
   max-width: 30px;
   cursor: pointer;
}
img.imageLink:hover {
    opacity: 0.5;
}

ul.pageableSelect {
    list-style: none;
    padding: 0px;
}
ul.pageableSelect li {
    float: left;
    padding: 5px 15px;
    border: 1px solid #cccccc;
    margin: 3px;
    cursor: pointer;
}
ul.pageableSelect li:hover {
    background-color: #e3e3e3;
}
ul.pageableSelect li.added {
    background-color: #696969;
    border: 1px solid #333333;
    color: #ffffff;
    font-weight: bold;
}
input.pageableSelect {
    cursor: pointer;
}

.lockerAdditionalTools {
  position: absolute;
  top: 1px;
  right: 1px;
  cursor: pointer;
}

/** customer search - autocomplete widget **/
ul.customer-autocomplete-list {
    list-style: none;
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 12px 0 0;
    padding: 2px;
    z-index: 99;
}
ul.customer-autocomplete-list li.ui-menu-item {
    margin: 0;
    padding: 0;
    bottom-border: 1px solid #ccc;
}
ul.customer-autocomplete-list li.ui-menu-item a {
    display: block;
    padding: 2px 0.4em;
    line-height: 1.5;
}
ul.customer-autocomplete-list li.ui-menu-item a:hover {
    text-decoration: none;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

#ui-datepicker-div {
    /*z-index: 2 !important;*/
}

.loading {
    background-image: url(../images/ajax-loader-small.gif);
    background-repeat: no-repeat;
    background-position: 5px center;
}
#diagnosticOrdersList fieldset {
    border: 1px solid #9e9e9e;
    float: left;
    width: 332px;
}
#diagnosticOrdersList fieldset legend {
    font-weight: bold;
    font-size: 13px;
}
#diagnosticOrdersList td.details {
    min-width: 710px;
}
#diagnosticOrdersList td.details p {
    margin: 5px 0px;
}
#diagnosticOrdersList td.details p.firstOfType {
    margin-top: 15px;
}
#diagnosticOrdersList td.details p.error {
    width: 690px;
}
#diagnosticOrdersList td.details span {
    font-weight: bold;
    text-transform: uppercase;
}
#diagnosticOrdersList td.details span.fileSize,
#diagnosticOrdersList td.details span.url {
    text-transform: none;
}
#diagnosticOrdersList td.details span.dataRangeCaption {
    font-weight: normal;
    text-transform: none;
    float: left;
    width: 85px;
}
.progress-bar {
    position: relative;
}
.progress-bar .label {
    position: absolute;
    top: 4px;
    left: 4px;
    font-size: 10px
}

ul.itemsBox {
    max-width: 600px;
}
ul.itemsBox,
ul.itemsBox li {
    list-style: none;
    padding: 0;
}
ul.itemsBox li {
    float: left;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    border: 1px solid #e6e6e6;
    padding: 5px 30px 5px 10px;
    position: relative;
    margin: 2px;
}
ul.itemsBox li:hover {
    background-color: #FFE;
}
ul.itemsBox li a {
    position: absolute;
    right: 5px;
    top: 6px;
    font-size: 15px;
    color: #8b0000;
    cursor: pointer;
}
ul.itemsBox li a:hover {
    color: #ff0000;
}
div.modal-list hr {
    border: none;
    border-top: 1px solid #e6e6e6;
}
div.modal-list ul.items-list,
div.modal-list ul.items-list li {
    list-style: none;
    padding: 0px;
}
div.modal-list ul.items-list li {
    float: left;
}
div.items-list-courier.modal-list ul.items-list {
    padding-left: 20px;
}
div.items-list-courier.modal-list ul.items-list li {
    width: 185px;
    font-size: 13px;
    line-height: 30px;
    height: 30px;
}
div.modal-list span.actions a {
    cursor: pointer;
}
textarea.reason {
    margin: 0px 0px 10px 0px;
    width: 350px;
    height: 60px;
}
textarea.reason.error {
    background-color: #FCCCCC;
}

.color-agencja_pocztowa {
    color: #882200;
}
.color-color-paczkomat {
}
.color-pok {
    color: #065a02;
}

/* szop property configuration */
table.common td.highlight {
    background-color: #f9f2f4;
    color: #c7254e;
}
table.common td code {
    font-size: 13px;
    width: 100%;
    min-height: 20px;
    padding-top: 10px;
    display: block;
}
table.common td.conf-actions-wrapper {
    min-height: 30px;
    height: 30px;
    min-width: 350px;
    padding: 7px;
}
table.common td.conf-actions-wrapper div.value-wrapper {
    position: relative;
    display: block;
    padding-right: 195px;
    min-height: 30px;
}

table.common td.conf-actions-wrapper ul.error_list li {
    max-width: inherit;
    padding: 5px 5px 5px 5px;
    width: 100%;

    margin:0px;
    border: 1px solid #C53D3A;
}

table.common td.conf-actions-wrapper input[type=text] {
    border: 1px solid silver;
    height: 24px;
    width: 100%;
    padding: 2px 5px;
    font-size: 12px;
    /*margin-bottom: 2px;*/
}
table.common td.conf-actions-wrapper select {
    height: 30px;
}
table.common td.conf-actions-wrapper textarea {
    padding:5px;
    width: 100%;
}
.conf-actions,
.conf-actions-static {
    position: absolute;
    display: none;
    right: 0px;
    top: 0px;
    text-align: center;
}
.conf-actions-static {
    display: block;
}
.conf-actions button,
.conf-actions-static button {
    line-height: 30px;
    height: 30px;
    cursor: pointer;
    margin-left: 1px;
}
.conf-actions button i,
.conf-actions-static button i{
    font-size: 18px;
}
.overridden-value {
    font-weight:bold;
    margin-bottom: 0px;
}
.overridden-value span {
    font-weight:normal;
}
.ui-datepicker {
    z-index:1004 !important;
}
.in-button {
    float: left;
    margin-top: -2px;
    margin-left: -2px;
}

select#receipt_report_filter_receiptType {
    width: 300px;
}
.negative {
    color: #c53d3a;
}
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    color: #C67300;
    font-weight: inherit;
}
.ui-icon-triangle-2-n-s {
    background-position: -128px -18px;
}

.btn-service-price {
    float: left;
    padding: 5px 15px;
    margin-right: 5px;
    width: auto;
}
.form-global-error ul.error_list li {
    padding: 0px;
}

.BMLayoutLocker.lockerTemperatureOnly {
    background-color: #eeeeee;
    color: #eeeeee;
}
p.parcel-life-error {
    width: 50%;
    margin: 10px 0;
    padding: 5px;
    background: #B22222;
    color: #fff;
}
span.input-flash {
    color: grey;
    font-weight: bold;
    padding: 2px 5px;
}
table.dataTable thead th.no-sort::after { display: none!important; background-image: none!important; }
table.dataTable thead th.no-sort { background-image: none!important; cursor: default!important; }
table.dataTable thead th.sorting,
table.dataTable thead th.sorting_desc,
table.dataTable thead th.sorting_asc { text-decoration: underline }

.tab-content { clear: both; }
.tab-content .tab-pane { display: none; }
.tab-content .tab-pane.active { display: block; }
.nav.nav-tabs {
    float: left;
    border-bottom: 1px solid #ddd;
    min-width: 300px;
}
.nav.nav-tabs,
.nav.nav-tabs li {
    list-style: none;
    padding: 0px;
    display: block;
}
.nav.nav-tabs li {
    float: left;
    padding: 10px 20px;    
    font-size: 14px;
    margin-bottom: -1px;
}
.nav.nav-tabs li:first-child { margin-left: 10px; }
.nav.nav-tabs li.active {
    border: 1px solid #ddd;
    border-bottom: none;
    background-color: #fff;        
}
.nav.nav-tabs li.active a { color: #000; }

.margin2px {
    margin: 2px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
    padding-bottom: 5px;
    border-radius: 0px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 0px !important;
    line-height: 20px;
    color: #000;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px !important;
}

div.pudoText {
    font-weight: bold;
    color: red;
}
#emergencyTransferFilesForm table label, 
#emergencyTransferFilesGenerate table label {
    width: 150px;
    display: block;
}
.divTable {
    display: table;
}
.divTableRow {
    display: table-row;
}
.divTableCell {
    display: table-cell;
}
.padding3px {
    padding: 3px;
}
.paddingLR15px,
.btn.paddingLR15px {
    padding-left: 15px;
    padding-right: 15px;
}
.filters-form {
    margin-bottom: 30px;
}

tr.highlight td {
    background-color: #f9f2f4;
    font-weight: bold;
}
.nearestTable td img {
    vertical-align: bottom;
}
table td.appendOpen, 
table tr.appendOpenContent td {
	background-color: #FFE;
	border-bottom-color: #FCF8E3;
}
table tr.appendOpenContent.appendOpenContentLastRow td {
	border-bottom: 2px solid #9e9e9e;
}
table tr.appendOpenContent td {
	border-color:#FCF8E3;
}
table tr.appendOpenContent {
	animation: animateElement linear .3s;
	animation-iteration-count: 1;	
	width:100%;
}
@keyframes animateElement{
	0% {
	  opacity:0;
	  transform: translate(0px,0px);
	}
	100% {
	  opacity:1;
	  transform: translate(0px,1px);
	}
}
table.operatingHoursExtended td {
  vertical-align: top;
  padding: 10px;
}
table.operatingHours td {
  padding: 5px;
}
table.operatingHours p {
  margin: 0px;
  padding: 2px 0;
}

/* SEARCH POINT BY API POINTS --> */
.select2-result-point__name { 
    width: 50%;
    display: inline-block;
    font-weight: bold; 
}
.select2-result-point__status { 
    width: 50%;
    display: inline-block;
    text-align: right;
}
.select2-result-point__icon {
    display: inline-block;
    width: 20px;
}
.select2-result-point__icon img {
    width: 100%;
}
.select2-result-point__meta {
    display: inline-block;
    padding-top: 3px;
    margin-left: 5px;
    width: calc(100% - 25px);
    vertical-align: top;
}
/* <-- SEARCH POINT BY API POINTS; */

table.common td.token {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    max-width: 600px;
    font-family: Consolas,monospace;
    font-size: 0.8em;
}
#formShipXTokenWrapper {
    padding-top: 10px;
}

table th span.help {
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background-color:#ebb34f;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.align-center {
    text-align: center;
}
img.multiParcel {
    cursor: pointer;
    max-height: 20px;
}

.flex-container {
    display: flex;
    gap: 5px;
}
.flex-item_button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-align-center {
    display: flex;
    align-items: center;
}

.machine-lock-unlock-state img {
    margin-top: 5px;
}

#NPGMembersManageForm td > br {
    display: none;
}
#NPGMembersManageForm span.select2 {
    float: left;
}
#NPGMembersManageForm button#NPG_button_pickup_point {
    float: right;
}
.auto-width {
    width: auto;
}