@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Hebrew:wght@100;200;300;400;500;600;700&display=swap');

body,.form-control,.card-title,.small-box p,.btn{
    font-size: 0.8rem !important;
}
.wrapper {
    min-height: auto;
}

.table-bordered td{
    border: 0px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
.table-bordered tr{

    border-bottom: 1px solid #dee2e6;
}
li.breadcrumb-item.active {
    display: flex;

}
#perpage {
    direction: ltr;
}
/* הגדרת פגינציה לכיוון RTL */
.pagination {
    direction: rtl;
}

.note-editor .note-toolbar, .note-popover .popover-content{
    text-align: right;
direction: ltr;
}
/* עיצוב הפריט הראשון בפגינציה */
.pagination .page-item:first-child .page-link {
    margin-right: 0; /* הסרת המרווח הימני */
    border-top-right-radius: 0.25rem; /* גבול עגול בצד ימין עליון */
    border-bottom-right-radius: 0.25rem; /* גבול עגול בצד ימין תחתון */
}

/* עיצוב הפריט האחרון בפגינציה */
.pagination .page-item:last-child .page-link {
    margin-left: 0; /* הסרת המרווח השמאלי */
    border-top-left-radius: 0.25rem; /* גבול עגול בצד שמאל עליון */
    border-bottom-left-radius: 0.25rem; /* גבול עגול בצד שמאל תחתון */
}

/* התאמת הגבולות בין פריטי הפגינציה */
.pagination .page-item + .page-item .page-link {
    margin-right: 0.25rem; /* הוספת מרווח בין הפריטים */
}

/* שינוי סגנון הכפתורים בפגינציה */

.pagination .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
    background-color: #fff;
    border-color: #dee2e6;
}

/* התאמת סגנון הכפתורים להיבטים RTL */

/* התאמת גודל וטיפוגרפיה */
.pagination .page-link {
    font-size: 0.9rem;
    padding: 0.5rem 0.75rem;
}

/* התאמת סגנון הכפתורים בפגינציה במצב Hover */
.pagination .page-link:hover {
    background-color: #e9ecef;
    border-color: #dee2e6;
}
/* סגנון למסכים בגודל לפטופ (min-width 992px) ומקסימום 1300px */
@media (min-width: 992px) and (max-width: 1300px) {
    .navbar-nav .nav-item .nav-link {
        display: flex;
        flex-direction: column; /* מיישר את האייקון מעל הטקסט */
        align-items: center; /* ממרכז את האייקון והטקסט */
        text-align: center; /* ממרכז את הטקסט */
    }

    .navbar-nav .nav-item .nav-link i {
        margin-bottom: 5px; /* רווח קטן בין האייקון לטקסט */
        font-size: 1.2em; /* גודל האייקון */
    }
    ul.navbar-nav.ml-auto{
        flex:2 !important
    }
}

.form-group.categoriesadd{
    display: block;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}

