/* Navbar ====================================== */
  @import url(materialize.css);
  @import url(gamedoz.css);
  @import url(fonts/iransans/fontiran.css);

  @font-face {
    font-family: SellenaBrush;
    font-style: normal;
    font-weight: bold;
    src: url(fonts/clementnumbers-regular.otf);
  }

  /* home */
  .rtl {
    direction: rtl;
  }

  .marintop-2 {
    margin-top: 20px;
  }

  .home .navbar {
    background-color: #9c27b0;
  }

  .home .navbar a {
    color: #fff;
  }

  .login-colleague {
    background-color: #66bb6a;
    padding-left: 0;
    max-width: 360px;
    margin: 5% auto;
    overflow-x: hidden;
  }

  .login-colleague .login-box .msg {
    color: #555;
    margin-bottom: 30px;
    text-align: center;
  }

  .login-colleague .login-box a {
    font-size: 14px;
    text-decoration: none;
    color: #00BCD4;
  }

  .login-colleague .login-box .logo {
    margin-bottom: 20px;
  }

  .login-colleague .login-box .logo a {
    font-size: 30px;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
  }

  .login-colleague .login-box .logo small {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: -5px;
  }

  .navbar {
    font-family: "Roboto", sans-serif;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    border: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%;
  }

  .navbar .navbar-brand {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .navbar .navbar-custom-right-menu {
    float: right;
  }

  .navbar .navbar-toggle {
    text-decoration: none;
    color: #fff;
    width: 20px;
    height: 20px;
    margin-top: -4px;
    margin-right: 17px;
  }

  .navbar .navbar-toggle:before {
    content: '\E8D5';
    font-family: 'Material Icons';
    font-size: 26px;
  }

  .navbar .navbar-collapse.in {
    overflow: visible;
  }

  .ls-closed .sidebar {
    margin-left: -300px;
  }

  .ls-closed section.content {
    margin-left: 15px;
  }

  .ls-closed .bars:after,
  .ls-closed .bars:before {
    font-family: 'Material Icons';
    font-size: 24px;
    position: absolute;
    top: 18px;
    left: 20px;
    margin-right: 10px;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  .ls-closed .bars:before {
    content: '\E5D2';
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .ls-closed .bars:after {
    content: '\E5C4';
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  .ls-closed .navbar-brand {
    margin-left: 30px;
  }

  .overlay-open .bars:before {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  .overlay-open .bars:after {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .navbar-header {
    padding: 10px 7px;
  }

  .navbar-header .bars {
    float: left;
    text-decoration: none;
  }

  .navbar-nav>li>a {
    padding: 7px 7px 2px 7px;
    margin-top: 17px;
    margin-left: 5px;
  }

  .navbar-nav .dropdown-menu {
    margin-top: -40px !important;
  }

  .label-count {
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 10px;
    line-height: 15px;
    background-color: #000;
    padding: 0 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  }

  .col-red .navbar .navbar-brand,
  .col-red .navbar .navbar-brand:hover,
  .col-red .navbar .navbar-brand:active,
  .col-red .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-red .navbar .nav>li>a:hover,
  .col-red .navbar .nav>li>a:focus,
  .col-red .navbar .nav .open>a,
  .col-red .navbar .nav .open>a:hover,
  .col-red .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-red .navbar .nav>li>a {
    color: #fff;
  }

  .col-red .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-red .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-pink .navbar .navbar-brand,
  .col-pink .navbar .navbar-brand:hover,
  .col-pink .navbar .navbar-brand:active,
  .col-pink .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-pink .navbar .nav>li>a:hover,
  .col-pink .navbar .nav>li>a:focus,
  .col-pink .navbar .nav .open>a,
  .col-pink .navbar .nav .open>a:hover,
  .col-pink .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-pink .navbar .nav>li>a {
    color: #fff;
  }

  .col-pink .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-pink .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-purple .navbar .navbar-brand,
  .col-purple .navbar .navbar-brand:hover,
  .col-purple .navbar .navbar-brand:active,
  .col-purple .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-purple .navbar .nav>li>a:hover,
  .col-purple .navbar .nav>li>a:focus,
  .col-purple .navbar .nav .open>a,
  .col-purple .navbar .nav .open>a:hover,
  .col-purple .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-purple .navbar .nav>li>a {
    color: #fff;
  }

  .col-purple .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-purple .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-deep-purple .navbar .navbar-brand,
  .col-deep-purple .navbar .navbar-brand:hover,
  .col-deep-purple .navbar .navbar-brand:active,
  .col-deep-purple .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-deep-purple .navbar .nav>li>a:hover,
  .col-deep-purple .navbar .nav>li>a:focus,
  .col-deep-purple .navbar .nav .open>a,
  .col-deep-purple .navbar .nav .open>a:hover,
  .col-deep-purple .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-deep-purple .navbar .nav>li>a {
    color: #fff;
  }

  .col-deep-purple .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-deep-purple .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-indigo .navbar .navbar-brand,
  .col-indigo .navbar .navbar-brand:hover,
  .col-indigo .navbar .navbar-brand:active,
  .col-indigo .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-indigo .navbar .nav>li>a:hover,
  .col-indigo .navbar .nav>li>a:focus,
  .col-indigo .navbar .nav .open>a,
  .col-indigo .navbar .nav .open>a:hover,
  .col-indigo .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-indigo .navbar .nav>li>a {
    color: #fff;
  }

  .col-indigo .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-indigo .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-blue .navbar .navbar-brand,
  .col-blue .navbar .navbar-brand:hover,
  .col-blue .navbar .navbar-brand:active,
  .col-blue .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-blue .navbar .nav>li>a:hover,
  .col-blue .navbar .nav>li>a:focus,
  .col-blue .navbar .nav .open>a,
  .col-blue .navbar .nav .open>a:hover,
  .col-blue .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-blue .navbar .nav>li>a {
    color: #fff;
  }

  .col-blue .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-blue .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-light-blue .navbar .navbar-brand,
  .col-light-blue .navbar .navbar-brand:hover,
  .col-light-blue .navbar .navbar-brand:active,
  .col-light-blue .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-light-blue .navbar .nav>li>a:hover,
  .col-light-blue .navbar .nav>li>a:focus,
  .col-light-blue .navbar .nav .open>a,
  .col-light-blue .navbar .nav .open>a:hover,
  .col-light-blue .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-light-blue .navbar .nav>li>a {
    color: #fff;
  }

  .col-light-blue .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-light-blue .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-cyan .navbar .navbar-brand,
  .col-cyan .navbar .navbar-brand:hover,
  .col-cyan .navbar .navbar-brand:active,
  .col-cyan .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-cyan .navbar .nav>li>a:hover,
  .col-cyan .navbar .nav>li>a:focus,
  .col-cyan .navbar .nav .open>a,
  .col-cyan .navbar .nav .open>a:hover,
  .col-cyan .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-cyan .navbar .nav>li>a {
    color: #fff;
  }

  .col-cyan .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-cyan .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-teal .navbar .navbar-brand,
  .col-teal .navbar .navbar-brand:hover,
  .col-teal .navbar .navbar-brand:active,
  .col-teal .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-teal .navbar .nav>li>a:hover,
  .col-teal .navbar .nav>li>a:focus,
  .col-teal .navbar .nav .open>a,
  .col-teal .navbar .nav .open>a:hover,
  .col-teal .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-teal .navbar .nav>li>a {
    color: #fff;
  }

  .col-teal .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-teal .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-green .navbar .navbar-brand,
  .col-green .navbar .navbar-brand:hover,
  .col-green .navbar .navbar-brand:active,
  .col-green .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-green .navbar .nav>li>a:hover,
  .col-green .navbar .nav>li>a:focus,
  .col-green .navbar .nav .open>a,
  .col-green .navbar .nav .open>a:hover,
  .col-green .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-green .navbar .nav>li>a {
    color: #fff;
  }

  .col-green .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-green .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-light-green .navbar .navbar-brand,
  .col-light-green .navbar .navbar-brand:hover,
  .col-light-green .navbar .navbar-brand:active,
  .col-light-green .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-light-green .navbar .nav>li>a:hover,
  .col-light-green .navbar .nav>li>a:focus,
  .col-light-green .navbar .nav .open>a,
  .col-light-green .navbar .nav .open>a:hover,
  .col-light-green .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-light-green .navbar .nav>li>a {
    color: #fff;
  }

  .col-light-green .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-light-green .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-lime .navbar .navbar-brand,
  .col-lime .navbar .navbar-brand:hover,
  .col-lime .navbar .navbar-brand:active,
  .col-lime .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-lime .navbar .nav>li>a:hover,
  .col-lime .navbar .nav>li>a:focus,
  .col-lime .navbar .nav .open>a,
  .col-lime .navbar .nav .open>a:hover,
  .col-lime .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-lime .navbar .nav>li>a {
    color: #fff;
  }

  .col-lime .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-lime .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-yellow .navbar .navbar-brand,
  .col-yellow .navbar .navbar-brand:hover,
  .col-yellow .navbar .navbar-brand:active,
  .col-yellow .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-yellow .navbar .nav>li>a:hover,
  .col-yellow .navbar .nav>li>a:focus,
  .col-yellow .navbar .nav .open>a,
  .col-yellow .navbar .nav .open>a:hover,
  .col-yellow .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-yellow .navbar .nav>li>a {
    color: #fff;
  }

  .col-yellow .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-yellow .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-amber .navbar .navbar-brand,
  .col-amber .navbar .navbar-brand:hover,
  .col-amber .navbar .navbar-brand:active,
  .col-amber .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-amber .navbar .nav>li>a:hover,
  .col-amber .navbar .nav>li>a:focus,
  .col-amber .navbar .nav .open>a,
  .col-amber .navbar .nav .open>a:hover,
  .col-amber .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-amber .navbar .nav>li>a {
    color: #fff;
  }

  .col-amber .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-amber .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-orange .navbar .navbar-brand,
  .col-orange .navbar .navbar-brand:hover,
  .col-orange .navbar .navbar-brand:active,
  .col-orange .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-orange .navbar .nav>li>a:hover,
  .col-orange .navbar .nav>li>a:focus,
  .col-orange .navbar .nav .open>a,
  .col-orange .navbar .nav .open>a:hover,
  .col-orange .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-orange .navbar .nav>li>a {
    color: #fff;
  }

  .col-orange .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-orange .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-deep-orange .navbar .navbar-brand,
  .col-deep-orange .navbar .navbar-brand:hover,
  .col-deep-orange .navbar .navbar-brand:active,
  .col-deep-orange .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-deep-orange .navbar .nav>li>a:hover,
  .col-deep-orange .navbar .nav>li>a:focus,
  .col-deep-orange .navbar .nav .open>a,
  .col-deep-orange .navbar .nav .open>a:hover,
  .col-deep-orange .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-deep-orange .navbar .nav>li>a {
    color: #fff;
  }

  .col-deep-orange .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-deep-orange .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-brown .navbar .navbar-brand,
  .col-brown .navbar .navbar-brand:hover,
  .col-brown .navbar .navbar-brand:active,
  .col-brown .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-brown .navbar .nav>li>a:hover,
  .col-brown .navbar .nav>li>a:focus,
  .col-brown .navbar .nav .open>a,
  .col-brown .navbar .nav .open>a:hover,
  .col-brown .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-brown .navbar .nav>li>a {
    color: #fff;
  }

  .col-brown .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-brown .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-grey .navbar .navbar-brand,
  .col-grey .navbar .navbar-brand:hover,
  .col-grey .navbar .navbar-brand:active,
  .col-grey .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-grey .navbar .nav>li>a:hover,
  .col-grey .navbar .nav>li>a:focus,
  .col-grey .navbar .nav .open>a,
  .col-grey .navbar .nav .open>a:hover,
  .col-grey .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-grey .navbar .nav>li>a {
    color: #fff;
  }

  .col-grey .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-grey .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-blue-grey .navbar .navbar-brand,
  .col-blue-grey .navbar .navbar-brand:hover,
  .col-blue-grey .navbar .navbar-brand:active,
  .col-blue-grey .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-blue-grey .navbar .nav>li>a:hover,
  .col-blue-grey .navbar .nav>li>a:focus,
  .col-blue-grey .navbar .nav .open>a,
  .col-blue-grey .navbar .nav .open>a:hover,
  .col-blue-grey .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-blue-grey .navbar .nav>li>a {
    color: #fff;
  }

  .col-blue-grey .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-blue-grey .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-black .navbar .navbar-brand,
  .col-black .navbar .navbar-brand:hover,
  .col-black .navbar .navbar-brand:active,
  .col-black .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-black .navbar .nav>li>a:hover,
  .col-black .navbar .nav>li>a:focus,
  .col-black .navbar .nav .open>a,
  .col-black .navbar .nav .open>a:hover,
  .col-black .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-black .navbar .nav>li>a {
    color: #fff;
  }

  .col-black .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-black .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-white .navbar .navbar-brand,
  .col-white .navbar .navbar-brand:hover,
  .col-white .navbar .navbar-brand:active,
  .col-white .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-white .navbar .nav>li>a:hover,
  .col-white .navbar .nav>li>a:focus,
  .col-white .navbar .nav .open>a,
  .col-white .navbar .nav .open>a:hover,
  .col-white .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-white .navbar .nav>li>a {
    color: #fff;
  }

  .col-white .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-white .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  /* Material Icons ============================== */
  .material-icons.md-18 {
    font-size: 18px;
  }

  .material-icons.md-24 {
    font-size: 24px;
  }

  .material-icons.md-26 {
    font-size: 26px;
  }

  .material-icons.md-28 {
    font-size: 28px;
  }

  .material-icons.md-30 {
    font-size: 30px;
  }

  .material-icons.md-32 {
    font-size: 32px;
  }

  .material-icons.md-36 {
    font-size: 36px;
  }

  .material-icons.md-48 {
    font-size: 48px;
  }

  /* Helpers ===================================== */
  .m-l--125 {
    margin-left: -125px;
  }

  .m-t--125 {
    margin-top: -125px;
  }

  .m-r--125 {
    margin-right: -125px;
  }

  .m-b--125 {
    margin-bottom: -125px;
  }

  .m-l--120 {
    margin-left: -120px;
  }

  .m-t--120 {
    margin-top: -120px;
  }

  .m-r--120 {
    margin-right: -120px;
  }

  .m-b--120 {
    margin-bottom: -120px;
  }

  .m-l--115 {
    margin-left: -115px;
  }

  .m-t--115 {
    margin-top: -115px;
  }

  .m-r--115 {
    margin-right: -115px;
  }

  .m-b--115 {
    margin-bottom: -115px;
  }

  .m-l--110 {
    margin-left: -110px;
  }

  .m-t--110 {
    margin-top: -110px;
  }

  .m-r--110 {
    margin-right: -110px;
  }

  .m-b--110 {
    margin-bottom: -110px;
  }

  .m-l--105 {
    margin-left: -105px;
  }

  .m-t--105 {
    margin-top: -105px;
  }

  .m-r--105 {
    margin-right: -105px;
  }

  .m-b--105 {
    margin-bottom: -105px;
  }

  .m-l--100 {
    margin-left: -100px;
  }

  .m-t--100 {
    margin-top: -100px;
  }

  .m-r--100 {
    margin-right: -100px;
  }

  .m-b--100 {
    margin-bottom: -100px;
  }

  .m-l--95 {
    margin-left: -95px;
  }

  .m-t--95 {
    margin-top: -95px;
  }

  .m-r--95 {
    margin-right: -95px;
  }

  .m-b--95 {
    margin-bottom: -95px;
  }

  .m-l--90 {
    margin-left: -90px;
  }

  .m-t--90 {
    margin-top: -90px;
  }

  .m-r--90 {
    margin-right: -90px;
  }

  .m-b--90 {
    margin-bottom: -90px;
  }

  .m-l--85 {
    margin-left: -85px;
  }

  .m-t--85 {
    margin-top: -85px;
  }

  .m-r--85 {
    margin-right: -85px;
  }

  .m-b--85 {
    margin-bottom: -85px;
  }

  .m-l--80 {
    margin-left: -80px;
  }

  .m-t--80 {
    margin-top: -80px;
  }

  .m-r--80 {
    margin-right: -80px;
  }

  .m-b--80 {
    margin-bottom: -80px;
  }

  .m-l--75 {
    margin-left: -75px;
  }

  .m-t--75 {
    margin-top: -75px;
  }

  .m-r--75 {
    margin-right: -75px;
  }

  .m-b--75 {
    margin-bottom: -75px;
  }

  .m-l--70 {
    margin-left: -70px;
  }

  .m-t--70 {
    margin-top: -70px;
  }

  .m-r--70 {
    margin-right: -70px;
  }

  .m-b--70 {
    margin-bottom: -70px;
  }

  .m-l--65 {
    margin-left: -65px;
  }

  .m-t--65 {
    margin-top: -65px;
  }

  .m-r--65 {
    margin-right: -65px;
  }

  .m-b--65 {
    margin-bottom: -65px;
  }

  .m-l--60 {
    margin-left: -60px;
  }

  .m-t--60 {
    margin-top: -60px;
  }

  .m-r--60 {
    margin-right: -60px;
  }

  .m-b--60 {
    margin-bottom: -60px;
  }

  .m-l--55 {
    margin-left: -55px;
  }

  .m-t--55 {
    margin-top: -55px;
  }

  .m-r--55 {
    margin-right: -55px;
  }

  .m-b--55 {
    margin-bottom: -55px;
  }

  .m-l--50 {
    margin-left: -50px;
  }

  .m-t--50 {
    margin-top: -50px;
  }

  .m-r--50 {
    margin-right: -50px;
  }

  .m-b--50 {
    margin-bottom: -50px;
  }

  .m-l--45 {
    margin-left: -45px;
  }

  .m-t--45 {
    margin-top: -45px;
  }

  .m-r--45 {
    margin-right: -45px;
  }

  .m-b--45 {
    margin-bottom: -45px;
  }

  .m-l--40 {
    margin-left: -40px;
  }

  .m-t--40 {
    margin-top: -40px;
  }

  .m-r--40 {
    margin-right: -40px;
  }

  .m-b--40 {
    margin-bottom: -40px;
  }

  .m-l--35 {
    margin-left: -35px;
  }

  .m-t--35 {
    margin-top: -35px;
  }

  .m-r--35 {
    margin-right: -35px;
  }

  .m-b--35 {
    margin-bottom: -35px;
  }

  .m-l--30 {
    margin-left: -30px;
  }

  .m-t--30 {
    margin-top: -30px;
  }

  .m-r--30 {
    margin-right: -30px;
  }

  .m-b--30 {
    margin-bottom: -30px;
  }

  .m-l--25 {
    margin-left: -25px;
  }

  .m-t--25 {
    margin-top: -25px;
  }

  .m-r--25 {
    margin-right: -25px;
  }

  .m-b--25 {
    margin-bottom: -25px;
  }

  .m-l--20 {
    margin-left: -20px;
  }

  .m-t--20 {
    margin-top: -20px;
  }

  .m-r--20 {
    margin-right: -20px;
  }

  .m-b--20 {
    margin-bottom: -20px;
  }

  .m-l--15 {
    margin-left: -15px;
  }

  .m-t--15 {
    margin-top: -15px;
  }

  .m-r--15 {
    margin-right: -15px;
  }

  .m-b--15 {
    margin-bottom: -15px;
  }

  .m-l--10 {
    margin-left: -10px;
  }

  .m-t--10 {
    margin-top: -10px;
  }

  .m-r--10 {
    margin-right: -10px;
  }

  .m-b--10 {
    margin-bottom: -10px;
  }

  .m-l--5 {
    margin-left: -5px;
  }

  .m-t--5 {
    margin-top: -5px;
  }

  .m-r--5 {
    margin-right: -5px;
  }

  .m-b--5 {
    margin-bottom: -5px;
  }

  .m-l-0 {
    margin-left: 0px;
  }

  .m-t-0 {
    margin-top: 0px;
  }

  .m-r-0 {
    margin-right: 0px;
  }

  .m-b-0 {
    margin-bottom: 0px;
  }

  .m-l-5 {
    margin-left: 5px;
  }

  .m-t-5 {
    margin-top: 5px;
  }

  .m-r-5 {
    margin-right: 5px;
  }

  .m-b-5 {
    margin-bottom: 5px;
  }

  .m-l-10 {
    margin-left: 10px;
  }

  .m-t-10 {
    margin-top: 10px;
  }

  .m-r-10 {
    margin-right: 10px;
  }

  .m-b-10 {
    margin-bottom: 10px;
  }

  .m-l-15 {
    margin-left: 15px;
  }

  .m-t-15 {
    margin-top: 15px;
  }

  .m-r-15 {
    margin-right: 15px;
  }

  .m-b-15 {
    margin-bottom: 15px;
  }

  .m-l-20 {
    margin-left: 20px;
  }

  .m-t-20 {
    margin-top: 20px;
  }

  .m-r-20 {
    margin-right: 20px;
  }

  .m-b-20 {
    margin-bottom: 20px;
  }

  .m-l-25 {
    margin-left: 25px;
  }

  .m-t-25 {
    margin-top: 25px;
  }

  .m-r-25 {
    margin-right: 25px;
  }

  .m-b-25 {
    margin-bottom: 25px;
  }

  .m-l-30 {
    margin-left: 30px;
  }

  .m-t-30 {
    margin-top: 30px;
  }

  .m-r-30 {
    margin-right: 30px;
  }

  .m-b-30 {
    margin-bottom: 30px;
  }

  .m-l-35 {
    margin-left: 35px;
  }

  .m-t-35 {
    margin-top: 35px;
  }

  .m-r-35 {
    margin-right: 35px;
  }

  .m-b-35 {
    margin-bottom: 35px;
  }

  .m-l-40 {
    margin-left: 40px;
  }

  .m-t-40 {
    margin-top: 40px;
  }

  .m-r-40 {
    margin-right: 40px;
  }

  .m-b-40 {
    margin-bottom: 40px;
  }

  .m-l-45 {
    margin-left: 45px;
  }

  .m-t-45 {
    margin-top: 45px;
  }

  .m-r-45 {
    margin-right: 45px;
  }

  .m-b-45 {
    margin-bottom: 45px;
  }

  .m-l-50 {
    margin-left: 50px;
  }

  .m-t-50 {
    margin-top: 50px;
  }

  .m-r-50 {
    margin-right: 50px;
  }

  .m-b-50 {
    margin-bottom: 50px;
  }

  .m-l-55 {
    margin-left: 55px;
  }

  .m-t-55 {
    margin-top: 55px;
  }

  .m-r-55 {
    margin-right: 55px;
  }

  .m-b-55 {
    margin-bottom: 55px;
  }

  .m-l-60 {
    margin-left: 60px;
  }

  .m-t-60 {
    margin-top: 60px;
  }

  .m-r-60 {
    margin-right: 60px;
  }

  .m-b-60 {
    margin-bottom: 60px;
  }

  .m-l-65 {
    margin-left: 65px;
  }

  .m-t-65 {
    margin-top: 65px;
  }

  .m-r-65 {
    margin-right: 65px;
  }

  .m-b-65 {
    margin-bottom: 65px;
  }

  .m-l-70 {
    margin-left: 70px;
  }

  .m-t-70 {
    margin-top: 70px;
  }

  .m-r-70 {
    margin-right: 70px;
  }

  .m-b-70 {
    margin-bottom: 70px;
  }

  .m-l-75 {
    margin-left: 75px;
  }

  .m-t-75 {
    margin-top: 75px;
  }

  .m-r-75 {
    margin-right: 75px;
  }

  .m-b-75 {
    margin-bottom: 75px;
  }

  .m-l-80 {
    margin-left: 80px;
  }

  .m-t-80 {
    margin-top: 80px;
  }

  .m-r-80 {
    margin-right: 80px;
  }

  .m-b-80 {
    margin-bottom: 80px;
  }

  .m-l-85 {
    margin-left: 85px;
  }

  .m-t-85 {
    margin-top: 85px;
  }

  .m-r-85 {
    margin-right: 85px;
  }

  .m-b-85 {
    margin-bottom: 85px;
  }

  .m-l-90 {
    margin-left: 90px;
  }

  .m-t-90 {
    margin-top: 90px;
  }

  .m-r-90 {
    margin-right: 90px;
  }

  .m-b-90 {
    margin-bottom: 90px;
  }

  .m-l-95 {
    margin-left: 95px;
  }

  .m-t-95 {
    margin-top: 95px;
  }

  .m-r-95 {
    margin-right: 95px;
  }

  .m-b-95 {
    margin-bottom: 95px;
  }

  .m-l-100 {
    margin-left: 100px;
  }

  .m-t-100 {
    margin-top: 100px;
  }

  .m-r-100 {
    margin-right: 100px;
  }

  .m-b-100 {
    margin-bottom: 100px;
  }

  .m-l-105 {
    margin-left: 105px;
  }

  .m-t-105 {
    margin-top: 105px;
  }

  .m-r-105 {
    margin-right: 105px;
  }

  .m-b-105 {
    margin-bottom: 105px;
  }

  .m-l-110 {
    margin-left: 110px;
  }

  .m-t-110 {
    margin-top: 110px;
  }

  .m-r-110 {
    margin-right: 110px;
  }

  .m-b-110 {
    margin-bottom: 110px;
  }

  .m-l-115 {
    margin-left: 115px;
  }

  .m-t-115 {
    margin-top: 115px;
  }

  .m-r-115 {
    margin-right: 115px;
  }

  .m-b-115 {
    margin-bottom: 115px;
  }

  .m-l-120 {
    margin-left: 120px;
  }

  .m-t-120 {
    margin-top: 120px;
  }

  .m-r-120 {
    margin-right: 120px;
  }

  .m-b-120 {
    margin-bottom: 120px;
  }

  .m-l-125 {
    margin-left: 125px;
  }

  .m-t-125 {
    margin-top: 125px;
  }

  .m-r-125 {
    margin-right: 125px;
  }

  .m-b-125 {
    margin-bottom: 125px;
  }

  .margin-0 {
    margin: 0;
  }

  .p-l-0 {
    padding-left: 0px;
  }

  .p-t-0 {
    padding-top: 0px;
  }

  .p-r-0 {
    padding-right: 0px;
  }

  .p-b-0 {
    padding-bottom: 0px;
  }

  .p-l-5 {
    padding-left: 5px;
  }

  .p-t-5 {
    padding-top: 5px;
  }

  .p-r-5 {
    padding-right: 5px;
  }

  .p-b-5 {
    padding-bottom: 5px;
  }

  .p-l-10 {
    padding-left: 10px;
  }

  .p-t-10 {
    padding-top: 10px;
  }

  .p-r-10 {
    padding-right: 10px;
  }

  .p-b-10 {
    padding-bottom: 10px;
  }

  .p-l-15 {
    padding-left: 15px;
  }

  .p-t-15 {
    padding-top: 15px;
  }

  .p-r-15 {
    padding-right: 15px;
  }

  .p-b-15 {
    padding-bottom: 15px;
  }

  .p-l-20 {
    padding-left: 20px;
  }

  .p-t-20 {
    padding-top: 20px;
  }

  .p-r-20 {
    padding-right: 20px;
  }

  .p-b-20 {
    padding-bottom: 20px;
  }

  .p-l-25 {
    padding-left: 25px;
  }

  .p-t-25 {
    padding-top: 25px;
  }

  .p-r-25 {
    padding-right: 25px;
  }

  .p-b-25 {
    padding-bottom: 25px;
  }

  .p-l-30 {
    padding-left: 30px;
  }

  .p-t-30 {
    padding-top: 30px;
  }

  .p-r-30 {
    padding-right: 30px;
  }

  .p-b-30 {
    padding-bottom: 30px;
  }

  .p-l-35 {
    padding-left: 35px;
  }

  .p-t-35 {
    padding-top: 35px;
  }

  .p-r-35 {
    padding-right: 35px;
  }

  .p-b-35 {
    padding-bottom: 35px;
  }

  .p-l-40 {
    padding-left: 40px;
  }

  .p-t-40 {
    padding-top: 40px;
  }

  .p-r-40 {
    padding-right: 40px;
  }

  .p-b-40 {
    padding-bottom: 40px;
  }

  .p-l-45 {
    padding-left: 45px;
  }

  .p-t-45 {
    padding-top: 45px;
  }

  .p-r-45 {
    padding-right: 45px;
  }

  .p-b-45 {
    padding-bottom: 45px;
  }

  .p-l-50 {
    padding-left: 50px;
  }

  .p-t-50 {
    padding-top: 50px;
  }

  .p-r-50 {
    padding-right: 50px;
  }

  .p-b-50 {
    padding-bottom: 50px;
  }

  .p-l-55 {
    padding-left: 55px;
  }

  .p-t-55 {
    padding-top: 55px;
  }

  .p-r-55 {
    padding-right: 55px;
  }

  .p-b-55 {
    padding-bottom: 55px;
  }

  .p-l-60 {
    padding-left: 60px;
  }

  .p-t-60 {
    padding-top: 60px;
  }

  .p-r-60 {
    padding-right: 60px;
  }

  .p-b-60 {
    padding-bottom: 60px;
  }

  .p-l-65 {
    padding-left: 65px;
  }

  .p-t-65 {
    padding-top: 65px;
  }

  .p-r-65 {
    padding-right: 65px;
  }

  .p-b-65 {
    padding-bottom: 65px;
  }

  .p-l-70 {
    padding-left: 70px;
  }

  .p-t-70 {
    padding-top: 70px;
  }

  .p-r-70 {
    padding-right: 70px;
  }

  .p-b-70 {
    padding-bottom: 70px;
  }

  .p-l-75 {
    padding-left: 75px;
  }

  .p-t-75 {
    padding-top: 75px;
  }

  .p-r-75 {
    padding-right: 75px;
  }

  .p-b-75 {
    padding-bottom: 75px;
  }

  .p-l-80 {
    padding-left: 80px;
  }

  .p-t-80 {
    padding-top: 80px;
  }

  .p-r-80 {
    padding-right: 80px;
  }

  .p-b-80 {
    padding-bottom: 80px;
  }

  .p-l-85 {
    padding-left: 85px;
  }

  .p-t-85 {
    padding-top: 85px;
  }

  .p-r-85 {
    padding-right: 85px;
  }

  .p-b-85 {
    padding-bottom: 85px;
  }

  .p-l-90 {
    padding-left: 90px;
  }

  .p-t-90 {
    padding-top: 90px;
  }

  .p-r-90 {
    padding-right: 90px;
  }

  .p-b-90 {
    padding-bottom: 90px;
  }

  .p-l-95 {
    padding-left: 95px;
  }

  .p-t-95 {
    padding-top: 95px;
  }

  .p-r-95 {
    padding-right: 95px;
  }

  .p-b-95 {
    padding-bottom: 95px;
  }

  .p-l-100 {
    padding-left: 100px;
  }

  .p-t-100 {
    padding-top: 100px;
  }

  .p-r-100 {
    padding-right: 100px;
  }

  .p-b-100 {
    padding-bottom: 100px;
  }

  .p-l-105 {
    padding-left: 105px;
  }

  .p-t-105 {
    padding-top: 105px;
  }

  .p-r-105 {
    padding-right: 105px;
  }

  .p-b-105 {
    padding-bottom: 105px;
  }

  .p-l-110 {
    padding-left: 110px;
  }

  .p-t-110 {
    padding-top: 110px;
  }

  .p-r-110 {
    padding-right: 110px;
  }

  .p-b-110 {
    padding-bottom: 110px;
  }

  .p-l-115 {
    padding-left: 115px;
  }

  .p-t-115 {
    padding-top: 115px;
  }

  .p-r-115 {
    padding-right: 115px;
  }

  .p-b-115 {
    padding-bottom: 115px;
  }

  .p-l-120 {
    padding-left: 120px;
  }

  .p-t-120 {
    padding-top: 120px;
  }

  .p-r-120 {
    padding-right: 120px;
  }

  .p-b-120 {
    padding-bottom: 120px;
  }

  .p-l-125 {
    padding-left: 125px;
  }

  .p-t-125 {
    padding-top: 125px;
  }

  .p-r-125 {
    padding-right: 125px;
  }

  .p-b-125 {
    padding-bottom: 125px;
  }

  .padding-0 {
    padding: 0;
  }

  .font-6 {
    font-size: 6px;
  }

  .font-7 {
    font-size: 7px;
  }

  .font-8 {
    font-size: 8px;
  }

  .font-9 {
    font-size: 9px;
  }

  .font-10 {
    font-size: 10px;
  }

  .font-11 {
    font-size: 11px;
  }

  .font-12 {
    font-size: 12px;
  }

  .font-13 {
    font-size: 13px;
  }

  .font-14 {
    font-size: 14px;
  }

  .font-15 {
    font-size: 15px;
  }

  .font-16 {
    font-size: 16px;
  }

  .font-17 {
    font-size: 17px;
  }

  .font-18 {
    font-size: 18px;
  }

  .font-19 {
    font-size: 19px;
  }

  .font-20 {
    font-size: 20px;
  }

  .font-21 {
    font-size: 21px;
  }

  .font-22 {
    font-size: 22px;
  }

  .font-23 {
    font-size: 23px;
  }

  .font-24 {
    font-size: 24px;
  }

  .font-25 {
    font-size: 25px;
  }

  .font-26 {
    font-size: 26px;
  }

  .font-27 {
    font-size: 27px;
  }

  .font-28 {
    font-size: 28px;
  }

  .font-29 {
    font-size: 29px;
  }

  .font-30 {
    font-size: 30px;
  }

  .font-31 {
    font-size: 31px;
  }

  .font-32 {
    font-size: 32px;
  }

  .font-33 {
    font-size: 33px;
  }

  .font-34 {
    font-size: 34px;
  }

  .font-35 {
    font-size: 35px;
  }

  .font-36 {
    font-size: 36px;
  }

  .font-37 {
    font-size: 37px;
  }

  .font-38 {
    font-size: 38px;
  }

  .font-39 {
    font-size: 39px;
  }

  .font-40 {
    font-size: 40px;
  }

  .font-41 {
    font-size: 41px;
  }

  .font-42 {
    font-size: 42px;
  }

  .font-43 {
    font-size: 43px;
  }

  .font-44 {
    font-size: 44px;
  }

  .font-45 {
    font-size: 45px;
  }

  .font-46 {
    font-size: 46px;
  }

  .font-47 {
    font-size: 47px;
  }

  .font-48 {
    font-size: 48px;
  }

  .font-49 {
    font-size: 49px;
  }

  .font-50 {
    font-size: 50px;
  }

  .align-left {
    text-align: left;
  }

  .align-center {
    text-align: center;
  }

  .align-right {
    text-align: right;
  }

  .align-justify {
    text-align: justify;
  }

  .no-resize {
    resize: none;
  }

  .font-bold {
    font-weight: bold;
  }

  .font-italic {
    font-style: italic;
  }

  .font-underline {
    text-decoration: underline;
  }

  .font-line-through {
    text-decoration: line-through;
  }

  .font-overline {
    text-decoration: overline;
  }

  .block-header {
    margin-bottom: 15px;
  }

  .block-header h2 {
    margin: 0 !important;
    color: #666 !important;
    font-weight: normal;
    font-size: 16px;
  }

  .block-header h2 small {
    display: block;
    font-size: 12px;
    margin-top: 8px;
    color: #888;
  }

  .block-header h2 small a {
    font-weight: bold;
    color: #777;
  }

  .bg-red {
    background-color: #F44336 !important;
    color: #fff;
  }

  .bg-red .content .text,
  .bg-red .content .number {
    color: #fff !important;
  }

  .bg-pink {
    background-color: #E91E63 !important;
    color: #fff;
    box-shadow: 0 0px 20px #e91e636b !important;
  }

  .bg-pink .content .text,
  .bg-pink .content .number {
    color: #fff !important;
  }

  .bg-purple {
    /* background-color: #00a8f4 !important; */
    color: #fff;
  }

  .bg-purple .content .text,
  .bg-purple .content .number {
    color: #fff !important;
  }

  .bg-deep-purple {
    background-color: #673AB7 !important;
    color: #fff;
  }

  .bg-deep-purple .content .text,
  .bg-deep-purple .content .number {
    color: #fff !important;
  }

  .bg-indigo {
    background-color: #3F51B5 !important;
    color: #fff;
  }

  .bg-indigo .content .text,
  .bg-indigo .content .number {
    color: #fff !important;
  }

  .bg-blue {
    background-color: #2196F3 !important;
    color: #fff;
  }

  .bg-blue .content .text,
  .bg-blue .content .number {
    color: #fff !important;
  }

  .bg-light-blue {
    background-color: #03A9F4 !important;
    color: #fff;
  }

  .bg-light-blue .content .text,
  .bg-light-blue .content .number {
    color: #fff !important;
  }

  .bg-cyan {
    background-color: #00BCD4 !important;
    color: #fff;
    box-shadow: 0 0px 20px #00bcd454 !important;
  }

  .bg-cyan .content .text,
  .bg-cyan .content .number {
    color: #fff !important;
  }

  .bg-teal {
    background-color: #009688 !important;
    color: #fff;
  }

  .bg-teal .content .text,
  .bg-teal .content .number {
    color: #fff !important;
  }

  .bg-green {
    background-color: #4CAF50 !important;
    color: #fff;
  }

  .bg-green .content .text,
  .bg-green .content .number {
    color: #fff !important;
  }

  .bg-light-green {
    background-color: #8BC34A !important;
    color: #fff;
    box-shadow: 0 0px 20px #8bc34a66 !important;
  }

  .bg-light-green .content .text,
  .bg-light-green .content .number {
    color: #fff !important;
  }

  .bg-lime {
    background-color: #CDDC39 !important;
    color: #fff;
  }

  .bg-lime .content .text,
  .bg-lime .content .number {
    color: #fff !important;
  }

  .bg-yellow {
    background-color: #ffe821 !important;
    color: #fff;
  }

  .bg-yellow .content .text,
  .bg-yellow .content .number {
    color: #fff !important;
  }

  .bg-amber {
    background-color: #FFC107 !important;
    color: #fff;
  }

  .bg-amber .content .text,
  .bg-amber .content .number {
    color: #fff !important;
  }

  .bg-orange {
    background-color: #FF9800 !important;
    color: #fff;
    box-shadow: 0 0px 20px #ff980061 !important;
  }

  .bg-orange .content .text,
  .bg-orange .content .number {
    color: #fff !important;
  }

  .bg-deep-orange {
    background-color: #FF5722 !important;
    color: #fff;
  }

  .bg-deep-orange .content .text,
  .bg-deep-orange .content .number {
    color: #fff !important;
  }

  .bg-brown {
    background-color: #795548 !important;
    color: #fff;
  }

  .bg-brown .content .text,
  .bg-brown .content .number {
    color: #fff !important;
  }

  .bg-grey {
    background-color: #9E9E9E !important;
    color: #fff;
  }

  .bg-grey .content .text,
  .bg-grey .content .number {
    color: #fff !important;
  }

  .bg-blue-grey {
    background-color: #607D8B !important;
    color: #fff;
  }

  .bg-blue-grey .content .text,
  .bg-blue-grey .content .number {
    color: #fff !important;
  }

  .bg-black {
    background-color: #000000 !important;
    color: #fff;
  }

  .bg-black .content .text,
  .bg-black .content .number {
    color: #fff !important;
  }

  .bg-white {
    background-color: #ffffff !important;
    color: #fff;
  }

  .bg-white .content .text,
  .bg-white .content .number {
    color: #fff !important;
  }

  .col-red {
    color: #F44336 !important;
  }

  .col-pink {
    color: #E91E63 !important;
  }

  .col-purple {
    color: #9C27B0 !important;
  }

  .col-deep-purple {
    color: #673AB7 !important;
  }

  .col-indigo {
    color: #3F51B5 !important;
  }

  .col-blue {
    color: #2196F3 !important;
  }

  .col-light-blue {
    color: #03A9F4 !important;
  }

  .col-cyan {
    color: #00BCD4 !important;
  }

  .col-teal {
    color: #009688 !important;
  }

  .col-green {
    color: #4CAF50 !important;
  }

  .col-light-green {
    color: #8BC34A !important;
  }

  .col-lime {
    color: #CDDC39 !important;
  }

  .col-yellow {
    color: #ffe821 !important;
  }

  .col-amber {
    color: #FFC107 !important;
  }

  .col-orange {
    color: #FF9800 !important;
  }

  .col-deep-orange {
    color: #FF5722 !important;
  }

  .col-brown {
    color: #795548 !important;
  }

  .col-grey {
    color: #9E9E9E !important;
  }

  .col-blue-grey {
    color: #607D8B !important;
  }

  .col-black {
    color: #000000 !important;
  }

  .col-white {
    color: #ffffff !important;
  }

  /* Custom Animate ============================== */
  @-ms-keyframes spin {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  @-moz-keyframes spin {
    from {
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    to {
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  @-webkit-keyframes spin {
    from {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    to {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  @keyframes spin {
    from {
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    to {
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  .btn-upload-vcf {
    background: #ffc107;
    box-shadow: 0 0 11px #ffc0088a;
    border: 0;
    padding: 10px;
    border-radius: 6px;
    margin-right: 18px;
    margin-top: -8px;
    width: 234px;
  }

  .m-cauto {
    margin: auto;
  }

  /* Demo ======================================== */
  .demo-button-sizes .btn {
    margin-bottom: 5px;
  }

  .icon-button-demo button {
    margin-right: 5px;
    margin-bottom: 12px;
  }

  .button-demo ul {
    padding-left: 0;
  }

  .button-demo ul li {
    list-style: none;
    padding-left: 0;
    display: inline-block;
    margin-right: 7px;
  }

  .button-demo ul li .btn {
    display: block;
    min-width: 175px;
  }

  .button-demo .btn {
    margin-right: 8px;
    margin-bottom: 13px;
    min-width: 120px;
  }

  .demo-button-groups .btn-group {
    margin-right: 10px;
  }

  .demo-button-toolbar .btn-toolbar {
    float: left;
    margin-right: 25px;
  }

  .demo-button-nesting>.btn-group {
    margin-right: 15px;
  }

  .demo-single-button-dropdowns>.btn-group {
    margin-right: 10px;
  }

  .demo-splite-button-dropdowns>.btn-group {
    margin-right: 10px;
  }

  .demo-dropup .dropup {
    margin-right: 10px;
  }

  .demo-checkbox label,
  .demo-radio-button label {
    min-width: 150px;
  }

  .demo-knob-chart div {
    margin-right: 15px;
  }

  .demo-switch .switch {
    display: inline-block;
    min-width: 170px;
  }

  .demo-switch .demo-switch-title {
    min-width: 95px;
    display: inline-block;
  }

  .demo-color-box {
    padding: 15px 0;
    text-align: center;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  }

  .demo-color-box .color-name {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .demo-color-box .color-code,
  .demo-color-box .color-class-name {
    font-size: 13px;
  }

  .demo-image-copyright {
    text-align: right;
    font-style: italic;
    font-size: 12px;
    color: #777;
    margin: 5px 0 10px 0;
  }

  .demo-image-copyright a {
    font-weight: bold;
    color: #555 !important;
  }

  .demo-tagsinput-area {
    margin-bottom: 50px !important;
  }

  .demo-icon-container .demo-google-material-icon {
    margin-bottom: 5px;
    text-align: left;
  }

  .demo-icon-container .demo-google-material-icon .icon-name {
    position: relative;
    top: -8px;
    left: 7px;
  }

  .demo-icon-container .demo-google-material-icon .material-icons {
    width: 24px;
  }

  .demo-preloader .preloader {
    margin-right: 10px;
  }

  .irs-demo {
    margin-bottom: 40px;
  }

  .irs-demo .irs {
    margin-top: 15px;
  }

  .right-sidebar .nav-tabs+.tab-content {
    padding: 0;
  }

  .right-sidebar p {
    margin: 20px 15px 15px 15px;
    font-weight: bold;
    text-align: center;
  }

  .right-sidebar #settings .setting-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
  }

  .right-sidebar #settings .setting-list li {
    padding: 15px;
    position: relative;
    border-top: 1px solid #eee;
  }

  .right-sidebar #settings .setting-list li .switch {
    position: absolute;
    top: 15px;
    right: 5px;
  }

  .demo-choose-skin {
    list-style: none;
    padding-left: 0;
    overflow-y: hidden;
  }

  .demo-choose-skin li {
    border-bottom: 1px solid #eee;
    padding: 10px 10px 4px 10px;
    position: relative;
    cursor: pointer;
  }

  .demo-choose-skin li.active {
    background-color: #eee;
  }

  .demo-choose-skin li.active:after {
    font-family: 'Material Icons';
    position: absolute;
    top: 10px;
    right: 10px;
    content: '\E876';
    font-size: 18px;
    font-weight: bold;
  }

  .demo-choose-skin li:hover {
    background-color: #eee;
  }

  .demo-choose-skin li div {
    width: 24px;
    height: 24px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  }

  .demo-choose-skin li span {
    position: relative;
    bottom: 7px;
    left: 5px;
  }

  .demo-choose-skin .red {
    background-color: #F44336;
  }

  .demo-choose-skin .pink {
    background-color: #E91E63;
  }

  .demo-choose-skin .purple {
    background-color: #9C27B0;
  }

  .demo-choose-skin .deep-purple {
    background-color: #673AB7;
  }

  .demo-choose-skin .indigo {
    background-color: #3F51B5;
  }

  .demo-choose-skin .blue {
    background-color: #2196F3;
  }

  .demo-choose-skin .light-blue {
    background-color: #03A9F4;
  }

  .demo-choose-skin .cyan {
    background-color: #00BCD4;
  }

  .demo-choose-skin .teal {
    background-color: #009688;
  }

  .demo-choose-skin .green {
    background-color: #4CAF50;
  }

  .demo-choose-skin .light-green {
    background-color: #8BC34A;
  }

  .demo-choose-skin .lime {
    background-color: #CDDC39;
  }

  .demo-choose-skin .yellow {
    background-color: #ffe821;
  }

  .demo-choose-skin .amber {
    background-color: #FFC107;
  }

  .demo-choose-skin .orange {
    background-color: #FF9800;
  }

  .demo-choose-skin .deep-orange {
    background-color: #FF5722;
  }

  .demo-choose-skin .brown {
    background-color: #795548;
  }

  .demo-choose-skin .grey {
    background-color: #9E9E9E;
  }

  .demo-choose-skin .blue-grey {
    background-color: #607D8B;
  }

  .demo-choose-skin .black {
    background-color: #000000;
  }

  .demo-choose-skin .white {
    background-color: #ffffff;
  }

  /* Materialize Css | Taken from www.materializecss.com */
  /* Media ======================================= */
  @media (max-width: 767px) {

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
      margin-left: 35px;
      width: 73%;
    }

    .navbar .navbar-header {
      display: inline-block;
      margin-bottom: -6px;
      width: calc(100% + 30px);
    }

    .navbar .nav>li {
      display: inline-block;
    }

    .navbar .navbar-nav {
      margin-top: -10px;
      margin-bottom: 1px;
      margin-left: -7px;
    }

    .navbar .navbar-nav .open .dropdown-menu {
      background-color: #fff;
      position: absolute;
    }

    .navbar .dropdown-menu {
      margin-left: -50px;
    }

    .navbar .js-right-sidebar {
      margin-top: 15px;
    }

    .dt-buttons {
      float: none !important;
      text-align: center;
      margin-bottom: 15px;
    }

    .panel-switch-btn {
      top: 12px;
      right: 0 !important;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
      margin-left: 20px;
    }
  }

  @media (min-width: 992px) and (max-width: 1169px) {

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
      margin-left: 20px;
    }
  }

  /* General ===================================== */
  body {
    background-color: #ffffff;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-family: 'Roboto', Arial, Tahoma, sans-serif;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: bold;
  }

  button,
  input,
  select,
  a {
    outline: none !important;
  }

  .no-animate {
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }

  section.content {
    margin: 100px 15px 0 315px;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  /* Dashboard =================================== */
  .dashboard-flot-chart {
    height: 275px;
  }

  .dashboard-donut-chart {
    height: 265px;
  }

  .dashboard-line-chart {
    height: 250px;
  }

  .dashboard-stat-list {
    list-style: none;
    padding-left: 0;
    margin-top: 40px;
  }

  .dashboard-stat-list li {
    padding: 16px 0 0 0;
  }

  .dashboard-stat-list li small {
    font-size: 8px;
  }

  .dashboard-task-infos .progress {
    height: 10px;
    margin-bottom: 0;
    position: relative;
    top: 6px;
  }

  /* Buttons ===================================== */
  .btn:focus {
    outline: none !important;
  }

  .btn-circle {
    border: none;
    outline: none !important;
    overflow: hidden;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
  }

  .btn-circle i {
    font-size: 18px;
    position: relative;
    left: -1px;
  }

  .btn-link {
    font-weight: bold;
    color: #333;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .btn-link:active,
  .btn-link:focus {
    text-decoration: none;
    color: #333;
  }

  .btn-link:hover {
    text-decoration: none;
    color: #333;
    background-color: #ddd;
  }

  .btn-circle-lg {
    border: none;
    outline: none !important;
    overflow: hidden;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    border-radius: 50% !important;
  }

  .btn-circle-lg i {
    font-size: 26px !important;
    position: relative !important;
    left: 0px !important;
    top: 6px !important;
  }

  .btn:not(.btn-link):not(.btn-circle) {
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: none;
    font-size: 13px;
    outline: none;
  }

  .btn:not(.btn-link):not(.btn-circle):hover {
    outline: none;
  }

  .btn:not(.btn-link):not(.btn-circle) i {
    font-size: 13px;
    position: relative;
    top: 3px;
  }

  .btn-perpel,
  .btn-perpel:hover,
  .btn-perpel:active,
  .btn-perpel:focus {
    background-color: #A04FE5 !important;
    color: #fff;
  }

  .btn-warning,
  .btn-warning:hover,
  .btn-warning:active,
  .btn-warning:focus {
    background-color: #ff9600 !important;
  }

  .btn-danger,
  .btn-danger:hover,
  .btn-danger:active,
  .btn-danger:focus {
    background-color: #FF5858 !important;
  }

  .btn-info,
  .btn-info:hover,
  .btn-info:active,
  .btn-info:focus {
    background-color: #00b0e4 !important;
  }

  .btn-success,
  .btn-success:hover,
  .btn-success:active,
  .btn-success:focus {
    background-color: #2b982b !important;
  }

  .btn-primary,
  .btn-primary:hover,
  .btn-primary:active,
  .btn-primary:focus {
    background-color: #1f91f3 !important;
  }

  .btn-default,
  .btn-default:hover,
  .btn-default:active,
  .btn-default:focus {
    background-color: #fff !important;
  }

  .btn-group,
  .btn-group-vertical {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
  }

  .btn-group .btn,
  .btn-group-vertical .btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  .btn-group .btn .caret,
  .btn-group-vertical .btn .caret {
    position: relative;
    bottom: 1px;
  }

  .btn-group .btn-group,
  .btn-group-vertical .btn-group {
    box-shadow: none !important;
  }

  .btn-group .btn+.dropdown-toggle,
  .btn-group-vertical .btn+.dropdown-toggle {
    border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  /* Bootstrap Tags Input ======================== */
  .bootstrap-tagsinput {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
  }

  /* noUISlider ================================== */
  .noUi-target {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    direction: ltr;
  }

  .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
  }

  .noUi-origin {
    position: absolute;
    right: 0;
    top: 6px;
    left: 0;
    bottom: 0;
  }

  .noUi-handle {
    position: relative;
    z-index: 1;
  }

  .noUi-stacking .noUi-handle {
    z-index: 10;
  }

  .noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.25s, top 0.25s;
    transition: left 0.25s, top 0.25s;
  }

  .noUi-state-drag * {
    cursor: inherit !important;
  }

  .noUi-base {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .noUi-horizontal {
    height: 18px;
  }

  .noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px;
  }

  .noUi-vertical {
    width: 18px;
  }

  .noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px;
  }

  .noUi-background {
    background: #FAFAFA;
    box-shadow: inset 0 1px 1px #f0f0f0;
  }

  .noUi-connect {
    background: #3FB8AF;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
    -webkit-transition: background 450ms;
    transition: background 450ms;
  }

  .noUi-origin {
    border-radius: 2px;
  }

  .noUi-target {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
  }

  .noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;
  }

  .noUi-dragable {
    cursor: w-resize;
  }

  .noUi-vertical .noUi-dragable {
    cursor: n-resize;
  }

  .noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
  }

  .noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
  }

  .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
  }

  .noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
    left: 17px;
  }

  .noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
  }

  .noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
    top: 17px;
  }

  [disabled].noUi-connect,
  [disabled] .noUi-connect {
    background: #B8B8B8;
  }

  [disabled].noUi-origin,
  [disabled] .noUi-handle {
    cursor: not-allowed;
  }

  .noUi-target {
    box-shadow: none;
    border: none;
  }

  .noUi-base {
    height: 15px;
    top: -6px;
  }

  .noUi-background {
    height: 3px;
    top: 6px;
    background-color: #bfbfbf;
    box-shadow: none;
  }

  .noUi-horizontal {
    height: 3px;
  }

  .noUi-connect {
    height: 3px;
    top: 6px;
    background-color: #26A69A;
    box-shadow: none;
  }

  .noUi-horizontal .noUi-handle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    box-shadow: none;
    background-color: #26A69A;
    border: none;
    left: -5px;
    top: -6px;
    transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .noUi-handle:before,
  .noUi-handle:after {
    content: none;
  }

  .noUi-target .noUi-active.noUi-handle {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  }

  .noUi-target .range-label {
    position: absolute;
    height: 30px;
    width: 30px;
    top: -17px;
    left: -2px;
    background-color: #26A69A;
    border-radius: 50%;
    transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale(0.5) rotate(-45deg);
    transform-origin: 50% 100%;
  }

  .noUi-target .noUi-active .range-label {
    border-radius: 15px 15px 15px 0;
    transform: rotate(-45deg) translate(23px, -25px);
  }

  .range-label span {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    transform: rotate(45deg);
    opacity: 0;
    position: absolute;
    top: 7px;
    left: -1px;
    transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .noUi-active .range-label span {
    opacity: 1;
  }

  /* Multi Select ================================ */
  .ms-container {
    width: auto !important;
  }

  .ms-container .ms-list {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
  }

  .ms-container .ms-list.ms-focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
  }

  .ms-container .ms-selectable,
  .ms-container .ms-selection {
    min-width: 250px !important;
  }

  .ms-container .ms-selectable li.ms-hover,
  .ms-container .ms-selection li.ms-hover {
    color: #000000 !important;
    background-color: #e6e6e6 !important;
  }

  .ms-container .ms-selectable li.ms-elem-selectable,
  .ms-container .ms-selectable li.ms-elem-selection,
  .ms-container .ms-selection li.ms-elem-selectable,
  .ms-container .ms-selection li.ms-elem-selection {
    padding: 9px 15px 6px 15px !important;
  }

  .ms-container .ms-optgroup-label {
    padding: 5px 0 0 8px !important;
  }

  /* Card ======================================== */
  .card {
    background: #fff;
    min-height: 50px;
    box-shadow: -2px 2px 40px rgb(0 0 0 / 10%);
    position: relative;
    margin-bottom: 30px;
    border-radius: 18px;
  }

  .card .card-inside-title {
    margin-top: 25px;
    margin-bottom: 15px;
    display: block;
    font-size: 15px;
    color: #000;
  }

  .card .card-inside-title small {
    color: #999;
    display: block;
    font-size: 11px;
    margin-top: 5px;
  }

  .card .card-inside-title small a {
    color: #777;
    font-weight: bold;
  }

  .card .card-inside-title:first-child {
    margin-top: 0;
  }

  .card .bg-red,
  .card .bg-pink,
  .card .bg-purple,
  .card .bg-deep-purple,
  .card .bg-indigo,
  .card .bg-blue,
  .card .bg-light-blue,
  .card .bg-cyan,
  .card .bg-teal,
  .card .bg-green,
  .card .bg-light-green,
  .card .bg-lime,
  .card .bg-yellow,
  .card .bg-amber,
  .card .bg-orange,
  .card .bg-deep-orange,
  .card .bg-brown,
  .card .bg-grey,
  .card .bg-blue-grey,
  .card .bg-black {
    border-bottom: none !important;
    color: #fff !important;
  }

  .card .bg-red h2,
  .card .bg-red small,
  .card .bg-red .material-icons,
  .card .bg-pink h2,
  .card .bg-pink small,
  .card .bg-pink .material-icons,
  .card .bg-purple h2,
  .card .bg-purple small,
  .card .bg-purple .material-icons,
  .card .bg-deep-purple h2,
  .card .bg-deep-purple small,
  .card .bg-deep-purple .material-icons,
  .card .bg-indigo h2,
  .card .bg-indigo small,
  .card .bg-indigo .material-icons,
  .card .bg-blue h2,
  .card .bg-blue small,
  .card .bg-blue .material-icons,
  .card .bg-light-blue h2,
  .card .bg-light-blue small,
  .card .bg-light-blue .material-icons,
  .card .bg-cyan h2,
  .card .bg-cyan small,
  .card .bg-cyan .material-icons,
  .card .bg-teal h2,
  .card .bg-teal small,
  .card .bg-teal .material-icons,
  .card .bg-green h2,
  .card .bg-green small,
  .card .bg-green .material-icons,
  .card .bg-light-green h2,
  .card .bg-light-green small,
  .card .bg-light-green .material-icons,
  .card .bg-lime h2,
  .card .bg-lime small,
  .card .bg-lime .material-icons,
  .card .bg-yellow h2,
  .card .bg-yellow small,
  .card .bg-yellow .material-icons,
  .card .bg-amber h2,
  .card .bg-amber small,
  .card .bg-amber .material-icons,
  .card .bg-orange h2,
  .card .bg-orange small,
  .card .bg-orange .material-icons,
  .card .bg-deep-orange h2,
  .card .bg-deep-orange small,
  .card .bg-deep-orange .material-icons,
  .card .bg-brown h2,
  .card .bg-brown small,
  .card .bg-brown .material-icons,
  .card .bg-grey h2,
  .card .bg-grey small,
  .card .bg-grey .material-icons,
  .card .bg-blue-grey h2,
  .card .bg-blue-grey small,
  .card .bg-blue-grey .material-icons,
  .card .bg-black h2,
  .card .bg-black small,
  .card .bg-black .material-icons {
    color: #fff !important;
  }

  .card .bg-red .badge,
  .card .bg-pink .badge,
  .card .bg-purple .badge,
  .card .bg-deep-purple .badge,
  .card .bg-indigo .badge,
  .card .bg-blue .badge,
  .card .bg-light-blue .badge,
  .card .bg-cyan .badge,
  .card .bg-teal .badge,
  .card .bg-green .badge,
  .card .bg-light-green .badge,
  .card .bg-lime .badge,
  .card .bg-yellow .badge,
  .card .bg-amber .badge,
  .card .bg-orange .badge,
  .card .bg-deep-orange .badge,
  .card .bg-brown .badge,
  .card .bg-grey .badge,
  .card .bg-blue-grey .badge,
  .card .bg-black .badge {
    background-color: #fff;
    color: #555;
  }

  .card .header {
    color: #555;
    padding: 20px;
    position: relative;
    border-bottom: 1px solid rgba(204, 204, 204, 0.35);
  }

  .card .header .header-dropdown {
    position: absolute;
    top: 20px;
    right: 15px;
    list-style: none;
  }

  .card .header .header-dropdown .dropdown-menu li {
    display: block !important;
  }

  .card .header .header-dropdown li {
    display: inline-block;
  }

  .card .header .header-dropdown i {
    font-size: 20px;
    color: #999;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  .card .header .header-dropdown i:hover {
    color: #000;
  }

  .card .header h2 {
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    color: #111;
  }

  .card .header h2 small {
    display: block;
    font-size: 12px;
    margin-top: 5px;
    color: #999;
    line-height: 15px;
  }

  .card .header h2 small a {
    font-weight: bold;
    color: #777;
  }

  .card .header .col-xs-12 h2 {
    margin-top: 5px;
  }

  .card .body {
    font-size: 12px;
    color: #555;
    padding: 20px;
    position: relative;
    /* display: flex; */
  }

  .card .body .col-xs-1,
  .card .body .col-sm-1,
  .card .body .col-md-1,
  .card .body .col-lg-1 {
    margin-bottom: 20px;
  }

  .card .body .col-xs-2,
  .card .body .col-sm-2,
  .card .body .col-md-2,
  .card .body .col-lg-2 {
    margin-bottom: 20px;
  }

  .card .body .col-xs-3,
  .card .body .col-sm-3,
  .card .body .col-md-3,
  .card .body .col-lg-3 {
    margin-bottom: 20px;
  }

  .card .body .col-xs-4,
  .card .body .col-sm-4,
  .card .body .col-md-4,
  .card .body .col-lg-4 {
    margin-bottom: 20px;
  }

  .card .body .col-xs-5,
  .card .body .col-sm-5,
  .card .body .col-md-5,
  .card .body .col-lg-5 {
    margin-bottom: 20px;
  }

  .card .body .col-xs-6,
  .card .body .col-sm-6,
  .card .body .col-md-6,
  .card .body .col-lg-6 {
    margin-bottom: 20px;
  }

  .card .body .col-xs-7,
  .card .body .col-sm-7,
  .card .body .col-md-7,
  .card .body .col-lg-7 {
    margin-bottom: 20px;
  }

  .card .body .col-xs-8,
  .card .body .col-sm-8,
  .card .body .col-md-8,
  .card .body .col-lg-8 {
    margin-bottom: 20px;
  }

  .card .body .col-xs-9,
  .card .body .col-sm-9,
  .card .body .col-md-9,
  .card .body .col-lg-9 {
    margin-bottom: 20px;
  }

  .card .body .col-xs-10,
  .card .body .col-sm-10,
  .card .body .col-md-10,
  .card .body .col-lg-10 {
    margin-bottom: 20px;
  }

  .card .body .col-xs-11,
  .card .body .col-sm-11,
  .card .body .col-md-11,
  .card .body .col-lg-11 {
    margin-bottom: 20px;
  }

  .card .body .col-xs-12,
  .card .body .col-sm-12,
  .card .body .col-md-12,
  .card .body .col-lg-12 {
    margin-bottom: 20px;
  }

  /* Infobox ===================================== */
  .info-box {
    box-shadow: -2px 2px 40px rgb(0 0 0 / 10%);
    height: 265px;
    display: flex;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 18px;
    flex-direction: column;
  }

  .store-empty .icon {
    width: 66px !important;
  }

  .invoices-new-box .icon {
    width: 7% !important;
  }

  .info-box .icon {
    display: block;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.12);
    width: 60px;
    height: 0;
  }

  .info-box .icon i {
    color: #fff;
    font-size: 50px;
    line-height: 80px;
  }

  .info-box .icon .chart.chart-bar {
    height: 100%;
    line-height: 100px;
  }

  .info-box .icon .chart.chart-bar canvas {
    vertical-align: baseline !important;
  }

  .info-box .icon .chart.chart-pie {
    height: 100%;
    line-height: 123px;
  }

  .info-box .icon .chart.chart-pie canvas {
    vertical-align: baseline !important;
  }

  .info-box .icon .chart.chart-line {
    height: 100%;
    line-height: 115px;
  }

  .info-box .icon .chart.chart-line canvas {
    vertical-align: baseline !important;
  }

  .info-box .content {
    display: inline-block;
    padding: 7px 10px;
    width: 100%;
  }

  .info-box .progress {
    margin-top: 25px;
    width: 70%;
    float: left;
    height: 26px;
    border-radius: 14px;
    background: #5a33a1;
  }

  .info-box .progress .progress-bar {
    float: left;
    background-color: #9365e5;
  }

  .info-box .content .text {
    font-size: 13px;
    margin-top: 28px;
    color: #050505;
    width: 80%;
    display: block;
    margin-right: 67px;
  }

  .info-box .content .number {
    font-weight: normal;
    font-size: 18px;
    margin-top: 4px;
    color: #555;
  }

  .info-box.hover-zoom-effect .icon {
    overflow: hidden;
  }

  .info-box.hover-zoom-effect .icon i {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .info-box.hover-zoom-effect:hover .icon i {
    opacity: 0.4;
    -moz-transform: rotate(-32deg) scale(1.4);
    -ms-transform: rotate(-32deg) scale(1.4);
    -o-transform: rotate(-32deg) scale(1.4);
    -webkit-transform: rotate(-32deg) scale(1.4);
    transform: rotate(-32deg) scale(1.4);
  }

  .info-box.hover-expand-effect:after {
    background-color: rgba(0, 0, 0, 0.05);
    content: ".";
    position: absolute;
    left: 80px;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    -moz-transition: all 0.95s;
    -o-transition: all 0.95s;
    -webkit-transition: all 0.95s;
    transition: all 0.95s;
  }

  .info-box.hover-expand-effect:hover:after {
    width: 100%;
  }

  .info-box-2 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
  }

  .info-box-2 .icon {
    display: inline-block;
    text-align: center;
    width: 80px;
  }

  .info-box-2 .icon i {
    color: #fff;
    font-size: 50px;
    line-height: 80px;
  }

  .info-box-2 .chart.chart-bar {
    height: 100%;
    line-height: 105px;
  }

  .info-box-2 .chart.chart-bar canvas {
    vertical-align: baseline !important;
  }

  .info-box-2 .chart.chart-pie {
    height: 100%;
    line-height: 123px;
  }

  .info-box-2 .chart.chart-pie canvas {
    vertical-align: baseline !important;
  }

  .info-box-2 .chart.chart-line {
    height: 100%;
    line-height: 115px;
  }

  .info-box-2 .chart.chart-line canvas {
    vertical-align: baseline !important;
  }

  .info-box-2 .content {
    display: inline-block;
    padding: 7px 10px;
  }

  .info-box-2 .content .text {
    font-size: 13px;
    margin-top: 11px;
    color: #555;
  }

  .info-box-2 .content .number {
    font-weight: normal;
    font-size: 26px;
    margin-top: -4px;
    color: #555;
  }

  .info-box-2.hover-zoom-effect .icon {
    overflow: hidden;
  }

  .info-box-2.hover-zoom-effect .icon i {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .info-box-2.hover-zoom-effect:hover .icon i {
    opacity: 0.4;
    -moz-transform: rotate(-32deg) scale(1.4);
    -ms-transform: rotate(-32deg) scale(1.4);
    -o-transform: rotate(-32deg) scale(1.4);
    -webkit-transform: rotate(-32deg) scale(1.4);
    transform: rotate(-32deg) scale(1.4);
  }

  .info-box-2.hover-expand-effect:after {
    background-color: rgba(0, 0, 0, 0.05);
    content: ".";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    -moz-transition: all 0.95s;
    -o-transition: all 0.95s;
    -webkit-transition: all 0.95s;
    transition: all 0.95s;
  }

  .info-box-2.hover-expand-effect:hover:after {
    width: 100%;
  }

  .info-box-3 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
  }

  .info-box-3 .icon {
    position: absolute;
    right: 10px;
    bottom: 2px;
    text-align: center;
  }

  .info-box-3 .icon i {
    color: rgba(0, 0, 0, 0.15);
    font-size: 60px;
  }

  .info-box-3 .chart {
    margin-right: 5px;
  }

  .info-box-3 .chart.chart-bar {
    height: 100%;
    line-height: 50px;
  }

  .info-box-3 .chart.chart-bar canvas {
    vertical-align: baseline !important;
  }

  .info-box-3 .chart.chart-pie {
    height: 100%;
    line-height: 34px;
  }

  .info-box-3 .chart.chart-pie canvas {
    vertical-align: baseline !important;
  }

  .info-box-3 .chart.chart-line {
    height: 100%;
    line-height: 40px;
  }

  .info-box-3 .chart.chart-line canvas {
    vertical-align: baseline !important;
  }

  .info-box-3 .content {
    display: inline-block;
    padding: 7px 16px;
  }

  .info-box-3 .content .text {
    font-size: 13px;
    margin-top: 11px;
    color: #555;
  }

  .info-box-3 .content .number {
    font-weight: normal;
    font-size: 26px;
    margin-top: -4px;
    color: #555;
  }

  .info-box-3.hover-zoom-effect .icon i {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .info-box-3.hover-zoom-effect:hover .icon i {
    opacity: 0.4;
    -moz-transform: rotate(-32deg) scale(1.4);
    -ms-transform: rotate(-32deg) scale(1.4);
    -o-transform: rotate(-32deg) scale(1.4);
    -webkit-transform: rotate(-32deg) scale(1.4);
    transform: rotate(-32deg) scale(1.4);
  }

  .info-box-3.hover-expand-effect:after {
    background-color: rgba(0, 0, 0, 0.05);
    content: ".";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    -moz-transition: all 0.95s;
    -o-transition: all 0.95s;
    -webkit-transition: all 0.95s;
    transition: all 0.95s;
  }

  .info-box-3.hover-expand-effect:hover:after {
    width: 100%;
  }

  .info-box-4 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
  }

  .info-box-4 .icon {
    position: absolute;
    right: 10px;
    bottom: 2px;
    text-align: center;
  }

  .info-box-4 .icon i {
    color: rgba(0, 0, 0, 0.15);
    font-size: 60px;
  }

  .info-box-4 .chart {
    margin-right: 5px;
  }

  .info-box-4 .chart.chart-bar {
    height: 100%;
    line-height: 50px;
  }

  .info-box-4 .chart.chart-bar canvas {
    vertical-align: baseline !important;
  }

  .info-box-4 .chart.chart-pie {
    height: 100%;
    line-height: 34px;
  }

  .info-box-4 .chart.chart-pie canvas {
    vertical-align: baseline !important;
  }

  .info-box-4 .chart.chart-line {
    height: 100%;
    line-height: 40px;
  }

  .info-box-4 .chart.chart-line canvas {
    vertical-align: baseline !important;
  }

  .info-box-4 .content {
    display: inline-block;
    padding: 7px 16px;
  }

  .info-box-4 .content .text {
    font-size: 13px;
    margin-top: 11px;
    color: #555;
  }

  .info-box-4 .content .number {
    font-weight: normal;
    font-size: 26px;
    margin-top: -4px;
    color: #555;
  }

  .info-box-4.hover-zoom-effect .icon i {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .info-box-4.hover-zoom-effect:hover .icon i {
    opacity: 0.4;
    -moz-transform: rotate(-32deg) scale(1.4);
    -ms-transform: rotate(-32deg) scale(1.4);
    -o-transform: rotate(-32deg) scale(1.4);
    -webkit-transform: rotate(-32deg) scale(1.4);
    transform: rotate(-32deg) scale(1.4);
  }

  .info-box-4.hover-expand-effect:after {
    background-color: rgba(0, 0, 0, 0.05);
    content: ".";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    -moz-transition: all 0.95s;
    -o-transition: all 0.95s;
    -webkit-transition: all 0.95s;
    transition: all 0.95s;
  }

  .info-box-4.hover-expand-effect:hover:after {
    width: 100%;
  }

  /* Alerts ====================================== */
  .alert {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: none;
    color: #fff !important;
  }

  .alert .alert-link {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
  }

  .alert-success {
    background-color: #2b982b;
  }

  .alert-info {
    background-color: #00b0e4;
  }

  .alert-warning {
    background-color: #ff9600 !important;
  }

  .alert-danger {
    background: #ffd8d8 !important;
    color: #3c0000 !important;
    font-size: 13px;
    border-radius: 9px;
    font-weight: 400;
    font-family: 'IRANSansNum';
    text-align: center;
  }

  .alert-danger strong {
    font-weight: 800;
    font-family: 'IRANSansNum';
  }

  .alert-dismissible .close {
    color: #fff;
    opacity: 1;
    border: none;
    text-shadow: none;
  }

  /* Dialogs (SweetAlert) ======================== */
  .sweet-alert {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
  }

  .sweet-alert p {
    font-size: 14px !important;
  }

  .sweet-alert .sa-input-error {
    top: 23px !important;
    right: 13px !important;
  }

  .sweet-alert h2 {
    font-size: 18px !important;
    margin: 0 0 5px 0 !important;
  }

  .sweet-alert button {
    font-size: 15px !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
    padding: 5px 20px !important;
  }

  /* Checkbox & Radio ============================ */
  [type="checkbox"]+label {
    padding-left: 26px;
    height: 25px;
    line-height: 21px;
    font-size: 13px;
    font-weight: normal;
  }

  [type="checkbox"]:checked+label:before {
    top: -4px;
    left: -2px;
    width: 11px;
    height: 19px;
  }

  [type="checkbox"]:checked.chk-col-red+label:before {
    border-right: 2px solid #F44336;
    border-bottom: 2px solid #F44336;
  }

  [type="checkbox"]:checked.chk-col-pink+label:before {
    border-right: 2px solid #E91E63;
    border-bottom: 2px solid #E91E63;
  }

  [type="checkbox"]:checked.chk-col-purple+label:before {
    border-right: 2px solid #9C27B0;
    border-bottom: 2px solid #9C27B0;
  }

  [type="checkbox"]:checked.chk-col-deep-purple+label:before {
    border-right: 2px solid #673AB7;
    border-bottom: 2px solid #673AB7;
  }

  [type="checkbox"]:checked.chk-col-indigo+label:before {
    border-right: 2px solid #3F51B5;
    border-bottom: 2px solid #3F51B5;
  }

  [type="checkbox"]:checked.chk-col-blue+label:before {
    border-right: 2px solid #2196F3;
    border-bottom: 2px solid #2196F3;
  }

  [type="checkbox"]:checked.chk-col-light-blue+label:before {
    border-right: 2px solid #03A9F4;
    border-bottom: 2px solid #03A9F4;
  }

  [type="checkbox"]:checked.chk-col-cyan+label:before {
    border-right: 2px solid #00BCD4;
    border-bottom: 2px solid #00BCD4;
  }

  [type="checkbox"]:checked.chk-col-teal+label:before {
    border-right: 2px solid #009688;
    border-bottom: 2px solid #009688;
  }

  [type="checkbox"]:checked.chk-col-green+label:before {
    border-right: 2px solid #4CAF50;
    border-bottom: 2px solid #4CAF50;
  }

  [type="checkbox"]:checked.chk-col-light-green+label:before {
    border-right: 2px solid #8BC34A;
    border-bottom: 2px solid #8BC34A;
  }

  [type="checkbox"]:checked.chk-col-lime+label:before {
    border-right: 2px solid #CDDC39;
    border-bottom: 2px solid #CDDC39;
  }

  [type="checkbox"]:checked.chk-col-yellow+label:before {
    border-right: 2px solid #ffe821;
    border-bottom: 2px solid #ffe821;
  }

  [type="checkbox"]:checked.chk-col-amber+label:before {
    border-right: 2px solid #FFC107;
    border-bottom: 2px solid #FFC107;
  }

  [type="checkbox"]:checked.chk-col-orange+label:before {
    border-right: 2px solid #FF9800;
    border-bottom: 2px solid #FF9800;
  }

  [type="checkbox"]:checked.chk-col-deep-orange+label:before {
    border-right: 2px solid #FF5722;
    border-bottom: 2px solid #FF5722;
  }

  [type="checkbox"]:checked.chk-col-brown+label:before {
    border-right: 2px solid #795548;
    border-bottom: 2px solid #795548;
  }

  [type="checkbox"]:checked.chk-col-grey+label:before {
    border-right: 2px solid #9E9E9E;
    border-bottom: 2px solid #9E9E9E;
  }

  [type="checkbox"]:checked.chk-col-blue-grey+label:before {
    border-right: 2px solid #607D8B;
    border-bottom: 2px solid #607D8B;
  }

  [type="checkbox"]:checked.chk-col-black+label:before {
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
  }

  [type="checkbox"]:checked.chk-col-white+label:before {
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
  }

  [type="checkbox"].filled-in:checked+label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #26a69a;
    background-color: #26a69a;
    z-index: 0;
  }

  [type="checkbox"].filled-in:checked+label:before {
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
  }

  [type="checkbox"].filled-in:checked.chk-col-red+label:after {
    border: 2px solid #F44336;
    background-color: #F44336;
  }

  [type="checkbox"].filled-in:checked.chk-col-pink+label:after {
    border: 2px solid #E91E63;
    background-color: #E91E63;
  }

  [type="checkbox"].filled-in:checked.chk-col-purple+label:after {
    border: 2px solid #9C27B0;
    background-color: #9C27B0;
  }

  [type="checkbox"].filled-in:checked.chk-col-deep-purple+label:after {
    border: 2px solid #673AB7;
    background-color: #673AB7;
  }

  [type="checkbox"].filled-in:checked.chk-col-indigo+label:after {
    border: 2px solid #3F51B5;
    background-color: #3F51B5;
  }

  [type="checkbox"].filled-in:checked.chk-col-blue+label:after {
    border: 2px solid #2196F3;
    background-color: #2196F3;
  }

  [type="checkbox"].filled-in:checked.chk-col-light-blue+label:after {
    border: 2px solid #03A9F4;
    background-color: #03A9F4;
  }

  [type="checkbox"].filled-in:checked.chk-col-cyan+label:after {
    border: 2px solid #00BCD4;
    background-color: #00BCD4;
  }

  [type="checkbox"].filled-in:checked.chk-col-teal+label:after {
    border: 2px solid #009688;
    background-color: #009688;
  }

  [type="checkbox"].filled-in:checked.chk-col-green+label:after {
    border: 2px solid #4CAF50;
    background-color: #4CAF50;
  }

  [type="checkbox"].filled-in:checked.chk-col-light-green+label:after {
    border: 2px solid #8BC34A;
    background-color: #8BC34A;
  }

  [type="checkbox"].filled-in:checked.chk-col-lime+label:after {
    border: 2px solid #CDDC39;
    background-color: #CDDC39;
  }

  [type="checkbox"].filled-in:checked.chk-col-yellow+label:after {
    border: 2px solid #ffe821;
    background-color: #ffe821;
  }

  [type="checkbox"].filled-in:checked.chk-col-amber+label:after {
    border: 2px solid #FFC107;
    background-color: #FFC107;
  }

  [type="checkbox"].filled-in:checked.chk-col-orange+label:after {
    border: 2px solid #FF9800;
    background-color: #FF9800;
  }

  [type="checkbox"].filled-in:checked.chk-col-deep-orange+label:after {
    border: 2px solid #FF5722;
    background-color: #FF5722;
  }

  [type="checkbox"].filled-in:checked.chk-col-brown+label:after {
    border: 2px solid #795548;
    background-color: #795548;
  }

  [type="checkbox"].filled-in:checked.chk-col-grey+label:after {
    border: 2px solid #9E9E9E;
    background-color: #9E9E9E;
  }

  [type="checkbox"].filled-in:checked.chk-col-blue-grey+label:after {
    border: 2px solid #607D8B;
    background-color: #607D8B;
  }

  [type="checkbox"].filled-in:checked.chk-col-black+label:after {
    border: 2px solid #000000;
    background-color: #000000;
  }

  [type="checkbox"].filled-in:checked.chk-col-white+label:after {
    border: 2px solid #ffffff;
    background-color: #ffffff;
  }

  [type="radio"]:not(:checked)+label {
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    font-weight: normal;
  }

  [type="radio"]:checked+label {
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    font-weight: normal;
  }

  [type="radio"].radio-col-red:checked+label:after {
    background-color: #F44336;
    border-color: #F44336;
  }

  [type="radio"].radio-col-pink:checked+label:after {
    background-color: #E91E63;
    border-color: #E91E63;
  }

  [type="radio"].radio-col-purple:checked+label:after {
    background-color: #9C27B0;
    border-color: #9C27B0;
  }

  [type="radio"].radio-col-deep-purple:checked+label:after {
    background-color: #673AB7;
    border-color: #673AB7;
  }

  [type="radio"].radio-col-indigo:checked+label:after {
    background-color: #3F51B5;
    border-color: #3F51B5;
  }

  [type="radio"].radio-col-blue:checked+label:after {
    background-color: #2196F3;
    border-color: #2196F3;
  }

  [type="radio"].radio-col-light-blue:checked+label:after {
    background-color: #03A9F4;
    border-color: #03A9F4;
  }

  [type="radio"].radio-col-cyan:checked+label:after {
    background-color: #00BCD4;
    border-color: #00BCD4;
  }

  [type="radio"].radio-col-teal:checked+label:after {
    background-color: #009688;
    border-color: #009688;
  }

  [type="radio"].radio-col-green:checked+label:after {
    background-color: #4CAF50;
    border-color: #4CAF50;
  }

  [type="radio"].radio-col-light-green:checked+label:after {
    background-color: #8BC34A;
    border-color: #8BC34A;
  }

  [type="radio"].radio-col-lime:checked+label:after {
    background-color: #CDDC39;
    border-color: #CDDC39;
  }

  [type="radio"].radio-col-yellow:checked+label:after {
    background-color: #ffe821;
    border-color: #ffe821;
  }

  [type="radio"].radio-col-amber:checked+label:after {
    background-color: #FFC107;
    border-color: #FFC107;
  }

  [type="radio"].radio-col-orange:checked+label:after {
    background-color: #FF9800;
    border-color: #FF9800;
  }

  [type="radio"].radio-col-deep-orange:checked+label:after {
    background-color: #FF5722;
    border-color: #FF5722;
  }

  [type="radio"].radio-col-brown:checked+label:after {
    background-color: #795548;
    border-color: #795548;
  }

  [type="radio"].radio-col-grey:checked+label:after {
    background-color: #9E9E9E;
    border-color: #9E9E9E;
  }

  [type="radio"].radio-col-blue-grey:checked+label:after {
    background-color: #607D8B;
    border-color: #607D8B;
  }

  [type="radio"].radio-col-black:checked+label:after {
    background-color: #000000;
    border-color: #000000;
  }

  [type="radio"].radio-col-white:checked+label:after {
    background-color: #ffffff;
    border-color: #ffffff;
  }

  [type="radio"].with-gap.radio-col-red:checked+label:before {
    border: 2px solid #F44336;
  }

  [type="radio"].with-gap.radio-col-red:checked+label:after {
    background-color: #F44336;
    border: 2px solid #F44336;
  }

  [type="radio"].with-gap.radio-col-pink:checked+label:before {
    border: 2px solid #E91E63;
  }

  [type="radio"].with-gap.radio-col-pink:checked+label:after {
    background-color: #E91E63;
    border: 2px solid #E91E63;
  }

  [type="radio"].with-gap.radio-col-purple:checked+label:before {
    border: 2px solid #9C27B0;
  }

  [type="radio"].with-gap.radio-col-purple:checked+label:after {
    background-color: #9C27B0;
    border: 2px solid #9C27B0;
  }

  [type="radio"].with-gap.radio-col-deep-purple:checked+label:before {
    border: 2px solid #673AB7;
  }

  [type="radio"].with-gap.radio-col-deep-purple:checked+label:after {
    background-color: #673AB7;
    border: 2px solid #673AB7;
  }

  [type="radio"].with-gap.radio-col-indigo:checked+label:before {
    border: 2px solid #3F51B5;
  }

  [type="radio"].with-gap.radio-col-indigo:checked+label:after {
    background-color: #3F51B5;
    border: 2px solid #3F51B5;
  }

  [type="radio"].with-gap.radio-col-blue:checked+label:before {
    border: 2px solid #2196F3;
  }

  [type="radio"].with-gap.radio-col-blue:checked+label:after {
    background-color: #2196F3;
    border: 2px solid #2196F3;
  }

  [type="radio"].with-gap.radio-col-light-blue:checked+label:before {
    border: 2px solid #03A9F4;
  }

  [type="radio"].with-gap.radio-col-light-blue:checked+label:after {
    background-color: #03A9F4;
    border: 2px solid #03A9F4;
  }

  [type="radio"].with-gap.radio-col-cyan:checked+label:before {
    border: 2px solid #00BCD4;
  }

  [type="radio"].with-gap.radio-col-cyan:checked+label:after {
    background-color: #00BCD4;
    border: 2px solid #00BCD4;
  }

  [type="radio"].with-gap.radio-col-teal:checked+label:before {
    border: 2px solid #009688;
  }

  [type="radio"].with-gap.radio-col-teal:checked+label:after {
    background-color: #009688;
    border: 2px solid #009688;
  }

  [type="radio"].with-gap.radio-col-green:checked+label:before {
    border: 2px solid #4CAF50;
  }

  [type="radio"].with-gap.radio-col-green:checked+label:after {
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
  }

  [type="radio"].with-gap.radio-col-light-green:checked+label:before {
    border: 2px solid #8BC34A;
  }

  [type="radio"].with-gap.radio-col-light-green:checked+label:after {
    background-color: #8BC34A;
    border: 2px solid #8BC34A;
  }

  [type="radio"].with-gap.radio-col-lime:checked+label:before {
    border: 2px solid #CDDC39;
  }

  [type="radio"].with-gap.radio-col-lime:checked+label:after {
    background-color: #CDDC39;
    border: 2px solid #CDDC39;
  }

  [type="radio"].with-gap.radio-col-yellow:checked+label:before {
    border: 2px solid #ffe821;
  }

  [type="radio"].with-gap.radio-col-yellow:checked+label:after {
    background-color: #ffe821;
    border: 2px solid #ffe821;
  }

  [type="radio"].with-gap.radio-col-amber:checked+label:before {
    border: 2px solid #FFC107;
  }

  [type="radio"].with-gap.radio-col-amber:checked+label:after {
    background-color: #FFC107;
    border: 2px solid #FFC107;
  }

  [type="radio"].with-gap.radio-col-orange:checked+label:before {
    border: 2px solid #FF9800;
  }

  [type="radio"].with-gap.radio-col-orange:checked+label:after {
    background-color: #FF9800;
    border: 2px solid #FF9800;
  }

  [type="radio"].with-gap.radio-col-deep-orange:checked+label:before {
    border: 2px solid #FF5722;
  }

  [type="radio"].with-gap.radio-col-deep-orange:checked+label:after {
    background-color: #FF5722;
    border: 2px solid #FF5722;
  }

  [type="radio"].with-gap.radio-col-brown:checked+label:before {
    border: 2px solid #795548;
  }

  [type="radio"].with-gap.radio-col-brown:checked+label:after {
    background-color: #795548;
    border: 2px solid #795548;
  }

  [type="radio"].with-gap.radio-col-grey:checked+label:before {
    border: 2px solid #9E9E9E;
  }

  [type="radio"].with-gap.radio-col-grey:checked+label:after {
    background-color: #9E9E9E;
    border: 2px solid #9E9E9E;
  }

  [type="radio"].with-gap.radio-col-blue-grey:checked+label:before {
    border: 2px solid #607D8B;
  }

  [type="radio"].with-gap.radio-col-blue-grey:checked+label:after {
    background-color: #607D8B;
    border: 2px solid #607D8B;
  }

  [type="radio"].with-gap.radio-col-black:checked+label:before {
    border: 2px solid #000000;
  }

  [type="radio"].with-gap.radio-col-black:checked+label:after {
    background-color: #000000;
    border: 2px solid #000000;
  }

  [type="radio"].with-gap.radio-col-white:checked+label:before {
    border: 2px solid #ffffff;
  }

  [type="radio"].with-gap.radio-col-white:checked+label:after {
    background-color: #ffffff;
    border: 2px solid #ffffff;
  }

  /* Switch ====================================== */
  .switch label {
    font-weight: normal;
    font-size: 13px;
  }

  .switch label .lever {
    margin: 0 14px;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-red:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(244, 67, 54, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-red {
    background-color: rgba(244, 67, 54, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-red:after {
    background-color: #F44336;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-pink:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-pink {
    background-color: rgba(233, 30, 99, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-pink:after {
    background-color: #E91E63;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-purple:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-purple {
    background-color: rgba(156, 39, 176, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-purple:after {
    background-color: #9C27B0;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-deep-purple:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-deep-purple {
    background-color: rgba(103, 58, 183, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-deep-purple:after {
    background-color: #673AB7;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-indigo:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-indigo {
    background-color: rgba(63, 81, 181, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-indigo:after {
    background-color: #3F51B5;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-blue:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(33, 150, 243, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-blue {
    background-color: rgba(33, 150, 243, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-blue:after {
    background-color: #2196F3;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-light-blue:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-light-blue {
    background-color: rgba(3, 169, 244, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-light-blue:after {
    background-color: #03A9F4;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-cyan:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 188, 212, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-cyan {
    background-color: rgba(0, 188, 212, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-cyan:after {
    background-color: #00BCD4;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-teal:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-teal {
    background-color: rgba(0, 150, 136, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-teal:after {
    background-color: #009688;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-green:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(76, 175, 80, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-green {
    background-color: rgba(76, 175, 80, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-green:after {
    background-color: #4CAF50;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-light-green:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-light-green {
    background-color: rgba(139, 195, 74, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-light-green:after {
    background-color: #8BC34A;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-lime:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-lime {
    background-color: rgba(205, 220, 57, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-lime:after {
    background-color: #CDDC39;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-yellow:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 232, 33, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-yellow {
    background-color: rgba(255, 232, 33, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-yellow:after {
    background-color: #ffe821;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-amber:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-amber {
    background-color: rgba(255, 193, 7, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-amber:after {
    background-color: #FFC107;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-orange:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-orange {
    background-color: rgba(255, 152, 0, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-orange:after {
    background-color: #FF9800;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-deep-orange:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange {
    background-color: rgba(255, 87, 34, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange:after {
    background-color: #FF5722;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-brown:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-brown {
    background-color: rgba(121, 85, 72, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-brown:after {
    background-color: #795548;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-grey:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-grey {
    background-color: rgba(158, 158, 158, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-grey:after {
    background-color: #9E9E9E;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-blue-grey:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-blue-grey {
    background-color: rgba(96, 125, 139, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-blue-grey:after {
    background-color: #607D8B;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-black:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-black {
    background-color: rgba(0, 0, 0, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-black:after {
    background-color: #000000;
  }

  .switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-white:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-white {
    background-color: rgba(255, 255, 255, 0.5);
  }

  .switch label input[type=checkbox]:checked+.lever.switch-col-white:after {
    background-color: #ffffff;
  }

  /* DateTime Picker ============================= */
  .dtp div.dtp-date,
  .dtp div.dtp-time {
    background: #007d72;
  }

  .dtp>.dtp-content>.dtp-date-view>header.dtp-header {
    background: #009688;
  }

  .dtp .dtp-buttons .dtp-btn-ok {
    margin-left: 10px;
  }

  .dtp .dtp-buttons .dtp-btn-clear {
    margin-right: 10px !important;
  }

  .dtp .p10>a {
    color: #fff;
  }

  .dtp div.dtp-actual-year {
    font-size: 1.5em;
    color: #ffffff;
  }

  .dtp table.dtp-picker-days tr td a.selected {
    background: #007d72;
    color: #fff;
  }

  /* Bootstrap Select ============================ */
  .bootstrap-select {
    box-shadow: none !important;
    /* border-bottom: 1px solid #ddd !important; */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin-top: 0;
  }

  .bootstrap-select .dropdown-toggle:focus,
  .bootstrap-select .dropdown-toggle:active {
    outline: none !important;
  }

  .bootstrap-select .bs-searchbox,
  .bootstrap-select .bs-actionsbox,
  .bootstrap-select .bs-donebutton {
    padding: 0 0 5px 0;
    border-bottom: 1px solid #e9e9e9;
  }

  .bootstrap-select .bs-searchbox .form-control,
  .bootstrap-select .bs-actionsbox .form-control,
  .bootstrap-select .bs-donebutton .form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    margin-left: 30px;
  }

  .bootstrap-select .bs-searchbox {
    position: relative;
  }

  .bootstrap-select .bs-searchbox:after {
    content: '\E8B6';
    font-family: 'Material Icons';
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 25px;
  }

  .bootstrap-select ul.dropdown-menu {
    margin-top: 0 !important;
  }

  .bootstrap-select .dropdown-menu li.selected a {
    background-color: #eee !important;
    color: #555 !important;
  }

  .bootstrap-select .dropdown-menu .active a {
    background-color: transparent;
    color: #333 !important;
  }

  .bootstrap-select .dropdown-menu .notify {
    background-color: #F44336 !important;
    color: #fff !important;
    border: none !important;
  }

  .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    margin-top: 9px;
  }

  /* Tooltip & Popovers ========================== */
  .tooltip {
    font-size: 13px;
  }

  .tooltip .tooltip-inner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  .popover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.08);
  }

  .popover .popover-title {
    font-weight: bold;
    font-family: inherit;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background-color: #e9e9e9;
    border-bottom: 1px solid #ddd;
  }

  .popover .popover-content {
    font-size: 13px;
    color: #777;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  /* Nav Tabs ==================================== */
  .nav-tabs {
    border-bottom: 2px solid #eee;
  }

  .nav-tabs>li {
    position: relative;
    top: 3px;
    left: -2px;
  }

  .nav-tabs>li>a {
    border: none !important;
    color: #999 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  .nav-tabs>li>a:hover,
  .nav-tabs>li>a:active,
  .nav-tabs>li>a:focus {
    background-color: transparent !important;
  }

  .nav-tabs>li>a:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 2px solid #2196F3;
    bottom: 2px;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transition: 0.1s ease-in;
    -o-transition: 0.1s ease-in;
    -webkit-transition: 0.1s ease-in;
    transition: 0.1s ease-in;
  }

  .nav-tabs>li>a .material-icons {
    position: relative;
    top: 7px;
    margin-bottom: 8px;
  }

  .nav-tabs li.active a {
    color: #222 !important;
  }

  .nav-tabs li.active a:hover,
  .nav-tabs li.active a:active,
  .nav-tabs li.active a:focus {
    background-color: transparent !important;
  }

  .nav-tabs li.active a:before {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  .nav-tabs+.tab-content {
    padding: 15px 0;
  }

  .nav-tabs.tab-col-red>li>a:before {
    border-bottom: 2px solid #F44336;
  }

  .nav-tabs.tab-col-pink>li>a:before {
    border-bottom: 2px solid #E91E63;
  }

  .nav-tabs.tab-col-purple>li>a:before {
    border-bottom: 2px solid #9C27B0;
  }

  .nav-tabs.tab-col-deep-purple>li>a:before {
    border-bottom: 2px solid #673AB7;
  }

  .nav-tabs.tab-col-indigo>li>a:before {
    border-bottom: 2px solid #3F51B5;
  }

  .nav-tabs.tab-col-blue>li>a:before {
    border-bottom: 2px solid #2196F3;
  }

  .nav-tabs.tab-col-light-blue>li>a:before {
    border-bottom: 2px solid #03A9F4;
  }

  .nav-tabs.tab-col-cyan>li>a:before {
    border-bottom: 2px solid #00BCD4;
  }

  .nav-tabs.tab-col-teal>li>a:before {
    border-bottom: 2px solid #009688;
  }

  .nav-tabs.tab-col-green>li>a:before {
    border-bottom: 2px solid #4CAF50;
  }

  .nav-tabs.tab-col-light-green>li>a:before {
    border-bottom: 2px solid #8BC34A;
  }

  .nav-tabs.tab-col-lime>li>a:before {
    border-bottom: 2px solid #CDDC39;
  }

  .nav-tabs.tab-col-yellow>li>a:before {
    border-bottom: 2px solid #ffe821;
  }

  .nav-tabs.tab-col-amber>li>a:before {
    border-bottom: 2px solid #FFC107;
  }

  .nav-tabs.tab-col-orange>li>a:before {
    border-bottom: 2px solid #FF9800;
  }

  .nav-tabs.tab-col-deep-orange>li>a:before {
    border-bottom: 2px solid #FF5722;
  }

  .nav-tabs.tab-col-brown>li>a:before {
    border-bottom: 2px solid #795548;
  }

  .nav-tabs.tab-col-grey>li>a:before {
    border-bottom: 2px solid #9E9E9E;
  }

  .nav-tabs.tab-col-blue-grey>li>a:before {
    border-bottom: 2px solid #607D8B;
  }

  .nav-tabs.tab-col-black>li>a:before {
    border-bottom: 2px solid #000000;
  }

  .nav-tabs.tab-col-white>li>a:before {
    border-bottom: 2px solid #ffffff;
  }

  /* Thumbnails ================================== */
  .thumbnail {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  .thumbnail p:not(button) {
    color: #999999;
    font-size: 14px;
  }

  .thumbnail h3 {
    font-weight: bold;
    font-size: 17px;
  }

  /* Modals ====================================== */
  .modal .modal-header {
    border: none;
    padding: 25px 25px 5px 25px;
  }

  .modal .modal-header .modal-title {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
  }

  .modal.modal_indebtedness_add .modal-dialog {
    width: 900px;
    direction: rtl;
    text-align: right;
  }

  .modal .modal-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 18px;
    box-shadow: -2px 2px 40px rgb(0 0 0 / 10%);
    border: none;
  }

  .modal .modal-content .modal-body {
    color: #777;
    padding: 15px 25px;
    text-align: right;
  }

  .modal .modal-footer {
    border: none;
  }

  .modal-col-red {
    background-color: #F44336;
  }

  .modal-col-red .modal-body,
  .modal-col-red .modal-title {
    color: #fff !important;
  }

  .modal-col-red .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-red .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-red .modal-footer .btn-link:hover,
  .modal-col-red .modal-footer .btn-link:active,
  .modal-col-red .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-pink {
    background-color: #E91E63;
  }

  .modal-col-pink .modal-body,
  .modal-col-pink .modal-title {
    color: #fff !important;
  }

  .modal-col-pink .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-pink .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-pink .modal-footer .btn-link:hover,
  .modal-col-pink .modal-footer .btn-link:active,
  .modal-col-pink .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-purple {
    background-color: #9C27B0;
  }

  .modal-col-purple .modal-body,
  .modal-col-purple .modal-title {
    color: #fff !important;
  }

  .modal-col-purple .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-purple .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-purple .modal-footer .btn-link:hover,
  .modal-col-purple .modal-footer .btn-link:active,
  .modal-col-purple .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-deep-purple {
    background-color: #673AB7;
  }

  .modal-col-deep-purple .modal-body,
  .modal-col-deep-purple .modal-title {
    color: #fff !important;
  }

  .modal-col-deep-purple .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-deep-purple .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-deep-purple .modal-footer .btn-link:hover,
  .modal-col-deep-purple .modal-footer .btn-link:active,
  .modal-col-deep-purple .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-indigo {
    background-color: #3F51B5;
  }

  .modal-col-indigo .modal-body,
  .modal-col-indigo .modal-title {
    color: #fff !important;
  }

  .modal-col-indigo .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-indigo .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-indigo .modal-footer .btn-link:hover,
  .modal-col-indigo .modal-footer .btn-link:active,
  .modal-col-indigo .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-blue {
    background-color: #2196F3;
  }

  .modal-col-blue .modal-body,
  .modal-col-blue .modal-title {
    color: #fff !important;
  }

  .modal-col-blue .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-blue .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-blue .modal-footer .btn-link:hover,
  .modal-col-blue .modal-footer .btn-link:active,
  .modal-col-blue .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-light-blue {
    background-color: #03A9F4;
  }

  .modal-col-light-blue .modal-body,
  .modal-col-light-blue .modal-title {
    color: #fff !important;
  }

  .modal-col-light-blue .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-light-blue .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-light-blue .modal-footer .btn-link:hover,
  .modal-col-light-blue .modal-footer .btn-link:active,
  .modal-col-light-blue .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-cyan {
    background-color: #00BCD4;
  }

  .modal-col-cyan .modal-body,
  .modal-col-cyan .modal-title {
    color: #fff !important;
  }

  .modal-col-cyan .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-cyan .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-cyan .modal-footer .btn-link:hover,
  .modal-col-cyan .modal-footer .btn-link:active,
  .modal-col-cyan .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-teal {
    background-color: #009688;
  }

  .modal-col-teal .modal-body,
  .modal-col-teal .modal-title {
    color: #fff !important;
  }

  .modal-col-teal .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-teal .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-teal .modal-footer .btn-link:hover,
  .modal-col-teal .modal-footer .btn-link:active,
  .modal-col-teal .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-green {
    background-color: #4CAF50;
  }

  .modal-col-green .modal-body,
  .modal-col-green .modal-title {
    color: #fff !important;
  }

  .modal-col-green .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-green .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-green .modal-footer .btn-link:hover,
  .modal-col-green .modal-footer .btn-link:active,
  .modal-col-green .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-light-green {
    background-color: #8BC34A;
  }

  .modal-col-light-green .modal-body,
  .modal-col-light-green .modal-title {
    color: #fff !important;
  }

  .modal-col-light-green .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-light-green .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-light-green .modal-footer .btn-link:hover,
  .modal-col-light-green .modal-footer .btn-link:active,
  .modal-col-light-green .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-lime {
    background-color: #CDDC39;
  }

  .modal-col-lime .modal-body,
  .modal-col-lime .modal-title {
    color: #fff !important;
  }

  .modal-col-lime .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-lime .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-lime .modal-footer .btn-link:hover,
  .modal-col-lime .modal-footer .btn-link:active,
  .modal-col-lime .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-yellow {
    background-color: #ffe821;
  }

  .modal-col-yellow .modal-body,
  .modal-col-yellow .modal-title {
    color: #fff !important;
  }

  .modal-col-yellow .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-yellow .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-yellow .modal-footer .btn-link:hover,
  .modal-col-yellow .modal-footer .btn-link:active,
  .modal-col-yellow .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-amber {
    background-color: #FFC107;
  }

  .modal-col-amber .modal-body,
  .modal-col-amber .modal-title {
    color: #fff !important;
  }

  .modal-col-amber .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-amber .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-amber .modal-footer .btn-link:hover,
  .modal-col-amber .modal-footer .btn-link:active,
  .modal-col-amber .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-orange {
    background-color: #FF9800;
  }

  .modal-col-orange .modal-body,
  .modal-col-orange .modal-title {
    color: #fff !important;
  }

  .modal-col-orange .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-orange .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-orange .modal-footer .btn-link:hover,
  .modal-col-orange .modal-footer .btn-link:active,
  .modal-col-orange .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-deep-orange {
    background-color: #FF5722;
  }

  .modal-col-deep-orange .modal-body,
  .modal-col-deep-orange .modal-title {
    color: #fff !important;
  }

  .modal-col-deep-orange .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-deep-orange .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-deep-orange .modal-footer .btn-link:hover,
  .modal-col-deep-orange .modal-footer .btn-link:active,
  .modal-col-deep-orange .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-brown {
    background-color: #795548;
  }

  .modal-col-brown .modal-body,
  .modal-col-brown .modal-title {
    color: #fff !important;
  }

  .modal-col-brown .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-brown .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-brown .modal-footer .btn-link:hover,
  .modal-col-brown .modal-footer .btn-link:active,
  .modal-col-brown .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-grey {
    background-color: #9E9E9E;
  }

  .modal-col-grey .modal-body,
  .modal-col-grey .modal-title {
    color: #fff !important;
  }

  .modal-col-grey .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-grey .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-grey .modal-footer .btn-link:hover,
  .modal-col-grey .modal-footer .btn-link:active,
  .modal-col-grey .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-blue-grey {
    background-color: #607D8B;
  }

  .modal-col-blue-grey .modal-body,
  .modal-col-blue-grey .modal-title {
    color: #fff !important;
  }

  .modal-col-blue-grey .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-blue-grey .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-blue-grey .modal-footer .btn-link:hover,
  .modal-col-blue-grey .modal-footer .btn-link:active,
  .modal-col-blue-grey .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-black {
    background-color: #000000;
  }

  .modal-col-black .modal-body,
  .modal-col-black .modal-title {
    color: #fff !important;
  }

  .modal-col-black .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-black .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-black .modal-footer .btn-link:hover,
  .modal-col-black .modal-footer .btn-link:active,
  .modal-col-black .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-white {
    background-color: #ffffff;
  }

  .modal-col-white .modal-body,
  .modal-col-white .modal-title {
    color: #fff !important;
  }

  .modal-col-white .modal-footer {
    background-color: rgba(0, 0, 0, 0.12);
  }

  .modal-col-white .modal-footer .btn-link {
    color: #fff !important;
  }

  .modal-col-white .modal-footer .btn-link:hover,
  .modal-col-white .modal-footer .btn-link:active,
  .modal-col-white .modal-footer .btn-link:focus {
    background-color: rgba(0, 0, 0, 0.12);
  }

  /* Labels ====================================== */
  .label {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  .label-primary {
    background-color: #1f91f3;
  }

  .label-success {
    background-color: #2b982b;
  }

  .label-info {
    background-color: #9c27b0;
  }

  .label-warning {
    background-color: #ff9600;
  }

  .label-danger {
    background-color: #fb483a;
  }

  /* Collapse ==================================== */
  .collapse .well,
  .collapse.in .well,
  .collapsing .well {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
  }

  /* Tables ====================================== */
  .table tbody tr td,
  .table tbody tr th {
    padding: 15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: center;
    align-content: center;
  }

  .table tbody tr.primary td,
  .table tbody tr.primary th {
    background-color: #1f91f3;
    color: #fff;
  }

  .table tbody tr.success td,
  .table tbody tr.success th {
    background-color: #2b982b;
    color: #fff;
  }

  .table tbody tr.info td,
  .table tbody tr.info th {
    background-color: #00b0e4;
    color: #fff;
  }

  .table tbody tr.warning td,
  .table tbody tr.warning th {
    background-color: #ff9600;
    color: #fff;
  }

  .table tbody tr.danger td,
  .table tbody tr.danger th {
    background-color: #fb483a;
    color: #fff;
  }

  .table thead tr th {
    padding: 10px;
    border-bottom: 1px solid #eee;
    text-align: center;
  }

  .table-bordered {
    border-top: 1px solid #eee;
  }

  .table-bordered tbody tr td,
  .table-bordered tbody tr th {
    padding: 10px;
    border: 1px solid #eee;
  }

  .table-bordered thead tr th {
    padding: 10px;
    border: 1px solid #eee;
  }

  /* Panel ======================================= */
  .panel-group .panel-col-red {
    border: 1px solid #F44336;
  }

  .panel-group .panel-col-red .panel-title {
    background-color: #F44336 !important;
    color: #fff;
  }

  .panel-group .panel-col-red .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-pink {
    border: 1px solid #E91E63;
  }

  .panel-group .panel-col-pink .panel-title {
    background-color: #E91E63 !important;
    color: #fff;
  }

  .panel-group .panel-col-pink .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-purple {
    border: 1px solid #9C27B0;
  }

  .panel-group .panel-col-purple .panel-title {
    background-color: #9C27B0 !important;
    color: #fff;
  }

  .panel-group .panel-col-purple .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-deep-purple {
    border: 1px solid #673AB7;
  }

  .panel-group .panel-col-deep-purple .panel-title {
    background-color: #673AB7 !important;
    color: #fff;
  }

  .panel-group .panel-col-deep-purple .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-indigo {
    border: 1px solid #3F51B5;
  }

  .panel-group .panel-col-indigo .panel-title {
    background-color: #3F51B5 !important;
    color: #fff;
  }

  .panel-group .panel-col-indigo .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-blue {
    border: 1px solid #2196F3;
  }

  .panel-group .panel-col-blue .panel-title {
    background-color: #2196F3 !important;
    color: #fff;
  }

  .panel-group .panel-col-blue .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-light-blue {
    border: 1px solid #03A9F4;
  }

  .panel-group .panel-col-light-blue .panel-title {
    background-color: #03A9F4 !important;
    color: #fff;
  }

  .panel-group .panel-col-light-blue .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-cyan {
    border: 1px solid #00BCD4;
  }

  .panel-group .panel-col-cyan .panel-title {
    background-color: #00BCD4 !important;
    color: #fff;
  }

  .panel-group .panel-col-cyan .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-teal {
    border: 1px solid #009688;
  }

  .panel-group .panel-col-teal .panel-title {
    background-color: #009688 !important;
    color: #fff;
  }

  .panel-group .panel-col-teal .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-green {
    border: 1px solid #4CAF50;
  }

  .panel-group .panel-col-green .panel-title {
    background-color: #4CAF50 !important;
    color: #fff;
  }

  .panel-group .panel-col-green .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-light-green {
    border: 1px solid #8BC34A;
  }

  .panel-group .panel-col-light-green .panel-title {
    background-color: #8BC34A !important;
    color: #fff;
  }

  .panel-group .panel-col-light-green .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-lime {
    border: 1px solid #CDDC39;
  }

  .panel-group .panel-col-lime .panel-title {
    background-color: #CDDC39 !important;
    color: #fff;
  }

  .panel-group .panel-col-lime .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-yellow {
    border: 1px solid #ffe821;
  }

  .panel-group .panel-col-yellow .panel-title {
    background-color: #ffe821 !important;
    color: #fff;
  }

  .panel-group .panel-col-yellow .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-amber {
    border: 1px solid #FFC107;
  }

  .panel-group .panel-col-amber .panel-title {
    background-color: #FFC107 !important;
    color: #fff;
  }

  .panel-group .panel-col-amber .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-orange {
    border: 1px solid #FF9800;
  }

  .panel-group .panel-col-orange .panel-title {
    background-color: #FF9800 !important;
    color: #fff;
  }

  .panel-group .panel-col-orange .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-deep-orange {
    border: 1px solid #FF5722;
  }

  .panel-group .panel-col-deep-orange .panel-title {
    background-color: #FF5722 !important;
    color: #fff;
  }

  .panel-group .panel-col-deep-orange .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-brown {
    border: 1px solid #795548;
  }

  .panel-group .panel-col-brown .panel-title {
    background-color: #795548 !important;
    color: #fff;
  }

  .panel-group .panel-col-brown .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-grey {
    border: 1px solid #9E9E9E;
  }

  .panel-group .panel-col-grey .panel-title {
    background-color: #9E9E9E !important;
    color: #fff;
  }

  .panel-group .panel-col-grey .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-blue-grey {
    border: 1px solid #607D8B;
  }

  .panel-group .panel-col-blue-grey .panel-title {
    background-color: #607D8B !important;
    color: #fff;
  }

  .panel-group .panel-col-blue-grey .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-black {
    border: 1px solid #000000;
  }

  .panel-group .panel-col-black .panel-title {
    background-color: #000000 !important;
    color: #fff;
  }

  .panel-group .panel-col-black .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel-col-white {
    border: 1px solid #ffffff;
  }

  .panel-group .panel-col-white .panel-title {
    background-color: #ffffff !important;
    color: #fff;
  }

  .panel-group .panel-col-white .panel-body {
    border-top-color: transparent !important;
  }

  .panel-group .panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  .panel-group .panel .panel-title .material-icons {
    float: left;
    line-height: 16px;
    margin-right: 8px;
  }

  .panel-group .panel .panel-heading {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  .panel-group .panel .panel-heading a {
    display: block;
    padding: 10px 15px;
  }

  .panel-group .panel .panel-heading a:hover,
  .panel-group .panel .panel-heading a:focus,
  .panel-group .panel .panel-heading a:active {
    text-decoration: none;
  }

  .panel-group .panel .panel-body {
    color: #555;
  }

  .panel-group .panel-primary {
    border: 1px solid #1f91f3;
  }

  .panel-group .panel-primary .panel-title {
    background-color: #1f91f3;
  }

  .panel-group .panel-success {
    border: 1px solid #2b982b;
  }

  .panel-group .panel-success .panel-title {
    background-color: #2b982b;
    color: #fff;
  }

  .panel-group .panel-warning {
    border: 1px solid #ff9600;
  }

  .panel-group .panel-warning .panel-title {
    background-color: #ff9600;
    color: #fff;
  }

  .panel-group .panel-danger {
    border: 1px solid #fb483a;
  }

  .panel-group .panel-danger .panel-title {
    background-color: #fb483a;
    color: #fff;
  }

  .full-body .panel-col-red .panel-body {
    border-top-color: #fff !important;
    background-color: #F44336;
    color: #fff;
  }

  .full-body .panel-col-pink .panel-body {
    border-top-color: #fff !important;
    background-color: #E91E63;
    color: #fff;
  }

  .full-body .panel-col-purple .panel-body {
    border-top-color: #fff !important;
    background-color: #9C27B0;
    color: #fff;
  }

  .full-body .panel-col-deep-purple .panel-body {
    border-top-color: #fff !important;
    background-color: #673AB7;
    color: #fff;
  }

  .full-body .panel-col-indigo .panel-body {
    border-top-color: #fff !important;
    background-color: #3F51B5;
    color: #fff;
  }

  .full-body .panel-col-blue .panel-body {
    border-top-color: #fff !important;
    background-color: #2196F3;
    color: #fff;
  }

  .full-body .panel-col-light-blue .panel-body {
    border-top-color: #fff !important;
    background-color: #03A9F4;
    color: #fff;
  }

  .full-body .panel-col-cyan .panel-body {
    border-top-color: #fff !important;
    background-color: #00BCD4;
    color: #fff;
  }

  .full-body .panel-col-teal .panel-body {
    border-top-color: #fff !important;
    background-color: #009688;
    color: #fff;
  }

  .full-body .panel-col-green .panel-body {
    border-top-color: #fff !important;
    background-color: #4CAF50;
    color: #fff;
  }

  .full-body .panel-col-light-green .panel-body {
    border-top-color: #fff !important;
    background-color: #8BC34A;
    color: #fff;
  }

  .full-body .panel-col-lime .panel-body {
    border-top-color: #fff !important;
    background-color: #CDDC39;
    color: #fff;
  }

  .full-body .panel-col-yellow .panel-body {
    border-top-color: #fff !important;
    background-color: #ffe821;
    color: #fff;
  }

  .full-body .panel-col-amber .panel-body {
    border-top-color: #fff !important;
    background-color: #FFC107;
    color: #fff;
  }

  .full-body .panel-col-orange .panel-body {
    border-top-color: #fff !important;
    background-color: #FF9800;
    color: #fff;
  }

  .full-body .panel-col-deep-orange .panel-body {
    border-top-color: #fff !important;
    background-color: #FF5722;
    color: #fff;
  }

  .full-body .panel-col-brown .panel-body {
    border-top-color: #fff !important;
    background-color: #795548;
    color: #fff;
  }

  .full-body .panel-col-grey .panel-body {
    border-top-color: #fff !important;
    background-color: #9E9E9E;
    color: #fff;
  }

  .full-body .panel-col-blue-grey .panel-body {
    border-top-color: #fff !important;
    background-color: #607D8B;
    color: #fff;
  }

  .full-body .panel-col-black .panel-body {
    border-top-color: #fff !important;
    background-color: #000000;
    color: #fff;
  }

  .full-body .panel-col-white .panel-body {
    border-top-color: #fff !important;
    background-color: #ffffff;
    color: #fff;
  }

  .full-body .panel-primary .panel-body {
    border-top-color: #fff !important;
    background-color: #1f91f3;
    color: #fff;
  }

  .full-body .panel-success .panel-body {
    border-top-color: #fff !important;
    background-color: #2b982b;
    color: #fff;
  }

  .full-body .panel-warning .panel-body {
    border-top-color: #fff !important;
    background-color: #ff9600;
    color: #fff;
  }

  .full-body .panel-danger .panel-body {
    border-top-color: #fff !important;
    background-color: #fb483a;
    color: #fff;
  }

  /* Progress Bars =============================== */
  .progress {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    height: 22px;
  }

  .progress .progress-bar {
    line-height: 23px;
    background-color: #1f91f3;
  }

  .progress .progress-bar-success {
    background-color: #2b982b;
  }

  .progress .progress-bar-info {
    background-color: #00b0e4;
  }

  .progress .progress-bar-warning {
    background-color: #ff9600;
  }

  .progress .progress-bar-danger {
    background-color: #fb483a;
  }

  /* Ion Range Slider ============================ */
  .irs .irs-min,
  .irs .irs-max,
  .irs .irs-from,
  .irs .irs-to,
  .irs .irs-single {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  /* Input Group ================================= */
  .input-group {
    width: 100%;
    margin-bottom: 20px;
  }

  .input-group .form-line {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    position: relative;
  }

  .input-group .form-line:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -2px;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transition: 0.25s ease-in;
    -o-transition: 0.25s ease-in;
    -webkit-transition: 0.25s ease-in;
    transition: 0.25s ease-in;
    border-bottom: 2px solid #1f91f3;
  }

  .input-group .form-line+.input-group-addon {
    padding-right: 0;
    padding-left: 10px;
  }

  .input-group .help-info {
    float: right;
    font-size: 12px;
    margin-top: 5px;
    color: #999;
  }

  .input-group label.error {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    font-weight: normal;
    color: #F44336;
  }

  .input-group .form-line.error:after {
    border-bottom: 2px solid #F44336;
  }

  .input-group .form-line.success:after {
    border-bottom: 2px solid #4CAF50;
  }

  .input-group .form-line.warning:after {
    border-bottom: 2px solid #FFC107;
  }

  .input-group .form-line.focused:after {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  .input-group .form-line.focused .form-label {
    bottom: 25px;
    left: 0;
    font-size: 12px;
  }

  .input-group .input-group-addon {
    border: none;
    background-color: transparent;
    padding-right: 0;
    font-weight: bold;
  }

  .input-group .input-group-addon .material-icons {
    font-size: 18px;
    color: #555;
  }

  .input-group input[type="text"],
  .input-group .form-control {
    border: none;
    box-shadow: none;
    padding-left: 0;
  }

  .input-group .form-control:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
  }

  .input-group.input-group-sm .input-group-addon i {
    font-size: 14px;
  }

  .input-group.input-group-sm .form-control {
    font-size: 12px;
  }

  .input-group.input-group-lg .input-group-addon i {
    font-size: 26px;
  }

  .input-group.input-group-lg .form-control {
    font-size: 18px;
  }

  .form-control-label {
    text-align: right;
  }

  .form-control-label label {
    margin-top: 8px;
  }

  .form-horizontal .form-group {
    margin-bottom: 0;
  }

  .form-group {
    width: 100%;
    margin-bottom: 25px;
  }

  .form-group .form-control {
    width: 100%;
    /* border-radius: 7px; */
    /* box-shadow: 0px 0px 20px 0px #50505029; */
    padding-left: 0;
    border-color: #dcdcdc;
    font-size: 12px;
  }

  .form-group .form-control:focus {
    border-color: #dcdcdc;
  }

  .form-group .help-info {
    float: right;
    font-size: 12px;
    margin-top: 5px;
    color: #999;
  }

  .form-group label.error {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    font-weight: normal;
    color: #F44336;
  }

  .form-group .form-line {
    width: 100%;
    position: relative;
    /* margin-top: 5px; */
  }

  .form-group .form-line .form-label {
    font-weight: normal;
    color: #aaa;
    position: absolute;
    top: 10px;
    left: 0;
    cursor: text;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }

  .form-group .form-line.error:after {
    border-bottom: 2px solid #F44336;
  }

  .form-group .form-line.success:after {
    border-bottom: 2px solid #4CAF50;
  }

  .form-group .form-line.warning:after {
    border-bottom: 2px solid #FFC107;
  }

  .form-group .form-line.focused:after {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  .form-group .form-line.focused .form-label {
    top: -10px;
    left: 0;
    font-size: 12px;
  }

  .form-group-sm .form-label {
    font-size: 12px;
  }

  .form-group-sm .form-line.focused .form-label {
    bottom: 20px;
    font-size: 10px;
  }

  .form-group-lg .form-label {
    font-size: 18px;
  }

  .form-group-lg .form-line.focused .form-label {
    bottom: 35px;
    font-size: 12px;
  }

  .form-control[disabled],
  .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #00000012;
  }

  /* Color Picker ================================ */
  .colorpicker {
    z-index: 1;
  }

  .colorpicker:before,
  .colorpicker:after {
    display: none !important;
  }

  /* Dropzone ==================================== */
  .dropzone {
    border: 2px solid transparent !important;
    background-color: #eee !important;
  }

  .dropzone .dz-message .drag-icon-cph .material-icons {
    font-size: 80px;
    color: #777;
  }

  .dz-drag-hover {
    border: 2px dashed #888 !important;
  }

  /* Breadcrumbs ================================= */
  .breadcrumb {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    font-size: 13px;
    margin-bottom: 10px;
  }

  .breadcrumb li a {
    color: #444;
    text-decoration: none;
  }

  .breadcrumb li a .material-icons {
    font-size: 18px;
    position: relative;
    top: 4px;
  }

  .breadcrumb li .material-icons {
    font-size: 18px;
    position: relative;
    top: 4px;
  }

  .breadcrumb>li+li:before {
    content: '>\00a0';
  }

  .breadcrumb-col-red li a {
    color: #F44336 !important;
    font-weight: bold;
  }

  .breadcrumb-bg-red {
    background-color: #F44336 !important;
  }

  .breadcrumb-bg-red li {
    color: #fff !important;
  }

  .breadcrumb-bg-red li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-red li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-red li+li:before {
    color: #fff;
  }

  .breadcrumb-col-pink li a {
    color: #E91E63 !important;
    font-weight: bold;
  }

  .breadcrumb-bg-pink {
    background-color: #E91E63 !important;
  }

  .breadcrumb-bg-pink li {
    color: #fff !important;
  }

  .breadcrumb-bg-pink li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-pink li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-pink li+li:before {
    color: #fff;
  }

  .breadcrumb-col-purple li a {
    color: #9C27B0 !important;
    font-weight: bold;
  }

  .breadcrumb-bg-purple {
    background-color: #9C27B0 !important;
  }

  .breadcrumb-bg-purple li {
    color: #fff !important;
  }

  .breadcrumb-bg-purple li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-purple li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-purple li+li:before {
    color: #fff;
  }

  .breadcrumb-col-deep-purple li a {
    color: #673AB7 !important;
    font-weight: bold;
  }

  .breadcrumb-bg-deep-purple {
    background-color: #673AB7 !important;
  }

  .breadcrumb-bg-deep-purple li {
    color: #fff !important;
  }

  .breadcrumb-bg-deep-purple li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-deep-purple li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-deep-purple li+li:before {
    color: #fff;
  }

  .breadcrumb-col-indigo li a {
    color: #3F51B5 !important;
    font-weight: bold;
  }

  .breadcrumb-bg-indigo {
    background-color: #3F51B5 !important;
  }

  .breadcrumb-bg-indigo li {
    color: #fff !important;
  }

  .breadcrumb-bg-indigo li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-indigo li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-indigo li+li:before {
    color: #fff;
  }

  .breadcrumb-col-blue li a {
    color: #2196F3 !important;
    font-weight: bold;
  }

  .breadcrumb-bg-blue {
    background-color: #2196F3 !important;
  }

  .breadcrumb-bg-blue li {
    color: #fff !important;
  }

  .breadcrumb-bg-blue li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-blue li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-blue li+li:before {
    color: #fff;
  }

  .breadcrumb-col-light-blue li a {
    color: #03A9F4 !important;
    font-weight: bold;
  }

  .breadcrumb-bg-light-blue {
    background-color: #03A9F4 !important;
  }

  .breadcrumb-bg-light-blue li {
    color: #fff !important;
  }

  .breadcrumb-bg-light-blue li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-light-blue li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-light-blue li+li:before {
    color: #fff;
  }

  .breadcrumb-col-cyan li a {
    color: #00BCD4 !important;
    font-weight: bold;
  }

  .breadcrumb-bg-cyan {
    background-color: #00BCD4 !important;
  }

  .breadcrumb-bg-cyan li {
    color: #fff !important;
  }

  .breadcrumb-bg-cyan li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-cyan li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-cyan li+li:before {
    color: #fff;
  }

  .breadcrumb-col-teal li a {
    color: #009688 !important;
    font-weight: bold;
  }

  .breadcrumb-bg-teal {
    background-color: #009688 !important;
  }

  .breadcrumb-bg-teal li {
    color: #fff !important;
  }

  .breadcrumb-bg-teal li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-teal li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-teal li+li:before {
    color: #fff;
  }

  .breadcrumb-col-green li a {
    color: #4CAF50 !important;
    font-weight: bold;
  }

  .breadcrumb-bg-green {
    background-color: #4CAF50 !important;
  }

  .breadcrumb-bg-green li {
    color: #fff !important;
  }

  .breadcrumb-bg-green li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-green li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-green li+li:before {
    color: #fff;
  }

  .breadcrumb-col-light-green li a {
    color: #8BC34A !important;
    font-weight: bold;
  }

  .breadcrumb-bg-light-green {
    background-color: #8BC34A !important;
  }

  .breadcrumb-bg-light-green li {
    color: #fff !important;
  }

  .breadcrumb-bg-light-green li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-light-green li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-light-green li+li:before {
    color: #fff;
  }

  .breadcrumb-col-lime li a {
    color: #CDDC39 !important;
    font-weight: bold;
  }

  .breadcrumb-bg-lime {
    background-color: #CDDC39 !important;
  }

  .breadcrumb-bg-lime li {
    color: #fff !important;
  }

  .breadcrumb-bg-lime li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-lime li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-lime li+li:before {
    color: #fff;
  }

  .breadcrumb-col-yellow li a {
    color: #ffe821 !important;
    font-weight: bold;
  }

  .breadcrumb-bg-yellow {
    background-color: #ffe821 !important;
  }

  .breadcrumb-bg-yellow li {
    color: #fff !important;
  }

  .breadcrumb-bg-yellow li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-yellow li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-yellow li+li:before {
    color: #fff;
  }

  .breadcrumb-col-amber li a {
    color: #FFC107 !important;
    font-weight: bold;
  }

  .breadcrumb-bg-amber {
    background-color: #FFC107 !important;
  }

  .breadcrumb-bg-amber li {
    color: #fff !important;
  }

  .breadcrumb-bg-amber li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-amber li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-amber li+li:before {
    color: #fff;
  }

  .breadcrumb-col-orange li a {
    color: #FF9800 !important;
    font-weight: bold;
  }

  .breadcrumb-bg-orange {
    background-color: #FF9800 !important;
  }

  .breadcrumb-bg-orange li {
    color: #fff !important;
  }

  .breadcrumb-bg-orange li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-orange li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-orange li+li:before {
    color: #fff;
  }

  .breadcrumb-col-deep-orange li a {
    color: #FF5722 !important;
    font-weight: bold;
  }

  .breadcrumb-bg-deep-orange {
    background-color: #FF5722 !important;
  }

  .breadcrumb-bg-deep-orange li {
    color: #fff !important;
  }

  .breadcrumb-bg-deep-orange li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-deep-orange li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-deep-orange li+li:before {
    color: #fff;
  }

  .breadcrumb-col-brown li a {
    color: #795548 !important;
    font-weight: bold;
  }

  .breadcrumb-bg-brown {
    background-color: #795548 !important;
  }

  .breadcrumb-bg-brown li {
    color: #fff !important;
  }

  .breadcrumb-bg-brown li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-brown li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-brown li+li:before {
    color: #fff;
  }

  .breadcrumb-col-grey li a {
    color: #9E9E9E !important;
    font-weight: bold;
  }

  .breadcrumb-bg-grey {
    background-color: #9E9E9E !important;
  }

  .breadcrumb-bg-grey li {
    color: #fff !important;
  }

  .breadcrumb-bg-grey li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-grey li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-grey li+li:before {
    color: #fff;
  }

  .breadcrumb-col-blue-grey li a {
    color: #607D8B !important;
    font-weight: bold;
  }

  .breadcrumb-bg-blue-grey {
    background-color: #607D8B !important;
  }

  .breadcrumb-bg-blue-grey li {
    color: #fff !important;
  }

  .breadcrumb-bg-blue-grey li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-blue-grey li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-blue-grey li+li:before {
    color: #fff;
  }

  .breadcrumb-col-black li a {
    color: #000000 !important;
    font-weight: bold;
  }

  .breadcrumb-bg-black {
    background-color: #000000 !important;
  }

  .breadcrumb-bg-black li {
    color: #fff !important;
  }

  .breadcrumb-bg-black li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-black li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-black li+li:before {
    color: #fff;
  }

  .breadcrumb-col-white li a {
    color: #ffffff !important;
    font-weight: bold;
  }

  .breadcrumb-bg-white {
    background-color: #ffffff !important;
  }

  .breadcrumb-bg-white li {
    color: #fff !important;
  }

  .breadcrumb-bg-white li a {
    color: #fff;
    font-weight: bold;
  }

  .breadcrumb-bg-white li a .material-icons {
    padding-bottom: 8px;
  }

  .breadcrumb-bg-white li+li:before {
    color: #fff;
  }

  /* Badge | List Group Item ===================== */
  .badge {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
  }

  .list-group-item {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .list-group .active {
    background-color: #2196F3;
    border-color: #2196F3;
  }

  .list-group .active:hover,
  .list-group .active:focus,
  .list-group .active:active {
    background-color: #2196F3;
    border-color: #2196F3;
  }

  .list-group .active .list-group-item-text {
    color: #dfe9f1;
    font-size: 13px;
  }

  .list-group .active .list-group-item-text:hover,
  .list-group .active .list-group-item-text:active,
  .list-group .active .list-group-item-text:focus {
    color: #dfe9f1;
  }

  .list-group .list-group-item.active:hover .list-group-item-text,
  .list-group .list-group-item.active:focus .list-group-item-text,
  .list-group .list-group-item.active:active .list-group-item-text {
    color: #dfe9f1;
  }

  .list-group .list-group-item:first-child,
  .list-group .list-group-item:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  .list-group .list-group-item .list-group-item-heading {
    font-weight: bold;
    font-size: 17px;
  }

  .list-group .list-group-item-success {
    background-color: #2b982b;
    border: none;
    color: #fff;
  }

  .list-group .list-group-item-success:hover,
  .list-group .list-group-item-success:focus {
    background-color: #2b982b;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .list-group-item-info {
    background-color: #00b0e4;
    border: none;
    color: #fff;
  }

  .list-group .list-group-item-info:hover,
  .list-group .list-group-item-info:focus {
    background-color: #00b0e4;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .list-group-item-warning {
    background-color: #ff9600;
    border: none;
    color: #fff;
  }

  .list-group .list-group-item-warning:hover,
  .list-group .list-group-item-warning:focus {
    background-color: #ff9600;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .list-group-item-danger {
    background-color: #fb483a;
    border: none;
    color: #fff;
  }

  .list-group .list-group-item-danger:hover,
  .list-group .list-group-item-danger:focus {
    background-color: #fb483a;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-red {
    stroke: #F44336;
  }

  .list-group .list-group-bg-red {
    background-color: #F44336;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-red:hover,
  .list-group .list-group-bg-red:focus {
    background-color: #F44336;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-pink {
    stroke: #E91E63;
  }

  .list-group .list-group-bg-pink {
    background-color: #E91E63;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-pink:hover,
  .list-group .list-group-bg-pink:focus {
    background-color: #E91E63;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-purple {
    stroke: #9C27B0;
  }

  .list-group .list-group-bg-purple {
    background-color: #9C27B0;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-purple:hover,
  .list-group .list-group-bg-purple:focus {
    background-color: #9C27B0;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-deep-purple {
    stroke: #673AB7;
  }

  .list-group .list-group-bg-deep-purple {
    background-color: #673AB7;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-deep-purple:hover,
  .list-group .list-group-bg-deep-purple:focus {
    background-color: #673AB7;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-indigo {
    stroke: #3F51B5;
  }

  .list-group .list-group-bg-indigo {
    background-color: #3F51B5;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-indigo:hover,
  .list-group .list-group-bg-indigo:focus {
    background-color: #3F51B5;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-blue {
    stroke: #2196F3;
  }

  .list-group .list-group-bg-blue {
    background-color: #2196F3;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-blue:hover,
  .list-group .list-group-bg-blue:focus {
    background-color: #2196F3;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-light-blue {
    stroke: #03A9F4;
  }

  .list-group .list-group-bg-light-blue {
    background-color: #03A9F4;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-light-blue:hover,
  .list-group .list-group-bg-light-blue:focus {
    background-color: #03A9F4;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-cyan {
    stroke: #00BCD4;
  }

  .list-group .list-group-bg-cyan {
    background-color: #00BCD4;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-cyan:hover,
  .list-group .list-group-bg-cyan:focus {
    background-color: #00BCD4;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-teal {
    stroke: #009688;
  }

  .list-group .list-group-bg-teal {
    background-color: #009688;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-teal:hover,
  .list-group .list-group-bg-teal:focus {
    background-color: #009688;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-green {
    stroke: #4CAF50;
  }

  .list-group .list-group-bg-green {
    background-color: #4CAF50;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-green:hover,
  .list-group .list-group-bg-green:focus {
    background-color: #4CAF50;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-light-green {
    stroke: #8BC34A;
  }

  .list-group .list-group-bg-light-green {
    background-color: #8BC34A;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-light-green:hover,
  .list-group .list-group-bg-light-green:focus {
    background-color: #8BC34A;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-lime {
    stroke: #CDDC39;
  }

  .list-group .list-group-bg-lime {
    background-color: #CDDC39;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-lime:hover,
  .list-group .list-group-bg-lime:focus {
    background-color: #CDDC39;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-yellow {
    stroke: #ffe821;
  }

  .list-group .list-group-bg-yellow {
    background-color: #ffe821;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-yellow:hover,
  .list-group .list-group-bg-yellow:focus {
    background-color: #ffe821;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-amber {
    stroke: #FFC107;
  }

  .list-group .list-group-bg-amber {
    background-color: #FFC107;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-amber:hover,
  .list-group .list-group-bg-amber:focus {
    background-color: #FFC107;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-orange {
    stroke: #FF9800;
  }

  .list-group .list-group-bg-orange {
    background-color: #FF9800;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-orange:hover,
  .list-group .list-group-bg-orange:focus {
    background-color: #FF9800;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-deep-orange {
    stroke: #FF5722;
  }

  .list-group .list-group-bg-deep-orange {
    background-color: #FF5722;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-deep-orange:hover,
  .list-group .list-group-bg-deep-orange:focus {
    background-color: #FF5722;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-brown {
    stroke: #795548;
  }

  .list-group .list-group-bg-brown {
    background-color: #795548;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-brown:hover,
  .list-group .list-group-bg-brown:focus {
    background-color: #795548;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-grey {
    stroke: #9E9E9E;
  }

  .list-group .list-group-bg-grey {
    background-color: #9E9E9E;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-grey:hover,
  .list-group .list-group-bg-grey:focus {
    background-color: #9E9E9E;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-blue-grey {
    stroke: #607D8B;
  }

  .list-group .list-group-bg-blue-grey {
    background-color: #607D8B;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-blue-grey:hover,
  .list-group .list-group-bg-blue-grey:focus {
    background-color: #607D8B;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-black {
    stroke: #000000;
  }

  .list-group .list-group-bg-black {
    background-color: #000000;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-black:hover,
  .list-group .list-group-bg-black:focus {
    background-color: #000000;
    color: #fff;
    opacity: 0.8;
  }

  .list-group .pl-white {
    stroke: #ffffff;
  }

  .list-group .list-group-bg-white {
    background-color: #ffffff;
    border: none;
    color: #fff;
  }

  .list-group .list-group-bg-white:hover,
  .list-group .list-group-bg-white:focus {
    background-color: #ffffff;
    color: #fff;
    opacity: 0.8;
  }

  /* Pagination & Pager ========================== */
  .pager li>a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
    background-color: transparent;
    color: #222;
    font-weight: bold;
  }

  .pager li a:focus,
  .pager li a:active {
    background-color: transparent;
  }

  .pagination>li>button {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
  }

  .pagination .disabled a,
  .pagination .disabled a:hover,
  .pagination .disabled a:focus,
  .pagination .disabled a:active {
    color: #bbb;
  }

  .pagination li.active a,
  .pagination li.active a:hover,
  .pagination li.active button,
  .pagination li.active button:hover {
    background-color: #00c3f2;
    color: #fff;
  }

  .pagination {
    background: #fff;
    border-radius: 20px;
    border: 1px solid #eee;
    padding: 15px;
    width: 100%;
    max-width: 1000px;
  }

  .pagination li {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  .pagination li a,
  .pagination li span,
  .pagination li button {
    margin-right: 10px;
    width: 41px;
    height: 41px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px !important;
  }

  .pagination .per-page-nav a,
  .pagination .per-page-nav button {
    width: 115px;
    background: #717171;
    color: #fff;
    border-color: #717171 !important;
    position: relative;
  }

  .pagination .per-page-nav a:hover,
  .pagination .per-page-nav button {
    background: #5f5e5e;
    color: #fff;
  }

  .pagination .next-page-nav a,
  .pagination .next-page-nav button {
    width: 115px;
    background: #00c3f2;
    color: #fff;
    border-color: #00c3f2 !important;
  }

  .pagination .next-page-nav a:hover,
  .pagination .next-page-nav button:hover {
    background: #00a3cb;
    color: #fff;
  }

  .pagination li a:focus,
  .pagination li a:active,
  .pagination li button:focus,
  .pagination li button:active {
    background-color: transparent;
    color: #555;
  }

  .pagination>li>span {
    border: none;
    font-weight: bold;
    color: #555;
    border: 1px solid #00c3f2 !important;
    cursor: no-drop;
  }

  .pagination>li>a,
  .pagination>li>button {
    border: none;
    font-weight: bold;
    color: #555;
    border: 1px solid #00c3f2 !important;
  }

  .pagination>li:first-child>a,
  .pagination>li:last-child>a,
  .pagination>li:first-child>button,
  .pagination>li:last-child>button {
    /* width: auto; */
    /* height: 32px; */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  .pagination>li.per-page-nav>a,
  .pagination>li.per-page-nav>button {
    box-shadow: 0 0 18px #76767670;
    display: flex;
    justify-content: flex-end;
    width: 125px;
    padding-left: 15px;
    margin-right: 0;
    transition: 0.6s;
  }

  .pagination>li:last-child>a>i,
  .pagination>li:last-child>button>i {
    position: absolute;
    width: 42px;
    height: 42px;
    background: #fff;
    box-shadow: 0 0 14px #c6c6c670;
    right: -2px;
    top: -2px;
    border-radius: 15px;
  }

  .pagination>li:last-child>a>i:before,
  .pagination>li:last-child>button>i:before {
    content: '';
    background-image: url(../icons/pagination-icon.svg);
    position: absolute;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    rotate: 180deg;
    right: 0;
  }

  .pagination>li.next-page-nav>a,
  .pagination>li.next-page-nav>button {
    box-shadow: 0 0 18px #76767670;
    display: flex;
    justify-content: flex-start;
    width: 125px;
    padding-right: 15px;
    transition: 0.6s;
  }

  .pagination>li.next-page-nav>a>i,
  .pagination>li.next-page-nav>button>i {
    position: absolute;
    width: 42px;
    height: 42px;
    background: #fff;
    box-shadow: 0 0 14px #c6c6c670;
    left: -2px;
    top: -2px;
    border-radius: 15px;
  }

  .pagination>li.next-page-nav>a>i:before,
  .pagination>li.next-page-nav>button>i:before {
    content: '';
    background-image: url(../icons/pagination-icon.svg);
    position: absolute;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    right: 0;
  }

  .pagination>li:first-child>a .material-icons,
  .pagination>li:last-child>a .material-icons,
  .pagination>li:first-child>button .material-icons,
  .pagination>li:last-child>button .material-icons {
    position: relative;
    bottom: 2px;
  }

  .pagination-sm>li:first-child>a,
  .pagination-sm>li:last-child>a,
  .pagination-sm>li:first-child>button,
  .pagination-sm>li:last-child>button {
    width: 28px;
    height: 28px;
  }

  .pagination-sm>li:first-child>a .material-icons,
  .pagination-sm>li:last-child>a .material-icons,
  .pagination-sm>li:first-child>button .material-icons,
  .pagination-sm>li:last-child>button .material-icons {
    position: relative;
    top: -1px;
    left: -6px;
    font-size: 20px;
  }

  .pagination-lg>li:first-child>a,
  .pagination-lg>li:last-child>a,
  .pagination-lg>li:first-child>button,
  .pagination-lg>li:last-child>button {
    width: 44px;
    height: 44px;
  }

  .pagination-lg>li:first-child>a .material-icons,
  .pagination-lg>li:last-child>a .material-icons,
  .pagination-lg>li:first-child>button .material-icons,
  .pagination-lg>li:last-child>button .material-icons {
    font-size: 30px;
    position: relative;
    top: -3px;
    left: -10px;
  }

  /* Media Object ================================ */
  .media {
    margin-bottom: 25px;
  }

  .media .media-body {
    color: #777;
    font-size: 13px;
  }

  .media .media-body .media-heading {
    font-size: 16px;
    font-weight: bold;
    color: #333;
  }

  /* Form Wizard ================================= */
  .wizard,
  .tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
  }

  .wizard a,
  .tabcontrol a {
    outline: 0;
  }

  .wizard ul,
  .tabcontrol ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
  }

  .wizard ul>li,
  .tabcontrol ul>li {
    display: block;
    padding: 0;
  }

  /* Accessibility */
  .wizard>.steps .current-info,
  .tabcontrol>.steps .current-info,
  .wizard>.content>.title,
  .tabcontrol>.content>.title {
    position: absolute;
    left: -999em;
  }

  .wizard>.steps {
    position: relative;
    display: block;
    width: 100%;
  }

  .wizard.vertical>.steps {
    float: left;
    width: 30%;
  }

  .wizard.vertical>.steps>ul>li {
    float: none;
    width: 100%;
  }

  .wizard.vertical>.content {
    float: left;
    margin: 0 0 0.5em 0;
    width: 70%;
  }

  .wizard.vertical>.actions {
    float: right;
    width: 100%;
  }

  .wizard.vertical>.actions>ul>li {
    margin: 0 0 0 1em;
  }

  .wizard>.steps .number {
    font-size: 1.429em;
  }

  .wizard>.steps>ul>li {
    width: 25%;
    float: left;
  }

  .wizard>.actions>ul>li {
    float: left;
  }

  .wizard>.steps a {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  .wizard>.steps a:hover,
  .wizard>.steps a:active {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  .wizard>.steps .disabled a {
    background: #eee;
    color: #aaa;
    cursor: default;
  }

  .wizard>.steps .disabled a:hover,
  .wizard>.steps .disabled a:active {
    background: #eee;
    color: #aaa;
    cursor: default;
  }

  .wizard>.steps .current a {
    background: #2184be;
    color: #fff;
    cursor: default;
  }

  .wizard>.steps .current a:hover,
  .wizard>.steps .current a:active {
    background: #2184be;
    color: #fff;
    cursor: default;
  }

  .wizard>.steps .done a {
    background: #9dc8e2;
    color: #fff;
  }

  .wizard>.steps .done a:hover,
  .wizard>.steps .done a:active {
    background: #9dc8e2;
    color: #fff;
  }

  .wizard>.steps .error a {
    background: #ff3111;
    color: #fff;
  }

  .wizard>.steps .error a:hover,
  .wizard>.steps .error a:active {
    background: #ff3111;
    color: #fff;
  }

  .wizard>.content {
    border: 1px solid #ddd;
    display: block;
    margin: 0.5em;
    min-height: 35em;
    overflow: hidden;
    position: relative;
    width: auto;
  }

  .wizard>.actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
  }

  .wizard>.actions>ul {
    display: inline-block;
    text-align: right;
  }

  .wizard>.actions>ul>li {
    margin: 0 0.5em;
  }

  .wizard>.actions a {
    background: #009688;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  .wizard>.actions a:hover,
  .wizard>.actions a:active {
    background: #009688;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  .wizard>.actions .disabled a {
    background: #eee;
    color: #aaa;
  }

  .wizard>.actions .disabled a:hover,
  .wizard>.actions .disabled a:active {
    background: #eee;
    color: #aaa;
  }

  .tabcontrol>.steps {
    position: relative;
    display: block;
    width: 100%;
  }

  .tabcontrol>.steps>ul {
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
  }

  .tabcontrol>.steps>ul>li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  .tabcontrol>.steps>ul>li:hover {
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0;
  }

  .tabcontrol>.steps>ul>li.current {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
  }

  .tabcontrol>.steps>ul>li.current>a {
    padding: 15px 30px 10px 30px;
  }

  .tabcontrol>.steps>ul>li>a {
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
  }

  .tabcontrol>.steps>ul>li>a:hover {
    text-decoration: none;
  }

  .tabcontrol>.content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
  }

  .tabcontrol>.content>.body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
  }

  .tabcontrol>.content>.body ul {
    list-style: disc !important;
  }

  .tabcontrol>.content>.body ul>li {
    display: list-item;
  }

  .wizard .content {
    min-height: 245px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    overflow-y: auto;
  }

  .wizard .content .body {
    padding: 15px;
  }

  .wizard .steps a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .wizard .steps a:active,
  .wizard .steps a:focus,
  .wizard .steps a:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  .wizard .steps .done a {
    background-color: rgba(0, 150, 136, 0.6);
  }

  .wizard .steps .done a:hover,
  .wizard .steps .done a:active,
  .wizard .steps .done a:focus {
    background-color: rgba(0, 150, 136, 0.5);
  }

  .wizard .steps .error a {
    background-color: #F44336 !important;
  }

  .wizard .steps .current a {
    background-color: #009688;
  }

  .wizard .steps .current a:active,
  .wizard .steps .current a:focus,
  .wizard .steps .current a:hover {
    background-color: #009688;
  }

  /* Waves ======================================= */
  .waves-effect.waves-red .waves-ripple {
    background: rgba(244, 67, 54, 0.5);
  }

  .waves-effect.waves-pink .waves-ripple {
    background: rgba(233, 30, 99, 0.5);
  }

  .waves-effect.waves-purple .waves-ripple {
    background: rgba(156, 39, 176, 0.5);
  }

  .waves-effect.waves-deep-purple .waves-ripple {
    background: rgba(103, 58, 183, 0.5);
  }

  .waves-effect.waves-indigo .waves-ripple {
    background: rgba(63, 81, 181, 0.5);
  }

  .waves-effect.waves-blue .waves-ripple {
    background: rgba(33, 150, 243, 0.5);
  }

  .waves-effect.waves-light-blue .waves-ripple {
    background: rgba(3, 169, 244, 0.5);
  }

  .waves-effect.waves-cyan .waves-ripple {
    background: rgba(0, 188, 212, 0.5);
  }

  .waves-effect.waves-teal .waves-ripple {
    background: rgba(0, 150, 136, 0.5);
  }

  .waves-effect.waves-green .waves-ripple {
    background: rgba(76, 175, 80, 0.5);
  }

  .waves-effect.waves-light-green .waves-ripple {
    background: rgba(139, 195, 74, 0.5);
  }

  .waves-effect.waves-lime .waves-ripple {
    background: rgba(205, 220, 57, 0.5);
  }

  .waves-effect.waves-yellow .waves-ripple {
    background: rgba(255, 232, 33, 0.5);
  }

  .waves-effect.waves-amber .waves-ripple {
    background: rgba(255, 193, 7, 0.5);
  }

  .waves-effect.waves-orange .waves-ripple {
    background: rgba(255, 152, 0, 0.5);
  }

  .waves-effect.waves-deep-orange .waves-ripple {
    background: rgba(255, 87, 34, 0.5);
  }

  .waves-effect.waves-brown .waves-ripple {
    background: rgba(121, 85, 72, 0.5);
  }

  .waves-effect.waves-grey .waves-ripple {
    background: rgba(158, 158, 158, 0.5);
  }

  .waves-effect.waves-blue-grey .waves-ripple {
    background: rgba(96, 125, 139, 0.5);
  }

  .waves-effect.waves-black .waves-ripple {
    background: rgba(0, 0, 0, 0.5);
  }

  .waves-effect.waves-white .waves-ripple {
    background: rgba(255, 255, 255, 0.5);
  }

  /* Page Loader ================================= */
  .page-loader-wrapper {
    z-index: 99999999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #eee;
    overflow: hidden;
    text-align: center;
  }

  .page-loader-wrapper p {
    font-size: 13px;
    margin-top: 10px;
    font-weight: bold;
    color: #444;
  }

  .page-loader-wrapper .loader {
    position: relative;
    top: calc(50% - 30px);
  }

  /* Preloaders ================================== */
  .md-preloader .pl-red {
    stroke: #F44336;
  }

  .md-preloader .pl-pink {
    stroke: #E91E63;
  }

  .md-preloader .pl-purple {
    stroke: #9C27B0;
  }

  .md-preloader .pl-deep-purple {
    stroke: #673AB7;
  }

  .md-preloader .pl-indigo {
    stroke: #3F51B5;
  }

  .md-preloader .pl-blue {
    stroke: #2196F3;
  }

  .md-preloader .pl-light-blue {
    stroke: #03A9F4;
  }

  .md-preloader .pl-cyan {
    stroke: #00BCD4;
  }

  .md-preloader .pl-teal {
    stroke: #009688;
  }

  .md-preloader .pl-green {
    stroke: #4CAF50;
  }

  .md-preloader .pl-light-green {
    stroke: #8BC34A;
  }

  .md-preloader .pl-lime {
    stroke: #CDDC39;
  }

  .md-preloader .pl-yellow {
    stroke: #ffe821;
  }

  .md-preloader .pl-amber {
    stroke: #FFC107;
  }

  .md-preloader .pl-orange {
    stroke: #FF9800;
  }

  .md-preloader .pl-deep-orange {
    stroke: #FF5722;
  }

  .md-preloader .pl-brown {
    stroke: #795548;
  }

  .md-preloader .pl-grey {
    stroke: #9E9E9E;
  }

  .md-preloader .pl-blue-grey {
    stroke: #607D8B;
  }

  .md-preloader .pl-black {
    stroke: #000000;
  }

  .md-preloader .pl-white {
    stroke: #ffffff;
  }

  .preloader {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    -webkit-animation: container-rotate 1568ms linear infinite;
    -moz-animation: container-rotate 1568ms linear infinite;
    -o-animation: container-rotate 1568ms linear infinite;
    animation: container-rotate 1568ms linear infinite;
  }

  .preloader.pl-size-xl {
    width: 75px;
    height: 75px;
  }

  .preloader.pl-size-l {
    width: 60px;
    height: 60px;
  }

  .preloader.pl-size-md {
    width: 50px;
    height: 50px;
  }

  .preloader.pl-size-sm {
    width: 40px;
    height: 40px;
  }

  .preloader.pl-size-xs {
    width: 25px;
    height: 25px;
  }

  .spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    border-color: #F44336;
    -ms-opacity: 1;
    opacity: 1;
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    -o-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  }

  .spinner-layer.pl-red {
    border-color: #F44336;
  }

  .spinner-layer.pl-pink {
    border-color: #E91E63;
  }

  .spinner-layer.pl-purple {
    border-color: #9C27B0;
  }

  .spinner-layer.pl-deep-purple {
    border-color: #673AB7;
  }

  .spinner-layer.pl-indigo {
    border-color: #3F51B5;
  }

  .spinner-layer.pl-blue {
    border-color: #2196F3;
  }

  .spinner-layer.pl-light-blue {
    border-color: #03A9F4;
  }

  .spinner-layer.pl-cyan {
    border-color: #00BCD4;
  }

  .spinner-layer.pl-teal {
    border-color: #009688;
  }

  .spinner-layer.pl-green {
    border-color: #4CAF50;
  }

  .spinner-layer.pl-light-green {
    border-color: #8BC34A;
  }

  .spinner-layer.pl-lime {
    border-color: #CDDC39;
  }

  .spinner-layer.pl-yellow {
    border-color: #ffe821;
  }

  .spinner-layer.pl-amber {
    border-color: #FFC107;
  }

  .spinner-layer.pl-orange {
    border-color: #FF9800;
  }

  .spinner-layer.pl-deep-orange {
    border-color: #FF5722;
  }

  .spinner-layer.pl-brown {
    border-color: #795548;
  }

  .spinner-layer.pl-grey {
    border-color: #9E9E9E;
  }

  .spinner-layer.pl-blue-grey {
    border-color: #607D8B;
  }

  .spinner-layer.pl-black {
    border-color: #000000;
  }

  .spinner-layer.pl-white {
    border-color: #ffffff;
  }

  .right {
    float: right !important;
  }

  .gap-patch {
    position: absolute;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
  }

  .gap-patch.circle {
    width: 1000%;
    left: -450%;
  }

  .circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
  }

  .circle-clipper .circle {
    width: 200%;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }

  .circle-clipper.left .circle {
    left: 0;
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    -moz-transform: rotate(129deg);
    -ms-transform: rotate(129deg);
    -o-transform: rotate(129deg);
    transform: rotate(129deg);
    -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    -moz-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    -o-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  }

  .circle-clipper.right .circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    -moz-transform: rotate(-129deg);
    -ms-transform: rotate(-129deg);
    -o-transform: rotate(-129deg);
    transform: rotate(-129deg);
    -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    -moz-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    -o-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  }

  @-webkit-keyframes container-rotate {
    to {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  @keyframes container-rotate {
    to {
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  @-webkit-keyframes fill-unfill-rotate {
    12.5% {
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
    }

    25% {
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);
    }

    37.5% {
      -webkit-transform: rotate(405deg);
      transform: rotate(405deg);
    }

    50% {
      -webkit-transform: rotate(540deg);
      transform: rotate(540deg);
    }

    62.5% {
      -webkit-transform: rotate(675deg);
      transform: rotate(675deg);
    }

    75% {
      -webkit-transform: rotate(810deg);
      transform: rotate(810deg);
    }

    87.5% {
      -webkit-transform: rotate(945deg);
      transform: rotate(945deg);
    }

    to {
      -webkit-transform: rotate(1080deg);
      transform: rotate(1080deg);
    }
  }

  @keyframes fill-unfill-rotate {
    12.5% {
      transform: rotate(135deg);
    }

    25% {
      transform: rotate(270deg);
    }

    37.5% {
      transform: rotate(405deg);
    }

    50% {
      transform: rotate(540deg);
    }

    62.5% {
      transform: rotate(675deg);
    }

    75% {
      transform: rotate(810deg);
    }

    87.5% {
      transform: rotate(945deg);
    }

    to {
      transform: rotate(1080deg);
    }
  }

  @-webkit-keyframes left-spin {
    from {
      -webkit-transform: rotate(130deg);
      -moz-transform: rotate(130deg);
      -ms-transform: rotate(130deg);
      -o-transform: rotate(130deg);
      transform: rotate(130deg);
    }

    50% {
      -webkit-transform: rotate(-5deg);
      -moz-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
      -o-transform: rotate(-5deg);
      transform: rotate(-5deg);
    }

    to {
      -webkit-transform: rotate(130deg);
      -moz-transform: rotate(130deg);
      -ms-transform: rotate(130deg);
      -o-transform: rotate(130deg);
      transform: rotate(130deg);
    }
  }

  @keyframes left-spin {
    from {
      -moz-transform: rotate(130deg);
      -ms-transform: rotate(130deg);
      -o-transform: rotate(130deg);
      -webkit-transform: rotate(130deg);
      transform: rotate(130deg);
    }

    50% {
      -moz-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
      -o-transform: rotate(-5deg);
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg);
    }

    to {
      -moz-transform: rotate(130deg);
      -ms-transform: rotate(130deg);
      -o-transform: rotate(130deg);
      -webkit-transform: rotate(130deg);
      transform: rotate(130deg);
    }
  }

  @-webkit-keyframes right-spin {
    from {
      -webkit-transform: rotate(-130deg);
      -moz-transform: rotate(-130deg);
      -ms-transform: rotate(-130deg);
      -o-transform: rotate(-130deg);
      transform: rotate(-130deg);
    }

    50% {
      -webkit-transform: rotate(5deg);
      -moz-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      -o-transform: rotate(5deg);
      transform: rotate(5deg);
    }

    to {
      -webkit-transform: rotate(-130deg);
      -moz-transform: rotate(-130deg);
      -ms-transform: rotate(-130deg);
      -o-transform: rotate(-130deg);
      transform: rotate(-130deg);
    }
  }

  @-moz-keyframes right-spin {
    from {
      -moz-transform: rotate(-130deg);
      -ms-transform: rotate(-130deg);
      -o-transform: rotate(-130deg);
      -webkit-transform: rotate(-130deg);
      transform: rotate(-130deg);
    }

    50% {
      -moz-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      -o-transform: rotate(5deg);
      -webkit-transform: rotate(5deg);
      transform: rotate(5deg);
    }

    to {
      -moz-transform: rotate(-130deg);
      -ms-transform: rotate(-130deg);
      -o-transform: rotate(-130deg);
      -webkit-transform: rotate(-130deg);
      transform: rotate(-130deg);
    }
  }

  @keyframes right-spin {
    from {
      -moz-transform: rotate(-130deg);
      -ms-transform: rotate(-130deg);
      -o-transform: rotate(-130deg);
      -webkit-transform: rotate(-130deg);
      transform: rotate(-130deg);
    }

    50% {
      -moz-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      -o-transform: rotate(5deg);
      -webkit-transform: rotate(5deg);
      transform: rotate(5deg);
    }

    to {
      -moz-transform: rotate(-130deg);
      -ms-transform: rotate(-130deg);
      -o-transform: rotate(-130deg);
      -webkit-transform: rotate(-130deg);
      transform: rotate(-130deg);
    }
  }

  /* Navbars ===================================== */
  .navbar {
    font-family: "Roboto", sans-serif;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    border: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%;
  }

  .navbar .navbar-brand {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .navbar .navbar-custom-right-menu {
    float: right;
  }

  .navbar .navbar-toggle {
    text-decoration: none;
    color: #fff;
    width: 20px;
    height: 20px;
    margin-top: -4px;
    margin-right: 17px;
  }

  .navbar .navbar-toggle:before {
    content: '\E8D5';
    font-family: 'Material Icons';
    font-size: 26px;
  }

  .navbar .navbar-collapse.in {
    overflow: visible;
  }

  .ls-closed .sidebar {
    margin-left: -300px;
  }

  .ls-closed section.content {
    margin-left: 15px;
  }

  .ls-closed .bars:after,
  .ls-closed .bars:before {
    font-family: 'Material Icons';
    font-size: 24px;
    position: absolute;
    top: 18px;
    left: 20px;
    margin-right: 10px;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  .ls-closed .bars:before {
    content: '\E5D2';
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .ls-closed .bars:after {
    content: '\E5C4';
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  .ls-closed .navbar-brand {
    margin-left: 30px;
  }

  .overlay-open .bars:before {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  .overlay-open .bars:after {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .navbar-header {
    padding: 10px 7px;
    width: 100%;
  }

  .navbar-header .bars {
    float: left;
    text-decoration: none;
    color: #6e6e6e !important;
  }

  .navbar-nav>li>a {
    padding: 7px 7px 2px 7px;
    margin-top: 17px;
    margin-left: 5px;
  }

  .navbar-nav .dropdown-menu {
    margin-top: -40px !important;
  }

  .label-count {
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 10px;
    line-height: 15px;
    background-color: #000;
    padding: 0 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  }

  .col-red .navbar .navbar-brand,
  .col-red .navbar .navbar-brand:hover,
  .col-red .navbar .navbar-brand:active,
  .col-red .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-red .navbar .nav>li>a:hover,
  .col-red .navbar .nav>li>a:focus,
  .col-red .navbar .nav .open>a,
  .col-red .navbar .nav .open>a:hover,
  .col-red .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-red .navbar .nav>li>a {
    color: #fff;
  }

  .col-red .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-red .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-pink .navbar .navbar-brand,
  .col-pink .navbar .navbar-brand:hover,
  .col-pink .navbar .navbar-brand:active,
  .col-pink .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-pink .navbar .nav>li>a:hover,
  .col-pink .navbar .nav>li>a:focus,
  .col-pink .navbar .nav .open>a,
  .col-pink .navbar .nav .open>a:hover,
  .col-pink .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-pink .navbar .nav>li>a {
    color: #fff;
  }

  .col-pink .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-pink .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-purple .navbar .navbar-brand,
  .col-purple .navbar .navbar-brand:hover,
  .col-purple .navbar .navbar-brand:active,
  .col-purple .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-purple .navbar .nav>li>a:hover,
  .col-purple .navbar .nav>li>a:focus,
  .col-purple .navbar .nav .open>a,
  .col-purple .navbar .nav .open>a:hover,
  .col-purple .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-purple .navbar .nav>li>a {
    color: #fff;
  }

  .col-purple .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-purple .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-deep-purple .navbar .navbar-brand,
  .col-deep-purple .navbar .navbar-brand:hover,
  .col-deep-purple .navbar .navbar-brand:active,
  .col-deep-purple .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-deep-purple .navbar .nav>li>a:hover,
  .col-deep-purple .navbar .nav>li>a:focus,
  .col-deep-purple .navbar .nav .open>a,
  .col-deep-purple .navbar .nav .open>a:hover,
  .col-deep-purple .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-deep-purple .navbar .nav>li>a {
    color: #fff;
  }

  .col-deep-purple .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-deep-purple .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-indigo .navbar .navbar-brand,
  .col-indigo .navbar .navbar-brand:hover,
  .col-indigo .navbar .navbar-brand:active,
  .col-indigo .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-indigo .navbar .nav>li>a:hover,
  .col-indigo .navbar .nav>li>a:focus,
  .col-indigo .navbar .nav .open>a,
  .col-indigo .navbar .nav .open>a:hover,
  .col-indigo .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-indigo .navbar .nav>li>a {
    color: #fff;
  }

  .col-indigo .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-indigo .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-blue .navbar .navbar-brand,
  .col-blue .navbar .navbar-brand:hover,
  .col-blue .navbar .navbar-brand:active,
  .col-blue .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-blue .navbar .nav>li>a:hover,
  .col-blue .navbar .nav>li>a:focus,
  .col-blue .navbar .nav .open>a,
  .col-blue .navbar .nav .open>a:hover,
  .col-blue .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-blue .navbar .nav>li>a {
    color: #fff;
  }

  .col-blue .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-blue .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-light-blue .navbar .navbar-brand,
  .col-light-blue .navbar .navbar-brand:hover,
  .col-light-blue .navbar .navbar-brand:active,
  .col-light-blue .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-light-blue .navbar .nav>li>a:hover,
  .col-light-blue .navbar .nav>li>a:focus,
  .col-light-blue .navbar .nav .open>a,
  .col-light-blue .navbar .nav .open>a:hover,
  .col-light-blue .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-light-blue .navbar .nav>li>a {
    color: #fff;
  }

  .col-light-blue .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-light-blue .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-cyan .navbar .navbar-brand,
  .col-cyan .navbar .navbar-brand:hover,
  .col-cyan .navbar .navbar-brand:active,
  .col-cyan .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-cyan .navbar .nav>li>a:hover,
  .col-cyan .navbar .nav>li>a:focus,
  .col-cyan .navbar .nav .open>a,
  .col-cyan .navbar .nav .open>a:hover,
  .col-cyan .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-cyan .navbar .nav>li>a {
    color: #fff;
  }

  .col-cyan .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-cyan .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-teal .navbar .navbar-brand,
  .col-teal .navbar .navbar-brand:hover,
  .col-teal .navbar .navbar-brand:active,
  .col-teal .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-teal .navbar .nav>li>a:hover,
  .col-teal .navbar .nav>li>a:focus,
  .col-teal .navbar .nav .open>a,
  .col-teal .navbar .nav .open>a:hover,
  .col-teal .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-teal .navbar .nav>li>a {
    color: #fff;
  }

  .col-teal .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-teal .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-green .navbar .navbar-brand,
  .col-green .navbar .navbar-brand:hover,
  .col-green .navbar .navbar-brand:active,
  .col-green .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-green .navbar .nav>li>a:hover,
  .col-green .navbar .nav>li>a:focus,
  .col-green .navbar .nav .open>a,
  .col-green .navbar .nav .open>a:hover,
  .col-green .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-green .navbar .nav>li>a {
    color: #fff;
  }

  .col-green .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-green .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-light-green .navbar .navbar-brand,
  .col-light-green .navbar .navbar-brand:hover,
  .col-light-green .navbar .navbar-brand:active,
  .col-light-green .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-light-green .navbar .nav>li>a:hover,
  .col-light-green .navbar .nav>li>a:focus,
  .col-light-green .navbar .nav .open>a,
  .col-light-green .navbar .nav .open>a:hover,
  .col-light-green .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-light-green .navbar .nav>li>a {
    color: #fff;
  }

  .col-light-green .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-light-green .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-lime .navbar .navbar-brand,
  .col-lime .navbar .navbar-brand:hover,
  .col-lime .navbar .navbar-brand:active,
  .col-lime .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-lime .navbar .nav>li>a:hover,
  .col-lime .navbar .nav>li>a:focus,
  .col-lime .navbar .nav .open>a,
  .col-lime .navbar .nav .open>a:hover,
  .col-lime .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-lime .navbar .nav>li>a {
    color: #fff;
  }

  .col-lime .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-lime .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-yellow .navbar .navbar-brand,
  .col-yellow .navbar .navbar-brand:hover,
  .col-yellow .navbar .navbar-brand:active,
  .col-yellow .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-yellow .navbar .nav>li>a:hover,
  .col-yellow .navbar .nav>li>a:focus,
  .col-yellow .navbar .nav .open>a,
  .col-yellow .navbar .nav .open>a:hover,
  .col-yellow .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-yellow .navbar .nav>li>a {
    color: #fff;
  }

  .col-yellow .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-yellow .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-amber .navbar .navbar-brand,
  .col-amber .navbar .navbar-brand:hover,
  .col-amber .navbar .navbar-brand:active,
  .col-amber .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-amber .navbar .nav>li>a:hover,
  .col-amber .navbar .nav>li>a:focus,
  .col-amber .navbar .nav .open>a,
  .col-amber .navbar .nav .open>a:hover,
  .col-amber .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-amber .navbar .nav>li>a {
    color: #fff;
  }

  .col-amber .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-amber .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-orange .navbar .navbar-brand,
  .col-orange .navbar .navbar-brand:hover,
  .col-orange .navbar .navbar-brand:active,
  .col-orange .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-orange .navbar .nav>li>a:hover,
  .col-orange .navbar .nav>li>a:focus,
  .col-orange .navbar .nav .open>a,
  .col-orange .navbar .nav .open>a:hover,
  .col-orange .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-orange .navbar .nav>li>a {
    color: #fff;
  }

  .col-orange .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-orange .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-deep-orange .navbar .navbar-brand,
  .col-deep-orange .navbar .navbar-brand:hover,
  .col-deep-orange .navbar .navbar-brand:active,
  .col-deep-orange .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-deep-orange .navbar .nav>li>a:hover,
  .col-deep-orange .navbar .nav>li>a:focus,
  .col-deep-orange .navbar .nav .open>a,
  .col-deep-orange .navbar .nav .open>a:hover,
  .col-deep-orange .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-deep-orange .navbar .nav>li>a {
    color: #fff;
  }

  .col-deep-orange .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-deep-orange .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-brown .navbar .navbar-brand,
  .col-brown .navbar .navbar-brand:hover,
  .col-brown .navbar .navbar-brand:active,
  .col-brown .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-brown .navbar .nav>li>a:hover,
  .col-brown .navbar .nav>li>a:focus,
  .col-brown .navbar .nav .open>a,
  .col-brown .navbar .nav .open>a:hover,
  .col-brown .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-brown .navbar .nav>li>a {
    color: #fff;
  }

  .col-brown .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-brown .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-grey .navbar .navbar-brand,
  .col-grey .navbar .navbar-brand:hover,
  .col-grey .navbar .navbar-brand:active,
  .col-grey .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-grey .navbar .nav>li>a:hover,
  .col-grey .navbar .nav>li>a:focus,
  .col-grey .navbar .nav .open>a,
  .col-grey .navbar .nav .open>a:hover,
  .col-grey .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-grey .navbar .nav>li>a {
    color: #fff;
  }

  .col-grey .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-grey .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-blue-grey .navbar .navbar-brand,
  .col-blue-grey .navbar .navbar-brand:hover,
  .col-blue-grey .navbar .navbar-brand:active,
  .col-blue-grey .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-blue-grey .navbar .nav>li>a:hover,
  .col-blue-grey .navbar .nav>li>a:focus,
  .col-blue-grey .navbar .nav .open>a,
  .col-blue-grey .navbar .nav .open>a:hover,
  .col-blue-grey .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-blue-grey .navbar .nav>li>a {
    color: #fff;
  }

  .col-blue-grey .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-blue-grey .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-black .navbar .navbar-brand,
  .col-black .navbar .navbar-brand:hover,
  .col-black .navbar .navbar-brand:active,
  .col-black .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-black .navbar .nav>li>a:hover,
  .col-black .navbar .nav>li>a:focus,
  .col-black .navbar .nav .open>a,
  .col-black .navbar .nav .open>a:hover,
  .col-black .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-black .navbar .nav>li>a {
    color: #fff;
  }

  .col-black .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-black .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .col-white .navbar .navbar-brand,
  .col-white .navbar .navbar-brand:hover,
  .col-white .navbar .navbar-brand:active,
  .col-white .navbar .navbar-brand:focus {
    color: #fff;
  }

  .col-white .navbar .nav>li>a:hover,
  .col-white .navbar .nav>li>a:focus,
  .col-white .navbar .nav .open>a,
  .col-white .navbar .nav .open>a:hover,
  .col-white .navbar .nav .open>a:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .col-white .navbar .nav>li>a {
    color: #fff;
  }

  .col-white .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
  }

  .col-white .navbar .bars:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  /* Dropdown Menu =============================== */
  .dropdown-menu {}

  .dropdown-menu .divider {
    margin: 5px 0;
  }

  .dropdown-menu .header {
    font-size: 13px;
    font-weight: bold;
    min-width: 270px;
    border-bottom: 1px solid #eee;
    text-align: center;
    padding: 4px 0 6px 0;
  }

  .dropdown-menu ul.menu {
    padding-left: 0;
  }

  .dropdown-menu ul.menu.tasks h4 {
    color: #333;
    font-size: 13px;
    margin: 0 0 8px 0;
  }

  .dropdown-menu ul.menu.tasks h4 small {
    float: right;
    margin-top: 6px;
  }

  .dropdown-menu ul.menu.tasks .progress {
    height: 7px;
    margin-bottom: 7px;
  }

  .dropdown-menu ul.menu .icon-circle {
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    display: inline-block;
  }

  .dropdown-menu ul.menu .icon-circle i {
    font-size: 18px;
    line-height: 36px;
  }

  .dropdown-menu ul.menu li {
    border-bottom: 1px solid #eee;
  }

  .dropdown-menu ul.menu li:last-child {
    border-bottom: none;
  }

  .dropdown-menu ul.menu li a {
    padding: 7px 11px;
    text-decoration: none;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .dropdown-menu ul.menu li a:hover {
    background-color: #e9e9e9;
  }

  .dropdown-menu ul.menu .menu-info {
    display: inline-block;
    position: relative;
    top: 3px;
    left: 5px;
  }

  .dropdown-menu ul.menu .menu-info h4 {
    margin: 0;
    font-size: 13px;
    color: #333;
  }

  .dropdown-menu ul.menu .menu-info p {
    margin: 0;
    font-size: 11px;
    color: #aaa;
  }

  .dropdown-menu ul.menu .menu-info p .material-icons {
    font-size: 13px;
    color: #aaa;
    position: relative;
    top: 2px;
  }

  .dropdown-menu .footer a {
    text-align: center;
    border-top: 1px solid #eee;
    padding: 5px 0 5px 0;
    font-size: 12px;
    margin-bottom: -5px;
  }

  .dropdown-menu .footer a:hover {
    background-color: transparent;
  }

  .dropdown-menu>li>a {
    padding: 7px 18px;
    color: #666;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 14px;
    line-height: 25px;
  }

  .dropdown-menu>li>a:hover {
    background-color: rgba(0, 0, 0, 0.075);
  }

  .dropdown-menu>li>a i.material-icons {
    float: left;
    margin-right: 7px;
    margin-top: 2px;
    font-size: 20px;
  }

  .dropdown-animated {
    -webkit-animation-duration: .3s !important;
    -moz-animation-duration: .3s !important;
    -o-animation-duration: .3s !important;
    animation-duration: .3s !important;
  }

  /* Left Sidebar & Overlay ====================== */
  .overlay {
    position: fixed;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 10;
  }

  .overlay-open .sidebar {
    margin-left: 0;
    z-index: 99999999;
  }

  .sidebar {
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-family: "Roboto", sans-serif;
    background: #fdfdfd;
    width: 300px;
    overflow: hidden;
    display: inline-block;
    height: calc(100vh - 70px);
    position: fixed;
    top: 70px;
    left: 0;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 11 !important;
  }

  .sidebar .legal {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #eee;
    padding: 6px;
  }

  .sidebar .legal .copyright {
    font-size: 13px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .sidebar .legal .copyright a {
    font-weight: bold;
    text-decoration: none;
  }

  .sidebar .legal .version {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 5px;
    font-size: 13px;
  }

  .sidebar .user-info {
    padding: 13px 15px 12px 15px;
    white-space: nowrap;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    background: url("../images/user-img-background.jpg") no-repeat no-repeat;
    height: 135px;
  }

  .sidebar .user-info .image {
    margin-right: 12px;
    display: inline-block;
  }

  .sidebar .user-info .image img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    vertical-align: bottom !important;
  }

  .sidebar .user-info .info-container {
    cursor: default;
    display: block;
    position: relative;
    top: 25px;
  }

  .sidebar .user-info .info-container .name {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    max-width: 200px;
    color: #fff;
  }

  .sidebar .user-info .info-container .email {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    max-width: 200px;
    color: #fff;
  }

  .sidebar .user-info .info-container .user-helper-dropdown {
    position: absolute;
    right: -3px;
    bottom: -12px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    color: #fff;
  }

  .sidebar.minimal-sidbar .menu {
    height: 63vh;
  }

  .sidebar .menu {
    position: relative;
    overflow-y: auto;
    height: 55vh;
  }

  .sidebar.minimal-sidbar .menu .list {
    padding-right: 0;
  }

  .sidebar .menu .list {
    list-style: none;
    padding-left: 0;
    padding-right: 15px;
  }

  .sidebar .menu .list li.active> :first-child span {
    font-weight: bold;
  }

  .sidebar .menu .list .header {
    background: #eee;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 16px;
  }

  .sidebar .menu .list i.material-icons {
    margin-top: 4px;
  }

  .sidebar .menu .list .menu-toggle:after,
  .sidebar .menu .list .menu-toggle:before {
    position: absolute;
    top: calc(50% - 14px);
    left: 17px;
    font-size: 19px;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  .sidebar.minimal-sidbar .menu .list .menu-toggle:before {
    display: none;
  }

  .sidebar .menu .list .menu-toggle:before {
    content: '+';
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .sidebar.minimal-sidbar .menu .list li {
    margin-bottom: 20px;
  }

  .sidebar .menu .list .menu-toggle:after {
    content: '\2013';
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  .sidebar .menu .list .menu-toggle.toggled:before {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  .toggled.hide-toggled:after {
    display: none;
  }

  .sidebar .menu .list .menu-toggle.toggled:after {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .sidebar.minimal-sidbar .menu .list a {
    padding: 0px 28px;
  }

  .sidebar .menu .list a {
    color: #747474;
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    width: 100%;
    padding: 10px 13px;
  }

  .sidebar .menu .list a:hover,
  .sidebar .menu .list a:active,
  .sidebar .menu .list a:focus {
    text-decoration: none !important;
  }

  .sidebar .menu .list a small {
    position: absolute;
    top: calc(50% - 7.5px);
    right: 15px;
  }

  .sidebar.minimal-sidbar .menu .list a span {
    display: none;
  }

  .sidebar .menu .list a span {
    margin: 7px 0 7px 12px;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    overflow: hidden;
  }

  .sidebar .menu .list .ml-menu {
    list-style: none;
    display: none;
    padding-left: 0;
  }

  .sidebar .menu .list .ml-menu span {
    font-weight: normal;
    font-size: 14px;
    margin: 3px 0 1px 6px;
  }

  .sidebar .menu .list .ml-menu li a {
    padding-left: 55px;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) {
    font-weight: 600;
    margin-left: 5px;
  }

  .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before {
    content: '\E315';
    font-family: 'Material Icons';
    position: relative;
    font-size: 21px;
    height: 20px;
    top: -5px;
    right: 0px;
  }

  .sidebar .menu .list .ml-menu li .ml-menu li a {
    padding-left: 80px;
  }

  .sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a {
    padding-left: 95px;
  }

  .right-sidebar {
    width: 280px;
    height: calc(100vh - 70px);
    position: fixed;
    right: -300px;
    top: 70px;
    background: #fdfdfd;
    z-index: 11 !important;
    -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .right-sidebar.open {
    right: 0;
  }

  .right-sidebar .nav-tabs {
    font-weight: 600;
    font-size: 13px;
    width: 100%;
    margin-left: 2px;
  }

  .right-sidebar .nav-tabs li {
    text-align: center;
  }

  .right-sidebar .nav-tabs li>a {
    margin-right: 0;
  }

  .right-sidebar .nav-tabs li:first-child {
    width: 45%;
  }

  .right-sidebar .nav-tabs li:last-child {
    width: 55%;
  }

  /* Bootstrap Notify ============================ */
  .bootstrap-notify-container {
    max-width: 320px;
    text-align: center;
  }

  .dd-item {
    margin-bottom: 12px !important;
  }

  /* Jquery Nestable ============================= */
  .dd-handle {
    background-color: #ffffff !important;
    font-size: 13px;
    color: #000 !important;
    padding: 15px !important;
  }

  .dd-handle:hover {
    color: #2196F3;
  }

  .nestable-dark-theme .dd-handle {
    background: #ccc !important;
    border: 1px solid #999 !important;
  }

  .dd3-handle {
    background: #999 !important;
  }

  .dd3-content:hover {
    color: #2196F3;
  }

  /* Login Page ================================== */
  .login-page {
    /* background-image: url(../images/login-patern.svg); */
    /* background-size: 100%; */
    /* padding-left: 0; */
    /* overflow-x: hidden; */
    /* background-position: center; */
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-evenly;
    align-content: space-around;
  }

  .login-page .bk-malia-login {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/login-patern.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .login-page .flex-box-login {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
  }

  .login-page .login-white {
    width: 23%;
    height: 100%;
    background: #f6f7fa;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .login-page .login-white .language-change {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
  }

  .login-page .login-white .language-change select {
    width: 80px;
    float: right;
    margin-right: 25px;
    margin-top: 25px;
    background: #fff;
    box-shadow: 0 0 0 transparent;
    direction: rtl;
    color: #1e1e1e;
    border-radius: 10px;
    border: 1px solid #eee;
  }

  .login-page .wel-msg-login {
    width: 77%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
  }

  .login-page .wel-msg-login .wel-text-intro {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 4;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }

  .login-page .wel-msg-login .wel-text-intro .p-first {
    text-align: center;
    font-size: 30px;
    font-family: iransans;
    font-weight: 700;
    letter-spacing: 1px;
    color: #1a363d;
  }

  .login-page .wel-msg-login .wel-text-intro .p-last {
    text-align: center;
    font-family: iransans;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    text-shadow: 0px 0px 12px #393939;
  }

  .login-page .wel-msg-login .home-btns {
    width: 100%;
    position: absolute;
    bottom: 30px;
    right: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    z-index: 9;
  }

  .login-page .wel-msg-login .home-btns a:first-child {
    width: 110px;
    background: #fff;
    text-align: center;
    margin-left: 30px;
    margin-bottom: 10px;
    border-radius: 30px;
    padding: 6px;
    color: #1a363d;
    font-family: iransans;
    font-weight: 500;
    font-size: 12px;
    border: 2px solid #fff;
    text-decoration: none;
  }

  .login-page .wel-msg-login .home-btns a:last-child {
    width: 110px;
    background: transparent;
    text-align: center;
    margin-left: 30px;
    margin-bottom: 10px;
    border-radius: 30px;
    padding: 6px;
    color: #ffffff;
    font-family: iransans;
    font-weight: 500;
    font-size: 12px;
    border: 2px solid #fff;
    text-decoration: none;
  }

  .login-page .wel-msg-login .m-logo-login {
    margin-left: 50px;
  }

  .login-page .wel-msg-login .m-logo-login img {
    width: 80px;
  }

  .order-login {
    margin: 5% auto;
  }

  .order-login .login-box {
    position: relative !important;
    right: auto !important;
    max-width: inherit !important;
  }

  .order-login .login-box .msg {
    color: #555 !important;
    text-align: center !important;
    font-size: 14px !important;
  }

  .order-login .login-box input {
    padding-right: 32px !important;
    color: #555;
    font-size: 14px !important;
  }

  .order-login .login-box input::placeholder {
    opacity: 0.5;
  }

  .order-login .login-box .card .body {
    padding: 20px !important;
    width: 360px;
  }

  .login-page .login-box {
    max-width: 360px;
    position: absolute;
    right: 150px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    z-index: 99;
  }

  .login-page .login-white .version-software {
    width: 100%;
    text-align: right;
    padding-right: 25px;
    padding-bottom: 33px;
    font-family: iransans;
    font-weight: 500;
  }

  .login-page .login-box .card .body {
    padding: 45px;
    padding-top: 20px;
  }

  .login-page .login-box .card {
    border-radius: 35px;
  }

  .login-page .login-box .card .input-group {
    margin-bottom: 7px;
  }

  .login-page .login-box .card .form-line:after,
  .login-page .login-box .card .form-line {
    border: 0 !important;
  }

  .login-page .login-box .card input {
    border: 1px solid #888888;
    box-shadow: inset 0 1px 3px #dcdcdc;
    border-radius: 10px;
    padding: 10px;
    height: auto;
    font-size: 12px;
    text-align: left;
    direction: ltr;
  }

  .login-page .login-box .card input::placeholder {
    color: #555 !important;
    text-align: right;
  }

  .login-page .login-box .msg {
    color: #2a2a2a;
    margin-bottom: 30px;
    text-align: center;
    font-size: 23px;
    font-family: iransans;
    font-weight: 500;
  }

  .login-page .login-box a {
    font-size: 14px;
    text-decoration: none;
    color: #00BCD4;
  }

  .login-page .login-box .logo {
    margin-bottom: 20px;
  }

  .login-page .login-box .logo .login-or {
    text-align: center;
    position: relative;
  }

  .login-page .login-box .logo .login-or span {
    background: #fff;
    position: relative;
    width: 40px;
    z-index: 99;
    padding: 0 15px;
    font-size: 13px;
  }

  .login-page .login-box .logo .login-or:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #868686;
    top: 8px;
  }

  .login-page .login-box .logo .malia-support {}

  .login-page .login-box .logo p {
    text-align: center;
    color: #111111;
    font-family: iransans;
    font-weight: 400;
  }

  .login-page .login-box .logo .btn-malia-support {
    width: 45px;
    height: 45px;
    background-image: url(../images/malia-sup.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    border: 0;
    background-color: #e5e5e5;
    margin: auto;
    display: block;
    border-radius: 10px;
    margin-top: 15px;
  }

  .login-page .login-box .logo .Rules-malia {
    width: 100%;
    color: #111111;
    margin-top: 20px;
    direction: rtl;
  }

  .login-page .login-box .logo .Rules-malia a {
    width: auto;
    display: initial;
    font-size: unset;
    color: #111111;
    /* border-bottom: 1px solid #06aee1; */
    text-decoration: revert-layer;
  }

  .login-page .login-box .logo .Rules-malia a:-webkit-any-link {
    color: #06aee1;
  }

  .login-page .login-box .logo a {
    font-size: 30px;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
  }

  .login-page .login-box .logo small {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: -5px;
  }

  /* Sign Up Page ================================ */
  .signup-page {
    background-color: #00BCD4;
    padding-left: 0;
    max-width: 360px;
    margin: 5% auto;
    overflow-x: hidden;
  }

  .signup-page .signup-box .msg {
    color: #555;
    margin-bottom: 30px;
    text-align: center;
  }

  .signup-page .signup-box a {
    font-size: 14px;
    text-decoration: none;
    color: #00BCD4;
  }

  .signup-page .signup-box .logo {
    margin-bottom: 20px;
  }

  .signup-page .signup-box .logo a {
    font-size: 36px;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
  }

  .signup-page .signup-box .logo small {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: -5px;
  }

  /* Forgot Password Page ======================== */
  .fp-page {
    background-color: #00BCD4;
    padding-left: 0;
    max-width: 360px;
    margin: 5% auto;
    overflow-x: hidden;
  }

  .fp-page .fp-box .msg {
    color: #555;
    margin-bottom: 30px;
    text-align: center;
  }

  .fp-page .fp-box a {
    font-size: 14px;
    text-decoration: none;
    color: #00BCD4;
  }

  .fp-page .fp-box .logo {
    margin-bottom: 20px;
  }

  .fp-page .fp-box .logo a {
    font-size: 36px;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
  }

  .fp-page .fp-box .logo small {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: -5px;
  }

  /* 404 Not Found Page ========================== */
  .four-zero-four {
    width: 100%;
    text-align: center;
    margin: 5% auto;
  }

  .four-zero-four .four-zero-four-container .error-code {
    font-size: 160px;
  }

  .four-zero-four .four-zero-four-container .error-message {
    font-size: 26px;
    color: #333;
    font-weight: bold;
    margin-top: -40px;
  }

  .four-zero-four .four-zero-four-container .button-place {
    margin-top: 32px;
  }

  /* 500 Server Error Page ======================= */
  .five-zero-zero {
    width: 100%;
    text-align: center;
    margin: 5% auto;
  }

  .five-zero-zero .five-zero-zero-container .error-code {
    font-size: 160px;
  }

  .five-zero-zero .five-zero-zero-container .error-message {
    font-size: 27px;
    color: #333;
    font-weight: bold;
    margin-top: -40px;
  }

  .five-zero-zero .five-zero-zero-container .button-place {
    margin-top: 32px;
  }

  /* Maps ======================================== */
  /* Google Maps */
  .gmap {
    width: 100%;
    height: 400px;
  }

  /* jVector Map */
  .jvector-map {
    width: 100%;
    height: 600px;
  }

  /* Charts ====================================== */
  /* Morris */
  .morris-hover.morris-default-style {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  /* Flot */
  .flot-chart {
    width: 100%;
    height: 320px;
  }

  .panel-switch-btn {
    position: relative;
    right: 20px;
    z-index: 9;
  }

  .panel-switch-btn label {
    font-weight: bold !important;
  }

  .legendLabel {
    width: 85px !important;
    position: relative;
    left: 3px;
  }

  #multiple_axis_chart .legendLabel {
    width: 160px !important;
  }

  /* Sparkline */
  .sparkline {
    text-align: center;
  }

  /* Searchbar =================================== */
  .search-bar {
    position: fixed;
    top: -100px;
    left: 0;
    z-index: 9999999;
    width: 100%;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -webkit-transition: 0.25s;
    transition: 0.25s;
  }

  .search-bar.open {
    top: 0;
  }

  .search-bar .search-icon {
    position: absolute;
    top: 20px;
    left: 14px;
  }

  .search-bar .search-icon .material-icons {
    font-size: 32px;
    color: #999;
  }

  .search-bar .close-search {
    position: absolute;
    cursor: pointer;
    font-size: 30px;
    top: 16px;
    right: 18px;
  }

  .search-bar .close-search .material-icons {
    color: #999;
    opacity: 1;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .search-bar .close-search .material-icons:hover {
    opacity: .5;
  }

  .search-bar input[type="text"] {
    width: 100%;
    font-size: 16px;
    padding: 25px 60px 23px 56px;
    border: none;
  }

  /* Jquery DataTable ============================ */
  .dataTables_wrapper {
    position: relative;
  }

  .dataTables_wrapper select {
    border: none;
    border-bottom: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
  }

  .dataTables_wrapper select:active,
  .dataTables_wrapper select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
  }

  .dataTables_wrapper input[type="search"] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: none;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
  }

  .dataTables_wrapper input[type="search"]:focus,
  .dataTables_wrapper input[type="search"]:active {
    border-bottom: 2px solid #1f91f3;
  }

  .dataTables_wrapper .dt-buttons {
    float: left;
  }

  .dataTables_wrapper .dt-buttons a.dt-button {
    background-color: #607D8B;
    color: #fff;
    padding: 7px 12px;
    margin-right: 5px;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: none;
    font-size: 13px;
    outline: none;
  }

  .dataTables_wrapper .dt-buttons a.dt-button:active {
    opacity: 0.8;
  }

  .dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 400px;
    text-align: center;
    background-color: #fff;
    border: 2px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin-top: -100px;
    margin-left: -200px;
    z-index: 21;
  }

  .dt-button-info h2 {
    color: #777;
  }

  .dt-button-info div {
    color: #777;
    margin-bottom: 20px;
  }

  /* Light Gallery ================================ */
  .lg-outer .lg-thumb-item,
  .lg-outer .lg-toogle-thumb {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
  }

  /* For Internet Explorer 10 ===================== */
  html.ie10 .sidebar .menu .list li {
    line-height: 30px;
  }

  html.ie10 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before {
    top: 6px !important;
    line-height: 20px !important;
  }

  html.ie10 .sidebar .user-info .info-container {
    top: 15px;
  }

  html.ie10 .search-bar input[type="text"] {
    padding: 26px 60px 26px 56px;
  }

  html.ie10 .dropdown-menu ul.menu li a {
    margin-top: -22px;
  }

  html.ie10 .bs-searchbox .form-control {
    width: 90%;
  }

  /* For Internet Explorer 11 ===================== */
  html.ie11 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before {
    top: 6px !important;
    line-height: 20px !important;
  }

  html.ie11 .sidebar .user-info .info-container {
    top: 15px;
  }

  html.ie11 .search-bar input[type="text"] {
    padding: 26px 60px 26px 56px;
  }

  html.ie11 .dropdown-menu ul.menu li a {
    margin-top: -22px;
  }

  html.ie11 .bs-searchbox .form-control {
    width: 90%;
  }

  /*
    * bootstrap-tagsinput v0.8.0
    *
    */
  .bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
    width: 100%;
  }

  .bootstrap-tagsinput input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-top: 11px;
    float: right;
  }

  .bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
    border-radius: 12px;
    font-size: 13px;
    float: right;
  }

  .bootstrap-tagsinput .tag [data-role="remove"] {
    margin-right: 8px;
    cursor: pointer;
    color: #ffffff;
    border-radius: 21px;
    font-size: 19px;
    margin-left: 5px;
    margin-right: 0px;
  }

  .bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
  }

  .bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  }

  .bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }

  .btn-irv {
    width: 100%;
    background: #038dab;
    color: #fff !important;
    font-weight: bold;
    padding: 10px 0;
    transition: all 0.3s;
  }

  .btn-irv:hover {
    background: #02738d;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }

  .btn-irv-default {
    font-weight: bold;
    background: #bbb;
    color: #fff !important;
  }

  .btn-irv-default:hover {
    background: #aaa;
  }

  .wizard {
    overflow: hidden;
  }

  .wizard .wizard-header {
    margin-bottom: 30px;
  }

  .wizard .wizard-header h1 {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .wizard .wizard-header h1 small {
    color: #bbb;
  }

  .wizard .wizard-header hr {
    border-color: #038dab;
    border-top-width: 2px;
  }

  .wizard .wizard-header .steps {
    height: 15px;
    margin-top: 15px !important;
    width: 400px;
    margin: auto;
    float: none;
  }

  .wizard .wizard-header .steps .wizard-step {
    background: #ffc107;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin: 0 45px;
    opacity: 0.2;
    transition: all 0.8s;
    position: relative;
    z-index: 9;
    border-radius: 50px;
  }

  .wizard .wizard-header .steps .wizard-step:first-child:before {
    content: "1";
    display: block;
    color: #fff;
  }

  .wizard .wizard-header .steps .wizard-step:before {
    content: "2";
    display: block;
    color: #fff;
    margin-top: 7px;
    font-size: 15px;
  }

  .wizard .wizard-header .steps .wizard-step:last-child:before {
    content: "3";
    display: block;
    color: #fff;
  }

  .wizard .wizard-header .steps .wizard-step:after {
    content: '';
    width: 110px;
    height: 2px;
    background: #ffc107;
    position: absolute;
    top: 16px;
    z-index: -1;
  }

  .wizard .wizard-header .steps .wizard-step:last-child:after {
    content: '';
    width: 39px;
    height: 2px;
    background: #e8e8e8;
    position: absolute;
    top: 10px;
    z-index: 0;
    display: none;
  }

  .wizard .wizard-header .steps .wizard-step p {
    /* float: right; */
    margin-top: 28px;
    position: relative;
    width: 82px;
    right: -28px;
  }

  .wizard .wizard-header .steps .wizard-step.active {
    opacity: 1;
  }

  .wizard .wizard-body {
    position: relative;
    transition: all 0.3s cubic-bezier(0.68, -0.3, 0.37, 0.6);
  }

  .wizard .wizard-body .step {
    transition: all 0.3s ease-in-out;
    position: absolute;
    width: 100%;
    top: 0;
    right: -100%;
    opacity: 0;
  }

  .wizard .wizard-body .step.initial {
    position: relative;
  }

  .wizard .wizard-body .step.off {
    opacity: 0 !important;
    right: 100% !important;
  }

  .wizard .wizard-body .step.active {
    right: 0;
    margin-left: 0;
    margin-top: 0;
    opacity: 1;
    transition: all 0.4s linear;
    transition-delay: 0.1s;
  }

  .wizard .wizard-footer {
    margin-bottom: 30px;
    margin-right: 34px;
  }

  .os_website .box {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }

  .os_website .box p {
    background-color: #02a9f4;
    color: #fff;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    margin: 0;
    border-radius: 5px 5px 0 0;
    transition: 0.6s;
  }

  .os_website .box p:last-child {
    background-color: #7d20f7;
    color: #fff;
    padding: 8px;
    text-align: center;
    font-size: 14px;
    margin: 0;
    border-radius: 0px 0px 5px 5px;
    margin-top: -30px;
    position: relative;
    opacity: 0;
  }

  .os_website .box:hover p:last-child {
    opacity: 1;
  }

  .os_website .box:hover img {
    opacity: 0.6;
  }

  .os_website .box img {
    width: 100%;
    transition: 0.6s;
  }

  .radiobtn {
    /* position: relative; */
    /* display: block; */
  }

  .radiobtn label {
    /* display: block; */
    /* background: #fee8c3; */
    /* color: #444; */
    /* border-radius: 5px; */
    /* padding: 10px 20px; */
    /* border: 2px solid #fdd591; */
    /* margin-bottom: 5px; */
    /* cursor: pointer; */
    padding: 0 !important;
  }

  .radiobtn label:after,
  .radiobtn label:before {
    content: "";
    position: absolute;
    right: 11px;
    top: 11px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: #fdcb77;
  }

  .radiobtn label:before {
    background: transparent;
    transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
    z-index: 2;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center;
    width: 0;
    height: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+);
  }

  .radiobtn input[type="radio"] {
    display: none;
    position: absolute;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .radiobtn input[type="radio"]:checked+label {
    /* background: #fdcb77; */
    /* -webkit-animation-name: blink; */
    /* animation-name: blink; */
    /* -webkit-animation-duration: 1s; */
    /* animation-duration: 1s; */
    border: 2px solid #fcae2c;
    padding: 0;
    height: auto;
    border-radius: 8px;
    margin: 1px;
    padding: 0 !important;
  }

  .radiobtn input[type="radio"]:checked+label:after {
    background: #fcae2c;
    top: 1px;
    padding: 11px;
    border: 2px solid #26a69a00;
  }

  .radiobtn input[type="radio"]:checked+label:before {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    right: 3px;
  }

  @-webkit-keyframes blink {
    0% {
      background-color: #fdcb77;
    }

    10% {
      background-color: #fdcb77;
    }

    11% {
      background-color: #fdd591;
    }

    29% {
      background-color: #fdd591;
    }

    30% {
      background-color: #fdcb77;
    }

    50% {
      background-color: #fdd591;
    }

    45% {
      background-color: #fdcb77;
    }

    50% {
      background-color: #fdd591;
    }

    100% {
      background-color: #fdcb77;
    }
  }

  @keyframes blink {
    0% {
      background-color: #fdcb77;
    }

    10% {
      background-color: #fdcb77;
    }

    11% {
      background-color: #fdd591;
    }

    29% {
      background-color: #fdd591;
    }

    30% {
      background-color: #fdcb77;
    }

    50% {
      background-color: #fdd591;
    }

    45% {
      background-color: #fdcb77;
    }

    50% {
      background-color: #fdd591;
    }

    100% {
      background-color: #fdcb77;
    }
  }

  [type="radio"]:not(:checked)+label:before,
  [type="radio"]:not(:checked)+label:after {
    border: 0px;
  }

  .modal-custom {
    width: 70% !important;
  }

  .demo-img-gallery {
    width: 100%;
    height: 350px;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .delete-category {
    float: left;
    background: #fb483a !important;
    color: #fff;
    padding: 2px 6px;
    position: relative;
    top: -3px;
    font-size: 12px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    border-radius: 6px;
    margin-left: -7px;
    border: 0;
  }

  .delete-category i {
    color: #fff;
    margin-left: 7px;
  }

  .edit-category {
    float: left;
    background: #12a718;
    color: #fff;
    padding: 2px 6px;
    position: relative;
    top: -3px;
    margin-left: 5px;
    font-size: 12px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    border-radius: 6px;
    border: 0;
  }

  .ltr-right {
    direction: ltr !important;
    text-align: right !important;
  }

  .confirmcode {
    margin-bottom: 10px;
    text-align: center;
  }

  input.confirmcode::-webkit-outer-spin-button,
  input.confirmcode::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Firefox */
  input.confirmcode[type=number] {
    -moz-appearance: textfield;
  }

  .clipboard {
    position: absolute;
    left: 16px;
    top: 25px;
  }

  /* You just need to get this field */
  .copy-input {
    max-width: 275px;
    width: 100%;
    cursor: pointer;
    background-color: #eaeaeb;
    border: none;
    color: #6c6c6c;
    font-size: 14px;
    border-radius: 5px;
    padding: 15px 45px 15px 15px;
    font-family: 'Montserrat', sans-serif;
    box-shadow: 0 3px 15px #b8c6db;
    -moz-box-shadow: 0 3px 15px #b8c6db;
    -webkit-box-shadow: 0 3px 15px #b8c6db;
  }

  .copy-input:focus {
    outline: none;
  }

  .copy-btn {
    background-color: #d4e8be;
    font-size: 11px;
    padding: 6px 9px;
    border-radius: 5px;
    border: none;
    color: #466224;
    transition: all .4s;
  }

  .copy-btn:hover {
    transform: scale(1.1);
    color: #1a1a1a;
    cursor: pointer;
  }

  .copy-btn:focus {
    outline: none;
  }

  .copied {
    font-family: 'Montserrat', sans-serif;
    width: 200px;
    display: none;
    position: fixed;
    bottom: 50px;
    z-index: 9;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #466224;
    padding: 15px 15px;
    background-color: #8bc34a5e;
    border-radius: 5px;
    box-shadow: 0 3px 15px #b8c6db;
    -moz-box-shadow: 1px 1px 16px #8bc34a5e;
    -webkit-box-shadow: 1px 1px 16px #8bc34a5e;
  }

  span.help-form {
    background: #ff98003d;
    color: #915f17;
    width: 100%;
    display: block;
    font-size: 11px;
    line-height: 22px;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 10px;
  }

  .user_info {
    display: flex;
  }

  .user_info .logout {
    background: #542f99;
    color: #ffffff;
    padding: 10px 30px;
    border-radius: 6px;
    margin-top: 4px;
    font-size: 13px;
    text-decoration: none;
    display: block;
    box-shadow: 0 0px 60px #5c408f !important;
    transition: 0.3s;
  }

  .user_info .logout:hover {
    color: #542f99;
    background: #ffffff;
  }

  .user_info .user {
    margin: 0;
    margin-top: 17px;
    color: #fff;
    margin-left: 13px;
    font-size: 13px;
  }

  .btn-login {
    background-color: #00aee1;
    /* box-shadow: 0px 0px 5px #10bfff52 !important; */
    padding: 8px !important;
    border-radius: 10px !important;
    padding-right: inherit !important;
    border: 0;
    font-weight: 500;
    font-family: iransans;
    font-size: 17px;
  }

  .order-new-box {
    background-color: #fff !important;
  }

  .order-new-box .icon i {
    background-image: url(../icons/new-orders.svg);
    position: relative;
    width: 100%;
    height: 300px;
    display: block;
    background-repeat: no-repeat;
  }

  .order-new-box .sun-icon {
    background-image: url(../icons/sun-box.svg);
    position: absolute;
    width: 80px;
    height: 300px;
    left: 0;
    background-repeat: no-repeat;
  }

  .order-new-box .table-responsive {
    margin-top: 33px;
    height: 158px;
    overflow: scroll;
    text-align: center;
    font-size: 12px;
  }

  .order-new-box .table-responsive .time {
    background-color: #FFCB1F;
    color: #fff;
    border-radius: 6px;
    padding: 1px;
    margin: 0;
  }

  .order-new-box .table-responsive thead {
    font-size: 11px;
    text-align: center !important;
    border-radius: 11px;
    display: table-caption;
    width: 100%;
    background: #eee;
    margin-bottom: 6px;
  }

  .order-new-box .table-responsive thead tr {
    width: 100%;
    display: inline-table;
  }

  .order-new-box a.more {
    background: #dbf4c2;
    color: #38501f;
    font-size: 11px;
    padding: 3px 11px;
    border-radius: 6px;
  }

  .rezerv-new-box {
    background-color: #fff !important;
  }

  .rezerv-new-box .icon i {
    background-image: url(../icons/rezerv-icon.svg);
    position: relative;
    width: 100%;
    height: 300px;
    max-width: 79px;
    display: block;
    background-repeat: no-repeat;
    top: 8px;
    right: -2px;
  }

  .rezerv-new-box .sun-icon {
    background-image: url(../icons/sun-box.svg);
    position: absolute;
    width: 80px;
    height: 300px;
    left: 0;
    background-repeat: no-repeat;
  }

  .rezerv-new-box .table-responsive {
    margin-top: 33px;
    height: 159px;
    overflow: scroll;
    text-align: center;
    font-size: 12px;
  }

  .rezerv-new-box .table-responsive.loading-data:before {
    background: #5151514d;
    opacity: 1;
    transition: 0.6s;
  }

  .rezerv-new-box .table-responsive.loading-data-end:before {
    display: none;
  }

  .rezerv-new-box .table-responsive:before {
    content: '';
    background: #3e3e3e70 !important;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: 0.6s;
  }

  .rezerv-new-box .table-responsive.loading-data {
    overflow: hidden;
    width: 100px;
    height: 202px;
    margin: auto;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
  }

  .rezerv-new-box .table-responsive.loading-data table {
    opacity: 0;
  }

  .rezerv-new-box .table-responsive.loading-data p {
    opacity: 0;
  }

  .rezerv-new-box .table-responsive.loading-data .spinner {
    width: 54px;
    height: 61px;
    top: 31px;
  }

  .rezerv-new-box .table-responsive .time {
    background-color: #FFCB1F;
    color: #fff;
    border-radius: 6px;
    padding: 5px;
    margin: 0;
  }

  .rezerv-new-box .table-responsive thead {
    /* font-size: 11px; */
    /* text-align: center !important; */
    /* border-radius: 11px; */
    /* display: flow-root; */
    /* width: 100%; */
    /* background: #eee; */
    /* margin-bottom: 6px; */
    text-align: center;
  }

  .rezerv-new-box .table-responsive thead tr {
    width: 100%;
    text-align: center;
    background: #eee;
  }

  .rezerv-new-box a.more {
    background: #dbf4c2;
    color: #38501f;
    font-size: 11px;
    padding: 3px 11px;
    border-radius: 6px;
  }

  .dashboard-chart {
    background-color: #fff !important;
  }

  .dashboard-chart .icon i {
    background-image: url(../icons/dashboard-chart.svg);
    position: relative;
    width: 100%;
    max-width: 153px !important;
    height: 300px;
    display: block;
    background-repeat: no-repeat;
    right: -2px;
    background-size: 100%;
    top: 8px;
  }

  .dashboard-chart .sun-icon {
    background-image: url(../icons/sun-box.svg);
    position: absolute;
    width: 80px;
    height: 300px;
    left: 0;
    background-repeat: no-repeat;
  }

  .dashboard-chart #chratcanvas {
    padding-top: 14px;
  }

  .store-empty {
    background-color: #fff !important;
    overflow: inherit;
    position: sticky;
    top: 15px;
  }

  .store-empty .icon i {
    background-image: url(../icons/empty-store.svg);
    position: relative;
    background-size: 75px;
    background-position-x: -5px;
    width: 100%;
    max-width: 82px;
    height: 82px;
    display: block;
    background-repeat: no-repeat;
    /* top: 8px; */
    right: -3px;
  }

  .store-empty .sun-icon i.ayha-sms {
    position: absolute;
    right: 37px;
    top: 12px;
    cursor: pointer;
  }

  .store-empty .sun-icon i.ayha-sms:after {
    left: 77px;
    bottom: 45px;
    font-style: normal;
    font-size: 11px;
  }

  .store-empty .sun-icon i.ayha-sms:before {
    left: 9px;
    bottom: 40px;
  }

  .store-empty .sun-icon.store-empty-sms:before {
    content: '';
    background-color: #fed780;
    width: 33px;
    height: 33px;
    border-radius: 50px;
    position: absolute;
    z-index: 0;
    right: 37px;
    top: 8px;
    box-shadow: 0px 0px 19px 0px #FFC107;
  }

  .store-empty .icon i:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    animation-name: flash;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    background-size: 75px;
    background-position-x: 7px;
  }

  @keyframes flash {
    0% {
      background-image: url(../icons/empty-store-ic.svg);
      position: relative;
      width: 86px;
      height: 86px;
      display: block;
      background-repeat: no-repeat;
      left: 7px;
      opacity: 1;
    }

    50% {
      background-color: transparent;
      opacity: 0;
    }

    100% {
      background-image: url(../icons/empty-store-ic.svg);
      position: relative;
      width: 86px;
      height: 86px;
      display: block;
      background-repeat: no-repeat;
      left: 7px;
      opacity: 1;
    }
  }

  .store-empty .sun-icon {
    background-image: url(../icons/sun-box.svg);
    position: absolute;
    width: 80px;
    height: 300px;
    left: 0;
    background-repeat: no-repeat;
  }

  .store-empty .table-responsive {
    margin-top: 33px;
    height: 164px;
    overflow: scroll;
    overflow-x: auto;
    text-align: center;
    font-size: 12px;
    position: relative;
  }

  .store-empty .table-responsive table {
    width: 95%;
  }

  .store-empty .table-responsive::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border-radius: 30px;
  }

  .store-empty .table-responsive::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
  }

  .store-empty .table-responsive::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a2a2a2;
  }

  .store-empty .table-responsive .time {
    background-color: #FFCB1F;
    color: #fff;
    border-radius: 6px;
    padding: 1px;
    margin: 0;
  }

  .store-empty .table-responsive thead {
    font-size: 11px;
    text-align: center !important;
    border-radius: 11px;
    /* display: table-caption; */
    width: 100%;
    background: #eee;
    margin-bottom: 6px;
  }

  .store-empty .table-responsive thead tr {
    width: 100%;
    /* display: inline-table; */
  }

  .store-empty a.more {
    background: #dbf4c2;
    color: #38501f;
    font-size: 11px;
    padding: 3px 11px;
    border-radius: 6px;
    transition: 0.6s;
  }

  .store-empty a.more:hover {
    background: #f4f4f4;
    color: #38501f;
    font-size: 11px;
    padding: 3px 11px;
    border-radius: 6px;
    text-decoration: none;
  }

  .desk-list-empty {
    background-color: #fff !important;
  }

  .desk-list-empty .icon i {
    background-image: url(../icons/desk-list.svg);
    position: relative;
    width: 100%;
    max-width: 160px;
    height: 300px;
    display: block;
    background-size: 60px;
    background-repeat: no-repeat;
    right: -2px;
    top: 8px;
  }

  .desk-list-empty .sun-icon {
    background-image: url(../icons/sun-box.svg);
    position: absolute;
    width: 80px;
    height: 300px;
    left: 0;
    background-repeat: no-repeat;
  }

  .desk-list-empty .table-responsive {
    margin-top: 33px;
    height: 164px;
    overflow: scroll;
    overflow-x: auto;
    text-align: center;
    font-size: 12px;
    position: relative;
    z-index: 9;
  }

  .desk-list-empty .table-responsive table {
    width: 95%;
  }

  .desk-list-empty .table-responsive::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border-radius: 30px;
  }

  .desk-list-empty .table-responsive::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
  }

  .desk-list-empty .table-responsive::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a2a2a2;
  }

  .desk-list-empty .table-responsive .time {
    background-color: #FFCB1F;
    color: #fff;
    border-radius: 6px;
    padding: 1px;
    margin: 0;
  }

  .desk-list-empty .table-responsive thead {
    font-size: 11px;
    text-align: center !important;
    border-radius: 11px;
    display: table-caption;
    width: 100%;
    background: #eee;
    margin-bottom: 6px;
  }

  .desk-list-empty .table-responsive thead tr {
    width: 100%;
    display: inline-table;
  }

  .desk-list-empty a.more {
    background: #dbf4c2;
    color: #38501f;
    font-size: 11px;
    padding: 3px 11px;
    border-radius: 6px;
    transition: 0.6s;
  }

  .desk-list-empty a.more:hover {
    background: #f4f4f4;
    color: #38501f;
    font-size: 11px;
    padding: 3px 11px;
    border-radius: 6px;
    text-decoration: none;
  }

  .store-charge-list {
    background-color: #fff !important;
    opacity: 0;
    transition: 0.6s;
    height: auto;
    padding-bottom: 10px;
    position: sticky;
    top: 15px;
    order: 1;
  }

  .store-charge-list.show {
    opacity: 1;
  }

  .store-charge-list .icon {
    width: 37% !important;
  }

  .store-charge-list .icon i {
    background-image: url(../icons/sotre-charge.svg);
    position: relative;
    width: 100%;
    max-width: 153px;
    height: 300px;
    display: block;
    background-repeat: no-repeat;
    right: -17px;
    top: 6px;
  }

  .store-charge-list .icon i.i-charge_box_down {
    background-image: url(../icons/icon-charge-kahesh.svg);
    right: -10px;
    top: -5px;
  }

  .store-charge-list .sun-icon {
    background-image: url(../icons/sun-box.svg);
    position: absolute;
    width: 80px;
    height: 300px;
    left: 0;
    background-repeat: no-repeat;
  }

  .store-charge-list .table-responsive {
    margin-top: 33px;
    height: 164px;
    overflow: scroll;
    overflow-x: auto;
    text-align: center;
    font-size: 12px;
    position: relative;
    z-index: 9;
  }

  .store-charge-list .table-responsive table {
    width: 95%;
  }

  .store-charge-list .table-responsive::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border-radius: 30px;
  }

  .store-charge-list .table-responsive::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
  }

  .store-charge-list .table-responsive::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a2a2a2;
  }

  .store-charge-list .table-responsive .time {
    background-color: #FFCB1F;
    color: #fff;
    border-radius: 6px;
    padding: 1px;
    margin: 0;
  }

  .store-charge-list .table-responsive thead {
    font-size: 11px;
    text-align: center !important;
    border-radius: 11px;
    display: table-caption;
    width: 100%;
    background: #eee;
    margin-bottom: 6px;
  }

  .store-charge-list .table-responsive thead tr {
    width: 100%;
    display: inline-table;
  }

  .store-charge-list a.more {
    background: #dbf4c2;
    color: #38501f;
    font-size: 11px;
    padding: 3px 11px;
    border-radius: 6px;
    transition: 0.6s;
  }

  .store-charge-list a.more:hover {
    background: #f4f4f4;
    color: #38501f;
    font-size: 11px;
    padding: 3px 11px;
    border-radius: 6px;
    text-decoration: none;
  }

  .store-charge-list .pack {
    position: absolute;
    left: 6px;
    top: 6px;
    background: #ffc107;
    color: #fff;
    padding: 4px 14px;
    border-radius: 14px;
    font-size: 11px;
  }

  .invoices-new-box {
    background-color: #fff !important;
  }

  .invoices-new-box .icon i {
    background-image: url(../icons/invoices-icon.svg);
    position: relative;
    width: 100%;
    max-width: 101px;
    height: 300px;
    display: block;
    background-repeat: no-repeat;
  }

  .invoices-new-box .sun-icon {
    background-image: url(../icons/sun-box.svg);
    position: absolute;
    width: 80px;
    height: 300px;
    left: 0;
    background-repeat: no-repeat;
  }

  .invoices-new-box .table-responsive {
    margin-top: 33px;
    height: 142px;
    overflow: scroll;
    text-align: center;
    font-size: 12px;
  }

  .invoices-new-box .table-responsive .time {
    background-color: #FFCB1F;
    color: #fff;
    border-radius: 6px;
    padding: 1px;
    margin: 0;
  }

  .invoices-new-box .table-responsive thead {
    font-size: 11px;
    text-align: center !important;
    border-radius: 11px;
    display: table-caption;
    width: 100%;
    background: #eee;
    margin-bottom: 6px;
  }

  .invoices-new-box .table-responsive thead tr {
    width: 100%;
    display: inline-table;
  }

  .invoices-new-box a.more {
    background: #dbf4c2;
    color: #38501f;
    font-size: 11px;
    padding: 3px 11px;
    border-radius: 6px;
  }

  .admin-profile {
    border-bottom: 2px solid #f0f0f0;
    width: 90%;
    margin: auto;
    margin-bottom: 10px;
    padding-bottom: 8px;
  }

  .sidebar.minimal-sidbar .admin-profile .user-img {
    width: 75px;
  }

  .admin-profile .user-img {
    width: 100%;
    max-width: 150px;
    border-radius: 27px;
    margin: auto;
    display: block;
    box-shadow: 0px 0px 30px #00000033;
    margin-top: 20px;
    transition: 0.3s;
  }

  .sidebar.minimal-sidbar .admin-profile h3 {
    margin-top: 49px;
  }

  .admin-profile h3 {
    text-align: center;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    direction: rtl;
  }

  .admin-profile p.permisson {
    text-align: center;
    font-size: 15px;
  }

  .admin-profile p.permisson {
    font-size: 10px;
    color: #343434;
  }

  .admin-profile .permisson-list {
    display: block;
    text-align: center;
  }

  .admin-profile .permisson-list .settings {
    background-image: url(../icons/admin-setings-icon.svg);
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 20px;
  }

  .sidebar.minimal-sidbar .admin-profile .permisson-list .exit {
    display: none;
  }

  .sidebar.minimal-sidbar .admin-profile .permisson-list .settings {
    display: none;
  }

  .admin-profile .permisson-list .exit {
    background-image: url(../icons/admin-exit-icon.svg);
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 20px;
  }

  nav.navbar {
    display: none;
  }

  .sidebar {
    top: 0;
    height: calc(100vh - 0px);
  }

  section.content {
    margin: 25px 315px 0 15px;
  }

  .slimScrollDiv {
    /* overflow: scroll !important; */
  }

  .links-admin {
    margin-bottom: 20px;
    margin-top: 15px;
  }

  #order_list .notfiction {
    display: inline-flex;
    background: #ff5858;
    width: 33px;
    height: 33px;
    border-radius: 57px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px #ff58584a;
    border: 0;
    overflow: inherit;
  }

  #order_list .notfiction i {
    background-image: url(../icons/notf.svg);
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 18px;
    top: 6px !important;
    right: 0;
  }

  #order_list .discount {
    display: inline-flex;
    background: #8bc34b;
    width: 33px;
    height: 33px;
    border-radius: 57px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px #8bc34b45;
    border: 0;
    overflow: inherit;
  }

  #order_list .discount i {
    background-image: url(../icons/icon-discount.svg);
    position: relative;
    width: 23px;
    height: 23px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: center;
    top: 4px !important;
    right: -1px;
  }

  .links-admin .search {
    display: inline-grid;
    width: 180px;
    position: relative;
    float: left;
    margin-right: 10px;
  }

  .links-admin .search input {
    background: #fff;
    border: 0;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 0%);
    border-radius: 6px;
    padding: 7px;
    font-size: 12px;
    width: 100%;
  }

  .links-admin .search i.search {
    background-image: url(../icons/search.svg);
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 18px;
    bottom: 6px !important;
    left: 7px;
    position: absolute;
  }

  .btn {
    border-radius: 7px !important;
    padding-right: 31px;
  }

  .left {
    float: left;
  }

  .right {
    float: right
  }

  .btnicon i {
    font-size: 20px !important;
    position: absolute !important;
    right: 5px;
    top: 4px !important;
  }

  i.icon-employees-login-logout {
    background-image: url(../icons/employees-white.svg);
    position: relative;
    width: 23px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 22px;
    top: 7px !important;
    right: 5px;
  }

  i.icon-new-oeder {
    background-image: url(../icons/new-order-white.svg);
    position: relative;
    width: 23px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 22px;
    top: 5px !important;
    right: 3px;
  }

  i.icon-exit {
    background-image: url(../icons/exit.svg);
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 18px;
    top: 8px !important;
    right: 5px;
  }

  i.icon-exit-sec {
    background-image: url(../icons/check-lock.svg);
    position: relative;
    width: 22px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 18px;
    top: 5px !important;
    right: 1px;
  }

  i.icon-download-desk {
    background-image: url(../icons/icon-download-desk.svg?v=1);
    position: relative;
    width: 19px;
    height: 25px;
    background-position: center;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 18px;
    top: 4px !important;
    right: 0;
  }

  .links-admin .time {
    background: #a0a0a0;
    padding: 8px 8px 6px 8px;
    text-align: center;
    margin-left: 10px;
    border-radius: 5px;
    font-size: 12px;
    color: #ffffff;
    position: absolute;
    top: -34px;
    width: 100%;
    line-height: 12px;
  }

  .result-ajax-mavad {
    background: #03a9f4;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    color: #fff;
    height: 27px;
  }

  .hummingbird-treeview {
    height: 230px;
    overflow-y: scroll;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    padding-top: 15px;
    margin-bottom: 20px;
    border-radius: 7px;
    /* box-shadow: 0px 0px 20px 0px #50505029; */
    background-color: #fff;
    border: 1px solid #fff;
    border-color: #dcdcdc;
  }

  .hummingbird-treeview::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border-radius: 30px;
  }

  .hummingbird-treeview::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
  }

  .hummingbird-treeview::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a2a2a2;
  }

  .hummingbird-treeview label {
    color: #8a8a8a !important;
    font-size: 13px;
  }

  .hummingbird-treeview input {
    border-color: #8a8a8a !important;
  }

  .btn_el_finder_hidden {
    padding: 0;
    border: 0;
    border-radius: 7px;
    box-shadow: 0px 0px 5px 0px #50505033;
    overflow: hidden;
    background-color: #FCFCFC;
    position: relative;
  }

  .el_finder_btn i {
    background-image: url(../icons/upload-img.svg);
    position: relative;
    width: 72px;
    background-size: 71px;
    height: 100px;
    display: block;
    background-repeat: no-repeat;
    position: relative;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 9;
    top: 124px;
  }

  .el_finder_btn span {
    color: #868686;
    position: absolute;
    bottom: 4px;
    right: 0;
    font-size: 11px;
    left: 0;
    z-index: 3;
    background: #fff;
    width: 125px;
    padding: 7px;
    margin: auto;
    border-radius: 10px;
  }

  .el_finder_btn:after {
    content: " ";
    position: absolute;
    background: linear-gradient(to top, rgb(255 255 255) -69%, rgb(203 180 212 / 0) 86%);
    width: 100%;
    height: 231px;
    left: 0;
    bottom: 0;
  }

  .dropdown-toggle {
    width: 100%;
    border-radius: 7px;
    box-shadow: 0px 0px 20px 0px #50505000 !important;
    padding-left: 0;
    /* border-color: #dcdcdc !important; */
    font-size: 12px;
    background-color: #fff !important;
    border: 1px solid #dcdcdc !important;
  }

  .btn-add,
  .btn-add:focus,
  .btn-add:hover {
    background: #7cb342;
    color: #fff;
    font-size: 12px !important;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 11px 17px;
    border-radius: 11px !important;
  }

  .btn-cancel,
  .btn-cancel:focus,
  .btn-cancel:hover {
    background: #FF5858 !important;
    color: #fff;
    font-size: 12px !important;
    margin-bottom: 20px;
    padding: 11px 17px;
    border-radius: 11px !important;
  }

  .table-products-list {
    text-align: center;
  }

  .table-products-list thead {
    font-size: 11px;
    background: #eee;
  }

  .table-products-list thead tr {
    width: 100%;
    /* display: inline-table; */
  }

  .table-products-list thead tr th {
    text-align: center;
  }

  .table-products-list tbody tr {
    background-color: #FCFCFC;
  }

  .col {
    flex: 1 0 0%;
    color: #131313;
  }

  .row-custom {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
  }

  .table-row-custom {
    background-color: #FCFCFC;
    margin-top: 20px;
    padding: 15px;
    box-shadow: -2px 2px 40px rgb(0 0 0 / 10%);
    border-radius: 11px;
  }

  .table-title-custom {
    font-size: 14px;
    text-align: center !important;
    border-radius: 5px;
    width: 100%;
    margin: 0;
    /* background: #13bfff; */
    margin-bottom: 6px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    box-shadow: -2px 2px 40px rgb(0 0 0 / 10%);
    color: #fff;
    border: 1px solid #eee;
  }

  .btn-edit-product {
    background: #10BFFF;
    color: #fff !important;
    transition: 0.6s;
    width: 112px;
    padding: 6px;
    margin-bottom: 10px;
    font-size: 12px !important;
  }

  .btn-edit-product:hover {
    background: #10bfffb8;
    color: #fff;
  }

  .btn-delete-product {
    background: #FF5858 !important;
    color: #fff !important;
    transition: 0.6s;
    width: 112px;
    padding: 6px;
    font-size: 12px !important;
  }

  .btn-delete-product:hover {
    background: #10bfffb8;
    color: #fff;
  }

  .line-hight-auto {
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-content: flex-end;
    flex-wrap: nowrap;
    flex-direction: column-reverse;
  }

  .line-hight-auto-img {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
  }

  .navbar-fixed-top {
    position: sticky;
    /* top: 20px; */
    z-index: 9;
    background: #fff;
  }

  .product-img {
    border-radius: 10px;
  }

  /*  Toggle Switch  */
  .toggleSwitch span span {
    display: none;
  }

  .well {
    background: #ffffff;
    box-shadow: -2px 2px 40px rgb(0 0 0 / 10%);
    position: relative;
    margin-bottom: 30px;
    border-radius: 18px !important;
    border: 0;
    padding-bottom: 0;
    margin-bottom: 28px !important;
  }

  .animation-blinker {
    animation: blinker 1s linear infinite;
  }

  .btn-add-property {
    background: #10BFFF;
    color: #fff;
    padding: 6px 22px;
    font-size: 12px !important;
  }

  .btn-add-property:hover,
  .btn-add-property:focus {
    color: #fff;
  }

  .btn-addd-property {
    background: #8bc34a !important;
    color: #fff !important;
    transition: 0.6s;
    width: 112px;
    padding: 6px;
    font-size: 12px !important;
    margin-top: 30px;
  }

  .btn-del-property {
    background: #FF5858 !important;
    color: #fff !important;
    transition: 0.6s;
    width: 112px;
    padding: 6px;
    font-size: 12px !important;
    margin-top: 30px;
  }

  .btn-add-store {
    background: #8bc34a !important;
    color: #fff !important;
    transition: 0.6s;
    width: 90%;
    margin: auto;
    display: block;
    padding: 6px;
    font-size: 12px !important;
    margin-top: -2px;
  }

  .btn-del-store {
    background: #FF5858 !important;
    color: #fff !important;
    transition: 0.6s;
    width: 90%;
    padding: 6px;
    margin: auto;
    display: block;
    font-size: 12px !important;
    margin-top: 8px;
  }

  .custom-store-table {
    border-radius: 12px;
    background: #fff;
    width: 100%;
  }

  .custom-store-table thead {
    background: #eee;
  }

  #btnexituser_confirm .loading-ios-custom {
    width: 64px;
    height: 0px;
  }

  .loading-ios-custom:before {
    content: '';
    background-image: url(../icons/loading.gif) !important;
    position: absolute;
    width: 72px;
    height: 23px;
    display: inline-block;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    background-position: center;
    background-position-y: 0px !important;
    background-color: #4caf50 !important;
    box-shadow: 0px 0px 0 0px rgb(0 0 0 / 16%), 0 2px 10px #ff585800 !important;
    left: 0;
    right: 0;
    margin: auto;
  }

  .btn-seetings-store-empty {
    background-image: url(../icons/settings.png);
    width: 33px;
    height: 33px;
    margin-top: 8px;
    display: block;
    background-repeat: no-repeat;
    background-size: 23px;
    border: 0;
    background-color: transparent;
    position: relative;
    z-index: 9;
    background-position-x: 4px;
    background-position-y: 4px;
    border-radius: 21px;
    left: 0;
    margin-right: 36px;
    transition: 0.6s;
  }

  .btn-seetings-store-empty:hover {
    transform: rotate(100deg);
  }

  .btn-save-store-empty-settings,
  .btn-save-store-empty-settings:hover,
  .btn-save-store-empty-settings:focus {
    background-color: #4caf50;
    color: #fff;
    padding-right: inherit;
  }

  .btn-cancel-store-empty-settings,
  .btn-cancel-store-empty-settings:hover,
  .btn-cancel-store-empty-settings:focus {
    background-color: #FF5858 !important;
    color: #fff;
    padding-right: inherit;
  }

  .massage-full-store {
    text-align: center;
    padding: 6px;
    margin-top: -113px;
    color: #3e5325;
    font-size: 12px;
    border-radius: 5px;
  }

  .btn-charge-store-update,
  .btn-charge-store-update:hover,
  .btn-charge-store-update:focus {
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: none;
    font-size: 11px !important;
    background-color: #4caf50;
    color: #fff;
    padding-right: inherit;
  }

  .store_empty_settings_charge {
    text-align: right;
    direction: rtl;
  }

  .store_empty_settings_charge #old_megdar {
    text-align: center;
    color: #806429;
    font-weight: bold;
    background: #ffebbf;
    padding: 6px;
    border-radius: 5px;
  }

  .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
    -o-transition: inherit !important;
    transition: -webkit-transform .3s ease-out;
    -webkit-transform: inherit !important;
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    transition: revert;
  }

  .modal.fade .modal-dialog.modal-lg {
    width: 800px;
  }

  .modal.fade .modal-dialog.modal-lg .modal-content {
    min-height: 500px;
  }

  .btn-edit-store-list,
  .btn-edit-store-list:hover,
  .btn-edit-store-list:focus {
    background: #8bc34a;
    color: #fff;
    padding: 6px 22px;
    font-size: 12px !important;
  }

  #name_charge_mavad,
  #name_charge_mavad_down {
    margin-top: 40px;
    margin-right: 10px;
  }

  .store-charge-list label {
    width: 40%;
    font-size: 12px;
    margin-top: 12px;
    margin-right: 23px;
  }

  .custom_name_charge_mavad {
    width: 82%;
    display: flex;
    float: left;
    margin-left: 24px;
    position: relative;
  }

  .btn-charge-store-info {
    background: #FF9800;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    border: 0;
    padding: 7px 10px;
    color: #fff;
    border-radius: 6px;
    font-size: 11px;
    position: relative;
  }

  .btn-charge-store-info i {
    background-image: url(../icons/info.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 18px;
    top: 6px !important;
    right: 1px;
  }

  .btn-charge-store-update-list {
    background: #6eaa2a;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    border: 0;
    padding: 15px 16px;
    border-radius: 7px;
    font-size: 11px;
    position: relative;
  }

  .btn-charge-store-update-list i {
    background-image: url(../icons/up-down-store.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 15px;
    top: 7px !important;
    right: -1px;
  }

  .btn-charge-store-update-list-down {
    background: #ef6161;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    border: 0;
    padding: 15px 16px;
    border-radius: 7px;
    color: #fff;
    font-size: 11px;
    margin-left: 7px;
    position: relative;
  }

  .btn-charge-store-update-list-down i {
    background-image: url(../icons/up-down-store.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 15px;
    top: -2px !important;
    right: 8px;
    rotate: 180deg;
  }

  .font-size-11 {
    font-size: 11px;
  }

  .btn-charge-store-del-list {
    background: #FF5858 !important;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    color: #fff;
    border: 0;
    padding: 15px 16px;
    border-radius: 7px;
    font-size: 11px;
    position: relative;
  }

  .btn-charge-store-del-list i {
    background-image: url(../icons/trashorder.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 13px;
    top: 6px !important;
    right: -1px;
  }

  .wait_time {
    opacity: 0 !important;
  }

  .store-property-type {
    margin-right: 10px;
    background: #FFC107;
    padding: 1px 12px;
    border-radius: 5px;
    position: relative;
    top: -2px;
  }

  .show-charge-down {
    opacity: 1;
    top: 15px;
    position: sticky;
    width: 100%;
    order: 1;
  }

  .btn-chenge_status_order {
    background: #8bc34a !important;
    color: #fff !important;
    transition: 0.6s;
    width: 112px;
    padding: 5px;
  }

  .btn-print-order {
    background: #fc9f00 !important;
    color: #fff !important;
    transition: 0.6s;
    padding: 6px;
    font-size: 11px !important;
    padding: 1px 4px !important;
  }

  .btn-print-order.with-icon-edit i {
    background-image: url(../icons/Printer.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 20px;
    top: 5px !important;
    right: -2px;
  }

  .btn-edit-order {
    background: #03a9f4 !important;
    color: #fff !important;
    transition: 0.6s;
    width: 102px;
    padding: 6px;
    font-size: 11px !important;
  }

  .btn-edit-order.with-icon-edit {
    width: auto;
    padding: 1px 4px !important;
    overflow: inherit;
  }

  .btn-show.with-icon-edit {
    width: auto;
    padding: 1px 4px !important;
    overflow: inherit;
    background: #03a9f4 !important;
    color: #fff !important;
    transition: 0.6s;
    padding: 6px;
    font-size: 11px !important;
    margin: 0;
  }

  .btn-show.with-icon-edit i {
    background-image: url(../icons/customer-factor.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 17px;
    top: 9px !important;
    right: -4px;
  }

  .btn-edit-order.with-icon-edit.showok {
    background: #7cb342 !important;
  }

  .btn-edit-order.with-icon-edit.showok i {
    background-image: none;
  }

  .btn-edit-order.with-icon-edit.showok i:before {
    position: absolute;
    content: '';
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    top: 3px;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }

  .btn-edit-order.with-icon-edit i {
    background-image: url(../icons/edit.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 20px;
    top: 4px !important;
    right: -3px;
  }







  .btn-customer-factor {
    background: #FF9800 !important;
    color: #fff !important;
    transition: 0.6s;
    width: 102px;
    padding: 6px;
    font-size: 11px !important;
  }

  .btn-customer-factor.with-icon-edit {
    width: auto;
    padding: 1px 4px !important;
    overflow: inherit;
  }

  .btn-customer-factor.with-icon-edit i {
    background-image: url(../icons/customer-factor.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 16px;
    top: 9px !important;
    right: -4px;
  }

  .btn-customer-address {
    background: #7cb243 !important;
    color: #fff !important;
    transition: 0.6s;
    width: 102px;
    padding: 6px;
    font-size: 11px !important;
  }

  .btn-customer-address.with-icon-edit {
    width: auto;
    padding: 1px 4px !important;
    overflow: inherit;
  }

  .btn-customer-address.with-icon-edit i {
    background-image: url(../icons/customer-address.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 13px;
    top: 6px !important;
    right: -6px;
  }






  .col-custom-edit-products-order {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .col-custom-edit-products-order .with-icon-edit {
    margin-left: 6px;
    overflow: unset !important;
  }

  .btn-edit-order[disabled] {
    background: #999999 !important;
  }

  .order_time {
    background: #FFCB1F;
    padding: 4px 18px;
    margin: 0;
    border-radius: 8px;
  }

  .order_list_product {
    box-shadow: -2px 2px 15px rgb(0 0 0 / 10%);
    border-radius: 18px;
    padding: 8px;
    position: relative;
    border: 1px solid #eee;
    padding-bottom: 0;
  }

  .order_list_product img {
    width: 100%;
    border-radius: 11px;
    min-width: 100px;
    min-height: 100px;
    max-width: 100px;
    margin-top: 10px;
    box-shadow: inset 0px 0px 3px #00000014;
  }

  .order_list_product p {
    margin-top: -4px;
    margin-bottom: 13px;
    text-align: right;
    text-align: center;
    font-weight: 500;
    font-family: iransans;
    font-size: 13px;
  }

  .order_list_product .discount-product-show {
    background: #ff4266;
    color: #fff;
    padding: 3px;
    border-radius: 5px;
  }

  .order_list_product .count div {
    width: 49%;
    float: left;
  }

  .order_list_product .count div span {
    color: #fff;
    background: transparent;
  }

  .order_list_product .count span.count_paid {
    margin: 0;
    width: 31px;
    padding: 0;
    margin-top: 1px;
  }

  .order_list_product .count span {
    color: #fff;
    background: transparent;
    margin-right: -8px;
  }

  .order_list_product .count {
    position: relative;
    bottom: 25px;
    right: 0;
    left: 0;
    padding: 3px;
    font-size: 13px;
    margin: auto;
    background: #00a9f6;
    box-shadow: inset 0px 3px 2px rgb(112 112 112 / 4%);
    width: 72px;
    border-radius: 11px 11px 0 0;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .order_list_product .count input {
    width: 40%;
    text-align: left;
    border: 0;
    background: transparent;
    position: relative;
    padding: 0px;
  }

  .order_list_product .count_paid {
    position: relative;
    padding: 5px;
    font-size: 12px;
    display: block;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #f1f1f1;
    width: 100px;
    border-radius: 50px;
    color: #6e6e6e;
  }


  .order_list_product:hover .counter {
    opacity: 1;
    transform: translateY(0);
    display: flex;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    height: auto;
  }

  .order_list_product .counter {
    opacity: 0;
    transform: translateY(15px);
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: center;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    overflow: hidden;
  }

  .order_list_product .counter .counter--arrow-inc {
    border: 0;
    background: #01a9f6;
    color: #fff;
    width: 35px;
    height: 30px;
    border-radius: 50%;
    /* position: absolute; */
    right: 5px;
    border-radius: 0 10px 0 0;
    font-size: 20px;
    line-height: 33px;
    box-shadow: inset 0px 3px 2px #00000012;
  }

  .order_list_product .counter .counter--arrow-inc:before {
    content: '+';
  }

  .order_list_product .counter .counter--arrow-inc span {
    display: none;
  }

  .order_list_product .counter .counter--arrow-dec {
    border: 0;
    background: #ea376d;
    color: #fff;
    width: 35px;
    height: 30px;
    border-radius: 10px 0 0 0;
    font-size: 26px;
    line-height: 34px;
    box-shadow: inset 0px 3px 2px 0px #00000012;
  }

  .order_list_product .counter .counter--arrow-dec span {
    display: none;
  }

  .order_list_product .counter .counter--arrow-dec:before {
    content: '-';
  }

  .order_list_product .counter input {
    width: 42px !important;
    text-align: left;
    margin-left: 10px;
    margin-right: 10px;
    border: 0;
    background: transparent;
    position: relative;
    top: 5px;
  }

  .btn-product-chenge-status {
    background: #FFCB1F;
    padding-right: inherit;
    font-size: 11px !important;
    position: relative;
    right: 0;
    /* bottom: -26px; */
    color: #5e3800;
    width: 100px;
    border-radius: 11px 11px 0 0 !important;
    left: 0;
    box-shadow: 0px 1px 3px #00000026 !important;
    transition: 0.5s;
    /* box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%); */
    font-weight: 500;
    font-family: iransans;
  }

  .btn-product-del {
    z-index: -2;
    background: #FF5858;
    padding-right: inherit;
    font-size: 11px !important;
    position: absolute;
    right: 0;
    color: #fff;
    border-radius: 11px 11px 0 0 !important;
    left: 0;
    box-shadow: 0 0 0 !important;
    transition: 0.5s;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    opacity: 0;
    margin: auto;
  }

  .btn-product-del:hover {
    background: #ca4141 !important;
  }

  .status_ready {
    background: #8bc34a !important;
    transition: 0.5s;
    color: #000;
  }

  .div_ready span {
    background: #ffffffb5;
    color: #707070;
    transition: 0.5s;
  }

  .div_ready img {
    /* Safari 6.0 - 9.0 */
    transition: 0.5s;
    opacity: 0.5;
  }

  .btn-product-chenge-status:hover,
  .btn-product-chenge-status:focus {
    background: #e0ac00;
    color: #fff;
  }

  .btn-product-del-show {
    z-index: 2 !important;
    opacity: 1;
    transition: 0.6s;
  }

  .btn-edit-order-hidden {
    opacity: 0;
    z-index: -2;
    display: none;
  }

  .editmizproductsok {
    background: #03a9f4 !important;
    color: #fff !important;
    transition: 0.6s;
    width: 32px;
    height: 32px;
    padding: 6px;
    font-size: 11px !important;
    margin-left: 6px;
    opacity: 0;
    z-index: -2;
    display: none;
    overflow: inherit !important;
  }

  .editmizproductsok i {
    display: block;
    height: 19px;
  }

  .editmizproductsok i:before {
    position: absolute;
    content: '';
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    top: -1px;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }

  .editmizproductsokshow {
    opacity: 1;
    z-index: 2;
    display: block;
  }

  .h5-settings {
    background: #f0f0f0;
    background-image: linear-gradient(62deg, rgb(251, 171, 126) 0%, rgb(247 206 104) 100%);
    padding: 8px;
    border-radius: 5px;
    margin: auto;
    margin-bottom: 30px;
    padding-right: 17px;
    color: #fff;
  }

  .btn_exit_user_invoices {
    background: #FF5858 !important;
    color: #fff !important;
    transition: 0.6s;
    width: 102px;
    padding: 6px;
    font-size: 11px !important;
  }

  .target {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 2vw;
  }

  .target-light {
    left: 0;
  }

  .target-dark {
    right: 0;
  }

  /* 
    .right-click {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
      pointer-events: none;
      padding: 2vw;
      border-radius: 1vw;
      font-size: 2.4vw;
      background-color: #fff;
    }
  
    .contextMenu {
      --menu-border: rgba(255, 255, 255, 0.08);
      --menu-bg: linear-gradient(
        45deg,
        rgba(10, 20, 28, 0.2) 0%,
        rgba(10, 20, 28, 0.7) 100%
      );
      --item-border: rgba(255, 255, 255, 0.1);
      --item-color: #fff;
      --item-bg-hover: rgba(255, 255, 255, 0.1);
      height: 0;
      overflow: hidden;
      background: var(--menu-bg);
      -webkit-backdrop-filter: blur(5px);
              backdrop-filter: blur(5px);
      position: fixed;
      top: var(--top);
      left: var(--left);
      -webkit-animation: menuAnimation 0.4s 0s both;
              animation: menuAnimation 0.4s 0s both;
      transform-origin: left;
      list-style: none;
      margin: 4px;
      padding: 0;
      display: flex;
      flex-direction: column;
      z-index: 999999999;
      box-shadow: 0 0 0 1px var(--menu-border), 0 2px 2px rgba(0, 0, 0, 0.03), 0 4px 4px rgba(0, 0, 0, 0.04), 0 10px 8px rgba(0, 0, 0, 0.05), 0 15px 15px rgba(0, 0, 0, 0.06), 0 30px 30px rgba(0, 0, 0, 0.07), 0 70px 65px rgba(0, 0, 0, 0.09);
    }
    .contextMenu-item {
      padding: 4px;
    }
    .contextMenu-item[data-divider=top] {
      border-top: 1px solid;
    }
    .contextMenu-item[data-divider=bottom] {
      border-bottom: 1px solid;
    }
    .contextMenu-item[data-divider=top-bottom] {
      border-top: 1px solid;
      border-bottom: 1px solid;
    }
    .contextMenu-item[data-divider] {
      border-color: var(--item-border);
    }
    .contextMenu-button {
      color: var(--item-color);
      background: 0;
      border: 0;
      white-space: nowrap;
      width: 100%;
      border-radius: 4px;
      padding: 6px 24px 6px 7px;
      text-align: left;
      display: flex;
      align-items: center;
      font-size: 14px;
      width: 100%;
      -webkit-animation: menuItemAnimation 0.2s 0s both;
              animation: menuItemAnimation 0.2s 0s both;
      font-family: "Inter", sans-serif;
      cursor: pointer;
    }
    .contextMenu-button:hover {
      background-color: var(--item-bg-hover);
    }
    .contextMenu[data-theme=light] {
      --menu-bg: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.45) 0%,
        rgba(255, 255, 255, 0.85) 100%
      );
      --menu-border: rgba(0, 0, 0, 0.08);
      --item-border: rgba(0, 0, 0, 0.1);
      --item-color: rgb(10, 20, 28);
      --item-bg-hover: rgba(10, 20, 28, 0.09);
    }
  
  
  
  
    */
  /* The whole thing */
  .custom-menu {
    display: none;
    z-index: 1000;
    width: 135px;
    position: absolute;
    overflow: hidden;
    border: .5px solid #CCC;
    white-space: nowrap;
    font-family: yekan, "Roboto", sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
    /* transform: translate(-50%, -50%); */
    --menu-bg: linear-gradient(45deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.85) 100%);
    --menu-border: rgb(0 0 0 / 0%);
    --item-border: rgba(0, 0, 0, 0.1);
    --item-color: rgb(10, 20, 28);
    --item-bg-hover: rgba(10, 20, 28, 0.09);
    height: 0;
    overflow: hidden;
    background: var(--menu-bg);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    position: absolute;
    top: var(--top);
    left: 0;
    -webkit-animation: menuAnimation 0s 0s both;
    animation: menuAnimation 0.6s 0s both;
    transform-origin: left;
    flex-direction: column;
    z-index: 999999999;
    direction: rtl;
    box-shadow: 0 0 0 1px var(--menu-border), 0 2px 2px rgba(0, 0, 0, 0.03), 0 4px 4px rgba(0, 0, 0, 0.04), 0 10px 8px rgba(0, 0, 0, 0.05), 0 15px 15px rgba(0, 0, 0, 0.06), 0 30px 30px rgba(0, 0, 0, 0.07), 0 70px 65px rgba(0, 0, 0, 0.09);
    z-index: 9999999;
  }

  /* Each of the items in the list */
  .custom-menu li {
    color: var(--item-color);
    background: 0;
    border: 0;
    white-space: nowrap;
    width: 100%;
    border-radius: 4px;
    padding: 10px 41px 10px 7px;
    text-align: right;
    display: flex;
    align-items: center;
    text-align: right;
    font-size: 14px;
    border-bottom: 1px solid #Eee;
    width: 100%;
    -webkit-animation: menuItemAnimation 0.2s 0s both;
    animation: menuItemAnimation 0.2s 0s both;
    font-size: 12px;
    cursor: pointer;
  }

  .custom-menu li:hover {
    background-color: #e9e9e975;
  }

  @-webkit-keyframes menuAnimation {
    0% {
      opacity: 0;
      transform: scale(0.5);
    }

    100% {
      height: var(--height);
      opacity: 1;
      border-radius: 8px;
      transform: scale(1);
    }
  }

  @keyframes menuAnimation {
    0% {
      opacity: 0;
      transform: scale(0.5);
    }

    100% {
      height: var(--height);
      opacity: 1;
      border-radius: 8px;
      transform: scale(1);
    }
  }

  @-webkit-keyframes menuItemAnimation {
    0% {
      opacity: 0;
      transform: translateX(0px);
    }

    100% {
      opacity: 1;
      transform: translateX(0px);
    }
  }

  @keyframes menuItemAnimation {
    0% {
      opacity: 0;
      transform: translateX(90px);
    }

    100% {
      opacity: 1;
      transform: translateX(0px);
    }
  }

  .well-custom-sales {
    width: 100%;
  }

  .wel-new-day {
    width: 100% !important;
    margin-top: 0 !important;
    height: 100%;
  }

  .wel-new-day .modal-content {
    height: 100%;
    border-radius: 0;
  }

  .wel-new-day h1 {
    text-align: center;
    font-weight: 500 !important;
    font-size: 20px !important;
  }

  .wel-new-day #back-wel img {
    width: 100%;
    max-width: 500px;
    margin: auto;
    display: block;
  }

  .wel-new-day p {
    text-align: center;
    direction: rtl;
  }

  :root {
    /* subtle color palette */
    --black-1a: hsl(0, 0%, 0%, 0.3);
    /* basic color palette */
    --white-1: hsl(0, 0%, 100%);
    --black-1: hsl(0, 0%, 0%);
    /* fonts */
    --ft-fy-fallback-1: sans-serif;
    --ft-fy-1: "Poppins", var(--ft-fy-fallback-1);
    --ft-se-400: 1.05rem;
    /* spaces */
    --space-400: 2em;
  }

  .progress-bar {
    width: calc(100% - var(--space-400));
    border: 0px transparent !IMPORTANT;
    border-radius: 50vw;
    position: relative;
    overflow: hidden;
    max-width: 400px;
    margin: auto;
    display: block;
    float: none;
    margin-top: -60px;
    margin-bottom: 20px;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 0%);
  }

  .progress-bar__text {
    padding-block: 0.5em;
    text-align: center;
    color: #676060;
    position: relative;
    z-index: 9;
    box-shadow: inset 0 -1px 11px 0px rgb(0 0 0 / 13%);
    font-size: 13px;
  }

  .progress-bar__status-bar {
    --status: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    height: 100%;
    /* z-index: -300; */
    background-color: #ffc749;
  }

  .btn-show-products-sales,
  .btn-show-products-sales:hover,
  .btn-show-products-sales:focus {
    background-color: #8bc34a;
    border-radius: 11px;
    box-shadow: 1px 1px 45px 0px #8bc34a6e;
    /* position: relative; */
    /* bottom: 10px; */
    color: #ffff;
    text-decoration: none;
    padding: 9px 14px;
    /* margin-top: 21px; */
    /* margin-bottom: 0px; */
    font-size: 12px !important;
  }

  .well-custom-sales .well {
    box-shadow: 0 0 0 #fff;
    background: transparent;
  }

  .custom-icon-refresh {
    background-image: url(../icons/refresh.svg?v=2);
    position: absolute;
    width: 26px;
    height: 28px;
    display: block;
    background-repeat: no-repeat;
    right: 7px;
  }

  .custom-icon-new-order {
    background-image: url(../icons/new-order.svg);
    position: absolute;
    width: 26px;
    height: 28px;
    background-size: 21px;
    display: block;
    background-repeat: no-repeat;
    right: 5px;
    top: 7px;
  }

  .custom-icon-setting {
    background-image: url(../icons/setting.svg);
    position: absolute;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: 7px;
    top: 6px;
  }

  .custom-icon-game {
    background-image: url(../icons/game.svg);
    position: absolute;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: 7px;
    top: 6px;
  }

  .img-text-wel {
    width: 252px;
    margin: auto;
    display: block;
  }

  .ayha-icons.ayha-home-icon {
    background-image: url(../icons/home-icon.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-home-white {
    background-image: url(../icons/home-icon-white.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .sidebar.minimal-sidbar .menu .list li a i {
    margin-left: 0px;
    right: 0;
  }

  .ayha-icons.ayha-home-icon.active {
    background-image: url(../icons/home-icon-active.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-users {
    background-image: url(../icons/users.svg?v=1);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-users.active {
    background-image: url(../icons/users-active.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-admins {
    background-image: url(../icons/admins.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-admins.active {
    background-image: url(../icons/admins-active.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-employees {
    background-image: url(../icons/employees.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-employees.active {
    background-image: url(../icons/employees-active.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-seals {
    background-image: url(../icons/sals.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-seals.active {
    background-image: url(../icons/sals-active.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 21px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-products {
    background-image: url(../icons/products.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-products.active {
    background-image: url(../icons/products-active.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 21px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-sms {
    background-image: url(../icons/sms.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }



  .ayha-icons.ayha-print-empty-store {
    background-image: url(../icons/Printerblack.svg);
    fill: #eee;
    position: relative;
    width: 24px;
    height: 22px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .store-empty .sun-icon i.ayha-print-empty-store {
    position: absolute;
    right: 41px;
    top: 13px;
    cursor: pointer;
  }

  .store-empty .sun-icon i.ayha-print-empty-store:before {
    left: 11px;
    bottom: 29px;
  }

  .store-empty .sun-icon i.ayha-print-empty-store:after {
    left: 12px;
    bottom: 34px;
    font-style: normal;
    font-size: 11px;
  }

  .ayha-icons.ayha-sms.active {
    background-image: url(../icons/sms-active.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 21px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-store {
    background-image: url(../icons/store.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }



  .ayha-icons.ayha-store.active {
    background-image: url(../icons/store-active.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 21px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-orderlist {
    background-image: url(../icons/orderlist.svg?v=1);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-orderlist.active {
    background-image: url(../icons/orderlist-active.svg?v=1);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 21px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-sandog {
    background-image: url(../icons/sandog.svg?v=1);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-sandog.active {
    background-image: url(../icons/sandog-active.svg?v=1);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 21px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-invoices {
    background-image: url(../icons/invoices.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-invoices.active {
    background-image: url(../icons/invoices-active.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 21px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-setting {
    background-image: url(../icons/setting.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-setting.active {
    background-image: url(../icons/setting-active.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 21px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.bamalia {
    background-image: url(../icons/bamalia.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.bamalia.active {
    background-image: url(../icons/bamalia.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 21px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-pages {
    background-image: url(../icons/pages.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-pages.active {
    background-image: url(../icons/pages-active.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 21px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-comments {
    background-image: url(../icons/comments.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-comments.active {
    background-image: url(../icons/comments-active.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-position: center;
    background-size: 103px;
    background-repeat: no-repeat;
    right: -5px;
    top: 4px;
  }

  .ayha-icons.ayha-reserved {
    background-image: url(../icons/reserved.svg?v=1);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-reserved.active {
    background-image: url(../icons/reserved-active.svg?v=1);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 21px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-desk {
    background-image: url(../icons/desk.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 23px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-desk.active {
    background-image: url(../icons/desk-active.svg);
    fill: #eee;
    position: relative;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 21px;
    background-repeat: no-repeat;
    right: -5px;
    top: 6px;
  }

  .ayha-icons.ayha-show {
    background-image: url(../icons/show.svg);
    fill: #eee;
    position: absolute !important;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 3px;
    background-repeat: no-repeat;
    right: -11px;
    top: 8px !important;
  }

  .ayha-icons.ayha-user-add {
    background-image: url(../icons/user-add.svg);
    fill: #eee;
    position: absolute !important;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 17px;
    background-repeat: no-repeat;
    right: 1px;
    top: 6px !important;
  }

  .info-reserved textarea {
    box-shadow: -2px 2px 40px rgb(0 0 0 / 10%);
    border: 0;
    margin-top: 10px;
  }

  .info-reserved .price_info {
    background: #ffffff;
    box-shadow: -2px 2px 40px rgb(0 0 0 / 10%);
    border-radius: 5px;
    padding: 9px;
    text-align: center;
    margin-top: 10px;
  }

  .info-reserved .price_info p {
    margin: 0;
    display: inline;
    color: #13D81B;
  }

  .info-reserved .btn-chenge-price-reserved {
    background: #FFCB1F;
    padding-right: inherit;
    font-size: 12px !important;
    margin-top: 17px;
    padding: 9px 42px;
  }

  .info-reserved .btn-del-reserved {
    background: #ff5858;
    width: 45px;
    height: 36px;
    margin-top: 17px;
    float: left;
  }

  .info-reserved .btn-del-reserved i {
    background-image: url(../icons/trash.svg);
    fill: #eee;
    position: absolute !important;
    width: 26px;
    height: 28px;
    display: block;
    background-size: 18px;
    background-repeat: no-repeat;
    right: 6px;
    top: 7px !important;
  }

  .p-5 {
    padding: 10px;
  }

  .well-custom-new-reserved {
    padding: 18px;
    background: #fff;
    box-shadow: -2px 2px 40px rgb(0 0 0 / 10%);
    margin-bottom: 20px;
  }

  .well-custom-new-reserved label {
    font-size: 12px;
  }

  .well-custom-new-reserved .btn-add-reserved-list {
    width: 100%;
    background-color: #8bc34a;
    border-radius: 11px;
    box-shadow: 1px 1px 45px 0px #8bc34a6e;
    color: #fff;
    padding-right: inherit;
  }

  .well-custom-new-reserved .btn-cancel-reserved-list {
    width: 100%;
    background-color: #ff5858;
    border-radius: 11px;
    box-shadow: 1px 1px 45px 0px #8bc34a6e;
    color: #fff;
    margin-top: 10px;
    padding-right: inherit;
  }

  .modal-custom-game.in {
    display: inline-table !important;
  }

  .modal-custom-game .modal-header {
    cursor: move;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    /* background: #7373735c; */
  }

  .modal-custom-game .modal-content {
    background: var(--menu-bg);
    background-color: transparent;
    --menu-bg: linear-gradient(45deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.85) 100%);
    /* --menu-border:
      rgb(0 0 0 / 0%); */
    /* --item-border:
      rgba(0, 0, 0, 0.1); */
    /* --item-color:
      rgb(10, 20, 28); */
    /* --item-bg-hover:
      rgba(10, 20, 28, 0.09); */
    background: var(--menu-bg);
    border: 2px solid #eee;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  .modal-custom-game .close {
    float: left;
    background: #fd5757;
    opacity: 1;
    color: #fff;
    width: 25px;
    height: 25px;
    text-shadow: 0 0px 0 #fff0;
    border-radius: 5px;
    position: relative;
    top: auto;
    right: auto;
    font-size: initial;
    font-weight: 100;
  }

  .stand-menu .input-hidden {
    position: absolute;
    left: -9999px;
  }

  .stand-menu input[type=radio]:checked+label>img {
    border: 2px solid #8bc34a;
    -webkit-filter: grayscale(0);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
  }

  /* Stuff after this is only to make things more pretty */
  .stand-menu input[type=radio]+label>img {
    width: 150px;
    transition: 500ms all;
    border: 2px solid #8bc34a00;
    border-radius: 6px;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
  }

  .stand-menu [type="radio"]:checked+label:before {
    border: 0px solid transparent;
  }

  .stand-menu [type="radio"]:checked+label:after {
    border: 0px solid transparent;
    background: transparent;
  }

  .user_image .btn_el_finder_hidden {
    margin: auto;
    display: block;
    margin-bottom: 10px;
  }

  .expiration_date .modal-body {
    padding: 15px !important;
    padding-top: 0 !important;
  }

  .expiration_date p {
    margin-top: 20px;
    line-height: 28px;
  }

  .expiration_date .icon {
    display: flex;
  }

  .expiration_date .icon h1 {
    font-size: 19px;
    color: #f82d25;
    padding-top: 17px;
    margin-right: -8px;
  }

  .expiration_date .icon i {
    background-image: url(../icons/empty-store.svg);
    position: relative;
    width: 100%;
    max-width: 81px;
    height: 85px;
    display: block;
    background-repeat: no-repeat;
    right: -10px;
  }

  .admin-leftsidebar-btn {
    background: #fff;
    border: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 100px;
    border-radius: 0 40px 40px 0;
    transition: 0.3s;
    box-shadow: inset -2px 0px 4px #d2d2d2;
  }

  .sidebar.minimal-sidbar .admin-leftsidebar-btn {
    top: 109px;
  }

  .sidebar.minimal-sidbar .admin-leftsidebar-btn i {
    rotate: 0deg;
    right: -2px;
  }

  .sidebar .admin-leftsidebar-btn i {
    background-image: url(../icons/arrow-sidbar.svg);
    position: absolute;
    width: 19px;
    height: 19px;
    top: 0;
    bottom: 0;
    right: 9px;
    left: 0;
    margin: auto;
    rotate: 180deg;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.3s;
  }

  section.content.minimal-sidbar {
    margin: 25px 106px 0 15px;
  }

  .sidebar.minimal-sidbar {
    width: 90px;
  }

  .price_dongi {
    border-radius: 7px;
    /* box-shadow: 0px 0px 20px 0px #50505029; */
    padding-left: 0;
    border-color: #ffffff;
    font-size: 12px;
    height: 34px;
    padding: 0 !important;
    line-height: 10.428571;
    color: #555;
    background-color: #fff0;
    background-image: none;
    border: 1px solid #fff0;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-right: 10px;
    margin-left: 10px;
    width: 71px;
    text-align: left;
  }

  .btn_empty_price_dongi,
  .btn_empty_price_dongi:hover,
  .btn_empty_price_dongi:focus {
    position: relative;
    background: #ff5858;
    height: 28px;
    width: 72px !important;
    padding: 0;
    color: #ffffff;
    border-radius: 7px !important;
    margin-right: 11px;
  }

  .p_empty_price_dongi {
    position: relative;
    display: flex;
    align-content: flex-end;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 19px;
    margin-right: 15px;
    display: none;
  }

  /* START TOOLTIP STYLES */
  [tooltip] {
    position: relative;
    /* opinion 1 */
  }

  /* Applies to all tooltips */
  [tooltip]::before,
  [tooltip]::after {
    text-transform: none;
    /* opinion 2 */
    font-size: .9em;
    /* opinion 3 */
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
  }

  [tooltip]::before {
    content: '';
    border: 5px solid transparent;
    /* opinion 4 */
    z-index: 1001;
    /* absurdity 1 */
  }

  [tooltip]::after {
    content: attr(tooltip);
    /* magic! */
    /* most of the rest of this is opinion */
    font-family: Helvetica, sans-serif;
    text-align: center;
    /* 
        Let the content set the size of the tooltips 
        but this will also keep them from being obnoxious
        */
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
    background: #333;
    color: #fff;
    z-index: 1000;
    /* absurdity 2 */
  }

  /* Make the tooltips respond to hover */
  [tooltip]:hover::before,
  [tooltip]:hover::after {
    display: block;
    font-family: inherit;
  }

  /* don't show empty tooltips */
  [tooltip='']::before,
  [tooltip='']::after {
    display: none !important;
  }

  /* FLOW: UP */
  [tooltip]:not([flow])::before,
  [tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333;
  }

  [tooltip]:not([flow])::after,
  [tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
  }

  [tooltip]:not([flow])::before,
  [tooltip]:not([flow])::after,
  [tooltip][flow^="up"]::before,
  [tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
  }

  /* FLOW: DOWN */
  [tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #333;
  }

  [tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
  }

  [tooltip][flow^="down"]::before,
  [tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
  }

  /* FLOW: LEFT */
  [tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
  }

  [tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
  }

  /* FLOW: RIGHT */
  [tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
  }

  [tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
  }

  /* KEYFRAMES */
  @keyframes tooltips-vert {
    to {
      opacity: .9;
      transform: translate(-50%, 0);
    }
  }

  @keyframes tooltips-horz {
    to {
      opacity: .9;
      transform: translate(0, -50%);
    }
  }

  /* FX All The Things */
  [tooltip]:not([flow]):hover::before,
  [tooltip]:not([flow]):hover::after,
  [tooltip][flow^="up"]:hover::before,
  [tooltip][flow^="up"]:hover::after,
  [tooltip][flow^="down"]:hover::before,
  [tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
  }

  [tooltip][flow^="left"]:hover::before,
  [tooltip][flow^="left"]:hover::after,
  [tooltip][flow^="right"]:hover::before,
  [tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
  }

  .el-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    width: 330px;
    padding: 14px 26px 14px 13px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #4caf50;
    position: relative;
    background-color: #4caf50;
    -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 20px 0 #4caf50e8;
    -webkit-transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    flex-direction: column;
    text-align: right;
    --menu-bg: linear-gradient(45deg, #4caf50a8 0%, #4caf50e3 100%);
    --menu-border: rgb(0 0 0 / 0%);
    --item-border: rgba(0, 0, 0, 0.1);
    --item-color: rgb(10, 20, 28);
    --item-bg-hover: rgba(10, 20, 28, 0.09);
    /* height: 0; */
    /* overflow: hidden; */
    background: var(--menu-bg);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 9;
    margin-bottom: 10px;
    flex-wrap: wrap;
    align-content: space-around;
  }

  .btn-old-notfications {
    display: flex;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 190px;
    font-size: 12px;
    height: 50px;
    padding: 16px 49px 18px 13px;
    border-radius: 53px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #4caf50;
    position: fixed;
    left: -142px;
    z-index: 999999;
    top: 25%;
    bottom: 0;
    background-color: #4caf50;
    -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 20px 0 #4caf50e8;
    -webkit-transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    /* overflow: hidden; */
    flex-direction: row;
    text-align: right;
    --menu-bg: linear-gradient(45deg, #4caf50a8 0%, #4caf50e3 100%);
    --menu-border: rgb(0 0 0 / 0%);
    --item-border: rgba(0, 0, 0, 0.1);
    --item-color: rgb(10, 20, 28);
    --item-bg-hover: rgba(10, 20, 28, 0.09);
    /* height: 0; */
    /* overflow: hidden; */
    background: var(--menu-bg);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: #ffff;
  }

  .btn-old-notfications span {
    position: absolute;
    right: -2px;
    top: 4px;
    height: 19px;
    background: #f8443d;
    color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 15px;
    border-radius: 70px;
    top: -10px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
  }

  .btn-old-notfications i {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
  }

  .btn-old-notfications i:before {
    content: "";
    display: block;
    top: -6px;
    left: 148px;
    position: absolute;
    background-color: #4caf50;
    width: 30px;
    height: 31px;
    border-radius: 50%;
    -webkit-animation: live 2s ease-in-out infinite;
    animation: live 2s ease-in-out infinite;
    z-index: 0;
  }

  .btn-voice-text:before {
    content: '';
    background-image: url(../icons/user-voice-text.svg) !important;
    right: 5px !important;
    top: 8px !important;
    background-size: 33px !important;
  }

  .btn-old-notfications:before {
    content: '';
    background-image: url(../icons/order.svg);
    width: 59px;
    height: 42px;
    background-size: 100% 100%;
    position: absolute;
    right: 0px;
    z-index: 9;
    top: 11px;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position-x: 23px;
    border-radius: 60px;
  }

  .miz_invoices {
    box-shadow: 0px 0px 26px 2px #e91e6359 !important;
    border: 3px solid #e91e63;
  }

  .btn-old-notfications:hover {
    left: -25px;
  }

  .el-notification.right {
    right: 16px
  }

  #toasts {
    position: fixed;
    left: 14px;
    top: 85px;
    z-index: 99;
    display: flex;
    flex-direction: column;
  }

  .el-notification.left {
    left: 16px;
  }

  .el-notification-group {
    margin-left: 13px
  }

  .el-notification-title {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    margin: 0;
    cursor: pointer;
  }

  .old-notfications-t {
    background: linear-gradient(90deg, #a3cde3 10%, #4caf5000 57%) !important;
  }

  .btn-close-alrms-single {
    background: #1e741fa8 !important;
    width: 30px !important;
    border-radius: 19px !important;
    height: 30px;
    top: 8px !important;
    right: 8px !important;
  }

  .btn-close-alrms-single i {
    background-image: url(../icons/trashorder.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 13px;
    top: 6px !important;
    right: -2.5px;
  }

  .btn-close-notficationinvocices {
    background: #fff;
    width: 30px !important;
    border-radius: 19px !important;
    height: 30px;
    top: 8px !important;
    right: 8px !important;
  }

  .btn-close-notficationinvocices i {
    background-image: url(../icons/trashred.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 13px;
    top: 6px !important;
    right: -2.5px;
  }

  .old-notfications-t .el-notification-group {
    margin: 0;
  }

  .el-notification-content {
    font-size: 14px;
    line-height: 21px;
    margin: 6px 0 0;
    color: #233623;
    text-align: justify;
    cursor: pointer;
  }

  .el-notification-title:hover,
  .el-notification-content:hover {
    color: #428bca;
  }

  .el-notification-content p {
    margin: 0
  }

  .el-notification-icon {
    height: 24px;
    width: 24px;
    font-size: 24px
  }

  .el-notification-close-btn {
    position: absolute;
    top: 18px;
    right: 15px;
    cursor: pointer;
    color: #909399;
    font-size: 16px
  }

  .el-notification-close-btn:hover {
    color: #606266
  }

  .el-notification .el-icon-success {
    color: #67c23a
  }

  .el-notification .el-icon-error {
    color: #f56c6c
  }

  .el-notification .el-icon-info {
    color: #909399
  }

  .el-notification .el-icon-warning {
    color: #e6a23c
  }

  .el-notification-fade-enter.right {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  .el-notification-fade-enter.left {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  .el-notification-fade-leave-active {
    opacity: 0
  }

  .el-default-close-btn,
  .el-default-close-btn:hover {
    display: block;
    width: 81px;
    height: 29px;
    overflow: hidden;
    background: #4d974e;
    color: #ffffff;
    font-size: 13px;
    padding: 5px 8px;
    text-align: center;
    position: absolute;
    top: 4px;
    right: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 16%), 0 2px 20px rgb(0 0 0 / 12%);
    float: none;
    opacity: 1;
    line-height: inherit;
    text-shadow: 0 0px 0 #fff;
  }

  .el-notification-silent-btn,
  .el-notification-silent-btn:hover {
    display: block;
    width: 81px;
    height: 29px;
    background: #ffc107;
    color: #ffffff;
    font-size: 13px;
    padding: 5px 8px;
    text-align: center;
    position: absolute;
    top: 38px;
    right: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 16%), 0 2px 20px rgb(0 0 0 / 12%);
    float: none;
    opacity: 1;
    line-height: inherit;
    text-shadow: 0 0px 0 #fff;
    cursor: no-drop;
  }

  .el-default-close-btn:before,
  .el-default-close-btn:after {
    display: none;
  }

  .el-default-close-btn:hover::before,
  .el-default-close-btn:hover::after {
    background: #428bca;
  }

  .el-default-close-btn::before,
  .el-default-close-btn::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #000;
  }

  .el-default-close-btn::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .el-default-close-btn::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .alarm-time {
    position: absolute;
    left: 8px;
    top: 7px;
    color: #ffffff;
    font-size: 14px;
  }

  .alarm-time i.voice-text-not-read {
    position: relative;
    left: 25px;
    top: -8px;
  }

  .alarm-time i.voice-text-not-read:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: calc(50% - 5px);
    background-color: #fff9db;
    width: 10px;
    height: 10px;
    margin-left: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    z-index: 1;
    top: 13px;
    left: -7px;
  }

  .alarm-time i.voice-text-not-read:before {
    content: "";
    display: block;
    top: 13px;
    left: 13px;
    position: absolute;
    background-color: #ffffff80;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-animation: live 2s ease-in-out infinite;
    animation: live 2s ease-in-out infinite;
    z-index: 2;
  }

  .alert-allow-sound {
    box-shadow: -2px 2px 40px rgb(0 0 0 / 10%);
    color: #525151 !important;
    text-align: center;
    position: fixed;
    width: 400px;
    height: 200px;
    background: #fff;
    z-index: 999999;
    margin: auto;
    display: block;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
  }

  .loading-ios {
    background-image: url(../icons/loading.gif) !important;
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat !important;
    background-size: 27px !important;
    background-position-x: 3px !important;
    background-position-y: 3px !important;
    background-color: #ffffff !important;
    box-shadow: 0px 0px 0 0px rgb(0 0 0 / 16%), 0 2px 10px #ff585800 !important;
  }

  .loading-ios i {
    opacity: 0;
  }

  .frmSearch {
    margin-right: 20px;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
  }

  .frmSearch label {
    margin-top: 12px;
    font-size: 13px;
    color: #141414;
  }

  .frmSearch input {
    background-color: #FCFCFC;
    margin-top: 0px;
    padding: 9px 13px;
    box-shadow: -2px 2px 40px rgb(0 0 0 / 10%);
    border-radius: 11px;
    font-size: 12px;
    border: 1px solid #eee;
    width: 100%;
  }

  .frmSearch i {
    width: 24px;
    height: 20px;
    position: absolute;
    left: 4px;
    bottom: 7px;
    background-size: 86% !important;
  }

  .startdate_endtdate {
    margin-top: 22px;
    width: 100%;
  }

  .startdate_endtdate form #chart_filter_options {
    width: 100%;
    display: flow-root;
  }

  .startdate_endtdate .btn-filter-chart-sales,
  .startdate_endtdate .btn-filter-chart-sales:hover,
  .startdate_endtdate .btn-filter-chart-sales:focus {
    background-color: #03a9f4;
    border-radius: 11px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    position: relative;
    bottom: 10px;
    color: #ffff;
    text-decoration: none;
    padding: 9px 14px;
    margin-top: 39px;
    margin-bottom: 0px;
    font-size: 12px !important;
  }

  .btn.btn-filter-chart-sales-reload,
  .btn.btn-filter-chart-sales-reload:hover,
  .btn.btn-filter-chart-sales-reload:focus {
    background-color: #8bc34a;
    border-radius: 11px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    position: relative;
    bottom: 3px;
    color: #ffff;
    text-decoration: none;
    padding: 9px 42px 9px 9px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 12px !important;
  }

  .startdate_endtdate .btn-filter-chart-sales-reload,
  .startdate_endtdate .btn-filter-chart-sales-reload:hover,
  .startdate_endtdate .btn-filter-chart-sales-reload:focus {
    background-color: #8bc34a;
    border-radius: 11px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    position: relative;
    bottom: 10px;
    color: #ffff;
    text-decoration: none;
    padding: 9px 42px 9px 9px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 12px !important;
  }

  .startdate_endtdate .btn-filter-chart-sales-reload i {
    background-image: url(../icons/refresh-white.svg);
    position: absolute !important;
    width: 26px;
    height: 28px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    right: 7px;
    top: 7px !important;
  }

  .price-sood {
    background: linear-gradient(32deg, #005eae -60%, #0099e6 70%);
    padding: 27px;
    text-align: center;
    position: relative;
    border-radius: 6px;
    color: #fff;
    padding-top: 11px;
    padding-bottom: 42px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    margin-bottom: 10px;
  }

  .price-sood p.title {
    display: block;
    text-align: right;
    padding-right: 48px;
    margin: 0;
    font-size: 13px;
  }

  .price-sood p.price {
    margin: 0;
    text-align: left;
    background: #00000033;
    padding: 5px 10px;
    position: absolute;
    left: 0;
    border-radius: 0px 16px 16px 0;
    box-shadow: 0px -1px 0px #ffffffad inset;
    font-size: 13px;
    bottom: 7px;
  }

  .price-sood i {
    width: 60px;
    height: 60px;
    background: #21212138;
    position: absolute;
    right: 6px;
    top: 5px;
    border-radius: 33px;
    border: 0.5px solid #ffffff52;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
  }

  .price-sood i:before {
    content: '';
    background-image: url(../icons/price-sood.png?v=1);
    position: absolute !important;
    width: 40px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    right: 8px;
    top: 8px !important;
  }

  .price-gardesh {
    background: linear-gradient(32deg, #610095 -60%, #9600ce 70%);
    padding: 27px;
    text-align: center;
    position: relative;
    border-radius: 6px;
    color: #fff;
    padding-top: 11px;
    padding-bottom: 42px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    margin-bottom: 10px px;
  }

  .price-gardesh p.title {
    display: block;
    text-align: right;
    padding-right: 48px;
    margin: 0;
    font-size: 13px;
  }

  .price-gardesh p.price {
    margin: 0;
    text-align: left;
    background: #00000045;
    padding: 5px 10px;
    position: absolute;
    left: 0;
    border-radius: 0px 16px 16px 0;
    box-shadow: 0px -1px 0px #ffffffa1 inset;
    font-size: 13px;
    bottom: 7px;
  }

  .price-gardesh i {
    width: 60px;
    height: 60px;
    background: #21212138;
    position: absolute;
    right: 6px;
    top: 5px;
    border-radius: 33px;
    border: 0.5px solid #ffffff52;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
  }

  .price-gardesh i:before {
    content: '';
    background-image: url(../icons/price-gardesh.png?v=1);
    position: absolute !important;
    width: 36px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    right: 11px;
    top: 11px !important;
  }

  .price-get-card.card-name-and-price {
    background: #eceded;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 15px;
    border-radius: 15px;
    box-shadow: 0 0 0;
  }

  .price-get-card.card-name-and-price .title {
    padding-right: 0;
    width: 100%;
    text-align: center;
    color: #444444;
    border-bottom: 1px solid #b4b4b47a;
    padding-bottom: 10px;
    font-weight: 500;
    font-family: 'IRANSansNum';
  }

  .price-get-card.card-name-and-price .price {
    background: transparent;
    color: #3e5722;
    text-align: center;
    right: 0;
    box-shadow: 0 0 0;
    font-weight: 400;
    font-family: 'IRANSansNum';
  }

  .price-get-card {
    background: linear-gradient(32deg, #8dba67 -60%, #5aa502 70%);
    padding: 27px;
    text-align: center;
    position: relative;
    border-radius: 6px;
    color: #fff;
    padding-top: 11px;
    padding-bottom: 42px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    margin-bottom: 10px;
  }

  .price-get-card p.title {
    display: block;
    text-align: right;
    padding-right: 48px;
    margin: 0;
    font-size: 13px;
  }

  .price-get-card p.price {
    margin: 0;
    text-align: left;
    background: #00000057;
    padding: 5px 10px;
    position: absolute;
    left: 0;
    border-radius: 0px 16px 16px 0;
    box-shadow: 0px -1px 0px #ffffffcf inset;
    font-size: 13px;
    bottom: 7px;
  }

  .price-get-card i {
    width: 60px;
    height: 60px;
    background: #21212138;
    position: absolute;
    right: 6px;
    top: 5px;
    border-radius: 33px;
    border: 0.5px solid #ffffff52;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
  }

  .price-get-card i:before {
    content: '';
    background-image: url(../icons/pos-terminal.png);
    position: absolute !important;
    width: 36px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    right: 11px;
    top: 11px !important;
  }

  .price-get-nagd {
    background: linear-gradient(32deg, #af8300 -60%, #ffbf00 70%);
    padding: 27px;
    text-align: center;
    position: relative;
    border-radius: 6px;
    color: #fff;
    padding-top: 11px;
    padding-bottom: 42px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    margin-bottom: 10px;
  }

  .price-get-nagd p.title {
    display: block;
    text-align: right;
    padding-right: 48px;
    margin: 0;
    font-size: 13px;
  }

  .price-get-nagd p.price {
    margin: 0;
    text-align: left;
    background: #00000047;
    padding: 5px 10px;
    position: absolute;
    left: 0;
    border-radius: 0px 16px 16px 0;
    box-shadow: 0px -1px 0px #ffffffd9 inset;
    font-size: 13px;
    bottom: 7px;
  }

  .price-get-nagd i {
    width: 60px;
    height: 60px;
    background: #21212138;
    position: absolute;
    right: 6px;
    top: 5px;
    border-radius: 33px;
    border: 0.5px solid #ffffff52;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
  }

  .price-get-nagd i:before {
    content: '';
    background-image: url(../icons/money-bag.png);
    position: absolute !important;
    width: 36px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    right: 11px;
    top: 11px !important;
  }

  .Collection-of-expenses {
    background: linear-gradient(32deg, #AC0056 -60%, #D30041 70%);
    padding: 27px;
    text-align: center;
    position: relative;
    border-radius: 6px;
    color: #fff;
    padding-top: 11px;
    padding-bottom: 42px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    margin-bottom: 10px;
  }

  .Collection-of-expenses p.title {
    display: block;
    text-align: right;
    padding-right: 48px;
    margin: 0;
    font-size: 13px;
  }

  .Collection-of-expenses p.price {
    margin: 0;
    text-align: left;
    background: #ac133a;
    padding: 5px 10px;
    position: absolute;
    left: 0;
    border-radius: 0px 16px 16px 0;
    box-shadow: 0px -1px 0px #ffffff3d inset;
  }

  .Collection-of-expenses i {
    width: 60px;
    height: 60px;
    background: #21212138;
    position: absolute;
    right: 6px;
    top: 5px;
    border-radius: 33px;
    border: 0.5px solid #ffffff52;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
  }

  .Collection-of-expenses i:before {
    content: '';
    background-image: url(../icons/hazina-ico.png);
    position: absolute !important;
    width: 36px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    right: 11px;
    top: 11px !important;
  }

  .variz-price {
    background: linear-gradient(32deg, #005DAC -60%, #00A2D3 70%);
    padding: 27px;
    text-align: center;
    position: relative;
    border-radius: 6px;
    color: #fff;
    padding-top: 11px;
    padding-bottom: 42px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    margin-bottom: 10px;
  }

  .variz-price p.title {
    display: block;
    text-align: right;
    padding-right: 48px;
    margin: 0;
    font-size: 13px;
  }

  .variz-price p.price {
    margin: 0;
    text-align: left;
    background: #1486ab;
    padding: 5px 10px;
    position: absolute;
    left: 0;
    border-radius: 0px 16px 16px 0;
    box-shadow: 0px -1px 0px #ffffff3d inset;
  }

  .variz-price i {
    width: 60px;
    height: 60px;
    background: #21212138;
    position: absolute;
    right: 6px;
    top: 5px;
    border-radius: 33px;
    border: 0.5px solid #ffffff52;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
  }

  .variz-price i:before {
    content: '';
    background-image: url(../icons/ico-1.png);
    position: absolute !important;
    width: 36px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-size: 23px;
    right: 5px;
    top: 11px !important;
  }

  .bardasht-price {
    background: linear-gradient(32deg, #7000AC -60%, #9A00D3 70%);
    padding: 27px;
    text-align: center;
    position: relative;
    border-radius: 6px;
    color: #fff;
    padding-top: 11px;
    padding-bottom: 42px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    margin-bottom: 10px;
  }

  .bardasht-price p.title {
    display: block;
    text-align: right;
    padding-right: 48px;
    margin: 0;
    font-size: 13px;
  }

  .bardasht-price p.price {
    margin: 0;
    text-align: left;
    background: #800fac;
    padding: 5px 10px;
    position: absolute;
    left: 0;
    border-radius: 0px 16px 16px 0;
    box-shadow: 0px -1px 0px #ffffff3d inset;
  }

  .bardasht-price i {
    width: 60px;
    height: 60px;
    background: #21212138;
    position: absolute;
    right: 6px;
    top: 5px;
    border-radius: 33px;
    border: 0.5px solid #ffffff52;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
  }

  .bardasht-price i:before {
    content: '';
    background-image: url(../icons/ico-2.png);
    position: absolute !important;
    width: 36px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-size: 27px;
    right: 8px;
    top: 11px !important;
  }

  .price-baha {
    background: linear-gradient(32deg, #a80054 -60%, #cb003f 70%);
    padding: 27px;
    text-align: center;
    position: relative;
    border-radius: 6px;
    color: #fff;
    padding-top: 11px;
    padding-bottom: 42px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    margin-bottom: 10px;
  }

  .price-baha p.title {
    display: block;
    text-align: right;
    padding-right: 48px;
    margin: 0;
    font-size: 13px;
  }

  .price-baha p.price {
    margin: 0;
    text-align: left;
    background: #00000057;
    padding: 5px 10px;
    position: absolute;
    left: 0;
    border-radius: 0px 16px 16px 0;
    box-shadow: 0px -1px 0px #ffffffb3 inset;
    font-size: 13px;
    bottom: 7px;
  }

  .price-baha i {
    width: 60px;
    height: 60px;
    background: #21212138;
    position: absolute;
    right: 6px;
    top: 5px;
    border-radius: 33px;
    border: 0.5px solid #ffffff52;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
  }

  .price-baha i:before {
    content: '';
    background-image: url(../icons/price-baha.png?v=1);
    position: absolute !important;
    width: 40px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    right: 10px;
    top: 9px !important;
  }

  .btn-dashboard,
  .btn-dashboard:hover,
  .btn-dashboard:focus {
    background: #13bfff;
    color: #fff;
    padding-right: 37px;
  }

  .btn-dashboard i {
    margin-right: 9px;
    background-size: 18px !important;
    right: -8px !important;
    top: 6px !important;
  }

  .btn-order-admin,
  .btn-order-admin:hover,
  .btn-order-admin:focus {
    background: #8BC34A;
    color: #fff;
    padding-right: 37px;
    margin-right: 5px;
  }

  .employees-login-logout,
  .employees-login-logout:hover,
  .employees-login-logout:focus {
    background: #7f7f7f;
    color: #fff;
    padding-right: 37px;
    margin-right: 5px;
  }

  .btn-remove-form-list {
    border: 0;
    background: #fd5757;
    color: #fff;
    text-decoration: none;
    padding: 5px 13px;
    border-radius: 4px;
    font-size: 12px;
    box-shadow: 0 0px 20px #f85c5669 !important;
  }

  .btn-edit-form-list {
    border: 0;
    background: #8bc34b;
    color: #fff;
    text-decoration: none;
    padding: 4px 9px;
    border-radius: 4px;
    font-size: 12px;
    box-shadow: 0 0px 20px #8bc34a66 !important;
  }

  .modal-invoices-price {
    font-size: 23px;
    position: absolute;
    left: 25px;
    top: 0;
    color: #4bab4e;
  }

  .modal-invoices-price.down {
    direction: ltr;
    color: #F44336;
  }

  .price-back-customer p,
  .price-back-customer-up p {
    font-size: 13px;
    line-height: 23px;
  }

  .price-back-customer-ziro p {
    font-size: 13px;
    line-height: 23px;
  }

  h2 span.customer-name-log {
    background: #89c14a;
    color: #fff;
    font-size: 12px;
    padding: 6px 11px;
    border-radius: 7px;
    margin-right: 10px;
  }

  #error-price-value {
    margin-bottom: 15px;
    color: #df4949;
    font-size: 12px;
    font-weight: 500;
    font-family: 'IRANSansNum';
  }

  #card_name {
    background: #4caf5033;
    color: #265b28;
    padding: 10px;
    text-align: center;
    border-radius: 6px;
    font-size: 12px;
    margin-top: 5px;
  }

  #card_name span {
    font-family: 'IRANSansNum';
    font-weight: 600;
  }

  .log-box-info {
    margin-bottom: 20px !important;
  }

  .select2-container {
    width: 100% !important;
    margin-bottom: 20px !important;
    direction: rtl;
    font-size: 12px;
  }

  .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #eee !important;
  }

  .select2-container--default .select2-search--inline .select2-search__field {
    font-family: yekan, "Roboto", sans-serif !important;
  }

  .btn-create-customer {
    background: #00acf9;
    width: 41px;
    height: 30px;
    position: absolute;
    left: 16px;
    top: 26px;
    z-index: 9;
    padding: 0;
    border-radius: 3px 0 0 3px !important;
    box-shadow: inset 0 0 3px #0000000f !important;
  }

  .btn-create-customer i {
    top: 5px !important;
  }

  #card_select_box,
  #nagd_chash_box,
  #card_chash_box {
    display: none;
  }

  .order_number.preparing:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: calc(50% - 5px);
    background-color: #ff9800;
    width: 10px;
    height: 10px;
    margin-left: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    z-index: 1;
    top: 13px;
    left: -7px;
  }

  .order_number.preparing:before {
    content: "";
    display: block;
    top: 13px;
    left: 13px;
    position: absolute;
    background-color: #ff980085;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-animation: live 2s ease-in-out infinite;
    animation: live 2s ease-in-out infinite;
    z-index: 2;
  }

  @-webkit-keyframes live {
    0% {
      transform: scale(1, 1);
    }

    100% {
      transform: scale(3.5, 3.5);
      background-color: rgba(255, 0, 0, 0);
    }
  }

  @keyframes live {
    0% {
      transform: scale(1, 1);
    }

    100% {
      transform: scale(3.5, 3.5);
      background-color: rgba(255, 0, 0, 0);
    }
  }

  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }

  .order_number {
    background-color: #fff;
    max-width: 192px;
    min-width: 100px;
    max-height: 192px;
    min-height: 100px;
    display: none;
    margin-bottom: 15px;
    display: inline-flex !important;
    border-radius: 22px;
    overflow: hidden;
    margin-right: 25px;
    margin-bottom: 27px;
    box-shadow: 0px 0px 30px 2px #cbc9c77d;
    position: relative;
    z-index: 99;
    transition: 0.6s;
    direction: ltr;
    flex-direction: column;
  }

  .order_number:hover {
    opacity: 0.8;
  }

  .order_number p {
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    color: #132f44;
    text-align: center;
    z-index: 9;
  }

  .order_number i {
    position: absolute;
    top: 27px;
    right: 0;
    left: 0;
    color: #333333;
    font-family: SellenaBrush;
    font-size: 31px;
    font-style: inherit;
    text-align: center;
  }

  .order_number .number_1 {
    width: 100%;
    display: block;
    height: 62px;
  }

  .order_number .number_1:before {
    content: "";
    background-image: url(../images/order/1.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    margin: auto;
    background-repeat: no-repeat;
    margin-top: 3px;
  }

  .order_number .number_2 {
    width: 100%;
    display: block;
    height: 62px;
  }

  .order_number .number_2:before {
    content: "";
    background-image: url(../images/order/2.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    margin: auto;
    background-repeat: no-repeat;
    margin-top: 3px;
  }

  .order_number .number_3 {
    width: 100%;
    display: block;
    height: 62px;
  }

  .order_number .number_3:before {
    content: "";
    background-image: url(../images/order/3.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    margin: auto;
    background-repeat: no-repeat;
    margin-top: 3px;
  }

  .order_number .number_4 {
    width: 100%;
    display: block;
    height: 62px;
  }

  .order_number .number_4:before {
    content: "";
    background-image: url(../images/order/4.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    margin: auto;
    background-repeat: no-repeat;
    margin-top: 3px;
  }

  .order_number .number_5 {
    width: 100%;
    display: block;
    height: 62px;
  }

  .order_number .number_5:before {
    content: "";
    background-image: url(../images/order/5.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    margin: auto;
    background-repeat: no-repeat;
    margin-top: 3px;
  }

  .order_number .number_6 {
    width: 100%;
    display: block;
    height: 62px;
  }

  .order_number .number_6:before {
    content: "";
    background-image: url(../images/order/6.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    margin: auto;
    background-repeat: no-repeat;
    margin-top: 3px;
  }

  .order_number .number_7 {
    width: 100%;
    display: block;
    height: 62px;
  }

  .order_number .number_7:before {
    content: "";
    background-image: url(../images/order/7.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    margin: auto;
    background-repeat: no-repeat;
    margin-top: 3px;
  }

  .order_number .number_8 {
    width: 100%;
    display: block;
    height: 62px;
  }

  .order_number .number_8:before {
    content: "";
    background-image: url(../images/order/8.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    margin: auto;
    background-repeat: no-repeat;
    margin-top: 3px;
  }

  .order_number .number_9 {
    width: 100%;
    display: block;
    height: 62px;
  }

  .order_number .number_9:before {
    content: "";
    background-image: url(../images/order/9.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    margin: auto;
    background-repeat: no-repeat;
    margin-top: 3px;
  }

  .order_number .number_10 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_10:before {
    content: "";
    background-image: url(../images/order/1.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_10:after {
    content: "";
    background-image: url(../images/order/0.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: 3px;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_11 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_11:before {
    content: "";
    background-image: url(../images/order/1.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_11:after {
    content: "";
    background-image: url(../images/order/1.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_12 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_12:before {
    content: "";
    background-image: url(../images/order/1.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_12:after {
    content: "";
    background-image: url(../images/order/2.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_13 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_13:before {
    content: "";
    background-image: url(../images/order/1.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_13:after {
    content: "";
    background-image: url(../images/order/3.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_14 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_14:before {
    content: "";
    background-image: url(../images/order/1.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_14:after {
    content: "";
    background-image: url(../images/order/4.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_15 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_15:before {
    content: "";
    background-image: url(../images/order/1.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_15:after {
    content: "";
    background-image: url(../images/order/5.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_16 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_16:before {
    content: "";
    background-image: url(../images/order/1.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_16:after {
    content: "";
    background-image: url(../images/order/6.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_17 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_17:before {
    content: "";
    background-image: url(../images/order/1.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_17:after {
    content: "";
    background-image: url(../images/order/7.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_18 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_18:before {
    content: "";
    background-image: url(../images/order/1.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_18:after {
    content: "";
    background-image: url(../images/order/8.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_19 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_19:before {
    content: "";
    background-image: url(../images/order/1.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_19:after {
    content: "";
    background-image: url(../images/order/9.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_20 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_20:before {
    content: "";
    background-image: url(../images/order/2.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_20:after {
    content: "";
    background-image: url(../images/order/0.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: 3px;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_21 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_21:before {
    content: "";
    background-image: url(../images/order/2.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_21:after {
    content: "";
    background-image: url(../images/order/1.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_22 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_22:before {
    content: "";
    background-image: url(../images/order/2.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_22:after {
    content: "";
    background-image: url(../images/order/2.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_23 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_23:before {
    content: "";
    background-image: url(../images/order/2.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_23:after {
    content: "";
    background-image: url(../images/order/3.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_24 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_24:before {
    content: "";
    background-image: url(../images/order/2.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_24:after {
    content: "";
    background-image: url(../images/order/4.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_25 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_25:before {
    content: "";
    background-image: url(../images/order/2.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_25:after {
    content: "";
    background-image: url(../images/order/5.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_26 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_26:before {
    content: "";
    background-image: url(../images/order/2.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_26:after {
    content: "";
    background-image: url(../images/order/6.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_27 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_27:before {
    content: "";
    background-image: url(../images/order/2.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_27:after {
    content: "";
    background-image: url(../images/order/7.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_28 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_28:before {
    content: "";
    background-image: url(../images/order/2.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_28:after {
    content: "";
    background-image: url(../images/order/8.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_29 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_29:before {
    content: "";
    background-image: url(../images/order/2.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_29:after {
    content: "";
    background-image: url(../images/order/9.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_30 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_30:before {
    content: "";
    background-image: url(../images/order/3.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_30:after {
    content: "";
    background-image: url(../images/order/0.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: 3px;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_31 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_31:before {
    content: "";
    background-image: url(../images/order/3.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_31:after {
    content: "";
    background-image: url(../images/order/1.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_32 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_32:before {
    content: "";
    background-image: url(../images/order/3.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_32:after {
    content: "";
    background-image: url(../images/order/2.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_33 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_33:before {
    content: "";
    background-image: url(../images/order/3.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_33:after {
    content: "";
    background-image: url(../images/order/3.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_34 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_34:before {
    content: "";
    background-image: url(../images/order/3.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_34:after {
    content: "";
    background-image: url(../images/order/4.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_35 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_35:before {
    content: "";
    background-image: url(../images/order/3.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_35:after {
    content: "";
    background-image: url(../images/order/5.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_36 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_36:before {
    content: "";
    background-image: url(../images/order/3.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_36:after {
    content: "";
    background-image: url(../images/order/6.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_37 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_37:before {
    content: "";
    background-image: url(../images/order/3.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_37:after {
    content: "";
    background-image: url(../images/order/7.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_38 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_38:before {
    content: "";
    background-image: url(../images/order/3.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_38:after {
    content: "";
    background-image: url(../images/order/8.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_39 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_39:before {
    content: "";
    background-image: url(../images/order/3.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_39:after {
    content: "";
    background-image: url(../images/order/9.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_40 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_40:before {
    content: "";
    background-image: url(../images/order/4.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_40:after {
    content: "";
    background-image: url(../images/order/0.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: 3px;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_41 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_41:before {
    content: "";
    background-image: url(../images/order/4.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_41:after {
    content: "";
    background-image: url(../images/order/1.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_42 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_42:before {
    content: "";
    background-image: url(../images/order/4.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_42:after {
    content: "";
    background-image: url(../images/order/2.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_43 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_43:before {
    content: "";
    background-image: url(../images/order/4.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_43:after {
    content: "";
    background-image: url(../images/order/3.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_44 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_44:before {
    content: "";
    background-image: url(../images/order/4.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_44:after {
    content: "";
    background-image: url(../images/order/4.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_45 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_45:before {
    content: "";
    background-image: url(../images/order/4.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_45:after {
    content: "";
    background-image: url(../images/order/5.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_46 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_46:before {
    content: "";
    background-image: url(../images/order/4.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_46:after {
    content: "";
    background-image: url(../images/order/6.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_47 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_47:before {
    content: "";
    background-image: url(../images/order/4.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_47:after {
    content: "";
    background-image: url(../images/order/7.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_48 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_48:before {
    content: "";
    background-image: url(../images/order/4.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_48:after {
    content: "";
    background-image: url(../images/order/8.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_49 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_49:before {
    content: "";
    background-image: url(../images/order/4.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_49:after {
    content: "";
    background-image: url(../images/order/9.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_50 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_50:before {
    content: "";
    background-image: url(../images/order/5.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_50:after {
    content: "";
    background-image: url(../images/order/0.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: 3px;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .order_number .number_51 {
    width: 100%;
    display: block;
    height: 62px;
    display: flex;
    justify-content: center;
  }

  .order_number .number_51:before {
    content: "";
    background-image: url(../images/order/5.jpg);
    width: 40px;
    /* height: 58px; */
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: center;
    /* margin: auto; */
    background-repeat: no-repeat;
    margin-top: 3px;
    float: left;
  }

  .order_number .number_51:after {
    content: "";
    background-image: url(../images/order/1.jpg);
    width: 40px;
    height: 58px;
    display: block;
    background-size: 100%;
    background-position-y: center;
    background-position-x: -7px;
    background-repeat: no-repeat;
    margin-top: 3px;
    float: right;
  }

  .box-invoices-miz-list {
    padding-top: 2px;
    overflow-y: scroll;
    direction: ltr;
    text-align: right;
  }

  .box-invoices-miz-list.tworows {
    height: 263px;
  }

  .box-invoices-miz-list.onerows {
    height: 142px;
  }

  .box-invoices-miz-list::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border-radius: 30px;
  }

  .box-invoices-miz-list::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
  }

  .box-invoices-miz-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a2a2a2;
  }

  .order_number.show {}

  .order_number.hiden {
    display: none !important;
  }

  #goTop {
    background: #8bc34a;
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    border-radius: 70px;
    box-shadow: -2px 2px 40px rgb(139 195 75 / 40%);
  }

  #goTop::before {
    content: " ";
    position: absolute;
    background-image: url(../icons/gotop.svg?v=1);
    width: 100%;
    height: 300px;
    display: block;
    background-repeat: no-repeat;
    background-size: 26px;
    top: 13px;
    left: 7px;
    cursor: pointer;
  }

  .theme-cyan .sidebar .menu .list li.alarm-new-order {
    position: relative;
  }

  .theme-cyan .sidebar .menu .list li.alarm-new-order:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: calc(50% - 5px);
    background-color: #8bc34a;
    width: 10px;
    height: 10px;
    margin-left: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    z-index: 1;
    top: 13px;
    left: -7px;
  }

  .theme-cyan .sidebar .menu .list li.alarm-new-order:before {
    content: "";
    display: block;
    top: 13px;
    left: 13px;
    position: absolute;
    background-color: #8bc34a7d;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-animation: live 2s ease-in-out infinite;
    animation: live 2s ease-in-out infinite;
    z-index: 2;
  }

  .btn-delete-order {
    padding: 0px 4px !important;
    background: #ff5858;
    border-radius: 7px !important;
    overflow: inherit;
  }

  .btn-delete-order i {
    background-image: url(../icons/trashorder.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 13px;
    top: 7px !important;
    right: -5px;
  }

  .img-waiting {
    margin: auto;
    width: 125px;
  }

  .go-back-invoices {
    display: inline-flex;
    background: #ff9800;
    width: 33px;
    height: 33px;
    border-radius: 57px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px #ff98004a;
    border: 0;
    overflow: inherit;
  }

  .go-back-invoices i {
    background-image: url(../icons/go-back.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 15px;
    top: 9px !important;
    right: -1px;
  }

  .loadingDiv {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #0000004a;
    z-index: 9999;
    --menu-bg: linear-gradient(45deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.85) 100%);
    --menu-border: rgb(0 0 0 / 0%);
    --item-border: rgba(0, 0, 0, 0.1);
    --item-color: rgb(10, 20, 28);
    --item-bg-hover: rgba(10, 20, 28, 0.09);
    /* height: 0; */
    /* overflow: hidden; */
    background: var(--menu-bg);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  .loadingDiv .spinner {
    position: relative;
    width: 54px;
    height: 54px;
    display: inline-block;
    background: #565656;
    padding: 10px;
    border-radius: 10px;
    margin: auto;
    display: block;
    top: 45%;
  }

  .loadingDiv .spinner div {
    width: 6%;
    height: 16%;
    background: #FFF;
    position: absolute;
    left: 49%;
    top: 42%;
    opacity: 0;
    -webkit-border-radius: 50px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-animation: fade 1s linear infinite;
  }

  @-webkit-keyframes fade {
    from {
      opacity: 1;
    }

    to {
      opacity: 0.25;
    }
  }

  .loadingDiv .spinner div.bar1 {
    -webkit-transform: rotate(0deg) translate(0, -130%);
    -webkit-animation-delay: 0s;
  }

  .loadingDiv .spinner div.bar2 {
    -webkit-transform: rotate(30deg) translate(0, -130%);
    -webkit-animation-delay: -0.9167s;
  }

  .loadingDiv .spinner div.bar3 {
    -webkit-transform: rotate(60deg) translate(0, -130%);
    -webkit-animation-delay: -0.833s;
  }

  .loadingDiv .spinner div.bar4 {
    -webkit-transform: rotate(90deg) translate(0, -130%);
    -webkit-animation-delay: -0.7497s;
  }

  .loadingDiv .spinner div.bar5 {
    -webkit-transform: rotate(120deg) translate(0, -130%);
    -webkit-animation-delay: -0.667s;
  }

  .loadingDiv .spinner div.bar6 {
    -webkit-transform: rotate(150deg) translate(0, -130%);
    -webkit-animation-delay: -0.5837s;
  }

  .loadingDiv .spinner div.bar7 {
    -webkit-transform: rotate(180deg) translate(0, -130%);
    -webkit-animation-delay: -0.5s;
  }

  .loadingDiv .spinner div.bar8 {
    -webkit-transform: rotate(210deg) translate(0, -130%);
    -webkit-animation-delay: -0.4167s;
  }

  .loadingDiv .spinner div.bar9 {
    -webkit-transform: rotate(240deg) translate(0, -130%);
    -webkit-animation-delay: -0.333s;
  }

  .loadingDiv .spinner div.bar10 {
    -webkit-transform: rotate(270deg) translate(0, -130%);
    -webkit-animation-delay: -0.2497s;
  }

  .loadingDiv .spinner div.bar11 {
    -webkit-transform: rotate(300deg) translate(0, -130%);
    -webkit-animation-delay: -0.167s;
  }

  .loadingDiv .spinner div.bar12 {
    -webkit-transform: rotate(330deg) translate(0, -130%);
    -webkit-animation-delay: -0.0833s;
  }

  .empty_data {
    font-size: 12px;
    color: #e91e63;
    background: #e91e6326;
    width: 90%;
    text-align: center;
    padding: 3px;
    border-radius: 4px;
  }

  .alert-empty-seals {
    position: absolute;
    bottom: 30%;
    left: 0;
    right: 0;
    text-align: center;
    color: #606060;
    font-size: 13px;
  }

  .select-time-reserved {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
  }

  .layoutdown {
    z-index: 0;
  }

  .select-time-reserved .q-field__control {
    background: rgb(0 0 0 / 0%) !important;
    display: flex;
    flex-direction: row-reverse;
    padding-left: 6px !important;
    position: relative;
  }

  .select-time-reserved .q-field__control .q-field__control-container {
    padding: 0 !important;
    width: 100%;
    height: 34px;
    border-radius: 5px !important;
    padding-left: 24px !important;
    margin-top: 13px;
    background: rgba(0, 0, 0, 0.05);
  }

  #q-app2 .q-field__control i {
    right: 32px;
  }

  #q-app2 .q-field__native {
    text-align: left;
  }

  .select-time-reserved .q-field__control i {
    position: absolute;
    top: 17px;
    right: 3px;
  }

  .q-pa-md {
    padding: 0 0 !important;
  }

  .q-time__header,
  .q-time__clock-position--active {
    background-color: #8bc34b !important;
  }

  .q-time__clock-pointer {
    color: #8bc34b !important;
  }

  .q-loading-bar,
  .q-loading-bar--top {
    display: none !important;
    opacity: 0 !important;
  }

  .select-miz-name {
    margin-top: 5px;
    border-radius: 7px;
  }

  .input-search-product-data {
    display: block;
    width: 90%;
    margin: auto;
    padding: 5px 12px;
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 0;
    border-color: #8a8a8a !important;
    border-radius: 4px;
    box-shadow: 0 0px 1px 0px rgb(0 0 0);
  }

  .table-customer-list td {
    line-height: 31px !IMPORTANT;
    padding-bottom: 31px !IMPORTANT;
  }

  .btn-remove-form-list-customer {
    border: 0;
    background: #fd5757;
    color: #fff;
    text-decoration: none;
    padding: 0px 12px !important;
    line-height: 28px;
    border-radius: 4px;
    font-size: 12px;
    box-shadow: 0 0px 20px #f85c5669 !important;
  }

  .notfi-custom {
    display: flex;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 330px;
    padding: 14px 26px 14px 13px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #4caf50;
    position: fixed;
    background-color: #4caf50;
    -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 20px 0 #4caf50e8;
    -webkit-transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    overflow: hidden;
    flex-direction: row;
    text-align: left;
    --menu-bg: linear-gradient(45deg, #4caf50a8 0%, #4caf50e3 100%);
    --menu-border: rgb(0 0 0 / 0%);
    --item-border: rgba(0, 0, 0, 0.1);
    --item-color: rgb(10, 20, 28);
    --item-bg-hover: rgba(10, 20, 28, 0.09);
    /* height: 0; */
    /* overflow: hidden; */
    background: var(--menu-bg);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  .notfi-custom-old .el-default-close-btn {
    top: 6px;
    right: 6px;
  }

  .notfi-custom-old {
    display: flex;
    justify-content: space-evenly;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 330px;
    padding: 14px 26px 14px 13px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #4caf50;
    position: relative;
    background-color: #4caf50;
    -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 20px 0 #4caf50e8;
    -webkit-transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    flex-direction: row;
    text-align: right;
    --menu-bg: linear-gradient(45deg, #4caf50a8 0%, #4caf50e3 100%);
    --menu-border: rgb(0 0 0 / 0%);
    --item-border: rgba(0, 0, 0, 0.1);
    --item-color: rgb(10, 20, 28);
    --item-bg-hover: rgba(10, 20, 28, 0.09);
    /* height: 0; */
    /* overflow: hidden; */
    background: var(--menu-bg);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    top: 0 !important;
    margin-bottom: 14px;
    padding-right: 39px;
    display: flex;
    justify-content: flex-start;
    padding-right: 45px;
  }

  .btn-old-notfications.show-notf-btn {
    top: 18px;
    left: -21px;
  }

  .notf-invoices.show-notfications {
    --menu-bg: linear-gradient(90deg, #fe93b754 10%, #4caf5000 57%) !important;
  }

  .notf-invoices .notfi-custom-old {
    border: 1px solid #d31a58 !important;
    box-shadow: 0 2px 20px 0 #e91e63e6 !important;
    --menu-bg: linear-gradient(45deg, #e91e63a1 0%, #d82965 100%) !important;
    display: flex;
    justify-content: flex-start;
    padding-right: 45px;
  }

  .notf-invoices .notfi-custom-old .el-notification-content p {
    color: #fefefe !important;
  }

  .notf-invoices .notfi-custom-old .el-default-close-btn {
    background: #fff !important;
  }

  .btn-old-notfications.show-notf-btn i {
    display: none;
  }

  .btn-old-notfications.show-notf-btn:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 2px;
    right: 15px !important;
    top: 23px !important;
    background: #fff;
    transform: rotate(45deg);
  }

  .btn-old-notfications.show-notf-btn:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 2px;
    top: 23px;
    right: 15px;
    background: #fff;
    transform: rotate(312deg);
  }

  .mr-0 {
    margin-right: 0 !important;
  }

  .old-notfications {
    position: fixed;
    left: -420px;
    top: 0;
    bottom: 0;
    width: 380px;
    z-index: 999999;
    display: flex;
    box-shadow: 0 2px 20px 0 #e8e8e8e8;
    border-right: 1px solid #fff;
    -webkit-transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    /* overflow: hidden; */
    text-align: left;
    --menu-bg: linear-gradient(90deg, #d7efd1 10%, #4caf5000 57%);
    --menu-border: rgb(255 255 255 / 0%);
    --item-border: rgba(0, 0, 0, 0.1);
    --item-color: rgb(10, 20, 28);
    --item-bg-hover: rgba(10, 20, 28, 0.09);
    /* height: 0; */
    /* overflow: hidden; */
    background: var(--menu-bg);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    /* justify-content: flex-start; */
    flex-direction: column;
    align-items: center;
    /* flex-wrap: nowrap; */
    padding-top: 90px !important;
    overflow-x: scroll;
  }

  .old-notfications.show-notfications {
    left: 0;
  }

  .notifyjs-corner {
    width: 343px;
    transition: 0.6s;
  }

  .notifyjs-wrapper:first-child {
    margin-top: 86px !important;
  }

  .notifyjs-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 10px !important;
    width: 330px !important;
    padding: 11px 10px 5px 0px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #4caf50;
    position: fixed;
    background-color: #4caf50;
    -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 20px 0 #4caf50e8;
    -webkit-transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    overflow: hidden;
    flex-direction: row;
    text-align: left;
    --menu-bg: linear-gradient(45deg, #4caf50a8 0%, #4caf50e3 100%);
    --menu-border: rgb(0 0 0 / 0%);
    --item-border: rgba(0, 0, 0, 0.1);
    --item-color: rgb(10, 20, 28);
    --item-bg-hover: rgba(10, 20, 28, 0.09);
    height: 74px !important;
    /* overflow: hidden; */
    background: var(--menu-bg);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    margin-top: 10px !important;
  }

  .reserved-all-time {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    width: 100%;
  }

  .reserved-custom-time {
    width: 6.25%;
    text-align: center;
    color: #fff;
    margin: 0px;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
  }

  .reserved-custom-time label {
    padding: 0 !important;
  }

  .reserved-custom-time [type="checkbox"]+label:before,
  [type="checkbox"]:not(.filled-in)+label:after {
    display: none;
  }

  .reserved-all-time .reserved-custom-time:first-child .open-time {
    border-radius: 15px 8px 8px 15px !important;
  }

  .reserved-all-time .reserved-custom-time:last-child .open-time {
    border-radius: 8px 15px 15px 8px !important;
  }

  .reserved-custom-time .open-time {
    background: #8bc34b;
    position: relative;
    min-height: 1px;
    border-radius: 8px;
    padding: 10px;
    cursor: pointer;
  }

  .reserved-custom-time .open-time.reserved-this-time {
    background: #e91e63 !important;
    cursor: not-allowed;
  }

  .reserved-custom-time .open-time.time-select-reserved {
    background: #FFC107 !important;
  }

  .reserved-custom-time .open-time p:first-child {
    margin-bottom: 5px;
    border-bottom: 1px solid #eeeeee9c;
    padding-bottom: 4px;
  }

  .reserved-custom-time .open-time p {
    margin-bottom: 0;
  }

  .reserved-all-times {
    display: none;
    opacity: 0;
    transition: 0.6s;
  }

  .open-discription-expense {
    opacity: 1;
    z-index: 99;
    display: block;
    background: #50505075;
    transition: 0.6s;
  }

  .clearing_1 {
    background: #8bc34a;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
  }

  .clearing_0 {
    background: #e91e63;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
  }

  .btn-indebtedness-pay,
  .btn-indebtedness-pay:hover,
  .btn-indebtedness-pay:focus {
    background-color: #8bc34a;
    box-shadow: 1px 1px 45px 0px #8bc34a6e;
    color: #ffff;
    text-decoration: none;
    padding: 5px 14px;
    font-size: 12px !important;
  }

  .add-employees-form {
    display: flex;
  }

  .add-employees-form .card .col-xs-12,
  .card .body .col-sm-12,
  .card .body .col-md-12,
  .card .body .col-lg-12,
  .user_image .form-group {
    margin-bottom: 0;
  }

  .add-image-employees i {
    top: 50px !important;
    background-size: 50px !important;
    width: 50px !important;
  }

  .seal-chart-discount {
    position: relative;
    margin-top: 0px;
  }

  .seal-chart-discount::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #ff0101;
    position: absolute;
    top: 8px;
    left: 0;
  }

  .seal-chart-price-orginal {}

  .time-select-in-form {
    direction: ltr !important;
  }

  .time-select-in-form .input-group-addon {
    position: absolute;
    z-index: 2;
    right: 23px;
    top: 3px;
  }

  .time-select-in-form input {
    width: 100% !important;
    border-radius: 7px !important;
    /* box-shadow: 0px 0px 20px 0px #50505029; */
    padding-left: 0 !important;
    border-color: #dcdcdc !important;
    font-size: 12px !important;
    display: block !important;
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
  }

  .time-select-in-form .bootstrap-datetimepicker-widget {
    box-shadow: 0 2px 20px 0 #a6a6a6e8;
    border-radius: 10px;
    -webkit-transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    /* overflow: hidden; */
    text-align: left;
    --menu-bg: linear-gradient(90deg, #ffffff94 10%, #ffffff94 57%);
    --menu-border: rgb(255 255 255 / 0%);
    --item-border: rgba(0, 0, 0, 0.1);
    --item-color: #fff;
    ;
    --item-bg-hover: rgba(10, 20, 28, 0.09);
    /* height: 0; */
    /* overflow: hidden; */
    background: var(--menu-bg);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  .time-select-in-form .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    border-top: 6px solid #ffffffe8 !important;
    bottom: -6px;
    left: 7px;
  }

  .user-comment {
    text-align: right;
    direction: rtl;
    padding: 5px;
    border-radius: 20px;
    padding-right: 19px;
    margin-top: 5px;
    height: 120px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 0;
    border: 1px solid #ededed;
    box-shadow: 0 0 5px #67676724;
  }

  .user-comment .info-profile {
    position: relative;
  }

  .user-comment p {
    color: #535353;
    margin-bottom: 0;
    font-size: 12px;
    margin-top: -4px;
    height: 40px;
    overflow: scroll;
    direction: rtl;
    text-align: right;
    margin-right: 43px;
  }

  .user-comment .img-profile {
    background-image: url(../icons/comments-user-empty.svg);
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
    border: 0;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    position: absolute;
    right: -6px;
    top: 13px;
    border-radius: 100px;
    overflow: hidden;
    background-color: #4c616f;
  }

  .user-comment h6 {
    color: #2f2f2f;
    padding-right: 46px;
    padding-top: 15px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    font-weight: 500;
    font-family: 'IRANSansNum';
    font-size: 14px;
  }

  .user-comment .at_time:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #00baff;
    border-radius: 10px;
    right: -15px;
    top: 4px;
  }

  .user-comment .at_time {
    position: relative;
    top: -1px;
    font-size: 12px;
    font-weight: 400;
    color: #626262;
    width: 90px;
    line-height: 18px;
    margin-right: 30px;
  }

  .comment-footer-btns {
    display: flex;
    justify-content: space-evenly;
    width: 100px;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    float: left;
    position: relative;
    top: -17px;
    margin-left: 10px;
  }

  .comment-footer-btns .btn-edit-order.with-icon-edit i {
    background-image: url(../icons/go-back.svg);
    background-size: 15px;
    background-position: center;
    top: 2px !important;
    right: 0px !important;
  }

  .btn-comment-confirm,
  .btn-comment-confirm:hover,
  .btn-comment-confirm:focus {
    background: #03A9F4 !important;
    color: #fff;
    border-radius: 9px !important;
    text-align: center;
    cursor: pointer;
    margin: auto;
    width: 35px;
    height: 35px;
    padding: 0;
    margin: 0;
  }

  .btn-comment-confirm:before {
    content: '';
    position: absolute;
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    left: 0;
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }

  .btn-del-comment {
    border-radius: 9px !important;
    padding: 0px 4px !important;
    background: #FF5858 !important;
    width: 35px;
    height: 35px;
  }

  .comment-footer-btns .btn-edit-order {
    border-radius: 9px !important;
    padding: 0px 4px !important;
    width: 35px;
    height: 35px;
    background: #ff9800 !important;
  }

  .comments-h2 {
    font-size: 18px;
    font-weight: normal;
    color: #111;
    margin-top: 12px;
    margin-bottom: 13px;
  }

  .owl-employees {
    direction: ltr;
    text-align: left;
  }

  .owl-employees .owl-stage-outer {
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: inherit !important;
  }

  .owl-employees .owl-item {
    text-align: center;
    background: #fff;
    box-shadow: 0 0 30px #3c3c3c3d;
    min-height: 300px !important;
    border-radius: 18px;
    width: 242px !important;
    overflow: hidden;
    transition: 0.6s;
  }

  .owl-employees .owl-item img {
    min-height: 242px;
  }

  .owl-employees .owl-item:hover {
    box-shadow: 0px 7px 30px #3c3c3c70;
  }

  .owl-employees .owl-item .item p.employees-name {
    font-size: 15px;
    padding-top: 16px;
  }

  .owl-employees .owl-item .item p.employees-job {}

  .owl-employees .owl-item .item p.enter-time {
    position: absolute;
    top: 8px;
    right: 15px;
    color: #67b969;
    font-size: 20px;
    text-shadow: 0 0 20px rgb(89 179 91 / 66%);
    border-radius: 24px;
  }

  .owl-employees .owl-item .item p.exit-time {
    position: absolute;
    top: 8px;
    left: 15px;
    color: #ff0a5d;
    font-size: 20px;
    text-shadow: 0 0 20px rgb(233 30 99 / 67%);
  }

  .owl-employees .owl-item .item:before {
    content: '';
    background-image: url(../icons/employees-up.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100px;
    right: initial;
    left: 0;
  }

  .owl-employees .owl-item .item:after {
    content: '';
    background-image: url(../icons/employees-down.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100px;
    right: initial;
    left: 0;
    bottom: 77px;
    z-index: 0;
  }

  .login-logout-form {
    overflow: hidden;
  }

  .btn-enter-employees,
  .btn-enter-employees:hover,
  .btn-enter-employees:focus {
    background-color: #67b969;
    position: relative;
    z-index: 1;
    padding: 7px 20px;
    color: #fff;
    top: -16px;
    border-radius: 6px !important;
    margin-bottom: -20px;
    box-shadow: 0px 0px 18px #67b96961 !important;
  }

  .btn-enter-employees-modal {
    position: relative;
    display: block;
    padding: 10px 20px;
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    transition: .5s;
    margin-top: 40px;
    background: #ffb507;
    margin: auto;
    margin-top: -45px;
    bottom: 9px;
    box-shadow: 0px 0px 41px 0px #ffc107 !important;
    z-index: 9;
  }

  .btn-enter-employees-modal:hover {
    background: #64b765;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #64b7656b, 0 0 25px #64b7656b, 0 0 50px #64b7656b, 0 0 100px #64b7656b !important;
  }

  .btn-enter-employees-modal span {
    position: absolute;
    display: block;
  }

  .btn-enter-employees-modal span:nth-child(1) {
    top: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #ffffff);
    animation: btn-anim1 1s linear infinite;
  }

  @keyframes btn-anim1 {
    0% {
      left: -100%;
    }

    50%,
    100% {
      left: 100%;
    }
  }

  .btn-enter-employees-modal span:nth-child(2) {
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, transparent, #ffffff);
    animation: btn-anim2 1s linear infinite;
    animation-delay: .25s
  }

  @keyframes btn-anim2 {
    0% {
      top: -100%;
    }

    50%,
    100% {
      top: 100%;
    }
  }

  .btn-enter-employees-modal span:nth-child(3) {
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, transparent, #ffffff);
    animation: btn-anim3 1s linear infinite;
    animation-delay: .5s
  }

  @keyframes btn-anim3 {
    0% {
      right: -100%;
    }

    50%,
    100% {
      right: 100%;
    }
  }

  .btn-enter-employees-modal span:nth-child(4) {
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg, transparent, #ffffff);
    animation: btn-anim4 1s linear infinite;
    animation-delay: .75s
  }

  @keyframes btn-anim4 {
    0% {
      bottom: -100%;
    }

    50%,
    100% {
      bottom: 100%;
    }
  }

  .btn-exit-employees,
  .btn-exit-employees:focus {
    background-color: #e91e63;
    position: relative;
    z-index: 1;
    padding: 7px 20px;
    color: #fff;
    top: -16px;
    border-radius: 6px !important;
    margin-bottom: -20px;
    box-shadow: 0px 0px 18px #e91e635e !important;
    transition: 0.6s;
  }

  .btn-exit-employees:hover {
    background-color: #e91e63;
    position: relative;
    z-index: 1;
    padding: 7px 20px;
    color: #fff;
    top: -16px;
    border-radius: 6px !important;
    margin-bottom: -20px;
    box-shadow: 0px 0px 18px #e91e63de !important;
  }

  .modal-camera {
    opacity: 0;
    transition: 0.6s;
    position: fixed;
    right: 0;
    left: 0;
    margin: auto;
    width: 600px;
    z-index: 10;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0px 0px 20px #5858583d;
    top: 15%;
    z-index: -4;
  }

  .modal-camera.show {
    opacity: 1;
    transition: 0.6s;
    background: #fff;
    z-index: 9999;
  }

  .modal-camera p {
    font-size: 14px;
    padding-top: 13px;
    padding-right: 14px;
  }

  .bk-modal-camera {
    opacity: 0;
    transition: 1s;
    position: relative;
    z-index: -1;
  }

  .bk-modal-camera.show {
    opacity: 1;
    transition: 1s;
    -webkit-transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    /* overflow: hidden; */
    text-align: left;
    --menu-bg: #eeeeee8f;
    --menu-border: rgb(255 255 255 / 0%);
    --item-border: rgba(0, 0, 0, 0.1);
    --item-color: rgb(10, 20, 28);
    --item-bg-hover: rgba(10, 20, 28, 0.09);
    /* height: 0; */
    /* overflow: hidden; */
    background: var(--menu-bg);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
  }

  .btn-enter-employees-modal-close,
  .btn-enter-employees-modal-close:hover,
  .btn-enter-employees-modal-close:focus {
    background: #e91e44;
    color: #fff;
    padding: 5px 20px;
    position: absolute;
    left: 7px;
    top: 10px;
    z-index: 10;
  }

  .internet-status {
    position: fixed;
    right: 12%;
    left: 0;
    top: -30px;
    transition: 0.6s;
    width: 300px;
    padding: 8px !important;
    margin: auto;
    text-align: center;
    border-radius: 50px;
    color: #fff;
  }

  .internet-status p {
    margin: 0;
  }

  .internet-status.online {
    top: 20px;
    background: #8bc34a;
    box-shadow: 0px 0px 20px #8bc34a57;
    color: #fff;
  }

  .internet-status.offline {
    top: 10px;
    background: #ff6967;
    box-shadow: 0px 0px 20px #ff696759;
    color: #fff;
  }

  .internet-status-bar {}

  .internet-status-bar:before {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 0%;
    height: 3px;
    transition: 3s;
  }

  .internet-status-bar.offline:before {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ff6867;
    box-shadow: 0px 0px 20px #ff696759;
  }

  .internet-status-bar.online:before {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #8bc34a;
    box-shadow: 0px 0px 20px #8bc34a97;
  }

  .search-modal {
    opacity: 0;
    width: 50%;
    height: 400px;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    box-shadow: 0px 0px 34px #acacac;
    transition: 0.6s;
    z-index: -10;
    margin: auto;
    border-radius: 10px;
  }

  .search-modal .search-input-modal {
    width: 97%;
    margin: auto;
    margin-top: 10px;
    position: relative;
  }

  .search-modal .search-input-modal input {
    background: #fff;
    border: 0;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 0%);
    border-radius: 6px;
    padding: 19px;
    font-size: 12px;
    width: 100%;
  }

  .search-modal .search-input-modal i.search {
    background-image: url(../icons/search.svg);
    position: relative;
    width: 35px;
    height: 35px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 27px;
    top: 11px !important;
    left: 10px;
    position: absolute;
  }

  .search-modal .search-input-modal .select-search {
    width: 124px;
    position: absolute;
    top: 4px;
    left: 48px;
  }

  .search-modal .search-input-modal #search-input-modal-resalt {
    overflow: scroll;
    overflow-x: hidden;
    height: 282px;
    margin-top: 9px;
    background-image: url(../icons/search_gif.gif);
    background-size: 300px;
    background-repeat: no-repeat;
    background-position: center;
  }

  .search-modal .search-input-modal #search-input-modal-resalt::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border-radius: 30px;
  }

  .search-modal .search-input-modal #search-input-modal-resalt::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
  }

  .search-modal .search-input-modal #search-input-modal-resalt::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a2a2a2;
  }

  .search-modal .search-input-modal .select-search .dropdown-toggle {
    font-size: 12px;
    background-color: #fff !important;
    border: 1px solid #ececec !important;
  }

  .search-modal.show {
    opacity: 1;
    z-index: 999;
  }

  .search-modal-bk {
    opacity: 0;
    transition: 1s;
    position: relative;
    z-index: -1;
  }

  .search-modal-bk.show {
    opacity: 1;
    transition: 1s;
    -webkit-transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    /* overflow: hidden; */
    text-align: left;
    --menu-bg: #eeeeee8f;
    --menu-border: rgb(255 255 255 / 0%);
    --item-border: rgba(0, 0, 0, 0.1);
    --item-color: rgb(10, 20, 28);
    --item-bg-hover: rgba(10, 20, 28, 0.09);
    /* height: 0; */
    /* overflow: hidden; */
    background: #49494926;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 12;
  }

  .search-modal h6 {
    font-size: 13px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
  }

  .btn-close-search,
  .btn-close-search:hover,
  .btn-close-search:focus {
    background: #ff2771;
    color: #fff;
    padding: 7px 14px;
    font-size: 12px !important;
    position: absolute;
    left: 6px;
    top: 6px;
  }

  #collapse-employees {
    height: 0;
    transition: 1s;
    overflow: hidden;
    display: block;
  }

  #collapse-employees .well {
    box-shadow: 1px 1px 1px #eee0;
    transition: 1s;
    opacity: 0;
  }

  #collapse-employees.show .well {
    opacity: 1;
  }

  #collapse-employees.show {
    height: 341px;
    overflow: inherit;
    border-radius: 9px;
    margin-bottom: 20px;
  }

  .btn-delete-employees,
  .btn-delete-employees:hover,
  .btn-delete-employees:focus {
    border: 0;
    background: #fd5757;
    color: #fff;
    text-decoration: none;
    padding: 0px 12px !important;
    line-height: 28px;
    border-radius: 4px;
    font-size: 12px;
    box-shadow: 0 0px 20px #f85c5669 !important;
  }

  .btn-edit-employees,
  .btn-edit-employees:hover,
  .btn-edit-employees:focus {
    border: 0;
    background: #8bc04a;
    color: #fff;
    text-decoration: none;
    padding: 0px 12px !important;
    line-height: 28px;
    border-radius: 4px;
    font-size: 12px;
    box-shadow: 0 0px 20px #8bc04a6b !important;
  }

  .custom-row-u {
    display: flex;
    flex-wrap: wrap;
  }

  .custom-employees-tbl {
    background: transparent !IMPORTANT;
  }

  :root {
    --glitter: url("../images/silver-glitter-background.png");
    --duration: 6.66s;
  }

  .card-front:before {
    content: "";
    inset: 0;
    position: absolute;
    transform: translate3d(0, 0, 0.01px);
    background-image: var(--glitter), var(--glitter), linear-gradient(120deg, black 25%, white, black 75%);
    background-size: 100% 100%, 80% 80%, 200% 200%;
    background-blend-mode: multiply, multiply, overlay;
    background-position: 50% 50%, 50% 50%, 50% 50%;
    mix-blend-mode: color-dodge;
    filter: brightness(2) contrast(0.8);
    -webkit-animation: bg var(--duration) ease infinite;
    animation: bg var(--duration) ease infinite;
    opacity: 0;
  }

  .card-front {
    display: grid;
    position: relative;
    /* transform: translate3d(0, 0, 0.01px); */
    width: 23vw;
    max-width: 580px;
    aspect-ratio: 3/2;
    /* border-radius: 3.5% 3.5% 3.5% 3.5%/5% 5% 5% 5%; */
    /* background: #5c18989c; */
    background-image: url(../images/card.png);
    background-size: 104%;
    background-position-x: -4px;
    /* box-shadow: 0 10px 20px 0px #0f05143b; */
    overflow: hidden;
    /* -webkit-animation: tilt var(--duration) ease infinite; */
    /* animation: tilt var(--duration) ease infinite; */
    image-rendering: optimizequality;
    margin-bottom: 35px;
    margin-right: 15px;
    direction: ltr;
    margin-top: 62px;
  }

  .card-front * {
    font-family: PT Mono, monospace;
  }

  .cardLogo,
  .expiry,
  .name,
  .number,
  .chip {
    position: absolute;
    margin: 0;
    padding: 0;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    font-size: clamp(0.75rem, 2.8vw + 0.2rem, 1.1rem);
    inset: 5%;
    text-shadow: 0 2px 1px rgb(255 255 255 / 13%), 1px 1px 1px rgb(255 255 255 / 13%), 1px 1px 1px rgb(0 0 0 / 13%);
    z-index: 5;
  }

  .name,
  .number,
  .expiry {
    background-image: linear-gradient(to bottom, #ffffff 20%, #ffffff 70%), none, linear-gradient(120deg, transparent 10%, white 40%, white 60%, transparent 90%);
    background-size: cover, cover, 200%;
    background-position: 50% 50%;
    background-blend-mode: overlay;
    color: white;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-animation: bg var(--duration) ease infinite;
    animation: bg var(--duration) ease infinite;
  }

  .number {
    font-family: PT Mono, monospace;
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.025em;
    top: 60%;
    bottom: auto;
    direction: ltr;
  }

  .expiry,
  .name {
    top: auto;
  }

  .name {
    line-height: 1.2;
    text-align: right;
    position: absolute;
    right: 30px;
    top: 89px;
    font-size: 17px;
    font-weight: bold;
  }

  .expiry {
    left: auto;
    bottom: 23px;
  }

  .cardLogo {
    bottom: auto;
    left: auto;
    width: 15%;
    filter: invert(1) saturate(0) brightness(1) contrast(1.2);
    mix-blend-mode: screen;
    right: 2px;
    top: 15px;
  }

  .chip {
    display: grid;
    place-items: center;
    width: 14%;
    aspect-ratio: 5/4;
    left: 10%;
    top: 30%;
    border-radius: 10% 10% 10% 10%/15% 15% 15% 15%;
    background-image: none, none, linear-gradient(120deg, #777 10%, #ddd 40%, #ddd 60%, #777 90%);
    background-size: 200% 200%;
    background-position: 50% 50%;
    overflow: hidden;
    -webkit-animation: bg var(--duration) ease infinite;
    animation: bg var(--duration) ease infinite;
  }

  .chip svg {
    display: block;
    width: 90%;
    fill: none;
    stroke: #444;
    stroke-width: 2;
  }

  .contactless {
    position: absolute;
    left: 23%;
    top: 30%;
    width: 12%;
    rotate: 90deg;
    stroke-width: 1.25;
    stroke: currentColor;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.5;
  }

  @-webkit-keyframes tilt {

    0%,
    100% {
      transform: translate3d(0, 0, 0.01px) rotateY(-20deg) rotateX(5deg);
    }

    50% {
      transform: translate3d(0, 0, 0.01px) rotateY(20deg) rotateX(5deg);
    }
  }

  @keyframes tilt {

    0%,
    100% {
      transform: translate3d(0, 0, 0.01px) rotateY(-20deg) rotateX(5deg);
    }

    50% {
      transform: translate3d(0, 0, 0.01px) rotateY(20deg) rotateX(5deg);
    }
  }

  @-webkit-keyframes bg {

    0%,
    100% {
      background-position: 50% 50%, calc(50% + 1px) calc(50% + 1px), 0% 50%;
    }

    50% {
      background-position: 50% 50%, calc(50% - 1px) calc(50% - 1px), 100% 50%;
    }
  }

  @keyframes bg {

    0%,
    100% {
      background-position: 50% 50%, calc(50% + 1px) calc(50% + 1px), 0% 50%;
    }

    50% {
      background-position: 50% 50%, calc(50% - 1px) calc(50% - 1px), 100% 50%;
    }
  }

  #chip,
  #contactless {
    display: none;
  }

  .bank-card-box {
    /* border: 1px solid #eee; */
    border-radius: 15px;
    /* width: 100%; */
    margin: auto;
  }

  .bank-card-box p.data-cheked {
    font-size: 14px;
    text-align: center;
    border: 1px solid #8bc34b;
    margin: 0;
    padding: 7px;
    border-radius: 5px;
    background: #8bc34b;
    color: #fff;
  }

  .bank-card-box p.data-payed {
    font-size: 14px;
    text-align: center;
    background: #eee;
    padding: 7px;
    border-radius: 5px;
  }

  .bank-card-box .btn-employees-pay {
    background: #8bc34a;
    color: #fff;
    padding: 9px 25px;
    margin-bottom: 20px;
    margin-right: 16px;
  }

  .row-custom-amin {
    width: 100%;
  }

  .employees-h6 {
    font-size: 15px;
    padding-top: 13px;
    border-top: 2px solid #e4e4e4;
    padding-bottom: 5px;
  }

  .employees-h6-movazafi {
    border-top: 2px solid #e4e4e4;
    padding-top: 14px;
    padding-bottom: 7px;
    font-size: 15px;
    /* text-align: center; */
    margin-top: 15px;
  }

  .form-group-select-employees-chart {
    margin-top: 13px;
  }

  .employees-chart-log-show {
    width: 100%;
    background: #ffc107;
    padding: 10px;
    margin-bottom: 20px;
  }

  .employees-chart-pay,
  .employees-chart-pay:hover,
  .employees-chart-pay:focus {
    width: 100%;
    background: #14b6f4;
    padding: 10px;
    margin-top: 12px;
    color: #fff;
  }

  .custom-values-employees-chart {
    margin-top: 73px;
  }

  #logsmodal {
    opacity: 0;
    transition: 0.3s;
    display: inherit !important;
    z-index: -99;
  }

  #logsmodal.show {
    opacity: 1;
    background: #43434394;
    display: inherit !important;
    z-index: 99;
  }

  #ModalLogsPayLogs {
    opacity: 0;
    display: none;
    height: 350px;
  }

  #ModalLogsPayLogs.show {
    opacity: 1;
    display: inherit !important;
  }

  #ModalLogsEditLogs {
    opacity: 0;
    display: none;
    height: 350px;
  }

  #ModalLogsEditLogs.show {
    opacity: 1;
    display: inherit !important;
  }

  #btn-ModalLogsPayLogs {
    background-color: #a5a5a5 !important;
    padding: 7px 16px;
  }

  #btn-ModalLogsPayLogs.show {
    display: inline-block !important;
    background-color: #8bc34a !important;
  }

  #btn-ModalLogsEditLogs {
    background-color: #a5a5a5 !important;
    padding: 7px 16px;
  }

  #btn-ModalLogsEditLogs.show {
    display: inline-block !important;
    background-color: #8bc34a !important;
  }

  .is-login-employees {
    position: absolute;
    top: 11px;
    color: #ffffff;
    z-index: 8;
    right: 20px;
    left: 20px;
    background: #ff0c5e;
    border-radius: 13px;
    padding: 5px;
  }

  .stiky-btns {
    position: fixed;
    bottom: 0;
    width: 80%;
    left: 0;
    right: 0;
    display: flex;
    height: 59px;
    z-index: 9;
    text-align: center;
    display: flex;
    justify-content: center;
  }

  .stiky-btns button {
    width: 128px;
    margin-left: 5px;
    /* margin: 0; */
    position: relative;
    bottom: -12px;
  }

  .stiky-btns:before {
    content: '';
    position: fixed;
    background-image: url(../images/btnsback.svg);
    width: 100%;
    height: 113px;
    transform: rotate(180deg);
    right: 0;
    bottom: -53px;
  }

  #my_camera:after {
    content: '';
    background-image: url(../images/sc.png);
    background-size: 50%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 9;
  }

  .scanner-bar {
    -webkit-animation: scan 2s linear alternate infinite;
    animation: scan 2s linear alternate infinite;
    background-color: #fff;
    top: 0;
    box-shadow: 0 0 20px 5px #ffb435;
    height: 2px;
    position: relative;
    width: 88%;
    z-index: 99;
    right: 0;
    left: 0;
    margin: auto;
  }

  .scanner-live {
    position: absolute;
    width: 41%;
    height: 20%;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
  }

  @-webkit-keyframes scan {
    0% {
      top: 0;
    }

    100% {
      top: 100%;
    }
  }

  @keyframes scan {
    0% {
      top: 0;
    }

    100% {
      top: 100%;
    }
  }

  .employees_log_img {
    width: 80px;
    height: 80px;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    border-radius: 8px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: 0.6s;
  }

  .employees_log_img:hover {
    opacity: 0.7;
  }

  .employees_log_img img {
    width: 151px;
  }

  #user_img {
    width: 100%;
  }

  .btn_setting_group,
  .btn_setting_group:hover,
  .btn_setting_group:focus {
    background: #8d8d8d;
    color: #fff;
    padding-right: inherit;
    font-size: 12px !important;
    margin-bottom: 15px;
    padding: 10px !important;
  }

  .btn_setting_group.active {
    background: #FFC107;
    color: #424141;
    box-shadow: 0px 0px 7px 0px rgb(253 191 7 / 53%) !important;
  }

  .setting_group_box {
    display: none;
  }

  .setting_group_box.active {
    display: block;
  }

  .no-disbaled-input {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    right: initial;
  }

  .input-group-addon {
    position: relative;
    z-index: 5 !important;
  }

  .w-100 {
    width: 100%;
  }

  .captcha-image-box {
    overflow: hidden;
    border-radius: 5px;
  }

  .captcha-image-box:before {
    content: '';
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(2px);
    position: absolute;
    width: 86%;
    height: 100%;
    right: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    transition: 0.4s;
  }

  .captcha-image-box:hover:before {
    opacity: 1;
    transition: 0.4s;
  }

  .captcha-image-box:hover .refresh-captcha {
    opacity: 1;
    transition: 0.4s;
  }

  .captcha-image-box img.captcha-image {
    border-radius: 5px;
    height: 38px;
  }

  .captcha-image-box .refresh-captcha {
    position: absolute;
    right: 0;
    left: 0;
    top: 6px;
    cursor: pointer;
    text-align: center;
    opacity: 0;
    transition: 0.4s;
  }

  .product-time {
    width: 100%;
    float: right;
    padding: 14px;
    border-top: 1px solid #eee;
    display: none;
  }

  .product-time label {
    font-size: 12px;
    color: #555;
  }

  .product-time span.input-group-addon {
    cursor: pointer;
  }

  .product-time p {
    margin-right: 16px;
    font-size: 12px;
    margin-bottom: 25px;
  }

  .products-all-category {
    float: left;
    background: #03A9F4;
    color: #fff;
    position: relative;
    top: -7px;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 20px;
    font-size: 12px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    border-radius: 6px;
    border: 0;
    height: 34px;
  }

  .categoryproducts-modal-bk {
    opacity: 0;
    transition: 1s;
    position: relative;
    z-index: -1;
  }

  .categoryproducts-modal-bk.show {
    opacity: 1;
    transition: 1s;
    -webkit-transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    /* overflow: hidden; */
    text-align: left;
    --menu-bg: #eeeeee8f;
    --menu-border: rgb(255 255 255 / 0%);
    --item-border: rgba(0, 0, 0, 0.1);
    --item-color: rgb(10, 20, 28);
    --item-bg-hover: rgba(10, 20, 28, 0.09);
    /* height: 0; */
    /* overflow: hidden; */
    background: #49494926;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 12;
  }

  .categoryproducts-modal {
    opacity: 0;
    width: 50%;
    height: 500px;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    box-shadow: 0px 0px 34px #acacac;
    transition: 0.6s;
    z-index: -10;
    margin: auto;
    border-radius: 10px;
  }

  .categoryproducts-modal .btn-close-search {
    background: #FF5858;
    padding: 7px 20px;
    margin-top: 5px;
    margin-left: 10px;
  }

  .categoryproducts-modal.show {
    opacity: 1;
    z-index: 999;
  }

  .categoryproducts-modal h6 {
    text-align: right;
    padding: 9px;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    padding-right: 20px;
  }

  .result-cat {
    overflow: hidden;
    /* height: 335px; */
    overflow-y: scroll;
    direction: rtl;
  }

  .result-cat #categories-list {
    width: 100%;
    max-width: 90%;
    margin: auto;
  }

  .createcustomer-box {
    background: #f2f2f2;
    float: right;
    width: 100%;
    border-radius: 9px;
    margin-bottom: 10px;
    opacity: 0;
    transition: 0.3s;
    height: 0;
    border: 1px solid #c7c7c796;
    margin-top: 10px;
  }

  .createcustomer-box.show {
    opacity: 1;
    height: 245px;
  }

  .createcustomer-box .create-customer-fast-modal-btns {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .createcustomer-box .create-customer-fast-modal-btns .btn-create-customer-btn-fast {
    background-color: #4caf50;
    color: #fff;
    padding: 9px;
    width: 48%;
    box-shadow: 0 0 0 !important;
  }

  .createcustomer-box .create-customer-fast-modal-btns .btn-create-customer-btn-fast-address {
    background-color: #01a9f4;
    color: #fff;
    padding: 10px;
    width: 48%;
    margin: 0 !important;
    box-shadow: 0 0 0 !important;
  }

  .createcustomer-box .create-customer-fast-modal-btns .btn-create-customer-btn-fast-cancell {
    width: 100%;
    margin-top: 15px;
    background-color: #e1e1e1;
    box-shadow: 0 0 0 !important;
    border: 1px solid #cecece !important;
    color: #070707;
    padding: 11px;
    font-weight: 400;
    font-family: 'IRANSansNum' !important;
  }

  .createcustomer-box.show .box-form-customer {
    opacity: 1;
  }

  .createcustomer-box .box-form-customer {
    transition: 2s;
    opacity: 0;
  }

  .createcustomer-box p {
    text-align: right;
    border-bottom: 1px solid #dcdcdc;
    padding: 8px;
    color: #5b5656;
  }

  .discountbox,
  .discountbox-time,
  .capacitybox {
    display: none;
  }

  .discountbox p,
  .capacitybox p {
    font-size: 12px;
    margin-bottom: 25px !important;
    margin-right: 0;
  }

  .customer_msg {
    background: #8bc34a5c;
    color: #456026;
    text-align: center;
    padding: 6px;
    border-radius: 4px;
    transition: 0.6s;
    display: none;
    width: 100%;
    font-size: 12px;
  }

  .custom-search-show-tick label {
    margin-top: 12px;
    font-size: 13px;
    color: #141414;
  }

  .custom-search-show-tick:last-child {
    margin-left: 0px;
    padding: 0 0 0 35px;
  }

  .custom-search-show-tick .dropdown-toggle {
    background-color: #FCFCFC !important;
    margin-top: 6px;
    box-shadow: -2px 2px 40px rgb(0 0 0 / 10%) !important;
    border-radius: 11px !important;
    font-size: 12px !important;
    border: 1px solid #eee !important;
    width: 100%;
    padding: 10px;
    margin-top: 0;
  }

  .btn-search-filter-products,
  .btn-search-filter-products:focus,
  .btn-search-filter-products:hover {
    background: #7cb342;
    color: #fff;
    font-size: 12px !important;
    margin-right: 3px;
    padding: 10px 35px;
    border-radius: 11px !important;
    margin-top: 35px;
  }

  #ipdf {
    border: 0;
  }

  #price_hage_serivce {
    display: none;
  }

  #price_hage_serivce.show {
    display: block;
  }

  .price_hage_serivce,
  .price_hage_serivce:hover,
  .price_hage_serivce:focus {
    margin-bottom: 20px;
    background: #FF9800;
  }

  .p-0 {
    padding: 0;
  }

  .dash-hidden {
    color: transparent;
  }

  .product-all-time {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 10px;
    direction: ltr;
  }

  .product-all-time .reserved-custom-time {
    width: 14.285714285714286%;
    text-align: center;
    color: #fff;
    margin: 0px;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
  }

  .product-all-time .reserved-custom-time label {
    padding: 0 !important;
  }

  .product-all-time .reserved-custom-time [type="checkbox"]+label:before,
  [type="checkbox"]:not(.filled-in)+label:after {
    display: none;
  }

  .product-all-time .reserved-all-time .reserved-custom-time:first-child .open-time {
    border-radius: 15px 8px 8px 15px !important;
  }

  .product-all-time .reserved-all-time .reserved-custom-time:last-child .open-time {
    border-radius: 8px 15px 15px 8px !important;
  }

  .product-all-time .reserved-custom-time .open-time {
    background: #c8c8c8;
    position: relative;
    min-height: 1px;
    border-radius: 8px;
    padding: 16px;
    cursor: pointer;
  }

  .product-all-time .reserved-custom-time .open-time.reserved-this-time {
    background: #e91e63 !important;
    cursor: not-allowed;
  }

  .product-all-time .reserved-custom-time .open-time.time-select-reserved {
    background: #8bc34b !important;
  }

  .mt-2 {
    margin-top: 20px;
  }

  .product-all-time .reserved-custom-time .open-time p:first-child {
    margin-bottom: 5px;
    border-bottom: 1px solid #eeeeee9c;
    padding-bottom: 4px;
    margin: 0 !important;
  }

  .btn-send-sms-customer-birthday {
    background-color: #03a9f4 !important;
    box-shadow: 0 0px 20px #03a9f461 !important;
    padding: 6px;
    padding-right: 28px;
  }

  .btn-send-sms-customer-birthday:before {
    content: '';
    background-image: url(../icons/user-voice-text.svg);
    width: 27px;
    height: 26px;
    position: absolute;
    right: 0px;
    z-index: 9;
    top: 3px;
    background-size: 25px;
    background-repeat: no-repeat;
    /* background-position-x: 23px; */
    /* border-radius: 60px; */
  }

  .product-all-time .reserved-custom-time .open-time p {
    margin-bottom: 0;
  }

  .product-all-time .reserved-all-times {
    display: none;
    opacity: 0;
    transition: 0.6s;
  }

  .btn-login-settings,
  .btn-login-settings:hover,
  .btn-login-settings:focus {
    margin-top: -14px;
    margin-right: 0;
    width: 100%;
  }

  .error-password {
    background: #ff585869;
    color: #821010;
    padding: 6px;
    border-radius: 5px;
    text-align: center;
    width: 323px;
    margin: auto;
  }

  .row-custom-login {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
  }

  .row-custom-login .m-auto {
    margin: auto;
  }

  .btn-exit-security {
    height: 30px;
    margin-left: 10px;
    width: 30px;
    padding: 0;
    background: #7bbc30;
    border-radius: 7px !important;
  }

  .contract,
  .contract:hover,
  .contract:focus {
    width: 100%;
    margin: 0 !important;
    margin-right: -13px !important;
    background: #FF9800;
  }

  #modalcontract #content {
    display: none;
    direction: rtl;
    text-align: justify;
    line-height: 36px;
  }

  .btn-create-pdf-karmand {
    color: #3a3a3a;
    background: #FFC107;
    border: 0;
    padding: 6px 11px;
    margin-top: 20px;
    font-weight: 700;
  }

  .btn-create-pdf-karmand-cancel {
    color: #ffffff;
    background: #e30550;
    border: 0;
    padding: 6px 11px;
    margin-top: 20px;
    font-weight: 700;
  }

  .counter-order.show {
    display: block !important;
  }

  .cont_ready_btn {
    position: absolute;
    right: 0;
    top: 50%;
    background: #E91E63;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 52px 0 0 52px;
    line-height: 28px;
    cursor: pointer;
  }

  .order_number_index {
    background-color: #fff;
    width: 76px;
    height: 76px;
    display: none;
    margin-bottom: 9px;
    display: inline-flex !important;
    border-radius: 22px;
    overflow: hidden;
    margin-top: 14px;
    box-shadow: 0px 0px 30px 2px #cbc9c77d;
    position: relative;
    transition: 0.6s;
    direction: ltr;
    flex-direction: column;
    box-shadow: 0px 0px 8px 2px #ffc1075e;
    border: 1px solid #ffc107a8;
  }

  .order_number_index .miz_used_time {
    margin-top: 6px;
  }

  .order_number_index p {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    font-size: 12px;
    height: 11px;
  }

  .order_number_index i {
    position: absolute;
    top: 26px;
    right: 0;
    left: 0;
    color: #333333;
    font-family: SellenaBrush;
    font-size: 19px;
    font-style: inherit;
  }

  .order_number_list {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 157px;
    margin-top: 5px;
    padding-left: 19px;
    padding-right: 8px;
  }

  .order_number_list::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border-radius: 30px;
  }

  .order_number_list::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
  }

  .order_number_list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a2a2a2;
  }

  hr.hr-admin {
    border-top: 1px solid #e1e1e16b;
    margin-top: 32px;
    margin-bottom: 0;
  }

  .row-custom-index-admin {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .customiz-index-new-box {
    height: 95%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
  }

  .customiz-index-new-box .sun-icon {
    background-image: url(../icons/sun-box.svg);
    position: absolute;
    width: 80px;
    height: 300px;
    left: 0;
    background-repeat: no-repeat;
    top: 0;
  }

  .customiz-index-new-box a,
  .customiz-index-new-box button {
    background-color: #fff;
    width: 100px;
    height: 100px;
    display: none;
    margin-bottom: 9px;
    display: inline-flex !important;
    border-radius: 15px;
    margin-top: 14px;
    box-shadow: inset 0px 0px 10px 0px #a6a6a65c;
    position: relative;
    direction: ltr;
    flex-direction: column;
    border: 1px solid #a6a6a65c;
    text-align: center;
    background: #ffffff;
    text-decoration: none;
    transition: 0.6s;
  }

  .customiz-index-new-box a:before,
  .customiz-index-new-box button:before {
    content: '';
    background: #00000000;
    transition: 0.5s;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    border-radius: 15px;
  }

  .customiz-index-new-box a:hover {
    box-shadow: inset 0px 0px 16px 0px #4343436b;
  }

  .customiz-index-new-box a p {
    margin-top: 12px;
    font-size: 12px;
    color: #413d3d;
  }

  .customiz-index-new-box a span {
    position: absolute;
    right: -10px;
    background: #f8443d;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 70px;
    top: -10px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    opacity: 1;
    transition: 0.6s;
  }

  .customiz-index-new-box button {
    background-color: #fff;
    width: 100px;
    height: 100px;
    display: none;
    margin-bottom: 9px;
    display: inline-flex !important;
    border-radius: 15px;
    margin-top: 14px;
    box-shadow: inset 0px 0px 10px 0px #a6a6a65c;
    position: relative;
    direction: ltr;
    flex-direction: column;
    border: 1px solid #a6a6a65c;
    text-align: center;
    background: #ffffff;
    text-decoration: none;
    transition: 0.6s;
  }

  .customiz-index-new-box button:hover {
    box-shadow: inset 0px 0px 16px 0px #4343436b;
  }

  .customiz-index-new-box button p {
    margin-top: 12px;
    font-size: 12px;
    color: #413d3d;
    width: 100%;
  }

  .customiz-index-new-box button.loading-data span {
    opacity: 0;
    transition: 0.6s;
  }

  .customiz-index-new-box button span {
    position: absolute;
    right: -10px;
    background: #f8443d;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 70px;
    top: -10px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    opacity: 1;
    transition: 0.6s;
  }

  .btn-1-linkscus {
    box-shadow: inset 0px 0px 16px 0px #4caf5040 !important;
  }

  .btn-2-linkscus {
    box-shadow: inset 0px 0px 16px 0px #1bd3ff3b !important;
  }

  .btn-3-linkscus {
    box-shadow: inset 0px 0px 16px 0px #bc06451f !important;
  }

  p.text-elan-index-admin {
    text-align: right;
    width: 100%;
    padding-right: 15px;
  }

  .ayha-icons.ayha-birthday {
    background-image: url(../icons/icon-birthday.png);
    fill: #eee;
    position: relative;
    width: 55px;
    height: 55px;
    display: block;
    background-size: 55px;
    background-repeat: no-repeat;
    right: -21px;
    top: 6px;
  }

  .ayha-icons.ayha-user-alarm {
    width: 55px;
    height: 45px;
    margin: auto;
    display: block;
    border-radius: 31px;
    margin-top: 9px;
  }

  .ayha-icons.ayha-user-alarm:before {
    content: '';
    background-image: url(../icons/iconsbar-3.svg);
    position: relative;
    width: 55px;
    height: 55px;
    display: block;
    background-size: 31px;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    background-position: center;
  }

  .ayha-icons.ayha-user-textsvoice {
    width: 55px;
    height: 45px;
    margin: auto;
    display: block;
    border-radius: 31px;
    margin-top: 9px;
  }

  .ayha-icons.ayha-user-textsvoice:before {
    content: '';
    background-image: url(../icons/iconsbar-1.svg);
    position: relative;
    width: 55px;
    height: 55px;
    display: block;
    background-size: 31px;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    background-position: center;
  }

  .ayha-icons.ayha-user-invoices {
    width: 55px;
    height: 45px;
    margin: auto;
    display: block;
    border-radius: 31px;
    margin-top: 9px;
  }

  .ayha-icons.ayha-user-invoices:before {
    content: '';
    background-image: url(../icons/iconsbar-2.svg);
    position: relative;
    width: 55px;
    height: 55px;
    display: block;
    background-size: 31px;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    background-position: center;
  }

  .ayha-icons.ayha-cash {
    background-image: url(../icons/index-cash.svg);
    fill: #eee;
    position: relative;
    width: 55px;
    height: 55px;
    display: block;
    background-size: 55px;
    background-repeat: no-repeat;
    right: -16px;
    top: 6px;
  }

  .ayha-icons.ayha-index-employees {
    background-image: url(../icons/index-employees.svg);
    fill: #eee;
    position: relative;
    width: 55px;
    height: 55px;
    display: block;
    background-size: 55px;
    background-repeat: no-repeat;
    right: -21px;
    top: 6px;
  }

  .ayha-icons.ayha-index-comments {
    background-image: url(../icons/index-comments.svg);
    fill: #eee;
    position: relative;
    width: 55px;
    height: 55px;
    display: block;
    background-size: 55px;
    background-repeat: no-repeat;
    right: -21px;
    top: 6px;
  }

  .ayha-icons.ayha-index-qr-code {
    background-image: url(../icons/qr-code.svg);
    fill: #eee;
    position: relative;
    width: 55px;
    height: 55px;
    display: block;
    background-size: 55px;
    background-repeat: no-repeat;
    right: -21px;
    top: 6px;
  }

  .btn-off-products-all {
    padding: 0 !important;
  }

  .body-modal-product-on-off {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #64646457;
    z-index: -1;
    transition: 0.6s;
    opacity: 0;
  }

  .body-modal-product-on-off.show {
    transition: 1s;
    -webkit-transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    opacity: 1;
    z-index: 12;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  .modal-product-on-off {
    background: #fff;
    width: 100%;
    max-width: 600px;
    height: 603px;
    position: fixed;
    z-index: -1;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 15px;
    box-shadow: 0 0 35px #5252524f;
    opacity: 0;
  }

  .modal-product-on-off .table-title-custom {
    width: 95%;
    margin: auto;
  }

  .modal-product-on-off .box-scroll-products {
    padding-right: 15px;
    padding-left: 15px;
  }

  .modal-product-on-off.show {
    z-index: 12;
    transition: 1s;
    -webkit-transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    opacity: 1;
  }

  .modal-product-on-off h2 {
    font-size: 16px;
    margin-right: 13px;
  }

  .modal-product-on-off .list-product-asd {
    width: 100%;
    height: 500px;
  }

  .box-scroll-products {
    overflow-y: scroll !important;
    display: flex;
    flex-direction: row-reverse;
    height: 415px;
    border-radius: 20px;
  }

  .box-scroll-products .toggleSwitch a {
    top: -6px;
  }

  .modal-product-on-off .btn-close,
  .modal-product-on-off .btn-close:hover,
  .modal-product-on-off .btn-close:focus {
    background-color: #FF5858 !important;
    color: #fff;
    padding-right: inherit;
    position: absolute;
    left: 10px;
    top: -5px;
    border-radius: 7px !important;
    font-size: 13px !important;
    height: auto;
    width: auto;
    padding: 6px 15px;
  }

  .btn-off-products-all p {}

  .ayha-icons.ayha-index-off-products {
    background-image: url(../icons/offproducts.png);
    fill: #eee;
    position: relative;
    width: 55px;
    height: 55px;
    display: block;
    background-size: 55px;
    background-repeat: no-repeat;
    right: -21px;
    top: 6px;
  }

  .ayha-icons.ayha-go-link {
    background-image: url(../icons/external-link-squared.svg);
    fill: #eee;
    position: relative;
    width: 33px;
    height: 33px;
    display: block;
    background-size: 28px;
    background-position-x: 2px;
    background-position-y: 2px;
    background-repeat: no-repeat;
    left: -37px;
    top: 6px;
    background-color: #fed780;
    border-radius: 50px;
  }

  .amar-bazdid {
    margin-top: -43px;
  }

  .amar-box-kol {
    background: #f4f4f4;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
  }

  .amar-box {
    background: #959595;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    color: #fff;
  }

  i.bell-notfiction-on {
    background-image: url(../icons/bell.svg);
    position: relative;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 0;
    background-size: 24px;
    background-position-y: 3px;
    cursor: pointer;
  }

  i.bell-notfiction-on.off {
    background-image: url(../icons/bells.svg);
    position: relative;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 0;
    background-size: 18px;
    background-position-y: 1px;
    top: 2px;
    right: -6px;
  }

  .btn-exit-admin-top {
    width: 30px;
    height: 30px;
    border-radius: 7px !important;
    padding: 0;
  }

  .btn-customer-lottery,
  .btn-customer-lottery:hover,
  .btn-customer-lottery:focus {
    background: #E91E63;
    color: #fff;
  }

  .btn-lottery-confirm,
  .btn-lottery-confirm:hover,
  .btn-lottery-confirm:focus {
    background: #ffad34;
    color: #fff;
    padding: 7px;
    margin-top: 23px;
    margin-right: -15px;
  }

  .btn-log-show,
  .btn-log-show:hover,
  .btn-log-show:focus {
    padding: 5px 19px !important;
    background: #8ac24b;
    color: #fff;
    font-size: 11px !important;
    margin-top: -5px;
  }

  .mizan-hozor {
    background: linear-gradient(32deg, #8bc34b -60%, #669234 70%);
  }

  .mizan-hozor p.price {
    background: #5d8330b5;
  }

  .lottory-modal {
    opacity: 0;
    width: 50%;
    height: 400px;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    box-shadow: 0px 0px 34px #acacac;
    transition: 0.6s;
    z-index: -10;
    margin: auto;
    border-radius: 10px;
    background-image: url(../images/lotory.gif);
    background-size: 300px;
    background-repeat: no-repeat;
    background-position: center;
  }

  .lottory-modal.show {
    opacity: 1;
    z-index: 99;
  }

  .lottory-modal p {
    position: absolute;
    bottom: 3px;
    right: 0;
    left: 0;
    text-align: center;
  }

  .log_show_product {
    background: #ececec;
    position: relative;
    padding: 9px 0px;
    border-radius: 5px;
    margin-top: 10px;
  }

  .log_show_product p {
    margin: 0;
  }

  .log_show_product .count {
    position: absolute;
    right: 0;
    top: -19px;
    background: #0fbefd;
    color: #fff;
    padding: 5px 9px;
    border-radius: 20px;
  }

  hr.custom-logs {
    margin-top: 10px;
  }

  .product-more-dis {
    background: #eb376d;
    color: #fff;
    border-radius: 11px 0 11px 0;
    padding: 6px;
    cursor: pointer;
    transition: 0.3s;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 22px;
    font-size: 20px;
    top: 13px;
  }

  .product-more-dis[tooltip]:after {
    font-size: 11px;
  }

  .product-more-dis:hover {
    opacity: 0.7;
  }

  .product-more-dis-null {
    /* height: 29px; */
  }

  .btn-close-modal {
    background: #ff2c6a;
    color: #fff;
    padding-right: 12px;
  }

  .product-show-only img {
    margin-right: -3px;
    margin-top: -3px;
  }

  .product-show-only span.count {}

  .admin-reserved-invoices {
    /* margin-bottom: 15px; */
    /* margin-top: 10px; */
    padding: 15px;
  }

  .admin-reserved-invoices .box-invoices-re {
    background: linear-gradient(229deg, #ffc21c 32%, #ffe200 90%);
    padding: 27px;
    text-align: center;
    position: relative;
    border-radius: 6px;
    color: #fff;
    padding-top: 11px;
    padding-bottom: 42px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    margin-bottom: 10px;
    height: 82px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }

  .admin-reserved-invoices .box-invoices-re .delbox {
    width: 110px;
    height: 100px;
    background: #e91e47;
    position: absolute;
    left: -120px;
    top: -8px;
    bottom: 0;
    border-radius: 50px;
    transition: 0.6s;
    z-index: 3;
  }

  .admin-reserved-invoices .box-invoices-re .delbox:before {
    content: '';
    background-image: url(../icons/trashorder.svg);
    position: absolute;
    width: 44px;
    height: 44px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 20px;
    top: 33px !important;
    right: 15px;
  }

  .admin-reserved-invoices .box-invoices-re:hover .delbox {
    left: -18px;
  }

  .admin-reserved-invoices .box-invoices-re .timesreserved {
    position: absolute;
    left: 0;
    top: 0;
    background: #e8b52f;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 8px 0;
    font-size: 12px;
    direction: ltr;
  }

  .admin-reserved-invoices .box-invoices-re p.title {
    display: block;
    text-align: right;
    padding-right: 36px;
    margin: 0;
    font-size: 13px;
    color: #363535;
    position: absolute;
    top: 23px;
  }

  p.customer_name_order {
    width: 82px;
  }

  .theme-cyan .sidebar.minimal-sidbar .legal .copyright a {
    padding-left: 35px;
  }

  .theme-cyan .sidebar.minimal-sidbar .legal .copyright a:before {
    left: 13px;
  }

  .theme-cyan .sidebar .legal .copyright a {
    color: #4a4a4a !important;
    padding-left: 30px;
  }

  .theme-cyan .sidebar .legal .copyright a:before {
    content: '';
    background-image: url(../images/logo.png);
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: cover;
    left: 9px;
    top: 2px;
  }

  .sidebar.minimal-sidbar .process-bar-malia {
    display: none;
  }

  .process-bar-malia {
    height: 9px;
    background: #e3e3e3;
    width: 200px;
    position: absolute;
    right: 20px;
    top: 10px;
    border-radius: 15px;
    padding-left: 3px;
    padding-right: 3px;
    box-shadow: #cfcfcfad 0 0 20px;
  }

  .process-bar-malia div {
    width: 80%;
    height: 5px;
    background: #03a9f4;
    position: relative;
    top: 2px;
    /* border: 0.5px solid #fff; */
    border-radius: 15px;
  }

  .admin-reserved-invoices .box-invoices-re p.price {
    margin: 0;
    text-align: left;
    background: #ffffff;
    padding: 5px 10px;
    position: absolute;
    left: 0;
    border-radius: 0px 16px 16px 0;
    box-shadow: 0px -1px 0px #ffffff3d inset;
    font-size: 12px;
    bottom: 7px;
    color: #434343;
  }

  .admin-reserved-invoices .box-invoices-re i {
    width: 50px;
    height: 50px;
    background: #27272733;
    position: absolute;
    right: 6px;
    top: 17px;
    border-radius: 33px;
  }

  .admin-reserved-invoices .box-invoices-re p.monasebat {
    display: block;
    text-align: right;
    padding-right: 36px;
    margin: 0;
    font-size: 11px;
    color: #5d5d5d;
    position: absolute;
    top: 48px;
  }

  .admin-reserved-invoices .box-invoices-re i p {
    font-style: initial;
    font-size: 21px;
    position: relative;
    top: 12px;
  }

  #toasts_voice {
    position: absolute;
    top: 45%;
    left: 25px;
    z-index: 10;
    transition: 0.6s;
  }

  .voice-text {
    border: 1px solid #01a9f400;
    box-shadow: 1px 1px 20px 1px #00a9ff82;
    --menu-bg: linear-gradient(45deg, #00a9fff7 0%, #00c4ffbf 100%);
  }

  .btn-del-voice {
    background: #000c2d57 !important;
    width: 30px !important;
    border-radius: 19px !important;
  }

  .btn-del-voice i {
    background-image: url(../icons/trashorder.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 13px;
    top: 6px !important;
    right: -2.5px;
  }

  .voice-text .el-default-close-btn,
  .el-default-close-btn:hover {
    display: block;
    width: 81px;
    height: 29px;
    overflow: hidden;
    background: #ffb302;
    color: #ffffff;
    font-size: 13px;
    padding: 5px 8px;
    text-align: center;
    position: absolute;
    top: 4px;
    right: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 16%), 0 2px 20px rgb(0 0 0 / 12%);
    float: none;
    opacity: 1;
    line-height: inherit;
    text-shadow: 0 0px 0 #fff;
  }

  .pr95 {
    padding-right: 95px;
  }

  .btn-voice-text {
    top: 45%;
    --menu-bg: linear-gradient(45deg, #00a9fff7 0%, #00c4ffbf 100%);
    border: 1px solid #0eb8d9;
    box-shadow: 0 2px 20px 0 #00b1fffc;
  }

  .btn-voice-text span {
    position: absolute;
    right: -2px;
    top: 4px;
    height: 19px;
    background: #f8443d;
    color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 15px;
    border-radius: 70px;
    top: -10px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
  }

  .btn-voice-text i:before {
    content: "";
    display: block;
    top: -6px;
    left: 148px;
    position: absolute;
    background-color: #00b0ffbd;
    width: 30px;
    height: 31px;
    border-radius: 50%;
    -webkit-animation: live 2s ease-in-out infinite;
    animation: live 2s ease-in-out infinite;
    z-index: 0;
  }

  body {
    margin: 0;
  }

  .expiration_date_locked_an:before {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #0000004a;
    z-index: 11;
    background: var(--menu-bg);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  .holder {
    display: flex;
    flex-direction: row;
    width: 100%;
    direction: ltr;
    padding-top: 10px;
  }

  .holder .get-it-on-github {
    margin-top: 24px;
    margin-bottom: 24px;
    font-family: "Roboto";
    color: #55606E;
  }

  .audio.green-audio-player {
    width: 400px;
    min-width: 314px;
    height: 31px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.07);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 7px;
    padding-right: 14px;
    border-radius: 18px;
    margin-left: -6px;
    margin-bottom: -7px;
    user-select: none;
    -webkit-user-select: none;
    /* background-color: #00000040; */
    background: linear-gradient(15deg, #24084d66 0%, #326d840a 100%);
  }

  .audio.green-audio-player .play-pause-btn {
    display: none;
    cursor: pointer;
    background: #ffffff;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 14px;
    margin-left: -2px;
  }

  .audio.green-audio-player .play-pause-btn svg {
    width: 10px;
    margin-top: 0px;
    margin-right: -1px;
  }

  .user_textcustom {
    padding-right: 0;
  }

  .user_textcustom .el-notification-title {
    margin-right: 41px;
  }

  .showmorebar {
    left: -25px;
  }

  .text-show-user {
    padding: 0;
    position: relative;
    right: 8px;
    margin-top: 12px;
    text-align: right;
    background: #eff1ff;
    border-radius: 12px;
    color: #000;
    line-height: 24px;
    font-size: 12px;
    padding: 6px 13px;
    text-align: right;
    direction: rtl;
    display: table;
  }

  .audio.green-audio-player .spinner {
    width: 18px;
    height: 18px;
    background-image: url(../images/loading.png);
    background-size: cover;
    background-repeat: no-repeat;
    animation: spin 0.4s linear infinite;
  }

  .audio.green-audio-player .slider {
    flex-grow: 1;
    background-color: #e0e0e0c9;
    cursor: pointer;
    position: relative;
  }

  .audio.green-audio-player .slider .progress {
    background-color: #ffffff;
    border-radius: inherit;
    position: absolute;
    pointer-events: none;
    transition: 0.5s;
  }

  .volume-controls .progress {
    background-color: #ffc008 !important;
  }

  .audio.green-audio-player .slider .progress .pin {
    height: 12px;
    width: 12px;
    border-radius: 8px;
    /* background-color: #65c4f0; */
    position: absolute;
    /* pointer-events: all; */
    /* box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32); */
  }

  .audio.green-audio-player .controls {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #55606E;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
  }

  .audio.green-audio-player .controls .slider {
    margin-left: 16px;
    margin-right: 16px;
    border-radius: 2px;
    height: 4px;
  }

  .audio.green-audio-player .controls .slider .progress {
    width: 0;
    height: 100%;
    transition: 0.1s;
  }

  .audio.green-audio-player .controls .slider .progress .pin {
    right: -8px;
    top: -6px;
  }

  .audio.green-audio-player .controls span {
    cursor: default;
    display: none;
  }

  .audio.green-audio-player .volume {
    position: relative;
  }

  .audio.green-audio-player .volume .volume-btn {
    cursor: pointer;
  }

  .audio.green-audio-player .volume .volume-btn svg {
    width: 16px;
    margin-top: 5px;
  }

  .audio.green-audio-player .volume .volume-btn.open path {
    fill: #ffffff;
  }

  .audio.green-audio-player .volume .volume-controls {
    width: 30px;
    height: 123px;
    /* background-color: rgba(0, 0, 0, 0.62); */
    border-radius: 7px;
    position: absolute;
    left: 32px;
    bottom: -16px;
    flex-direction: column;
    align-items: center;
    display: flex;
    direction: ltr;
    transition: 0.6s;
  }

  .audio.green-audio-player .volume .volume-controls.hidden {
    display: none;
  }

  .audio.green-audio-player .volume .volume-controls .slider {
    margin-top: 26px;
    margin-bottom: 12px;
    width: 6px;
    border-radius: 3px;
  }

  .audio.green-audio-player .volume .volume-controls .slider .progress {
    bottom: -20px;
    height: 100%;
    width: 6px;
  }

  .audio.green-audio-player .volume .volume-controls .slider .progress .pin {
    left: -5px;
    top: -8px;
  }

  .show-not-admin-voice {
    border-radius: 0 40px 40px 0;
    margin-bottom: 0;
    padding: 10px;
  }

  .playsound li a:before {
    content: '';
    background-image: url(../icons/play-button.svg);
    position: absolute;
    width: 20px;
    height: 20px;
    /* display: block; */
    background-repeat: no-repeat;
    left: 11px;
    top: 7px;
    background-size: 20px;
  }

  .btn-invoices-alrm {
    top: 66%;
    background: #e91e63;
    -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 20px 0 #e91e63db;
    border: 1px solid #a71244;
  }

  .btn-invoices-alrm i:before {
    content: "";
    display: block;
    top: -6px;
    left: 148px;
    position: absolute;
    background-color: #af1046;
    width: 30px;
    height: 31px;
    border-radius: 50%;
    -webkit-animation: live 2s ease-in-out infinite;
    animation: live 2s ease-in-out infinite;
    z-index: 0;
  }

  .d-flex {
    display: flex;
  }

  .custom-bar-index {
    height: 124px;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .custom-bar-index a {
    /* margin-right: 31px; */
    margin-top: 6px;
  }

  .diabled-upgrade {
    opacity: 0.5;
  }

  .diabled-upgrade .a-disbaled {
    padding: 0px 13px;
    direction: rtl;
    color: #747474;
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    width: 100%;
    cursor: pointer;
  }

  .diabled-upgrade .a-disbaled span {
    padding-top: 6px;
    padding-right: 5px;
  }

  .diabled-upgrade .a-disbaled span.disabled-span {
    padding-right: 43px;
  }

  .updateplan-modal-bk {
    opacity: 0;
    transition: 1s;
    position: relative;
    z-index: -1;
  }

  .updateplan-modal-bk.show {
    opacity: 1;
    transition: 1s;
    -webkit-transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    /* overflow: hidden; */
    text-align: left;
    --menu-bg: #eeeeee8f;
    --menu-border: rgb(255 255 255 / 0%);
    --item-border: rgba(0, 0, 0, 0.1);
    --item-color: rgb(10, 20, 28);
    --item-bg-hover: rgba(10, 20, 28, 0.09);
    /* height: 0; */
    /* overflow: hidden; */
    background: #49494926;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 12;
  }

  .updateplan-modal {
    opacity: 0;
    width: 50%;
    height: 400px;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    box-shadow: 0px 0px 34px #acacac;
    transition: 0.6s;
    z-index: -10;
    margin: auto;
    border-radius: 10px;
  }

  .updateplan-modal i.plan-pass {
    background-image: url(../icons/plan-pass.gif);
    width: 200px;
    height: 200px;
    display: block;
    margin: auto;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }

  .updateplan-modal h6 {
    text-align: center;
    display: block;
    position: relative;
    font-size: 15px;
    background: #eee;
    margin: auto;
    width: 60%;
    max-width: 400px;
    padding: 16px;
    padding-right: 26px;
    border-radius: 7px;
  }

  .updateplan-modal i.paln-info {
    background-image: url(../icons/plan-icon.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    right: 17px;
    margin-left: 8px;
    top: 13px;
  }

  .plan-links {
    width: 400px;
    margin: auto;
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
    align-content: flex-end;
    align-items: center;
  }

  .btn-in-title {
    position: absolute;
    left: 15px;
    top: 15px;
  }

  a.malia-site {
    background: #5c5c5c;
    padding: 10px !important;
    width: 48%;
    color: #fff;
    text-align: center;
    border: 2px solid #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 20px #5b5b5b57;
    text-decoration: none;
  }

  a.malia-site-support {
    width: 48%;
    padding: 10px !important;
    border: 2px solid #03a9f4;
    border-radius: 10px;
    box-shadow: 0 0 20px #03a9f457;
    text-align: center;
    text-decoration: none;
    color: #03a9f4;
  }

  .updateplan-modal.show {
    opacity: 1;
    z-index: 999;
  }

  .plan-update-blur {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
    background: #ffffffbd;
    border-radius: 15px;
  }

  .plan-update-blur-box {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
    background: #ffffffbd;
    border-radius: 12px;
  }

  .btn-disabled {
    opacity: 0.3;
  }

  .option-disabled {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
    background: #ffffffbd;
  }

  .setting-h3 {
    font-size: 17px;
    text-align: right;
    border-right: 2px solid #949191;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 2px;
  }

  .pr-2 {
    padding-right: 20px !important;
  }

  .mt-1 {
    margin-top: 10px;
  }

  .btn-charge-store-edit-list {
    background: #03A9F4 !important;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    color: #fff;
    border: 0;
    padding: 15px 16px;
    border-radius: 7px;
    font-size: 11px;
    position: relative;
    margin-left: 10px;
  }

  .btn-charge-store-edit-list i {
    background-image: url(../icons/edit.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 20px;
    top: 4px !important;
    right: 1px;
  }

  .cuatom-charge-store-on-off {
    width: 50px !important;
    margin-top: -9px !important;
    margin-bottom: 30px !important;
    margin-right: 19px !important;
    margin-left: 14px;
  }

  .cuatom-charge-store-on-off input {
    left: 0 !important;
  }

  .cuatom-charge-store-on-off input:checked~a {
    margin-left: -18px !important;
  }

  .custom-charge-box-col {
    display: flex;
    flex-direction: column;
  }

  @keyframes spin {
    from {
      transform: rotateZ(0);
    }

    to {
      transform: rotateZ(1turn);
    }
  }

  .chart-ditels-all.loader-filter {
    opacity: 0.5;
  }

  .store-charge-list .charge-on-off-box {
    display: flex;
    justify-content: center;
    padding-top: 10px;
  }

  .store-charge-list .charge-on-off-box span.packin {
    height: 25px;
    width: 62px;
    background: #eee;
    font-size: 12px;
    text-align: center;
    padding: 4px;
    border-radius: 5px;
    margin-top: -3px;
  }

  .store-charge-list .charge-on-off-box span.packin.show {
    background: #FFC107;
  }

  .store-charge-list .charge-on-off-box span.no-pack.show {
    background: #FFC107;
  }

  .store-charge-list .charge-on-off-box span.no-pack {
    height: 25px;
    width: 62px;
    background: #eee;
    font-size: 12px;
    text-align: center;
    padding: 4px;
    border-radius: 5px;
    margin-top: -3px;
  }

  .store-down-charge-price {
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 15px;
    font-size: 12px;
    background: #eee;
    color: #2a2929;
  }

  .checkbox-charge-down {
    /* width: 82%; */
    /* margin-left: 0; */
    /* float: right; */
    margin-bottom: 2px;
  }

  .checkbox-charge-down label {
    width: 100%;
    margin-right: 2px;
    margin-top: 0;
  }

  .checkbox-charge-down label i {
    border: 1px solid #8f8e8e;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 1px;
    top: 1px;
    border-radius: 4px;
  }

  .checkbox-charge-down [type="checkbox"]:checked+label {
    margin-right: 2px;
  }

  .checkbox-charge-down [type="checkbox"]:checked+label:before {
    /* left: auto;
    right: -9px;
    top: 1px;
    opacity: 0;
    transform: rotate(0deg);
    width: 16px;
    height: 16px;
    position: absolute;
    margin-right: 10px; */
    right: 11px;
    width: 7px;
    height: 12px;
    top: 1px;
    /* border: 0; */
    /* background: #a7d96f; */
    /* transform: rotate(0); */
    /* border-radius: 4px; */
    border-bottom-color: #656565;
    border-right-color: #656565;
  }

  .checkbox-charge-down [type="checkbox"]:checked {
    /* left: auto;
    right: 27px;
    position: relative;
    opacity: 1;
    width: 20px;
    height: 20px;
    top: 8px;
    right: 29px; */
    left: 0;
  }

  .checkbox-charge-down input {
    /* width: 16px;
    height: 16px; */
    left: 0 !important;
  }

  .checkbox-charge-down [type="checkbox"]+label:after {
    content: '';
    /* border: 1px solid; */
  }

  .checkbox-charge-down label:before {
    /* width: 16px;
    height: 16px;
    top: 2px;
    padding: 0px;
    margin: 0px;
    margin-right: 5px;
    margin-left: 3px;
    border-color: #8a8a8a !important;
    border: 1px solid;
    border-radius: 4px;
    transition: 0s; */
    border: 0;
  }

  .btn-report-store,
  .btn-report-store:hover {
    background: #12bdfc;
    padding-right: 13px;
    color: #fff;
  }

  tr.tr-empty {
    background: #e91e633d;
    background: linear-gradient(270deg, #e91e633d 0%, rgb(0 255 3 / 0%) 100%);
  }

  tr.tr-empty td:nth-child(2) {
    position: relative;
  }

  tr.tr-empty td:nth-child(2):before {
    content: '';
    background-image: url(../icons/trashorder.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 12px;
    top: 10px !important;
    right: -7px;
    position: absolute;
    z-index: 1;
  }

  tr.tr-empty td:nth-child(2):after {
    content: '';
    background: #e91e63d6;
    width: 24px;
    height: 24px;
    top: 7px !important;
    right: -1px;
    position: absolute;
    z-index: 0;
    border-radius: 3px;
  }

  tr.tr-empty:hover {
    background-color: #e91e6357 !important;
  }

  tr.tr-zrr {
    background: #ff8e003d;
    background: linear-gradient(270deg, #ff83004a 0%, rgb(0 255 3 / 0%) 100%);
  }

  tr.tr-zrr td:nth-child(2) {
    position: relative;
  }

  tr.tr-zrr td:nth-child(2):before {
    content: '';
    background-image: url(../icons/up-down-store.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 15px;
    top: 3px !important;
    right: 3px;
    position: absolute;
    z-index: 1;
    rotate: 180deg;
  }

  tr.tr-zrr td:nth-child(2):after {
    content: '';
    background: #ff8300ed;
    width: 24px;
    height: 24px;
    top: 7px !important;
    right: -1px;
    position: absolute;
    z-index: 0;
    border-radius: 3px;
  }

  tr.tr-zrr:hover {
    background-color: #ff8e004f !important;
  }

  tr.tr-charge {
    background: #00ff032b;
    background: linear-gradient(270deg, rgb(0 181 19 / 32%) 0%, rgb(0 255 3 / 0%) 100%);
  }

  tr.tr-charge td:nth-child(2) {
    position: relative;
  }

  tr.tr-charge td:nth-child(2):before {
    content: '';
    background-image: url(../icons/up-down-store.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 15px;
    top: 11px !important;
    right: -6px;
    position: absolute;
    z-index: 1;
  }

  tr.tr-charge td:nth-child(2):after {
    content: '';
    background: #6eaa2a;
    width: 24px;
    height: 24px;
    top: 7px !important;
    right: -1px;
    position: absolute;
    z-index: 0;
    border-radius: 3px;
  }

  tr.tr-charge:hover {
    background-color: #00ff0366 !important;
  }

  span.mavad-type {
    font-size: 12px;
    background: #FFC107;
    padding: 4px 8px;
    border-radius: 7px;
    position: relative;
    top: -1px;
    margin-right: 15px;
  }

  .take-away .cat-select-products .col-lg-3 {
    width: 20%;
    margin-bottom: 0;
    padding: 8px;
  }

  .take-away .cat-select-products {
    width: 100%;
    height: 342px;
    border-top: 1px solid #eee;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-left: 15px;
    padding-top: 10px;
  }

  .take-away .cat-select-products.show-little {
    height: 380px;
  }

  .take-away .cat-select-products .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
  }

  .take-away .cat-select-products .product {
    width: 100%;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 6px #cbcbcb;
    margin: 0;
    padding-top: 8px;
    margin-top: 7px;
    cursor: pointer;
  }

  .take-away .cat-select-products .product.disabled {
    cursor: no-drop;
    opacity: 0.5;
  }

  .take-away .cat-select-products .product.no-image {
    padding: 0;
  }

  .take-away .cat-select-products .product.no-image .discount-b {
    top: 1px;
    width: 38px;
    padding: 2px;
    font-size: 12px;
  }

  .take-away .cat-select-products .product.no-image p {
    padding-bottom: 0;
    padding-top: 16px;
  }

  .take-away .cat-select-products .product .no-img {
    padding-bottom: 10px;
  }

  .take-away .cat-select-products .product .no-img span {
    width: 100px;
    display: block;
    margin: auto;
    text-align: center;
    background: #01a9f4;
    color: #fff;
    border-radius: 7px;
    padding: 4px;
  }

  .take-away .cat-select-products .product .discount-b {
    position: absolute;
    z-index: 2;
    width: 84px;
    border-radius: 20px;
    right: 0;
    left: 0;
    top: 31px;
    margin: auto;
    text-align: center;
    background: #e91e44;
    color: #fff;
    font-size: 14px;
  }

  .take-away .cat-select-products .product .img:after {
    content: '';
    background-image: url(../icons/menu-nopic.png);
    width: 101px;
    height: 101px;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
    text-align: right;
    z-index: 0;
    background-color: #4a4a4a;
    border-radius: 10px;
  }

  .take-away .cat-select-products .product .img {
    overflow: hidden;
    position: relative;
    height: 101px;
    width: 101px;
    margin: auto;
  }

  .take-away .cat-select-products .product .img span {
    position: absolute;
    bottom: 2px;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-family: 'IRANSansNum';
    z-index: 3;
    font-size: 14px;
  }

  .take-away .cat-select-products .product .img:before {
    content: '';
    background: linear-gradient(rgb(0 0 0 / 0%) 22%, rgb(0 0 0) 100%);
    position: absolute;
    width: 101px;
    height: 50px;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 10px;
    z-index: 2;
  }

  .take-away .cat-select-products .product img {
    width: 100%;
    max-width: 101px;
    margin: 10px;
    margin: auto;
    display: block;
    border-radius: 10px;
    z-index: 1;
    position: relative;
  }

  .take-away .cat-select-products .product p {
    text-align: center;
    padding-top: 7px;
    padding-bottom: 10px;
    font-weight: 500;
    font-family: iransans;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 5px;
    padding-left: 5px;
  }

  .take-away .cat-select-products::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border-radius: 30px;
  }

  .take-away .cat-select-products::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
  }

  .take-away .cat-select-products::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a2a2a2;
  }

  .take-away .cats-products {
    width: 100%;
  }

  .take-away .cats-products .owl-stage-outer {
    transition: 0.3s;
    opacity: 1;
  }

  .take-away .cats-products .owl-stage-outer.typing-search-product {
    cursor: not-allowed;
    opacity: 0.5;
    transition: 0.3s;
  }

  .take-away .cats-products .owl-stage-outer.typing-search-product:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
  }

  .take-away .cats-products .owl-next.disabled span {
    opacity: 0;
  }

  .take-away .cats-products .owl-next,
  .take-away .cats-products .owl-next:hover {
    position: absolute;
    left: -20px;
    top: -5px;
    bottom: 0;
    background: transparent !important;
  }

  .take-away .cats-products .owl-next:hover span {
    width: 45px;
  }

  .take-away .cats-products .owl-next span {
    background: #a3a2a2c9;
    width: 35px;
    height: 35px;
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    border-radius: 0 10px 10px 0;
    color: #ffffff;
    transition: 0.2s;
  }

  .take-away .cats-products .owl-prev.disabled span {
    opacity: 0;
  }

  .take-away .cats-products .owl-prev,
  .take-away .cats-products .owl-prev:hover {
    position: absolute;
    right: -25px;
    top: -5px;
    bottom: 0;
    background: transparent !important;
  }

  .take-away .cats-products .owl-prev:hover span {
    width: 45px;
  }

  .take-away .cats-products .owl-prev span {
    background: #a3a2a2c9;
    width: 35px;
    height: 35px;
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    border-radius: 10px 0 0 10px;
    color: #ffffff;
    transition: 0.2s;
  }

  .take-away .cats-products .owl-cats {}

  .take-away .cats-products .owl-cats .owl-item {
    padding: 4px;
  }

  .take-away .cats-products .owl-cats .owl-item .item.active {
    border: 2px solid #009dd0;
    border-radius: 15px;
    box-shadow: 0 0 6px #01a2d370;
    background: #009dd014;
  }

  .take-away .cats-products .owl-cats .owl-item .item {
    border: 2px solid transparent;
    border-radius: 15px;
    box-shadow: 0 0 6px #cbcbcb;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: 0.3s;
  }

  .take-away .cats-products .owl-cats .owl-item img {
    max-width: 47px;
    margin: auto;
    margin-top: 10px;
  }

  .take-away .cats-products .owl-cats .owl-item p {
    text-align: center;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 500;
    font-family: iransans;
  }

  .take-away .head-sandog {}

  .head-sandog.show-little {}

  .head-sandog.show-little .has-after-left .col-lg-6 {
    width: 25%;
  }

  .head-sandog.show-little .col-lg-9.has-after-left {
    width: 80%;
  }

  .head-sandog.show-little .has-after-left .product-search-b .col-md-4 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-around;
    width: 40%;
  }

  .head-sandog.show-little .has-after-left .product-search-b .col-md-4 button {
    width: 50%;
    margin-right: 5px !important;
    margin: 0;
    padding: 7px;
  }

  .head-sandog.show-little .has-after-left .product-search-b .col-md-4 a {
    width: 50%;
    margin-right: 5px !important;
    margin: 0;
    padding: 7px;
  }

  .head-sandog.show-little .has-after-left .col-md-8 {
    display: flex;
    align-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 60%;
  }

  .head-sandog.show-little .has-after-left .col-md-8>div {
    width: 50%;
    padding-right: 10px;
  }

  .head-sandog.show-little .has-after-left .col-md-8>div input {
    margin: 0;
    padding: 6px;
  }

  .take-away .head-sandog .btn-order-st {
    width: 100%;
    margin-bottom: 10px;
    padding: 7px;
    background: #808080;
    border: 0;
    border-radius: 7px;
    color: #fff;
    font-weight: 500;
    font-family: iransans;
  }

  .take-away .head-sandog .btn-order-st.active {
    background: #01a9f4;
    color: #fff;
    box-shadow: 0 0 7px #01a9f47d;
  }

  .take-away .head-sandog .product-search-b {}

  .take-away .head-sandog .product-search-b i {
    background-image: url(../icons/search.svg);
    position: absolute;
    width: 18px;
    height: 18px;
    left: 20px;
    bottom: 6px;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .take-away .head-sandog .product-search-b #clear-search-input {
    display: none;
    width: 22px;
    height: 22px;
    position: absolute;
    bottom: 4px;
    left: 18px;
    background: #f62e5c;
  }

  .take-away .head-sandog .product-search-b #clear-search-input:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 1.5px;
    border-radius: 10px;
    background: #fff;
    right: 3px;
    rotate: 46deg;
    top: 11px;
  }

  .take-away .head-sandog .product-search-b #clear-search-input:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 1.5px;
    border-radius: 10px;
    background: #fff;
    right: 3px;
    rotate: 316deg;
    top: 11px;
  }

  .take-away .head-sandog .product-search-b #clear-search-input.typing-search-product {
    display: block !important;
  }

  .take-away .head-sandog .product-search-b input {
    width: 100%;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid #b4afaf;
    margin-top: 10px;
  }

  .take-away .head-sandog .product-search-b a {
    width: 100%;
    padding: 6px;
    border-radius: 6px;
    border: 0;
    background: #8BC34A;
    color: #fff;
    font-weight: 500;
    font-family: iransans;
    display: block;
    text-align: center;
    text-decoration: none;
  }

  .take-away .head-sandog .product-search-b button {
    width: 100%;
    padding: 6px;
    border-radius: 6px;
    border: 0;
    background: #8BC34A;
    color: #fff;
    font-weight: 500;
    font-family: iransans;
  }

  .take-away .head-sandog .product-search-b button.invoicestakeaway-cancel-edit-factor {
    background: #e91e4f;
  }

  .take-away .head-sandog .fish-number-per {
    background: #3e3e3e;
    border-radius: 0 0 10px 10px;
    position: absolute;
    top: -21px;
    width: 90px;
  }

  .take-away .head-sandog .fish-number-per p {
    text-align: center;
    background: #fff;
    margin: 10px;
    margin-top: 0;
    border-radius: 0 0 7px 7px;
    font-weight: 400;
    color: #00a39c;
    font-size: 14px;
    font-family: 'IRANSansNum';
  }

  .take-away .head-sandog .fish-number-per span {
    text-align: center;
    width: 100%;
    display: block;
    color: #fff;
    /* border-top: 1px solid #9c9c9c; */
    padding-top: 12px;
    padding-bottom: 11px;
    font-size: 21px;
    font-weight: 500;
    font-family: 'IRANSansNum';
  }

  #fish-add-order-body {
    transition: 0.4s;
  }

  .take-away .big-show {
    width: 72%;
  }

  .cat-select-products .col-lg-3 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .take-away .big-show .col-lg-3 {
    width: 16.6666667%;
    padding: 8px;
  }

  .take-away .big-show .col-lg-3 .product {
    margin: 0;
    margin-bottom: 5px;
    margin-top: 0;
  }

  .take-away .big-show .col-lg-3 .product .img {
    height: 101px;
    width: 101px;
    margin-top: 4px;
  }

  .take-away .big-show .col-lg-3 .product .img img {
    max-width: 101px;
  }

  .take-away .big-show .col-lg-3 .product .img:after {
    width: 101px;
    height: 101px;
  }

  .take-away .big-show .col-lg-3 .product .img:before {
    width: 101px;
    height: 70px;
  }

  #fish-add-order-sidbar {
    /* max-width: 356px; */
    width: 349px !important;
  }

  .owl-carousel-description .owl-item .item.active {
    border: 2px solid #009dd0;
    border-radius: 15px;
    box-shadow: 0 0 6px #01a2d370;
    background: #009dd014;
  }

  .owl-carousel-description .owl-stage {
    width: 100% !important;
  }

  .owl-carousel-description .owl-item .item {
    border: 2px solid transparent;
    border-radius: 15px;
    box-shadow: 0 0 11px #cbcbcb94;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: flex-end;
    flex-wrap: wrap;
    transition: 0.3s;
  }

  .owl-carousel-description .owl-item .item p {
    font-weight: 600;
    font-family: IRANSansNum;
    margin: 0;
    padding: 8px 16px;
  }

  .description-list {
    width: 100%;
    height: 342px;
    border-top: 1px solid #eee;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-left: 15px;
    padding: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 10px;
  }

  .description-list .product {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 6px #cbcbcb;
    margin: 0;
    margin-top: 10px;
    cursor: pointer;
    padding-bottom: 1px !important;
    text-align: center;
    height: fit-content;
    margin-left: 10px;
    transition: 0.3s;
    border: 2px solid #fff;
  }

  .description-list .product p {
    font-weight: 400;
    font-family: IRANSansNum;
    margin: 0;
    padding: 8px 16px;
  }

  .description-list .product.active {
    border: 2px solid #009dd0;
    border-radius: 15px;
    box-shadow: 0 0 6px #01a2d370;
    background: #009dd014;
  }

  .take-away .max-width {
    width: 28% !important;
    /* width: 356px; */
  }

  .take-away .fish-print-per {
    width: 100%;
    border: 1px solid;
    border-radius: 10px;
    border-bottom: 0;
    overflow: hidden;
  }

  .take-away .fish-print-per .fish-head {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-evenly;
    padding: 5px;
    padding-bottom: 7px;
    padding-top: 7px;
  }

  .take-away .fish-print-per .fish-body {
    border-top: 1px solid;
  }

  .take-away .fish-print-per .fish-body .table-responsive {
    height: 334px;
    overflow: auto;
  }

  .take-away .fish-print-per .fish-body .table-responsive thead tr th {
    position: sticky;
    top: 0;
  }

  .take-away .fish-print-per .fish-body .exit-customer-fish {
    background: #095500;
    position: relative;
  }

  .take-away .fish-print-per .fish-body .exit-customer-fish.edit-fish {
    background: #550000;
  }

  .take-away .fish-print-per .fish-body .exit-customer-fish.edit-fish #price-kol {
    direction: ltr;
  }

  .take-away .fish-print-per .fish-body .exit-customer-fish:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 3px;
    border: 1px dashed #fff;
  }

  .take-away .fish-print-per .fish-body .exit-customer-fish:after {
    content: '';
    width: 14px;
    height: 9px;
    position: absolute;
    top: 0px;
    left: 0;
    background: #fff;
    border-radius: 0 10px 10px 0;
  }

  .take-away .fish-print-per .fish-body .exit-customer-fish .sale-btn-customer {
    width: 100%;
    background: #fff;
    border: 0;
    max-width: 90%;
    margin: auto;
    display: block;
    border-radius: 10px 10px 0 0;
    padding: 7px;
    color: #095500;
    margin-top: 5px;
    font-weight: 500;
    font-family: iransans;
  }

  .take-away .fish-print-per .fish-body .exit-customer-fish .sale-btn-customer.edit-fish {
    color: #550000;
  }

  .take-away .fish-print-per .fish-body .exit-customer-fish .sale-btn-customer[disabled] {
    cursor: not-allowed;
  }

  .take-away .fish-print-per .fish-body .exit-customer-fish .prices-gbl {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
  }

  .take-away .fish-print-per .fish-body .exit-customer-fish .prices-gbl div p {
    margin: 0;
    padding: 4px;
    font-size: 11px;
    color: #fff;
    padding-right: 12px;
    padding-left: 12px;
    font-weight: 500;
    font-family: 'IRANSansNum';
  }

  .take-away .fish-print-per .fish-body .exit-customer-fish .prices-b {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
  }

  .take-away .fish-print-per .fish-body .exit-customer-fish.edit-fish .prices-b {
    padding-top: 0;
  }

  .take-away .fish-print-per .fish-body .exit-customer-fish .prices-b div {}

  .take-away .fish-print-per .fish-body .exit-customer-fish .prices-b div p {
    margin: 0;
    padding: 4px;
    font-size: 15px;
    color: #fff;
    padding-right: 12px;
    padding-left: 12px;
    font-weight: 500;
    font-family: 'IRANSansNum';
  }

  .take-away .fish-print-per .fish-body .prices-box {
    border-top: 1px solid;
    padding: 10px;
    padding-top: 0;
    padding-bottom: 5px;
  }

  .take-away .fish-print-per .fish-body .prices-box .price-box-one.black-box {
    background: #323232;
    color: #fff;
    padding: 4px;
    border-radius: 7px;
    cursor: pointer;
  }

  .take-away .fish-print-per .fish-body .prices-box .price-box-one.disabled-discount {
    opacity: 0.5;
    cursor: no-drop;
  }

  .take-away .fish-print-per .fish-body .prices-box .price-box-one.disabled-discount:before {
    content: '';
    position: absolute;
    width: 85%;
    height: 100%;
    z-index: 3;
  }

  .take-away .fish-print-per .fish-body .prices-box .price-box-one {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    margin-bottom: 5px;
  }

  .take-away .fish-print-per .fish-body .prices-box .price-box-one div {}

  .take-away .fish-print-per .fish-body .prices-box .price-box-one div#DiscountBox {}

  .take-away .fish-print-per .fish-body .prices-box .price-box-one div#price_serivce input {
    width: 100%;
    border: 0;
    border-radius: 3px;
    color: #191919;
    text-align: center;
    direction: ltr;
    width: 60px;
  }

  .take-away .fish-print-per .fish-body .prices-box .price-box-one div#price_serivce p {
    margin-right: 0 !important;
    padding-left: 0 !important;
    width: 60px;
    text-align: left;
  }

  .take-away .fish-print-per .fish-body .prices-box .price-box-one div#DiscountBox p:before {
    content: '%';
    float: right;
  }

  .take-away .fish-print-per .fish-body .prices-box .price-box-one div#DiscountBox input {
    width: 100%;
    border: 0;
    border-radius: 3px;
    color: #191919;
    text-align: center;
    direction: ltr;
  }

  .take-away .fish-print-per .fish-body .prices-box .price-box-one div.static-width {
    width: 100px;
  }

  .take-away .fish-print-per .fish-body .prices-box .price-box-one div.static-width2 {
    width: 100px;
  }

  .take-away .fish-print-per .fish-body .prices-box .price-box-one div p {
    margin: 0;
    padding: 4px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'IRANSansNum';
  }

  .take-away .fish-print-per .fish-body .table {
    margin: 0;
    border-collapse: collapse;
  }

  .take-away .fish-print-per .fish-body thead tr {
    background: #fff !important;
  }

  .take-away .fish-print-per .fish-body .table tbody tr {
    cursor: pointer;
  }

  .take-away .fish-print-per .fish-body .table tbody tr.edit-on {
    background-color: #FFC107;
  }

  .take-away .fish-print-per .fish-body .table tr:nth-child(2n + 1) {
    background: #eee;
  }

  .take-away .fish-print-per .fish-body .table tbody tr td:first-child {}

  .take-away .fish-print-per .fish-body .table tbody tr td {
    border: 1px solid;
    border-top: 0px solid;
    border-bottom: 0px solid;
    padding: 8px;
    font-size: 12.5px;
    font-weight: 500;
    font-family: IRANSansNum;
  }

  .take-away .fish-print-per .fish-body .table tbody tr.empty td {
    padding: 16.5px;
  }

  .take-away .fish-print-per .fish-body .table tbody tr td:last-child {
    border-left: 0px solid;
  }

  .take-away .fish-print-per .fish-body .table tbody tr td:first-child {
    border-right: 0px solid;
    max-width: 160px;
    overflow-wrap: break-word;
    width: 160px;
  }

  .take-away .fish-print-per .fish-body .table thead tr th {
    border: 1px solid;
    border-top: 0px solid;
    font-size: 12.5px;
    font-weight: 600;
    font-family: iransans;
    background: #fff;
  }

  .take-away .fish-print-per .fish-body .table thead tr th:first-child {
    border-right: 0px solid;
  }

  .take-away .fish-print-per .fish-body .table thead tr th:last-child {
    border-left: 0px solid;
  }

  .take-away .fish-print-per .fish-head div {
    width: 17%;
    display: flex;
    justify-content: center;
    position: relative;
  }

  .take-away .fish-print-per .fish-head div:last-child:before {
    display: none;
  }

  .take-away .fish-print-per .fish-head div:before {
    content: '';
    height: 88%;
    width: 1px;
    position: absolute;
    left: 0;
    top: 2px;
    background-image: linear-gradient(#3e5d99 33%, rgb(0 0 0 / 0%) 0%);
    background-position: right;
    background-size: 1px 6px;
    background-repeat: repeat-y;
  }

  .take-away .fish-print-per .fish-head div .description-row[disabled] {
    opacity: 0.4;
  }

  .take-away .fish-print-per .fish-head div .description-row {
    border: 0;
    background: transparent;
    color: #3e5d99;
    font-weight: 500;
    font-family: iransans;
    font-size: 11px;
  }

  .take-away .fish-print-per .fish-head div .description-row i {
    background-image: url(../icons/description-icon-s.svg);
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 17px;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    margin-bottom: 1px;
  }

  .take-away .fish-print-per .fish-head div .delete-row[disabled] {
    opacity: 0.4;
  }

  .take-away .fish-print-per .fish-head div .delete-row {
    border: 0;
    background: transparent;
    color: #3e5d99;
    font-weight: 500;
    font-family: iransans;
    font-size: 11px;
  }

  .take-away .fish-print-per .fish-head div .delete-row i {
    background-image: url(../icons/takeaway-delete.svg);
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 17px;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    margin-bottom: 1px;
  }

  .take-away .fish-print-per .fish-head div .add-row[disabled] {
    opacity: 0.4;
  }

  .take-away .fish-print-per .fish-head div .add-row {
    border: 0;
    background: transparent;
    color: #3e5d99;
    font-weight: 500;
    font-family: iransans;
    font-size: 11px;
  }

  .take-away .fish-print-per .fish-head div .add-row i {
    background-image: url(../icons/takeaway-afzayesh.svg);
    background-size: 17px;
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    margin-bottom: 1px;
  }

  .take-away .fish-print-per .fish-head div .edit-row[disabled] {
    opacity: 0.4;
  }

  .take-away .fish-print-per .fish-head div .edit-row {
    border: 0;
    background: transparent;
    color: #3e5d99;
    font-weight: 500;
    font-family: iransans;
    font-size: 11px;
  }

  .take-away .fish-print-per .fish-head div .edit-row i {
    background-image: url(../icons/takeaway-kahesh.svg);
    background-size: 17px;
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    margin-bottom: 1px;
  }

  .take-away .fish-print-per .fish-head div:last-child {
    width: 30%;
  }

  .take-away .fish-print-per .fish-head div:last-child div {
    background: #eee;
    border-radius: 6px;
    padding: 4px;
    font-size: 11px;
    width: 100%;
    text-align: center;
    margin-right: 9px;
    color: #171717;
    display: flex;
    flex-direction: column;
  }

  .take-away .fish-print-per .fish-head div:last-child div p {
    width: 100%;
    margin-bottom: 5px;
  }

  .take-away .fish-print-per .fish-head div:last-child div .inputs-two {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    overflow: hidden;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #7d7d7d;
    padding: 0;
  }

  .take-away .fish-print-per .fish-head div:last-child div .inputs-two input {
    width: 38px;
    border: 0;
    background: transparent;
    text-align: center;
    height: 20px;
    float: left;
  }

  .take-away .fish-print-per .fish-head div:last-child div .inputs-two input:last-child {
    position: relative;
    /* left: 8px; */
    float: right;
    /* padding-right: 13px; */
  }

  .take-away .fish-print-per .fish-head div:last-child div .inputs-two i {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    color: #313030;
    width: 10px;
    height: 10px;
    z-index: 3;
    font-style: unset;
    font-size: 16px;
    top: -1px;
  }

  .take-away .head-sandog .customer-select-box {
    width: 100%;
    height: 31px;
    background: #00a39c;
    border-radius: 7px;
  }

  .take-away .head-sandog .customer-select-box input {
    border: 0;
    border-radius: 5px;
    padding: 4px;
    float: left;
    margin-top: 3px;
    text-align: center;
    margin-left: 3px;
  }

  .take-away .head-sandog .customer-select-box .select-customer {
    background: transparent;
    border: 0;
    color: #fff;
    padding-right: 32px !important;
    position: relative;
    padding: 7px;
    text-align: right;
    font-weight: 300;
  }

  .take-away .head-sandog .customer-select-box .select-customer i {
    background-image: url(../icons/takeaway-customer.svg);
    position: absolute;
    width: 29px;
    height: 29px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 2px;
    top: 0;
  }

  .head-sandog.show-little .col-md-9.has-after-left::before {
    left: 2px;
  }

  .head-sandog.show-little .has-after-left::before {
    height: 33px;
    left: -7px;
  }

  .take-away .has-after-left::before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    background: #dcdcdc;
    left: -5px;
  }

  .info-box.store-report-data {}

  .info-box.store-report-data .form-group {
    margin-bottom: 15px;
  }

  .info-box.store-report-data p {
    font-size: 11px;
    background: #ffebbf;
    padding: 10px 7px;
    margin-left: -15px;
    border-radius: 6px;
    margin-bottom: 4px;
    line-height: 18px;
    color: #462e08;
  }

  .info-box.store-report-data .icon i {
    background-image: url(../icons/icon-store-amar.svg);
    position: relative;
    width: 100%;
    height: 78px;
    max-width: 66px;
    background-size: 61px;
    display: block;
    background-repeat: no-repeat;
    top: 8px;
    right: -12px;
  }

  .info-box.store-report-data .icon i:before {
    display: none;
    opacity: 0 !important;
  }

  .info-box.store-report-data .select-chart-store {
    margin-top: 40px;
    padding-right: 4px;
    padding-left: 33px;
  }

  .info-box.store-report-data .select-chart-store .col-md-6 {
    padding-right: 16px;
    padding-left: 0px;
  }

  .btn-show-logs-report-store,
  .btn-show-logs-report-store:hover,
  .btn-show-logs-report-store:focus {
    background-color: #8bc34a;
    border-radius: 11px;
    box-shadow: 1px 1px 45px 0px #8bc34a6e;
    position: relative;
    bottom: 10px;
    color: #ffff;
    text-decoration: none;
    padding: 9px 14px !IMPORTANT;
    margin-top: 21px;
    margin-bottom: 0px;
    font-size: 12px !important;
    width: 100%;
  }

  .info-box.store-report-data .select-chart-store .custom-c-store {
    margin-right: 0px;
    padding-left: 0;
  }

  .custom-row-settings {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .p-rl-0 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .pr-0 {
    padding-right: 0;
  }

  .fr-w-100 {
    float: right;
    width: 100%;
  }

  .btns-op {
    position: absolute;
    left: 20px;
    top: 17px;
    z-index: 2;
  }

  .btns-op button,
  .btns-op button:hover {
    padding: 6px 12px;
  }

  .search-box-modal-adddescription {
    margin-bottom: 10px;
  }

  .input-search-box-modal-adddescription {
    width: 100%;
    border-radius: 8px !important;
    border: 1px solid #d6d6d6;
    padding: 10px;
    margin-top: 20px;
    font-size: 13px;
    height: 40px;
  }

  #adddescriptionmodal .modal-body {}

  .header-title-modal-product {
    font-weight: 300;
    font-family: IRANSansNum;
    margin-top: -20px;
  }

  .header-title-modal-product span {
    font-family: IRANSansNum;
    font-weight: 600;
    margin-right: 5px;
    font-size: 15px;
  }

  .input-for-descript {
    height: 39px;
  }

  .invoicestakeaway-delete-factor {
    margin-top: 12px;
    background: #E91E63 !important;
  }

  .body-all-custom-logs .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    margin-top: 30px;
  }

  .body-all-custom-logs .col-lg-2 {
    margin-bottom: 20px;
  }

  .body-all-custom-logs .log-info {
    width: 100%;
    height: 150px;
    background: #6c6c6c;
    max-width: 130px;
    margin: auto;
    border-radius: 15px;
    box-shadow: 0px 2px 6px #00000029;
    border: 1px solid #fff;
    cursor: pointer;
  }

  .body-all-custom-logs .log-info.edit-after {
    background: #550000;
  }

  .body-all-custom-logs .log-info .background-body {
    width: 100%;
    height: 100%;
    box-shadow: inset 0 4px 6px #00000054;
    border-radius: 15px;
    position: relative;
  }

  .body-all-custom-logs .log-info .background-body i {
    background-image: url('../icons/save-factor.svg');
    width: 40px;
    height: 40px;
    position: absolute;
    background-size: cover;
    right: 0;
    left: 0;
    top: -4px;
    margin: auto;
    display: none;
  }

  .body-all-custom-logs .log-info .background-body i.show-save {
    display: block;
  }

  .body-all-custom-logs .log-info .background-body p {
    color: #fff;
    font-weight: 500;
    font-family: 'IRANSansNum';
    text-align: center;
    font-size: 23px;
    padding-top: 35px;
  }

  .body-all-custom-logs .log-info .background-body hr {
    border-top: 1px solid #eeeeee9e;
    margin-top: 0;
    margin-bottom: 0;
  }

  .body-all-custom-logs .log-info .background-body .times-all {
    background: #fff;
    max-width: 100px;
    margin: auto;
    border-radius: 15px 15px 0 0;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
  }

  .body-all-custom-logs .log-info .background-body .times-all p:first-child {
    padding: 0;
    margin-top: 7px;
    font-weight: 400;
    color: #6c6c6c;
    font-size: 16px;
    border-bottom: 1px solid #eee;
  }

  .body-all-custom-logs .log-info .background-body .times-all p:last-child {
    color: #6c6c6c;
    font-weight: 400;
    font-size: 13px;
    padding: 0px;
    margin-bottom: 3px;
  }

  #factor-modal {}

  #factor-modal .factor-info h3 {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 15px;
  }

  #factor-modal #fish-infor {
    width: 100%;
    display: flex;
    justify-content: space-around;
    border-top: 1px solid;
    direction: rtl;
  }

  #factor-modal #customer-name {
    border-top: 1px solid;
    display: flex;
    flex-direction: row-reverse;
  }

  #factor-modal #customer-name p {
    margin: 0;
    padding: 5px;
    font-size: 10px;
    font-weight: 600;
    text-align: right;
    color: #000;
    direction: rtl;
    width: 50%;
  }


  #factor-modal #customer-name-after {
    border-top: 1px solid;
    display: flex;
    flex-direction: row-reverse;
  }

  #factor-modal #customer-name-after p {
    margin: 0;
    padding: 5px;
    font-size: 10px;
    font-weight: 600;
    text-align: right;
    color: #000;
    direction: rtl;
    width: 50%;
  }

  #factor-modal #fish-infor div {
    width: 50%;
    display: flex;
    justify-content: space-between;
  }

  #factor-modal #fish-infor div:first-child p {
    text-align: right;
  }

  #factor-modal #fish-infor p {
    margin: 0;
    padding: 9px;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    color: #000;
    float: left;
    width: 100%;
    text-align: left;
  }

  #factor-modal .table-responsive {
    border: 1px solid;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    direction: rtl;
    margin-bottom: 20px;
  }

  #factor-modal .container {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
  }

  #factor-modal .container tr:nth-child(odd) {
    background-color: #e7e7e7;
  }

  #factor-modal .container tr td:first-child {
    border-right: 0px solid;
    max-width: 160px;
    overflow-wrap: break-word;
    width: 160px;
    padding: 5px;
  }

  #factor-modal .container tr td {
    text-align: center;
    border-left: 1px solid;
    color: #000;
    font-size: 13px;
  }

  #factor-modal .container tr td:last-child {
    border-left: 0px solid;
  }

  #factor-modal .container th:first-child {
    border-right: 0;
  }

  #factor-modal .container th {
    background-color: #ffffff;
    border: 1px solid;
    text-align: center;
    border-top: 0;
    padding: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #000;
  }

  #factor-modal .container th:last-child {
    border-left: 0;
  }

  #factor-modal .price-factor {
    width: 100%;
    display: flex;
    border-top: 1px solid;
    flex-direction: row;
    flex-wrap: wrap;
  }

  #factor-modal .price-factor.price-info-m div {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 10px;
    padding-left: 15px;
  }

  #factor-modal .price-factor div {
    width: 50%;
    display: flex;
    justify-content: space-around;
    font-size: 13px;
    font-weight: 600;
  }

  #factor-modal .price-factor div p {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #000;
  }

  #factor-modal .price-factor-buy {
    width: 100%;
    display: flex;
    border-top: 1px solid;
    flex-wrap: wrap;
    justify-content: space-around;
    background: #009ce2;
    color: #fff;
    position: relative;
    min-height: 77px;
  }

  #factor-modal .price-factor-buy:before {
    content: '';
    width: 100%;
    height: 10px;
    border-top: 2px dashed;
    position: relative;
    top: 3px;
  }

  #factor-modal .price-factor-buy:after {
    content: '';
    width: 20px;
    height: 12px;
    position: absolute;
    top: -2px;
    left: 0;
    z-index: 2;
    background: #fff;
    border: 1px solid rgb(0 0 0);
    border-left: 0;
    border-radius: 0 10px 10px 0;
  }

  #factor-modal .price-factor-buy p:first-child {
    text-align: right;
  }

  #factor-modal .price-factor-buy p {
    font-size: 16px;
    font-weight: 600;
    width: 48%;
    text-align: left;
    margin-top: 3px;
    margin-bottom: 11px;
    font-weight: 400;
    font-family: 'IRANSansNum';
  }


  #factor-modal .price-factor-buy p#price-mabetafavot-after {
    direction: ltr;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  #factor-modal .price-factor-buy p#price-mabetafavot-after span:first-child {
    margin-left: 6px;
  }

  #factor-modal .price-factor-buy p#price-mabetafavot-after span {
    font-weight: 400;
    font-family: 'IRANSansNum';
  }



  #factor-modal .factor-ngd-cart {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }

  #factor-modal .factor-ngd-cart div {
    width: 50%;
  }

  #factor-modal .factor-ngd-cart p {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #000;
  }

  #factor-modal .print-def-msg {
    background: rgb(0 0 0);
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 10px;
    font-weight: 600;
  }

  #factor-modal #log-taxi,
  #factor-modal #after-log-taxi {
    margin-bottom: 10px;
  }

  #factor-modal #log-taxi div:first-child,
  #factor-modal #after-log-taxi div:first-child {
    border-radius: 10px 10px 0 0;
  }

  #factor-modal #log-taxi div:last-child,
  #factor-modal #after-log-taxi div:last-child {
    border-radius: 0 0 10px 10px;
    border-bottom: 1px solid;
  }

  #factor-modal #log-taxi div,
  #factor-modal #after-log-taxi div {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 10px;
    padding-left: 15px;
    border: 1px solid;
    border-bottom: 0;
    direction: rtl;
  }

  #factor-modal #log-taxi div p:first-child,
  #factor-modal #after-log-taxi div p:first-child {
    width: 30%;
  }

  #factor-modal #log-taxi div p,
  #factor-modal #after-log-taxi div p {
    text-align: right;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #000;
  }

  #factor-modal #log-taxi div p#log-taxi-payer-type,
  #factor-modal #after-log-taxi div p#after-log-taxi-payer-type {
    width: 30%;
  }

  #factor-modal #log-taxi div p#log-taxi-price,
  #factor-modal #after-log-taxi div p#after-log-taxi-price {
    width: 70%;
  }

  #factor-modal #log-taxi div p#log-taxi-carname-color,
  #factor-modal #after-log-taxi div p#after-log-taxi-carname-color {
    width: 50%;
  }

  #factor-modal #log-taxi div p#log-taxi-car-pelak {
    width: 50%;
  }

  #factor-modal #log-taxi div p#log-taxi-car-pelak,
  #factor-modal #after-log-taxi div p#after-log-taxi-car-pelak {
    text-align: left;
    margin: 0;
    padding: 5px;
    font-size: 12px;
    font-weight: 600;
    direction: rtl;
    unicode-bidi: bidi-override;
  }

  #factor-modal #log-delivery,
  #factor-modal #after-log-delivery {
    margin-bottom: 10px;
  }

  #factor-modal #log-delivery div:first-child,
  #factor-modal #after-log-delivery div:first-child {
    border-radius: 10px 10px 0 0;
  }

  #factor-modal #log-delivery div:last-child,
  #factor-modal #after-log-delivery div:last-child {
    border-radius: 0 0 10px 10px;
    border-bottom: 1px solid;
  }

  #factor-modal #log-delivery div,
  #factor-modal #after-log-delivery div {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 10px;
    padding-left: 15px;
    border: 1px solid;
    border-bottom: 0;
    direction: rtl;
  }

  #factor-modal #log-delivery div p,
  #factor-modal #after-log-delivery div p {
    text-align: right;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #000;
  }

  #factor-modal #log-delivery div p:first-child,
  #factor-modal #after-log-delivery div p:first-child {
    width: 30%;
  }

  #factor-modal #log-delivery div p#log-delivery-price,
  #factor-modal #after-log-delivery div p#after-log-delivery-price {
    width: 70%;
  }

  #factor-modal #log-delivery div p#log-delivery-payer-type,
  #factor-modal #after-log-delivery div p#after-log-delivery-payer-type {
    width: 30%;
  }

  .btn-save-invoice-log-like {
    padding-right: inherit;
    background: #808080;
    color: #fff;
  }

  .btn-save-invoice-log-like.active {
    background: #FFC107;
    color: #494242;
  }

  .btn-back-invoicestakeaway {
    background: #E91E63;
    padding: 8px 22px;
  }

  .search-box-factor {
    position: absolute;
    left: 110px;
    top: 6px;
  }

  .search-box-factor i.search {
    background-image: url(../icons/search.svg);
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 18px;
    bottom: 8px !important;
    left: 7px;
    position: absolute;
  }

  .search-box-factor input {
    background-color: #FCFCFC;
    margin-top: 6px;
    padding: 9px 13px;
    box-shadow: -2px 2px 40px rgb(0 0 0 / 10%);
    border-radius: 11px;
    font-size: 12px;
    border: 1px solid #eee;
    width: 100%;
  }

  .modal-dialog.big-two-edit {
    width: 900px;
  }

  .after-edit {
    display: none;
  }

  .after-edit.show {
    display: block;
  }

  .custom-flex-fishs.show {
    display: flex !important;
    justify-content: space-between;
    padding: 0;
  }

  .custom-flex-fishs.show>div {
    width: 50%;
    padding: 15px;
  }

  .after-factor-fish-title {
    text-align: center;
    background: #4e0000;
    color: #fff;
    border-radius: 12px;
    margin-bottom: 10px;
    box-shadow: 0 0 11px #abababa8;
    border: 1px solid;
  }

  .after-factor-fish-title p {
    font-weight: 500;
    font-family: 'IRANSansNum';
    margin: 0;
    padding: 10px;
    box-shadow: inset 0 3px 6px #403f3f;
    border-radius: 12px;
  }

  .before-factor-fish-title {
    text-align: center;
    background: #01a29c;
    color: #fff;
    border-radius: 12px;
    margin-bottom: 10px;
    box-shadow: 0 0 11px #abababa8;
    border: 1px solid;
  }

  .before-factor-fish-title p {
    font-weight: 500;
    font-family: 'IRANSansNum';
    margin: 0;
    padding: 10px;
    box-shadow: inset 0 3px 6px #5c5c5c96;
    border-radius: 12px;
  }

  .price-factor-asli-t p {
    font-size: 12px !important;
  }

  .price-mabe-p-final {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .price-mabe-p-final p:first-child {
    font-size: 16px !important;
    padding-right: 5px;
  }

  .price-mabe-p-final p:last-child {
    font-size: 15px !important;
    padding-left: 5px;
  }

  .footer-log-factor-edit {
    width: 70%;
    background: #e1e1e1;
    border-radius: 12px;
    /* box-shadow: 0 0 11px #abababa8; */
    border: 1px solid;
    max-width: 536px;
    border: 1px solid #fff;
  }

  .footer-log-factor-edit>div {
    /* box-shadow: inset 0 3px 6px #5a5a5a96; */
    border-radius: 12px;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .footer-log-factor-edit p {
    direction: rtl;
    color: #222;
    font-weight: 500;
    font-family: 'IRANSansNum';
    margin: 0;
    padding: 10px;
    /* box-shadow: inset 0 3px 6px #5c5c5c96; */
    /* border-radius: 12px; */
  }

  .footer-log-factor-edit p#price-mabetafavot-after-footer {
    direction: ltr;
    display: flex;
    flex-direction: row-reverse;
  }

  .footer-log-factor-edit p#price-mabetafavot-after-footer span:first-child {
    margin-left: 6px;
  }

  .footer-log-factor-edit p#price-mabetafavot-after-footer span {
    font-weight: 500;
    font-family: 'IRANSansNum';
  }

  #modal-footer-info-log-factor .footer-log-factor-edit {
    display: none;
  }

  #modal-footer-info-log-factor.show-other-price .footer-log-factor-edit {
    display: block;
  }

  #modal-footer-info-log-factor .btns-in-footer {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  #modal-footer-info-log-factor.show-other-price .btns-in-footer {
    width: 30%;
  }

  #factor-modal .modal-footer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }



  #factor-modal .modal-footer .btns-in-footer button {
    width: 45%;
    text-align: center;
    padding: 10px;
    border-radius: 13px !important;
    height: 40px;
  }




  .discount-product-setting-product-list {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
    margin-top: 20px;
  }

  .discount-product-setting-product-list li {
    padding: 10px;
  }

  .discount-product-setting-product-list .product-info {
    padding: 17px;
    padding-top: 17px;
    padding-bottom: 17px;
    background: #f2f2f2;
    border-radius: 10px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
  }

  .discount-product-setting-product-list .product-info label {
    margin: 0;
    line-height: 25px;
    padding-right: 28px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'IRANSansNum' !important;
  }

  .discount-product-setting-product-list .product-info label:before {
    top: 2px !important;
  }

  .discount-product-setting-product-list .product-info label:after {
    top: 2px !important;
  }

  h3.cat-productlist-title {
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    font-family: 'IRANSansNum' !important;
  }

  .discount-product-setting-product-list .product-info .input-discount-product-single {
    width: 50px;
  }

  .discount-product-setting-product-list .product-info .input-discount-product-single input {
    width: 100%;
    border-radius: 7px;
    border-color: #DCDCE6;
    font-size: 12px;
    border: 1px solid #c8c8c8;
    text-align: center;
    padding: 3px;
  }

  .discount-product-setting-product-list .product-info .input-discount-product-single input:disabled {
    cursor: no-drop;
  }



  .permissions-ul-edit {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
    margin-top: 20px;
  }

  .permissions-ul-edit li {
    padding: 5px;
  }

  .permissions-ul-edit .val-permissions {
    padding: 10px;
    background: #f2f2f2;
    border-radius: 10px;
  }

  .permissions-ul-edit .val-permissions label {
    margin: 0;
    line-height: 25px;
    padding-right: 28px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'IRANSansNum' !important;
  }

  .permissions-ul-edit .val-permissions label:before {
    top: 2px !important;
  }

  .permissions-ul-edit .val-permissions label:after {
    top: 2px !important;
  }

  h3.permissions-title {
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    font-family: 'IRANSansNum' !important;
  }

  .box-all-permissions {
    position: relative;
    background: #eee;
    padding: 5px;
    border-radius: 11px;
    margin-top: 15px;
  }

  .box-all-permissions .permissions-title {
    margin-top: 8px;
    padding-right: 10px;
  }

  .btn-all-permissions {
    position: absolute;
    top: 13px;
    left: 20px;
  }

  .btn-all-permissions .val-permissions label:after {}

  .btn-all-permissions .val-permissions label:before {
    top: -2px;
  }

  .btn-all-permissions .val-permissions [type="checkbox"]:checked+label:before {
    left: auto;
    right: 9px;
    top: -5px;
  }

  .card-list-price-seals {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .btn-report-products-count {
    position: relative;
    float: left;
    top: -27px;
    background-color: #01a9f4;
    border-radius: 11px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    bottom: 10px;
    color: #ffff;
    text-decoration: none;
    padding: 9px 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 12px !important;
    border: 0;
    display: none;
  }

  .box-all-product-discount {
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 30px;
  }

  .box-all-product-discount .form-group {
    margin-bottom: 0;
  }

  .box-all-product-discount .val-permissions {
    margin-top: 4px;
  }

  .modal_report_products_count .modal-dialog {
    width: 900px;
  }

  .modal_report_products_count .modal-footer button {
    margin-top: 15px !important;
    padding: 8px 21px;
    border-radius: 11px !important;
    margin-left: 5px;
  }

  .custom-table-count-seal-products {
    height: 500px;
  }

  .custom-table-count-seal-products thead tr th {
    position: sticky;
    top: 0;
    background: #fff;
    border-bottom: 1.5px solid !important;
    font-weight: 500;
    font-family: 'IRANSansNum';
    color: #545454;
    font-size: 13px;
  }

  .custom-table-count-seal-products tbody tr td {
    font-size: 13px;
  }

  .report-seal-description {
    border: 1px solid #aeaeaeee;
    border-radius: 10px;
    margin-top: 20px;
    background: #f5f5f5;
  }

  .report-seal-description hr {
    margin-top: 0;
    margin-bottom: 15px;
    border-top: 1px solid #adadad;
    margin-right: 10px;
    margin-left: 10px;
  }

  .report-seal-description p span {
    position: absolute;
    left: 41px;
    letter-spacing: 5px;
  }

  .report-seal-description p:first-child {
    text-align: right;
    padding: 10px;
    font-weight: 500;
    font-family: 'IRANSansNum';
    font-size: 11px;
    padding-bottom: 0;
    letter-spacing: 0;
  }

  .report-seal-description p {
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 14px;
  }

  .report-seal-info {
    border: 1px solid #aeaeaeee;
    border-radius: 10px;
    margin-top: 20px;
    background: #f5f5f5;
    display: flex;
    padding-top: 10px;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .report-seal-info .col-md-9 {
    padding: 0;
  }

  .report-seal-info img {
    width: 100%;
    max-width: 80px;
    position: relative;
    top: -5px;
    max-width: 75px;
    margin-top: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
  }

  .report-seal-info .report-cafe-name {
    font-weight: 500;
    font-family: 'IRANSansNum';
    font-size: 16px;
    margin-top: 22px;
    margin-bottom: 5px;
    position: relative;
    right: -10px;
  }

  .report-seal-info .report-cafe-owner {
    font-size: 12px;
    position: relative;
    right: -10px;
  }

  .report-seal-info hr {
    border-top: 1px dashed #7e7e7e;
    margin-top: 0px;
    margin-bottom: 10px;
  }

  .report-seal-info .report-seal-times {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .report-seal-info .report-seal-conts-seal-all {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .report-seal-info .report-seal-conts-seal-all p {
    font-weight: 400;
    font-family: 'IRANSansNum';
    font-size: 12px;
  }

  .report-seal-price {
    width: 100%;
    display: flex;
    /* justify-content: flex-end; */
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
  }

  .report-seal-price div {
    width: 50%;
    display: flex;
    justify-content: space-around;
    position: relative;
  }

  .report-seal-price div p {
    font-weight: 400;
    font-family: 'IRANSansNum';
    font-size: 12px;
    width: 50%;
    padding-top: 2px;
    padding-bottom: 4px;
  }

  .report-seal-price div:first-child:before {
    content: '';
    position: absolute;
    left: 0px;
    top: -8px;
    height: 40px;
    width: 1px;
    border-left: 1px dashed #9b9b9b;
  }

  .report-seal-price div:first-child p:last-child {
    padding-left: 10px;
  }

  .report-seal-price div:last-child p:first-child {
    padding-right: 10px;
  }

  .report-seal-price div p:last-child {
    text-align: left;
  }

  .report-seal-info .report-seal-times p {
    width: 50%;
    font-weight: 400;
    font-family: 'IRANSansNum';
    font-size: 12px;
  }

  .report-seal-info .report-seal-times p:first-child {
    text-align: right;
  }

  .report-seal-info .report-seal-times p:last-child {
    text-align: left;
  }

  .categoryproducts-modal .result-cat {
    height: 405px;
    width: 100%;
  }

  .categoryproducts-modal .result-cat .products-cat {
    width: 100%;
    max-width: none;
  }

  .categoryproducts-modal .result-cat .dd-list {
    margin: auto;
    float: none;
    width: 600px;
  }

  #colorbox {
    /* display: none; */
    width: 100%;
    float: right;
  }

  #colorbox input.colorpad {
    padding: 3px;
    background: transparent;
    width: 100%;
    height: 35px;
    border: 1px solid #d6d5d5;
    border-radius: 7px;
    margin-top: 5px;
  }

  #colorbox .default-colors {
    width: 100%;
    display: flex;
  }

  #colorbox .default-colors .colors {
    width: 16.666666666666667%;
    height: 50px;
    padding: 10px;
    padding-top: 5px;
    cursor: pointer;
  }

  #colorbox .default-colors .colors.active i {
    border: 1px solid #fff;
    position: relative;
  }

  #colorbox .default-colors .colors.active i:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(../icons/checkcolor.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    border-radius: 3px;
  }

  #colorbox .default-colors .colors i {
    width: 35px;
    height: 35px;
    display: block;
    margin: auto;
    transition: 0.3s;
  }

  #colorbox .default-colors .colors i:before {
    transition: 0.3s;
  }

  #colorbox .default-colors .colors.color-1 i {
    background: #e8174b;
    border-radius: 6px;
    box-shadow: 0 0 7px #e8174b57;
    transition: 0.3s;
  }

  #colorbox .default-colors .colors.color-2 i {
    background: #FF5722;
    border-radius: 6px;
    box-shadow: 0 0 7px #ff572257;
  }

  #colorbox .default-colors .colors.color-3 i {
    background: #FFC107;
    border-radius: 6px;
    box-shadow: 0 0 7px #ffc10757;
  }

  #colorbox .default-colors .colors.color-4 i {
    background: #8BC34A;
    border-radius: 6px;
    box-shadow: 0 0 7px #8bc34a57;
  }

  #colorbox .default-colors .colors.color-5 i {
    background: #03A9F4;
    border-radius: 6px;
    box-shadow: 0 0 7px #03a9f452;
  }

  #colorbox .default-colors .colors.color-6 i {
    background: #673AB7;
    border-radius: 6px;
    box-shadow: 0 0 7px #673ab752;
  }

  #colorbox .default-colors .colors.color-7 i {
    background: #d47e00;
    border-radius: 6px;
    box-shadow: 0 0 7px #673ab752;
  }

  #colorbox .default-colors .colors.color-8 i {
    background: #7b797e;
    border-radius: 6px;
    box-shadow: 0 0 7px #673ab752;
  }

  #system-color {
    display: none;
  }

  #custom-color {
    display: none;
  }

  .stroe-search-input {
    background-color: #FCFCFC;
    margin-top: 6px;
    padding: 7px 13px;
    box-shadow: -2px 2px 40px rgb(0 0 0 / 10%);
    border-radius: 11px;
    font-size: 12px;
    border: 1px solid #eee;
    width: 100%;
    max-width: 250px;
    position: absolute;
    top: 7px;
    left: 147px;
  }

  .btn-print-again-fish {
    background: #0095d9;
    width: 44px;
    height: 38px;
    padding: 0;
    border-radius: 0px 0px 20px 20px !important;
    margin: auto;
    display: block;
  }

  .btn-print-again-fish i {
    background-image: url(../icons/Printer.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 20px;
    top: 5px !important;
    right: -2px;
  }

  .stroe-list-search-input {
    background-color: #FCFCFC;
    margin-top: 6px;
    padding: 7px 13px;
    box-shadow: -2px 2px 40px rgb(0 0 0 / 10%);
    border-radius: 11px;
    font-size: 12px;
    border: 1px solid #eee;
    width: 100%;
    max-width: 250px;
    position: absolute;
    top: 7px;
    left: 20px;
  }

  .fishs-checkboxs {}

  .fishs-checkboxs input[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0;
  }

  .fishs-checkboxs input[type="checkbox"]:not(:checked),
  .fishs-checkboxs input[type="checkbox"]:checked {
    left: 0;
  }

  .modal-print-last-body {
    height: 300px;
  }

  .modal-print-last-body .btn-print-all-fishs {
    background: #8bc34b;
    padding-right: inherit;
    color: #fff;
    margin-top: 20px;
    width: 100%;
    padding: 10px;
  }

  .modal-print-last-body .btn-cancel-store-empty-settings {
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    background-color: #e91e4b !important;
  }

  .box-select-fish [type="checkbox"].filled-in:checked+label:after {
    top: 10px;
    right: 10px;
  }

  .box-select-fish [type="checkbox"].filled-in:not(:checked)+label:after {
    top: 10px;
    right: 10px;
  }

  .box-select-fish [type="checkbox"].filled-in:checked+label:before {
    top: 10px;
    right: 20px;
  }

  .box-select-fish [type="checkbox"].filled-in:not(:checked)+label:before {
    top: 10px;
    right: 20px;
  }

  .box-select-fish label {
    background: #eee;
    width: 100%;
    display: inline-table;
    padding: 10px;
    padding-right: 37px !important;
    border-radius: 7px;
  }

  .box-select-fish label {}

  .btn-report-products-count-print-all {
    position: relative;
    float: left;
    top: -27px;
    background-color: #01a9f4;
    border-radius: 11px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    bottom: 10px;
    color: #ffff;
    text-decoration: none;
    width: 35px;
    height: 35px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 12px !important;
    border: 0;
    display: none;
    margin-left: 10px;
    background: #fc9f00 !important;
  }

  .btn-report-products-count-print-all i {
    background-image: url(../icons/Printer.svg);
    position: absolute;
    width: 30px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 20px;
    top: 8px !important;
    right: -3px;
  }

  .btn-report-weather {
    position: relative;
    float: left;
    top: -27px;
    background-color: #01a9f4;
    border-radius: 11px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    bottom: 10px;
    color: #ffff;
    text-decoration: none;
    width: 35px;
    height: 35px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 12px !important;
    border: 0;
    display: none;
    margin-left: 10px;
    background: #8bc34b !important;
  }

  .btn-report-weather i {
    background-image: url(../icons/Weathericon.png?v=1);
    position: absolute;
    width: 30px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 20px;
    top: 8px !important;
    right: -3px;
  }

  .btn-again-log {
    position: absolute;
    right: 22px;
    top: 1px;
    border-radius: 0px 15px 0px 20px !important;
    z-index: 9;
  }

  .customer-log-filter-title {
    font-size: 16px !important;
  }

  .box-all-price-customer-buy-log {
    background: linear-gradient(32deg, #005DAC -60%, #00A2D3 70%);
    padding: 27px;
    text-align: center;
    position: relative;
    border-radius: 6px;
    color: #fff;
    padding-top: 11px;
    padding-bottom: 42px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    margin-bottom: 30px;
  }

  .box-all-price-customer-buy-log i {
    width: 60px;
    height: 60px;
    background: #21212138;
    position: absolute;
    right: 6px;
    top: 5px;
    border-radius: 33px;
    border: 0.5px solid #ffffff52;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
  }

  .box-all-price-customer-buy-log p.title {
    display: block;
    text-align: right;
    padding-right: 48px;
    margin: 0;
    font-size: 11px;
  }

  .box-all-price-customer-buy-log p.price {
    margin: 0;
    text-align: left;
    background: #1486ab;
    padding: 5px 10px;
    position: absolute;
    left: 0;
    border-radius: 0px 16px 16px 0;
    box-shadow: 0px -1px 0px #ffffff3d inset;
    font-size: 12px;
    bottom: 7px;
  }

  .box-all-price-customer-buy-log i:before {
    content: '';
    background-image: url(../icons/price-sood.png?v=1);
    position: absolute !important;
    width: 40px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    right: 8px;
    top: 8px !important;
  }

  .customer-log-filter-title .btn-filter-chart-sales-reload {
    background-color: #8bc34a;
    border-radius: 11px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    position: relative;
    bottom: 10px;
    color: #ffff;
    text-decoration: none;
    padding: 9px 42px 9px 9px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 12px !important;
    position: absolute;
    left: 12px;
  }

  .customer-log-filter-title .btn-filter-chart-sales-reload i {
    background-image: url(../icons/refresh-white.svg);
    position: absolute !important;
    width: 26px;
    height: 28px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    right: 7px;
    top: 7px !important;
  }

  p.error-for-setting {
    color: #d64b4b;
    margin-top: -19px;
    margin-bottom: 10px !important;
    font-size: 11px;
  }

  .log-filter-btn label {
    font-size: 14px;
    margin-bottom: 0;
  }

  .btn-filter-log-takaway {
    margin-top: 35px !important;
  }

  .form-line .colorpad {
    padding: 3px;
    background: transparent;
    width: 100%;
    height: 35px;
    border: 1px solid #d6d5d5;
    border-radius: 7px;
    margin-top: 5px;
  }

  .custom-row-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .select-file-shadow-box>i {
    background-image: url(../icons/upload-img.svg);
    position: relative;
    width: 61px;
    background-size: 60px;
    height: 100px;
    display: block;
    background-repeat: no-repeat;
    position: relative;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 9;
    bottom: -70px;
  }

  .select-file-shadow-box>span {
    color: #868686;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 11px;
    left: 0;
    z-index: 3;
    background: #fff;
    width: 125px;
    padding: 7px;
    margin: auto;
    border-radius: 10px;
  }

  .select-file-shadow-box::before {
    content: " ";
    position: absolute;
    background: linear-gradient(to top, rgb(255 255 255) -69%, rgb(203 180 212 / 0) 86%);
    width: 100%;
    height: 231px;
    left: 0;
    bottom: 0;
  }

  span.help-form-image {
    background: #ff98003d;
    color: #915f17;
    width: 100%;
    display: block;
    font-size: 9.5px;
    line-height: 22px;
    padding: 3px;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 10px;
    margin-top: 8px;
  }

  .btn-download-apk-file,
  .btn-download-apk-file:focus,
  .btn-download-apk-file:hover {
    background: #7cb342;
    color: #fff;
    font-size: 11px !important;
    margin-bottom: 20px;
    padding: 10px 13px;
    width: 100%;
    border-radius: 11px !important;
  }

  .btn-add-card {
    background: #10BFFF;
    color: #fff;
    padding: 6px 22px;
    font-size: 12px !important;
  }

  .btn-accounting-save {
    margin-top: 21px;
    padding: 8px 15px;
  }

  .get-with-cards {
    overflow: hidden;
    transition: .5s;
    cursor: pointer;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 47%), 0 2px 10px rgb(0 0 0 / 12%);
  }

  .get-with-cards span:nth-child(1) {
    position: absolute;
    display: block;
    top: 0px;
    left: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #ffffff);
    animation: btn-anim1 3s linear infinite;
  }

  .get-with-cards span:nth-child(2) {
    position: absolute;
    display: block;
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, transparent, #ffffff);
    animation: btn-anim2 3s linear infinite;
    animation-delay: .4s;
  }

  .get-with-cards span:nth-child(3) {
    position: absolute;
    display: block;
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, transparent, #ffffff);
    animation: btn-anim3 3s ease-out infinite;
    animation-delay: 1.1s;
  }

  .get-with-cards span:nth-child(4) {
    position: absolute;
    display: block;
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg, transparent, #ffffff);
    animation: btn-anim4 3s linear infinite;
    animation-delay: 1.6s;
  }

  .ModalGetWithBahayeTamamShode {
    width: 100% !important;
    max-width: 1000px;
    margin: auto;
  }

  .ModalGetWithCardsList {
    width: 100% !important;
    max-width: 1000px;
    margin: auto;
  }

  .ModalGetWithNagdList {
    width: 100% !important;
    max-width: 1100px;
    margin: auto;
  }

  .ModalGetWithNagdList .table-row-custom {
    margin-right: 30px;
    margin-left: 30px;
  }

  .ModalGetWithNagdList #BoxGetWithCardsList_head {
    width: 100%;
    display: flex;
  }

  .ModalGetWithNagdList .table-title-custom {
    margin-right: 30px;
    margin-left: 30px;
  }

  .ModalGetWithNagdList .product-info-seal-detls.order_list_product img {
    min-width: 100px !important;
    !i;
    !;
    height: 100px !important;
    margin-top: 1px;
  }

  .btn.mt-0 {
    margin-top: 0px !important;
  }

  .btn-show-cantact,
  .btn-show-cantact:hover,
  .btn-show-cantact:focus {
    background: #7cb342;
    color: #fff;
    font-size: 12px !important;
    padding: 8px 17px;
    border-radius: 11px !important;
  }

  .btn-del-msg-cantact {
    padding: 0px 4px !important;
    background: #ff5858;
    border-radius: 7px !important;
    overflow: inherit;
    position: relative;
    height: 33px;
    width: 33px;
  }

  .btn-del-msg-cantact i {
    background-image: url(../icons/trashorder.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 13px;
    top: 7px !important;
    right: -6px;
  }

  .btn-add-item-menu,
  .btn-add-item-menu:hover,
  .btn-add-item-menu:focus {
    background: #7cb342;
    color: #fff;
    font-size: 12px !important;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 8.5px 17px;
    border-radius: 11px !important;
    margin-top: 22px;
  }

  @keyframes btn-anim1 {
    0% {
      left: -100%;
    }

    50%,
    100% {
      left: 100%;
    }
  }

  @keyframes btn-anim2 {
    0% {
      top: -100%;
    }

    50%,
    100% {
      top: 100%;
    }
  }

  @keyframes btn-anim3 {
    0% {
      right: -100%;
    }

    50%,
    100% {
      right: 100%;
    }
  }

  @keyframes btn-anim4 {
    0% {
      bottom: -100%;
    }

    50%,
    100% {
      bottom: 100%;
    }
  }

  .btn-delete-cat-products {
    padding: 0px 4px !important;
    background: #ff5858;
    border-radius: 7px !important;
    overflow: inherit;
    position: relative;
    float: left;
    top: -7px;
    left: -4px;
    height: 34px;
    width: 34px;
  }

  .btn-delete-cat-products i {
    background-image: url(../icons/trashorder.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 13px;
    top: 7px !important;
    right: -6px;
  }

  .edit-category-cat-products {
    padding: 0px 4px !important;
    background: #6fcd00;
    border-radius: 7px !important;
    overflow: inherit;
    position: relative;
    float: left;
    top: -7px;
    left: 6px;
    width: 34px;
    height: 34px;
    border: 0;
  }

  .edit-category-cat-products i {
    background-image: url(../icons/edit.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 20px;
    top: 6px !important;
    right: 2px;
  }

  .number_arzeshafzode_in_product {
    background: #8BC34A;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    color: #fff;
    height: 27px;
  }

  .mbbtnc-10 {
    margin-bottom: 15px !important;
  }

  .tr-custom-page-list td {
    padding: 12px !important;
  }

  .btn-download-desk {
    background: #05a8f3;
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 0;
  }

  .ModalAddDesk input {
    text-align: right;
  }

  .products-list-table .line-hight-auto {
    font-size: 13px;
  }

  .text-contact-modal {
    font-size: 14px;
    color: #424242;
  }

  .store-charge-list.store-charge-list-modal-charge {
    opacity: 1;
  }

  .store-charge-list.store-charge-list-modal-charge .icon {
    width: 82px !important;
  }

  .store-charge-list.store-charge-list-modal-charge .icon i {
    top: 0;
  }

  .store-charge-list.store-charge-list-modal-charge .custom_name_charge_mavad {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  .index-seal-chart-custom {
    display: block;
    box-sizing: border-box;
    height: auto !important;
    width: 246px !important;
    float: left;
    position: relative;
    left: -55px;
    top: 25px;
  }

  .info-box-seal-chart-accounting {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: absolute;
    top: 90px;
    right: 15px;
    max-width: 143px;
  }

  .info-box-seal-chart-accounting p.chart-accounting-kol {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    border-bottom: 1px solid #39bbfe;
    padding-bottom: 4px;
    color: #000;
  }

  .info-box-seal-chart-accounting p.chart-accounting-card {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    border-bottom: 1px solid #FF9800;
    padding-bottom: 4px;
    color: #000;
  }

  .info-box-seal-chart-accounting p.chart-accounting-nagd {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    border-bottom: 1px solid #E91E63;
    padding-bottom: 4px;
    color: #000;
  }

  .info-box-seal-chart-accounting p.chart-accounting-sood {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    border-bottom: 1px solid #44c213;
    padding-bottom: 4px;
    color: #000;
  }

  .custom-select-malia {
    margin-top: 6px;
    padding: 0px !important;
  }

  .custom-select-malia .dropdown-toggle {
    padding: 6px 12px;
  }

  .customer-add-btns {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .btn-add-customer-phone,
  .btn-add-customer-phone:hover,
  .btn-add-customer-phone:focus {
    background: #f1a81d;
    color: #fff;
    font-size: 12px !important;
    margin-bottom: 20px;
    margin-right: 0;
    padding: 9px 17px;
    border-radius: 11px !important;
    box-shadow: 0px 0px 9px 0px #f1a81d99 !important;
  }

  .btn-add-customer-address,
  .btn-add-customer-address:hover,
  .btn-add-customer-address:focus {
    background: #01a9f4;
    color: #fff;
    font-size: 12px !important;
    margin-bottom: 20px;
    margin-right: 0;
    padding: 9px 17px;
    border-radius: 11px !important;
    margin-right: 7px;
    box-shadow: 0px 0px 9px 0px #01a9f48a !important;
  }


  .btn-add-customer-password,
  .btn-add-customer-password:hover,
  .btn-add-customer-password:focus {
    background: #8BC34A;
    color: #fff;
    font-size: 12px !important;
    margin-bottom: 20px;
    margin-right: 0;
    padding: 9px 17px;
    border-radius: 11px !important;
    margin-right: 7px;
    box-shadow: 0px 0px 9px 0px #8bc34a8f !important;
  }

  .customer-address-list-modal {
    border-top: 1px solid #eee;
    padding-top: 15px;
  }

  .customer-address-list-modal tr.editing {
    background: #7778781c;
  }

  .customer-address-list-modal p {
    direction: rtl;
    text-align: center;
    color: #547a2b;
    font-size: 12px;
  }

  .btn-add-customer-phone-in-modal,
  .btn-add-customer-phone-in-modal:hover,
  .btn-add-customer-phone-in-modal:focus {
    background: #7cb342;
    color: #fff;
    font-size: 12px !important;
    margin-bottom: 20px !important;
    margin-right: 0;
    padding: 9px 17px;
    border-radius: 11px !important;
    box-shadow: 0px 0px 9px 0px #7cb34296 !important;
    margin: auto;
  }

  .btn-add-customer-phone-in-modal.cancel,
  .btn-add-customer-phone-in-modal.cancel:hover,
  .btn-add-customer-phone-in-modal.cancel:focus {
    background: #fc5757;
    color: #fff;
    font-size: 12px !important;
    margin-bottom: 20px !important;
    margin-right: 0;
    padding: 9px 17px;
    border-radius: 11px !important;
    box-shadow: 0px 0px 9px 0px #fc575796 !important;
    margin: auto;
    display: block;
  }

  .ModalAddCustomerAddress {}

  .ModalAddCustomerAddress .modal-dialog {
    width: 900px;
    margin: 30px auto;
  }

  .ModalAddPhone .modal-dialog {
    width: 700px;
    margin: 30px auto;
  }

  .modal.ModalAddCustomerAddress .modal-content .modal-body {
    text-align: right;
    direction: rtl;
  }

  .row.custom-row-col-customer-list .col-xs-12 {
    padding-right: 8px;
    padding-left: 8px;
  }

  span.star {
    color: #f95656;
  }

  #box-add-address,
  #box-add-phone {
    display: none;
  }

  #box-add-address.show,
  #box-add-phone.show {
    display: block;
  }

  #btn-add-customer-phone-in-modal-add {
    display: none;
  }

  .customer-add-btns-modal {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .customer-add-btns-modal button,
  .customer-add-btns-modal button:hover,
  .customer-add-btns-modal button:focus {
    margin: 0 !important;
    margin-right: 8px !important;
    margin-bottom: 0 !important;
  }

  .customer-add-btns-modal #btn-add-customer-phone-in-modal,
  .customer-add-btns-modal #btn-add-customer-phone-in-modal-add,
  .customer-add-btns-modal #btn-add-customer-phonelist-in-modal,
  .customer-add-btns-modal #btn-add-customer-phonelist-in-modal-add {
    margin-bottom: 0 !important;
  }

  .btn-edit-mrg {
    margin-left: 5px;
  }

  #list-customer-address tr input {
    border-radius: 8px;
    border: 1px solid #cccccc7a;
  }

  #btn-add-customer-phonelist-in-modal-add {
    display: none;
  }

  .ModalAddPhone {
    direction: rtl;
    text-align: right;
  }

  .select-map {
    max-width: 600px;
    border-radius: 20px;
    overflow: hidden;
    margin: auto;
  }

  .mb-cutom-auto-bar {
    margin-bottom: 10px;
  }

  .btn.cutomer-btn-add {
    position: absolute;
    left: 15px;
    top: 15px;
  }

  .btn.cutomer-btn-load {
    position: absolute;
    left: 155px;
    top: 15px;
    background-color: #0fbefd !important;
    color: #fff;
    box-shadow: 0 0px 20px #0fbefd63 !important;
  }

  .tooltip-rtl {
    direction: rtl;
  }

  #weatherChart {
    height: 410px !important;
  }

  .wtr-flex-seal-chart {
    display: flex;
    justify-content: center;
  }

  .btn-checkbox-print-fish-invoicestakeaway {
    padding: 10px;
    background: #f2f2f2;
    border-radius: 10px;
    display: flex;
    margin-bottom: 15px;
    margin-right: 15px;
    margin-left: 15px;
  }

  .btn-checkbox-print-fish-invoicestakeaway label {
    margin: 0;
    line-height: 25px;
    padding-right: 28px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'IRANSansNum' !important;
    padding-right: 33px !important;
  }

  .btn-checkbox-print-fish-invoicestakeaway label:before {
    top: 2px !important;
  }

  .btn-checkbox-print-fish-invoicestakeaway label:after {
    top: 2px !important;
  }

  .btn-checkbox-print-fish-invoicestakeaway [type="checkbox"]:not(:checked),
  .btn-checkbox-print-fish-invoicestakeaway [type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0;
  }

  .box-off-on-product-cat {
    float: left;
    color: #fff;
    position: relative;
    top: -7px;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 0px;
    font-size: 12px;
    border-radius: 6px;
    border: 0;
    height: 34px;
  }

  .radio-btn-cash-type {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-right: -10px;
    margin-left: -10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 10px;
  }

  .radio-btn-cash-type>div {
    width: 100%;
    /* margin: auto; */
    padding: 10px;
  }

  .radio-btn-cash-type>div [type="radio"]:not(:checked),
  .radio-btn-cash-type>div [type="radio"]:checked {
    position: absolute;
    left: 0;
    opacity: 0;
  }

  .radio-btn-cash-type>div label {
    width: 100%;
    text-align: center;
  }

  .radio-btn-cash-type>div label:before,
  .radio-btn-cash-type>div label:after {
    display: none;
  }

  .radio-btn-cash-type>div [type="radio"]:checked+label {
    border: 1px solid #00b7f4;
    border-radius: 8px;
    padding: 5px;
    height: auto;
    box-shadow: 0 0 6px #02b7f45e;
    color: #0390c0;
  }

  .radio-btn-cash-type>div [type="radio"]:not(:checked)+label {
    border: 1px solid #cecece;
    border-radius: 8px;
    padding: 5px;
    height: auto;
    background: #fafafa;
    color: #1d1d1d;
  }

  p.radio-btn-cash-type-title {
    text-align: center;
    color: #1e1e1e;
  }

  p.sandog-card_select-title {
    text-align: center;
    color: #1e1e1e;
  }

  select.form-control-custom-invoice-select {
    width: 100%;
    border-radius: 8px;
    padding: 5px;
    color: #101010;
    font-size: 13px;
    border: 1px solid #848282;
  }

  .btn-cancel-invoice-takeway {
    width: 100%;
    margin-top: 15px;
    background-color: #f2f2f2;
    box-shadow: 0 0 0 !important;
    border: 1px solid #cecece !important;
    color: #070707;
    padding: 11px;
    font-weight: 400;
    font-family: 'IRANSansNum' !important;
  }

  .btn-clear-invoice-takeaway,
  .btn-clear-invoice-takeaway:hover,
  .btn-clear-invoice-takeaway:focus {
    background-color: #4caf50;
    color: #fff;
    padding: 9px;
    width: 48%;
    box-shadow: 0 0 0 !important;
  }

  .btn-clear-invoice-takeaway .loading-ios-custom:before {
    width: 100%;
  }

  .btn-clear-invoice-takeaway-without-print.single-btn, .btn-clear-invoice-takeaway.single-btn {
    width: 100%;
    padding: 12px;
  }

  .btn-clear-invoice-takeaway-without-print,
  .btn-clear-invoice-takeaway-without-print:hover,
  .btn-clear-invoice-takeaway-without-print:focus {
    background-color: #01a9f4;
    color: #fff;
    padding: 10px;
    width: 48%;
    margin: 0 !important;
    box-shadow: 0 0 0 !important;
  }

  .btn-clear-invoice-takeaway-without-print .loading-ios-custom:before {
    width: 100%;
    background-color: #01a9f4 !important;
  }

  .invoice-footer-clear-btns {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .btn-modal-load-in-popup {
    cursor: pointer;
  }

  .btn-modal-load-in-popup .loading.loading-ios-custom:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0000005e;
    z-index: 99;
    right: 0;
    left: 0;
    top: 0;
    border-radius: 6px;
  }

  .btn-modal-load-in-popup .loading.loading-ios-custom:before {
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 6px;
    background-position: center !important;
    z-index: 9999;
    background-color: transparent !important;
  }

  .btn-modal-load-in-popup-discount {
    cursor: pointer;
  }

  .btn-modal-load-in-popup-discount .loading.loading-ios-custom:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0000005e;
    z-index: 99;
    right: 0;
    left: 0;
    top: 0;
    border-radius: 6px;
  }

  .btn-modal-load-in-popup-discount .loading.loading-ios-custom:before {
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 6px;
    background-position: center !important;
    z-index: 9999;
    background-color: transparent !important;
  }

  #BoxGetWithCardsList,
  #BoxGetWithDiscountList {
    height: 400px;
    overflow-x: scroll;
  }

  #BoxGetWithCardsList .product-show-only img,
  #BoxGetWithDiscountList .product-show-only img {
    min-width: 107px;
    min-height: 107px;
  }

  .ModalAddreserved .modal-dialog {
    width: 1050px;
    direction: rtl;
  }

  .custom-row-employees-chart {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .employeesChartModal .modal-dialog {
    width: 700px;
    font-size: 13px;
  }

  .employeesChartModal .modal-dialog .btn-logs-center {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    margin-bottom: 20px;
  }

  .employeesChartModal .modal-dialog .btn-logs-center button:first-child {
    margin-left: 10px;
  }

  .notfound-resalt {
    text-align: center;
    font-size: 13px;
  }

  .price-is-ziro-products-not-chenge {
    display: none;

  }

  .price-is-ziro-products-not-chenge p {
    font-size: 13px;
    line-height: 23px;
    padding-right: 15px;
    text-align: center;
    color: #212020;
  }

  .verification-code {
    width: 100%;
    padding-bottom: 100px;
    padding-top: 40px;
    max-width: 321px;
    margin: auto;
  }

  .verification-code .inputs-pass {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 30px;
  }

  .verification-code .inputs-pass .txtboxpass {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 25px;
  }

  .verification-code .inputs-pass .txtboxpass i {
    background: #e4f2ff;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    display: flex;
    transition: 0.4s;
  }

  .verification-code .inputs-pass .txtboxpass i:before {
    content: '';
    background-image: url(../icons/icon-passtwo.svg);
    position: relative;
    width: 44px;
    height: 66px;
    display: block;
    background-size: 44px;
    background-repeat: no-repeat;
    margin: auto;
  }

  .verification-code .inputs-pass .txtboxpass h2 {
    font-weight: 500;
    font-family: 'IRANSansNum';
    margin-bottom: 20px;
    letter-spacing: -1px;
    font-size: 26px;
    width: 100%;
    text-align: center;
  }

  .verification-code .inputs-pass .txtboxpass p {}

  .verification-code .inputs-pass .div-input {
    position: relative;
    transition: 0.4s;
  }



  .verification-code .inputs-pass .div-input:after {
    content: '';
    position: absolute;
    width: 0;
    height: 1.5px;
    background: #0086b6;
    bottom: 8px;
    right: 0;
    left: 0;
    margin: auto;
    transition: 0.4s;
  }

  .verification-code .inputs-pass .div-input.focus:after {
    width: 26px;
  }

  .verification-code .inputs-pass input {
    width: 43px;
    height: 53px;
    border-radius: 8px;
    border: 1.3px solid #909090;
    text-align: center;
    position: relative;
    font-size: 40px;
    -webkit-text-security: disc;
    text-security: disc;
    padding-top: 10px;
  }

  .verification-code .inputs-pass input.show-value {
    -webkit-text-security: none;
    text-security: none;
    font-size: 30px;
    padding-top: 0;
  }

  .verification-code .inputs-pass input:focus {
    outline: none;
    border-color: #0086b6;
  }

  @keyframes shake {

    0%,
    100% {
      transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
      transform: translateX(-10px);
    }

    20%,
    40%,
    60%,
    80% {
      transform: translateX(10px);
    }
  }

  .shake-error-pass-two {
    display: inline-block;
    animation: shake 0.8s;
  }

  .icon-pass-two.error-pass-two-text:before {
    background-image: url(../icons/icon-passtwo-error.svg) !important;
  }

  .verification-code .inputs-pass .txtboxpass i.error-pass-two-text {
    background: #ffcddc;
  }

  .custom-employees-chart-table .col.line-hight-auto {
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
  }

  .custom-employees-chart-table .col.line-hight-auto .employees-info {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
  }

  .custom-employees-chart-table .col.line-hight-auto .employees-info .imgbox {
    width: 100px;
    height: 100px;
    border: 1px solid #d2d1d1 !important;
    border-radius: 12px;
    overflow: hidden;
  }

  .custom-employees-chart-table .col.line-hight-auto .employees-info .imgbox img {
    width: 100px;
  }

  .custom-employees-chart-table .col.line-hight-auto .employees-info .textbox {
    padding-right: 20px;
  }

  .custom-employees-chart-table .col.line-hight-auto .employees-info .textbox .employees-name {
    margin-top: 27px;
    font-weight: 500;
    font-family: 'IRANSansNum';
    text-align: right;
    font-size: 14px;
  }

  .custom-employees-chart-table .col.line-hight-auto .employees-info .textbox .employees-job {
    text-align: right;
  }

  .custom-employees-chart-table .custom-row-employeesinfo-box {
    margin-bottom: 15px;
    border-bottom: 1px solid #dddddd85;
    padding-bottom: 15px;
  }

  .custom-employees-chart-table .custom-row-employeesinfo-box:last-child {
    border-bottom: 0;
  }

  .custom-employees-chart-table .employees-options {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10px;
  }

  .custom-employees-chart-table .employees-options .btn btn-customer-factor {}

  .custom-employees-chart-table .employees-options .is-login-employees {
    position: relative;
    left: 0;
    right: auto;
    background: #db0b51;
    border-radius: 8px;
    padding: 7px 12px;
    font-size: 12px;
    margin-top: 32px;
    margin-left: 10px;
    top: auto;
  }

  .custom-employees-chart-table .employees-options .btn {
    margin-top: 45px;
    margin-left: 10px;
    background: #03a9f4 !important;
  }

  .product-info-seal-detls {}

  .product-info-seal-detls .discount-product-show {
    border-radius: 14px 14px 0 0;
    position: relative;
    bottom: -8px;
    padding: 5px;
    width: 106px;
    margin: auto;
    box-shadow: inset 0px 4px 4px 0px #00000012;
    background: #fa004d;
  }

  .product-info-seal-detls.order_list_product img {
    width: 106px;
    min-width: 100px;
    min-height: 100px;
    margin: auto;
    opacity: 0.7;
  }

  .product-info-seal-detls.order_list_product span.count {
    border-radius: 0 0 14px 14px;
    box-shadow: inset 0px -3px 4px 0px #00000012;
    background: #009fe6;
    top: 0;
    width: 106px;
    font-size: 13px;
  }

  .product-info-seal-detls p.title {
    font-weight: 500;
    font-family: 'IRANSansNum';
  }

  .admin-pass-two-box {
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    width: 295px;
    margin: auto;
  }

  .admin-pass-two-box .div-input {
    width: 37px;
    position: relative;
  }

  .admin-pass-two-box .div-input:after {
    content: '';
    position: absolute;
    width: 0;
    height: 1.5px;
    background: #0086b6;
    bottom: 8px;
    right: 0;
    left: 0;
    margin: auto;
    transition: 0.4s;
  }

  .admin-pass-two-box .div-input.focus input {
    border-color: #0086b6 !important;
    box-shadow: 0 0 0;
  }

  .admin-pass-two-box .div-input.focus:after {
    width: 23px !important;
  }

  .admin-pass-two-box .div-input input {
    margin-left: 15px;
    text-align: center;
    padding-right: inherit;
    height: 45px;
    margin-top: 7px;
    border-radius: 8px !important;
    border: 1.3px solid #909090 !important;
    font-size: 16px;
    color: #212121;
  }

  .admin-pass-two-box input:first-child {
    margin-left: 0;
  }

  p.custom-label-adminpasstwo {
    margin-top: 0;
    font-weight: 500;
    font-family: 'IRANSansNum';
    margin-bottom: 12px;
    letter-spacing: -1px;
    font-size: 26px;
    width: 100%;
    text-align: center;
    color: #565656;
    font-size: 15px;
  }

  .adminpasstwo-editbox {
    width: 100%;
    display: block;
    background: #eee;
    border-radius: 18px;
    max-width: 350px;
    margin: auto;
    padding-bottom: 30px;
    padding-top: 25px;
  }

  .btn-filter-chart-employeeschart,
  .btn-filter-chart-employeeschart:hover {
    color: #fff;
    padding: 9px 18px;
    font-size: 12px !important;
    margin-top: 30px !important;
  }

  .ml-custom-with-btns {
    margin-left: 8px;
  }

  .btn-indebtedness-modal-dtls,
  .btn-indebtedness-modal-dtls:hover,
  .btn-indebtedness-modal-dtls:focus {
    margin-left: 145px;
    background-color: #01a9f4;
    border-radius: 11px;
    box-shadow: 1px 1px 45px 0px #8bc34a6e;
    color: #ffff;
    text-decoration: none;
    padding: 9px 14px;
    font-size: 12px !important;
  }

  .modal_indebtedness_list>.modal-dialog {
    width: 900px;
    direction: rtl;
    text-align: right;
  }

  .modal_indebtedness_list>.modal-dialog>.modal-content {
    background-color: transparent !important;
    box-shadow: 0 0 0 !important;
  }

  .modal_indebtedness_list .modal-content .info-box {
    height: 500px;
  }

  .modal_indebtedness_list .modal-content .info-box .btn-close-modal-custom {
    border: 0;
    background: #fff;
    width: 35px;
    height: 35px;
    border-radius: 40px;
    position: relative;
    right: 35px;
    top: 8px;
  }

  .modal_indebtedness_list .modal-content .info-box .btn-close-modal-custom:before {
    content: '';
    width: 20px;
    position: absolute;
    height: 2px;
    background: #e09b00;
    rotate: 313deg;
    right: 8px;
  }

  .modal_indebtedness_list .modal-content .info-box .btn-close-modal-custom:after {
    content: '';
    width: 20px;
    position: absolute;
    height: 2px;
    background: #e09b00;
    rotate: 45deg;
    right: 8px;
  }

  .modal_indebtedness_list .modal-content .info-box .content .table-responsive {
    height: 400px;
  }

  .closebtn-modal-c {
    background-color: #FF5858 !important;
    color: #fff;
    padding-right: inherit;
  }

  .alert-custom-malia {
    font-size: 11px;
    background: #ffebbf;
    padding: 10px 7px;
    border-radius: 6px;
    margin-bottom: 4px;
    line-height: 18px;
    color: #462e08;
  }

  .btn-show-back-comments,
  .btn-show-back-comments:hover,
  .btn-show-back-comments:focus {
    background-color: #f99402;
    border-radius: 11px;
    box-shadow: 1px 1px 45px 0px #f9940242 !important;
    /* position: relative; */
    /* bottom: 10px; */
    color: #ffff;
    text-decoration: none;
    padding: 9px 14px;
    /* margin-top: 21px; */
    /* margin-bottom: 0px; */
    font-size: 12px !important;
  }

  .lottery-box {}

  .lottery-box h2 {
    font-size: 23px;
    color: #111;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 500;
    font-family: 'IRANSansNum';
  }

  .lottery-box p {
    text-align: center;
    margin-bottom: 25px;
    font-size: 13px;
  }

  .lottery-box .lottery-gardoneh {
    background-image: url(../icons/lottery.svg);
    width: 505px;
    height: 400px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin: auto;
    display: block;
  }

  .lottery-box .lottery-gardoneh #createLotterybtn {
    width: 294px;
    background: #ffff;
    box-shadow: 0 0 0;
    color: #2961a3;
    font-weight: 500;
    font-family: 'IRANSansNum';
    border-top: 5px solid #2961a3;
    border-bottom: 5px solid #2961a3;
    border-radius: 0 !important;
    position: absolute;
    right: 0;
    left: 0;
    top: 30.3%;
    /* bottom: 0; */
    font-size: 18px;
    margin: auto;
    height: 60px;
  }

  .lottery-box .lottery-gardoneh #countlottery {
    position: absolute;
    bottom: 47px;
    width: 111px;
    margin: auto;
    right: 13px;
    font-size: 24px;
    left: 0;
    text-align: center;
    border: 2px solid #2961a3;
    padding-right: 0;
    padding-left: 0;
    height: 45px;
    border-radius: 10px;
  }

  .lottery-box .lottery-gardoneh:before {
    content: '';
    width: 13px;
    position: absolute;
    height: 50px;
    background: #ffff;
    right: 102px;
    top: 126px;
    z-index: 4;
  }

  .lottery-box .lottery-gardoneh:after {
    content: '';
    width: 13px;
    position: absolute;
    height: 50px;
    background: #ffff;
    right: 398px;
    top: 126px;
    z-index: 4;
  }

  .lottery-box .lottery-gardoneh .lamp.on {
    opacity: 1;
    transition: 0.6s;
    -webkit-animation: star1 2s ease-in-out infinite;
    animation: lamp1 1s ease-in-out;
  }

  .lottery-box .lottery-gardoneh .lamp.end-time {
    opacity: 0 !important;
  }

  @-webkit-keyframes lamp1 {
    0% {
      opacity: 0;
    }

    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  .lottery-box .lottery-gardoneh .lamp-1 {
    width: 21px;
    height: 21px;
    position: absolute;
    right: 0;
    top: 34px;
    left: -163px;
    margin: auto;
    background: #fffa00;
    box-shadow: 0 0 20px 8px #ffed004a;
    border-radius: 40px;
    opacity: 0;
    transition: 0.3s;
  }

  .lottery-box .lottery-gardoneh .lamp-2 {
    width: 21px;
    height: 21px;
    position: absolute;
    right: 1px;
    top: 8px;
    left: 33px;
    margin: auto;
    background: #fffa00;
    box-shadow: 0 0 20px 8px #ffed004a;
    border-radius: 40px;
    opacity: 0;
    transition: 0.3s;
  }

  .lottery-box .lottery-gardoneh .lamp-3 {
    width: 21px;
    height: 21px;
    position: absolute;
    right: 1px;
    top: 58px;
    left: 210px;
    margin: auto;
    background: #fffa00;
    box-shadow: 0 0 20px 8px #ffed004a;
    border-radius: 40px;
    opacity: 0;
    transition: 0.3s;
  }

  .lottery-box .lottery-gardoneh .lamp-4 {
    width: 21px;
    height: 21px;
    position: absolute;
    right: 1px;
    top: 156px;
    left: 258px;
    margin: auto;
    background: #fffa00;
    box-shadow: 0 0 20px 8px #ffed004a;
    border-radius: 40px;
    opacity: 0;
    transition: 0.3s;
  }

  .lottery-box .lottery-gardoneh .lamp-5 {
    width: 21px;
    height: 21px;
    position: absolute;
    right: 1px;
    top: 243px;
    left: 166px;
    margin: auto;
    background: #fffa00;
    box-shadow: 0 0 20px 8px #ffed004a;
    border-radius: 40px;
    opacity: 0;
    transition: 0.3s;
  }

  .lottery-box .lottery-gardoneh .lamp-6 {
    width: 21px;
    height: 21px;
    position: absolute;
    right: 1px;
    top: 270px;
    left: -33px;
    margin: auto;
    background: #fffa00;
    box-shadow: 0 0 20px 8px #ffed004a;
    border-radius: 40px;
    opacity: 0;
    transition: 0.3s;
  }

  .lottery-box .lottery-gardoneh .lamp-7 {
    width: 21px;
    height: 21px;
    position: absolute;
    right: 1px;
    top: 221px;
    left: -207px;
    margin: auto;
    background: #fffa00;
    box-shadow: 0 0 20px 8px #ffed004a;
    border-radius: 40px;
    opacity: 0;
    transition: 0.3s;
  }

  .lottery-box .lottery-gardoneh .lamp-8 {
    width: 21px;
    height: 21px;
    position: absolute;
    right: 1px;
    top: 119px;
    left: -261px;
    margin: auto;
    background: #fffa00;
    box-shadow: 0 0 20px 8px #ffed004a;
    border-radius: 40px;
    opacity: 0;
    transition: 0.3s;
  }

  .col-xs-12.m-auto-c {
    margin: auto !important;
    display: block;
    float: none !important;
  }

  .text-lottery-h {
    opacity: 1;
    transition: 0.6s !important;
  }

  .text-lottery-h.hide {
    opacity: 0;
    transition: 0.6s !important;
    display: block !important;
  }

  .lottery-gardoneh.hide-arrows::before,
  .lottery-gardoneh.hide-arrows::after {
    display: none !important;
  }

  .lottery-gardoneh i.arrow-lot {
    background-image: url(../icons/lottery-arrow.svg?v=1);
    width: 90px;
    height: 90px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    left: 65px;
    top: -2px;
    bottom: 0;
    margin: auto;
    transform-origin: 13px 0px;
    rotate: 177deg;
  }

  .lottery-gardoneh i.arrow-lot.anime-circle {
    display: inline-block;
    animation: rotation 1s infinite linear(0.12 1.44%, 1 100%);
    left: 62px;
    top: -16px;
    transform-origin: 13px 0px;
  }

  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }

    10% {
      transform: rotate(36deg);
    }

    20% {
      transform: rotate(72deg);
    }

    30% {
      transform: rotate(108deg);
    }

    40% {
      transform: rotate(144deg);
    }

    50% {
      transform: rotate(180deg);
    }

    60% {
      transform: rotate(216deg);
    }

    70% {
      transform: rotate(252deg);
    }

    80% {
      transform: rotate(288deg);
    }

    90% {
      transform: rotate(324deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  .title-list-barande {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 20px;
  }

  #result-customers .table-responsive {
    font-size: 13px;
  }

  span.star-bold {
    font-weight: 900;
    font-family: 'IRANSansNum';
    position: relative;
    top: 2px;
  }

  .btn-customer-show-details {
    width: auto;
    padding: 1px 4px !important;
    overflow: inherit;
    background: #03a9f4 !important;
  }

  .btn-customer-show-details.with-icon-edit i {
    background-image: url(../icons/customer-factor.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 16px;
    top: 9px !important;
    right: -4px;
  }

  #modal_customer_address_html {}

  .m-title-list-address-in-modal {
    text-align: center;
    border-top: 1px solid #eee;
    padding-top: 20px;
    color: #090909;
    font-weight: 500;
    font-family: 'IRANSansNum';
    font-size: 16px;
  }

  .modal-tbl-address-error,
  .modal-tbl-phone-error {
    font-size: 12px;
    background: #ffebbf;
    padding: 10px 7px;
    margin-left: -15px;
    border-radius: 6px;
    margin-bottom: 4px;
    line-height: 18px;
    color: #462e08;
    max-width: 300px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .modal-body-p-style p,
  .modal-body-p-style .table thead tr th,
  .modal-body-p-style .table tbody tr td {
    color: #282828 !important;
  }


  .image-resize-modal .action {
    width: 400px;
    height: 30px;
    margin: 10px 0;
  }

  .image-resize-modal .cropped {
    position: absolute;
    right: -230px;
    top: 0;
    width: 200px;
    border: 1px #ddd solid;
    height: 460px;
    padding: 4px;
    box-shadow: 0px 0px 12px #ddd;
    text-align: center;
  }

  .image-resize-modal .imageBox {
    position: relative;
    height: 250px;
    width: 400px;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor: move;
    border-radius: 15px;
    box-shadow: 0 0 13px #abababa1;
    margin: auto;
  }

  .image-resize-modal .imageBox .thumbBox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    box-sizing: border-box;
    border: 1px solid rgb(102, 102, 102);
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent;
  }

  .image-resize-modal .imageBox .spinner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
    background: rgba(0, 0, 0, 0.7);
  }

  .image-resize-modal .Btnsty_peyton {
    float: right;
    width: 66px;
    display: inline-block;
    margin-bottom: 10px;
    height: 57px;
    line-height: 57px;
    font-size: 20px;
    color: #FFFFFF;
    margin: 0px 2px;
    background-color: #f38e81;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0px 0px 5px #B0B0B0;
    border: 0px #fff solid;
  }


  .image-resize-modal .new-contentarea {
    width: 165px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    float: left;
  }

  .image-resize-modal .new-contentarea label {
    width: 100%;
    height: 100%;
    display: block;
  }

  .image-resize-modal .new-contentarea input[type=file] {
    width: 188px;
    height: 60px;
    background: #333;
    margin: 0 auto;
    position: absolute;
    right: 50%;
    margin-right: -94px;
    top: 0;
    right: 0px;
    margin-right: 0px;
    width: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2;
  }

  .image-resize-modal a.upload-img {
    width: 165px;
    display: inline-block;
    margin-bottom: 10px;
    height: 57px;
    line-height: 57px;
    font-size: 20px;
    color: #FFFFFF;
    background-color: #f38e81;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    border: 0px #fff solid;
    box-shadow: 0px 0px 5px #B0B0B0;
  }

  .image-resize-modal a.upload-img:hover {
    background-color: #ec7e70;
  }

  .image-resize-modal .tc {
    text-align: center;
  }

  .image-resize-modal #visbleCanvas {
    position: absolute;
    top: 0;
    left: 0;
  }

  .image-resize-modal .thumbBox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    box-sizing: border-box;
    border: 1px solid #666666;
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent;
  }

  .image-resize-modal .tools {
    margin-top: 20px !important;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 10px;
    width: 394px;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 20px;
  }

  .image-resize-modal .tools span {
    float: left;
    display: inline-block;
    width: 20px;
    height: 25px;
    color: #fff;
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 19px;
  }

  .image-resize-modal .tools span#btnZoomOut {
    background-image: url(../icons/image-resize-unzoom.svg);
  }

  .image-resize-modal .tools span#btnZoomIn {
    background-image: url(../icons/image-resize-zoom.svg);
  }

  .image-resize-modal .tools span#btnRotateRight {
    background-image: url(../icons/image-resize-rotateright.svg?v=1);
  }

  .image-resize-modal .tools span#btnRotateLeft {
    background-image: url(../icons/image-resize-rotateleft.svg);
  }

  .image-resize-modal .clearfix {
    zoom: 1;
  }

  .image-resize-modal .clearfix:before {
    content: " ";
    display: table;
  }

  .image-resize-modal .clearfix:after {
    content: " ";
    display: table;
    clear: both;
  }

  .image-resize-modal .cropPoint {
    position: absolute;
    height: 8px;
    width: 8px;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
  }

  .image-resize-modal .upload-wapper {
    position: relative;
    float: left;
    height: 26px;
    line-height: 26px;
    width: 132px;
    background-color: #f40;
    color: #fff;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
  }

  .image-resize-modal #upload-file {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 132px;
    height: 26px;
    cursor: pointer;
  }

  .image-resize-modal #jquery-script-menu {
    position: relative;
    height: 360px;
    top: auto;
    left: auto;
    border: 0;
    box-shadow: 0 0 0;
    padding: 0;
    z-index: auto;
  }

  .image-resize-modal .container {
    margin: 0;
    width: 100%;
  }

  .custom-btns-imgae-resize-modal {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    width: 400px;
    margin: auto;
    padding: 0;
  }

  .custom-btns-imgae-resize-modal .btn-cancel {
    background: #f2f2f2 !important;
    border: 1px solid #cfcfcf !important;
    box-shadow: 0 0 0 !important;
    color: #131313;
    font-size: 13px !important;
    width: 270px;
    margin-left: 15px;
    float: right;
  }

  .custom-btns-imgae-resize-modal .btn-save {
    background: #4caf50 !important;
    border: 1px solid #cfcfcf !important;
    box-shadow: 0 0 0 !important;
    color: #ffffff;
    font-size: 13px !important;
    width: 270px;
    margin-right: 15px;
    margin-bottom: 20px !important;
    text-align: center;
    padding: 6px 12px !important;
  }

  .custom-loadingDiv {
    position: absolute;
    opacity: 0;
    transition: 0.6s;
  }

  .custom-loadingDiv.isloading {
    opacity: 1;
    transition: 0.6s;
  }

  .modal-msg-loading-image {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 9999;
    direction: rtl;
    text-align: center;
    top: 330px;
    color: #1d1d1d;
  }

  #ModalImageUploadAndResizer #canvas {
    height: 400px;
    width: 100%;
    background-color: #ffffff;
    cursor: default;
    border: 1px solid black;
  }

  #ModalImageUploadAndResizer img {
    max-width: 100%;
  }

  .cropper-container.cropper-bg {
    min-width: 450px;
    min-height: 407px;
  }

  .owl-employees .owl-dots .owl-dot {
    width: 20px;
    height: 20px;
    zoom: 1.5 !important;
  }

  .owl-employees .owl-dots .owl-dot span {
    width: 20px;
    height: 20px;
    zoom: 1.3 !important;
    background: #c4c4c4 !important;
  }

  .owl-employees .owl-dots .owl-dot.active span {
    background: #15bcfb !important;
  }

  .icon-reload-custom-i i {
    background-image: url(../icons/refresh-white.svg);
    position: absolute !important;
    width: 26px;
    height: 28px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    right: 7px;
    top: 7px !important;
  }

  .hidden-elmn {
    display: none;
  }

  .btn-for-seal-hesabdari {
    position: relative;
    float: left;
    top: -27px;
    margin-left: 10px;
    padding: 10px !important;
    width: 35px;
    height: 35px;
    border-radius: 11px !important;
  }

  .btn-for-seal-hesabdari i {
    background-image: url(../icons/refresh-white.svg);
    position: absolute !important;
    width: 26px;
    height: 28px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    right: 4px;
    top: 8px !important;
  }

  .btn-search-withdrawalordeposit,
  .btn-search-withdrawalordeposit:hover,
  .btn-search-withdrawalordeposit:focus {
    background-color: #8bc34a;
    border-radius: 11px;
    box-shadow: 1px 1px 45px 0px #8bc34a6e;
    color: #ffff;
    text-decoration: none;
    padding: 8px 14px;
    padding-right: 36px;
    /* margin-top: 21px; */
    /* margin-bottom: 0px; */
    font-size: 12px !important;
    top: 14px;
  }

  .btn-search-withdrawalordeposit i {
    background-image: url(../icons/refresh-white.svg);
    position: absolute !important;
    width: 26px;
    height: 28px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    right: 4px;
    top: 8px !important;
  }

  .with_price_number {
    direction: ltr;
    display: flex;
    flex-direction: row-reverse;
  }

  .with_price_number span:first-child {
    margin-left: 5px;
  }

  .m-0 {
    margin: 0 !important;
  }

  .modal_order_type_hall {
    z-index: 1070;
  }

  .modal_order_type_hall .modal-dialog {
    width: 900px;
  }

  .modal_order_type_hall .modal-content {
    height: 550px;
  }

  .modal_order_type_delivery {
    z-index: 1070;
  }

  .modal_order_type_delivery .modal-dialog {
    width: 900px;
  }

  .modal_order_type_delivery .modal-content {
    min-height: 440px;
  }

  #status_delivery_box {
    display: none;
  }

  #status_delivery_box.show {
    display: block;
  }

  #all-desk-list-with-selected .order_number_index {
    width: 95px;
    height: 95px;
    box-shadow: 0px 0px 9px 2px #32b7001a;
    border: 2px solid #32b700;
    transition: 0.4s;
  }

  #all-desk-list-with-selected .order_number_index.selected-miz {
    box-shadow: 0px 0px 9px 2px #f79c6363;
    border: 3px solid #f79c63;
    transition: 0.4s;
  }

  #all-desk-list-with-selected i {
    font-size: 25px;
  }

  #all-desk-list-with-selected p {
    margin-bottom: 16px;
    font-size: 13px;
    color: #464646;
  }

  .admin_number_list {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 470px;
    margin-top: 5px;
    padding-left: 19px;
    padding-right: 8px;
  }

  .admin_number_list .order_number_index {
    box-shadow: 0px 0px 9px 2px #8bc34a45;
    border: 1px solid #32b700;
    cursor: pointer;
    transition: 0.4s;
  }

  .admin_number_list .order_number_index .status-miz {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 10px;
    top: 10px;
    border-radius: 30px;
  }

  #all-desk-list-with-selected .order_number_index .status-miz.order:before {
    content: "";
    display: block;
    top: 0px;
    left: 0;
    position: absolute;
    background-color: #fb754978;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-animation: live 2s ease-in-out infinite;
    animation: live 2s ease-in-out infinite;
    z-index: 2;
  }

  #all-desk-list-with-selected .order_number_index .status-miz.invoice:before {
    content: "";
    display: block;
    top: 0px;
    left: 0;
    position: absolute;
    background-color: #ff000066;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-animation: live 2s ease-in-out infinite;
    animation: live 2s ease-in-out infinite;
    z-index: 2;
  }

  .admin_number_list .order_number_index .status-miz.invoice {
    background: #ff0000;
  }

  .admin_number_list .order_number_index .status-miz.order {
    background: #ec8000a8;
  }

  .invoices-product-box.order_list_product p {
    margin-bottom: 6px;
    margin-top: 1px;
    font-size: 12px;
    font-weight: 500;
    font-family: iransans;
  }

  .product-title-in-invoices {
    margin-top: 7px !important;
  }

  .modal_order_type_taxi {
    z-index: 1070;
  }

  .modal_order_type_taxi .btn-add {
    float: left;
    width: 100px;
    margin-right: 10px;
    margin-top: 17px;
  }

  .modal_order_type_taxi .btn-cancel {
    float: left;
    width: 100px;
    margin-top: 17px;
  }

  .modal_order_type_taxi h4 {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 15px;
    font-weight: 500;
    font-family: 'IRANSansNum';
    font-size: 16px;
    text-align: center;
    color: #333;
  }

  .modal_order_type_taxi .modal-dialog {
    width: 900px;
  }

  .modal_order_type_taxi .modal-content {
    height: 440px;
  }

  .modal_order_type_taxi .modal-content .pelak-car-input {
    display: flex;
    background-image: url(../icons/pelak.svg);
    background-size: contain;
    padding: 4px;
    background-repeat: no-repeat;
  }

  .modal_order_type_taxi .modal-content .pelak-car-input input {
    background: transparent;
    border: 0;
    box-shadow: 0 0 0;
    font-weight: 500;
    font-family: 'IRANSansNum';
    font-size: 14px;
    direction: ltr;
  }

  .modal_order_type_taxi .modal-content .pelak-car-input input#car_pelak_1 {
    padding-right: 0px;
    text-align: center;
    padding-bottom: 0;
    position: relative;
    right: -2px;
  }

  .modal_order_type_taxi .modal-content .pelak-car-input input#car_pelak_2 {
    padding-right: 0px;
    text-align: center;
    padding-bottom: 0;
    padding: 0;
  }

  .modal_order_type_taxi .modal-content .pelak-car-input input#car_pelak_3 {
    text-align: center;
    padding: 0;
    width: 28px;
  }

  .modal_order_type_taxi .modal-content .pelak-car-input input#car_pelak_4 {
    padding-right: 0px;
    text-align: center;
    padding-bottom: 0;
    padding-top: 0;
    margin-left: 51px;
  }

  .car-pelak-inputs .pelak-car-input {
    display: flex;
    background-image: url(../icons/pelak.svg);
    background-size: contain;
    padding: 4px;
    background-repeat: no-repeat;
  }

  .car-pelak-inputs .pelak-car-input input {
    background: transparent;
    border: 0;
    box-shadow: 0 0 0;
    font-weight: 500;
    font-family: 'IRANSansNum';
    font-size: 14px;
    direction: ltr;
  }

  .car-pelak-inputs .pelak-car-input input#car_pelak_1 {
    padding-right: 0px;
    text-align: center;
    padding-bottom: 0;
    position: relative;
    right: -2px;
  }

  .car-pelak-inputs .pelak-car-input input#car_pelak_2 {
    padding-right: 0px;
    text-align: center;
    padding-bottom: 0;
    padding: 0;
  }

  .car-pelak-inputs .pelak-car-input input#car_pelak_3 {
    text-align: center;
    padding: 0;
    width: 28px;
  }

  .car-pelak-inputs .pelak-car-input input#car_pelak_4 {
    padding-right: 0px;
    text-align: center;
    padding-bottom: 0;
    padding-top: 0;
    margin-left: 51px;
  }




  .motor-pelak-inputs {
    display: flex;
    flex-direction: row-reverse;
  }

  .motor-pelak-inputs .pelak-motor-input {
    display: flex;
    background-image: url(../icons/pelak-motor.svg);
    background-size: contain;
    padding: 4px;
    background-repeat: no-repeat;
    height: 68px;
    margin-top: -19px;
    width: 102px;
    flex-wrap: nowrap;
    flex-direction: column-reverse;
  }

  .motor-pelak-inputs .pelak-motor-input .div-input {}

  .motor-pelak-inputs .pelak-motor-input input {
    background: transparent;
    border: 0;
    box-shadow: 0 0 0;
    font-weight: 500;
    font-family: 'IRANSansNum';
    font-size: 14px;
    direction: ltr;
  }


  .motor-pelak-inputs .pelak-motor-input input#motor_pelak_4 {
    text-align: center;
    padding: 0;
    width: 73px;
    letter-spacing: 5px;
  }

  .motor-pelak-inputs .pelak-motor-input input#motor_pelak_3 {
    padding-right: 0px;
    text-align: center;
    padding-bottom: 0;
    padding-top: 0;
    margin-left: 0;
    padding: 0;
    margin-top: -4px;
    letter-spacing: 5px;
  }






  .counter-invoices-box-options {
    display: none;
  }

  .counter-invoices-box-options input {
    border: 0;
    text-align: center;
    padding: 0;
  }

  #mavad_store_data.loading-data-end:before {
    display: none;
  }

  #mavad_store_data:before {
    border-radius: 14px;
    content: '';
    background: #3e3e3e70 !important;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: 0.6s;
  }

  #mavad_store_data {
    overflow: unset;
  }

  #mavad_store_data.loading-data:before {
    border-radius: 14px;
    opacity: 1;
    transition: 0.6s;
  }

  #mavad_store_data.loading-data .spinner {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    height: 61px;
  }

  .desk-list-empty.loading-data .spinner {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    height: 61px;
  }

  .dashboard-chart .loading-data .spinner {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    height: 61px;
  }

  #massage_user_data.loading-data .spinner {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    height: 61px;
  }

  #massage_user_data.loading-data .btn-index-admin-custom-links p {
    margin-top: 71px;
  }

  #Desk_used_data_box.loading-data:before {
    opacity: 1;
    transition: 0.6s;
  }

  #Desk_used_data_box.loading-data-end:before {
    display: none;
  }

  #Desk_used_data_box:before {
    content: '';
    background: #3e3e3e70 !important;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: 0.6s;
  }

  .loading-data {
    overflow: hidden;
  }

  #seal_chart_data {
    overflow: unset;
  }

  #seal_chart_data.loading-data-end:before {
    display: none !important;
  }

  #seal_chart_data:before {
    content: '';
    background: #3e3e3e70 !important;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: 0.6s;
  }

  #seal_chart_data.loading-data:before {
    opacity: 1;
    transition: 0.6s;
  }

  .loading-data:before {
    content: '';
    background: #3e3e3e70 !important;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
  }

  .loading-data i.ayha-icons {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
  }

  .loading-data span {
    opacity: 0 !important;
    transition: 0.6s;
  }

  .loading-data .spinner {
    position: relative;
    width: 54px;
    height: 180px;
    display: inline-block;
    padding: 10px;
    border-radius: 10px;
    margin: auto;
    display: block;
    top: 26%;
    z-index: 2;
  }

  .loading-data .spinner div {
    width: 6%;
    height: 16%;
    background: #FFF;
    position: absolute;
    left: 49%;
    top: 42%;
    opacity: 0;
    -webkit-border-radius: 50px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-animation: fade 1s linear infinite;
  }

  @-webkit-keyframes fade {
    from {
      opacity: 1;
    }

    to {
      opacity: 0.25;
    }
  }

  .loading-data .spinner div.bar1 {
    -webkit-transform: rotate(0deg) translate(0, -130%);
    -webkit-animation-delay: 0s;
  }

  .loading-data .spinner div.bar2 {
    -webkit-transform: rotate(30deg) translate(0, -130%);
    -webkit-animation-delay: -0.9167s;
  }

  .loading-data .spinner div.bar3 {
    -webkit-transform: rotate(60deg) translate(0, -130%);
    -webkit-animation-delay: -0.833s;
  }

  .loading-data .spinner div.bar4 {
    -webkit-transform: rotate(90deg) translate(0, -130%);
    -webkit-animation-delay: -0.7497s;
  }

  .loading-data .spinner div.bar5 {
    -webkit-transform: rotate(120deg) translate(0, -130%);
    -webkit-animation-delay: -0.667s;
  }

  .loading-data .spinner div.bar6 {
    -webkit-transform: rotate(150deg) translate(0, -130%);
    -webkit-animation-delay: -0.5837s;
  }

  .loading-data .spinner div.bar7 {
    -webkit-transform: rotate(180deg) translate(0, -130%);
    -webkit-animation-delay: -0.5s;
  }

  .loading-data .spinner div.bar8 {
    -webkit-transform: rotate(210deg) translate(0, -130%);
    -webkit-animation-delay: -0.4167s;
  }

  .loading-data .spinner div.bar9 {
    -webkit-transform: rotate(240deg) translate(0, -130%);
    -webkit-animation-delay: -0.333s;
  }

  .loading-data .spinner div.bar10 {
    -webkit-transform: rotate(270deg) translate(0, -130%);
    -webkit-animation-delay: -0.2497s;
  }

  .loading-data .spinner div.bar11 {
    -webkit-transform: rotate(300deg) translate(0, -130%);
    -webkit-animation-delay: -0.167s;
  }

  .loading-data .spinner div.bar12 {
    -webkit-transform: rotate(330deg) translate(0, -130%);
    -webkit-animation-delay: -0.0833s;
  }

  .product-info-seal-detls.box-seal-list img {
    margin-top: 10px;
  }

  .product-info-seal-detls.box-seal-list .title {
    margin-top: 15px;
    margin-bottom: 14px;
  }

  .product-info-seal-detls.box-seal-list p {
    margin-bottom: 15px;
  }

  .product-info-seal-detls.box-seal-list .count {
    width: 100px !important;
    right: 0;
    left: 0;
    position: absolute;
    bottom: auto;
    top: 94px !important;
    border-radius: 0 0 11px 11px !important;
    text-align: center;
    display: block;
  }

  .product-info-seal-detls.box-seal-list .discount-product-show {
    top: 0;
    bottom: auto;
    position: relative;
    width: 100px;
    right: 0;
    left: 0;
    border-radius: 11px 11px 0 0;
  }

  .img-not-loaded {
    border-radius: 8px;
  }

  .modal_order_type_delivery_employees_list {
    position: relative;
  }

  .modal_order_type_delivery_employees_list .ul-edit {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
    margin-top: 20px;
  }

  .modal_order_type_delivery_employees_list .ul-edit li {
    padding: 5px;
    position: relative;
  }

  .modal_order_type_delivery_employees_list .ul-edit .val-permissions {
    padding: 10px;
    background: #f2f2f2;
    border-radius: 10px;
  }

  .modal_order_type_delivery_employees_list .ul-edit .val-permissions [type="checkbox"]:not(:checked),
  .modal_order_type_delivery_employees_list .ul-edit .val-permissions [type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0;
  }

  .modal_order_type_delivery_employees_list .ul-edit .val-permissions label {
    margin: 0;
    line-height: 25px;
    padding-right: 28px;
    font-size: 13px;
    font-weight: 500;
    font-family: 'IRANSansNum' !important;
    color: #242424;
  }

  .modal_order_type_delivery_employees_list .ul-edit .val-permissions label:before {
    top: 2px !important;
  }

  .modal_order_type_delivery_employees_list .ul-edit .val-permissions label:after {
    top: 2px !important;
  }

  .modal_order_type_delivery h4 {
    padding-bottom: 15px;
    font-weight: 500;
    font-family: IRANSansNum;
    font-size: 16px;
    text-align: center;
    color: rgb(51, 51, 51);
    border-bottom: 1px solid rgb(227, 227, 227);
  }

  .modal_order_type_delivery .btn-add {
    float: left;
    width: 100px;
    margin-right: 10px;
    margin-top: 17px;
  }

  .modal_order_type_delivery .btn-cancel {
    float: left;
    width: 100px;
    margin-top: 17px;
  }

  .icon-invoices-motorcycle {}

  .icon-invoices-motorcycle:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    background: #ffc507;
    box-shadow: inset 0px 1px 2px #c4930063;
    left: 13px;
    top: -10px;
    border-radius: 4px;
    z-index: 0;
  }

  .icon-invoices-motorcycle:after {
    content: '';
    background-image: url(../icons/pelak-motor-icon-black.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 27px;
    height: 19px;
    z-index: 2;
    background-size: cover;
    left: 17px;
    top: -3px;
  }

  .icon-invoices-car {}

  .icon-invoices-car:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    background: #ffc507;
    box-shadow: inset 0px 1px 2px #c4930063;
    left: 13px;
    top: -10px;
    border-radius: 4px;
    z-index: 0;
  }

  .icon-invoices-car:after {
    content: '';
    background-image: url(../icons/pelak-car-icon-black.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 23px;
    height: 20px;
    z-index: 2;
    background-size: cover;
    left: 19px;
    top: -4px;
  }

  .custom-select-maliya-select2 {
    position: relative;
    width: 100%;
    cursor: pointer;
  }

  .custom-select-maliya-select2:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 8px;
    margin-top: -2px;
    vertical-align: middle;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }

  .custom-select-maliya-select2 .bs-caret {
    position: absolute;
    left: 8px;
    top: 8px;
  }

  .custom-select-maliya-select2 .selected {
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding-left: 0;
    border-color: #dcdcdc;
    font-size: 12px;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    min-height: 34px;
    padding: 6px 12px;
    padding-top: 7px;
  }

  .custom-select-maliya-select2 .selected input {
    border: 0;
  }

  .custom-select-maliya-select2 .options {
    display: none;
    position: absolute;
    top: 110%;
    left: 0;
    right: 0;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    z-index: 1000;
    border-radius: 5px;
    box-shadow: 0px 3px 12px #5f5f5f59;
    overflow: hidden;
  }

  .custom-select-maliya-select2 .option {
    padding: 10px;
    cursor: pointer;
    font-size: 12px;
    /* border-bottom: 1px solid #e7e7e7; */
    padding-top: 11px;
    padding-bottom: 11px;
  }

  .custom-select-maliya-select2 .option:last-child {
    border-bottom: 0;
  }

  .custom-select-maliya-select2 .option:hover {
    background-color: #f0f0f0;
  }

  #modal_Fishprinter_add input {
    padding-left: 10px;
  }

  .text-align-r {
    text-align: right;
  }

  .text-align-l {
    text-align: left;
  }

  .btn-modal-get-nagd-seal {
    cursor: pointer;
  }

  .intermediarysales-box .owl-intermediarysales .owl-stage-outer {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 20px;
  }

  .intermediarysales-box .owl-intermediarysales .owl-item .item {
    border: 2px solid transparent;
    border-radius: 15px;
    box-shadow: 0 0 6px #cbcbcb;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: 0.3s;
    overflow: hidden;
  }

  .intermediarysales-box .owl-intermediarysales .owl-item .item img {
    max-width: 50px;
    margin: auto;
    margin-top: 15px;
    border-radius: 5px;
  }

  .intermediarysales-box .owl-intermediarysales .owl-item .item p {
    text-align: center;
    padding: 5px;
  }

  .intermediarysales-box .owl-intermediarysales .owl-item .item.active {
    border: 2px solid #009dd0;
    border-radius: 15px;
    box-shadow: 0 0 6px #01a2d370;
    background: #009dd014;
  }

  .m-logo-login-mobile {
    display: none;
  }

  .mobile-hide {
    display: block;
  }

  .pc-hide {
    display: none;
  }

  .coming-soon-malia {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    min-height: 490px;
    justify-content: center;
  }

  .coming-soon-malia i.icon-coming-soon {
    background-image: url(../icons/icon-coming-soon.svg);
    width: 100px;
    height: 100px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .coming-soon-malia h1 {
    color: #2a2a2a;
    font-weight: 500;
    font-family: 'IRANSans';
    font-size: 24px;
  }

  .coming-soon-malia p {
    color: #2a2a2a;
    margin-top: 10px;
  }

  .malia-update-page h1 {
    font-size: 20px;
    font-family: iransans;
    font-weight: 500;
    letter-spacing: -1px;
    margin-bottom: 20px;
    margin-top: 35px;
  }

  .malia-update-page p {
    text-align: justify;
    line-height: 18px;
  }

  .malia-update-page .update_ver_img {
    width: 100%;
  }

  .malia-update-page .box-update-q {
    transition: 0.4s;
    background: #f4f4f4;
    color: #1c1c1c;
    padding: 15px;
    position: relative;
    border-radius: 7px;
    cursor: pointer;
    margin-bottom: 15px;
    border: 1px solid #e0e0e0;
  }

  .malia-update-page .box-update-q:before {
    content: '';
    width: 70%;
    height: 55px;
    background: #00b2f6;
    position: absolute;
    right: 5px;
    top: 1px;
    border-radius: 10px;
    z-index: -1;
    transition: 0.3s;
  }

  .malia-update-page .box-update-q h4 {
    font-size: 13px;
    margin: 0;
    padding-right: 23px;
    position: relative;
  }

  .malia-update-page .box-update-q p {
    font-size: 13px;
    margin: 0;
    color: #484848;
    font-weight: 100;
    line-height: 23px;
    transition: 0.3s;
    height: 0;
    opacity: 0;
    width: 100%;
    position: relative;
  }

  .malia-update-page .box-update-q.open {
    background-color: #fff;
    box-shadow: 0 2px 9px #0000001f;
  }

  .malia-update-page .box-update-q.open p {
    height: auto;
    opacity: 1;
    overflow: hidden;
    position: relative;
    margin-top: 15px;
  }

  .malia-update-page .box-update-q h4:before {
    content: '';
    width: 14px;
    height: 2px;
    background: #1e1e1e;
    position: absolute;
    right: -5px;
    top: 7px;
    border-radius: 10px;
    transition: 0.4s;
  }

  .malia-update-page .box-update-q h4:after {
    content: '';
    width: 14px;
    height: 2px;
    background: #1e1e1e;
    position: absolute;
    right: -5px;
    top: 7px;
    border-radius: 10px;
    transform: rotate(90deg);
    transition: 0.4s;
  }

  .malia-update-page .box-update-q.open h4:before {
    background: #00b2f6;
  }

  .malia-update-page .box-update-q.open h4:after {
    display: none;
  }


  .malia-update-page .Rules-update-box {
    width: 100%;
    height: 300px;
    background: #ededed;
    border: 1px solid #e0e0e0;
    border-radius: 7px;
    padding: 15px;
    overflow-y: scroll;
  }

  .malia-update-page .Rules-update-box h2 {
    text-align: center;
    font-size: 16px;
    font-family: 'IRANSans';
    font-weight: 500;
    margin-bottom: 15px;
  }

  .malia-update-page .Rules-update-box p {
    font-size: 12px;
  }

  .malia-update-page .Rules-update-box-btns {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
  }

  .malia-update-page .Rules-update-box-btns .req-update-software {
    background: #00b6f9;
    border: 0;
    color: #fff;
    border-radius: 7px;
    padding: 7px 10px;
    font-size: 12px;
  }


  .custom-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: Arial, sans-serif;
  }

  .custom-checkbox input[type="checkbox"] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    accent-color: #4caf50;
    /* رنگ دلخواه برای چک‌باکس */
  }

  .custom-checkbox label {
    font-size: 13px;
    color: #333;
    cursor: pointer;
    padding-top: 3px;
  }

  .custom-checkbox input[type="checkbox"]:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }

  .seal-box-show-icon,
  .seal-box-show-icon:hover,
  .seal-box-show-icon:focus {
    width: auto;
    padding: 1px 4px !important;
    overflow: inherit;
    background-color: #03a9f4;
  }

  .seal-box-show-icon i {
    background-image: url(../icons/customer-factor.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 16px;
    top: 9px !important;
    right: -4px;
  }

  .seal-box-show-icon .loading:before {
    background-color: #01a9f4 !important;
    z-index: 1;
    width: 31px;
    top: 6px;
  }

  .btn-report-Intermediary {
    background-color: #8bc34a;
    border-radius: 11px;
    box-shadow: 0px 0px 41px 0px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
    position: relative;
    bottom: 3px;
    color: #ffff;
    text-decoration: none;
    padding: 9px 42px 9px 9px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 12px !important;
    float: left;
    top: -27px;
    margin-left: 10px;
    padding: 10px !important;
    width: 35px;
    height: 35px;
    border-radius: 11px !important;
    display: none;
  }

  .btn-report-Intermediary:disabled {}

  .btn-report-Intermediary .loading.loading-ios-custom:before {
    background-color: transparent !important;
    width: 30px;
    height: 30px;
    top: 6px !important;
    right: -1px;
    background-size: 21px !important;
  }

  .orderlist-online-page {}

  .orderlist-online-page .order-online-box-info-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .orderlist-online-page .order-online-box-info-row .product-b {
    width: 65%;
  }

  .orderlist-online-page .order-online-box-info-row .factor-info-b {
    width: 35%;
    padding-right: 20px;
  }

  .orderlist-online-page .order-online-box-info-row .factor-info-b {
    border-right: 1px solid #eee;
    margin-right: 15px;
  }

  .orderlist-online-page .order-online-box-info-row .factor-info-b .factor-online-box-des {
    background: #ededed;
    padding: 10px;
    border-radius: 10px;
    direction: rtl;
    margin-bottom: 10px;
  }

  .orderlist-online-page .order-online-box-info-row .factor-info-b .factor-online-box-des p:first-child {
    font-weight: 500;
    font-family: 'IRANSans';
    font-size: 12px;
  }

  .orderlist-online-page .order-online-box-info-row .factor-info-b .factor-online-box-time-waiting {
    background: #ededed;
    padding: 10px;
    border-radius: 10px;
    direction: rtl;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .orderlist-online-page .order-online-box-info-row .factor-info-b .factor-online-box-time-waiting p:first-child {
    font-weight: 500;
    font-family: 'IRANSans';
    margin: 0;
    font-size: 12px;
  }

  .orderlist-online-page .order-online-box-info-row .factor-info-b .factor-online-box-time-waiting p:last-child {
    margin: 0;
    font-size: 12px;
  }

  .orderlist-online-page .order-online-box-info-row .factor-info-b .factor-online-box-customer-info {
    background: #ededed;
    padding: 10px;
    border-radius: 10px;
    direction: rtl;
    display: flex;
    flex-direction: column;
  }

  .orderlist-online-page .order-online-box-info-row .factor-info-b .factor-online-box-customer-info div {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .orderlist-online-page .order-online-box-info-row .factor-info-b .factor-online-box-customer-info div p:first-child {
    font-weight: 500;
    font-family: 'IRANSans';
    margin: 0;
    font-size: 12px;
  }

  .orderlist-online-page .order-online-box-info-row .factor-info-b .factor-online-box-customer-info div.address-info {
    border-top: 1px solid #c7c7c7;
    padding-top: 10px;
  }

  .orderlist-online-page .order-online-box-info-row .factor-info-b .btns-options {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 15px;
  }

  .orderlist-online-page .order-online-box-info-row .factor-info-b .btns-options button {
    width: 48%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 7px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    font-family: 'IRANSans';
  }

  .orderlist-online-page .order-online-box-info-row .factor-info-b .btns-options button.btn-barasi-shode {
    background: #4caf50;
    border: 1px solid #4e9050;
  }

  .orderlist-online-page .order-online-box-info-row .factor-info-b .btns-options button.btn-barasi-shode:disabled {
    opacity: 0.5;
    cursor: no-drop;
  }

  .orderlist-online-page .order-online-box-info-row .factor-info-b .btns-options button.btn-confirm-factor {
    background: #03bff7;
    border: 1px solid #0098cf;
  }

  .orderlist-online-page .btn-title-req {
    position: absolute;
    left: 15px;
    top: 15px;
    background-color: #0fbefd !important;
    color: #fff;
    box-shadow: 0 0px 20px #0fbefd63 !important;
    padding: 9px 20px;
  }

  .modal-pay-online-style .bootstrap-select {
    width: 100%;
  }

  .modal-pay-online-style .modal-dialog {
    width: 850px;
  }

  .modal-pay-online-style .modal-dialog .orderonline-flex-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .modal-pay-online-style .modal-dialog .orderonline-flex-box .left {
    width: 55%;
    padding-right: 20px;
  }

  .modal-pay-online-style .modal-dialog .orderonline-flex-box .right {
    width: 45%;
    padding-left: 20px;
    position: relative;
  }

  .modal-pay-online-style .modal-dialog .orderonline-flex-box .right tr:nth-child(even) {
    background-color: #f2f2f2;
  }

  .modal-pay-online-style .modal-dialog .orderonline-flex-box .right:before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: 100%;
    background: #eee;
  }

  .modal-pay-online-style .modal-dialog .orderonline-flex-box .right .table-responsive {
    height: 334px;
    overflow: auto;
  }

  .modal-pay-online-style .modal-dialog .orderonline-flex-box .right .table-responsive thead tr th {
    position: sticky;
    top: 0;
    background: #fff;
    border-bottom: 1px solid #eee;
  }

  .modal-pay-online-style .modal-dialog .orderonline-flex-box .right .pay-factor-info-all-price {
    border-top: 1px solid #eee;
    padding-top: 10px;
  }

  .modal-pay-online-style .modal-dialog .orderonline-flex-box .right .pay-factor-info-all-price div {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .modal-pay-online-style .modal-dialog .orderonline-flex-box .right .pay-factor-info-all-price div p {
    margin-bottom: 15px;
    color: #212121;
    font-weight: 300;
    font-family: 'IRANSans';
  }

  .modal-pay-online-style .modal-dialog .orderonline-flex-box .right .pay-factor-info-all-price div.price-asli-org {
    border-top: 1px solid #eee;
    padding-top: 15px;
  }

  .modal-pay-online-style .modal-dialog .orderonline-flex-box .right .pay-factor-info-all-price div.price-asli-org p {
    margin-bottom: 15px;
    color: #474747;
    font-weight: 500;
    font-family: 'IRANSans';
    font-size: 16px;
  }

  .modal-pay-online-style .modal-dialog .modal-body {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }

  .modal-pay-online-style .modal-dialog .modal-footer {
    width: 55%;
  }

  .select2-results__option {
    direction: rtl;
    text-align: right;
  }

  .rtl-input {
    direction: rtl;
    text-align: right;
  }

  .ltr-input {
    direction: ltr;
    text-align: left;
    padding-left: 10px !important;
  }

  .modal_add_fast_address_customer_info_p {
    text-align: center;
    background: #ff98003d;
    color: #915f17;
    width: 100%;
    display: block;
    font-size: 12px;
    line-height: 22px;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    margin-top: 10px;
  }

  .ba-malia-page-about {}

  .ba-malia-page-about .about-box-row.mb-custom-about {
    margin-bottom: 60px;
  }

  .ba-malia-page-about .about-box-row .about-box:first-child {
    border-top: 1px solid #dbdbdb;
    border-radius: 10px 10px 0 0;
  }

  .ba-malia-page-about .about-box-row .about-box:last-child {
    border-radius: 0 0 10px 10px;
  }

  .ba-malia-page-about .about-box-row .about-box {
    width: 100%;
    background: #f4f4f4;
    border-bottom: 1px solid #dbdbdb;
    padding: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .ba-malia-page-about .about-box p:first-child {
    color: #1e1e1e;
    font-weight: 500;
    font-family: iransans;
  }

  .ba-malia-page-about .about-box p {
    margin: 0;
  }

  .bamalia-news-page {
    padding: 15px;
    max-width: 1040px;
    margin: auto;
  }

  .bamalia-news-page .news-slider {
    width: 100%;
    min-height: 350px;
    border: 1px solid #c9c9c9;
    border-radius: 10px;
    overflow: hidden;
    direction: ltr;
  }

  .bamalia-news-page .news-slider a {
    display: block;
    width: 100%;
  }

  .bamalia-news-page .news-slider .owl-dots {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
  }

  .bamalia-news-page .news-slider .owl-dots .owl-dot span {
    background: #ffffff;
  }

  .bamalia-news-page .news-slider .owl-dots .owl-dot.active span {
    width: 40px;
    transition: 0.5s;
    background: #ffffff;
  }

  .bamalia-news-page .news-slider .owl-dots .owl-dot span {
    transition: 0.5s;
  }

  .bamalia-news-page .news-socialmedia:hover div {
    opacity: 1;
  }

  .bamalia-news-page .news-socialmedia div {
    opacity: 0;
    transition: 0.4s;
  }

  .bamalia-news-page .news-socialmedia {
    transition: 0.4s;
    width: 91%;
    max-width: 209px;
    min-height: 350px;
    border: 1px solid #c9c9c9;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-size: cover;
    overflow: hidden;
    position: relative;
    margin: auto;
  }

  .bamalia-news-page .news-socialmedia:hover {
    transition: 0.4s;
  }

  .bamalia-news-page .news-socialmedia .icon-socialmedia.i-telegram {
    position: relative;
    right: -80px;
    transition: 0.2s;
  }

  .bamalia-news-page .news-socialmedia:hover .icon-socialmedia.i-telegram {
    right: 0;
  }

  .bamalia-news-page .news-socialmedia .icon-socialmedia.i-instagram {
    position: relative;
    right: -80px;
    transition: 0.4s;
  }

  .bamalia-news-page .news-socialmedia:hover .icon-socialmedia.i-instagram {
    right: 0;
  }

  .bamalia-news-page .news-socialmedia .icon-socialmedia.i-facebook {
    position: relative;
    right: -80px;
    transition: 0.6s;
  }

  .bamalia-news-page .news-socialmedia:hover .icon-socialmedia.i-facebook {
    right: 0;
  }

  .bamalia-news-page .news-socialmedia .icon-socialmedia.i-twitter {
    position: relative;
    left: -80px;
    transition: 0.2s;
  }

  .bamalia-news-page .news-socialmedia:hover .icon-socialmedia.i-twitter {
    left: 0;
  }

  .bamalia-news-page .news-socialmedia .icon-socialmedia.i-whatsapp {
    position: relative;
    left: -80px;
    transition: 0.4s;
  }

  .bamalia-news-page .news-socialmedia:hover .icon-socialmedia.i-whatsapp {
    left: 0;
  }

  .bamalia-news-page .news-socialmedia .icon-socialmedia.i-linkedin {
    position: relative;
    left: -80px;
    transition: 0.6s;
  }

  .bamalia-news-page .news-socialmedia:hover .icon-socialmedia.i-linkedin {
    left: 0;
  }

  .bamalia-news-page .news-socialmedia:before {
    content: '';
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: 0.4s;
    z-index: 1;
  }

  .bamalia-news-page .news-socialmedia:hover:before {
    opacity: 1;
  }

  .bamalia-news-page .news-socialmedia div {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
  }

  .bamalia-news-page .news-socialmedia div button.icon-socialmedia {
    background: #eee;
    width: 45px;
    height: 45px;
    display: block;
    border-radius: 10px;
    border: 0;
  }

  .bamalia-news-page .news-socialmedia div button.icon-socialmedia i {}

  .bamalia-news-page .news-socialmedia div button.icon-socialmedia.i-telegram {
    background: #2196f3;
  }

  .bamalia-news-page .news-socialmedia div button.icon-socialmedia.i-telegram i {
    background-image: url(../icons/icon-telegram.svg?v=2);
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-size: 71%;
    background-position: center;
    /* background-position-x: 6px; */
  }

  .bamalia-news-page .news-socialmedia div button.icon-socialmedia.i-twitter {
    background: #21b1f3;
  }

  .bamalia-news-page .news-socialmedia div button.icon-socialmedia.i-twitter i {
    background-image: url(../icons/icon-twitter.png);
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-size: 72%;
    background-position: center;
    background-position-x: 5px;
  }

  .bamalia-news-page .news-socialmedia div button.icon-socialmedia.i-instagram {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #c42cac, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #f33d03, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
  }

  .bamalia-news-page .news-socialmedia div button.icon-socialmedia.i-instagram i {
    background-image: url(../icons/icon-instagram.png);
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
  }

  .bamalia-news-page .news-socialmedia div button.icon-socialmedia.i-whatsapp {
    background: #4caf50;
  }

  .bamalia-news-page .news-socialmedia div button.icon-socialmedia.i-whatsapp i {
    background-image: url(../icons/icon-whatsapp.png?v=1);
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-size: 37px;
    background-position: center;
  }

  .bamalia-news-page .news-socialmedia div button.icon-socialmedia.i-facebook {
    background: #2196f3;
  }

  .bamalia-news-page .news-socialmedia div button.icon-socialmedia.i-facebook i {
    background-image: url(../icons/icon-facebook.svg);
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-size: 58%;
    background-position: center;
    background-position-x: 8px;
  }

  .bamalia-news-page .news-socialmedia div button.icon-socialmedia.i-linkedin {
    background: #2196f3;
  }

  .bamalia-news-page .news-socialmedia div button.icon-socialmedia.i-linkedin i {
    background-image: url(../icons/icon-linkedin.svg);
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
  }

  .bamalia-news-page .blog {
    margin-top: 40px;
  }

  .bamalia-news-page h1.p-tit {
    margin-bottom: 80px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    font-family: 'IRANSansNum';
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
  }

  .bamalia-news-page .blog .post-box {
    padding: 15px;
    background: #fff;
    min-height: 50px;
    box-shadow: -2px 2px 40px rgb(0 0 0 / 19%);
    border-radius: 18px;
    transition: 0.4s;
    position: relative;
    top: 0;
    margin-bottom: 85px;
  }

  .bamalia-news-page .blog .post-box:hover {
    box-shadow: -2px 2px 40px rgb(0 0 0 / 34%);
    position: relative;
    transition: 0.4s;
    top: -5px;
  }

  .bamalia-news-page .blog .post-box img {
    width: 100%;
    max-width: 95%;
    margin: auto;
    display: block;
    position: relative;
    top: -60px;
    box-shadow: 0px 0px 40px rgb(0 0 0 / 10%);
    position: relative;
    margin-bottom: -40px;
    border-radius: 18px;
  }

  .bamalia-news-page .blog .post-box h2 {
    font-weight: 500;
    font-family: 'IRANSansNum';
    font-size: 14px;
    line-height: 30px;
    margin-top: 0;
  }

  .bamalia-news-page .blog .post-box p {
    min-height: 80px;
  }

  .bamalia-news-page .blog .post-box a {
    width: 100%;
    display: block;
    text-align: center;
    border-top: 1px solid #eee;
    padding-top: 15px;
    font-weight: 500;
    font-family: 'IRANSansNum';
    font-size: 13px;
    text-decoration: none;
    color: #4a4a4a;
  }

  .modalShowSocailInfo {
    width: 100%;
    height: 100%;
  }

  .modalShowSocailInfo .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
  }

  .modalShowSocailInfo .modal-content {
    background: white;
    padding: 20px;
    border-radius: 8px;
    width: 430px;
    position: relative;
    margin: auto;
    margin-top: 10%;
  }

  .modalShowSocailInfo .modal-content h2 {
    text-align: center;
  }

  .modalShowSocailInfo .modal-content .qr-code-box {
    width: 250px;
    height: 250px;
    margin: auto;
    background-size: cover;
    background-position: center;
    margin-bottom: 25px;
    border-radius: 15px;
    border: 1px solid #eae9e9;
  }

  .modalShowSocailInfo .modal-content p {
    text-align: center;
    background: #eae9e9;
    padding: 10px 55px;
    display: block;
    margin: auto;
    width: 250px;
    border-radius: 15px;
  }

  .modalShowSocailInfo .close-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
    background: red;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
  }

  .bamalia-news-show-page {
    color: #333333;
    font-size: 15px;
    text-align: justify;
    margin: 0 !important;
    line-height: 2.2;
    font-weight: 100;
    font-family: 'IRANSansNum';
  }

  .bamalia-news-show-page img {
    width: 100%;
    border-radius: 10px;
    max-width: 700px;
    margin: auto;
    display: block;
    height: auto;
  }

  .bamalia-news-show-page h2,
  .bamalia-news-show-page h3,
  .bamalia-news-show-page h4,
  .bamalia-news-show-page h5,
  .bamalia-news-show-page h6 {
    text-align: right;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #303030;
    font-family: 'IRANSansNum';
  }

  .btn-supportcenter-add,
  .btn-supportcenter-add:hover,
  .btn-supportcenter-add:focus {
    background-color: #0cbffe;
    color: #ffff;
    text-decoration: none;
    padding: 9px 14px;
    font-size: 12px !important;
  }

  .supportcenter-page span.bg-green {
    background: #fff3d8 !important;
    color: #624319 !important;
    font-size: 12px;
    padding: 3px 20px;
    border-radius: 9px;
    font-weight: 500;
    font-family: 'IRANSansNum';
  }

  .supportcenter-page span.bg-blue {
    background: #d8ffd9 !important;
    color: #004e00 !important;
    font-size: 12px;
    padding: 3px 20px;
    border-radius: 9px;
    font-weight: 500;
    font-family: 'IRANSansNum';
  }

  .supportcenter-page span.bg-red {
    background: #ffd8d8 !important;
    color: #3c0000 !important;
    font-size: 12px;
    padding: 3px 20px;
    border-radius: 9px;
    font-weight: 500;
    font-family: 'IRANSansNum';
  }

  .supportcenter-add-page {}

  .supportcenter-add-page .btn-supportcenter-cancel,
  .supportcenter-add-page .btn-supportcenter-cancel:hover,
  .supportcenter-add-page .btn-supportcenter-cancel:focus {
    background-color: #FF5858 !important;
    color: #ffff;
    text-decoration: none;
    padding: 9px 30px;
    font-size: 12px !important;
  }

  .supportcenter-add-page .btn-send,
  .supportcenter-add-page .btn-send:focus,
  .supportcenter-add-page .btn-send:hover {
    background: #00b6f8;
    color: #fff;
    font-size: 12px !important;
    margin-bottom: 20px;
    margin-left: 0;
    padding: 11px 17px;
    border-radius: 11px !important;
    float: left;
  }

  .supportcenter-page {}

  .supportcenter-page .right-supportcenter-box,
  .supportcenter-page .left-supportcenter-box {
    direction: rtl;
    text-align: right;
  }

  .supportcenter-page .right-supportcenter-box p.title,
  .supportcenter-page .left-supportcenter-box p.title {
    font-weight: 500;
    font-family: 'IRANSansNum';
    font-size: 13px;
  }

  .supportcenter-page .right-supportcenter-box .content,
  .supportcenter-page .left-supportcenter-box .content {
    text-align: center;
    background: #f2f2f2;
    border-radius: 15px 15px 0 0;
    padding: 9px;
    font-family: 'IRANSansNum';
    font-size: 14px;
    color: #161616;
    direction: ltr;
    box-shadow: inset 0 2px 1px #d5d5d5;
    max-width: 50%;
    margin: auto;
    margin-top: 50px;
  }

  .supportcenter-page.pb-0 {
    padding-bottom: 0;
  }

  .shadow-custom {
    box-shadow: -2px 2px 40px rgb(0 0 0 / 14%);
  }

  a.see-all-supportcenter {
    text-align: center;
    background: #f2f2f2;
    border-radius: 15px 15px 0 0;
    padding: 9px;
    font-size: 12px;
    color: #161616;
    direction: ltr;
    box-shadow: inset 0 2px 1px #d5d5d5;
    max-width: 50%;
    margin: auto;
    margin-top: 50px;
    float: none;
    display: block;
    width: 242px;
    text-decoration: none;
  }

  .supportcenter-ticket-show .massage {
    width: 100%;
    margin-bottom: 20px;
    direction: rtl;
    text-align: right;
    border-radius: 7px;
    padding: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .supportcenter-ticket-show .massage.user p.text {}

  .supportcenter-ticket-show .massage.admin p.text {}

  .supportcenter-ticket-show .massage.admin {
    display: flex;
    flex-direction: row-reverse;
  }

  .supportcenter-ticket-show .massage.admin .sender {
    display: flex;
    flex-direction: row-reverse;
  }

  .supportcenter-ticket-show .massage.admin .sender .send-time {
    margin-right: 0;
    margin-left: 10px;
  }

  .supportcenter-ticket-show .massage.admin .user-img {
    background: #fff;
  }

  .supportcenter-ticket-show .massage.admin .user-img .malia-icon {
    background-image: url(../icons/icon-192.png);
    background-size: 32px;
    background-repeat: no-repeat;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 6px;
    left: 0;
    top: 4px;
  }

  .supportcenter-ticket-show .massage .user-img {
    float: left;
    margin-left: 10px;
    margin-right: 0;
    background: #6d6d6d;
    width: 40px;
    height: 40px;
    float: right;
    border-radius: 50px;
    text-align: center;
    padding-top: 10px;
    margin-right: 7px;
    color: #fff;
    box-shadow: 0 6px 20px #0000002e;
    position: relative;
  }

  .supportcenter-ticket-show .massage .user-img i.fa-user {
    background-image: url(../icons/user-icon.png?v=1);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 5px;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 6px;
    left: 0;
    top: 4px;
  }

  .supportcenter-ticket-show .massage p.sender {
    font-weight: 500;
    font-family: 'IRANSansNum';
    position: relative;
    margin-top: 12px;
    width: 90%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    color: #686868;
  }

  .supportcenter-ticket-show .massage p.sender span.send-time {
    direction: ltr;
    margin-right: 10px;
    position: relative;
    top: -5px;
    display: inline;
    min-height: auto;
    background: #6d6d6d;
    border-radius: 12px;
    padding: 4px 12px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 100;
  }

  .supportcenter-ticket-show .massage p.text {
    float: right;
    width: 100%;
    font-size: 11px;
    color: #595959;
    background: #fff;
    padding-top: 8px;
    border-radius: 10px;
    position: relative;
    box-shadow: inset 0 0 10px #c9c9c94f;
    border: 1px solid #ddd;
    min-height: auto;
    padding-bottom: 8px;
    margin-top: 24px !important;
    padding: 10px;
    line-height: 2.2;
  }

  .supportcenter-ticket-show .massage p.text:after,
  .supportcenter-ticket-show .massage p.text:before {
    content: '';
    width: 15px;
    height: 1px;
    background: #ddd;
    top: -6px;
    z-index: 1;
    border-radius: 10px;
    position: absolute;
  }

  .supportcenter-ticket-show .massage.user p.text:before {
    right: 16px;
    rotate: 46deg;
  }

  .supportcenter-ticket-show .massage.user p.text:after {
    right: 26px;
    rotate: 314deg;
  }

  .supportcenter-ticket-show .massage.admin p.text:before {
    left: 16px;
    rotate: -46deg;
  }

  .supportcenter-ticket-show .massage.admin p.text:after {
    left: 26px;
    rotate: -314deg;
  }

  .btn-CloseTicket,
  .btn-CloseTicket:focus,
  .btn-CloseTicket:hover {
    background: #FF5858 !important;
    color: #fff;
    font-size: 12px !important;
    margin-bottom: 20px;
    padding: 11px 17px;
    border-radius: 11px !important;
    float: left;
    margin-right: 15px;
  }

  .btn-onoff-add-customer-in-delivery-modal input {
    left: auto !important;
  }

  .btn-onoff-add-customer-in-delivery-modal label.toggleSwitch {
    margin-right: 12px;
  }

  @media screen and (max-width: 1000px) {

    .login-page .wel-msg-login .wel-text-intro,
    .login-page .login-white .language-change {
      display: none;
    }

    .mobile-hide {
      display: none;
    }

    .pc-hide {
      display: block;
    }

    .mobile-btn-footer-login {
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-around;
      margin-bottom: 20px;
      margin-top: 15px;
    }

    .mobile-btn-footer-login .language-change {
      width: 110px;
      /* margin-left: 30px; */
    }

    .mobile-btn-footer-login .form-group {
      margin: 0;
    }

    .mobile-btn-footer-login .language-change select {
      background: #fff;
      width: 61px;
      direction: rtl;
    }

    .mobile-btn-footer-login .version-software {
      width: 110px;
      color: #fff;
      text-align: right;
    }

    .m-logo-login-mobile {
      display: flex;
      justify-content: center;
      margin-left: 0;
      margin-bottom: 27px;
    }

    .m-logo-login-mobile img {
      width: 80px;
    }

    .login-page .bk-malia-login {
      position: fixed;
    }

    .login-page .login-box .card {
      margin: 0;
    }

    .login-page .wel-msg-login .m-logo-login {
      display: none;
    }

    .login-page .wel-msg-login .home-btns {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row-reverse;
      align-items: center;
      justify-content: space-around;
      position: relative;
      bottom: 0;
      margin-top: 20px;
    }

    .login-page .wel-msg-login .home-btns a:first-child {
      margin-left: 10px !important;
    }

    .login-page .wel-msg-login .home-btns a:last-child {
      margin-left: 0 !important;
    }

    .login-page .login-box {
      right: 0;
      top: auto;
      bottom: auto;
      left: 0;
      margin: auto;
      position: relative;
      background-color: transparent;
    }

    .login-page {
      /* display: block; */
      /* flex-direction: column; */
      /* flex-wrap: wrap; */
      /* float: right; */
      width: 100%;
      height: 100%;
    }

    .flex-box-login {
      flex-direction: column !important;
      flex-wrap: nowrap !important;
      position: relative !important;
    }

    .login-page .wel-msg-login {
      width: 100%;
      /* height: 100px; */
      background: #062228;
      border-top: 1px solid #fff;
      border-radius: 25px 25px 0 0;
      margin-top: 30px;
    }

    .login-page .login-white {
      width: 100%;
      background: transparent;
    }
  }

  @media only screen {
    .toggleSwitch {
      display: inline-block;
      height: 18px;
      position: relative;
      overflow: visible;
      padding: 0;
      cursor: pointer;
      width: 40px;
      direction: ltr;
      top: 9px;
    }

    .toggleSwitch.disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }

    .toggleSwitch * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .toggleSwitch label,
    .toggleSwitch>span {
      line-height: 28px;
      height: 25px;
      vertical-align: middle;
    }

    .toggleSwitch input:focus~a,
    .toggleSwitch input:focus+label {
      outline: none;
    }

    .toggleSwitch label {
      position: relative;
      z-index: 3;
      display: block;
      width: 100%;
    }

    .toggleSwitch input {
      position: absolute;
      opacity: 0;
      z-index: 5;
    }

    .toggleSwitch>span {
      position: absolute;
      left: -50px;
      width: 100%;
      margin: 0;
      padding-right: 50px;
      text-align: left;
      white-space: nowrap;
    }

    .toggleSwitch>span span {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 5;
      display: block;
      width: 50%;
      margin-left: 50px;
      text-align: left;
      font-size: 0.9em;
      width: 100%;
      left: 15%;
      top: -1px;
      opacity: 0;
    }

    .toggleSwitch a {
      position: absolute;
      right: 50%;
      z-index: 4;
      display: block;
      height: 100%;
      padding: 0;
      left: 7px;
      width: 18px;
      background-color: #fff;
      border: 1px solid #CCC;
      border-radius: 100%;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .toggleSwitch>span span:first-of-type {
      color: #ccc;
      opacity: 1;
      left: 45%;
    }

    .toggleSwitch>span:before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 53px;
      top: -3px;
      background-color: #fafafa;
      border: 1px solid #ccc;
      border-radius: 30px;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
    }

    .toggleSwitch input:checked~a {
      border-color: #fff;
      left: 100%;
      margin-left: -8px;
    }

    .toggleSwitch input:checked~span:before {
      border-color: #13D81B;
      box-shadow: inset 0 0 0 30px #13D81B;
    }

    .toggleSwitch input:checked~span span:first-of-type {
      opacity: 0;
    }

    .toggleSwitch input:checked~span span:last-of-type {
      opacity: 1;
      color: #fff;
    }

    /* Switch Sizes */
    .toggleSwitch.large {
      width: 60px;
      height: 27px;
    }

    .toggleSwitch.large a {
      width: 27px;
    }

    .toggleSwitch.large>span {
      height: 29px;
      line-height: 28px;
    }

    .toggleSwitch.large input:checked~a {
      left: 41px;
    }

    .toggleSwitch.large>span span {
      font-size: 1.1em;
    }

    .toggleSwitch.large>span span:first-of-type {
      left: 50%;
    }

    .toggleSwitch.xlarge {
      width: 80px;
      height: 36px;
    }

    .toggleSwitch.xlarge a {
      width: 36px;
    }

    .toggleSwitch.xlarge>span {
      height: 38px;
      line-height: 37px;
    }

    .toggleSwitch.xlarge input:checked~a {
      left: 52px;
    }

    .toggleSwitch.xlarge>span span {
      font-size: 1.4em;
    }

    .toggleSwitch.xlarge>span span:first-of-type {
      left: 50%;
    }
  }

  /*  End Toggle Switch  */
  @media (max-width: 1169px) {
    nav.navbar {
      display: inline;
    }

    .sidebar {
      top: 70px;
      height: calc(100vh - 70px);
    }

    section.content {
      margin: 100px 315px 0 15px;
    }
  }

  @media (min-width: 768px) {
    .modal-dialog {
      width: 500px;
      margin: 30px auto;
    }
  }