@import "variables";
.cp-suppliers-rating {
	.cpsr-form {
		display: flex;
		align-items: flex-end;
		margin-left: -8px;
		margin-right: -8px;
		.cpsr-form__col {
			padding-left: 8px;
			padding-right: 8px;
			&.width-150 {
				width: 150px;
				min-width: 150px;
			}
			&.width-280 {
				width: 280px;
				min-width: 280px;
			}
		}
	}
	.cpsr-table {
		.table {
			border-top: 1px solid #ddd;
			border-left: 1px solid #ddd;
			width: 100%;
			font-size: 12px;
			th {
				background: #eee;
				border-bottom: 1px solid #ddd;
				border-right: 1px solid #ddd;
				padding: 2px 4px;
			}
			td {
				border-bottom: 1px solid #ddd;
				border-right: 1px solid #ddd;
				padding: 2px 4px;
			}
			thead {
				tr:last-child td,
				tr:last-child th {
					border-bottom: 4px solid #ddd !important;
				}
			}
		}
		.bg-primary {background: #c3d5f5 !important; color: #0d0d0d;}
		.bg-success {background: #d4e7cf !important; color: #0d0d0d;}
		.bg-yellow {background: #fef0c8 !important; color: #0d0d0d;}
		.bg-warning {background: #fae1c8 !important; color: #0d0d0d;}
		.bg-danger {background: #f1c5c6 !important; color: #0d0d0d;}
		.bg-violet {background: #d4cce4 !important; color: #0d0d0d;}
	}
}