@media (max-width: 768px) {

    .sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link{
        width: 100%;
    }


    .breadcrumb {
 
             margin-bottom: 1rem;
             background: #e3e3e3;
                }
        a.nav-link p {
    
            font-size: 12px;
            text-align: center;
            margin: auto;
        }
        .nav-sidebar .nav-item>.nav-link {
            position: relative;
            text-align: center;
        }
       
 
    .mobile-cards{
        display: block !important;
    }
    .product-card{
        margin: 10px 0;
    }
    .produts-table{
    display: none;
    }


    
    .main-sidebar {
        width: 20%;
        position: absolute;
        z-index: 1050;
        transition: margin-right 0.3s ease;
    }
    .small-box h3 {
        font-size: 1.5rem;
    }
    
    .main-sidebar .nav-link {
        text-align: right;
    }
    .content{
        padding:0 .2rem;
            padding-right: 85px !important;
            overflow: hidden;
            }

            .sidebar-open .content{
                padding:0 .2rem;
                    padding-right: 5px !important;
                    }
                    .sidebar-open #sidebar-overlay{
                        display: none
                    }
                    .sidebar-open aside{
                        margin-right: -80px;
                    }

                    .sidebar-mini a.nav-link {
                        padding-right: 5px;
                    }
                    .navbar {
                        padding: 5px 45px 0px 5px;
                        width: 100%;
                        max-width: 100%;
                        overflow: hidden;
                    }

                    .sidebar-open .navbar {
                        padding: 5px 5px 0px 5px;
                    }
                    .navbar-expand .navbar-nav .nav-link {
                        padding-right: 0;
                        padding-left: 1em;
                    }
                    .navbar-light .navbar-nav .nav-link{
                        display: flex;
                        gap: 1px;
                        align-items: center;
                        padding: 0;
                        margin: 0;
                        text-align: center;
                        justify-content: center;
                    }
                    ul.navbar-nav.ml-auto {
                        justify-content: space-evenly !important;
                    }
              
                    .main-footer{
                        padding-right: 10px !important;;
                        direction: rtl ;
                        text-align: center;
                    }
                    .sidebar-collapse .main-footer{
                        margin: 0 auto;
                        direction: rtl ;
                        text-align: center;
                    }



                }
                .elevation-4 {
                    box-shadow: 0 14px 28px rgb(0 0 0 / 1%), 0 10px 10px rgba(0, 0, 0, .22) !important;
                }
#guideModal img.img-fluid.mb-3 {
    max-width: 200px;
}

.mobile-cards{
    display: none;
}
ul.nav.nav-pills.nav-sidebar.flex-column {
    overflow: hidden;
    right: 0;
    position: relative;
    padding-right: 0px;
}

.card {
    box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
    /* min-height: auto; */
    height: 100%;
}
/* new dashboard */
.content-wrapper {
    background: #e9f0f3;
}
.card-title {
    font-weight: 600;
    text-align: right;
    float: right;
}
.bg-secondary {
    background-color: #f2507c !important;
    color: #fff;
}


.login-card-body .input-group .input-group-text, .register-card-body .input-group .input-group-text{
    color: #1a2942;
}
.bg-primary:hover {
    color: #fff;
    background-color: #33b0e0;
    border-color: #33b0e0;
}   
.btn-primary {
    color: #fff;
    background-color: #3fc4c3;
    border-color: #3fc4c3;
}

.btn-primary:hover {
    color: #fff;
    background-color: #33b0e0;
    border-color: #33b0e0;
}
.bg-warning{
    background-color: #3bc0c3 !important;

}
.bg-success{
    background-color: #716cb0 !important;
}
.alert-danger, .alert-error, .bg-danger {
    background-color: #17a2b8!important;
    color: #fff;
}

.bg-info {
    background-color: #1a2a42 !important;
}

.alert-info, .bg-info {
    background-color: #f8f9fa !important;
    border: 0;
    border-radius: 0.25rem;
    box-shadow: 0 1px 3px rgba(27, 23, 30, 0.1);
    color: #000;
}

.small-box .icon {
    color: rgba(0, 0, 0, .15);
    z-index: 0;
    color: #fff;
    font-size: 22px;
    background-color: #fff3;
    text-align: center;
    border-radius: 0 3px 3px 0;
    position: absolute;
    min-width: 100px;
    right: 0;
    top: 0;
    bottom: 0;
}

.small-box .icon>i.fas{
    font-size: 50px;
    top: 40px;
    left: 20px;
}
.alert-success, .bg-success {
    background-color: #32b0e1 !important;
    border-color: #32b0e1;
    box-shadow: 0 1px 3px rgba(27, 23, 30, 0.1);
}

.alert-warning, .alert-warning>a, .bg-warning, .bg-warning>a {
    color: #fff !important;
}


.alert-info, .alert-info>a, .bg-info, .bg-info>a {
    color: #313539 !important;
}


.btn-warning {
    color: #fff;
    background-color: #3bc0c3;
    border-color: #3bc0c3;
}

.btn-warning:hover {
    color: #1f2d3d;
    background-color: #35a9ab;
    border-color: #35a9ab;
}

