/* -------------------------------------- */
/*OLD $theme-green:#437B00;
$theme-green-light:#bcdd93;
$theme-green-verylight:#effddd;
$theme-green-page-bg:#7b8075;
$theme-green-dark-page-bg:#000000; */
/* React fixes */
body.drawer-opened {
  padding-right: 0 !important;
}

.theme-yellow .widget-title-border {
  background-color: #FFF0D6;
}

.dark-mode .theme-yellow .widget-title-border {
  background-color: #FFC500;
}

.theme-yellow.dark-mode {
  background-color: #000000 !important;
}

.theme-blue.dark-mode {
  background-color: #000000 !important;
}

.theme-green.dark-mode {
  background-color: #000000 !important;
}

.theme-black.dark-mode {
  background-color: #000000 !important;
}

.theme-ads.dark-mode {
  background-color: #707070 !important;
}

.theme-red.dark-mode {
  background-color: #000000 !important;
}

.theme-maroon.dark-mode {
  background-color: #000000 !important;
}

.theme-christmas.dark-mode {
  background-color: #002a39 !important;
}

.theme-diwali.dark-mode {
  background-color: #4e0451 !important;
}

.theme-thanks.dark-mode {
  background-color: #150b04 !important;
}

.theme-newyear.dark-mode {
  background-color: #150b04 !important;
}

.theme-gray.dark-mode {
  background-color: #000000 !important;
}

.theme-printer.dark-mode {
  background-color: #000000 !important;
}

.theme-yellow {
  background-color: #b3a58e !important;
}
.theme-yellow #burger-menu svg {
  color: #FFC25A !important;
}
.theme-yellow #burger-menu:hover svg {
  color: white !important;
}

.theme-green {
  background-color: #779187 !important;
}
.theme-green #burger-menu svg {
  color: #a1d0be !important;
}
.theme-green #burger-menu:hover svg {
  color: white !important;
}
.theme-green .drawer-box .button, .theme-green .box-button {
  background-color: #a1d0be;
}
.theme-green .drawer-box .button:hover, .theme-green .box-button:hover {
  background-color: #ecfcf6;
}

.theme-blue {
  background-color: #848b91 !important;
}
.theme-blue #burger-menu svg {
  color: #a8e6fd !important;
}
.theme-blue #burger-menu:hover svg {
  color: white !important;
}
.theme-blue .drawer-box .button, .theme-blue .box-button {
  background-color: #a8e6fd;
}
.theme-blue .drawer-box .button:hover, .theme-blue .box-button:hover {
  background-color: #ecf9ff;
}

.theme-maroon {
  background-color: #8a767f !important;
}
.theme-maroon #burger-menu svg {
  color: #fcb0d9 !important;
}
.theme-maroon #burger-menu:hover svg {
  color: white !important;
}
.theme-maroon .drawer-box .button, .theme-maroon .box-button {
  background-color: #fcb0d9;
}
.theme-maroon .drawer-box .button:hover, .theme-maroon .box-button:hover {
  background-color: #fde8f4;
}

.theme-red {
  background-color: #987f80;
}
.theme-red #burger-menu svg {
  color: #fda8ac !important;
}
.theme-red #burger-menu:hover svg {
  color: white !important;
}
.theme-red .drawer-box .button, .theme-red .box-button {
  background-color: #fda8ac;
}
.theme-red .drawer-box .button:hover, .theme-red .box-button:hover {
  background-color: #fdd7d8;
}

.theme-black {
  background-color: black !important;
}
.theme-black #burger-menu svg {
  color: #dadada !important;
}
.theme-black #burger-menu:hover svg {
  color: white !important;
}
.theme-black .drawer-box .button, .theme-black .box-button, .theme-black .dark-mode #burger-menu {
  background-color: #dadada;
}
.theme-black .drawer-box .button:hover, .theme-black .box-button:hover {
  background-color: #ebebeb;
}

.theme-ads {
  background-color: #999999 !important;
}
.theme-ads #burger-menu svg {
  color: #dadada !important;
}
.theme-ads #burger-menu:hover svg {
  color: white !important;
}
.theme-ads .drawer-box .button, .theme-ads .box-button, .theme-ads .dark-mode #burger-menu {
  background-color: #dadada;
}
.theme-ads .drawer-box .button:hover, .theme-ads .box-button:hover {
  background-color: #ebebeb;
}

