html {
	font-family: 'Hind', sans-serif;
	overflow-y: auto !important;
}
body {
	overflow-y: auto !important;
}
button{
	transition: 0.3s;
}
a{
 	transition: 0.2s;
}
svg{
	transition: 0.3s;
}
li{
	transition: 0.3s;
}
tr:hover{
	transition: 0.3s;
}
/* Compiled dark classes from Tailwind */
.dark .dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
	border-color: rgb(251, 251, 252);
}
.dark .dark\:bg-gray-50 {
	background-color: rgba(249, 250, 251);
}
.dark .dark\:bg-gray-100 {
	background-color: rgba(243, 244, 246);
}
.dark .dark\:bg-gray-600 {
	background-color: rgb(206, 206, 206);
}
.dark .dark\:bg-gray-700 {
	background-color: rgba(55, 65, 81);
}
.text-black {
	color: #000 !important;
}
.bg-menu-gray-800 {
	background-color: #03225e;
}
.dark .dark\:bg-gray-800 {
	background-color: #ffffff !important;
}
.bg-menu-gray-900 {
	background-color: #0075dbd2;
}
.dark .dark\:bg-red-700 {
	background-color: rgba(185, 28, 28);
}
.dark .dark\:bg-green-700 {
	background-color: rgba(4, 120, 87);
}
.dark .dark\:hover\:bg-gray-200:hover {
	background-color: rgba(229, 231, 235);
}
.dark .dark\:hover\:bg-gray-700:hover {
	background-color: rgba(55, 65, 81);
}
.dark .dark\:hover\:bg-gray-900:hover {
	background-color: rgba(17, 24, 39);
}
.dark .dark\:border-gray-100 {
	border-color: rgba(243, 244, 246);
}
.dark .dark\:border-gray-400 {
	border-color: rgba(156, 163, 175);
}
.dark .dark\:border-gray-500 {
	border-color: rgba(107, 114, 128);
}
.dark .dark\:border-gray-600 {
	border-color: rgba(75, 85, 99);
}
.dark .dark\:border-gray-700 {
	border-color: rgba(55, 65, 81);
}
.dark .dark\:border-gray-900 {
	border-color: rgba(17, 24, 39);
}
.dark .dark\:hover\:border-gray-800:hover {
	border-color: rgba(31, 41, 55);
}
.text-white {
	color: rgba(255, 255, 255);
}
.dark .dark\:text-gray-50 {
	color: rgba(249, 250, 251);
}
.dark .dark\:text-gray-100 {
	color: rgba(243, 244, 246);
}
.dark .dark\:text-gray-200 {
	color: rgba(229, 231, 235);
}
.dark .dark\:text-gray-400 {
	color: rgba(156, 163, 175);
}
.dark .dark\:text-gray-500 {
	color: rgba(107, 114, 128);
}
.dark .dark\:text-gray-700 {
	color: rgba(55, 65, 81);
}
.dark .dark\:text-gray-800 {
	color: rgba(31, 41, 55);
}
.dark .dark\:text-red-100 {
	color: rgba(254, 226, 226);
}
.dark .dark\:text-green-100 {
	color: rgba(209, 250, 229);
}
.dark .dark\:text-blue-400 {
	color: rgba(96, 165, 250);
}
.dark .group:hover .dark\:group-hover\:text-gray-500 {
	color: rgba(107, 114, 128);
}
.dark .group:focus .dark\:group-focus\:text-gray-700 {
	color: rgba(55, 65, 81);
}
.dark .dark\:hover\:text-gray-100:hover {
	color: rgba(243, 244, 246);
}
.dark .dark\:hover\:text-blue-500:hover {
	color: rgba(59, 130, 246);
}
.bg-gray-600:hover {
	background-color: #0073db;
	opacity: 0.8;
	transition: 0.5s;
}
.bg-blue-900:hover {
	transition: 0.5s;
}
.dark .dark\:sidebardarkbackground {
	background-color: #03225e;
}
.darkbuttonhover:hover {
	background-color: #1f2937;
}
.dark .dark\:hover\:bg-dropdown:hover {
	background-color: #0053cf;
	transition: 0.5s;
}
.darkbackground:hover {
	background-color: #203c8c;
}
.dark .dark\:bg-blue-850 {
	background-color: rgba(0, 26, 99, 0.911);
}
.dark .dark\:tabledark {
	background-color: #1f2937;
}
.dark .dark\:tabledark:hover {
	background-color: #222b36;
}
.dark .dark\:tabletopdark {
	background-color: #25303f;
	border-color: #364050;
}
.dark .dark\:bordertabledark {
	border-color: #364050;
}
.dark .dark\:tabledarkmobile {
	background-color: #172e71;
}
.dark .dark\:modaldark {
	background-color: #343e4e;
	color: #fff;
}
.dark .dark\:modaldark4 {
	background-color: #343e4e;
	color: #fff;
}
.dark .dark\:modaldark4:hover {
	background-color: #2b3341;
	color: #fff;
}
.dark .dark\:modaldark2 {
	background-color: #2b3441;
	color: #fff;
}
.dark .dark\:modaldark3 {
	background-color: #2b3441;
	color: #fff;
	border-color: #222933;
}
.dark .dark\:tablehover:hover {
	background-color: #2f3742;
}
.dark .dark\:borderdark {
	border-color: #364050;
}
.dropdownmenu:hover {
	transition: 0.5s;
}
.language-select{
	background-color: #03225e !important;
}
.dark .dark\:whitetextsettings {
	color: #fff;
}
.bg-white {
	background-color: #fff;
}
.text-white {
	color: #fff;
}
.dark .dark\:bg-blue-1000 {
	background-color: rgb(0, 19, 71);
}

