/*SonoTrix Generator [Please Dont edit here , Edit on custom.css]*/
html{
     /*  overflow: hidden;*/

}
body{
     overflow-y: scroll!important;
     /*text-transform: capitalize;*/
}
/* SCROLLBAR */
::-webkit-scrollbar {
      width: 8px!important;
}

/* Track */
::-webkit-scrollbar-track {
    background: rgb(141 141 141);
    border: 4px solid grey;
    background-clip: content-box;   /* THIS IS IMPORTANT */
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgb(25,25,25);
/*    border: 1px solid rgb(0,0,0);*/
}

.rtl{direction: rtl!important;}
.ltr{direction: ltr!important;}
.hide{display: none!important;}
.hider{display: none;}
.pointer{cursor: pointer;}

.menu-link-action-btn {
    margin: 10px 0 0 13px;
    display: none;
}

.menu-link-action-btn i.fa {
    font-size: 23px;
}
.menu-link:hover .menu-link-action-btn{
    display: inline-block;
}
.report_widgets {
    padding: 23px 6px 0px 37px;
}

.report_widgets p.text-primary {
    line-height: 35px;
    font-size: 14px;
}

.report_widgets p.text-primary i.fa {
    font-size: 18px;
}

.row.report_content {
    margin-top: -12px;
}

.report-list-image {
    background-color: white!important;
    border: 1px solid #f5f5f6;
    background-size: cover;
    background-position: top center;
    padding: 1px;
    background-repeat: no-repeat;
    width: 29px;
    height: 29px;
    display: inline-block;
    margin: 0 1px 0 1px;
    vertical-align: text-top;
}

.screen-loading {
    position: fixed;
    z-index: 999999999999999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(70, 70, 70, 0.24);
    padding-top: 16%;
}

.screen-loading .sk-spinner {
    background: white;
    border-radius: 6px;
    width: 158px;
    height: 67px;
    font-size: 5px;
    padding: 6px 0 8px 0;
}

.screen-loading .screen-loading {}
.user-index .user-block-item img{
  width: 200px
}
.rtl{direction: rtl;}

.notes-area {
    line-height: 32px;
}
.component-image .image-crop img{
    /*width: 450px;*/
}
.component-image{
    /*margin-bottom: 30px;*/
    direction: ltr!important;
}
.component-image *{
}
.component-image .image-preivew-container{}
.form-loading-start{
    pointer-events: none;
    opacity: 0.7;
}
.form-loading-start button[type=submit]{
    display: none;
}

.form-is-loading{
    pointer-events: none;
    position : relative;
    /*opacity: 0.5;*/
}
.form-is-loading:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
}
.custom-form-loading-1 .sk-spinner{
    position: absolute;
    top: 27%;
    left: 48%;
}
.form-is-loading button[type=submit]{}
.sk-spinner-wave div{
    margin-left: 3px;
    width: 3px;
}
.img-preview-sm {
    /*height: 200px;*/
    /*width: 200px;*/
}
.crop-image-real-preview{
    /*display: none!important;*/
}

.branches-list .branch-logo{
    float: left;
    width: 22px;
    margin: -5px 7px 0 0;
    border-radius: 4px;
}
.users-list .user-avatar{
    background-size: cover;
    border: 1px solid #f3f3f4;
    height: 145px;
    width: 145px;
    background-repeat: no-repeat;
}
.users-list .contact-box-footer{
    padding: 7px 0 0 0;
    margin: 0 0 -11px 0;
}
.user-dropdown{margin: -6px 0 -3px 0;}
.user-dropdown a:hover{background: initial!important;}
.user-dropdown img{
    width: 28px;
    border: 1px solid #f3f3f3;
    border-radius: 19px;
    padding: 1px;
}
.fetching-area .fetching-text
.fetching-area .fetching-text-done{
    display: inline-block;
    margin-top: 25px;
    direction: rtl;
    font-size: 13px;
}
.fetching-area .fetching-text-done{
    color: #33b394;
}
.fetching-area .data-fetched{
    display: block;
    color: #4db695;
    font-size: 37px;
    margin: -7px 0 10px 0;
    padding: 0 0 0 0;
}
.fetching-area .provider-logo{
    width: 100px;
    margin: 0px 0 -42px 0;
}
.fetching-area .provider-title{
    text-align: center;
    /* padding: 12px 0 0 0; */
}