.theme-newyear {
  background-color: #999999 !important;
}
.theme-newyear #burger-menu svg {
  color: #dadada !important;
}
.theme-newyear #burger-menu:hover svg {
  color: white !important;
}
.theme-newyear .drawer-box .button, .theme-newyear .box-button, .theme-newyear .dark-mode #burger-menu {
  background-color: #dadada;
}
.theme-newyear .drawer-box .button:hover, .theme-newyear .box-button:hover {
  background-color: #ebebeb;
}

.theme-christmas {
  background-color: #0f87dd !important;
}
.theme-christmas #burger-menu svg {
  color: #a8e6fd !important;
}
.theme-christmas #burger-menu:hover svg {
  color: white !important;
}
.theme-christmas .drawer-box .button, .theme-christmas .box-button, .theme-christmas .dark-mode #burger-menu {
  background-color: #a8e6fd;
}
.theme-christmas .drawer-box .button:hover, .theme-christmas .box-button:hover {
  background-color: #ecf9ff;
}

.theme-diwali {
  background-color: #4e0451 !important;
}
.theme-diwali #burger-menu svg {
  color: #fcb0d9 !important;
}
.theme-diwali #burger-menu:hover svg {
  color: white !important;
}
.theme-diwali .drawer-box .button, .theme-diwali .box-button, .theme-diwali .dark-mode #burger-menu {
  background-color: #fcb0d9;
}
.theme-diwali .drawer-box .button:hover, .theme-diwali .box-button:hover {
  background-color: #fde8f4;
}

.theme-thanks {
  background-color: #FFCC76 !important;
}
.theme-thanks #burger-menu svg {
  color: #FFC25A !important;
}
.theme-thanks #burger-menu:hover svg {
  color: white !important;
}
.theme-thanks .drawer-box .button, .theme-thanks .box-button, .theme-thanks .dark-mode #burger-menu {
  background-color: #FFC25A;
}
.theme-thanks .drawer-box .button:hover, .theme-thanks .box-button:hover {
  background-color: #FFF0D6;
}

.theme-gray {
  background-color: #fafafa !important;
}
.theme-gray #burger-menu svg {
  color: #ececec !important;
}
.theme-gray #burger-menu:hover svg {
  color: white !important;
}
.theme-gray .drawer-box .button, .theme-gray .box-button, .theme-gray .dark-mode #burger-menu {
  background-color: #ececec;
}
.theme-gray .drawer-box .button:hover, .theme-gray .box-button:hover {
  background-color: #f7f7f7;
}

.theme-printer {
  background-color: white !important;
}
.theme-printer #burger-menu svg {
  color: #ececec !important;
}
.theme-printer #burger-menu:hover svg {
  color: white !important;
}
.theme-printer .drawer-box .button, .theme-printer .box-button, .theme-printer .dark-mode #burger-menu {
  background-color: #ececec;
}
.theme-printer .drawer-box .button:hover, .theme-printer .box-button:hover {
  background-color: #f7f7f7;
}

/* ---------------------------- */
.theme-diwali #burger-menu {
  background-color: white !important;
}
.theme-diwali #burger-menu svg {
  fill: #88004A !important;
}

.theme-yellow.dark-mode #burger-menu {
  background-color: #FFC500 !important;
}
.theme-yellow.dark-mode #burger-menu svg {
  fill: unset !important;
}

.theme-blue.dark-mode #burger-menu {
  background-color: #005E80 !important;
}
.theme-blue.dark-mode #burger-menu svg {
  fill: white !important;
}

.theme-red.dark-mode #burger-menu {
  background-color: #bd0009 !important;
}
.theme-red.dark-mode #burger-menu svg {
  fill: white !important;
}

.theme-green.dark-mode #burger-menu {
  background-color: #009a61 !important;
}
.theme-green.dark-mode #burger-menu svg {
  fill: white !important;
}

.theme-black.dark-mode #burger-menu, .theme-ads.dark-mode #burger-menu {
  background-color: #000000 !important;
}
.theme-black.dark-mode #burger-menu svg, .theme-ads.dark-mode #burger-menu svg {
  fill: white !important;
}

.theme-maroon.dark-mode #burger-menu {
  background-color: #88004A !important;
}
.theme-maroon.dark-mode #burger-menu svg {
  fill: white !important;
}

.theme-diwali.dark-mode #burger-menu {
  background-color: #88004A !important;
}
.theme-diwali.dark-mode #burger-menu svg {
  fill: white !important;
}

.theme-christmas.dark-mode #burger-menu {
  background-color: #005E80 !important;
}
.theme-christmas.dark-mode #burger-menu svg {
  fill: white !important;
}