/* Custom style */
.header-right {
	width: calc(100% - 3.5rem);
}
.submitbutton:hover {
	background-color: #0064bb;
	transition: 0.5s;
}
.submitbutton {
	background-color: #0073db;
	transition: 0.5s;
}
.sidebar:hover {
	width: 16rem;
}
@media only screen and (min-width: 768px) {
	.header-right {
		width: calc(100% - 16rem);
	}
}

@media (max-width: 1022px) {
	.navbar-menu {
		transition: 0.3s;
		width: 56px !important;
	}

	.navbar-menu.active {
		width: 200px !important;
	}
}
.navbar-burger.active .bar-top {
	transform: translate(-50%, -50%) rotate(-315deg);
	bottom: 80px;
}
.navbar-burger.active .bar-mid {
	opacity: 0;
}
.navbar-burger.active .bar-bottom {
	transform: translate(-50%, -50%) rotate(-225deg);
	bottom: 80px;
}
.ham-bar {
	width: 33px;
	height: 4px;
	background-color: #fff;
	border-radius: 25px;
	position: absolute;
	transform: translate(-50%, -50%);
	margin-left: 25px;
	transition: transform 0.6s, opacity 0.8s, top 0.6s;
}
.ham-bar.active {
	margin-left: 28px;
}
.bar-top {
	bottom: 80px;
}
.bar-bottom {
	bottom: 70px;
}
.navbar-burger {
	padding: 2px;
}
.colorlabel {
	color: #292929;
}
.dark .dark\:inputfield {
	background-color: #364050;
	border-color: #364050;
}
.dark .dark\:inputfield2:hover {
	background-color: #525f72;
	border-color: #505d70;
}
.dark .dark\:inputfield2 {
	background-color: #3d4858;
	border-color: #3d4858;
}

.dark .dark\:button {
	background-color: #1e3a8a;
}
.dark .dark\:button:hover {
	background-color: #193172;
}
.dark .dark\:backgroundmain {
	background: #1f2937;
}
.dark .dark\:backgroundmain3 {
	background: #252f3d;
}
.dark .dark\:mainbackground2 {
	background: #1a222c;
}

/* active menu */
body.dashboard li.dashboard-nav a {
	background-color: #203c8c;
	border-color: rgba(31, 41, 55);
}
body.dashboard #darkorlight.dark li.dashboard-nav a {
	background-color: #203c8c;
	border-color: rgba(31, 41, 55);
}

body.restaurants li.restaurants-nav a {
	background-color: #203c8c;
	border-color: rgba(31, 41, 55);
}
body.restaurants #darkorlight.dark li.restaurants-nav a {
	background-color: #203c8c;
	border-color: rgba(31, 41, 55);
}

body.orders li.orders-nav a {
	background-color: #203c8c;
	border-color: rgba(31, 41, 55);
}
body.orders #darkorlight.dark li.orders-nav a {
	background-color: #203c8c;
	border-color: rgba(31, 41, 55);
}

body.settings button.settings-nav {
	background-color: #203c8c;
	border-color: rgba(31, 41, 55);
}
body.settings #darkorlight.dark button.settings-nav {
	background-color: #203c8c;
	border-color: rgba(31, 41, 55);
}
.dark .dark\:whitetext {
	color: #fff;
}
.navbar-active .darkbackground {
	background-color: #203c8c !important;
}
.dark .dark\:darkmodalhover:hover {
	background-color: #001347;
	color: #fff;
}

.statscards {
	background-color: #ffc155;
	color: #fff;
	border-color: #ffe1ae;
}

.dark .dark\:statscardsdark {
	background-color: #fdb537;
	color: #ffffff;
	border-color: #fccc79;
}

.dark .dark\:svg {
	background-color: #1f2937;
	color: #ffffff;
}
.height {
	height: 220px;
}

@media (min-width: 1024px) {
	.height {
		height: 400px;
	}
}

@media (max-width: 1023px) and (min-width: 727px) {
	.height {
		height: 300px;
	}
}

.heightmobile {
	height: 300px;
}

.dark .dark\:darktable {
	background-color: #323c4a;
	color: #ffffff;
	border-color: #5b636e;
}
.dark .dark\:moredarktable {
	background-color: #2b343f;
	color: #ffffff;
	border-color: #5b636e;
}