.fetching-area .provider-title h5 {
    float: none!important;
    display: inline-block;
}
.fetching-area .progress{
    height: 13px;
    margin-top: 10px;
    direction: rtl;
}
.form-have-ibox-content .ibox-content{
    padding: 0;
}
.btn-delete{
    background: #f73535;
    color: #ffffff!important;
}
.table-btn{
    /*margin-top: -7px*/
}
.text-white{
    color: #ffffff!important;
}
.panel-btns{
    margin-right: -73px;
}
.item-option-row{
    display: inline-block;
    width: 45%;
    float: left;
    margin-bottom: 15px;
}
.item-option-row .img{
    float: left;
    margin-right: 15px;
}
.item-option-row .desc h3{

}
.item-option-row .small{}
.item-option-row .small dt{
    font-size: 15px;
    margin-bottom: 13px;
    margin-top: 13px;
}
.item-option-row .option-img{
    background-repeat: no-repeat;
    background-size: contain;
    height: 130px;
    width: 130px;
}
.item-option-row:hover .item-option-btns{
    display: block;
}
.modal-image-component h4{
    display: none;
}
.modal-image-component .img-preview-sm{

}
.top-navigation .navbar-brand{
    padding: 0;
    margin-right: 0px;
}
.top-navigation .navbar-brand img{
    width: 50px;
    height: 50px
}
.dt-image{
    cursor: zoom-in;
    width: 35px;
    margin: -3px 0px -15px 0px!important;
    height: 35px;
    border: 1px solid gainsboro;
    border-radius: 2px;
    background-size: cover;
    display: inline-block;
    background-repeat: no-repeat;
}
.option-img ,.item-image{
    cursor: zoom-in;
}
#popUpImagePreview{
    top: 45px!important;
    margin-top: -24px;
}
#popUpImagePreview .modal-body{
    height: 798px;
    width: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.items_groups_list{
    height: 770px;
}
.items_groups_list .arrow-btn{
    background: #33b394;
    text-align: center;
    border-radius: 3px;
    padding: 3px 0 3px 0;
    cursor: pointer;
}
.items_groups_list .arrow-btn i{
    color: #ffffff;
    font-size: 33px;
}
.items_groups_list .top-arrow{}
.items_groups_list .bottom-arrow{}
.items_groups_list .group-item{
    /*height: 200px;*/
    border: 1px solid #e7e7e7!important;
    text-align: center;
    padding-top: 32px;
    cursor: pointer;
    direction: rtl;
    border-radius: 7px;
    width: 99%!important;
}
/*.items_groups_list .group-item:hover{border: 1px solid #929292;}*/
.items_groups_list .group-selected{
    background-color: #b9ffee;
}
.items_groups_list .group-item h3{}
.items_groups_list .group-item .bg_img{
    background-size: cover;
    height: 93px;
    width: 93px;
    display: inline-block;
}
.items-list{}
.items-list .items_list_data{
    overflow-y: auto;
}
.items-list .items_list_data .item-li{
    display: inline-block;
    width: 177px;
    height: 126px;
    border: 1px solid #ededed;
    border-radius: 5px;
    margin: 3px 5px 7px 0;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.items-list .items_list_data .item-li:hover{
    border: 1px solid #de4663;
}
.items-list .items_list_data .item-li .bg_img{
    height: 100px;
    width: 100px;
    background-size: contain;
    display: inline-block;
    margin-bottom: -5px;
}
.items-list .items_list_data .item-li h3{
    font-size: 12px;
    font-weight: normal;
    direction: rtl;
}
.items-list .no_items_in_group{
    font-size: 17px;
}
.items-list .no_items_in_group i{
    display: block;
    font-size: 37px;
}
.items-list .items_list_data .item-li .item-details{
    position: absolute;
    bottom: -2px;
    left: 4px;
    font-size: 28px;
    color: #33b393;
    cursor: pointer;
    display: none;
    z-index: 999999;
}
.items-list .items_list_data .item-li:hover .item-details{
    display: inline-block;
}
.items-list .items_list_data .item-li .item-object{}
.cart-product-imitation{background-size: cover;}
#select_item_options_modal .item-modal-image{
    border: 1px solid #f8fafb;
    background-size: contain;
    border-radius: 4px;
    height: 77px;
    width: 77px;
    display: inline-block;
}
#select_item_options_modal .item-option-list{
    text-align: center;
}
#select_item_options_modal .item-option-list .item-option{
    display: inline-block;
    width: 200px;
    height: 151px;
    border: 1px solid #c5e4dd;
    margin: 0px 3px 5px 3px;
    border-radius: 3px;
    padding-top: 8px;
    text-align: center;
}

#select_item_options_modal .item-option-list .item-option span {
    direction: rtl;
}

#select_item_options_modal .item-option-list .item-option:hover {
    border-color: #fb4443;
    cursor: pointer;
}
#select_item_options_modal .item-option-list .item-option .title{
    display: block;
    font-size: 18px;
    color: #025741;
}
#select_item_options_modal .item-option-list .item-option .price{
    display: block;
    font-size: 18px;
    color: red;
    font-weight: bold;
}
#select_item_options_modal .item-option-list .item-option .image{
    background-repeat: no-repeat;
    height: 63px;
    width: 63px;
    background-size: contain;
    display: inline-block;
}
.cart-item{
    position: relative;
    height: 51px;
    padding: 1px 3px 0 0;
}
.cart-item:hover{background-color: #f6fffd;}
.cart-item .cart-item-btns{
    width: 14px!important;
    padding: 7px 0 0 0;
    position: relative;
}
.cart-item:hover .cart-item-btns *{display: inline-block;font-size: 23px;position: absolute;right: 3px;}
.invoice-items .cart-item .full_price{
    color: #1ab394 !important;
    direction: rtl;
}
.invoice-items .cart-item .full_price .currency_title{
         color: #757575;
}
.invoice-items .cart-item .qty_touchspin{
    text-align: center;
}
.invoice-items .cart-item .cart-item-title{
    font-weight: normal;
    font-size: 14px;
    color: #202121!important;
}
.invoice-items .cart-item .cart-product-imitation {
    height: 33px;
    width: 33px;
}
.invoice-items .cart-item .cart-qty {
    width: 139px!important;
}
.invoice-items .cart-item .cart-price {
    width: 101px!important;
}
.invoice-items .cart-item .desc {
    padding: 7px 0 0 0;
}
.invoice-items{
    background-color: #f7f7f7;
}
.cashier-screen .invoice-total{
    height: 200px;
    background-color: white;
    border-top: 1px solid #f6f6f6;
}
.cashier-screen .group-selector .slick-slider{
    margin-bottom: 0;
}
.cashier-screen .group-selector .ibox-title{
    padding: 13px 21px 0 21px;
    font-size: 15px;
}
.cashier-screen .group-selector .ibox-title .p-title{float: right;}
.cashier-screen .group-selector .see_all_items{
    float: left;
}
.cashier-screen .tabs-panel{}
.cashier-screen .tabs-panel ul.nav-tabs{
    direction: rtl;
    padding-right: 0;
}
.cashier-screen .tabs-panel ul.nav-tabs li{}
.cashier-screen .invoice-total{
    text-align: right;
    padding-top: 16px;
}
.cashier-screen .invoice-total ul{
    list-style-type: none;
    direction: rtl;
    padding-right: 63px;
}
.cashier-screen .invoice-total ul li{
    line-height: 29px;
    font-size: 17px;
}
.cashier-screen .invoice-total ul li span{
    font-weight: bold;
}
.cashier-screen .invoice-total ul li span.item-title{}
.cashier-screen .invoice-total ul li span.item-value{}
.ibox-tools a.keyboard_shortcut{color: #616161!important;}
.keyboard_shortcut-list ul{
    list-style-type: none;
    text-align: right;
    direction: rtl;
}
.keyboard_shortcut-list ul li{
    line-height: 42px;
    margin-right: 22px;
    font-size: 16px;
    font-weight: bold;
}
.keyboard_shortcut-list ul li span{
    margin-right: 29px;
}
.keyboard_shortcut-list ul li span.key{
    display: inline-block;
    width: 91px;
}
.keyboard_shortcut-list ul li span.icon{

}
.item-modal-details{text-align: right;float: right;}
.item-modal-barcode{
    height: 146px;
}
.item-modal-details  dt{direction: rtl;}
.item-modal-details  dd{}
.item-modal-details  dd span{}
.item-modal-options{
    border-top: 1px solid #e4e2e2;
    padding-top: 8px;
    text-align: right;
}
.item-modal-options .i-opt{
    display: inline-block;
    float: right;
    width: 200px;
    padding-top: 5px;
    height: 148px;
    border: 1px solid #e4e4e4;
    margin-left: 10px;
    text-align: center;
    border-radius: 8px;
}
.item-modal-options .i-opt span{ direction: rtl;}
.item-modal-options .i-opt .image{
    background-repeat: no-repeat;
    height: 63px;
    width: 63px;
    background-size: contain;
    display: inline-block;
}
.item-modal-options .i-opt .title{
    display: block;
    font-size: 18px;
    color: #025741;
}
.item-modal-options .i-opt .price{
    display: block;
    font-size: 18px;
    color: red;
    font-weight: bold;
}
.item-modal-options .i-opt .barcode{}
#checkout_modal .calc-btns button{
    text-align: center;
    width: 120px;
}
#checkout_modal .calc-btns button i{
    font-size: 25px;
}
#checkout_modal .total-payment i{

}
#checkout_modal .total-items{
    list-style-type: none;
    text-align: right;
}
#checkout_modal .total-items li{
    line-height: 46px;
    direction: rtl;
}
#checkout_modal .modal-dialog{
    min-width: 80%;
}
#checkout_modal .modal-title{
    direction: rtl;
}
#checkout_modal .modal-title .top-modal-total{color: #ed5564;}
#checkout_modal .total-items li.cannot_pay{
    margin: 25px 0 0 0;
    font-size: 18px;
    text-align: center;
}
#checkout_modal .total-items li.remaining_amount * {
    color: #ffffff!important;
}
#checkout_modal .total-items li .v-paid_amount-val{
    text-align: center;
}
#checkout_modal .total-items li .bootstrap-touchspin{
    width: 50%;
    float: left;
    text-align: center;
    line-height: 31px;
}
#checkout_modal .total-items li span{
    font-weight: bold;
    font-size: 15px;
    color: #1b1a1a;
}
#checkout_modal .total-items li span.t{
    margin-left: 21px;
}

