admin.dukany.io/resources/views/inc/dashboard_css.blade.php

@font-face {
font-family: "Expo-Arabic-Light";
src: url({!! env('APP_ASSETS').'fonts/Expo-Arabic-Light.ttf' !!});
src: url({!! env('APP_ASSETS').'fonts/Expo-Arabic-Light.ttf' !!}) format("ttf"),
url({!! env('APP_ASSETS').'fonts/Expo-Arabic-Light.ttf' !!}) format("ttf"),
}
@font-face {
font-family: "Expo-Arabic-Medium";
src: url({!! env('APP_ASSETS').'fonts/Expo-Arabic-Medium.ttf' !!});
src: url({!! env('APP_ASSETS').'fonts/Expo-Arabic-Medium.ttf' !!}) format("ttf"),
url({!! env('APP_ASSETS').'fonts/Expo-Arabic-Medium.ttf' !!}) format("ttf"),
}

.fixed .multinav{
    overflow: auto;
}

/* width */
.fixed .multinav::-webkit-scrollbar {
  width: 10px !important;
}

/* Track */
.fixed .multinav::-webkit-scrollbar-track {
  background: transparent !important;
}

/* Handle */
.fixed .multinav::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.2) !important;
}

/* Handle on hover */
.fixed .multinav::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.5) !important;
}

.lg-d-none{
display: none;
}
.visiblity-none{
visibility: hidden;
}
.page-top-title {
padding: 7px 10px;
}
.pr-0{
padding-right: 0 !important;
}
.ovrflow-x-auto{
overflow-x: auto;
}
.app.ovrflow-x-auto{
overflow-y: hidden;
}
.order-his-tbl .dataTables_wrapper{
padding-right: 0;
background: #fff;
padding-left: 0;
}


.table {
--bs-table-bg: #ffffff;
--bs-table-striped-bg:#fff5de;

}
table.dataTable {
clear: both;
margin-top: 6px !important;
margin-bottom: 6px !important;
max-width: none !important;
border-collapse: collapse !important;
font-family: 'Open Sans';
}
.table > tbody > tr > td {
border-bottom-width: 0;
padding: 1.5rem;
}
.content{
padding-top:0 !important;
}
.btn-default{
border-color: transparent;
}
.main-header .logo .logo-lg{ padding-left: 13px;}
label.error{
color:#FF0000;
}
.sidebar-active{
display: block !important;
width: 100% !important;
}
.theme-primary .btn-primary{
background-color: #ffab00;
border-color: #ffab00;
}

.theme-primary .badge-primary{
background-color: #ffab00;
border-color: #ffab00;
}



.sidebar-active .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{ display: block !important;}
.sidebar-menu > li .badge {
margin-left: 5px;
width: 20px;
height: 20px;
padding-left: 4px;
padding-top: 6px;
border-radius: 100%;
line-height: 9px;
text-align: center;
font-weight: 300;
margin-top: 3px;
display: none;
}
.main-header .navbar{
margin-left: 16.29rem;
}
.new-order {
background: rgb(110 195 82 / 50%) !important;
color: #000;
}
.alert{ display: none}
#loader{
background: #fff url({!! env('APP_ASSETS') !!}images/preloaders/preloader.svg) no-repeat center center;
left: 0px !important;
top: 0;
}

.theme-primary .btn-primary:hover, .theme-primary .btn-primary:active, .theme-primary .btn-primary:focus, .theme-primary .btn-primary.active{
background-color: #ffab00 !important;
border-color: #ffab00 !important;
}

.sidebar-menu > li,.sidebar-menu > li:hover { margin-bottom: 2px}

