@import "variables";
.cp-brands {
	.cp-brands__head {
		@media(min-width: 1200px){
			display: flex;
			align-items: flex-end;
		}
		.cp-brands__form {
			max-width: 575px;
			margin-bottom: 12px;
			@media(min-width: 1200px){
				min-width: 480px;
				margin-right: 20px;
			}
		}
		.cp-brands__info {
			background: #d5e6f6;
			flex-grow: 1;
			margin-bottom: 20px;
			padding: 8px 12px;
			@media(min-width: 1366px){
				display: flex;
				.info-list + .info-list {
					margin-left: 20px;
				}
			}
			.info-list {
				margin: 0;
				padding: 0;
				list-style: none;
				& > li {
					position: relative;
					padding-left: 24px;
					span {
						position: absolute; top: 0; left: 0;
						font-weight: bold;
					}
				}
			}
		}
	}
	.cp-brands__table {
		.table {
			tr {
				th {
					background: #e9e9e9;
					border: 0;
					padding: 4px;
					vertical-align: top;
					&:not(:first-child){
						border-left: 1px solid #d2d2d2;
					}
				}
				td {
					border: 0;
					border-bottom: 1px solid #e1e1e1;
					padding: 4px;
					&:not(:first-child){
						border-left: 1px solid #e1e1e1;
					}
				}
				.td_data,
				.td_form {
					width: 100px;
					.btn {
						&.btn-sm {
							padding: 5px;
						}
					}
				}
				&:not(.toggle){
					.td_form {
						display: none;
					}
				}
				&.toggle {
					.td_data {
						display: none;
					}
					.td_form {
						display: block;
					}
				}
			}
		}
		.bg-success-0 {}
		.bg-success-1 {background: #f2e5f5;}
		.bg-success-2 {background: #aef1ae;}
		.bg-success-3 {background: #8fe48f;}
		.bg-success-4 {background: #6fd66f;}
		.bg-success-5 {background: #4fc84f;}
		.bg-success-6 {background: #2db92d;}
	}
}