#checkout_modal .total-items li.remaining_amount {
    background: #ed5564;
    margin: 24px 0 0 0;
    padding: 5px 10px 4px 6px;
    border-radius: 6px;
}
#checkout_modal .total-items li.invoice_total{

}
#checkout_modal .total-items li span.v{
    float: left;
    color: #33b394;
}
#checkout_modal .total-items li span.sub-title{
    color: #1ab394;
}
.branch-box a{    color: #4c4c4c;}
.branch-box a .team-members{margin: -4px 0 -10px 0;}
.branch-box a .team-members .extra-count{
    height: 43px;
    font-size: 22px;
    font-weight: bold;
    width: 43px;
    border-radius: 50%!important;
    margin: -30px 0 0 0;
}
.branch-box a .u-img{
    height: 43px;
    width: 43px;
    border-radius: 50%!important;
    border: 1px solid #f3f3f4;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.branch-show .logo{
    width: 73px;
    height: 73px;
    margin: -5px 0 0 0;
}
.branch-show .profile-info{
    margin-left: 84px;
}
.branch-show .profile-image{
    width: 85px!important;
}
.invoice_extra a .btns .fa-trash-o{
    color: red;
}
.invoice_extra a .btns .fa-pencil{
    color: blue;
}
.invoice_extra a .btns{
    float: right;
    margin: -4px 6px 0 0;
    font-size: 18px;
    display: none;
}
.invoice_extra li:hover .btns{
    display: inline-block!important;
}
.invoice_extra a i.warning{
    float: right;
    color: #ffaf5a;
    font-size: 16px;
    margin-left: 9px;
}
#current_branch{
    width: 300px;
}
#checkout_modal .total-items li.color-red .sub-title,
#checkout_modal .total-items li.color-red .v,
#checkout_modal .total-items li.color-red .edit-custom_value
{
    color: #ed5564!important;
}
#checkout_modal .total-items li .enable-extraitem{
    display: inline-block;
}
#checkout_modal .total-items li label {
    margin-bottom: initial;
    cursor: pointer;
}
#checkout_modal .total-items li.row-disable *, #checkout_modal .total-items li.row-disable .sub-title, #checkout_modal .total-items li.row-disable .v {
    color: #bbbbbb!important;
}
#checkout_modal .total-items li.row_allow_edit .bootstrap-touchspin{
    float: right;
}
#checkout_modal .total-items li.row_allow_edit .edit-custom_value{
    float: left;
}
#checkout_modal .total-items li.row-disable .bootstrap-touchspin{display: none;}
#checkout_modal .checkout-btns{
    text-align: center;
    display: inline-block;
    width: 100%;
}
#checkout_modal .checkout-btns .btn{display: inline-block;margin: 3px 7px 0 5px;width: 204px;height: 58px;font-size: 23px;}
#checkout_modal .checkout-btns .checkout-loading{
    margin-top: 15px;
    display: none;
}
.dataTables_length select{width: 86px!important;}
.color-white{color: #ffffff!important;}
#invoice_modal .invoice-id{color: #772439;}
#invoice_modal .invoice-etc-data{
    float: left;
    margin-top: -6px;
}

#invoice_modal .invoice-etc-data .invoice-type {
    color: white;
}
#invoice_modal .invoice-content{
    text-align: center;
}

#invoice_modal .return-invoices {
    border-top: 3px solid #145847;
    margin-top: 39px;
    width: 100%;
}