.theme-primary.light-skin .sidebar-menu > li.active > a {
color: #fff;
background-color: #FEC34D ;padding:0px 10px;

}
.theme-primary.light-skin .sidebar-menu > li:hover > a, .theme-primary.light-skin .sidebar-menu > li:active > a, .theme-primary.light-skin .sidebar-menu > li.active > a{
padding:0px 4px 0 4px;
transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
.sidebar-menu > li > a > i{
margin-right: -2px;
}

#dropdownMenu2 {
border-radius: 0px;
background: #ffd684;
text-align: left;
padding-left: 23px;
font-size: 14px;
font-weight: 600;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary.active{
background-color: #ffd684 !important;
border-color: #ffd684 !important;
}
.dropdown-item:hover, .dropdown-item:focus {

background-color: transparent;
}

#dropdownMenu2 i{
font-size:1.5714285714rem
}
.sidebar-collapse .sidebar-menu.tree{margin-top: 10px}
/* .theme-primary.light-skin .sidebar-menu > li.active > a > i{
background-color: #FFAD12 !important;
box-shadow: 0 4px 5px 0 #d4b483 !important;
}*/
.theme-primary.light-skin .sidebar-menu > li.active {
background-color: rgba(76, 149, 221, 0);
color: #000;
border-left: 0px solid #000;
}
.theme-primary.light-skin .sidebar-menu > li.active > a > i{
box-shadow: 0 4px 5px 0 rgb(0 0 0 / 50%);
}
.theme-primary.light-skin .sidebar-menu > li:hover > a > i, .theme-primary.light-skin .sidebar-menu > li:active > a > i, .theme-primary.light-skin .sidebar-menu > li.active > a > i{
background-color: rgba(0, 0, 0, 0);
margin-bottom: 5px;

}
ul.footer-drop{
transform: translate(269px, 2px) !important;
box-shadow: 3px 0 4px rgba(0, 0, 0, 0.06);
}

.notification-badge{
font-size: 75%;position: absolute;top: -2px !important;right: -13px;padding: 5px 10px;border-radius: 50%;background: red;color: white;
}
button .pull-right-container {
position: absolute;
right: calc(100% - 87%);
top: calc(100% - 54%);
margin-top: -7px;
}

@php


    $no_gap_pages = ['OrderListing','outlets-form','OutletEdit','outlets-address','outlets-delivery','outlets-pickup','outlets-delivery-area','outlets-new-delivery-area','outlets-digital-menu','marketing','payment-links'];

@endphp

@if(in_array(Route::currentRouteName(),$no_gap_pages))
    .content-wrapper {
    width: calc(100% - 270px);
    background-color: #fff !important;
    }
    .fixed .content-wrapper {
    margin-top: 0px;
    margin-left: 270px;
    margin-left: 270px;
    }
@else
    .content-wrapper {
    width: calc(100% - 280px);
    background-color: #fff !important;
    }
    .fixed .content-wrapper {
    margin-top: 0px;
    margin-left: 275px;
    }
@endif

html[dir="rtl"] header .logo-box {
margin-right: -25.76rem !important;
margin-left:unset !important;
float:right !important;
}

@media (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {

   html[dir="rtl"] header .logo-box {
        margin-right: 0rem !important;
    }


}

@media (min-width: 950px) and (max-width:  1020px){
.d-md-none{
display: block !important;
}
.push-btn{
display: none !important;
}
.fixed .content-wrapper{
margin-left: 223px !important;
}



.delivery-section {
width: 356px !important;
left:0 !important;
top: 0 !important;
}

.save-delivery-area{
width: 200px;
}

.content-wrapper {
width: calc(100% - 223px);
}

.nav-tabs .nav-link {
padding: 0.5rem 2.25rem!important;
font-size: 15px;
}



.main-sidebar,.fixed .multinav,.main-header div.logo-box{
width: 16.29rem;
}

.sidebar-menu.tree {
margin-top: 0px !important;
margin-left: 0px !important;
}

.sidebar-menu {
list-style: none;
margin: 0 0px;
padding: 10px 0px 50px 0px;
}

.light-skin .sidebar-menu > li > a > span {
background-color: transparent !important;
box-shadow: none !important;
margin-left: 11px;
-webkit-transform: none;
font-size: 14px;
}
.theme-primary.light-skin .sidebar-menu > li:hover > a > i, .theme-primary.light-skin .sidebar-menu > li:active > a > i, .theme-primary.light-skin .sidebar-menu > li.active > a > i{
margin-bottom: 0;
}
.sidebar-menu > li > a{
padding: 1px 5px;
}
.theme-primary.light-skin .sidebar-menu > li.active {
background-color: rgba(76, 149, 221, 0);
color: #000;
border-left: 0px solid #000;
}

.theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
display: inline-block !important;
background: transparent !important;
font-size: 14px;
}
.theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span{
background: transparent !important; font-size: 14px;
}
.sidebar-collapse .sidebar-menu > li > a {
padding: 1px 12px;
}

.main-sidebar .dropdown{
width: 228px;
}
.sidebar-mini.sidebar-collapse .dropdown button > span{ display: inline-block !important; }

.add-outlet{ width: 200px; }


}

