//@import '../../../assets/styles/mixins.scss';
@import './mixins/_responsive.scss';
.ant-list-pagination{
    text-align: center;
    margin-bottom: 40px;
    @include MQ(sm) {
        text-align: right;
    }
}
.mobile-card.ant-card{
    color: var(--primary-text-color);
    font-weight: 500;
    font-size: 14px;
    margin: 0 5px;
    padding: 1px;
    border: 1px solid var(--secondary-dark-background-color);
    //line-height: 16px;
    @include MQ(sm) {
        font-size: 16px;
        line-height: 16px;
    }
    .ant-card-grid{
        align-items: center;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        padding: 2px 5px!important;
        box-shadow: 1px 0 0 0 var(--secondary-light-background-color), 0 1px 0 0 var(--secondary-light-background-color), 1px 1px 0 0 var(--secondary-light-background-color), 1px 0 0 0 var(--secondary-light-background-color) inset, 0 1px 0 0 var(--secondary-light-background-color) inset;
        &:hover{
            position: relative;
            box-shadow: 1px 0 0 0 var(--secondary-light-background-color), 0 1px 0 0 var(--secondary-light-background-color), 1px 1px 0 0 var(--secondary-light-background-color), 1px 0 0 0 var(--secondary-light-background-color) inset, 0 1px 0 0 var(--secondary-light-background-color) inset;
        }

        h3{
            margin: 0;
        }
    }
    .ant-card-actions{
        background: var(--secondary-light-background-color);
        //box-shadow: 1px 0 0 0 var(--secondary-light-background-color), 0 1px 0 0 var(--secondary-light-background-color), 1px 1px 0 0 var(--secondary-light-background-color), 1px 0 0 0 var(--secondary-light-background-color) inset, 0 1px 0 0 var(--secondary-light-background-color) inset;
        > li > span a, > li > span i{
            width: auto; 
        }
        li{
            margin: 5px 0;
        }
        .ant-btn{
            border-radius: 5px;
        }
    }
    .card-title {
        display: flex;
        width: 100%;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        font-weight: var(--main-field-weight);
        color: var(--main-field-color);
        // height: 30px;
        // line-height: 30px;
        margin: 0px 0;
    }
    .card-subtitle {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
        font-size: 15px;
        color: var(--primary-text-color);
	}
	.card-description {
        display: block;
        text-align: center;
        font-size: 12px;
        color: var(--primary-text-color);
	}
	
	.pos-product-card {
        background-color: var(--secondary-background-color);
        color:  var(--secondary-text-color);
	}
}
.main-container-embedded{
    .ant-list-item{
        padding: 0 10px;
    }
}

.pos-category-card-open {
		border-left: 3px solid red !important;
	}