.shopping-cart{
	position:relative;
	float:left;
	font-size:1.1rem;
}

.sc-section{
	float:left;
	width:100%;
}
.sc-category{
	float:left;
	width:10rem;
	line-height:2rem;
}
.sc-table tr:nth-child(even){
	background-color:var(--gray-300);
}
.sc-table th{
	text-align:center;
}
.sc-table th,
.sc-table td{
	padding:2px 5px 2px 5px;
}

.sc-table .w-2{width:2rem;}
.sc-table .w-6{width:6rem;}
.sc-table .w-8{width:8rem;}
.sc-table .w-10{width:10rem;}
.sc-table .w-12{width:12rem;}
.sc-table .w-14{width:14rem;}
.sc-table .w-16{width:16rem;}
.sc-table .w-20{width:20rem;}


.sc-item{
	float:left;
	width:100%;
	border-bottom:1px solid var(--gray-500);
	padding:0.25rem 0 0.25rem 0;
}

.sc-item.status-0,
.sc-item.status-1{
	background-color:var(--red);
}

.sc-item span{
	float:left;
}

.sc-item-details{
	width:460px;
	float:left;
}

.sc-item-remove{
  width:30px;
  color:var(--red);
  cursor:pointer;
}
.sc-item-index{
	width:30px;
}
.sc-item-name{
	width:300px;
}
.sc-item-quantity{
	width:40px;
}
.sc-item-unit{
	width:60px;
}
.sc-item-quantity input{
	width:100%;
}
.sc-item-description{
	width:100%;
}
.sc-item-supplier{
  width:16rem;
  margin-right: 0.25rem;
  padding-left: 0.25rem;
  border:1px solid transparent;
  border-radius:0.25rem;
  cursor:pointer;
}
.sc-item-supplier.selected-3{
	background-color:var(--orange);
}
.sc-item-supplier.selected-2{
	background-color:var(--blue);
}
.sc-item-supplier.selected-1{
	background-color:var(--green);
}
.sc-item-supplier.selected-1.selected-2{
 	background: linear-gradient(90deg, var(--green) 50%, var(--blue) 50%);
	background-color: linear-gradient(90deg, var(--green) 50%, var(--blue) 50%);
}
.sc-item-supplier.selected-1.selected-3{
 	background: linear-gradient(90deg, var(--green) 50%, var(--orange) 50%);
	background-color: linear-gradient(90deg, var(--green) 50%, var(--orange) 50%);
}
.sc-item-supplier.selected-2.selected-3{
 	background: linear-gradient(90deg, var(--blue) 50%, var(--orange) 50%);
	background-color: linear-gradient(90deg, var(--blue) 50%, var(--orange) 50%);
}
.sc-item-supplier.selected-1.selected-2.selected-3{
 	background: linear-gradient(to right, var(--green) 0, var(--green) 33%, var(--blue) 33%, var(--blue) 67%, var(--orange) 67%, var(--orange) 100%);
	background-color: linear-gradient(to right, var(--green) 0, var(--green) 33%, var(--blue) 33%, var(--blue) 67%, var(--orange) 67%, var(--orange) 100%);
}

.sc-item-supplier.min-price{
  border-color:var(--gray-400);
}