@media (min-width: 1025px) {
.main-header .logo {
height: 61px;
}
.main-header .logo .logo-lg{
line-height: 56px;
}
}

@media (min-width: 800px) and (max-width:  949px){
.fixed .multinav{
width: 100%;
}
html[dir="rtl"] header .logo-box{
margin-right: -1.76rem !important;
}
.main-header .logo {
width: 100%;
float: none;
text-align: center;
}
.main-header > div {
width: auto !important;
float: none;
margin-left: 0 !important;
}
html[dir="rtl"] .main-header .logo {
text-align: left!important;
}
html[dir="rtl"] .main-header .navbar{
margin-left: 0rem;
min-height: 0px !important;
padding: 0 0 0 1.5rem !important;
}
.order-sections-list {
width: 100%;
}
html[dir="rtl"] .content-wrapper{
margin-right: 0 !important;
}

.main-header .navbar {
margin-left: 16.29rem;
width: auto;
float: none;
margin: 0;
z-index: 999;
}

}
@media (device-width: 854px) and (device-height: 534px) {
    html[dir="rtl"] .content-wrapper {
        margin-right: 271px !important;
    }
    html[dir="rtl"] header .logo-box{
        margin-right: -1.5rem !important;
    }
}
@media  only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {

.content-wrapper {
width: calc(100%) !important;
background-color: #fff !important;
}
.fixed .content-wrapper {
margin-top: 60px !important;
margin-left: 0px;
padding: 5px;
}

.add-outlet{
margin-top: 15px;
}



.sidebar-mini .sidebar-menu > li > a > span{


}
.light-skin .sidebar-menu > li > a > span{
background-color: transparent !important;
box-shadow:none !important;
margin-left: 11px;
-webkit-transform:none;
font-size: 16px;
}


.sidebar-footer {
width: auto;
}

.sidebar-mini .dropdown button > span {
border-top-right-radius: 5px;
display: inline-grid !important;
-webkit-transform: translateZ(0);
}

.sidebar-menu.tree {
margin-top: 34px;
margin-left: 25px;
}

button .pull-right-container {
position: absolute;
right: calc(100% - 96%);
top: calc(100% - 60%);
margin-top: -7px;
}

.theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
background: transparent !important;
}
.col-sm-12.col-md-6.box-shadowed{
width: 100%;
}
.order-sections-list{
width: 100%;
}
.no-order{
padding-top: 30% !important;
height: 48.2vh !important;
}

.all-orders{ max-height: 300px !important; height: 300px !important; min-height:300px !important;}
/*.nav-tabs .nav-link {
padding: 14px 21px !important;
}*/

}


@media (min-width: 950px) and (max-width:  1020px){
.order-sections-list ,.box-shadowed{
width: calc(100% - 16.4rem);
}

html[dir="rtl"] .fixed .content-wrapper {
margin-right: 223px !important;
margin-left: inherit;
}

html[dir="rtl"] .main-header .navbar{
margin-right: 16.29rem;
margin-left: inherit;
}

html[dir="rtl"] header .logo-box {
margin-right: -1.76rem !important;
margin-left: inherit;
float: right !important;
width: 16.44rem;
}


}
@media (max-width: 767px){
.navbar{
background-color: transparent !important;
}
.hs:before, .hs:after{
display: none
}
.fixed .multinav{
width: 100% ;


}
}
@media  only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
.navbar{
background-color: transparent !important;
}
.sidebar-menu li a {
font-size: inherit !important;
}
.sidebar-footer button {
font-size: inherit !important;
}
.fixed .content-wrapper {
margin-top: -0px;
margin-left: 271px;
padding: 5px;
}


.main-header .logo{
height: 60px;
}

