:root {
  /* --black: #141414; */
  --red: #ff1616;
  --yellow: #f8d034;
  --blue: #514db7;
  --bground: #0f0e0f;
  --black: #141414;
  --white: #ffff;
  --grey: #f8f8f8;
  --dgrey: #474747;
  --sgrey: #ffd54e;
  --primary: #f2d35a;
  --transition: 0.3s linear;
  --trans: 0.3s linear;
  /* --site_pink:#D975A8;
--skyblue:#8CD3EB;
--site_green:#C2ECA6;
--radius25:25px;
--radius20:20px; */
}
html {
  scroll-behavior: smooth;
}
@font-face {
  /* font-family: 'Gotham Medium'; */
  font-family: 'Gotham Light';
  src: url('../fonts/GothamLight.otf');
}
@font-face {
  /* font-family: 'Gotham Medium'; */
  font-family: 'Gotham Book';
  src: url('../fonts/GothamBook.ttf');
}
@font-face {
  /* font-family: 'Gotham Medium'; */
  font-family: 'Gotham Medium';
  src: url('../fonts/GothamMedium.ttf');
}
@font-face {
  font-family: 'Gotham Bold';
  src: url('../fonts/GothamBold.otf');
}
@font-face {
  font-family: 'Gotham Black';
  src: url('../fonts/GothamBlack.otf');
}
@font-face {
  font-family: 'Brandon Grotesque Light';
  src: url('../fonts/BrandonLight');
}
@font-face {
  font-family: 'Brandon Grotesque Book';
  src: url('../fonts/BrandonBook');
}
@font-face {
  font-family: 'Brandon Grotesque Medium';
  src: url('../fonts/BrandonMedium');
}
@font-face {
  font-family: 'Brandon Grotesque Bold';
  src: url('../fonts/BrandonBold');
}
@font-face {
  font-family: 'Brandon Grotesque Black';
  src: url('../fonts/BrandonBlack');
}
h1,
h2,
h3,
h4,
h5,
h6,
.fw_700 {
  font-family: 'Gotham Bold';
}
body {
  font-family: 'Gotham Medium', sans-serif;
  margin: 0;
  /* color: var(--dgrey); */
  color: white;
  background-color: var(--bground);
}
.fw_400 {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
  cursor: default;
}
.menu_icons img {
  max-width: 100%;
  height: 20px;
}
img {
  max-width: 100%;
}
a {
  text-decoration: none;
}
* {
  box-sizing: border-box;
}
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bg_grey {
  background-color: var(--grey);
}
.radius25 {
  border-radius: var(--radius25);
}
.radius20 {
  border-radius: var(--radius20);
}
.f16 {
  font-size: 16px;
}
.f35 {
  font-size: 35px;
}
.f68 {
  font-size: 68px;
}
.font_medium {
  font-weight: 500;
}
.font_extra {
  font-weight: 800;
}
.font_bold {
  font-weight: 700;
}
.containera {
  padding: 0 26px;
}
.back-button button {
  font-size: 16px;
  color: #000;
  padding: 12px 34px 14px;
  border-radius: 12px;
  display: inline-block;
  background: var(--yellow);
  font-family: 'Gotham Bold';
  border: 1px solid var(--yellow);
  transition: var(--trans);
  cursor: pointer;
}
/*Login page css start*/
#regContainer {
  margin-top: 3%;
}
.panel-login {
  border-color: #ccc;
  /* background-color: #f9f8f8; */
  background-color: var(--grey);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
.panel-login > .panel-heading {
  text-align: center;
}
.panel-login > .panel-heading a {
  text-decoration: none;
  font-weight: bold;
  font-size: 28px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.panel-login > .panel-heading a.active {
  font-size: 34px;
}
.panel-login > .panel-heading hr {
  margin-top: 10px;
  margin-bottom: 0px;
  clear: both;
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0)
  );
  background-image: -moz-linear-gradient(
    left,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0)
  );
  background-image: -ms-linear-gradient(
    left,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0)
  );
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0)
  );
}
.panel-login input[type='text'],
.panel-login input[type='email'],
.panel-login input[type='password'] {
  height: 45px;
  border: 1px solid #ddd;
  font-size: 16px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.panel-login input:hover,
.panel-login input:focus {
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #ccc;
}
.btn-login {
  background-color: #3d9db3;
  outline: none;
  color: var(--white);
  font-size: 14px;
  height: auto;
  font-weight: normal;
  padding: 14px 0;
  text-transform: uppercase;
  border-color: #2d92a9;
}
.btn-login:hover,
.btn-login:focus {
  color: var(--white);
  background-color: #198da8;
  border-color: #53a3cd;
}
.btn-register {
  background-color: #17ae47;
  outline: none;
  color: var(--white);
  font-size: 14px;
  height: auto;
  font-weight: normal;
  padding: 14px 0;
  text-transform: uppercase;
  border-color: #1cb94a;
}
.btn-register:hover,
.btn-register:focus {
  color: var(--white);
  background-color: #1ca347;
  border-color: #1ca347;
}
.fullscreen_bg {
  background-color: var(--yellow);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: 50% 50%;
  /* background-image: url('{{asset('assets/images/new_back2.jpg') }}'); */
  background-repeat: repeat;
}
.panel-heading a {
  font-size: 48px;
  color: rgb(6, 106, 117);
  padding: 2px 0 10px 0;
  font-family: 'FranchiseRegular', 'Arial Narrow', Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  padding-bottom: 30px;
}
.panel-heading a {
  background: -webkit-repeating-linear-gradient(
    -45deg,
    rgb(18, 83, 93),
    rgb(18, 83, 93) 20px,
    rgb(64, 111, 118) 20px,
    rgb(64, 111, 118) 40px,
    rgb(18, 83, 93) 40px
  );
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.main-text h2 {
  color: white;
  font-family: fantasy;
}
.form-group input {
  width: 100%;
  padding: 10px;
}
.signup_action a {
  text-decoration: none;
}
/*Login page css end*/
.form-group .help-block {
  color: red;
}
/*scrollbar*/
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-track {
  background: var(--black);
}
::-webkit-scrollbar-thumb {
  background: var(--site_yellow);
}
/* .main{
padding: 35px 0 0 35px;
} */
/*left menu*/
.left_menu {
  position: fixed;
  left: 0;
  /* border-radius: 20px 20px 0 0; */
  overflow: hidden;
  top: 0;
  background: var(--black);
  height: 100vh;
  width: 285px;
  transition: var(--transition);
  z-index: 9;
  /* padding-bottom: 50px; */
}
/****** NEW *******/
.left_menu {
  width: 240px;
} /***********/
.logo {
  padding-left: 10px;
  padding-top: 17px;
}

.left_menu.close .logo {
  padding-left: 0px;
}
.ver_scroll {
  padding: 14px 0 17px 0px;
  /* overflow-y: auto;
overflow-x: hidden; */
  height: 100%;
}
.left_menu.close {
  transition: var(--transition);
  width: 96px;
  overflow: visible;
}
.left_menu.close .ver_scroll {
  padding: 20px 5px;
  transition: var(--transition);
}
.logo a {
  display: flex;
  align-items: flex-end;
}
/****** NEW *******/
.logo a {
  justify-content: center;
}
/****** NEW *******/
.scroll {
  overflow-y: scroll;
}

.scroll::-webkit-scrollbar {
  width: 5px;
}

.scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

.scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  /* -webkit-box-shadow: inset 0 0 6px red; */
}
.logo span {
  font-size: 22px;
  color: var(--white);
  font-weight: 700;
  padding-left: 0px;
}
.logo img {
  /* transform: scale(.7); */
  transition: var(--transition);
  /*height: 110px;
width: 50%;
margin-left: 60px;*/
}
.left_menu.close .logo img {
  transition: var(--transition);
  transform: scale(1);
  /*margin-left: 0;
width: 100%;*/
}
.left_menu.close .logo a {
  justify-content: center;
}
.left_menu.close .text_menu,
.left_menu.close .logo span {
  display: none;
  opacity: 0;
  transition: var(--transition);
}
.left_menu.close .toggle {
  padding-right: 0;
  justify-content: center;
  padding-left: 0;
  transition: var(--transition);
  /* padding-bottom: 30px; */
}
.left_menu.close .nav_menu li a {
  border-radius: 10px;
  justify-content: center;
  padding: 10px;
  width: 48px;
  pointer-events: none;
  margin: 0 auto;
}
.nav_menu {
  padding-top: 43px;
  padding-bottom: 15px;
  position: relative;
  overflow-y: auto;
  /* overflow-x: hidden; */
  height: calc(100% - 200px);
  padding-left: 5px;
}
.left_menu.close .nav_menu {
  height: calc(100% - 86px);
}
.top_sec {
  position: relative;
  /* padding-bottom: 35px; */
}
.left_menu.close .top_sec::before {
  width: calc(100% + 48px);
  left: -24px;
}
.left_menu.close .nav_menu::before {
  width: calc(100% + 50px);
}
.toggle {
  /*padding: 0 10px;*/
  transition: var(--transition);
  justify-content: flex-end;
}
.toggle svg {
  cursor: pointer;
}
.nav_menu li a {
  padding: 12px 18px 12px 30px;
  width: 90%;
  font-size: 14px;
  display: flex;
  align-items: center;
  color: var(--white);
  text-decoration: none;
  border-radius: 0px 10px 10px 0px;
  position: relative;
}
.nav_menu li a {
  width: 100%;
}
.nav_menu li a.active,
.open_menu_a a.menu_items,
a.menu_items:hover {
  background: var(--primary);
  transition: var(--transition);
  left: 0;
}
/* .nav_menu li a:hover,
.nav_menu li a.active {
background: var(--primary);
left: 0;
} */
.nav_menu li {
  margin-bottom: 5px;
}
.nav_menu li .text_menu {
  padding: 1px 0 0 10px;
}
.menu_icons svg,
.menu_icons svg,
.menu_icons svg path,
.menu_icons svg path,
.menu_icons svg rect,
.menu_icons svg rect {
  fill: rgb(255, 255, 255);
  stroke: rgb(255, 255, 255);
}
.nav_menu li a:hover > .menu_icons svg,
.nav_menu li a.active > .menu_icons svg,
.nav_menu li a:hover > .menu_icons svg path,
.nav_menu li a.active > .menu_icons svg path,
.nav_menu li a:hover > .menu_icons svg rect,
.nav_menu li a.active > .menu_icons svg rect {
  fill: var(--primary);
  stroke: var(--primary);
}
.left_menu.close span.toggle_nav {
  transform: rotate(180deg);
}
/*left*/
.left_menu.close .top_sec::before {
  width: calc(100% + 10px);
  left: -5px;
}
.left_menu.close .toggle {
  position: absolute;
  right: -5px;
  background: #000;
  padding: 2px;
  border-radius: 0 5px 5px 0;
}
.left_menu.close .toggle rect {
  fill: var(--black);
}
.left_menu.close .toggle path {
  fill: var(--white);
}
/* aakib */
ul.inner_item {
  padding: 18px 0 0 67px;
}
.nav_menu li .inner_item a {
  padding: 0;
  margin-bottom: 10px;
}
.inner_item li {
  margin-bottom: 0;
}
a.logout_btn {
  color: var(--white);
  padding: 11px 25px;
  border-radius: 12px;
  background: #ff4d4d;
  display: inline-block;
  font-size: 14px;
  border: 1px solid #ff4d4d;
  transition: var(--trans);
}
a.logout_btn:hover {
  background: transparent;
}
.mb_60 {
  margin-bottom: 60px;
}
.ml_15 {
  margin-left: 13px;
}
.top_announce {
  padding: 10px 15px 10px 20px;
  background: var(--primary);
  border-radius: 35px;
}
/*********NEW*********/
.top_announce {
  padding: 20px 15px 20px 20px;
}
/*********NEW*********/
.main_right {
  width: calc(100% - 285px);
  transition: 0.3s linear;
}
/****** NEW *******/
/* .main_right {
  width: calc(100% - 240px);
} */
/****** NEW *******/
.main_right.open {
  width: calc(100% - 100px);
  transition: 0.3s linear;
}
.main_right {
  padding: 30px;
  margin-left: auto;
}
.search {
  overflow: hidden;
  position: relative;
  width: 330px;
}
.search input[type='search'] {
  width: 100%;
  background: white;
  padding: 10px;
  border: none;
  padding-left: 46px;
  border-radius: 15px;
  color: rgb(71 71 71 / 50%);
}
.search input[type='search']::placeholder {
  color: rgb(71 71 71 / 50%);
}
.submit_butoon {
  position: absolute;
  width: 43px;
  height: 100%;
  background-color: transparent;
  background-image: url(../images/search.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 19px;
  left: 8px;
  border: none;
}
.title {
  font-size: 45px;
  color: var(--dgrey);
}
.clr_dark {
  color: rgba(71, 71, 71, 80%);
}
.not_box img {
  max-width: 25px;
}
.not_box {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--white);
  border-radius: 12px;
  box-shadow: 0 3px 8px rgb(235 143 125 / 16%);
}
.cli_img img {
  width: 48px;
  height: 48px;
  border-radius: 50px;
  object-fit: cover;
  margin-right: 10px;
}
.f14 {
  font-size: 14px;
}
.f18 {
  font-size: 18px;
}
.mb_20 {
  margin-bottom: 20px;
}
.mb_15 {
  margin-bottom: 15px;
}

.user_outer_main_dash {
  /* background: #fff; */
  background: var(--bground);
  /* padding: 15px; */
}
.user_outer_main_dash .user_dish_box {
  position: relative;
  display: block;
  padding: 15px;
  /* background: var(--black);*/
  background: black;
  border-radius: 10px;
  /* box-shadow: 0 6px 10px rgb(16 0 0 / 44%); */
  box-shadow: 0 6px 10px rgb(71 71 71 / 40%);
  min-height: 170px;
  margin-bottom: 35px;
  transition: var(--trans);
}
.user_outer_main_dash .user_dish_box:hover {
  background: var(--primary);
}

.user_outer_main_dash .user_dish_box a,
.user_outer_main_dash .user_dish_box h3,
.user_outer_main_dash .user_dish_box p {
  color: var(--white);
  transition: var(--trans);
}

.user_outer_main_dash .user_dish_box:hover a,
.user_outer_main_dash .user_dish_box:hover h3,
.user_outer_main_dash .user_dish_box:hover p {
  color: var(--dgrey);
}

.user_outer_main_dash .user_dish_box .total_count_cls {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 0 15px 15px;
}
.tutorial_video_area {
  margin-top: 5px;
  margin-bottom: 15px;
}
.tutorial_video_area h2 {
  font-size: 24px;
  color: #000;
  margin-bottom: 20px;
}
.tutorial_video_area iframe {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 2px 1px 7px rgb(16 0 0 / 44%);
}

.dish_box {
  padding: 15px;
  background: var(--black);
  border-radius: 10px;
  box-shadow: 0 6px 10px rgb(16 0 0 / 44%);
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 2.5%;
  margin-bottom: 2.5%;
  width: 23.1%;
  transition: var(--trans);
}
.dish_box:hover {
  background: var(--primary);
}
.dish_box a,
.dish_box h3,
.dish_box p {
  color: var(--white);
  transition: var(--trans);
}
.dish_box:hover a,
.dish_box:hover h3,
.dish_box:hover p {
  color: var(--dgrey);
}
.dish_box_main {
  display: flex;
  flex-wrap: wrap;
}
.dish_box:nth-child(4n) {
  margin-right: 0;
}
.dish_main {
  background: var(--white);
}
.top_ann_left {
  width: 42%;
}
.top_ann_center {
  width: 25%;
}
.top_ann_right {
  width: 23%;
}
span.todd {
  font-size: 18px;
  color: #ffa916;
}
.f24 {
  font-size: 24px;
}
.rec_btn {
  font-size: 16px;
  color: #000;
  padding: 12px 34px 14px;
  border-radius: 12px;
  display: inline-block;
  background: var(--yellow);
  font-family: 'Gotham Bold';
  border: 1px solid var(--yellow);
  transition: var(--trans);
  cursor: pointer;
}
.rec_btn:hover {
  color: black;
  background: var(--white);
  border-color: var(--white);
}
.submit_btn button {
  font-size: 16px;
  color: var(--white);
  padding: 12px 34px 14px;
  border-radius: 12px;
  display: inline-block;
  background: #ffa916;
  font-family: 'Gotham Bold';
  border: 1px solid #ffa916;
  transition: var(--trans);
}
.submit_btn button:hover {
  color: #ffa916;
  background: var(--white);
  border-color: var(--white);
}
.mb_40 {
  margin-bottom: 40px;
}
.announce_ban {
  padding: 10px 40px 10px 20px;
  background: var(--dgrey);
  border-radius: 18px;
  box-shadow: 0 5px 15px rgb(71 71 71 / 20%);
}
.progress_bar {
  border-bottom: 1px solid rgb(0 0 0 / 50%);
}
span.todd.pro_sp {
  font-size: 18px;
  padding-bottom: 13px;
  display: inline-block;
  border-bottom: 3px solid #ffa916;
  margin-bottom: -1.5px;
}
.add_inve_main {
  padding: 0 30px 30px 30px;
}
.add_inve_box label,
.add_inve_box input[type='text'] {
  width: 100%;
}
.add_inve_box label {
  font-size: 16px;
  margin-bottom: 15px;
  /* color: var(--dgrey);*/
  color: white;
}
.add_inve_box input[type='text']::placeholder {
  font-size: 14px;
  color: rgba(71, 71, 71, 0.5);
}
.add_inve_box input[type='text'],
input[type='number'],
input[type='email'],
input[type='file'] {
  border: 0;
  outline: none;
  padding: 8px 15px;
  height: unset;
  background: var(--white);
  border-radius: 15px;
}
.add_inve_box input[type='text'] {
  width: 95%;
  margin-left: 5%;
}

.add_inve_box select {
  border: 0;
  outline: none;
  padding: 8px 15px;
  height: unset;
  background: var(--white);
  border-radius: 15px;
}
.add_inve_box textarea {
  border: 0;
  outline: none;
  padding: 8px 15px;
  height: unset;
  background: var(--white);
  border-radius: 15px;
}
.mb_30 {
  margin-bottom: 30px;
}
span.sel_drop {
  position: absolute;
  top: 18px;
  right: 20px;
  background: var(--white);
  width: 20px;
  height: 11px;
  display: inline-block;
}
a.rec_btn.sav {
  padding-left: 60px;
  padding-right: 60px;
}
.mt_75 {
  margin-top: 75px;
}
.mt_25 {
  margin-top: 25px;
}
/* *Estilo iOS */
.switch__container {
  /* margin: 0 auto; */
  width: 60px;
}
.switch {
  visibility: hidden;
  position: absolute;
  margin-left: -9999px;
}
.switch + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  /* user-select: none; */
}
.switch--shadow + label {
  padding: 2px;
  width: 60px;
  height: 25px;
  /* background-color: #dddddd; */
  border-radius: 60px;
}
.switch--shadow + label:before,
.switch--shadow + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: '';
}
.switch--shadow + label:before {
  right: 1px;
  background-color: rgb(112 112 112 / 55%);
  border-radius: 60px;
  transition: background 0.4s;
}
.switch--shadow + label:after {
  width: 21px;
  height: 20px;
  background-color: var(--white);
  border-radius: 100%;
  transition: all 0.4s;
  top: 2px;
  left: 2.5px;
}
/* .switch--shadow + label:after {
width: 25px;
background-color: var(--white);
border-radius: 100%;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
transition: all 0.4s;
} */
.switch--shadow:checked + label:before {
  background-color: #00d058;
}
.switch--shadow:checked + label:after {
  transform: translateX(34px);
}
/* Estilo Flat */
.switch--flat + label {
  padding: 2px;
  width: 120px;
  height: 60px;
  background-color: #dddddd;
  border-radius: 60px;
  transition: background 0.4s;
}
.switch--flat + label:before,
.switch--flat + label:after {
  display: block;
  position: absolute;
  content: '';
}
.switch--flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: var(--white);
  border-radius: 60px;
  transition: background 0.4s;
}
.switch--flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 56px;
  background-color: #dddddd;
  border-radius: 52px;
  transition: margin 0.4s, background 0.4s;
}
.switch--flat:checked + label {
  background-color: #00d058;
}
.switch--flat:checked + label:after {
  margin-left: 60px;
  background-color: #00d058;
}
/* *Estilo iOS */
span.inven_svg {
  /* display: inline-block; */
  width: 32px;
  height: 32px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}