.btn-danger {
    color: #fff;
    background-color:#f2507c !important;
    border-color: #f2507c !important;
    color: #fff;
}
.btn-danger:hover {
    color: #fff;
    background-color:#cf4369 !important;
    border-color: #cf4369 !important;
    color: #fff;
}

a {
    color: #3fc4c3
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #3fc4c3;
    border-color: #3fc4c3;
}

.nav-sidebar>.nav-item {
    margin-bottom: 10px;
}

.nav-sidebar .nav-item>.nav-link {
    color: #a5b3c9;
}
[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus{
    color: #a5b3c9;
}
.nav-sidebar .nav-item>.nav-link.active {
    color: #fff;
    background-color: #3bc0c3;
}

[class*=sidebar-dark-] {
    background-color: #1a2a42;
}
.nav-pills .nav-link:not(.active):hover {
    color: #40c3c3 !important;
}
table.table.table-striped {
    margin: 10px 0 10px 0;
}


html {
    font-family: "IBM Plex Sans Hebrew", serif;
}
.alert{
    direction: rtl;
    text-align: right;
}
.badge-danger {
    background-color: #f3507c;
    color: #fff;
    padding: 5px;
    font-size: 0.75rem;
    border-radius: .25rem;
    position: relative;
}
.order-unviewed {
    background-color: #fff3cd; /* רקע צהבהב */
    font-weight: bold;
}



.small-box>.inner {
    padding: 10px;
    text-align: left;
}
[data-widget="pushmenu"]:after {
    content: '';
    padding-right: 5px;
}

ul.navbar-nav.ml-auto {
display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: flex-end;
    width: 100%;
    padding: 0px;
}
.navbar-expand .navbar-nav{
  flex:1
  }
.sidebar-mini{
    direction: rtl;
    text-align: right ;
}
.row {
    margin-bottom: 5px;
}

@media (min-width: 768px){

     .navbar{
        padding-right: 110px !important;;

    }
    .main-footer{
        padding-right: 280px !important;;
        direction: rtl ;

    }
    .sidebar-collapse .navbar{
        padding-right: 20px !important;;

    }
    .sidebar-collapse .content-wrapper{
        padding-right: 80px !important;;
        margin-left: 0 !important;
        margin-right: 0!important;
        padding-left: 0;
    }
    .content-wrapper{
        padding-right: 250px !important;;
        margin-left: 0 !important;
        margin-right: 0!important;
        padding-left: 10px;
    }
    .sidebar-mini.sidebar-collapse .content-wrapper{
        margin-left: 0 !important;
    }
}








/* breadcrumb */
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .3rem !important;
    color: #6c757d;
    content: "/";
    padding-left: .3rem !important;
}

.breadcrumb-item+.breadcrumb-item {
     padding-left: 0rem; 
}


        .color-picker {
            width: 40px;
            height: 40px;
            border: none;
            padding: 0;
            margin: 0;
            outline: none;
            cursor: pointer;
        }


.mr-auto, .mx-auto {
    margin-right: 0!important;
	margin-left:0
}
.toast.bg-success .close, .toast.bg-success .mailbox-attachment-close {
    float: left !important;
    margin-top: 2px !important;
    margin-bottom: -0 !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}





.product-image.full {
    max-width: 100% !important;;
    margin: 0 !important;
    padding: 0;
}
.product-list-item{
width:100%
}

.col-grid .product-list-item {
    display: flex;
    align-items: center;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
    transition: box-shadow 0.3s ease;
    justify-content: flex-start; /* Ensure items align to the start */
}



.product-details {
    flex: 1;
    text-align: right;
    /* padding-right: 15px; */
}


p.pricewall {
    padding: 0;
    margin: 0;
    padding-left: 15px;
}


.table {

    background-color: white;
    border: 1px solid #f4ebeb;
}


.itemsbox {
    width: 320px;
    background-color: white;
    border: 1px solid #f4ebeb;
    padding: 10px;
    display: flex;
    gap: 26px;
    border-radius: 0.5em;
}
div#itemsflex {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-control {

    min-height: 35px !important;
}