.main-header .logo .logo-lg {
line-height: 64px;
}
.main-header .navbar{
height: 60px;
display: none;
}

.switch-lang{
top: 19px !important;
}

.main-sidebar{
padding-top: 66px;
}
.no-order,.order-section{
height: 98.7vh;

}
.col-md-6.box-shadowed{
width: 66%;
}
.tab-pane{
max-height: 88.5vh !important;
}
/*.navbar-static-top{ display: none !important;}*/
}


@media  only screen
and (min-device-width: 950px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1){


.sidebar-menu {
white-space: nowrap;
overflow: auto;
/*side bar hiding the content/link because max-height*/
/*max-height: 350px;*/
}

.order-sections-list{
width: calc(100% - 470px) !important;
}
.col-md-6.box-shadowed {
width: 56% !important;
}
.back-to-orders{
display: none !important;
}

.tab-pane {
max-height: 77.5vh !important;
}

.no-order, .order-section {
height: 89.7vh !important;
}
}

@media (max-width:641px) {
.navbar{
background-color: transparent !important;
}
.content-wrapper {
width: 100%;
background-color: #fff !important;
}
.fixed .content-wrapper {
margin-top: 60px ;
margin-left: 0px;
padding: 5px;
}

.add-outlet{
margin-top: 15px;
}



.sidebar-mini .sidebar-menu > li > a > span{


}
.light-skin .sidebar-menu > li > a > span{
background-color: transparent !important;
box-shadow:none !important;
margin-left: 11px;
-webkit-transform:none;
font-size: 16px;
}
.fixed .multinav{
width: 100%;
}

.sidebar-footer {
width: auto;
}

.sidebar-mini .dropdown button > span {
border-top-right-radius: 5px;
display: inline-grid !important;
-webkit-transform: translateZ(0);
}


button .pull-right-container {
position: absolute;
right: calc(100% - 96%);
top: calc(100% - 60%);
margin-top: -7px;
}

.theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
background: transparent !important;
}
.col-sm-12.col-md-6.box-shadowed{
width: 100%;
}
.order-sections-list{
width: 100%;
}
.no-order{
padding-top: 30% !important;
height: 48.2vh !important;
}

/*     .all-orders{ max-height: 300px !important; height: 300px !important; min-height:300px !important;}*/
/*.nav-tabs .nav-link {
padding: 14px 21px !important;
}*/

.nav-tabs {

height: 57px;
margin-top: 11px;
}
/*.hs.full.nav.nav-tabs{
height: 57px;
margin-top: 11px;
}*/
}


@media (min-width: 768px) and (max-width: 1024px) {
/*.head_sub_div, .navbar {*/
/*    background-color: var(--navcolor) !important;*/
/*}*/
.main-header .navbar {
min-height: 80px;
}
.right_bar {
display: inherit;
}
.left_bar{
display: none !important;
}
.hs:before, .hs:after{
display: none
}
/*.switch-lang{*/
/*  position: absolute;*/
/*  right:50%;*/
/*  top: 30px;*/
/*  z-index: 1081;*/
/*  margin: 0px !important;*/
/*}*/
.content-wrapper .navbar.navbar-static-top {
background: transparent !important;
}
}


