/* ------------- General Dashboard ------------- */
/* modify the card */
.card {
    box-shadow: none  !important;
}




/* ------------- Spaces ------------- */
.pd-8 {
    padding: 8px;
}
.pt-0 {
    padding-top: 0 !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}

.mr-15 {
    margin-right: 8px;
}

.mr-10 {
    margin-right: 10px ;
}
.ml-5{
    margin-left: 5px;
}
.mr-5{
    margin-right: 5px;
}

.widest {
    width: 100% !important;
}

.br-5{
    border-radius: 5px !important;
}


.righter-135{
    right: -135px;
}
.righter-240{
    right: -240px;
}

.per-5 {
    width: 5%;
}

.widest {
    width: 100%;
}

.no-border{
    border: 0 !important;
}
.br-7{
    border-radius: 7px !important;
}

/* ------------- Colors ------------- */
/* :root {
    --primary-rgb: 255 167 0 !important;
} */
.red {
    color : #f0603d
 }
 .black {
    color : #000
 }
 .white {
    color: white;
 }

  
 .bg-white {
    background-color : white !important;
 }
 .bg-green {
    background-color : #afe753 !important;
 }
 .bg-light {
    background-color: #f3f3f3 !important;
 }


    /* background: #ff9b4a !important; */


/* Fixing loader */
#global-loader img{
    width: 100px !important;
}


/* ------------- Categories ------------- */
/* category url */
.cat-slug{
    font-size: 16px;
    padding-left: 3px;
    font-family: sans-serif;
    font-weight: 600;
}

/* category levels spaces */
.cat-l2{
    margin-right: 25px;  
}
.cat-l3{
    margin-right: 50px;  
}


/* ------------- Products ------------- */

.product-frame {
    background: #ededed61;
    width: 150px;
    min-height: 100px;
    height: auto;
    border-radius: 5px;
}


/* ------------- Brands ------------- */
.active-brand {
    width: 50px;
    text-align: center !important;
    height: 50px;
    line-height: 50px;
    position: absolute;
    left: 0;
    top: 15px;
    color: black !important;
}

/* ------------- color picker ------------- */

.color-picker-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}

.label {
    margin: 10px 0;
    font-size: 16px;
    color: #333;
    text-align: center;
}

.color-picker-input {
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.color-picker-input::-webkit-color-swatch {
    border: 1px solid #000;
    border-radius: 4px;
}

.color-picker-input::-moz-color-swatch {
    border: 1px solid #000;
    border-radius: 4px;
}