.all_inve_tab tbody tr {
  /*border-radius: 18px;*/
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
  /* transform: translateY(15px); */
}
.all_inve_tab table {
  border-collapse: separate;
  border-spacing: 0 15px;
}
/* .all_inve_tab tbody tr:first-child {
transform: translateY(0);
} */
.all_inve_tab tbody tr td {
  background: var(--white);
  padding: 16px 3px;
  font-size: 16px;
  color: rgb(0 0 0 / 50%);
}
.all_inve_tab tbody tr td:first-child {
  /*border-radius: 18px 0 0 18px;*/
  padding-left: 22px;
}
.all_inve_tab tbody tr td:last-child {
  /*border-radius: 0 18px 18px 0 ;*/
  /* padding-right: 30px; */
}
.all_inve_tab tfoot tr td {
  background: var(--white);
  padding: 16px 3px;
  font-size: 16px;
  color: rgb(0 0 0 / 50%);
}
.all_inve_tab tfoot tr td:first-child {
  /*border-radius: 18px 0 0 18px;*/
  padding-left: 22px;
}
.all_inve_tab tfoot tr td:last-child {
  /*border-radius: 0 18px 18px 0 ;*/
  /* padding-right: 30px; */
}
.all_inve_tab table {
  width: 100%;
}
.deletw_inven {
  cursor: pointer;
  margin-left: 12px;
}
.announce_ban.bg_black {
  background: var(--black);
}
.all_inve_tab thead th {
  padding: 0 5px 3px;
  color: var(--dgreys);
  font-size: 14px;
  font-family: 'Gotham Bold';
}
.all_inve_tab thead th:last-child {
  text-align: center;
}
.all_inve_tab {
  padding-right: 10px;
}
.inve_ed_del {
  transform: translateX(20px);
}
.all_inve_tab thead th:first-child {
  padding-left: 22px;
}
.mr_10 {
  margin-right: 10px;
}
a.rec_btn:hover svg path {
  fill: #ffa916;
}
.all_inve_main {
  padding-top: 15px;
}
.search input[type='search']:focus {
  outline: none;
}
li.act a {
  color: var(--primary);
}
.togg_icon {
  width: 20px;
  position: absolute;
  top: 14px;
  right: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.left_menu.close .togg_icon {
  opacity: 0;
  visibility: hidden;
}
.f20 {
  font-size: 20px;
}
a.get_help {
  font-size: 12px;
  text-decoration: underline;
  color: var(--dgrey);
  margin-left: 15px;
}
.f28 {
  font-size: 28px;
}
.left_menu.close .nav_menu + .mb_60 {
  opacity: 0;
  visibility: hidden;
}
.inner_item {
  display: none;
}
/*  */
button.close.del_close {
  width: 32px;
  height: 32px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 0;
  outline: none !important;
  margin-left: 10px;
}

/*inventry*/
.inventry_modal {
  max-width: 1200px;
  margin: 1.75rem auto;
}
.form-group input[type='text'],
.form-group input[type='number'],
.form-group input[type='email'],
.form-group input[type='number'] {
  width: 100%;
  padding: 10px;
  font-size: 13px;
}
.inventry_modal_header {
  background: #141414;
  color: var(--white);
}
.products_modal_header {
  background: var(--yellow);
}

.page-item .page-link {
  margin-left: -1px;
  /* background-color: #fff;
  border-color: #fff;*/
  color: var(--primary);
  background-color: black;
  border-color: black;
}

.disabled {
  background-color: black;
  border-color: black;
}

.page-item.active .page-link {
  background-color: var(--yellow);
  border-color: var(--yellow);
  /* background-color: black;
  border-color: black; */
}

.page-link:hover {
  background-color: #f2d35a;
  color: black !important;
}

.page-link:focus {
  box-shadow: unset;
  background-color: #f2d35a !important;
  color: black !important;
}

.page-link:active {
  background-color: var(--yellow) !important;
  color: black !important;
}

.select2-container .select2-selection--single {
  height: 42px !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  /* color: #3f3f3f !important; */
  color: white !important;
  line-height: 42px !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  border-radius: 0 14px 14px 0 !important;
  height: 40px !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-width: 8px 7px 0 7px;
  margin-top: -4px;
  margin-left: -5px;
  border-color: #c4c4c6 transparent transparent transparent !important;
}
.select2-search--dropdown .select2-search__field {
  height: 26px;
}
.select2-container--default .select2-selection--single {
  border-radius: 15px !important;
}
.select2-container.-acf .select2-selection {
  border-color: #c4c4c6;
}

.select2-container .select2-selection {
  background-color: black !important;
}

.fa-pencil-square-o.fa-2x {
  font-size: 24px;
}
table tbody tr td:last-child .fa-trash,
table tbody tr td:last-child .fa-trash-o {
  height: 24px;
  width: 24px;
  font-size: 22px;
  margin-left: 4px;
}

table tfoot tr td:last-child .fa-trash,
table tfoot tr td:last-child .fa-trash-o {
  height: 24px;
  width: 24px;
  font-size: 22px;
  margin-left: 4px;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 9px;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  /* background-color: var(--yellow); */
  background-color: #868686;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

table tbody tr td:last-child .fa-pencil-square-o,
table tbody tr td:last-child .fa-gear {
  height: 24px;
  width: 24px;
  font-size: 22px;
  margin-left: 4px;
}
table tbody tr td:last-child a {
  cursor: pointer;
}

table tfoot tr td:last-child .fa-pencil-square-o,
table tbody tr td:last-child .fa-gear {
  height: 24px;
  width: 24px;
  font-size: 22px;
  margin-left: 4px;
}
table tfoot tr td:last-child a {
  cursor: pointer;
}
/***********NEW**********/
.left_menu .toggle {
  text-align: end;
}
.left_menu .toggle_nav img {
  width: 15%;
  background-color: white;
}
.left_menu.close span.toggle_nav {
  transform: none;
}
.left_menu.close .toggle_nav img {
  width: 100%;
}
.left_menu.close .toggle {
  width: 40%;
  z-index: 99;
  top: -1.5vh;
}
.left_menu.close .nav_menu li a {
  width: 40px;
}
.dish-box-total img {
  width: 100%;
}
.products_list thead {
  background-color: var(--primary) !important;
  height: 4vh;
}
.products_list thead tr th {
  font-family: 'Gotham Light';
  font-size: 1vw !important;
  color: black;
}
.search-box {
  background: #333333;
  box-shadow: 3px 5px 10px #000000;
  border: 0.5px solid #aaaaaa;
  border-radius: 8px;
  padding: 25px 20px;
}
.select2-dropdown {
  background-color: black !important;
  color: white !important;
}
.clear_btn {
  padding: 12px 30px;
  border-radius: 5px;
}
.search_btn {
  padding: 12px 30px;
  border-radius: 5px;
}
.daterangepicker div ul li {
  background-color: black !important;
}
.common_form_main_bottom {
  background-color: var(--bground) !important;
}
.top_bar_main {
  margin-bottom: 30px;
}
.dataTables_wrapper .dataTables_paginate {
  color: white !important;
}
.common_form_main {
  background-color: black !important;
}
.page-item.disabled .page-link {
  color: var(--primary);
  pointer-events: none;
  background-color: black !important;
  border-color: black !important;
}
.sales_list thead {
  background-color: var(--primary) !important;
  height: 4vh;
}
.sales_list thead tr th {
  font-family: 'Gotham Light' !important;
  font-size: 1vw !important;
  color: black !important;
}
.Search_items {
  color: white !important;
}
.form-control {
  line-height: 1.4;
}
.img44 {
  max-width: 44% !important;
}
.modal-dialog .form-label{
color: #141414;
}

.br-12{
  border-radius: 15px;
}
.footer_count{
  border-top: solid;
  padding-top: 15px;
}