@media (max-width:767px){

.right-panel-footer{
--bs-gutter-x: 0;
}


.count_div {
padding: 10px;
}

.order-section{
overflow: auto !important;
}
.theme-primary.light-skin .sidebar-menu > li.active {
background-color: rgba(76, 149, 221, 0);
color: #000;
border-left: 0px solid #000;
}
.sidebar-menu {
list-style: none;
margin: 0 0px;
padding: 20px 0px 50px 0px;
}
.back-to-orders{
padding: 10px;
background: orange;
font-size: 14px;
cursor: pointer;
font-weight: 600;
}
.address_action_div{
padding: 0rem 0.4rem !important;
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{padding-left: 0}
.right-panel-box div.box-body{
padding: 0rem 1.5rem 10px !important;
}

.box-header{
padding: 0.5rem;
}
#show-recipes .box-header {.order-section
padding: 15px 0.5rem 5px !important;
}
.right-panel-footer {
/*margin-bottom: 25px !important;*/
padding: 10px 1.5rem;
}
.all-orders{
max-height: 71vh !important;
height: 66vh !important;
min-height: 67vh !important;
}

.all-orders.full{
max-height: 76vh !important;
height: 72vh !important;
min-height: 79vh !important;
}
.load-more-order{
padding: 10px !important;
bottom: -10% !important;
}
.order-section{
height: 100vh !important;
overflow-x: auto;
position: absolute;
z-index: 999;
top: 50px;
background: white;
left: 0;
right: 0;
}
input, select:focus{
border-right-width: 1px !important;
}
.circle-div{ width: 40px; height: 40px}
.gap-items p.min{
line-height: 11px !important;
padding-top: 8px !important;
font-size: 11px;
}
.box-bodys{ margin-bottom: 10px;}
.p-15{
padding:5px !important;
}
.add-outlet{ width: 100%;}
.navbar{
background-color: transparent !important;
}
.content-wrapper {
width: 100%;
background-color: #fff !important;
}
.fixed .content-wrapper {
margin-top: 35px ;
margin-left: 0px !important;
padding: 5px;
overflow:hidden;
}



.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
display: inline-grid !important

}
.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
background-color: transparent !important;
box-shadow:none !important;
margin-left: 11px;
-webkit-transform:none;
font-size: 16px;
}

.sidebar-collapse .sidebar-footer {
width: auto;
}

.sidebar-mini.sidebar-collapse .dropdown button > span {
border-top-right-radius: 5px;
display: inline-grid !important;
-webkit-transform: translateZ(0);
}

.sidebar-collapse .sidebar-menu.tree {
margin-top: 34px;
margin-left: 25px;
}

button .pull-right-container {
position: absolute;
right: calc(100% - 96%);
top: calc(100% - 60%);
margin-top: -7px;
}

.theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
background: transparent !important;
}
.col-sm-12.col-md-6.box-shadowed{
width: 100%;
}
.order-sections-list{
width: 100%;
position: relative;
/*width: 414px;*/
right: 0;

}
.no-order{
padding-top: 30% !important;
height: 48.2vh !important;
display: none;
}

.hs > li, .item{
width: auto;
margin: auto !important;
}

/*.nav-tabs .nav-link {
padding: 7px 13px !important;
}*/

.nav-tabs {

height: 57px;
margin-top: 11px;
}
}

@media (max-width:440px){
#discount-info{
width: auto !important;
left: 0 !important;
right: 0;
margin: 5px;
bottom: 26% !important;

}
.all-orders{
max-height: 64vh !important;
height: 65vh !important;
min-height: 65vh !important;
}
.load-more-order{
padding: 10px !important;
bottom: -11% !important;
}
.sidebar-footer {
width: 100%;
}

.switch-lang{
position: absolute;
right:50%;
top: 13px;
z-index: 1081;
margin: 0px !important;
}
.switch-lang{
left: 26px;
right: inherit;
top: 15px;
}

html[dir="rtl"] .main-header .logo{
text-align: left!important;
}
.main-header > div .logo {
text-align: revert;
}
.order-sections-list{
width:100%;

}
.tab-bar-section{
width:465px;

}
html[dir="rtl"] .tab-bar-section .nav-tabs {
margin-right: -43px;
}
.hs > li, .item{
width:auto !important;
margin:auto !important;

}
}
@media (max-width:428px){
.tab-bar-section {
width: 451px;
}
}


@media (max-width:414px){
.tab-bar-section {
width: 435px;
}
html[dir="rtl"] .tab-bar-section .nav-tabs {
margin-right: -42px;
}
/*html[dir="rtl"] .nav-tabs .nav-link {
padding: 7px 11px !important;
}*/
}

@media (max-width:390px){

.tab-bar-section {
width: 414px;
}

html[dir="rtl"] .tab-bar-section .nav-tabs {
margin-right: -49px;
}

html[dir="rtl"] .nav-tabs .nav-link {
font-size: 12px !important;
}

}
@media (max-width:375px){
.tab-bar-section {
width: 395px;
}

html[dir="rtl"] .nav-tabs .nav-link {
font-size: 12px !important;
}
.nav-tabs .nav-link {
padding: 7px 8px !important;
}
}