.theme-gray.dark-mode #burger-menu {
  background-color: #757575 !important;
}
.theme-gray.dark-mode #burger-menu svg {
  fill: white !important;
}

.theme-printer.dark-mode #burger-menu {
  background-color: #757575 !important;
}
.theme-printer.dark-mode #burger-menu svg {
  fill: white !important;
}

/* ---------------------------- */
.dark-mode .theme-blue, .dark-mode .theme-green, .dark-mode .theme-yellow, .dark-mode .theme-red, .dark-mode .theme-maroon, .dark-mode .theme-black, .dark-mode .theme-christmas, .dark-mode .theme-diwali, .dark-mode .theme-thanks, .dark-mode .theme-gray, .dark-mode .theme-printer, .dark-mode .theme-newyear {
  background-color: transparent !important;
}

/* ---------------------------- */
@media screen and (max-width: 992px) {
  body {
    background-image: unset !important;
  }
}

/* ---------------------------- */
.theme-lego .widget-title-border {
  background-color: #FFF0D6;
}

.dark-mode .theme-lego .widget-title-border {
  background-color: #FFC500;
}

.theme-lego.dark-mode {
  background-color: #000000 !important;
}

.theme-lego {
  background-color: #91907f !important;
}
.theme-lego #burger-menu svg {
  color: #fffbc3 !important;
}
.theme-lego #burger-menu:hover svg {
  color: white !important;
}
.theme-lego .drawer-box .button, .theme-lego .box-button {
  background-color: #fffbc3;
}
.theme-lego .drawer-box .button:hover, .theme-lego .box-button:hover {
  background-color: #fffbc3;
}

.theme-lego.dark-mode #burger-menu {
  background-color: #FFED00 !important;
}
.theme-lego.dark-mode #burger-menu svg {
  fill: unset !important;
}

.dark-mode .theme-lego {
  background-color: transparent !important;
}

body {
  overflow: auto !important;
  font-size: 13px;
}

a {
  text-decoration: none;
}

.font-arial {
  font-family: Arial, Helvetica, sans-serif;
}

* {
  -webkit-transition: 0s;
  transition: 0s;
}

.shadow, .theme-btn, .widget {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2) !important;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2) !important;
}

.wrapper {
  min-height: calc(100vh - 50px);
}

.layout-simple .invoice-wrap {
  Xwidth: 850px;
  margin: 0 auto;
  padding: 0 0.5em;
}

.layout-small .invoice-wrap {
  Xwidth: 500px;
  margin: 0 auto;
  padding: 0 0.5em;
}

.layout-bill .invoice-wrap {
  Xwidth: 300px;
  margin: 0 auto;
  padding: 0 0.5em;
}

.layout-pdf .invoice-wrap {
  margin: 0 auto;
  padding: 0 0.5em;
}

@media screen and (min-width: 992px) {
  .invoice-wrap {
    max-width: 900px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1320px) {
  .invoice-wrap {
    max-width: 1100px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 700px) {
  .invoice-wrap {
    margin: 0 auto;
  }
}
@media screen and (max-width: 992px) {
  .invoice-wrap {
    padding: 0 0.5em;
    border-radius: 0px !important;
  }
}

.widget-row {
  line-height: 150%;
}

.widget-row:not(:first-child) {
  margin-top: 1em;
}

.widget {
  padding: 0;
  border-radius: 6px;
  overflow-y: hidden;
  line-height: 150%;
  height: 100%;
}
@media screen and (min-width: 568px) {
  .widget {
    height: 100%;
  }
}
.widget-title {
  padding: 0.75em 0;
  display: block;
  line-height: 1.6;
}

.MuiButtonBase-root {
  border-bottom: 1px solid rgb(230, 230, 230) !important;
}

.MuiButtonBase-root {
  min-height: 50px !important;
}

.collapsed-accordion {
  min-height: unset;
}

@media screen and (min-width: 568px) {
  .expanded-accordion {
    min-height: 100%;
  }
}

@media screen and (max-width: 967px) {
  .invo-3-col iframe {
    margin: 0 auto;
  }
  .set-custom-width {
    width: 100% !important;
  }
}
@media screen and (max-width: 568px) {
  .mob-hide {
    display: none !important;
  }
}
@media only screen and (max-width: 967px) and (min-width: 569px) {
  .tab-hide {
    display: none !important;
  }
}
@media screen and (min-width: 968px) {
  .des-hide {
    display: none !important;
  }
}
/* popup------------- */
#burger-menu, #burger-close1, #burger-static, #noti {
  /* display: block!important; 
  height: 38px!important; width: 38px!important; 
  background-repeat: no-repeat; background-position: center;
  border-radius: 0!important; 
  border: none!important;   
  cursor: pointer; */
  position: fixed;
  top: 5px;
  right: 5px;
}

.notification-container {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10000;
  width: 100%;
  max-width: 600px;
}

.notification {
  right: 55px !important;
  padding-left: 22px;
}
.notification span {
  font-weight: bold;
  font-size: 13px;
  background-color: #e30000;
  padding: 3px 7px;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  left: -45px;
  color: white;
  border: 1px solid white;
  font-family: Arial !important;
}

.notification-container ul li {
  background-color: rgb(247, 247, 247);
  -webkit-transition: 0.5s !important;
  transition: 0.5s !important;
}

.notification-container ul li:hover {
  background-color: rgb(255, 255, 255);
  -webkit-transition: 0.5s !important;
  transition: 0.5s !important;
}

#body-root .bell-btn-move {
  -webkit-transition: 0.5s !important;
  transition: 0.5s !important;
  margin-top: -85px !important;
}

