.font-10 {
    font-size: 10px !important;
}

.font-11 {
    font-size: 11px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-17 {
    font-size: 17px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-19 {
    font-size: 19px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-21 {
    font-size: 21px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-23 {
    font-size: 23px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-25 {
    font-size: 25px !important;
}

.font-26 {
    font-size: 26px !important;
}

.font-27 {
    font-size: 27px !important;
}

.font-28 {
    font-size: 28px !important;
}

.font-29 {
    font-size: 29px !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-31 {
    font-size: 31px !important;
}

.font-32 {
    font-size: 32px !important;
}

.font-33 {
    font-size: 33px !important;
}

.font-34 {
    font-size: 34px !important;
}

.font-35 {
    font-size: 35px !important;
}

.font-36 {
    font-size: 36px !important;
}

.font-37 {
    font-size: 37px !important;
}

.font-38 {
    font-size: 38px !important;
}

.font-39 {
    font-size: 39px !important;
}

.font-40 {
    font-size: 40px !important;
}

.font-41 {
    font-size: 41px !important;
}

.font-42 {
    font-size: 42px !important;
}

.font-43 {
    font-size: 43px !important;
}

.font-44 {
    font-size: 44px !important;
}

.font-45 {
    font-size: 45px !important;
}

.font-46 {
    font-size: 46px !important;
}

.font-47 {
    font-size: 47px !important;
}

.font-48 {
    font-size: 48px !important;
}

.font-49 {
    font-size: 49px !important;
}

.font-50 {
    font-size: 50px !important;
}

.font-51 {
    font-size: 51px !important;
}

.font-52 {
    font-size: 52px !important;
}

.font-53 {
    font-size: 53px !important;
}

.font-54 {
    font-size: 54px !important;
}

.font-55 {
    font-size: 55px !important;
}

.font-56 {
    font-size: 56px !important;
}

.font-57 {
    font-size: 57px !important;
}

.font-58 {
    font-size: 58px !important;
}

.font-59 {
    font-size: 59px !important;
}

.font-60 {
    font-size: 60px !important;
}

.font-61 {
    font-size: 61px !important;
}

.font-62 {
    font-size: 62px !important;
}
.text-left{
    text-align: left;
}




.spinner-border{
    width: 12px;
    height: 12px;
}

@media (min-width: 320px) and (max-width: 767px) {
    h1 {
      font-size: 24px;
    }

    h2 {
      font-size: 20px;
    }

    h3 {
      font-size: 18px;
    }

    h4 {
      font-size: 16px;
    }

    h5 {
      font-size: 14px;
    }

    h6 {
      font-size: 12px;
    }
    .text-lg{
        font-size: 0.9rem !important;
    }
    .list-group-item{
        padding-right:0px !important ;
        padding-left:0px !important ;
    }
    .fa-plus,.fa-equals{
        font-size: 10px !important;
    }
    .pills-danger{
        padding-left: 10px;
        padding-right: 10px;
        width: auto !important;
    }
    .container-fluid
    {
        padding-right:8px;
        padding-left:8px;
    }
    #collapsebagscountend .nav-tabs .nav-link{
        margin-top: 5px;
 width: 100% !important;
 box-shadow:none;


    }
  }

  #collapsebagscountend .nav-link.active{
    background-color: #f85a47 !important;
    border: #f85a47 !important;
    color: #fff !important;
}

.ellipsis{
    display: inline-block;
    width: 150px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.btn-primary, .btn-primary:active {
    color: #fff;
    background-color: #f85a47 !important;
}
.commercialstar{
color: gold;
    position: relative;
    top: 25px;
    z-index: 999;
    left: 5px;
}
.alert-light {
    background-image: linear-gradient(310deg,#f1f1f1,#ededed) !important;
    border:3px solid #fff  !important;
}
.custombade{
    border:3px solid #fff  !important;
}
.x05{
    margin-left: 5px;
    background-color: #fff;
    border-radius: 50%;
    padding: 4px;
    width: 19px;
    height: 19px;
}
.tabletrhover:hover{
background-color: rgba(255, 222, 222, 0.406);
cursor: pointer;

transition: 0.2s;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.accordion-button{
    border-radius: 2px;
    border: 1px solid rgb(223, 223, 223);
}
.accordion-button[aria-expanded="true"] {
    background-color: rgba(255, 222, 222, 0.406);
    /* Add your styles for the expanded state here */
}
.svgdownload{
    cursor: pointer;
    background: #000000;
    padding: 6px;
    position: absolute;
    color: #fff;
}
.navbar-vertical.navbar-expand-xs .navbar-collapse{
    overflow: auto !important;
    height: calc(100vh - 200px);
}