@media (max-width:320px){
.order-section{
height: 100vh !important;
overflow-x: auto;
position: absolute;
z-index: 999999;
top: 0;
background: white;
left: 0;
right: 0;
}
.circle-div{ width: 40px; height: 40px}
.gap-items p.min{
line-height: 11px !important;
padding-top: 8px !important;
font-size: 11px;
}
.box-bodys{ margin-bottom: 10px;}
.p-15{
padding:5px !important;
}
.add-outlet{ width: 100%;}
.navbar{
background-color: transparent !important;
}
.content-wrapper {
width: calc(100%) !important;
background-color: #fff !important;
}
.fixed .content-wrapper {
margin-top: 35px ;
margin-left: 0px;
padding: 5px;
}

.theme-primary.light-skin .sidebar-menu > li:hover > a, .theme-primary.light-skin .sidebar-menu > li:active > a, .theme-primary.light-skin .sidebar-menu > li.active > a{
background: none !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
display: inline-grid !important

}
.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
background-color: transparent !important;
box-shadow:none !important;
margin-left: 11px;
-webkit-transform:none;
font-size: 16px;
}

.sidebar-collapse .sidebar-footer {
width: auto;
}

.sidebar-mini.sidebar-collapse .dropdown button > span {
border-top-right-radius: 5px;
display: inline-grid !important;
-webkit-transform: translateZ(0);
}

.sidebar-collapse .sidebar-menu.tree {
margin-top: 34px;
margin-left: 25px;
}

button .pull-right-container {
position: absolute;
right: calc(100% - 96%);
top: calc(100% - 60%);
margin-top: -7px;
}

.theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
background: transparent !important;
}
.col-sm-12.col-md-6.box-shadowed{
width: 100%;
}
.order-sections-list{
width: 100%;

}
.no-order{
padding-top: 30% !important;
height: 48.2vh !important;
display: none;
}

.hs > li, .item{
width: 160px;
}

.nav-tabs .nav-link {
padding: 7px 13px !important;
}

.nav-tabs {

height: 57px;
margin-top: 11px;
}
}


* {
font-family:"Expo-Arabic-Medium"
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
font-family:"Expo-Arabic-Medium" !important;
}



/* CSS by Sadaf(customdev) start */

html[dir="rtl"] .content-wrapper {

width: calc(100% - 270px);
margin-right:270px;
/*width: calc(100% - 21rem) ;
margin-right: 19.5rem ;*/


}
html[dir="rtl"] .btn-toggle.btn-sm:after{
right: 0.3rem;
}
html[dir="rtl"] .switch-me.btn-toggle.btn-sm.btn-outlet.switch-me[aria-pressed=" false "]{
background: grey !important;

}

html[dir="rtl"] .main-sidebar {
right:0 !important;
}
html[dir="rtl"] .d-flex {
direction:rtl !important;
}
html[dir="rtl"] .d-flex:has(>.iqd_small) {
flex-direction: row-reverse !important;
}
html[dir="rtl"] p,  html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6, html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"]  button{
direction:rtl !important;
}
html[dir="rtl"] select{
direction:rtl!important;
background-position: left 0.8rem center;
}
.form-group.has-search {
position:relative;
}
.form-group.has-search input {
padding-right:30px !important;
}
.form-group.has-search .fa-search {
right:10px !important;
width:15px !important;
}
html[dir="rtl"] .form-group.has-search input {
padding-left:30px !important;
}
html[dir="rtl"] .form-group.has-search input.search-outlet {
padding-left:0.75rem !important;
padding-right:0.75rem !important;
}
html[dir="rtl"] .form-group.has-search .fa-search {
left:10px !important;
right:unset !important;
}
html[dir="rtl"] form p {
text-align: right !important;
}
html[dir="rtl"] .sidebar-menu > li > a > i {
transform: scaleX(-1);
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
}
html[dir="rtl"] .main-sidebar .sidebar-footer {
right:0 !important;
left:unset !important;
}
html[dir="rtl"] .main-sidebar .sidebar-footer ul.footer-drop {
transform: translate(-269px, 2px) !important;
}
html[dir="rtl"] .main-sidebar .sidebar-footer #dropdownMenu2 {
text-align: right !important;
padding-right: 45px !important;
}
html[dir="rtl"] .main-sidebar .sidebar-footer button .pull-right-container {
right: unset !important;
left: calc(100% - 93%) !important;
}
html[dir="rtl"] .main-sidebar .sidebar-footer #dropdownMenu2 i {
transform: scaleX(-1);
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
}


