.tobacco .container .tableContainer{
	overflow-x: auto;
}

.tobacco .container table.table, .tobacco .container .table td, .tobacco .container .table th{
	border: 1px solid #dee2e6;
	vertical-align: top;
}

.tobacco .container table.table{
	width: 100%;
	border-collapse: collapse;
	color: #212529;
}

.tobacco .container .table td, .tobacco .container .table th{
	padding: .75rem;
	font-size: 1rem;
    line-height: 1.5;
	overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
    max-width: 200px;
}

.tobacco .container .table td p, .tobacco .container .table th p{
	margin: 0;
}

.tobacco .container .table th{
	background: #fff;
}

.tobacco .container .table tr:nth-child(odd){background: #f2f2f2;}

.tobacco .container .table tr:hover {background: rgba(0,0,0,.075);}

.tobacco .container .table td .detail{
	display: flex;
    color: #fff;
    background: #e83e8c;
    border-color: #e83e8c;
    padding: .14em;
    border-radius: .25rem;
	cursor: pointer;
}

.tobacco .container .table td .qrcode{
	display: flex;
    color: #fff;
    background: #007bff;
    border-color: #007bff;
    padding: .14em;
    border-radius: .25rem;
    cursor: pointer;
	width: unset !important;
}

.tobacco .container .table td .view{
	display: flex;
    color: #fff;
    background: #17a2b8;
    border-color: #17a2b8;
    padding: .14em;
    border-radius: .25rem;
	cursor: pointer;
}

.tobacco .container .table td .edit{
	display: flex;
	color: #000;
    background: #ffc107;
    border-color: #ffc107;
    padding: .14em;
    border-radius: .25rem;
	cursor: pointer;
}

.tobacco .container .table td .delete{
	display: flex;
	color: #fff;
    background: #ff0000;
    border-color: #ff0000;
    padding: .14em;
    border-radius: .25rem;
	cursor: pointer;
}

.tobacco .container .table td .password{
	display: flex;
	color: #000;
    background: #ff6a6a;
    border-color: #ff6a6a;
    padding: .14em;
    border-radius: .25rem;
	cursor: pointer;
}

.tobacco .container .table td .role{
	display: flex;
	color: #000;
    background: #6ab3ff;
    border-color: #6ab3ff;
    padding: .14em;
    border-radius: .25rem;
	cursor: pointer;
}

.tobacco .container .table td .download{
	display: flex;
    color: #fff;
    background: #28a745;
    border-color: #28a745;
    padding: .14em;
    border-radius: .25rem;
	cursor: pointer;
}

.tobacco .container .table td .assign{
	display: flex;
	color: #fff;
    background: #dc3545;
    border-color: #dc3545;
    padding: .14em;
    border-radius: .25rem;
	cursor: pointer;
}

.tobacco .container table.table-sm, .tobacco .container .table-sm td, .tobacco .container .table-sm th{
	border: 1px solid #dee2e6;
	vertical-align: top;
}

.tobacco .container table.table-sm{
	width: 100%;
	border-collapse: collapse;
	color: #212529;
}

.tobacco .container .table-sm td, .tobacco .container .table-sm th{
	padding: .3rem;
	font-size: .875rem;
    line-height: 1.5;
}

.tobacco .container .table-sm th{
	background: #f2f2f2;
}

.tobacco .container .table-sm tr:nth-child(even){background: #f2f2f2;}

.tobacco .container .table-sm td .detail{
	display: flex;
	background: #e83e8c;
	color: #fff;
	border-color: #e83e8c;
	padding: .14em;
	border-radius: .25rem;
	cursor: pointer;
}
	
.tobacco .container .table-sm td .qrcode{
	display: flex;
    color: #fff;
    background: #007bff;
    border-color: #007bff;
    padding: .14em;
    border-radius: .25rem;
    cursor: pointer;
}

.tobacco .container .table-sm td .view{
	display: flex;
    background: #17a2b8;
    color: #fff;
    border-color: #17a2b8;
    padding: .14em;
    border-radius: .25rem;
	cursor: pointer;
}

.tobacco .container .table-sm td .edit{
	display: flex;
    background: #ffc107;
    color: #000;
    border-color: #ffc107;
    padding: .14em;
    border-radius: .25rem;
	cursor: pointer;
}

.tobacco .container .table-sm td .delete{
	display: flex;
    background: #ff0000;
    color: #000;
    border-color: #ff0000;
    padding: .14em;
    border-radius: .25rem;
	cursor: pointer;
}

.tobacco .container .table-sm td .password{
	display: flex;
    background: #ff6a6a;
    color: #000;
    border-color: #ff6a6a;
    padding: .14em;
    border-radius: .25rem;
	cursor: pointer;
}

.tobacco .container .table-sm td .role{
	display: flex;
    background: #6ab3ff;
    color: #000;
    border-color: #6ab3ff;
    padding: .14em;
    border-radius: .25rem;
	cursor: pointer;
}