// Fonts
@import url("https://fonts.googleapis.com/css?family=Nunito");

// Variables
@import "variables";

// Font Awesome
$fa-font-path: "@fortawesome/fontawesome-free/webfonts";
@import "@fortawesome/fontawesome-free/scss/fontawesome";
@import "@fortawesome/fontawesome-free/scss/brands";
@import "@fortawesome/fontawesome-free/scss/solid";

// SweetAlert2
@import "sweetalert2/dist/sweetalert2.min.css";

// Bootstrap
@import "bootstrap/scss/bootstrap";

// AdminLTE
@import "admin-lte/dist/css/adminlte.min.css";

// DataTables
@import 'datatables.net-bs4/css/dataTables.bootstrap4.min.css';

.user-cart {
    .card {
        height: 400px;
    }
    .qty {
        width: 45px;
        float: left;
    }
}

.order-product {
    .item {
        float: left;
        border: 1px solid #ccc;
        border-radius: 3px;
        background: #fff;
        margin: 0 2px 4px 2px;
        img {
            width: 100px;
            height: 100px;
            max-width: 100%;
        }
        h5 {
            font-size: 13px;
            text-align: center;
        }
    }
}

.product-list {
    .product-img {
        max-width: 70px;
        max-height: 70px;
    }
}