/*
1. Add only global level css styles to this file
2. Do not override global styles unless it will not break other elements in all other pages
*/

/* Custom align the top left logo */
.page-header .navbar .page-logo {
    margin-right: 0;
    margin-left: 10px;
}

/* Change spinner color during blockUI */
.block-spinner-bar > div {
    margin: 0 2px;
    width: 15px;
    height: 15px;
    background: #32c5d2;
}

/* Change datatable pagination result font size */
.dataTables_info, .dataTables_length {
    font-size: 13px;
}

/* Badge color for channels */
.badge.channel-lashowroom {
    background-color: #36c6d3;
}

.badge.channel-mapis {
    background-color: #F1C40F;
}

.badge.channel-fashiongo {
    background-color: #286090;
}

.badge.channel-magento {
    background-color: #ed6b75;
}

.badge.channel-custom {
    background-color: #9ca8bb;
}

/* Badge color for connection status */
.badge.connection-status-disconnected {
    background-color: #bac3d0;
}

.badge.connection-status-connecting {
    background-color: #F1C40F;
}

.badge.connection-status-connected {
    background-color: #36c6d3;
}

.badge.connection-status-error {
    background-color: #ed6b75;
}

/* Badge color for order status */
.badge.order-status-new {
    background-color: #32C5D2;
}

.badge.order-status-backordered {
    background-color: #F3C200;
}

.badge.order-status-confirmed {
    background-color: #3FABA4;
}

.badge.order-status-canceled {
    background-color: #E08283;
}

.badge.order-status-shipped {
    background-color: #ACB5C3;
}

.badge.order-status-syncing {
    background-color: #ACB5C3;
}

/* Remove margin between buttons in input-group-btn */
.input-group-btn > .btn {
    margin-right: 0;
}

/* Make all rows' font size smaller including text inside buttons */
.table tr td {
    font-size: 13px;
}

/*
.btn-sm {
    font-size: 11px;
}
*/

/* all table's padding adjustment in every page */
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 6px;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 6px;
}

@media screen and (max-width: 1024px) {
    /* Disable click on Vendors under Purchase only for iPad */
    .not-active {
        pointer-events: none;
        cursor: default;
    }

    /* adjustment of font and padding in the table only for iPad */
    .btn-sm {
        font-size: 8px;
        padding: 5px 5px;
    }
}

/* Hide href on prints */
@media print {
    a[href]:after {
        content: none !important;
    }
}