magento2-docker/app/code/IpSupply/CustomBanner/view/adminhtml/web/css/index.css

.width-100 {
	display: inline-block;
	width: 100%;
}

.width-90 {
	display: inline-block;
	width: 90%;
}

.width-80 {
	display: inline-block;
	width: 80%;
}

.width-70 {
	display: inline-block;
	width: 70%;
}

.width-60 {
	display: inline-block;
	width: 60%;
}

.width-60 {
	display: inline-block;
	width: 60%;
}

.width-50 {
	display: inline-block;
	width: 50%;
}

.width-40 {
	display: inline-block;
	width: 40%;
}

.width-35 {
	display: inline-block;
	width: 35%;
}

.width-30 {
	display: inline-block;
	width: 30%;
}

.width-25 {
	display: inline-block;
	width: 25%;
}

.width-20 {
	display: inline-block;
	width: 20%;
}

.width-15 {
	display: inline-block;
	width: 15%;
}

.width-10 {
	display: inline-block;
	width: 10%;
}

.width-5 {
	display: inline-block;
	width: 5%;
}

.custombanner-body .div-button-add {
	background-color: #f8f8f8;
	padding: 10px;
}

.custombanner-body .button-add {
	background-color: #eb5202;
	float: right;
	padding: 15px;
	color: white;
	font-weight: bolder;
	font-size: 16px;
	text-decoration: none;
}

.custombanner-body .table-listing {
	width: 100%;
	border: 1px solid black;
}

.custombanner-body .table-listing .image-banner {
	display: inline-block;
	width: 100%;
	height: 60px;
}

.custombanner-body .table-listing td {
	padding: 5px;
}

.custombanner-body .table-listing a:hover{
	cursor: pointer;
}

.custombanner-body .table-header {
	background-color: #514943;
	color: white;
}

.custombanner-body .table-header th {
	padding: 10px 5px;
	text-align: left;
}

.custombanner-body .no-records-announce {
	padding: 10px;
	text-align: center; 
}

.custombanner-body .table-listing .btn-edit, .custombanner-body .table-listing .btn-delete {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 15px;
}

.custombanner-body .table-listing .btn-edit img, .custombanner-body .table-listing .btn-delete img {
	display: inline-block;
	width: 20px;
	height: 20px;
}