.dashbox .dashbox__table-wrap .input-group input{
    border-radius: 18px;
    width: 80px;
    padding: 16px;
    height: 12px;
    width: 50px;
    text-align: center;
    background: unset;
    color: #fff;
    border: 1.5px solid #f7971D;
}

/* .dashbox .dashbox__table-wrap tbody .btn{

border-radius: 5px;
text-align: center;
padding: 0.25rem 0.8rem;
outline: 0;
margin-right: 0.2rem;

} */

/* .dashbox .dashbox__table-wrap tbody .btn i{
width: 20px;
} */

.dashbox__title h1 {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
color: #fff;
font-weight: 400;
font-size: 18px;
line-height: 100%;
margin-bottom: 0;
font-family: 'CustomFont', sans-serif;
font-weight: 400;
}

.btn-shop{
background: #f7971d;
border: 1px solid #f7971d;
padding: 2px 10px;
border-radius: 16px;
font-size: 12px;
opacity: 0.9;
}

.btn-clear{
background: #585858;
border: 1px solid #585858;
padding: 2px 10px;
border-radius: 16px;
font-size: 12px;
opacity: 0.9;
    margin-right: 5px;
}

.btn-shop:hover, 
.btn-clear:hover,
.btn-checkout:hover {
background: none;
color: #f7971d;
border: 1px solid #fff;
}

.total-side{
padding: 40px 20px;
}

.btn-checkout{
background: #00cd00;
border: 1px solid #00cd00;
padding: 8px 20px;
color: #fff;
border-radius: 16px;
font-size: 13px;
text-transform: uppercase;
}

@media (max-width: 768px) {
    .catalog--page{
        padding-top: 0 !important;
    }
}
@media (min-width: 768px){
.catalog--page {
padding-top: 10px;
}
}

.product-table-img{
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 6px;
    margin-bottom: 5px;
}

#button1{
    display:none !important;
}

.btn-delete{
display: inline-block;
background: #f7971d;
color: #FFF !important;
padding: 6px 10px;
text-align: center;
font-size: 14px;
border-radius: 5px;
}

.btn-delete:hover{
opacity: 0.8;
}



input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none !important;
margin: 0;
}

.number-input {
position: relative;
width: fit-content;
}

.spinners-arrows {
position: absolute;
right:15px;
top: 50%;
font: icon;
display: flex;
flex-direction: column;
width: fit-content;
margin: 1px;
transform: translateY(-50%);
}

.spinner-arrow {
font-size: 10px;
border: none;
color: #7e7e7e;
padding: 0 1px;
}







.quantity {
position: relative;
display: inline-block;
color: #7f7f7f;
}
.quantity input[type=number] {
transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 24px;
font-weight: 700;
box-shadow: none;
outline: none;
width: 42px;
height: 34px;
text-align: center;
float: right;
border: 1px solid #dcdcdc;
background-color: #fff;
color: #342f2f;
}
.quantity input[type=number]:focus {
border-color: #57b8f6 !important;
}
.quantity input[type=number]:hover {
border-color: #a5a5a5;
}
.quantity-button {
width: 39px;
height: 34px;
display: inline-block;
float: right;
position: relative;
cursor: pointer;
}
.quantity-button::before, .quantity-button::after {
position: absolute;
top: calc(50% - 1px);
left: calc(50% - 7px);
content: "";
width: 14px;
height: 2px;
background-color: currentColor;
display: block;
}
.quantity-remove::after {
display: none;
}
.quantity-add::after {
transform: rotate(90deg);
}

.main__table thead th{
    text-transform: uppercase;
}