.sidebar-menu > li:hover > a > i, .sidebar-menu > li:active > a > i, .sidebar-menu > li.active > a > i {
margin-bottom: 0 !important;
}
.theme-primary.light-skin .sidebar-menu > li:hover > a, .theme-primary.light-skin .sidebar-menu > li:active > a, .theme-primary.light-skin .sidebar-menu > li.active > a {
padding:5px; !important;
}
@if(app()->getLocale()=="ar")
    html[dir="rtl"]  .theme-primary.light-skin .sidebar-menu > li > a, html[dir="rtl"] .theme-primary.light-skin .sidebar-menu > li > a, html[dir="rtl"] .theme-primary.light-skin .sidebar-menu > li > a{
    padding:11.7px 30px 11.7px 30px !important;
    }
    html[dir="rtl"]  .theme-primary.light-skin .sidebar-menu > li:hover > a, html[dir="rtl"] .theme-primary.light-skin .sidebar-menu > li:active > a, html[dir="rtl"] .theme-primary.light-skin .sidebar-menu > li.active > a{
    padding:11.7px 30px 11.7px 30px !important;
    }
@else
    html[dir="rtl"]  .theme-primary.light-skin .sidebar-menu > li:hover > a, html[dir="rtl"] .theme-primary.light-skin .sidebar-menu > li:active > a, html[dir="rtl"] .theme-primary.light-skin .sidebar-menu > li.active > a{
    padding:11.7px !important;
    }
@endif
html[dir="rtl"] .sidebar-menu > li:hover > a, html[dir="rtl"] .sidebar-menu > li:active > a, html[dir="rtl"] .sidebar-menu > li.active > a {
padding:8px 30px; !important;
}
h3[style="margin-left: 10px"] {
margin-right: 10px; !important;
margin-left:unset !important;
}
html[dir="rtl"] .sidebar-menu > li .notification-badge {
margin-right: 5px !important;
right: unset !important;
}
html[dir="rtl"] .sidebar-menu li svg {
margin-top: unset !important;
}
html[dir="rtl"] .sidebar-menu li > a > i {
width: 24px !important;
height: auto !important;
line-height: 50% !important;
margin-right: 0 !important;
margin-left: 3px !important;
}
html[dir="rtl"] .main-header .logo {
text-align: right ;
padding-right: 45px !important;
}
html[dir="rtl"] foreignObject[x="10"] .ct-label.ct-vertical.ct-start{
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
justify-content: flex-start !important
}
html[dir="rtl"] .sidebar-menu > li > a {
padding: 8px 14px !important;
}
html[dir="rtl"] .ct-chart-bar.ct-horizontal-bars {
transform: scaleX(-1);
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
}
html[dir="rtl"] .btn-primary.add-outlet {
float:left !important;
}
html[dir="rtl"] .has-search a {
left: 15px !important;
right:unset !important;
}
html[dir="rtl"] .content-wrapper .order-sections-list .media-list .media {
flex-direction: row-reverse !important;
}
html[dir="rtl"] .content-wrapper .order-sections-list .search-div [type="search"] {
border-right-width:1px !important;
border-left-width:0 !important;
}
html[dir="rtl"] .content-wrapper .order-sections-list .search-div .btn {
border-left-width:1px !important;
border-right-width:0 !important;
}
html[dir="rtl"] .content-wrapper .content .row:first-child .col-6:nth-child(2) .btn {
float:left !important;
margin-left: 10px !important;
}
html[dir="rtl"] .content-wrapper .content .col-md-5 .btn.add-discount {
float:left !important;
margin-left: 15px !important;
}
html[dir="rtl"] .content .dataTables_wrapper .row:first-child {
flex-direction: row-reverse !important;
}
html[dir="rtl"] a.search-location {
right: unset !important;
top: 27px !important;
left: 15px !important;
}
html[dir="rtl"] [name="delivery_fee"], html[dir="rtl"] [name="min_basket"]  {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-right: 0 !important;
border-top-left-radius: 10px !important;
border-bottom-left-radius: 10px !important;
border-left:1px solid #ced4da !important;
}
html[dir="rtl"] .input-group:has([name="delivery_fee"]) .input-group-addon, html[dir="rtl"] .input-group:has([name="min_basket"]) .input-group-addon {
border-top-right-radius: 10px !important;
border-bottom-right-radius: 10px !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-left: 0 !important;
}
html[dir="rtl"] .form-group:has(a.search-location) #pac-input {
position:unset !important;
}
html[dir="rtl"] .form-group:has(a.search-location) {
float:right !important;
padding-top:26px !important;
}
html[dir="rtl"] .order-section .actions {
right: unset !important;
left:22px !important
}
html[dir="rtl"] foreignObject:not([x="10"]) .ct-label.ct-horizontal.ct-end {
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
justify-content: flex-start !important
}
html[dir="rtl"] [type="checkbox"]:not(:checked), html[dir="rtl"] [type="checkbox"]:checked {
left: unset !important;
right: -9999px !important;
}
html[dir="rtl"] .p-outletnameP {
padding-right: 47px;
padding-left: unset !important;
}
ul:has(.change-lang) {
display: flex;
list-style: none;
margin: 10px;
}
li:has( > .change-lang) {
background: hsla(0,0%,100%,.4);
border-radius: 20px;
color: #828282;
float: left;
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 2px;
text-align: center;
width: 20px;
}
html[dir="rtl"] li:has( > .change-lang[data-lang="en"]) {
background: #fff;
color: #000;
height: 22px;
line-height: 22px;
margin-top: 1px;
width: 22px;
}
html[lang="en"] li:has( > .change-lang[data-lang="ar"]) {
background: #fff;
color: #000;
height: 22px;
line-height: 22px;
margin-top: 1px;
width: 22px;
}