#invoice_modal .return-invoices h3 {
    font-size: 21px;
    color: #dc6666;
}

#invoice_modal .return-invoices ul {
    list-style-type: none;
    width: 100%;
}

#invoice_modal .return-invoices ul li {
    line-height: 36px;
    direction: rtl;
    text-align: right;
    border: 1px solid #dc6665;
    margin-bottom: 13px;
    padding: 0 8px 0 0;
    width: 100%;
    border-radius: 3px;
    cursor: pointer!important;
}

#invoice_modal .return-invoices ul span {
    margin-left: 85px;
}

#invoice_modal .provider-title {
    font-size: 21px;
}

#invoice_modal .logo {
    background-size: contain;
    display: inline-block;
    width: 100px;
    height: 100px;
}

#invoice_modal .invoice-extra {
    display: block;
    width: 100%;
    text-align: center;
    color: #145847;
    font-size: 16px;
    margin-top: 8px;
    border-top: 3px solid #145847;
}

#invoice_modal ._total {
    color: #722133;
    font-size: 21px;
    margin-bottom: 18px;
    /* border-bottom: 3px solid #145847; */
    padding-bottom: 6px;
}

#invoice_modal .invoice-provider-copright {
    display: block;
}

#invoice_modal .invoice-extra table {
    display: inline-block;
    direction: rtl;
}

#invoice_modal .invoice-items-list table {
    display: table;
    width: 100%;
    text-align: right;
    direction: rtl;
    line-height: 25px;
    border-top: 3px solid #145847;
}

#invoice_modal .invoice-data {
    display: inline-block;
    width: 72%;
    margin-top: 18px;
}

.invoice-content-admin .invoice-data {
    line-height: 30px;
    height: 124px;
    margin-top: -9px!important;
    direction: rtl;
}

.invoice-content-admin .invoice-extra {line-height: 24px;margin-bottom: -34px;}

#invoice_modal .invoice-data ul {
    list-style-type: none;
    width: 49%;
}

#invoice_modal .invoice-data ul.left {
    float: left;
}

.inmodal .modal-title{direction: rtl;}
#invoice_modal .invoice-data ul.right {
    float: right;
}
#invoice_modal .modal-btn{
    position: absolute;
    left: 19px;
    top: 36px;
}
#invoice_modal .invoice-qrcode svg {
    height: 80px;
}
.customer-data{
    text-align: right;
}
.customer-data #customer_mobile{
    direction: ltr;
    text-align: right;
}
.customer-info .data{
    font-weight: bold;
}
.customer-info .cst-addresses{display: block;}
.customer-info .cst-addresses{display: block;}
.customer-info .cst-mobiles{
    display: block;
}

.customer-info .cst-mobiles label ,
.customer-info .cst-addresses label
{
    display: block;
    cursor: pointer;
}
.customer-info .cst-addresses label {
    font-weight: normal;
    /* font-size: 13px; */
    /* line-height: 24px; */
    /* margin-bottom: 14px; */
    /* direction: rtl; */
    /* display: inline-block; */
    border: 1px solid #ed5564;
    width: 100%;
    border-radius: 6px;
    padding: 11px;
}

.customer-info .cst-addresses label:hover {
    background: #33b3940a;
}

.customer-info .cst-addresses label input {
    float: left;
    margin: 0;
}
.customer-info .cst-addresses label .address-data{display: block;direction: rtl;font-weight: bold;}
.customer-info .cst-addresses label .address-data span{
    font-weight: normal;
    color: #2a987d;
    line-height: 21px;
}
.mobile{direction: ltr;text-align: right;display: inline-block;}
.navbar-top-links .user_avatar{
    width: 36px;
}
.navbar-top-links .top-user-menu{
right: 40px;
    position: absolute;
}
/*.store-logo img{width: 53%;display: inline-block;border-radius: 6px;border: 1px solid #33b3943d;padding: 2px;}*/

#top_store_logo{
    height: 100%;
    width: 100%;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}

#top_store_logo:hover,#top_store_logo:focus{
        background-color: initial;
}
.store-logo {
    text-align: center;
    height: 58px!important;
    padding: 0 0 0px 0px;
    margin: 0px 0 -6px 0;
    background: #f3f3f4;
    z-index: 99999999999999999;
    border-left: 0px solid #2f4050;
}
.payment_method_block{


}
.payment_method_block a.pm-main-link{padding: 0!important;}
.payment_method_block .payment_method_bg{height: 160px;background-size: cover;background-repeat: no-repeat;background-position: center 40%;border-bottom: 1px solid #ebf5fd;}
.payment_method_block .payment_method_title{
    font-size: 21px;
    /* font-weight: normal; */
    margin: 15px 0 15px 0;
    color: #33b394;
}
.payment_method_block .payment_method_bg{opacity: 0.9;}
.payment_method_block:hover .payment_method_bg{opacity: 1;}
#payment_method_bank_deposit .payment_method_bg{
    background-size: contain;
}
.project-manager .tag-list li a.see-more{
    background-color: #33b394;
    color: #ffffff;
}
.item-show-img{text-align: center;cursor: zoom-in;}
.item-show-img img{
    display: inline-block;
    width: 106px;
    border: 1px solid #e4e4e4;
    padding: 2px;
}
.note-editor{
    /*z-index: 999999999999!important;*/
}
.navbar-static-side {
    z-index: 101;
}

.footer {position: fixed;}

.btn-whatsapp {
    color: #fff;
    background-color: #4ed366;
    border-color: rgba(0,0,0,0.2);
}

.btn-snapchat {
    background-color: #f5e141;
    color: #000;
    font-size: 17px;
}

.btn-dribbble {
    background-color: #e35285;
    color: #fff;
}

.btn-skype {
    background-color: #04aae9;
    color: #fff;
}
.top_btns{/* text-align: right; */}
.top_btns a{
    text-align: right;
    /*float: right;*/
    margin-left: 4px;
}
.dropdown-menu > li > a{
    text-align: right;
}
.add-specification-btn{

}
.sweet-alert p {
    color: #3a2d2a;
    font-size: 17px;
    text-align: center;
    font-weight: bold;
}
.sweet-alert h2 {
    font-size: 15px;
    font-weight: bold;
    color: #dd6a55;
}
#wrapper{
    /* background-color: #2f4050; */
}

