@import "application-dashboard.css";
@import "application-menu.css";
@import "application-purchase-order.css";
@import "product_management.css";
@import "application-pim-product.css";

body {
    background-color: #FAFBFE;
}

@media(max-width: 1300px) {
    .only-xtra-wide {
        display: none;
    }
}

/**
    Custom css for the application
*/
.cursor-pointer{
    cursor: pointer;
}

/*
    Make the table body scrollable
 */
.table-sticky-head  {
    max-height: 400px;
    overflow: scroll;
}

.table-sticky-head thead tr:nth-child(1) th {
    position: sticky;
    top: 0;
    z-index: 10;
}

/**
    Menu
*/
div.navbar {
    background-color: white;
}

/**
    Badges
 */
.dashboard-badge {
    position: absolute;
    left: 40%;
    top: -20px;
    border-radius: 50%;
}

/**
    Purchase order
 */
table div.dropdown-menu-right a.dropdown-item i {
    margin-right: 8px;
}

/** Fancy theme stuff **/
section.container {
    background-color: #6c757d66;
}

table tr:first-child th {
    background-color: #eef2f7;
}

div.card {
    border-color: #dfd7ca63;
    box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
}


/** Data tables pretty things **/
div.dataTables_filter label {
    width: 100%;
}

/** Text transformers **/
.one-line {
    height: 1lh;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}