@media(min-width:1024px)
{
html[dir="rtl"] .content-wrapper:has(.order-sections-list) {
width: calc(100% - 270px) ;
margin-right: 270px !important;
}


}
@media (min-width: 768px) {
html[dir="rtl"] .col-md-5:has(.btn-primary.add-outlet) {
width:50% !important;
}
html[dir="rtl"] .col-md-5:has(.btn.add-discount) {
width:50% !important;
}

}
@media (max-width: 767px){
html[dir="rtl"] .main-sidebar .sidebar-footer ul.footer-drop {
transform: translate(0) !important;
}
}
@media (max-width: 641px) {
html[dir="rtl"] .content-wrapper {
width: 100% !important;
margin-right: 0 !important;
}
/*html[dir="rtl"] .main-sidebar .sidebar-footer ul.footer-drop {
transform: translate(0px, -42px) !important;
}*/
html[dir="rtl"] header .logo-box  {
margin-right: 0 !important;
}
html[dir="rtl"] header .logo-box .left_bar {
order: -1 !important;
}
.main-header > div .logo .logo-lg {
margin-right: calc(100% + -200%) !important;
margin-left:unset !important;
}

html[dir="rtl"] .order-sections-list{
/*width: 100% !important;
position: unset !important;*/

}
html[dir="rtl"] .text-end:has(.print) {
text-align: left !important;
}
/*.mlist_li.selected .box:not(.bg-danger) {
background-color:#000 !important;
}
.mlist_li.selected .box.bg-danger {
background-color:#e66430 !important;
}
.mlist_li.selected {
color: #fff !important;
background-color: transparent !important;
}
.mlist_li.selected .media-list {
color: #fff !important;
background-color: transparent !important;
}*/
.mlist_li.selected p {
color: #fff !important;
}
.mlist_li.selected p {
color: #fff !important;
}
.media-list-hover > .media:not(.media-list-header):not(.media-list-footer):hover, .media-list-hover .media-list-body > .media:hover {
background-color: transparent !important;
}
.fixed .main-header {
z-index: 999999  !important;
}
}