label.form-check-label {
    padding-right: 20px;
    padding-top: 2px;
}



/* frontend */
.option-values {
    display: flex;
}

.modal-header .close, .modal-header .mailbox-attachment-close{
margin: -1rem -00rem -1rem 0;
}

.addon-item{
    flex-direction: column;
}



.modal-content {
    border-radius: 0.5rem;
    max-width: 550px!important;
    margin: auto;
}

table{
padding-bottom:1em;
border-radius:0.5em
}
.container-fluid{
padding-bottom:1em
}

/* modal */


.addon-item label {
    margin-left: 10px;
    text-align: center;
}

.addon-item {
    flex-direction: column;

    align-items: flex-start;
}

.modal-footer{
    display: flex;
    justify-content: space-between;
 padding: 1em 0!important;  
}
 .descriptionwall {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* הגבלת מספר השורות */
    overflow: hidden;
    text-overflow: ellipsis; /* להוסיף "..." בסוף הטקסט החתוך */
}






.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #5E5E5E;
    
}
input.select2-search__field {
    text-align: right;
    /* direction: rtl; */
}


.input-group {

    flex-direction: row;
}


.info {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    color: #000;
}
.card-title {

    font-weight: 600;
}
.form-control::placeholder {
    color: rgb(197, 197, 197);
}

.nav-sidebar .nav-link>.right, .nav-sidebar .nav-link>p>.right {
    position: relative!important;
    left: 0!important;
    top: 0!important;
    right: auto !important;
}



.dragging {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#addproduct .input-group {
    flex-direction: row;
    text-align: right;
    direction: ltr;
}
input#product_image {

    direction: rtl;
}

#addproduct .input-group input, #addproduct .input-group textarea {
    text-align: right;
    direction: rtl;
}



ul.list-unstyled.pl-3.mt-2 {
    padding: 0;
}


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



.dropzone {
    border: 2px dashed #007bff;
    border-radius: 0.25rem;
    background: #f8f9fa;
    padding: 20px;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropzone .dz-message {
    color: #6c757d;
    text-align: center;
    font-size: 1.2em;
}

.dropzone .dz-message i {
    color: #007bff;
    font-size: 3em;
}


input#value_price {
    max-width: 85px;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 0px solid #dee2e6;
    border: 0;
  text-align:right;
}

.dashboard .table thead th {
    text-align:center;
}


.badge-success {
    background-color: #98d67e; /* ירוק */
    color: #fff;
    padding: 5px;
    font-size: 0.75rem;
    border-radius: .25rem;
    position: relative;
    min-width: 100px;
}

.badge-warning {
    background-color: #d6c07e; /* צהוב */
    color: #fff;
    padding: 5px;
    font-size: 0.75rem;
    border-radius: .25rem;
    position: relative;
    min-width: 100px;
}
.badge-cash{
    padding: 5px;
    font-size: 0.75rem;
    border-radius: .25rem;
    position: relative;
    min-width: 100px;
    background-color: #7ed6d6;
    color: #ffffff;
}
.badge-danger {
    background-color: #d67e7e; /* אדום */
    color: #fff;
    min-width: 100px;
}

.badge-purple{
    padding: 5px;
    font-size: 0.75rem;
    border-radius: .25rem;
    position: relative;
    min-width: 100px;
    background-color: #7ed6bb;
    color: #ffffff;
}

button.btn.btn-warning.btn-sm.print-order {
    background: #2a8789;
    border-color: #2a8789;
}

span#new-orders-badge {
    right: 10px !important;
    border-radius: 50%;
    width: fit-content!important;;
    min-width: auto;
    left: 0 !important;
}

.badge.badge-danger {
    min-width: 100%; /* Adjust based on your needs */
    padding: 3px 7px;
    font-size: 12px;
    border-radius: 10px;
    display: inline-block;
    white-space: nowrap;
    overflow: visible;
  }




  /* .content-wrapper, .main-footer, .main-header {
    transition: margin-left .3s ease-in-out;
    margin-left: 0!important;;
    z-index: 3000;
    margin-right: 255px !important;
} */