#store-settings {
	overflow-y: auto !important;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.custom-number-input input:focus {
	outline: none !important;
}

.custom-number-input button:focus {
	outline: none !important;
}
@media only screen and (max-width: 1350px) {
    .table-coupons {
      width: 150px;
    }
  }

  @media only screen and (max-width: 1000px) {
    .table-coupons {
      width: 120px;
    }
  }

  @media only screen and (max-width: 1350px) {
    .table-users {
      width: 150px;
    }
  }

  @media only screen and (max-width: 1000px) {
    .table-users {
      width: 120px;
    }
  }

  @media only screen and (min-width: 1350px) {
    .table-qr {
      width: 380px;
    }
  }

  @media only screen and (max-width: 1350px) {
    .table-qr {
      width: 230px;
    }
  }

  @media only screen and (max-width: 1000px) {
    .table-qr {
      width: 180px;
    }
  }

  @media only screen and (max-width: 600px) {
    .table-qr {
      width: 100px;
    }
  }

  @media only screen and (max-width: 950px) {
    .menu-customizer {
      display: none;
    }
  }

  @media only screen and (min-width: 950px) {
    .menu-customizer-mobile {
      display: none;
    }
  }

  .product::after{
	content: "\a";
    white-space: pre;
  }

  @media only screen and (min-width: 1850px) {
    .create-product-category {
      display: flex;
	  margin-bottom: 0px;
    }
  }

  @media only screen and (max-width: 1850px) {
    .create-category {
	  margin-bottom: 6px;
    }
  }

  .products-categories{
	height: 55vh;
  }

  @media only screen and (max-width: 1850px) {
	.products-categories{
		height: 75%;
	  }
  }

  .multiselect-dropdown[_ngcontent-ng-c3507057002] .dropdown-btn[_ngcontent-ng-c3507057002]{
	border: 0px solid #adadad !important;
	padding-left: 10px !important;
	margin-right: 20px !important;
  }

  .multiselect-dropdown[_ngcontent-ng-c3507057002] .dropdown-btn[_ngcontent-ng-c3507057002] .dropdown-multiselect__caret[_ngcontent-ng-c3507057002]{
	height: 38px !important;
  }

  span.selected-item-container{
	position: relative !important;
	margin-right: 5px !important;
	width: auto !important;
  }

  .multiselect-dropdown[_ngcontent-ng-c3507057002] .dropdown-btn[_ngcontent-ng-c3507057002] .selected-item-container[_ngcontent-ng-c3507057002] .selected-item[_ngcontent-ng-c3507057002]{
	background-color: #0073db !important;
	border: 1px solid #0073db !important;
  }

  .multiselect-item-checkbox[_ngcontent-ng-c3507057002] input[type="checkbox"][_ngcontent-ng-c3507057002]:checked + div::before{
	background: #0073db !important;
  }

  .multiselect-item-checkbox[_ngcontent-ng-c3507057002] input[type="checkbox"] + div[_ngcontent-ng-c3507057002]::before{
	border: 2px solid #0073db !important;
  }

  /* span{
	color: #fff;
  } */

  .primarybutton{
	background-color: #03225e;
	border-radius: 0.375rem;
	color: #fff;
  }
  .primarybutton:hover{
	transition: 0.5s;
	opacity: 0.9;
  }
.dark .dark\:primarybutton{
	background-color: #1e3a8a;
	opacity: 0.9;
}
.dark .dark\:primarybutton:hover{
	opacity: 0.7;
	transition: 0.5s;
}

.inactive{
	background-color: rgba(211, 64, 83, 0.1);
}

.suspended{
	background-color: rgba(211, 64, 83, 0.1);
}

.select-dropdown{
	width: 100px;
	overflow: hidden;
	position: relative;
	padding: 3px 0;
  }
  .select-dropdown:after{
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #637381;
	position: absolute;
	top: 40%;
	right: 5px;
	content: "";
	z-index: 98;
   }

   .select-dropdown select{
	width: 120px;
	border: 0;
	position: relative;
	z-index: 99;
	background: none;
  }

   .dark .dark\:select-dropdown{
	width: 100px;
	overflow: hidden;
	position: relative;
	padding: 3px 0;
   }

   .dark .dark\:select-dropdown:after{
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	position: absolute;
	top: 40%;
	right: 5px;
	content: "";
	z-index: 98;
   }

   .dark .dark\:select-dropdown select{
	width: 120px;
	border: 0;
	position: relative;
	z-index: 97;
	background-color: #313d4a;
   }
   .dark .dark\:selectedmenu{
	background-color: #172e71 !important;
	color: #fff !important;
	border: #353f4f !important;
   }
   .selectedmenu{
	background-color: #03225e !important;
	color: #fff !important;
	border: #e7e7e7 !important;
   }
   .selectedmenu:hover{
	opacity: 80%;
   }