#body-root .notification {
  -webkit-transition: 0.5s !important;
  transition: 0.5s !important;
}

.notification-messages {
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-animation: slideIn 0.5s ease-in-out forwards;
          animation: slideIn 0.5s ease-in-out forwards;
}

@-webkit-keyframes slideIn {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes slideIn {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
/* #burger-menu, #burger-static{ 
    background-image: url('../img/burger.png');
    &:hover{background-image: url('../img/burger-hover.png');
        background-color: transparent!important;}
}
#burger-close{ 
    background-image: url('../img/close.png');     
    &:hover{background-image: url('../img/close-hover.png');}
}
#burger-static{
    position:unset!important; 
    top:unset!important; right:unset!important; 
    display: inline-block!important; margin-left: 0.5em;

} */
.box-button {
  -webkit-transition: 0.25s;
  transition: 0.25s;
  cursor: pointer;
  display: block;
  font-size: 13px;
  text-align: center;
  font-weight: 500;
  background-color: #FFA100;
  border-radius: 0.3em;
  line-height: normal;
  width: 38px;
  height: 38px;
  border: 2px solid rgba(255, 255, 255, 0.4);
}
.box-button svg {
  width: 28px;
  height: 28px;
}
.box-button:hover {
  background-color: white;
  border: 2px solid rgba(255, 255, 255, 0.4);
}
.box-button:hover svg {
  color: #1E1E1E;
}

#burger-menu {
  background-color: #1E1E1E;
  border: 2px solid rgba(0, 0, 0, 0.575) !important;
}
#burger-menu svg {
  color: rgba(255, 255, 255, 0.7);
}
#burger-menu:hover {
  background-color: black;
  border: 2px solid rgb(0, 0, 0);
}
#burger-menu:hover svg {
  color: white;
}

@media screen and (max-width: 992px) {
  #burger-menu {
    display: none !important;
  }
}

.dark-mode #burger-menu {
  border: 2px solid rgba(255, 255, 255, 0.575) !important;
}

.mobile-menu {
  padding: 0 0.5em;
}
@media screen and (min-width: 992px) {
  .mobile-menu {
    display: none !important;
  }
}

#burger-close {
  width: 100px;
}

.MuiDrawer-paper {
  background-color: rgba(0, 0, 0, 0.9) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.drawer-wrap {
  padding: 0 0.5em;
}

.drawer-box .button {
  color: black;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  cursor: pointer;
  display: block;
  margin-bottom: 0.5em;
  padding: 1em 2em;
  font-size: 13px;
  background-color: #FFC25A;
  border-radius: 0.5em;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  line-height: normal;
  text-align: left !important;
}
.drawer-box .button svg {
  width: 26px;
  height: auto;
  max-width: 26px;
  padding-right: 0.5em;
  fill: black;
  margin-bottom: -3px;
}
.drawer-box .button:hover {
  background-color: white;
}

.arabic .drawer-box .button svg {
  margin-left: 10px;
}

#mypopup .MuiPaper-root {
  margin: 0 !important;
}
@media screen and (min-width: 968px) {
  #mypopup .MuiPaper-root {
    min-width: 350px !important;
  }
}
#mypopup .MuiPaper-root h2 {
  border-radius: 0.25em 0.25em 0 0;
  padding: 0.5em 1em;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  height: 50px;
  background-color: #1E1E1E;
  color: white;
}
#mypopup .MuiPaper-root h2 span {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.MuiDrawer-root {
  width: 0px;
}