.sc-item-supplier span:first-child{
	width:11rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.sc-supplier{
	user-select:none;
	cursor:pointer;
}

.sc-container .disabled-1,
.sc-supplier.disabled-1,
.sc-supplier:nth-child(even).disabled-1,
.sc-item-supplier.disabled-1{
	color:#B00;
}

.sc-supplier.disabled-2,
.sc-supplier:nth-child(even).disabled-2,
.sc-item-supplier.disabled-2{
	color:var(--gray-400);
}

.sc-item.status-0 .sc-item-supplier{
  color:var(--white);
}

.sc-item.status-0 .disabled-1{
  color:var(--black);
}

.sc-item.status-0 .disabled-2{
  color:var(--gray-400);
}

.sc-loading,
.sc-disabler{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.sc-loading{
	background-color:var(--gray-200);
	opacity:0.3;
}


.sc-row .vbt-autcomplete-list[data-v-68730bc9]{
  width:700px !important;
  max-height:500px;
}
.sc-row .vbt-autcomplete-list[data-v-68730bc9] .list-group-item {
  padding:1px 1.25rem;
}

.sc-container,
.sc-row,
.sc-col{
  float:left;
  display:inline;
  padding:0;
}
.sc-container{
  margin:1rem 0 0 0;
  padding:0.25rem 0 0.25rem 0;
}
.sc-row{
  width:100%;
}

.sc-row.h{
  font-weight:bold;
}

.sc-row input[type="text"],
.sc-col input[type="text"]{
  height:2rem;
  line-height:2rem;
}

.sc-row.title{
  box-sizing:border-box;
  padding-left:0.2rem;
  margin-bottom:0.5rem;
  background-color: var(--gray-400);
  font-weight:bold;
}

.sc-row.vc{
  display:flex;
  align-items:center;
}

.sc-row.separated:nth-child(odd){
  background-color:var(--gray-200);
}

.sc-container .wr-1{float:left;width:1rem;}
.sc-container .wr-2{float:left;width:2rem;}
.sc-container .wr-3{float:left;width:3rem;}
.sc-container .wr-4{float:left;width:4rem;}
.sc-container .wr-6{float:left;width:6rem;}
.sc-container .wr-8{float:left;width:8rem;}
.sc-container .wr-9{float:left;width:9rem;}
.sc-container .wr-10{float:left;width:10rem;}
.sc-container .wr-12{float:left;width:12rem;}
.sc-container .wr-14{float:left;width:14rem;}
.sc-container .wr-16{float:left;width:16rem;}
.sc-container .wr-20{float:left;width:20rem;}
.sc-container .wr-22{float:left;width:22rem;}
.sc-container .wr-32{float:left;width:32rem;}

.sc-container.w-1{width:1%;}
.sc-container.w-2{width:2%;}
.sc-container.w-3{width:3%;}
.sc-container.w-4{width:4%;}
.sc-container.w-5{width:5%;}
.sc-container.w-6{width:5%;}
.sc-container.w-7{width:5%;}
.sc-container.w-8{width:5%;}
.sc-container.w-9{width:5%;}
.sc-container.w-10{width:10%;}
.sc-container.w-20{width:20%;}
.sc-container.w-30{width:30%;}
.sc-container.w-40{width:40%;}
.sc-container.w-50{width:50%;}
.sc-container.w-55{width:55%;}
.sc-container.w-60{width:60%;}
.sc-container.w-70{width:70%;}
.sc-container.w-80{width:80%;}
.sc-container.w-90{width:90%;}
.sc-container.w-100{width:100%;}

.sc-container .w-5{float:left;width:5%;}
.sc-container .w-10{float:left;width:10%;}
.sc-container .w-20{float:left;width:20%;}
.sc-container .w-30{float:left;width:30%;}
.sc-container .w-40{float:left;width:40%;}
.sc-container .w-50{float:left;width:50%;}
.sc-container .w-55{float:left;width:55%;}
.sc-container .w-60{float:left;width:60%;}
.sc-container .w-70{float:left;width:70%;}
.sc-container .w-80{float:left;width:80%;}
.sc-container .w-90{float:left;width:90%;}
.sc-container .w-100{float:left;width:100%;}

.sc-container .hr-2{height:2rem;}
.sc-container .hr-3{height:3rem;}
.sc-container .hr-4{height:4rem;}
.sc-container .hr-6{height:6rem;}
.sc-container .hr-8{height:8rem;}

.sc-container .ta-center{text-align:center;}
.sc-container .d-flex{display:flex;}
.sc-container .align-items-center{align-items:center;}

.sc-container .price{
  text-align: right;
  padding-right: 1rem;
}

.sc-container .input-group>.form-control{
  height: 2rem;
  line-height: 2rem;
}

div [api="db/sc_get_products"] input{
  border-color:var(--primary);
}
.sc-templates{
  float:left;
}
.sc-templates .sc-template{
    box-sizing: border-box;
    float: left;
    width: 4.5rem;
    padding:0 2px 0 2px;
    margin: 2px 4px 2px 0;
    border: 1px solid var(--gray-400);
    border-radius: 0.45rem;
    overflow: hidden;
    line-height: calc(2rem - 2px);
    font-size: 0.8rem;
    text-align:center;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor:pointer;
}

.sc-templates .sc-template:hover{
  background-color:var(--gray-200);
}