/*! Custom CSS */

/* Generl Css*/

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

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

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

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

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

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

.text-grey-dim {
    color: #747474;
}

.display-flex {
    display: flex !important;
}

.align-items-center {
    align-items: center !important;
}

.strong-500 {
    font-weight: 500 !important;
}

.strong-600 {
    font-weight: 600 !important;
}

.strong-700 {
    font-weight: 700 !important;
}

.mt-0, .my-0 {
    margin-top: 0 !important;
}

.mr-0, .mx-0 {
    margin-right: 0 !important;
}

.mb-0, .my-0 {
    margin-bottom: 0 !important;
}

.ml-0, .mx-0 {
    margin-left: 0 !important;
}

.mt-1, .my-1 {
    margin-top: 0.375rem !important;
}

.mr-1, .mx-1 {
    margin-right: 0.375rem !important;
}

.mb-1, .my-1 {
    margin-bottom: 0.375rem !important;
}

.ml-1, .mx-1 {
    margin-left: 0.375rem !important;
}

.mt-2, .my-2 {
    margin-top: 0.75rem !important;
}

.mr-2, .mx-2 {
    margin-right: 0.75rem !important;
}

.mb-2, .my-2 {
    margin-bottom: 0.75rem !important;
}

.ml-2, .mx-2 {
    margin-left: 0.75rem !important;
}

.mt-3, .my-3 {
    margin-top: 1rem !important;
}

.mr-3, .mx-3 {
    margin-right: 1rem !important;
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}

.ml-3, .mx-3 {
    margin-left: 1rem !important;
}


.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important;
}

.mt-5, .my-5 {
    margin-top: 2.75rem !important;
}

.mr-5, .mx-5 {
    margin-right: 2.75rem !important;
}

.mb-5, .my-5 {
    margin-bottom: 2.75rem !important;
}

.border-none {
    border: none !important;
}

.border-8 {
    border-radius: 8px
}
.border-right {
    border-right: 1px solid #EFEFEF;
}
.no-shadow {
    box-shadow: none !important;
}
.select-locations {
    /*position: absolute;*/
    background: #FCFCFC;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    padding: 8px;
    font-size: 13px;
    color: #333;
    width: 100%;
}

/* Icons Svg Styles */
.add-expense path {
    stroke: #969696;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bg-theme-default {
    background-color: #F89B1C;
}

.bg-theme-primary {
    background-color: #3E92CE;
}

.btn-hover-theme:hover {
    background-color: #F89B1C;
    color: #fff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-hover-theme:hover svg path {
    fill: #fff;
}

.add-expense:hover path {
    stroke: #F89B1C;
}

.servicing:hover path {
    fill: #F89B1C;
}

.suspend-sales:hover path {
    stroke: #F89B1C;
}

.suspend-sales:hover circle {
    fill: #F89B1C;
}

.full-screen:hover path {
    stroke: #F89B1C;
}

.return_sale:hover path {
    stroke: #F89B1C;
}

.calculator:hover path {
    stroke: #F89B1C;
}

.cash_register:hover path {
    stroke: #F89B1C;
}

.register_close:hover path {
    stroke: #F89B1C;
}

.form-label-pos-screen {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.form-select-pos-screen {
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #FCFCFC;
    font-size: 13px;
    color: #333;
    height: 40px;
    width: 100%;
}

.add_new_customer {
    height: 40px;
    border-radius: 0px 8px 8px 0px !important;
}

.scan_product {
    height: 40px !important;
}

div.product_category_div span .selection span {
    border-radius: 8px;
    height: 40px;
}

div.product_brand_div span .selection span {
    border-radius: 8px;
    height: 40px;
}

.card-item .card {
    border: 1px solid #F6F6F6;
    border-radius: 8px;
    padding-top: 0px;
}

.card-item .product-box {
    padding: 0 5px;
    margin: 5px 0;
}

.card-item .card .product-img {
    background-color: #F6F6F6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
}

.pos_action_buttons {
    position: absolute;
    right: 5%;
    bottom: 20%;
    /*margin: 15px;*/
    width: 32.5%;
    /*bottom: 72px;*/
    /*position: fixed;*/
    /*right: 0;*/
    /*!*bottom: 50px;*!*/
    /*margin-right: 30px;*/
    /*margin-bottom: 30px;*/
    /*width: 30%;*/
}