.circle-color {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 16px;
}

.folder-list li.active a , .folder-list li:hover a {
    color: #00BCD4;
}
.dropdown-procedures{
    background: white!Important;
    padding: 9px 10px 7px 11px!important;
    font-weight: normal!Important;
    border: 1px solid #33b394!important;
    border-radius: 0px!important;
    color: #676a6b!important;
}

.dropdown-procedures div.text {
    margin: 0 -7px 0 0px!important;
}
.dropdown-procedures:after{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.dropdown-procedures .menu{
    left: initial!important;
    right: 0;
    text-align: right!important;
}
.dropdown-procedures .menu a{
    float: right;
    text-align: right!important;
    display: block!important;
    width: -webkit-fill-available;
}
.dropdown-divider{
    position: relative;
    height: 1px;
    width: 100%;
    margin-bottom: 0px;
}
.dropdown-delete-link{
    background: white!Important;
    color: #f44336a1!important;
}
.form-brand{margin-bottom: 18px;}
select.form-control:not([size]):not([multiple]) {
    padding: 1px 5px 0px 8px;
}

.semantic-live-search input {
    /* background-color: white!Important; */
    border-radius: 0px!important;
    background-color: #FFFFFF!important;
    background-image: none!important;
    border: 1px solid #e5e6e7!important;
    border-radius: 1px!important;
    color: inherit!important;
    display: block!important;
    padding: 8px 12px!important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s!important;
    width: 100%!important;
}

.semantic-live-search .fa {
    margin: 9px 0 8px -27px;
    color: #e2e3e3;
}

.semantic-live-search .input {width: 101%;}
#item_specification_modal{}
.table tr:hover{
    background-color: rgba(51, 179, 148, 0.02)!important;
}
.item-images{
    /* background: red; */
}
.item-images .item-image{
    display: inline-block;
    position: relative;
}

.item-images .item-image i {
    position: absolute;
    right: 5px;
    bottom: 7px;
    color: #F44336;
    display: none;
    font-size: 24px;
}
.item-images .item-image:hover i{
    display: inline-block;
}
.item-images .item-show-img{
    height: 100px;
    width: auto;
    display: inline-block;
    border: 1px solid #f3f3f4;
    margin: 0px 1px 2px 1px;
}
.modal-dialog {
    width: 800px;
}

/*#invoice_modal .modal-header {
    height: 54px;
    padding-top: 2px;
}

#invoice_modal .modal-header button.close {
    margin-top: 1px;
}*/
.toast-top-center{

    text-align: center;
}
.toast-top-center .toast-close-button{margin-top: -2px}
.toast-top-center .toast{    background-size: 16px;height: 36px;}
.toast-top-center .toast-message{margin-top: -6px;}


/*set mobile input flags*/
/*.iti__flag {background-image: url("/assets/plugins/intl-tel-input/img/flags.png");}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("/assets/plugins/intl-tel-input/img/flags@2x.png");}
}*/
.iti{width: 100%;}

.extra_mobile {
    display: inline-block;
    /* float: right; */
    text-align: center;
    background: #f2f2f2;
    border: 1px solid #e5e6e7;
    width: 70px;
    height: 32px;
    margin: 0 0 0 -31px;
    padding: 0;
}

.extra_mobile i {
    color: #2ec548;
    font-size: 30px;
}
.mobile-input{text-align: left;padding-left: 84px!important;}
.big_modal{
    margin-top: -76px!important;
}
.big_modal .img-preview-sm {
    height: 50px;
    width: 50px;
}
.big_modal{
    max-width: 81%!important;
    width: 100%!important;
}
.big_modal .modal-dialog {
    max-width: 100%!important;
    width: 100%!important;
}
.big_modal .modal-header {
    height: 66px;
    padding: 6px 19px 0 6px;
}
.big_modal .modal-icon {
    font-size: 21px;
}
.big_modal .modal-title{
    font-size: 19px;
    font-weight: normal;
}
.modal {
    /*top: 61px!important;*/
    /*margin-top: 3px;*/
}
.max_allow_icon{
font-size: 92px;
    color: #cc19191c;
    margin-bottom: 13px;
}
.delete-btn{
    color: #ff5722d4!important;
}
.license-keys{}
.license-keys .license-key{
    line-height: 27px;
}
.license-keys .license-key .key-title{}
.license-data li .value small{
    padding: 0px 5px 0 5px;
    font-size: 10px;
}
.license-data li span{}
.license-data li i.license-icon{
    font-size: 10px;
    width: 13px;
    color: #2f4050;
}
.wrapper-content-mr{
    margin-top: -37px;
}
.pos_list{}
.pos_list .pos-item{
    width: 30%;
    display: inline-block;
    margin: 0px 32px 0 21px;
}
.pos_list .pos-item .dropdown-procedures{}
.pick_live_search{
}
.pick_live_search .results{
    width: 100%!important;
}
.pick_live_search .results a{}
.pick_live_search .results a div.image{
    width: 25px!important;
    /* background-color: red!important; */
    float: left!important;
    height: 24px!important;
    margin: -6px 4px -1px 0;
}
.pick_live_search .results a div.image img{}
.pick_live_search .results a div.content{}
.pick-search-results{
    padding-top: 3px;
}
.pick-search-results li{
    /* line-height: 42px; */
    /* background: white; */
    /* margin-bottom: 3px; */
}
.pick-search-results li img{
    width: 27px;
    height: 27px;
    margin: 0px 2px 0 2px;
}
.pick-search-results li span{
    font-size: 13px;
}
.pick-search-results li i.remove-user{
    float: right;
    color: rgba(255, 87, 34, 0.68);
    font-size: 17px;
    margin-top: 6px;
    cursor: pointer;
    display: none;
}

.pick-search-results li:hover i.remove-user {
    display: inline-block;
}
.pos-users-index .more-users{
    background: rgba(62, 61, 33, 0.96);
    padding: 11px 11px 6px 8px;
    color: white;
    font-weight: bold;
    font-size: 12px;
}
.current_pos_user_img{
    width: 17px;
    height: 17px;
    margin: 1px 0 -2px 0;
}
.ui.dropdown .menu>.item:hover {
    width: 100%;
}
.ui.dropdown.datatable-dropdown{
    padding: 5px 9px 6px 3px!important;
    margin: -4px 9px 2px 4px!important;
    float: right!important;
}
.ui.dropdown.datatable-dropdown .menu{
    z-index: 999999999999999999;

}
.ui.dropdown.datatable-dropdown .menu a{
    width: 105px!important;
    font-size: 13px;
}
.ui.dropdown.datatable-dropdown .menu>.item:hover {
    width: -webkit-fill-available;
}
.financial-table tr:hover{background: initial!important;}
.financial-table td a{display: block;}
.financial-table td a:hover{background: #33b39414;}
.financial-table td a button{}
.financial-table td a button i{}
.financial-table td a span{}
.records-auto-box{}
.records-auto-box .desc-img{
    width: 98px;
    display: inline-block;
    margin-bottom: 17px;
}
.records-auto-box .desc-p{
    text-align: right;
    line-height: 30px;
}
.records-auto-box .ibox-content{
    text-align: center;
}
.financial-blocks{}
.financial-blocks .panel .panel-body a.img{
    display: block;
    text-align: center;
    margin: 6px 0 32px 0;
}
.financial-blocks .panel .panel-body a img{
    width: 121px;
    display: inline-block;
}
.financial-blocks .panel-heading a{
    color: #ffffff;
}
.nav > li > a{
    font-weight: normal;
    color: #b7b7b7;
}
.sonotrix-tabs-container .nav > li > a{
    color: #424242;
    /* background: #f3f3f4; */
    /* border: 1px solid #e6e6e6; */
}
.color-pick-preview i{
    width: 19px;
    display: inline-block;
    border: 1px solid #e8e8e8;
    height: 19px;
    margin: 0;
    border-radius: 17px;
}

.color-pick-preview {
    padding: 6px 7px 4px 8px;
}
.badge-circle{
    width: 11px;
    height: 11px;
    display: inline-block;
    border-radius: 50%;
}

table.dataTable i.badge-circle {
    margin: 4px 0 -1px 0;
}
.top-store-title{
    display: inline-block;
    margin: 26px 1px 0 -42px;
    font-size: 18px;
    font-weight: bold;
}
.clockpicker-popover .popover-title{
    height: 47px;
    padding-top: 8px;
}
.clockpicker-popover .popover-title span{display: inline-block;}
.clockpicker-popover .am-pm-btn{
    font-size: 15px;
}
.clockpicker-popover .am-or-pm-active{background-color: #33b394;color: white;border-color: #33b394!important;}
.clockpicker-popover .done-btn{
    height: 47px;
    font-size: 17px;
    display: none;
}
.select-inccrese-width select , .select-inccrese-width .select2-container,
.pick-pos select , .pick-pos .select2-container{
    width: 100%!important;
    display: inline-block!important;
}
.pick-pos .col-sm-10{
    display: inline-block;
    width: 82%;
}
.revenue_value .col-sm-8 , .revenue_value .col-sm-2{
    display: inline-block;
    width: 62%;
}
.compose-mail-btns{}
.compose-mail-btns a{}
#form_create_record .note-handle{
        padding-top: 3%;
}
.accounts_list li.active-account a span{
    background: #33b394;
    color: white;
}
.accounts_list li a span{
    display: inline-block;
    width: 92%;
    padding: 2px 0px 3px 5px;
}
.pos-users{
    padding: 0;
}
.pos-users li{list-style-type: none;line-height: 37px;}
.pos-users li a{
    display: block;
}
.pos-users li a img{
    width: 23px;
}
.pos-users li a span{
    color: #585858;
}
.dt_checkbox{
    padding: 0 0 0 0;
    text-align: center;
    margin: -2px -10px 0px 0;
    display: none;
}
.dt_checkbox label::before{
    width: 21px;
    height: 21px;
    border-radius: 0px;
}
.dt_checkbox:hover label::before{
    border-color: #33b394;
}
.dt_checkbox label::after{
    padding: 1px 0px 0px 4px;
    font-size: 15px;
}
.green_checkbox{
    padding: 0 0 0 0;
    /*text-align: center;*/
    /* margin: -2px -10px 0px 0; */
}

.r-module , .r-module ul {
    list-style-type: none;
}

.user-roles-module-roles {
    margin: 0 0 0 0;
}

.user_roles .panel-group .panel .panel-title a {
    display: block;
}

.user_roles .panel-group .panel .panel-title div.checkbox {
    margin: -24px 0 0 0;
    z-index: 9999999999;
}
.green_checkbox label::before{
    width: 21px;
    height: 21px;
    border-radius: 0px;
}

.text-disabled {
    color: #e4e4e4;
    cursor: not-allowed;
}

.r-module .green_checkbox input {}
.green_checkbox:hover label::before{
    border-color: #33b394;
}
.green_checkbox label::after{
    background-color: #33b394;
    color: #ffffff;
    /* padding: 1px 5px 0px 7px; */
    font-size: 15px;
    width: 21px;
    height: 21px;
}
.datatable-table tr.selected-row{background-color: rgb(41, 56, 70)!important;color: #fff;}
.datatable-table tr.selected-row .btn{color: initial;}
.file-list li a {
    display: block;
}
.import-counts{
    text-align: center;
    direction: rtl;
    margin-bottom: 9px;
}
.import-counts .r-text{
    margin: 0 4% 0 4%;
    display: inline-block;
    text-align: center;
    font-weight: bold;
}
.import-counts .r-text span{
    margin-right: 3px;
}
.import_row_messages{
    list-style-type: circle;
    padding: 0px 5px 0px 14px!important;
}
.import_row_messages li{
    font-size: 12px;
    line-height: 18px;
    color: #ed5564;
}
.data-imported{text-align: center;}
.data-imported .btn{
    display: inline-block;
    width: 16%;
}
.user-roles-modules{
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 14px;
}
.user-roles-modules .green_checkbox label::before,
.user-roles-modules .green_checkbox label::after{
    width: 17px;
    height: 17px;
    padding: 2px 0 0 3px;
    font-size: 11px;
}
.user-roles-modules li.r-module label{
    font-weight: bold;
}
.user-roles-modules ul.user-roles-module-roles{
    list-style-type: none;

}
.user-roles-modules ul.user-roles-module-roles li *{
    font-weight: normal!important;
}
.user-roles-modules .sub-module{
    margin: 0 0 0 42px;
}
.hr-line-dashed-sidebar{
    border-top: 1px solid #868686;
}
.module_row .sub-module-title{
    margin: -9px 0 0 0;
}
textarea{height: 120px;}
.like-alert{display: block;height: 64px;}
.stock_is_minus{
    margin-bottom: -12px;
}
.top-submit-area label.label-submit{
    margin: 0;
}
.pick-items-table-list{}
.pick-items-table-list tr{}
.pick-items-table-list tr td{}
.pick-items-table-list .pick-qty{
    width: 168px;
}
.pick-items-table-list .pick-qty-only{
    direction: rtl;
    text-align: center;
}
.pick-items-table-list .pick-qty-only .progress{
    margin: 0 0 4px 0;
}
.pick-items-table-list .issue-info .issue-info{
    width: 100px;
    background: red;
}
.pick-items-table-list .issue-info small{
    direction: rtl;
}
.remove-item{
    font-size: 25px;
    color: #ff5722a1;
}
.force-show{display: block!important;}
.stock_by_inventory_item .repo{
    padding-bottom: 25px;
}
.sales-widgets{
    /* margin: 0 0 0 0; */
}
.sales-widgets .sale-widget{
}
.sales-widgets .sale-widget .ibox-content h1{
    font-size: 22px;
}

.ibox-title h5 {
    margin: 2px -68px 1px 4px!important;
}

.sales-widgets .sale-widget .ibox-content {
    height: 58px;
    padding: 4px 23px 0 2px;
}

.sales-widgets .sale-widget .ibox-title {
    text-align: right;
    /* padding: 14px 17px 0 0; */
}


.sales-widgets .sale-widget .ibox-content .w-icon {
    font-size: 35px;
    float: left;
    margin: -22px 0 0 17px;
    opacity: 0.1;
    color: #33b394;
}
.sales-widgets .sale-widget .ibox-content small{
    font-size: 12px;
    color: #3dab90;
}
.invoice_query_admin .invoice_query_not_found{
    margin: 10px 0 0 0;
}
.invoice_query_admin .invoice_query_loading{
    margin-top: 10px;
}
.invoice-content-admin{

}
.select_table_rows_th{
    width: 21px!important;
    padding-top: 4px!important;
}
.checkbox-div{
    padding: 0px 20px 0 20px;
}
.bootstrap-tagsinput{
    width: 100%;
}

table.table-bordered.dataTable tbody td a{
    /* color: red!important; */
    width: 441px;
    display: inline-block;
    overflow: hidden;
    /* white-space: nowrap; */
    line-height: 36px;
    text-overflow: ellipsis;
}
.navbar-static-side ul li {
    line-height: 23px!important;
    /* height: 38px; */
}
.show-inputs-list dl{
    line-height: 25px;
}
.show-inputs-list dl dt{font-size: 12px;font-weight: normal;color: #1c1e1f;}
.show-inputs-list dl dd{
    font-size: 12px;
    word-break: break-word;;
}
.checkbox_icon_value i.fa{
    font-size: 17px;
}
.checkbox_icon_value i.fa-check{
    color: #33b394;
}
.checkbox_icon_value i.fa-times{
    color: #f35d52;
}
.tags-values{list-style-type: none;}
.tags-values li{
    display: inline-block;
    margin: 0 4px 0 4px;
}
.dt-bade-color{
    width: 1px;
    height: 7px;
}
.tab-value-content{
    line-height: 24px;
}
.td-image{
    width: 24px!important;
    text-align: center;
}
.sonotrix-sidebar{}
.sonotrix-sidebar .sub-module{
    line-height: 21px!important;
}
.sonotrix-sidebar .sub-module .nav-label{
    /* font-size: 11.4px; */
}

.navbar-static-top{
    height: 57px;
    margin: 0 0 0 0;
}
.gallery{}
.gallery .gallery-img{
    display: inline-block;
    height: 100px;
    width: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    border-radius: 5px;
    margin: 2px;
    cursor: zoom-in;
}
/*Increase Sidebar*/
/*.navbar-static-side {
    width: 239px;
}
body.rtls #page-wrapper {
    margin: 0px 239px 0 0;
}*/
.form-section{
    margin: 0 0 33px 0;
}
.form-section h2{
    color: #3e3e3e;
    border-bottom: 2px solid #d2d2d2;
    padding: 1px 4px 3px 0px;
    margin: 2px 0 27px 0;
    width: 100%;
    font-size: 14px;
}
.blockquote{
    font-size: 13px;
}
.append_main_input_title{
        margin:  -49px  14px 0 14px;
        float: left;
            /*width: 20%;*/
}
.append_main_input_title h2{
    margin:  5px 0px 2px 0;
}
.append_main_input_title span{
color: #a7a3a1;
    font-size: 10px;
}
.show-box{}
.show-box .ibox-content{
        border-top: 5px solid white;
/*     min-height: 1346px; */
}
.show-box.top-red-border .ibox-content{
    border-top-color: #e91e63;
}
.latest_version{
    position: absolute;
    left: 22px;
    top: -7px;
}
.dt-blockquote{display:  inline-block;}

table.datatable-table tbody tr{/* padding: 0px 0px 0px 0px!important; *//* height: 20px!important; *//* margin: 0px 0 0 0!important; */}
table.datatable-table tbody tr td{padding: 6px 8px 5px 6px!important;height: 32px!important;margin: 0px 0 0 0px!important;line-height: 20px;}
.ibox-tools .box-btn{
    margin-top:  -4px;
}
.index_custom_search{
     border: 1px dashed #d0d0e8;
    margin-bottom: 24px;
}
#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div{width:  500px;}
.dashboard-stat{}
.dashboard-stat li{
    margin: 0px 0 7px 0;
    line-height: 19px;
}
.dashboard-stat li span.title{
    font-size: 12px;
    width: 85px;
    display: inline-block;
}
.dashboard-stat li span.count{

}
.container-section{
    margin: 0 -10px 0 0;
    padding-top: 5px;
}
.container-section span{font-weight: 600;color: #5b5d5c!important;}
.report-box .ibox-title .title-action {
    text-align: left;
    display: inline-block;
    float: left;
    padding: 0;
    margin: -6px 0 0 0;
}
.report-box {}
.disabled-btn{
    color: #8e8e8e!important;
    cursor: not-allowed!important;
    border-color: #dadada!important;
    background-color: #dadada!important;
}
.disabled-btn i{}
.disabled-btn span{}
.col-form-label{font-size: 13px;}
.touchspin_input{
    letter-spacing: 2px;
}
.disabled-row{

}
.not-allowed-cursor{cursor: not-allowed;}
.postfix_btn{
    color: #ffffff;
    background: #2f4050;
}

table.table-bordered.dataTable th:nth-child(12), table.table-bordered.dataTable td:nth-child(12) {
    border-left-width: 1px!important;
}
ul.dt-button-collection{
    width: 260px;
    right: 281px;
}
ul.dt-button-collection li{
}
ul.dt-button-collection li a{}
.dt-active-btn{
    background: #33b394!Important;
    color: #ffffff!important;
}
div.dataTables_wrapper div.dataTables_processing{
    z-index:  9999;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    border: none;
}
.bold-label > label , .bold-label dt.dt-label{
    font-weight: bold;
}
.input-has-underline-hr{
     border-bottom: 1px solid #f3f3f4;
}
.slug-show-link{}
.slug-show-link i{}
.slug-show-link span{}
.add-extra-items-in-list{
    background: #33b394;
    height: 100%;
    width: 35px;
    border-radius: 3px;
    cursor: pointer;
}
.add-extra-items-in-list i{
    color: white;
    font-size: 17px;
    margin: 10px 11px 8px  19px;
}
.multi-checkbox-values li i{font-size: 13px!important;}
.clockpicker input{
    background: #f9f9fd;
    color: #2c90ed;
    /*font-weight: bold;*/
}
.tt_sm:first-child{

}
.tt_sm{
    font-size: 13px;
    line-height: 22px;
}
.delete-file-input{margin: 1px 8px 0 8px;}
.delete-file-input i{}
.reports-list{}
.reports-list li{}
.reports-list li a{}
.reports-list li a i{}
.reports-list li a span.report-link{}
.reports-list li a span.report-link .number{}
.reports-list li a span.report-link .title{}
.show_value dd img{
    width: -webkit-fill-available!important;
    height: -webkit-fill-available!important;
}
.show_value .blockquote , .show_value .checkbox_icon_value{
    display: inline-block;
}
.fullscreen .note-editing-area{
        background-color: white;
         z-index: 2000;
}
.fullscreen .note-modal ,.fullscreen  .note-dropdown-menu ,.fullscreen .note-image-popover{
    z-index: 3000;
}

@media (min-width: 992px){
    .modal-big {
        width: 1200px;
        max-width: 1200px;
    }
}
.img-preview-border{
    border: 1px solid #999999;
}
.col-sm-0{
    display: none;
}
.img-no-cropper-preview{
    height: auto;
    width: 133px;
}
.left-tabs-container .tabs-container .tabs-left{}
.left-tabs-container .tabs-container .tabs-left .nav-tabs{/* width: 9%; */margin-right: -10px;}
.left-tabs-container .tabs-container .tabs-left .nav-tabs li{
    display: block;
    width: 100%;
}
.left-tabs-container .tabs-container .tabs-left .nav-tabs li a{}
.left-tabs-container .tabs-container .tabs-left .tab-content{
    /* margin-left: -14%; */
    /* width: 115%; */
}
.ibox-tools .show-translation-btn{
    margin-right: 2px;
    margin-left: 2px;
}
.ibox-tools .show-translation-btn i {
    float: left;
    margin-top: 4px;
    font-size: 11px;
}

.translations-area .sk-loading-place{

}
.translations-area .sk-spinner{
    position: fixed;
    top: 80px;
    left: 47%;
    right: 47%;
}

#form_translations .form_msg .alert {
    padding: 6px 11px 5px 8px;
}
#form_translations .form_msg {
    position: absolute;
    top: -8px;
    left: 41%;
    right: 45%;
    width: 303px;
    text-align: center;
}

.footer-copyright-bar{
    z-index: 999;
}


.dashboard-btn{
    width: 100%;
    font-size: 20px;
    line-height: 42px;
    font-weight: normal;
    padding: 23px 0 0 27px!important;
    margin: 2px 0 0 0;
    text-align: left;
}
.toast-error{
    width: 46%!importantw;
    text-align: center;
}
.toast-notify-admin-right{

}
.side-bar-logo-icon a{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
}
.side-bar-logo-icon{
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}
body.mini-navbar .nav-header{
        background-color: #f3f3f4;
}
.table-filter-box .ibox-title{
    background: #2f4050;
    cursor: pointer;
    color: #fff;
    margin-top: -2px;
    font-weight: bold;
}
.filter-box{
    border:  1px solid #2f4050; 
}
.filter-box .ibox-content label.col-form-label{
    font-weight: bold;
    font-size: 14px!important;
}
.filter-box .ibox-content .box-row{
    margin: 5px 0 18px 0;
}
.d-block-radio .i-checks{
    display: block!important;
}
.mini-navbar .nav-header{display: none!important;}
.nav-header-mini-navbar{display:none!important;}
.mini-navbar .nav-header-mini-navbar{display: block!important;}
.mini-navbar li.dropdown:hover .nav-second-level span.nav-label{
    display: block;
}