/*payable*/
.w-one-payable {
    width: 25%;
}

.img-one-br {
    width: 20%;
    border: 1px solid;
    border-radius: 10px;
}
.aref-ruqaa-ink-regular {
  font-family: "Aref Ruqaa Ink", serif;
  font-weight: 400;
  font-style: normal;
}

.aref-ruqaa-ink-bold {
  font-family: "Aref Ruqaa Ink", serif;
  font-weight: 700;
  font-style: normal;
}
.img-one-bri {
    width: 20%;
    border: 1px solid;
    border-radius: 10px;
}

.w-one-bri {
    width: 10%
}

.img-two-bri {
    width: 40px;
    height: 40px;
}

.w-two-bri {
    width: 7rem;
}

.closebtn {
    margin-inline-start: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}

.img-one-bs {
    height: 100px;
    border: 1px solid;
    border-radius: 10px;
}


.style-one-pro {
    color: rgb(255, 1, 1);
    float: right;
    cursor: pointer;
}

.style-two-pro {
    width: 20%;
    border: 1px solid;
    border-radius: 10px;
}

.style-one-pu {
    color: rgb(255, 1, 1);
    float: right;
    cursor: pointer;
}

.img-one-pu {
    width: 30%;
    border: 1px solid;
    border-radius: 10px;
}

.img-one-plst {
    width: 40px;
    height: 40px;
    object-fit: contain;


}

.img-two-plst {
    width: 7rem;
}

.img-one-sto {
    width: 40px;
    height: 40px;
}

.img-two-sto {
    width: 7rem;
}


.img-one-su {
    width: 30%;
    border: 1px solid;
    border-radius: 10px;
}

.img-one-si {
    width: 30%;
    border: 1px solid;
    border-radius: 10px;
}


.color-one{
    background: #EC255A
}
.font-one{
    font-size: 15px;
}
.color-two{
    background: #292C6D
}
.color-three{
    background:#9A0680
}
.color-four{
    background: #082032
}
.color-five{
    background: #334756
}


#print-invoice table td,
#print-invoice table th {
    font-size: 12px !important;
}
#print-invoice .btn {
    font-size: 12px !important;
}
#print-invoice dt {
    font-weight: 400;
}
#print-invoice dt:not(.total),
#print-invoice dd:not(.total) {
    color: #000000;
    font-size: 12px;
}
#print-invoice dt.total,
#print-invoice dd.total {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
}
.fz-10 {
    font-size: 10px !important;
}
hr.line-dot{
    border-top: 1px dashed #000000;
}
.width-inone{
    width: 100%
}
.line-inone{
    text-transform: uppercase;
}
.width-inone {
    max-width: 95mm;
    margin: 0 auto;
    padding: 25px 18px;
}
.style-inone,
.style-intwo{
    font-size: 12px;
    font-weight: lighter;
    line-height: 1.2;
}
.font-inone{
    font-weight: lighter
}
.style-inthree {
    /* width:100px; */
    word-wrap:break-word;
    display:inline-block;
}
.font-inthree{
    font-size: 20px
}
.modal-content1{
    padding: 20px!important;
}


.img-one-ol{
    width: 7rem;
}
.font-one-ol{
    /* font-family: emoji; */
}


.style-one-cart{
    max-height: 300px; overflow-y: scroll;
}
.style-two-cart{
    width:40px;text-align: center;margin-top: 6px; margin-bottom: 6px
}
.style-three-cart{
    font-size: 15px; margin-inline-end:5px;
}
.font-one-cart{
    font-size: 30px;
}
.style-four-cart{
    font-size: 15px;margin-inline-end:5px;
}
.qty-width {
    width: 80px!important;
}
.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.choice-input {
    width: 7rem;
}

.addon-input {
    height: 7rem;
    width: 7rem;
}

.addon-quantity-input {
    height: 2rem;
    width: 7rem;
    z-index: 9;
    bottom: 1rem;
    visibility: hidden;
}

.check-label {
    background-color: #F3F3F3;
    color: #000000;
    border-width: 2px;
    border-color: #BABFC4;
    font-weight: bold;
}

.btn-check:checked + .check-label {
    background-color: #EF7822;
    color: #FFFFFF;
    border: none;
}

.h-one-qv {
    height: 9.5rem;
}

.style-one-qv {
    height: 100%;
    width: 200px;
    overflow: hidden;
    border-radius: 5%;
}

.font-one-qv {
    font-size: 12px !important;
}
.w-one-qv{
    width: 160px;
}
.style-two-qv{
    width:37%; height: 45px
}

.list-group-item li, a {
    color: #000000;
}

.list-group-item li, a:hover {
    color: rgb(35, 247, 7);
}

.c-one-sp{
    cursor: pointer;
}
.style-one-sp{
    background-color: rgb(250, 250, 250); margin:2px;
}
.style-two-sp{
    width: 40px;height:40px;
}
.w-one-sp{
    width: 100%;
}
.style-three-sp{
    font-size: 12px!important;color: #000000 !important;
}


.style-one-pro {
    color: rgb(255, 1, 1);
    float: right;
    cursor: pointer;
}

.style-two-pro {
    width: 20%;
    border: 1px solid;
    border-radius: 10px;
}

.style-one-pu {
    color: rgb(255, 1, 1);
    float: right;
    cursor: pointer;
}

.img-one-pu {
    width: 30%;
    border: 1px solid;
    border-radius: 10px;
}

.img-one-plst{
    width: 40px; height:40px;
}
.img-two-plst{
    width: 7rem;
}

.img-one-sto{
    width: 40px; height:40px;
}
.img-two-sto{
    width: 7rem;
}


.img-one-su{
    width: 30%;border: 1px solid; border-radius: 10px;
}

.img-one-si{
    width: 30%;border: 1px solid; border-radius: 10px;
}

@media screen and (max-width: 768px) {
    .hide-div-sl {
        visibility: hidden;
        display: none;
    }
}
.img-one-sl{
    width: 7rem;
}
.img-one-spl{
    width: 40px; height:40px;
}
.img-two-spl{
    width: 7rem;
}

.font-one-stl {
    font-size: 15px;
}

.style-one-stl {
    text-align: center;
    font-size: 40px;
}

.img-one-stl {
    width: 7rem;
}

.img-one-tranl{
    width: 7rem;
}

.img-one-tadd{
    width: 7rem;
}


.font-one-dash{
    font-size: 30px
}
.img-one-dash{
    width: 7rem;
}
.h-one-dash{
    height: 300px;
}


.img-one-un{
    width: 7rem;
}

.p-one-s1{
    font-size: 14px;
}
.bg--3 {
  background: rgba(248, 59, 59, 0.1) !important;
}

.bg--4 {
  background: rgba(245, 202, 153, .1) !important;
}

.bg--5 {
  background: rgb(49, 37, 144, .1) !important;
}

.bg--6 {
  background: rgba(0, 201, 219, .1) !important;
}
.no-data-img{
    width: 7rem;
}
.chartjs-custom {
  direction: ltr;
}

.apexcharts-yaxis {
  direction: ltr;
}


.img-one-ex{
    width: 7rem;
}

.img-one-in{
    width: 7rem;
}

.img-one-ol{
    width: 7rem;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #312590;
    content: ">";
}
.breadcrumb-icon {
    color: #312590;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}