.MuiAccordionDetails-root {
  padding: 0 !important;
}

#setting *:not(svg, h3) {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px;
}

@media screen and (max-width: 992px) {
  #setting {
    background-color: rgba(31, 31, 31, 0.184) !important;
    margin: 0 1px;
    padding: 5px;
  }
}

#setting-btn {
  display: none;
}

@media screen and (min-width: 1200px) {
  #setting-btn {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0.28em;
    background-color: rgba(255, 255, 255, 0.7);
  }
  #setting-btn svg {
    width: 38px;
  }
  .setting-sticky {
    -webkit-transition: 0.5s !important;
    transition: 0.5s !important;
    position: fixed;
    bottom: 0;
    left: -100vw;
    width: 100vw;
    background-color: rgba(20, 20, 20, 0.2);
    padding: 0.25em !important;
  }
  .setting-sticky.open {
    z-index: 1000;
    left: 0px;
  }
  .setting-sticky.open svg {
    fill: white;
  }
  .setting-sticky.open #setting-btn {
    background-color: unset !important;
  }
}
.flex-center, .box-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.line-height-normal {
  line-height: 100%;
}

.cursor-pointer {
  cursor: pointer;
}

.shadow-none {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

.bg-none {
  background-color: transparent !important;
}

.rounded, .theme-btn {
  border-radius: 0.25em;
}

.bg-white {
  background-color: white;
}

.theme-btn {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-left: 0.5em;
  border: 2px solid rgba(255, 255, 255, 0.8);
}

.theme-btn img {
  width: 22px;
  height: 22px;
}

.theme-btn.active {
  border: 2px solid rgb(0, 0, 0);
  position: relative;
}

.theme-btn.active::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -2px;
  width: 24px;
  margin: auto;
}

/* The device with borders */
.mobile {
  position: relative;
  width: 360px;
  height: 740px;
  margin: auto;
  border: 16px black solid;
  border-top-width: 60px;
  border-bottom-width: 60px;
  border-radius: 36px;
}

/* The horizontal line on the top of the device */
.mobile:before {
  content: "";
  display: block;
  width: 60px;
  height: 5px;
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #333;
  border-radius: 10px;
}

/* The circle on the bottom of the device */
.mobile:after {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  left: 50%;
  bottom: -65px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #333;
  border-radius: 50%;
}

/* The screen (or content) of the device */
.mobile .content {
  width: 330px;
  height: 625px;
  background: white;
}

.tablet {
  position: relative;
  margin: auto;
  width: 631px;
  height: 1060px;
  margin: auto;
  border: 16px black solid;
  border-top-width: 60px;
  border-bottom-width: 60px;
  border-radius: 36px;
}

.tablet-landscape {
  width: 991px !important;
  height: 710px !important;
}

/* The horizontal line on the top of the device */
.tablet:before {
  content: "";
  display: block;
  width: 60px;
  height: 5px;
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #333;
  border-radius: 10px;
}

/* The circle on the bottom of the device */
.tablet:after {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  left: 50%;
  bottom: -65px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #333;
  border-radius: 50%;
}

/* The screen (or content) of the device */
.tablet .content {
  width: 600px;
  height: 960px;
  background: white;
  margin: -1px;
}

.tablet-landscape .content {
  width: 960px !important;
  height: 600px !important;
  background: white;
  margin: -1px;
}

/* Dark mode */
.MuiButtonBase-root, .XXwidget-title-border {
  border-bottom: 0px solid rgb(230, 230, 230) !important;
}

.MuiCollapse-entered {
  border-top: 1px solid rgb(231, 231, 231);
}

.dark-mode .widget-title {
  color: black !important;
}
.dark-mode #root {
  background-color: transparent;
}
.dark-mode .container-xl {
  background-color: #2b2b2b !important;
}
.dark-mode .border-theme-accent {
  border-color: rgb(0, 0, 0) !important;
}
.dark-mode footer .bg-theme-primary {
  background-color: #ffa200 !important;
  color: Black !important;
}
.dark-mode .border-white {
  border-color: rgba(44, 44, 44, 0.2) !important;
}
.dark-mode .box-button:hover {
  background-color: white !important;
}
.dark-mode .box-button svg {
  fill: #1E1E1E !important;
}
.dark-mode .box-button svg:hover {
  fill: black !important;
}/*# sourceMappingURL=style.css.map */