@import url("https://fonts.googleapis.com/css?family=Roboto:400,500|Sarabun:400,600,700");
/* ======
01. General
   ====== */
/* ==============
  General
===================*/
body {
  background-repeat: repeat;
  background: #f8f8fa;
  font-family: "Roboto", sans-serif;
  color: #5b626b;
  font-size: 14px;
}

html {
  overflow-x: hidden;
  position: relative;
  min-height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin: 10px 0;
  font-family: "Sarabun", sans-serif;
  font-weight: 600;
}

p {
  line-height: 1.7;
}

svg {
  max-width: 100%;
}

a {
  color: #6c757d;
}

a:hover {
  outline: 0;
  text-decoration: none;
}

a:active {
  outline: 0;
  text-decoration: none;
}

a:focus {
  outline: 0;
  text-decoration: none;
}

b, strong {
  font-weight: 500;
}

.container-alt {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

#wrapper {
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.slimScrollDiv {
  height: auto !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #626ed4;
}

/* Social */
.social-links li a {
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
}

/* ======
02. Bootstrap-custom
   ====== */
/* ==============
  Bootstrap-custom
===================*/
.dropdown-menu {
  padding: 4px 0;
  font-size: 14px;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44);
          box-shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44);
  background-color: #ffffff;
  border-color: #e9ecef;
  margin: 0;
}

.dropdown-item {
  background-color: #ffffff;
  padding: .55rem 1.5rem;
}

.dropdown-item:active, .dropdown-item:hover {
  background-color: #f8f9fa;
  color: #2a3142;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #f8f9fa;
  color: #2a3142;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #9ca8b3;
  content: "\f105" !important;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.blockquote {
  padding: 10px 20px;
  margin-bottom: 20px;
  border-left: 4px solid #e9ecef;
}

.blockquote-reverse {
  border-left: 0;
  border-right: 4px solid #e9ecef;
  text-align: right;
}

.bg-primary {
  background-color: #626ed4 !important;
}

.bg-success {
  background-color: #02a499 !important;
}

.bg-info {
  background-color: #38a4f8 !important;
}

.bg-warning {
  background-color: #f8b425 !important;
}

.bg-danger {
  background-color: #ec4561 !important;
}

.bg-muted {
  background-color: #9ca8b3 !important;
}

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

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

.text-danger {
  color: #ec4561 !important;
}

.text-muted {
  color: #9ca8b3 !important;
}

.text-primary {
  color: #626ed4 !important;
}

.text-warning {
  color: #f8b425 !important;
}

.text-success {
  color: #02a499 !important;
}

.text-info {
  color: #38a4f8 !important;
}

.text-dark {
  color: #2a3142 !important;
}

.badge {
  font-weight: 500;
}

.badge-primary {
  background-color: #626ed4;
}

.badge-success {
  background-color: #02a499;
}

.badge-info {
  background-color: #38a4f8;
}

.badge-warning {
  background-color: #f8b425;
  color: #ffffff;
}

.badge-danger {
  background-color: #ec4561;
}

.badge-dark {
  background-color: #2a3142;
}

dt {
  font-weight: 500;
}

.spinner-border, .spinner-grow {
  margin-right: 10px;
  margin-top: 10px;
}

.custom-control-input:checked ~ .custom-control-label:before {
  border-color: #626ed4;
  background-color: #626ed4;
}

/* ======
03. Helper
   ====== */
/* ==============
  Helper Classes
===================*/
.p-0 {
  padding: 0;
}

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

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

.m-0 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-30 {
  max-width: 30px;
}

.w-xs {
  min-width: 80px;
}

.w-sm {
  min-width: 95px;
}

.w-md {
  min-width: 110px;
}

.w-lg {
  min-width: 140px;
}

.l-h-23 {
  line-height: 23px;
}

.l-h-34 {
  line-height: 34px;
}

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

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

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

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

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

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

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

.thumb-sm {
  height: 32px;
  width: 32px;
}

.thumb-md {
  height: 48px;
  width: 48px;
}

.thumb-lg {
  height: 88px;
  width: 88px;
}

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

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

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

/* ======
04. Waves Effect
   ====== */
/* ==============
  Waves Effect
===================*/
/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}

.waves-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}

.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}

.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper.waves-button {
  padding: 0;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}

.waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.waves-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
  display: block;
}

/* ======
05. Menu
   ====== */
/* Metis Menu css */
.metismenu {
  padding: 0;
}

.metismenu ul {
  padding: 0;
}

.metismenu ul li {
  list-style: none;
}

.submenu li a {
  padding: 8px 20px 8px 10px;
  color: #8699ad;
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.submenu li a:focus {
  background-color: left-bar;
}

.submenu li a:hover {
  background-color: #333547;
  color: rgba(255, 255, 255, 0.8);
}

.submenu > li > a {
  padding-left: 50px;
}

.submenu li.mm-active > a {
  color: #b4c9de;
  background-color: #333547;
}

.topbar {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}

.topbar .topbar-left {
  background: #333547;
  float: left;
  text-align: center;
  height: 70px;
  position: relative;
  width: 240px;
  z-index: 1;
}

.topbar .topbar-left .logo {
  line-height: 70px;
}

.topbar .topbar-left .logo i {
  display: none;
}

.navbar-custom {
  background-color: #ececf1;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0 10px 0 0;
  margin-left: 240px;
  min-height: 70px;
}

.navbar-custom .nav-link {
  padding: 0 4px;
}

.navbar-custom .navbar-right .dropdown-toggle:after {
  content: initial;
}

.logo {
  color: #2a3142 !important;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.logo span span {
  color: #626ed4;
}

.side-menu {
  width: 240px;
  z-index: 10;
  background: #333547;
  bottom: 0;
  margin-top: 0;
  padding-bottom: 30px;
  position: fixed;
  top: 70px;
}

.side-menu .waves-effect .waves-ripple {
  background-color: rgba(51, 53, 71, 0.4);
}

.enlarged .side-menu {
  position: absolute;
}

.content-page {
  margin-left: 240px;
  overflow: hidden;
}

.content-page .content {
  padding: 0 15px 10px 15px;
  margin-top: 70px;
  margin-bottom: 60px;
}

.button-menu-mobile {
  border: none;
  color: #525f80;
  display: inline-block;
  height: 70px;
  width: 60px;
  background-color: #ececf1;
  font-size: 24px;
}

#sidebar-menu > ul > li > a {
  color: #8699ad;
  display: block;
  padding: 12.5px 20px;
  font-size: 15.7px;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: "Sarabun", sans-serif;
}

#sidebar-menu > ul > li > a:hover, #sidebar-menu > ul > li > a:focus, #sidebar-menu > ul > li > a:active {
  color: #b4c9de;
  text-decoration: none;
}

#sidebar-menu > ul > li > a > span {
  vertical-align: middle;
  margin-left: 7px;
}

#sidebar-menu {
  padding-top: 10px;
}

#sidebar-menu .badge {
  margin-top: 7px;
}

#sidebar-menu li.mm-active .menu-arrow i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

#sidebar-menu ul li a i {
  vertical-align: middle;
  font-size: 14.7px;
  width: 20px;
  display: inline-block;
}

#sidebar-menu > ul > li > a.mm-active {
  color: #b4c9de !important;
  background-color: #383b4e;
}

.menu-title {
  padding: 12px 20px !important;
  letter-spacing: 1px;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  color: #b4bfcc;
}

.enlarged .slimScrollDiv {
  overflow: inherit !important;
}

.enlarged .slimScrollBar {
  visibility: hidden;
}

.enlarged #wrapper .navbar-custom {
  margin-left: 70px;
}

.enlarged #wrapper #sidebar-menu .menu-title, .enlarged #wrapper #sidebar-menu .menu-arrow, .enlarged #wrapper #sidebar-menu .badge {
  display: none !important;
}

.enlarged #wrapper #sidebar-menu .mm-collapse.mm-show {
  display: none;
}

.enlarged #wrapper #sidebar-menu .nav.mm-collapse {
  height: inherit !important;
}

.enlarged #wrapper #sidebar-menu ul ul {
  margin-top: -2px;
  padding-bottom: 5px;
  padding-top: 5px;
  z-index: 9999;
  background-color: #333547;
}

.enlarged #wrapper .left.side-menu {
  width: 70px;
  z-index: 5;
}

.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li > a {
  padding: 15px 20px;
  min-height: 56px;
}

.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li > a:hover, .enlarged #wrapper .left.side-menu #sidebar-menu > ul > li > a:active, .enlarged #wrapper .left.side-menu #sidebar-menu > ul > li > a:focus {
  color: #ffffff !important;
  background-color: #2e2f40;
}

.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li > a i {
  font-size: 18px;
  margin-left: 5px;
  margin-right: 20px !important;
}

.enlarged #wrapper .left.side-menu #sidebar-menu ul > li {
  position: relative;
  white-space: nowrap;
}

.enlarged #wrapper .left.side-menu #sidebar-menu ul > li:hover > a {
  position: relative;
  width: 260px;
  color: #626ed4 !important;
  background-color: #2e2f40;
}

.enlarged #wrapper .left.side-menu #sidebar-menu ul > li:hover > ul {
  display: block;
  left: 70px;
  position: absolute;
  width: 190px;
  height: auto !important;
}

.enlarged #wrapper .left.side-menu #sidebar-menu ul > li:hover > ul a {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 8px 20px;
  position: relative;
  width: 190px;
  z-index: 6;
}

.enlarged #wrapper .left.side-menu #sidebar-menu ul > li:hover > ul a:hover {
  color: #ffffff;
}

.enlarged #wrapper .left.side-menu #sidebar-menu ul > li:hover a span {
  display: inline;
}

.enlarged #wrapper .left.side-menu #sidebar-menu ul ul li:hover > ul {
  display: block;
  left: 190px;
  margin-top: -36px;
  position: absolute;
  width: 190px;
}

.enlarged #wrapper .left.side-menu #sidebar-menu ul ul li > a span.float-right {
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  position: absolute;
  right: 20px;
  top: 12px;
  transform: rotate(270deg);
}

.enlarged #wrapper .left.side-menu #sidebar-menu ul ul li.mm-active a {
  color: #ffffff;
}

.enlarged #wrapper .left.side-menu #sidebar-menu ul > li > a span {
  display: none;
  padding-left: 10px;
}

.enlarged #wrapper .left.side-menu .user-details {
  display: none;
}

.enlarged #wrapper .content-page {
  margin-left: 70px;
}

.enlarged #wrapper .footer_plugin {
  left: 70px;
}

.enlarged #wrapper .topbar .topbar-left {
  width: 70px !important;
}

.enlarged #wrapper .topbar .topbar-left .logo span {
  display: none;
  opacity: 0;
}

.enlarged #wrapper .topbar .topbar-left .logo i {
  display: block;
  line-height: 70px;
  color: #626ed4 !important;
}

.enlarged #wrapper #sidebar-menu > ul > li:hover > a.open :after {
  display: none;
}

.enlarged #wrapper #sidebar-menu > ul > li:hover > a.mm-active :after {
  display: none;
}

/* Footer */
.footer_plugin {
  bottom: 0;
  text-align: center !important;
  padding: 19px 30px 20px;
  position: absolute;
  background-color: #f1f2f5;
  right: 0;
  left: 240px;
  font-family: "Sarabun", sans-serif;
}

/* Notification */
.notification-item-list {
  max-height: 230px;
}

.notification-list.list-inline-item:not(:last-child) {
  margin-right: 0;
}

.notification-list .noti-icon {
  font-size: 24px;
  vertical-align: middle;
  color: #525f80;
}

.notification-list .noti-icon-badge {
  display: inline-block;
  position: absolute;
  top: 16px;
  right: 12px;
}

.notification-list .notify-item {
  padding: 10px 20px;
}

.notification-list .notify-item .notify-icon {
  float: left;
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-align: center;
  margin-right: 10px;
  border-radius: 50%;
}

.notification-list .notify-item .notify-icon i {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  line-height: 32px;
  margin-top: 2px;
  color: #ffffff;
}

.notification-list .notify-item .notify-details {
  margin-bottom: 0;
  overflow: hidden;
  margin-left: 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  font-family: "Sarabun", sans-serif;
}

.notification-list .notify-item .notify-details span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 12px;
  font-weight: normal;
  font-family: "Roboto", sans-serif;
}

.notification-list .language-switch a img {
  float: right;
}

.notification-list .profile-dropdown .notify-item {
  padding: 4px 20px;
}

.notification-list .nav-link {
  padding: 0 15px;
  line-height: 70px;
  color: #525f80;
  display: block;
}

.notification-list.show .nav-link {
  background-color: rgba(42, 49, 66, 0.05);
}

.profile-dropdown {
  width: 170px;
}

.profile-dropdown i {
  font-size: 17px;
  vertical-align: middle;
  margin-right: 5px;
  color: #6c757d;
}

.profile-dropdown span {
  margin-top: 3px;
}

.nav-user img {
  height: 36px;
  width: 36px;
}

.arrow-none:after {
  border: none;
  margin: 0;
  display: none;
}

.dropdown-menu-lg {
  width: 300px;
}

.app-search {
  position: relative;
  display: table;
  height: 70px;
}

.app-search .form-group {
  display: table-cell;
  vertical-align: middle;
}

.app-search .form-control,
.app-search .form-control:focus {
  border: 1px solid #e0e0ea;
  font-size: 13px;
  height: 34px;
  padding-left: 18px;
  padding-right: 40px;
  margin-right: 16px;
  background: #e0e0ea;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 30px;
  width: 200px;
}

.app-search button {
  position: absolute;
  top: 26px;
  right: 26px;
  display: block;
  color: #9ca8b3;
  font-size: 11px;
  border: none;
  background-color: transparent;
}

.nav-user img {
  margin-top: -3px;
}

.page-title-box {
  padding: 20px 0px;
}

.page-title-box .page-title {
  font-size: 18px;
  margin: 0;
  line-height: 30px;
  font-weight: 700;
}

.page-title-box .breadcrumb {
  padding: 4px 0;
  background-color: transparent;
  margin-bottom: 0;
}

.page-title-box .breadcrumb a {
  color: #2a3142;
}

.page-title-box .breadcrumb a:hover {
  color: rgba(42, 49, 66, 0.9);
}

.page-title-box .breadcrumb .active {
  color: rgba(42, 49, 66, 0.7);
}

/* ======
06. Buttons
   ====== */
/* ==============
  Buttons
===================*/
.btn {
  border-radius: 3px;
  font-size: 14px;
}

button:focus {
  outline: none;
}

.btn-sm {
  font-size: 11.66667px;
}

.btn-lg {
  font-size: 16.8px;
}

.btn-primary, .btn-success, .btn-info, .btn-warning,
.btn-danger, .btn-dark, .btn-pink, .btn-purple, .btn-indigo, .btn-teal,
.btn-lime, .btn-orange, .btn-brown, .btn-blue-grey {
  color: #ffffff;
}

.btn-primary {
  background-color: #626ed4;
  border: 1px solid #626ed4;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover,
.open > .dropdown-toggle.btn-primary, .btn-outline-primary.active, .btn-outline-primary:active,
.show > .btn-outline-primary.dropdown-toggle, .btn-outline-primary:hover, .btn-primary.active,
.btn-primary:active, .show > .btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle,
.btn-outline-primary:not([disabled]):not(.disabled).active, .btn-outline-primary:not([disabled]):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: #4e5ccf;
  border: 1px solid #4e5ccf;
}

.btn-primary.focus, .btn-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(98, 110, 212, 0.3);
  box-shadow: 0 0 0 2px rgba(98, 110, 212, 0.3);
}

.btn-secondary.focus, .btn-secondary:focus, .btn-outline-secondary.focus, .btn-outline-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(42, 49, 66, 0.3);
  box-shadow: 0 0 0 2px rgba(42, 49, 66, 0.3);
}

.btn-success {
  background-color: #02a499;
  border: 1px solid #02a499;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover,
.open > .dropdown-toggle.btn-success, .btn-outline-success.active, .btn-outline-success:active,
.show > .btn-outline-success.dropdown-toggle, .btn-outline-success:hover, .btn-success.active,
.btn-success:active, .show > .btn-success.dropdown-toggle,
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus,
.btn-outline-success:not([disabled]):not(.disabled).active, .btn-outline-success:not([disabled]):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
  background-color: #028b81;
  border: 1px solid #028b81;
}

.btn-success.focus, .btn-success:focus, .btn-outline-success.focus, .btn-outline-success:focus,
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(2, 164, 153, 0.3);
  box-shadow: 0 0 0 2px rgba(2, 164, 153, 0.3);
}

.btn-info {
  background-color: #38a4f8;
  border: 1px solid #38a4f8;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus,
.btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info,
.btn-outline-info.active, .btn-outline-info:active,
.show > .btn-outline-info.dropdown-toggle, .btn-outline-info:hover, .btn-info.active, .btn-info:active,
.show > .btn-info.dropdown-toggle, .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle,
.btn-outline-info:not([disabled]):not(.disabled).active, .btn-outline-info:not([disabled]):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
  background-color: #1f99f7;
  border: 1px solid #1f99f7;
}

.btn-info.focus, .btn-info:focus, .btn-outline-info.focus, .btn-outline-info:focus,
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(56, 164, 248, 0.3);
  box-shadow: 0 0 0 2px rgba(56, 164, 248, 0.3);
}

.btn-warning {
  background-color: #f8b425;
  border: 1px solid #f8b425;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
.btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover,
.open > .dropdown-toggle.btn-warning, .btn-outline-warning.active, .btn-outline-warning:active,
.show > .btn-outline-warning.dropdown-toggle, .btn-outline-warning:hover, .btn-warning.active,
.btn-warning:active, .show > .btn-warning.dropdown-toggle,
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle,
.btn-outline-warning:not([disabled]):not(.disabled).active, .btn-outline-warning:not([disabled]):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
  background-color: #f7ac0c;
  border: 1px solid #f7ac0c;
  color: #ffffff;
}

.btn-warning.focus, .btn-warning:focus, .btn-outline-warning.focus, .btn-outline-warning:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(248, 180, 37, 0.3);
  box-shadow: 0 0 0 2px rgba(248, 180, 37, 0.3);
}

.btn-danger {
  background-color: #ec4561;
  border: 1px solid #ec4561;
}

.btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger.active,
.btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover,
.open > .dropdown-toggle.btn-danger, .btn-outline-danger.active, .btn-outline-danger:active,
.show > .btn-outline-danger.dropdown-toggle, .btn-outline-danger:hover, .btn-danger.active,
.btn-danger:active, .show > .btn-danger.dropdown-toggle,
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle,
.btn-outline-danger:not([disabled]):not(.disabled).active, .btn-outline-danger:not([disabled]):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
  background-color: #ea2e4d;
  border: 1px solid #ea2e4d;
}

.btn-danger.focus, .btn-danger:focus, .btn-outline-danger.focus, .btn-outline-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(236, 69, 97, 0.3);
  box-shadow: 0 0 0 2px rgba(236, 69, 97, 0.3);
}

.btn-dark {
  background-color: #2a3142;
  border: 1px solid #2a3142;
  color: #ffffff;
}

.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus,
.btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open > .dropdown-toggle.btn-dark,
.btn-outline-dark.active, .btn-outline-dark:active,
.show > .btn-outline-dark.dropdown-toggle, .btn-outline-dark:hover,
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle,
.btn-outline-dark:not([disabled]):not(.disabled).active, .btn-outline-dark:not([disabled]):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
  background-color: #202532;
  border: 1px solid #202532;
  color: #ffffff;
}

.btn-dark.focus, .btn-dark:focus, .btn-outline-dark.focus, .btn-outline-dark:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(42, 49, 66, 0.3);
  box-shadow: 0 0 0 2px rgba(42, 49, 66, 0.3);
}

.btn-link {
  color: #2a3142;
}

.btn-link:hover {
  color: #626ed4;
}

/* button Outline */
.btn-outline-primary {
  color: #626ed4;
  border-color: #626ed4;
}

.btn-outline-success {
  color: #02a499;
  border-color: #02a499;
}

.btn-outline-info {
  color: #38a4f8;
  border-color: #38a4f8;
}

.btn-outline-warning {
  color: #f8b425;
  border-color: #f8b425;
}

.btn-outline-danger {
  color: #ec4561;
  border-color: #ec4561;
}

.btn-outline-dark {
  color: #2a3142;
  background-image: none;
  background-color: transparent;
  border-color: #2a3142;
}

/* ======
07. Cards
   ====== */
/* ==============
  Card
===================*/
.card {
  border: none;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44);
          box-shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44);
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
}

.card-columns .card {
  margin-bottom: 30px;
}

/* ======
08. Email
   ====== */
/* ==============
  Email
===================*/
.email-leftbar {
  width: 230px;
  float: left;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 5px;
}

.email-rightbar {
  margin-left: 260px;
}

.chat-user-box p.user-title {
  font-size: 14px;
  color: #2a3142;
  font-weight: 500;
}

.chat-user-box p {
  font-size: 12px;
}

@media (max-width: 767px) {
  .email-leftbar {
    float: none;
    width: 100%;
  }
  .email-rightbar {
    margin: 0;
  }
}

.mail-list a {
  display: block;
  color: #343d52;
  font-size: 14px;
  line-height: 24px;
  padding: 5px;
}

.mail-list a.active {
  color: #ec4561;
  font-weight: 500;
}

.message-list {
  display: block;
  padding-left: 0;
}

.message-list li {
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  cursor: default;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
}

.message-list li a {
  color: #6c757d;
}

.message-list li:hover {
  background: rgba(108, 117, 125, 0.08);
  -webkit-transition-duration: .05s;
          transition-duration: .05s;
}

.message-list li .col-mail {
  float: left;
  position: relative;
}

.message-list li .col-mail-1 {
  width: 320px;
}

.message-list li .col-mail-1 .star-toggle,
.message-list li .col-mail-1 .checkbox-wrapper-mail,
.message-list li .col-mail-1 .dot {
  display: block;
  float: left;
}

.message-list li .col-mail-1 .dot {
  border: 4px solid transparent;
  border-radius: 100px;
  margin: 22px 26px 0;
  height: 0;
  width: 0;
  line-height: 0;
  font-size: 0;
}

.message-list li .col-mail-1 .checkbox-wrapper-mail {
  margin: 15px 10px 0 20px;
}

.message-list li .col-mail-1 .star-toggle {
  margin-top: 18px;
  font-size: 14px;
  margin-left: 5px;
}

.message-list li .col-mail-1 .title {
  position: absolute;
  top: 0;
  left: 110px;
  right: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0;
}

.message-list li .col-mail-2 {
  position: absolute;
  top: 0;
  left: 320px;
  right: 0;
  bottom: 0;
}

.message-list li .col-mail-2 .subject,
.message-list li .col-mail-2 .date {
  position: absolute;
  top: 0;
}

.message-list li .col-mail-2 .subject {
  left: 0;
  right: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.message-list li .col-mail-2 .date {
  right: 0;
  width: 170px;
  padding-left: 80px;
}

.message-list li.active,
.message-list li.active:hover {
  -webkit-box-shadow: inset 3px 0 0 #626ed4;
          box-shadow: inset 3px 0 0 #626ed4;
}

.message-list li.unread {
  background-color: #f7f7f7;
  font-weight: 500;
  color: #202532;
}

.message-list li.unread a {
  color: #202532;
  font-weight: 500;
}

.message-list .checkbox-wrapper-mail {
  cursor: pointer;
  height: 20px;
  width: 20px;
  position: relative;
  display: inline-block;
  -webkit-box-shadow: inset 0 0 0 1px #dee2e6;
          box-shadow: inset 0 0 0 1px #dee2e6;
  border-radius: 1px;
}

.message-list .checkbox-wrapper-mail input {
  opacity: 0;
  cursor: pointer;
}

.message-list .checkbox-wrapper-mail input:checked ~ label {
  opacity: 1;
}

.message-list .checkbox-wrapper-mail label {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  cursor: pointer;
  opacity: 0;
  margin-bottom: 0;
  -webkit-transition-duration: .05s;
          transition-duration: .05s;
  top: 0;
}

.message-list .checkbox-wrapper-mail label:before {
  content: "\F12C";
  font-family: "Material Design Icons";
  top: 0;
  height: 20px;
  color: #202532;
  width: 20px;
  position: absolute;
  margin-top: -16px;
  left: 4px;
  font-size: 13px;
}

/* ======
09. Summernote
   ====== */
/* ==============
  Summernote
===================*/
.note-btn-group .dropdown-menu > li > a {
  display: block;
  padding: 5px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.note-btn-group .dropdown-menu > li > a:hover {
  background-color: #e4e7ea;
}

.note-image-popover, .note-air-popover, .note-link-popover {
  display: none;
}

.note-image-popover .dropdown-toggle::after, .note-air-popover .dropdown-toggle::after, .note-link-popover .dropdown-toggle::after {
  margin-left: 0;
}

.note-icon-caret {
  display: none;
}

.note-editor {
  position: relative;
}

.note-editor .btn-light {
  background-color: transparent;
  border-color: transparent;
}

.note-editor .btn-group-sm > .btn, .note-editor .btn-sm {
  padding: 8px 12px;
}

.note-editor .note-toolbar {
  background: #edeff1;
  border-bottom: 1px solid #e9ecef;
  margin: 0;
}

.note-editor .note-statusbar {
  background-color: #ffffff;
}

.note-editor .note-statusbar .note-resizebar {
  border-top: none;
  height: 15px;
  padding-top: 3px;
}

.note-editor.note-frame {
  border: 1px solid #e9ecef;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 0px;
}

.note-popover .popover .popover-content {
  padding: 5px 0 10px 5px;
}

.note-popover .btn-default {
  background-color: transparent;
  border-color: transparent;
}

.note-popover .btn-group-sm > .btn, .note-popover .btn-sm {
  padding: 8px 12px;
}

.note-toolbar {
  padding: 5px 0 10px 5px;
}

/* ======
10. Alerts
   ====== */
/* =============
   Alerts
============= */
.alert {
  position: relative;
  border: 0;
}

.alert .alert-link {
  font-weight: 500;
}

.alert-success {
  color: #02a499;
  background-color: #d9fffc;
}

.alert-success .alert-link {
  color: #01726a;
}

.alert-success hr {
  border-top-color: #01726a;
}

.alert-info {
  color: #38a4f8;
  background-color: #e4f3fe;
}

.alert-info .alert-link {
  color: #098df4;
}

.alert-info hr {
  border-top-color: #098df4;
}

.alert-warning {
  color: #f8b425;
  background-color: #fdeac3;
}

.alert-warning .alert-link {
  color: #e39c07;
}

.alert-warning hr {
  border-top-color: #e39c07;
}

.alert-danger {
  color: #ec4561;
  background-color: #fad0d7;
}

.alert-danger .alert-link {
  color: #e6183a;
}

.alert-danger hr {
  border-top-color: #e6183a;
}

/* ======
11. Demo Only
   ====== */
/* ==============
 Demo Only css
===================*/
.button-items {
  margin-bottom: -8px;
}

.button-items .btn {
  margin-top: 8px;
  margin-right: 5px;
}

.bs-example-modal {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  display: block;
}

.icon-demo-content {
  text-align: center;
  color: #9ca8b3;
}

.icon-demo-content i {
  display: block;
  font-size: 24px;
  margin-bottom: 16px;
  color: #424d67;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.icon-demo-content .col-md-4 {
  margin-bottom: 30px;
}

.icon-demo-content .col-md-4:hover i {
  color: #626ed4;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

/*********** colors ************/
.color-box {
  color: #ffffff;
  padding: 40px;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  border-radius: 4px;
}

/*********** rating ************/
.rating-symbol-background, .rating-symbol-foreground {
  font-size: 28px;
}

.rating-symbol-foreground {
  top: 0px;
}

/* ======
12. Pagination
   ====== */
/* ==============
  Pagination
===================*/
.pagination .page-link {
  color: #626ed4;
}

.pagination .page-link:focus, .pagination .page-link:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2a3142;
  background-color: #e9ecef;
}

.pagination .page-item.active .page-link {
  background-color: #626ed4;
  border-color: #626ed4;
}

/* ======
13. Progress
   ====== */
.progress {
  height: 10px;
}

.progress-bar {
  background-color: #626ed4;
}

/* ======
14. Popover - Tooltips
   ====== */
/* ==============
  Popover & Tooltips
===================*/
.popover-header {
  margin-top: 0;
}

.tooltip .tooltip-inner {
  padding: 4px 10px;
}

/* ======
15. Sweet Alerts
   ====== */
/* =========== */
/* Sweet Alert */
/* =========== */
.swal2-container {
  font-family: inherit;
}

.swal2-container .swal2-title {
  font-size: 24px;
}

.swal2-icon.swal2-question {
  border-color: #626ed4 !important;
  color: #626ed4 !important;
}

.swal2-popup .swal2-content {
  font-size: 16px !important;
}

.swal2-popup .swal2-styled:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
  border-color: #02a499 !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
  background: #02a499 !important;
}

/* ======
16. Tabs
   ====== */
/* =============
   Tabs & Accordions
============= */
.nav-tabs .nav-link, .nav-pills .nav-link {
  color: #2a3142;
  font-weight: 500;
}

.nav-tabs-custom {
  border-bottom: 2px solid #DDD;
}

.nav-tabs-custom .nav-item {
  position: relative;
}

.nav-tabs-custom .nav-item .nav-link {
  border: none !important;
  font-weight: 500;
}

.nav-tabs-custom > li > a {
  color: #2a3142;
}

.nav-tabs-custom > li > a::after {
  content: "";
  background: #626ed4;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -1px;
  -webkit-transition: all 250ms ease 0s;
  transition: all 250ms ease 0s;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.nav-tabs-custom > li > a.active::after, .nav-tabs-custom > li:hover > a::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.nav-tabs-custom > li > a.active {
  color: #626ed4 !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background: #626ed4;
}

#accordion .card {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px solid #e9ecef;
}

#accordion .card .card-header {
  border-bottom: 1px solid #e9ecef;
}

/* ======
17. Form-elements
   ====== */
/* ==============
  Form-elements
===================*/
label {
  font-weight: 500;
}

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

.form-control:focus {
  border-color: #626ed4;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form-control-sm {
  font-size: .875rem;
}

.custom-select-sm {
  font-size: 75%;
}

.custom-control-input:checked ~ .custom-control-indicator {
  background-color: #626ed4;
}

.custom-control-input:focus ~ .custom-control-indicator {
  -webkit-box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #626ed4;
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #626ed4;
}

.has-success .form-control {
  border-color: #02a499;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-warning .form-control {
  border-color: #f8b425;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-error .form-control {
  border-color: #ec4561;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.input-group-text {
  font-size: 14px;
}

/* ======
18. Form-validation
   ====== */
/* ==============
  Form-Validation
===================*/
.error {
  color: #ff0000;
}

.parsley-error {
  border-color: #ec4561;
}

.parsley-errors-list {
  display: none;
  margin: 0;
  padding: 0;
}

.parsley-errors-list.filled {
  display: block;
}

.parsley-errors-list > li {
  font-size: 12px;
  list-style: none;
  color: #ec4561;
  margin-top: 5px;
}

/* ======
19. Form-advanced
   ====== */
/* ==============
  Form-Advanced
===================*/
/* Datepicker */
.datepicker {
  border: 1px solid #f8f9fa;
  padding: 8px;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover, .datepicker table tr td.today, .datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover, .datepicker table tr td.selected,
.datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
  background-color: #626ed4 !important;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #ffffff;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > td {
  padding: 5px;
}

/* Bootstrap-touchSpin */
.bootstrap-touchspin .input-group-btn-vertical .btn {
  padding: 9px 12px;
}

.bootstrap-touchspin .input-group-btn-vertical i {
  top: 4px;
  left: 8px;
}

/* Color Picker */
.colorpicker-visible {
  visibility: visible;
  opacity: 1;
  display: block;
  margin-top: 0;
}

.datepicker-dropdown.dropdown-menu {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}

.colorpicker-selectors i {
  margin-top: 5px;
  margin-left: 5px;
}

.colorpicker-element .btn-light {
  background: #e9ecef;
  border: 1px solid #ced4da;
}

.colorpicker-2x .colorpicker-saturation {
  width: 200px;
  height: 200px;
}

.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
  width: 30px;
  height: 200px;
}

.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div {
  height: 30px;
}

/* Select 2 */
.select2-container {
  width: 100% !important;
}

.select2-container .select2-selection--single {
  border: 1px solid #E3E3E3;
  height: 38px;
}

.select2-container .select2-selection--single:focus {
  outline: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  padding-left: 12px;
}

.select2-container .select2-selection--single .select2-selection__arrow {
  height: 34px;
  width: 34px;
  right: 3px;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #999 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 6px 6px 6px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #626ed4;
}

.select2-results__option {
  padding: 6px 12px;
}

.select2-dropdown {
  border: 1px solid #e3e3e3;
  padding-top: 5px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

.select2-search input {
  border: 1px solid #e3e3e3;
}

.select2-container .select2-selection--multiple {
  min-height: 38px;
  border: 1px solid #e3e3e3;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 2px 10px;
}

.select2-container .select2-selection--multiple .select2-search__field {
  margin-top: 7px;
  border: 0;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 1px;
  padding: 0 7px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #ced4da;
}

/* CSS Switch */
input[switch] {
  display: none;
}

input[switch] + label {
  font-size: 1em;
  line-height: 1;
  width: 56px;
  height: 24px;
  background-color: #dee2e6;
  background-image: none;
  border-radius: 2rem;
  padding: 0.16667rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: relative;
  font-weight: 500;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

input[switch] + label:before {
  color: #2a3142;
  content: attr(data-off-label);
  display: block;
  font-family: inherit;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  position: absolute;
  right: 1px;
  margin: 3px;
  top: -2px;
  text-align: center;
  min-width: 1.66667rem;
  overflow: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

input[switch] + label:after {
  content: '';
  position: absolute;
  left: 3px;
  background-color: #e9ecef;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 2rem;
  height: 20px;
  width: 20px;
  top: 2px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

input[switch]:checked + label {
  background-color: #626ed4;
}

input[switch]:checked + label:before {
  color: #ffffff;
  content: attr(data-on-label);
  right: auto;
  left: 3px;
}

input[switch]:checked + label:after {
  left: 33px;
  background-color: #e9ecef;
}

input[switch="bool"] + label {
  background-color: #ec4561;
}

input[switch="bool"] + label:before, input[switch="bool"]:checked + label:before,
input[switch="default"]:checked + label:before {
  color: #ffffff;
}

input[switch="bool"]:checked + label {
  background-color: #02a499;
}

input[switch="default"]:checked + label {
  background-color: #a2a2a2;
}

input[switch="primary"]:checked + label {
  background-color: #626ed4;
}

input[switch="success"]:checked + label {
  background-color: #02a499;
}

input[switch="info"]:checked + label {
  background-color: #38a4f8;
}

input[switch="warning"]:checked + label {
  background-color: #f8b425;
}

input[switch="danger"]:checked + label {
  background-color: #ec4561;
}

input[switch="dark"]:checked + label {
  background-color: #2a3142;
}

/* Bootstrap filestyle */
.icon-span-filestyle {
  padding-right: 5px;
}

.bootstrap-filestyle label {
  margin-bottom: 0;
}

.group-span-filestyle .badge {
  background-color: #2a3142;
}

/* Prism editor */
:not(pre) > code[class*="language-"], pre[class*="language-"] {
  background: #f8f9fa;
}

/* ======
20. Form-editors
   ====== */
/* ==============
  Form Editor
===================*/
.mce-panel {
  border-color: #cfd5db !important;
  background-color: #f8f9fa !important;
}

.mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus {
  background-color: #626ed4 !important;
}

.mce-menu {
  background-color: #ffffff !important;
}

/* ======
21. Form-upload
   ====== */
/* ==============
  Form-Upload
===================*/
/* Dropzone */
.dropzone {
  min-height: 230px;
  border: 2px dashed rgba(0, 0, 0, 0.3);
  background: #ffffff;
  border-radius: 6px;
}

.dropzone .dz-message {
  font-size: 30px;
}

/* ======
22. Form-Wizard
   ====== */
/* ==============
  Form Wizard
===================*/
.form-wizard-wrapper label {
  font-size: 14px;
  text-align: right;
}

.wizard > .steps a,
.wizard > .steps a:active,
.wizard > .steps a:hover {
  margin: 3px;
  padding: 15px;
}

.wizard > .steps .current a,
.wizard > .steps .current a:active,
.wizard > .steps .current a:hover {
  background-color: #626ed4;
  color: #ffffff;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:active,
.wizard > .steps .disabled a:hover,
.wizard > .steps .done a,
.wizard > .steps .done a:active,
.wizard > .steps .done a:hover {
  background-color: #daddf5;
  color: #626ed4;
}

.wizard > .steps .current a .number,
.wizard > .steps .current a:active .number,
.wizard > .steps .current a:hover .number {
  border: 2px solid #FFF;
}

.wizard > .steps .disabled a .number,
.wizard > .steps .disabled a:active .number,
.wizard > .steps .disabled a:hover .number,
.wizard > .steps .done a .number,
.wizard > .steps .done a:active .number,
.wizard > .steps .done a:hover .number {
  border-color: #626ed4;
}

.wizard > .content {
  background-color: transparent;
  margin: 0 5px;
  border-radius: 0;
  min-height: 150px;
}

.wizard > .content > .body {
  width: 100%;
  height: 100%;
  padding: 30px 0 0;
  position: static;
}

.wizard > .steps .number {
  font-size: 16px;
  padding: 5px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  width: 38px;
  display: inline-block;
  font-weight: 500;
  text-align: center;
  margin-right: 10px;
  background-color: rgba(98, 110, 212, 0.25);
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:active,
.wizard > .actions .disabled a:hover {
  opacity: .65;
  background-color: #626ed4;
  color: #ffffff;
  cursor: not-allowed;
}

.wizard > .actions a,
.wizard > .actions a:active,
.wizard > .actions a:hover {
  background-color: #626ed4;
  border-radius: 4px;
  padding: 8px 15px;
}

@media (max-width: 768px) {
  .wizard > .steps > ul > li {
    width: 50%;
  }
  .form-wizard-wrapper label {
    text-align: left;
  }
}

@media (max-width: 520px) {
  .wizard > .steps > ul > li {
    width: 100%;
  }
}

/* ======
22. Calendar
   ====== */
/* ==============
  Calendar
===================*/
.calendar {
  float: left;
  margin-bottom: 0;
}

.none-border .modal-footer {
  border-top: none;
}

.fc-toolbar {
  margin-bottom: 5px;
}

.fc-toolbar h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
}

.fc-day {
  background: #ffffff;
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active,
.fc-toolbar button:focus, .fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
  z-index: 0;
}

.fc-widget-header {
  border: 1px solid #d5d5d5;
  background-color: #f8f9fa;
}

.fc-widget-content {
  border: 1px solid #d5d5d5;
}

.fc th.fc-widget-header {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  font-weight: 500;
  text-transform: uppercase;
}

.fc-button {
  background: #ffffff;
  border: 1px solid #d5d5d5;
  color: #555555;
  text-transform: capitalize;
  outline: none;
}

.fc-state-active, .fc-state-down {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #626ed4;
  border-color: #626ed4;
  color: #ffffff;
}

.fc-text-arrow {
  font-family: arial;
  font-size: 16px;
}

.fc-state-hover {
  background: #e9ecef;
}

.fc-state-highlight {
  background: #f0f0f0;
}

.fc-cell-overlay {
  background: #f0f0f0;
}

.fc-unthemed .fc-today {
  background: #ffffff;
}

.fc-event {
  border-radius: 2px;
  border: none;
  cursor: move;
  font-size: 13px;
  margin: 5px 0;
  padding: 5px 5px;
  text-align: center;
  background-color: #626ed4;
  color: #ffffff !important;
}

.fc-event .fc-time {
  font-weight: 500;
}

.external-event {
  color: #ffffff;
  cursor: move;
  margin: 10px 0;
  padding: 6px 10px;
}

.fc-basic-view td.fc-week-number span {
  padding-right: 5px;
}

.fc-basic-view td.fc-day-number {
  padding-right: 5px;
}

/* ======
23. Tables
   ====== */
/* ==============
  Tables
===================*/
th {
  font-weight: 500;
}

.table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > td {
  padding: 15px 12px;
}

.table-hover tbody tr:hover, .table-striped tbody tr:nth-of-type(odd),
.thead-default th {
  background-color: #f8f9fa;
}

.table td, .table th {
  vertical-align: middle;
}

.table-vertical td {
  vertical-align: middle;
}

.table-sm th, .table-sm td {
  padding: .3rem !important;
}

/* == Responsive Table ==*/
table.focus-on tbody tr.focused th {
  background-color: #626ed4;
  color: #ffffff;
}

table.focus-on tbody tr.focused td {
  background-color: #626ed4;
  color: #ffffff;
}

.table-rep-plugin .btn-toolbar {
  display: block;
}

.table-rep-plugin .table-responsive {
  border: none !important;
}

.table-rep-plugin .btn-group.float-right .dropdown-menu {
  right: 0;
  -webkit-transform: none !important;
          transform: none !important;
  top: 100% !important;
}

.table-rep-plugin tbody th {
  font-size: 14px;
  font-weight: normal;
}

.table-rep-plugin .checkbox-row {
  padding-left: 40px;
}

.table-rep-plugin .checkbox-row label {
  display: inline-block;
  padding-left: 5px;
  position: relative;
}

.table-rep-plugin .checkbox-row label::before {
  -o-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #dee2e6;
  content: "";
  display: inline-block;
  height: 17px;
  left: 0;
  margin-left: -20px;
  position: absolute;
  transition: 0.3s ease-in-out;
  width: 17px;
  outline: none !important;
}

.table-rep-plugin .checkbox-row label::after {
  color: #e9ecef;
  display: inline-block;
  font-size: 11px;
  height: 16px;
  left: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  position: absolute;
  top: -1px;
  width: 16px;
}

.table-rep-plugin .checkbox-row input[type="checkbox"] {
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  outline: none !important;
}

.table-rep-plugin .checkbox-row input[type="checkbox"]:disabled + label {
  opacity: 0.65;
}

.table-rep-plugin .checkbox-row input[type="checkbox"]:focus + label::before {
  outline-offset: -2px;
  outline: none;
}

.table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::after {
  content: "\f00c";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.table-rep-plugin .checkbox-row input[type="checkbox"]:disabled + label::before {
  background-color: #f8f9fa;
  cursor: not-allowed;
}

.table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::before {
  background-color: #626ed4;
  border-color: #626ed4;
}

.table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::after {
  color: #ffffff;
}

.table-rep-plugin .fixed-solution .sticky-table-header {
  top: 70px !important;
}

/******** table editable **********/
.table-editable .editable-input .form-control {
  height: 2rem;
}

.table-editable .editable-buttons .btn.btn-sm {
  font-size: 12px;
}

.table-editable tbody td.focus {
  -webkit-box-shadow: inset 0 0 1px 1px #626ed4 !important;
          box-shadow: inset 0 0 1px 1px #626ed4 !important;
}

/* ======
24. Maps
   ====== */
/* ==============
  Maps
===================*/
.gmaps, .gmaps-panaroma {
  height: 300px;
  background: #f8f9fa;
  border-radius: 3px;
}

.gmaps-overlay {
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  line-height: 40px;
  background: #626ed4;
  border-radius: 4px;
  padding: 10px 20px;
}

.gmaps-overlay_arrow {
  left: 50%;
  margin-left: -16px;
  width: 0;
  height: 0;
  position: absolute;
}

.gmaps-overlay_arrow.above {
  bottom: -15px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #626ed4;
}

.gmaps-overlay_arrow.below {
  top: -15px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #626ed4;
}

.vector-map-height {
  height: 400px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
  display: none;
}

/* ======
25. Range-slider
   ====== */
/* ==============
  Range slider
===================*/
/* Ion Range slider */
.irs--modern .irs-bar, .irs--modern .irs-to, .irs--modern .irs-from, .irs--modern .irs-single {
  background: #626ed4 !important;
}

.irs--modern .irs-to:before, .irs--modern .irs-from:before, .irs--modern .irs-single:before {
  border-top-color: #626ed4;
}

.irs--modern .irs-grid-text {
  font-size: 11px;
}

.irs--modern .irs-min, .irs--modern .irs-max {
  color: #6c757d;
}

.irs--modern .irs-handle > i:nth-child(1) {
  width: 8px;
  height: 8px;
}

/* ======
26. Session-timeout
   ====== */
/* ==============
  Session Timeout
===================*/
#session-timeout-dialog .modal-title {
  margin-top: 0;
}

#session-timeout-dialog .close {
  display: none;
}

#session-timeout-dialog .btn-default {
  background-color: #ffffff;
  color: #ec4561;
}

#session-timeout-dialog .countdown-holder {
  color: #ec4561;
  font-weight: 500;
}

/* ======
27. Charts
   ====== */
/* ==============
  Charts
===================*/
.chart {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.chart.chart-widget-pie {
  margin-top: 5px;
  margin-bottom: 5px;
}

.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
}

.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}

/* Morris chart */
.morris-charts text {
  font-family: "Sarabun", sans-serif !important;
}

.morris-chart-height {
  height: 300px;
}

.morris-hover.morris-default-style {
  border-radius: 5px;
  padding: 10px 12px;
  background: #ffffff;
  border: none;
  -webkit-box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.14);
          box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.14);
}

.morris-hover.morris-default-style .morris-hover-point {
  font-weight: 500;
  font-size: 14px;
  color: #2a3142 !important;
  font-family: "Roboto", sans-serif;
}

.morris-hover.morris-default-style .morris-hover-row-label {
  background-color: #2a3142;
  color: #ffffff;
  padding: 4px;
  border-radius: 5px 5px 0 0;
  margin: -10px -12px 10px;
  font-family: "Roboto", sans-serif;
}

/* Flot chart */
.flot-chart-height {
  height: 320px;
}

#flotTip {
  padding: 8px 12px;
  background-color: #ffffff;
  z-index: 100;
  color: #2a3142;
  -webkit-box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.14);
          box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.14);
  border-radius: 1px;
}

/* Chartist chart */
.ct-golden-section:before {
  float: none;
}

.ct-chart {
  height: 300px;
}

.ct-grid {
  stroke: rgba(0, 0, 0, 0.09);
  stroke-width: 2px;
  stroke-dasharray: 3px;
}

.ct-chart .ct-label {
  fill: #9ca8b3;
  color: #9ca8b3;
  font-size: 14px;
  line-height: 1;
}

.ct-chart.simple-pie-chart-chartist .ct-label {
  color: #ffffff;
  fill: #ffffff;
  font-size: 16px;
}

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice-donut {
  stroke: #626ed4;
}

.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice-donut {
  stroke: #02a499;
}

.ct-chart .ct-series.ct-series-c .ct-bar,
.ct-chart .ct-series.ct-series-c .ct-line,
.ct-chart .ct-series.ct-series-c .ct-point,
.ct-chart .ct-series.ct-series-c .ct-slice-donut {
  stroke: #f8b425;
}

.ct-chart .ct-series.ct-series-d .ct-bar,
.ct-chart .ct-series.ct-series-d .ct-line,
.ct-chart .ct-series.ct-series-d .ct-point,
.ct-chart .ct-series.ct-series-d .ct-slice-donut {
  stroke: #2a3142;
}

.ct-chart .ct-series.ct-series-e .ct-bar,
.ct-chart .ct-series.ct-series-e .ct-line,
.ct-chart .ct-series.ct-series-e .ct-point,
.ct-chart .ct-series.ct-series-e .ct-slice-donut {
  stroke: #38a4f8;
}

.ct-chart .ct-series.ct-series-f .ct-bar,
.ct-chart .ct-series.ct-series-f .ct-line,
.ct-chart .ct-series.ct-series-f .ct-point,
.ct-chart .ct-series.ct-series-f .ct-slice-donut {
  stroke: #ec4561;
}

.ct-chart .ct-series.ct-series-g .ct-bar,
.ct-chart .ct-series.ct-series-g .ct-line,
.ct-chart .ct-series.ct-series-g .ct-point,
.ct-chart .ct-series.ct-series-g .ct-slice-donut {
  stroke: #f8f9fa;
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
  fill: #626ed4;
}

.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
  fill: #f8b425;
}

.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
  fill: #2a3142;
}

.chartist-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 0;
  min-width: 10px;
  padding: 2px 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  background-clip: padding-box;
  background: #2a3142;
  color: #ffffff;
  text-align: center;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.chartist-tooltip.tooltip-show {
  opacity: 1;
}

/* C3 chart */
.c3 svg {
  max-width: 100%;
}

.c3-tooltip td > span {
  background: #2a3142;
}

.c3-tooltip td {
  border-left: none;
}

.c3-tooltip {
  -webkit-box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.12);
  opacity: 1;
}

.c3-chart-arcs-title {
  font-size: 18px;
  font-weight: 600;
}

.c3-tooltip tr {
  border: none !important;
}

.c3-tooltip th {
  background-color: #2a3142;
}

.c3-tooltip .value {
  font-weight: 600;
}

.c3-line {
  stroke-width: 2px;
}

.c3-legend-item {
  font-size: 13px;
}

/**** E chart *****/
.e-chart {
  height: 350px;
}

/* Sparkline chart */
.jqstooltip {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background-color: #2a3142 !important;
  padding: 5px 10px !important;
  border-radius: 3px;
  border-color: #2a3142 !important;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44);
          box-shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44);
}

.jqsfield {
  font-size: 12px !important;
  line-height: 18px !important;
  color: #ffffff !important;
}

/* ======
28. Widgets
   ====== */
/* ==============
  Widgets
===================*/
.widget-chart li {
  width: 31.5%;
  display: inline-block;
  padding: 0;
}

.widget-chart li i {
  font-size: 22px;
}

.mini-stat .mini-stat-img {
  width: 58px;
  height: 58px;
  line-height: 58px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  text-align: center;
}

.mini-stat .mini-stat-img img {
  max-width: 32px;
}

.mini-stat .mini-stat-label {
  position: absolute;
  right: 0;
  top: 18px;
  padding: 2px 10px 2px 32px;
  -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 24% 50%, 6% 0);
          clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 24% 50%, 6% 0);
}

.wid-peity {
  border-bottom: 1px solid #e9ecef;
}

.ct-chart.earning {
  height: 284px;
}

.ct-chart.earning .ct-grid {
  stroke-width: 1px;
}

.ct-chart.wid {
  height: 220px;
}

.ct-chart.wid .ct-slice-donut {
  stroke-width: 14px !important;
}

/* Activity */
.activity-feed {
  padding: 15px 15px 0 15px;
  list-style: none;
}

.activity-feed .feed-item {
  position: relative;
  padding-bottom: 29px;
  padding-left: 30px;
  border-left: 2px solid #e9ecef;
}

.activity-feed .feed-item:last-child {
  border-color: transparent;
}

.activity-feed .feed-item::after {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: -9px;
  width: 16px;
  height: 16px;
  border-radius: 30px;
  background: #02a499;
}

.activity-feed .feed-item .date {
  display: block;
  position: relative;
  top: -5px;
  color: #8c96a3;
  text-transform: uppercase;
  font-size: 13px;
}

.activity-feed .feed-item .activity-text {
  position: relative;
  top: -3px;
}

/************* Chat **********/
.conversation-list {
  list-style: none;
  padding: 0px 10px;
  max-height: 350px;
}

.conversation-list li {
  margin-bottom: 24px;
}

.conversation-list .chat-avatar {
  width: 40px;
  display: inline-block;
  text-align: center;
  float: left;
}

.conversation-list .chat-avatar img {
  width: 100%;
  border-radius: 100%;
}

.conversation-list .chat-avatar .time {
  font-size: 12px;
  font-style: normal;
}

.conversation-list .ctext-wrap .user-name {
  display: block;
  font-weight: bold;
  position: relative;
  font-size: 12px;
  color: #3342bb;
}

.conversation-list .ctext-wrap p {
  color: #2f3cab;
}

.conversation-list .conversation-text {
  display: inline-block;
  font-size: 12px;
  float: left;
  margin-left: 12px;
  width: 70%;
}

.conversation-list .ctext-wrap {
  padding: 10px 18px;
  background: #e2e4f7;
  border-radius: 0px 7px 7px 7px;
  position: relative;
  display: inline-block;
}

.conversation-list .ctext-wrap:after {
  content: " ";
  position: absolute;
  right: 100%;
  top: 0;
  border: solid transparent;
  border-right-color: #e2e4f7;
  border-top-color: #e2e4f7;
  border-width: 5px;
}

.conversation-list .ctext-wrap p {
  margin: 0px;
  padding-top: 3px;
}

.conversation-list .odd .chat-avatar {
  float: right !important;
}

.conversation-list .odd .conversation-text {
  width: 70% !important;
  margin-right: 12px;
  text-align: right;
  float: right !important;
}

.conversation-list .odd .ctext-wrap {
  background: #eff1f3 !important;
  border-radius: 7px 0px 7px 7px;
}

.conversation-list .odd .ctext-wrap p {
  color: #6c757d;
}

.conversation-list .odd .ctext-wrap:after {
  left: 100% !important;
  top: 0 !important;
  border-color: rgba(238, 238, 242, 0) !important;
  border-left-color: #eff1f3 !important;
  border-top-color: #eff1f3 !important;
}

.chat-input {
  height: 2.25rem;
}

/* ======
29. TImeline
   ====== */
/* ==============
  Timeline
===================*/
.timeline {
  padding-left: 60px;
  padding-right: 60px;
}

.timeline .timeline-list {
  position: relative;
  padding: 60px;
  border-left: 3px dashed #e9ecef;
  border-bottom: 3px dashed #e9ecef;
}

.timeline .timeline-list .cd-timeline-content {
  border-radius: 7px;
}

.timeline .timeline-list .cd-timeline-content .date {
  position: absolute;
  top: 60px;
  left: -39px;
  padding: 24px;
  color: #ffffff;
  border-radius: 7px;
}

.timeline .timeline-list.right {
  border-left: 0;
  border-right: 3px dashed #e9ecef;
  border-bottom: 3px dashed #e9ecef;
}

.timeline .timeline-list.right .cd-timeline-content {
  float: right;
  text-align: right;
}

.timeline .timeline-list.right .cd-timeline-content .date {
  right: -39px;
  left: inherit !important;
}

.timeline .timeline-list.right:last-child {
  border-bottom: 0;
}

@media only screen and (min-width: 1025px) {
  #cd-timeline {
    margin-bottom: 3em;
    margin-top: 3em;
  }
  .cd-timeline-content {
    width: 56%;
  }
}

@media (max-width: 768px) {
  .timeline {
    padding-left: 15px;
    padding-right: 15px;
  }
  .timeline .timeline-list {
    padding: 15px;
  }
  .timeline .timeline-list .date {
    top: 18px !important;
    left: -30px !important;
    padding: 14px !important;
  }
  .timeline .timeline-list.right .date {
    right: -30px !important;
  }
}

/* ======
30. Directory
   ====== */
/* ==============
  directory
===================*/
.directory-card .social-links li a {
  margin-bottom: 6px;
}

/* ======
31. Extra Pages
   ====== */
/* ==============
  Extra pages
===================*/
/************** Pricing **************/
.pricing-box .pricing-icon i {
  font-size: 30px;
  padding: 14px;
}

.pricing-box .pricing-features {
  padding: 0px 12px;
}

/***************** Faqs *******************/
.faq {
  position: relative;
}

.faq .card-header {
  border: none;
  background: transparent;
  padding: 22px 20px;
}

.accordion .card {
  border-bottom: 1px solid #e9ecef !important;
  border-radius: 4px !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

a.faq[data-toggle=collapse].collapsed:before {
  content: '\F419';
}

a.faq[data-toggle=collapse]:before {
  content: '\F377';
  display: block;
  font-family: 'Material Design Icons';
  font-size: 20px;
  color: #9ca8b3;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/**************** maintenance *******************/
.maintenance-img img {
  max-width: 320px;
}

.maintenance-box i {
  font-size: 28px;
}

/**************** coming soon *******************/
.coming-watch div {
  display: inline-block;
}

.coming-watch div .card {
  margin: 0px 15px 15px 15px;
}

.coming-watch div .card .countdown-num {
  font-weight: 500;
  color: #626ed4;
}

.coming-watch div span {
  width: 150px;
  display: block;
}

.coming-watch div span:first-child {
  height: 60px;
  font-weight: 300;
  font-size: 3em;
  line-height: 48px;
}

.coming-watch div span:last-child {
  padding-top: 14px;
  font-size: 0.9em;
}

/*------------ Subscriber --------------*/
.coming-soon-search-form input {
  padding: 15px 20px;
  width: 100%;
  color: #343a40;
  border: 2px solid #e9ecef;
  outline: none !important;
  padding-right: 180px;
  padding-left: 30px;
  border-radius: 30px;
}

.coming-soon-search-form button {
  position: absolute;
  top: 7px;
  right: 8px;
  outline: none !important;
  border-radius: 30px;
  padding: 9px 30px;
}

.coming-soon-search-form form {
  position: relative;
  max-width: 600px;
  margin: 0px auto;
}

/**************** pages 404/500 *******************/
.content-center {
  display: table;
  width: 100%;
  height: 100%;
}

.content-desc-center {
  display: table-cell;
  vertical-align: middle;
}

.ex-pages {
  position: relative;
  height: 100vh;
}

/* ======
32. gallery
   ====== */
/* =============
   Gallery
============= */
.overlay-container {
  position: relative;
}

.project-item {
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 30px;
}

.project-item img.gallery-thumb-img {
  display: block;
  width: 100%;
  height: auto;
}

.project-item-overlay {
  background: none repeat scroll 0 0 #2a3142;
  position: absolute;
  transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  visibility: hidden;
  overflow: hidden;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.project-item-overlay h4 {
  font-size: 18px;
  font-weight: 500;
  white-space: nowrap;
  color: #ffffff;
  position: absolute;
  top: 7%;
  left: 7%;
  margin: 0;
  text-overflow: ellipsis;
}

.project-item-overlay p {
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
  color: #ffffff;
  position: absolute;
  overflow: hidden;
  bottom: 7%;
  left: 7%;
  text-overflow: ellipsis;
  margin: 0;
}

.overlay-container:hover .project-item-overlay {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  visibility: visible;
}

/* ======
33. Invoice
   ====== */
/* ==== =====
Invoice
============= */
.table > thead > tr > .no-line {
  border-bottom: none;
}

.table > tbody > tr > .no-line {
  border-top: none;
}

.table > tbody > tr > .thick-line {
  border-top: 2px solid #f8f9fa;
}

/* ==============
  Print css
===================*/
@media print {
  .topbar, .left, .page-title-box, .footer_Plugin {
    display: none;
  }
  .wrapper {
    padding: 0;
  }
  .content {
    margin-top: 0;
    padding-top: 0;
  }
  .content-page {
    margin-left: 0;
    margin-top: 0;
  }
  .container-fluid {
    width: 100%;
  }
}

/* ======
34. Account Pages
   ====== */
/* ==============
  Account Pages
===================*/
.home-btn {
  position: absolute;
  top: 15px;
  right: 25px;
  z-index: 9;
}

.wrapper-page {
  margin: 5.5% auto;
  max-width: 492px;
  position: relative;
}

.wrapper-page .logo-admin {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -40px;
  margin: 0px auto;
  width: 74px;
  height: 74px;
  line-height: 74px;
  background: #ffffff;
  border-radius: 50%;
  border-bottom: 2px solid #02a499;
}

.account-card .account-card-content {
  padding: 40px;
}

.user-thumb {
  position: relative;
  z-index: 999;
}

.user-thumb img {
  height: 88px;
  margin: 0 auto;
  width: 88px;
}

.ex-page-content h1 {
  font-size: 98px;
  font-weight: 500;
  line-height: 150px;
}

.accountbg {
  background: url("../images/bg.jpg");
  position: absolute;
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
  top: 0;
}

.account-page-full {
  left: 0;
  position: absolute;
  height: 100%;
  margin: 0;
  width: 420px;
  background-color: #ffffff;
}

.account-page-full .logo {
  line-height: 70px;
}

.account-page-full .card {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* ======
35. Responsive
   ====== */
/* ==============
  Responsive
===================*/
@media (max-width: 620px) {
  .mo-mb-2 {
    margin-bottom: 10px;
  }
  .mo-mt-2 {
    margin-top: 10px !important;
  }
  .ex-pages {
    padding: 24px 0px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  body {
    overflow-x: hidden;
  }
}

@media (max-width: 768px) {
  body {
    overflow-x: hidden;
  }
  .topbar-left {
    width: 70px !important;
  }
  .topbar-left span {
    display: none !important;
  }
  .topbar-left i {
    display: block !important;
    line-height: 70px !important;
  }
  .navbar-custom {
    margin-left: 70px !important;
  }
  .topbar .topbar-left {
    height: 70px;
  }
  /* .content-page {
    margin-left: 0 !important;
  } */
  .content-page .content {
    padding: 0px;
  }
  /* .enlarged .left.side-menu {
    margin-left: -70px;
  } */
  .footer_plugin {
    left: 0 !important;
  }
}

@media (max-width: 420px) {
  /* .content-page {
    margin-left: 0px !important
  }

  .side-menu {
    width: 0px ;
  } */
  
}

@media (max-width: 480px) {
  .side-menu {
    z-index: 10 !important;
  }
  .button-menu-mobile {
    display: block;
  }
  .navbar-custom {
    margin-left: 0 !important;
  }
  .account-page-full.wrapper-page {
    width: 100%;
    position: relative;
  }
}

@media (max-width: 419px) {
  .topbar-left {
    width: 70px !important;
  }
  .content-page {
    margin-left: 70px;
  }
  .enlarged .side-menu.left {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
  }
  .topbar-left {
    display: none;
  }
}

@media (min-width: 768px) {
  .enlarged .slimscroll-menu {
    overflow: inherit !important;
  }
}


/* .navigation, .search-bar{
  display:none;
} */
/*# sourceMappingURL=style.css.map */


/*VERSION 116:: 22-June-2022 Super Baby*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,500,500i,700,700i,900,900i');

/*login*/
select{background-color: #fff;}
.page-login,
.page-register,
.page-landing {
	background: #eee;
	background-position: center;
	width: 100%;
	height: 100%;
	display: inline-block;
}

.reset-content p {
	margin-bottom: 5px;
}

.reset-content .btn-signin {
	margin-top: 20px;
}

.login-container {
	text-align: center;
	max-width: 400px;
	margin: 45px auto;
	width: 100%;
}

.icon-logo {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}

.icon-logo>img {
	max-width: 120px;
}

.login-box span {
	color: #646464;
	font-weight: 400;
}

.head-seller {
	background: #1b9cd8;
}

.head-buyer {
	background: #000;
}

.lb-head {
	padding: 17px;
}

.lb-head>span {
	color: #fff;
	font-size: 18px;
}

.lb-head>a {
	float: left;
	margin: 3px 0 0;
}

.lb-body {
	background: #fff;
	padding: 25px 75px 35px;
}

.login-box {
	margin-bottom: 30px;
}

.lb-body .b-gray {
	color: #7b7b7b;
	font-weight: 700;
	margin-bottom: 10px;
	display: inline-block;
}

.btn-google {
	background: #f04036;
}

.btn-fb {
	background: #2947a1;
}

.btn-google>a,
.btn-fb>a {
	display: inline-block;
	width: 100%;
	padding: 8px;
	color: #fff;
}

.btn-google,
.btn-fb {
	font-weight: 700;
	cursor: pointer;
	margin-bottom: 5px;
}

.btn-google a>i,
.btn-fb a>i {
	font-size: 22px;
	margin-right: 12px;
	vertical-align: middle;
}

.btn-google a>span,
.btn-fb a>span {
	font-weight: 400;
	color: #fff;
	vertical-align: middle;
}

.lbb-input>input,
.reset-input>input {
	width: 100%;
	min-width: 100%;
	margin-bottom: 8px;
	border: 1px solid #999;
	font-weight: 300;
}

span.lbb-line {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #999;
	line-height: 0.1em;
	margin: 15px 0 20px;
	display: inline-block;
}

span.lbb-line>p {
	background: #fff;
	padding: 0 10px;
	margin: 0;
	display: inline;
	color: #212424;
	font-weight: 700;
}

.lbb-checkbox {
	margin: 10px 0 5px;
}

.lbb-checkbox label {
	color: #999;
	font-size: 12px;
	font-weight: 400;
}

.btn-signin>a,
.signup-btn {
	background: #000;
	display: inline-block;
	width: 100%;
	color: #fff;
	font-weight: 400;
	padding: 10px;
	margin-bottom: 15px;
	border: none;
}

span.lbb-text>a {
	color: #465567;
	font-size: 12px;
	font-weight: 700;
}

.lbb-bottom-text {
	display: inline-block;
	width: 100%;
	margin: 25px 0 0;
	border-top: 1px solid #999;
	font-size: 12px;
	font-weight: 700;
	padding-top: 10px;
}

.lbb-bottom-text>span:first-child {
	margin-right: 5px;
}

.lbb-bottom-text>span {
	font-weight: 700;
}

.lbb-bottom-text>span:last-child a {
	color: #000;
}

.button-contact>a {
	color: #000;
	border: 1px solid #000;
	padding: 10px 40px;
	font-weight: 700;
}


/*register*/

.page-register .lbb-bottom-text {
	margin: 7px 0 0;
}


/*landing page*/

body.page-landing {
	text-align: center;
}

.landing-box>span {
	font-weight: 400;
	color: #999;
	line-height: 27px;
}

.landing-box>img {
	width: 250px;
	margin: auto;
	display: block;
	margin-bottom: 25px;
}

.landing-box {
	background: #fff;
	width: 100%;
	max-width: 495px;
	padding: 55px 53px;
	display: block;
	margin: auto;
	border: 1px solid #d2d2d2;
	border-top: none;
	margin-top: 50px;
	margin-bottom: 20px;
}

.landing-login>div {
	width: 50%;
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	transition: .5s ease;
}

.landing-login>div a {
	color: #fff;
	width: 100%;
	display: inline-block;
	padding: 30px 15px;
	box-shadow: 2px 2px 5px #999;
}

.landing-login>.btn-login-buyer {
	margin-right: 30px;
	background: #000;
}

.landing-login>.btn-login-buyer:hover {
	background: #000;
}

.landing-login>.btn-login-seller:hover {
	background: #306f9e;
}

.landing-login>.btn-login-seller {
	background: #1b9cd8;
}

.landing-login {
	max-width: 850px;
	display: block;
	max-width: 495px;
	margin: 0 auto 30px;
}

.landing-login>div {
	width: Calc(50% - 18px);
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	position: relative;
}

.landing-login>div a>i {
	/* position: absolute; */
	right: 25px;
	font-weight: 700;
	font-size: 20px;
	margin-left: 10px;
}

.intrest-area {
	font-size: 14px;
	font-weight: 700;
	color: #4d4d4d;
}


/*reset*/

.reset-container {
	max-width: 335px;
	width: 100%;
	display: block;
	margin: 50px auto;
	text-align: center;
}

.reset-container>span,
.contact-container>span,
.faq-container>span {
	color: #000;
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 15px;
	display: inline-block;
}

.reset-button>div:first-child {
	margin-right: 13px;
}

.reset-button>.btn-reset {
	background: #000;
}

.reset-button>.btn-cancel {
	background: #b3b3b3;
}

.reset-button>div {
	display: inline-block;
	width: Calc(48% - 8px);
	padding: 10px 0;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

.reset-button {
	margin-top: 20px;
}

span.check-icon {
	border: 2px solid #52a345;
	border-radius: 50%;
	color: #52a345;
	padding: 3px 5px;
	font-size: 20px;
	text-align: center;
}

.reset-success {
	display: inline-block;
	width: 100%;
	margin: 45px 0;
	font-weight: 700;
}

.reset-success>span {
	color: #212424;
	margin-top: 15px;
	display: inline-block;
	margin-bottom: 10px;
}


/*contact*/

.contact-content>span {
	display: inline-block;
	width: 100%;
	text-align: left;
	margin-bottom: 15px;
}

.contact-content>span>i,
.contact-content>span>p {
	display: inline-block;
}

.contact-content>span>i {
	margin-right: 10px;
}

.contact-container {
	text-align: center;
	color: #808080;
	font-weight: 400;
	max-width: 430px;
	margin: 50px auto;
}

.contact-content>p {
	margin-bottom: 25px;
}


/*faq*/

.faq-container {
	max-width: 670px;
	width: 100%;
	margin: 50px auto;
	text-align: center;
	padding: 0 15px;
}

.h-faq {
	text-align: left;
	background: #000;
	color: #fff;
	padding: 6px 15px;
	font-weight: 700;
	position: relative;
}

.h-faq i {
	position: absolute;
	right: 15px;
	font-size: 20px;
}

.h-body {
	padding: 15px;
	text-align: left;
	color: #808080;
	line-height: 25px;
	display: none;
}

.h-body>span {
	color: #212424;
	font-weight: 700;
}

.faq-content li {
	cursor: pointer;
	margin-bottom: 10px;
}


/*info*/

.info-container .nav>li>a {
	border-radius: 0;
	font-size: 19px;
	font-weight: 400;
	padding: 0 24px;
	max-width: 192px;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	text-transform: none;
	color: #999999;
}

.info-container>.tab-title {
	text-align: center;
	color: #212124;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 25px;
	text-transform: none;
}

.info-container .nav>li.active>a,
.info-container .nav>li.active>a:focus,
.info-container .nav>li.active>a:hover {
	color: #000;
	background-color: transparent;
}

.info-container .nav>li:last-child {
	border: none;
}

.info-container .nav>li {
	border-right: 2px solid #d8d8d8;
}

.info-container .nav>li>a:focus,
.info-container .nav>li>a:hover {
	background-color: transparent;
}

.info-container {
	max-width: 780px;
	margin: 0 auto 50px;
	text-align: center;
}

.info-container .tab-content {
	padding: 20px 15px;
	color: #808080;
	line-height: 25px;
	font-weight: 400;
	text-align: left;
}

.info-container>ul {
	display: inline-block;
}


/*search - category page*/

.search-container {
	display: inline-block;
	width: 100%;
	margin-top: 10px;
}

.no-result-red {
	color: #000;
	font-weight: 700;
	font-size: 30px;
}

.item-no-result-msg {
	text-align: center;
	display: inline-block;
	width: 100%;
	margin-bottom: 100px;
	margin-top: 20px;
}

.no-result-text {
	color: #212124;
	font-weight: 400;
	font-size: 14px;
}

.item-no-result-msg>img {
	width: 200px;
	margin: 20px 0;
}

.item-no-result-msg .col-md-6 {
	margin: 90px 0 0;
}

.sc-u {
	border-bottom: 1px solid #d2d2d2;
	padding: 20px 0;
}

span.sc-text-big {
	font-size: 24px;
	font-weight: 600;
}

.sc-right-text,
.sc-right-text>span,
.sc-right-text p,
.sc-right-text>div {
	display: inline-block;
	color: #999;
	vertical-align: middle;
	margin: 0;
}

.behavior-group:hover,
.behavior-list:hover,
.behavior-group.active,
.behavior-list.active {
	border: 1px solid #000;
}

span.sc-divider {
	height: 35px;
	width: 1px;
	background: #b3b3b3;
	margin: 0 20px;
}

.behavior-group,
.behavior-list {
	border: 1px solid #c8c8c8;
	padding: 2px;
	border-radius: 3px;
	width: 25px;
	cursor: pointer;
	position: relative;
	height: 25px;
	display: inline-block;
	vertical-align: text-bottom;
}

.behavior-group>span:nth-child(1),
.behavior-group>span:nth-child(2) {
	margin-bottom: 0;
}

.behavior-group>span:nth-child(2n-1) {
	margin-right: 0;
}

.behavior-group>span {
	display: inline-block;
	background: #c8c8c8;
	width: 8px;
	height: 8px;
	margin: 1px;
	float: left;
}

.behavior-list>span {
	background: #999;
	display: inline-block;
	margin-left: 8px;
	width: 9px;
	height: 2px;
	margin-bottom: 1px;
	margin-top: 3px;
	float: left;
}

.behavior-list>span:first-child {
	background: #999;
	padding: 3px;
	height: 17px;
	position: absolute;
	margin: 0;
	width: auto;
	top: 3px;
	left: 2px;
}

.behavior-group:hover>span,
.behavior-list:hover>span,
.behavior-list:hover>span:first-child,
.behavior-group.active>span,
.behavior-list.active>span,
.behavior-list.active>span:first-child {
	background: #000;
}

.sc-right-text>.sc-bahavior {
	margin-left: 20px;
	vertical-align: middle;
}

.behavior-group {
	margin-right: 10px;
}

.sc-option>select {
	border-radius: 5px;
	width: 130px;
	margin-left: 10px;
	z-index: inherit;
	position: relative;
	background: inherit;
}

.sc-option>i {
	position: absolute;
	top: 8px;
	right: 10px;
	color: #333;
	font-size: 18px;
	z-index: inherit;
}

ul.category-middle-menu>li {
	display: inline-block;
	margin: 5px;
	border-radius: 15px;
}

ul.category-middle-menu>li>a:hover,
ul.category-middle-menu>li>a:active,
ul.category-middle-menu>li>a:focus,
ul.category-middle-menu>li>a.active {
	text-decoration: none;
	background: #1b9cd8;
	color: #fff;
}

ul.category-middle-menu>li>a {
	color: #1b9cd8;
	border: 1px solid #1b9cd8;
	display: inline-block;
	width: 100%;
	border-radius: 15px;
	padding: 8px 15px;
}

.sc-u:last-child {
	border: none;
}

.sc-bottom {
	display: inline-block;
	width: 100%;
}

.item-box a>.item-image,
.item-box a>.item-info {
	display: block;
	vertical-align: top;
	display: block;
	vertical-align: top;
	max-width: 180px;
	margin: auto;
	position: relative;
}

.behavior2 .item-box a>.item-image,
.behavior2 .item-box a>.item-info {
	display: inline-block;
	vertical-align: middle;
	max-width: none;
}

.behavior2 .item-image>img {
	max-width: 147px;
	max-height: 147px;
	margin-bottom: 0;
	width: 147px;
	object-fit: cover;
}

.page-store .col-md-2.col-sm-4.col-xs-6.xs-mb-15:nth-child(5n+1) {
	margin-left: 0;
}

.page-store .col-md-2.col-sm-4.col-xs-6.xs-mb-15 {
	margin-left: 4.166666667%;
}

.item-image>img {
	width: 160px;
	display: block;
	margin: auto;
	max-height: 160px;
	margin-bottom: 20px;
}

.behavior2 a>.item-image {
	margin-right: 20px;
}

.behavior2 .item-info {
	width: Calc(100% - 175px);
	position: relative;
}

.item-price {
	color: #000;
	font-weight: 700;
}

.item-price>span.currency {
	margin-right: 0.2em
}

.item-price>span#currencySym {
	margin-right: 0.2em
}

.item-price>span.currencySymbol {
	margin-right: 0.2em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.item-name {
	color: #212124;
	font-size: inherit;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
}

.item-seller {
	color: #000;
	font-weight: 700;
	font-size: 12px;
}

.item-rating {
	margin-bottom: 10px;
	display: inherit;
}

.behavior2 .item-seller {
	font-size: 14px;
}

.behavior2 .item-name {
	font-size: 16px;
}

.behavior2 .item-price {
	float: right;
	margin-left: 50px;
	font-size: 16px;
	font-weight: 700;
}

.behavior2 .item-box {
	border-bottom: 1px solid #d2d2d2;
	display: inline-block;
	width: 100%;
	padding: 30px 0;
	margin: 0;
}

span.stars,
span.stars span {
	display: block;
	background: url(../images/star_ratting.svg) 0 -16px repeat-x;
	width: 100px;
	height: 16px;
}

span.stars span {
	background-position: 0 0;
}

.behavior2 .item-rating {
	margin-bottom: 20px;
}


/*.behavior1 .item-box a>.item-image,.behavior1 .item-box a>.item-info {width: 50%;}
.behavior1 .item-image{padding-right: 10px;}
.behavior1 .item-box{padding: 15px 0px;}
.behavior1 .item-box a{display: flex;align-items: center;}*/


/* .behavior2 .item-box:nth-child(15n+15) {



	border-bottom: none;



} */

.items-content {
	margin-bottom: 30px;
}

.item-box {
	display: inline-block;
	width: Calc(25% - 4px);
	padding: 15px;
	margin-bottom: 20px;
	vertical-align: top;
}

.sc-bottom .item-box .item-price {
	font-weight: 700;
}

.fs-btn-slide>span:first-child {
	margin-right: 65px;
}

.fs-btn-slide {
	background: #1b9cd8;
	color: #fff;
	transform: rotate(270deg);
	top: 25%;
	padding: 3px 25px;
	font-size: 15px;
	cursor: pointer;
	position: absolute;
	margin-left: -62px;
}

.fs-btn-slide>span:last-child {
	display: inline-block;
	position: absolute;
	right: 20px;
	bottom: 7px;
}

.fixed-sidebar {
	position: fixed;
	z-index: 9;
	height: 100%;
}

.fs-content {
	position: relative;
	height: 100%;
	padding: 0;
	width: 300px;
	padding-bottom: inherit;
}

.search-container.open-sidebar>.container {
	width: 100%;
}

.search-container.open-sidebar {
	width: Calc(100% - 300px);
	padding-left: 30px;
}

.open>.fs-content {
	margin-left: -299px;
	left: 299px;
}

.open>.fs-btn-slide {
	left: 299px;
}

.search-container.open-sidebar {
	margin-left: 299px;
}

.fsc-container {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #c8c8c8;
	padding: 20px 25px;
}

.search-tog {
	position: relative;
	display: inline-block;
	margin-right: 10px;
}

.search-tog .h-st-menus {
	z-index: 9;
}

.fsc-ul-cat>ul.st-parent {
	margin-top: 5px;
	display: inline-block;
	width: 100%;
	position: relative;
	height: auto;
}

.fsc-ul-cat>ul.st-parent li a:hover,
.fsc-ul-cat>ul.st-parent li a:active,
.fsc-ul-cat>ul.st-parent li a:focus {
	text-decoration: none;
	color: #212124;
}

.fsc-ul-cat>ul.st-parent li a {
	display: inline-block;
	width: 100%;
	color: #999;
	padding: 3px 0;
}

.fsc-ul-cat ul.st-subcat {
	position: absolute;
	top: 0;
	background: #fff;
	border: none;
	min-width: 235px;
	height: 100%;
	overflow: hidden;
	width: 100%;
	left: 0;
}

.fsc-ul-cat>ul.st-parent .st-subcat li.back,
.fsc-ul-cat>ul.st-parent .st-subcat li.back a {
	color: #212124;
	font-weight: 700;
}

.search-tog ul.st-parent li.selected {
	background: #212124;
	color: #fff;
}

.search-tog ul.st-parent li .st-subcat li a {
	color: #212124;
}

.search-tog ul.st-parent li .st-subcat li.selected a {
	color: #fff;
}

.search-tog ul.st-parent li .st-subcat .back.selected i {
	color: #fff;
}

.search-tog ul.st-parent li .st-subcat .back.selected a {
	color: #fff;
}

.fsc-ul-cat>ul.st-parent li.selected a {
	font-weight: 700;
	color: #000;
}

.fsc-ul-cat>ul.st-parent li.back>div a {
	width: Calc(100% - 30px);
}

.fsc-ul-cat ul.st-parent li>div>i {
	margin: 0 12px 0 0;
}

.fsc-ul-cat ul.st-subcat>li.selected:not(:nth-child(1))>div>a {
	font-weight: 700;
	color: #000;
}

.fsc-ul-cat ul.st-subcat>li:not(:nth-child(1))>div a {
	text-indent: 0;
	font-weight: 400;
	color: #999;
}

.fsc-ul-cat>ul.st-parent .st-subcat li.back {
	margin-bottom: 5px;
}

.fsc-ul-cat {
	height: auto;
	overflow: hidden;
}

.fsc-filter-range {
	margin-top: 20px;
}

.range-slider .slider {
	width: 100% !important;
	margin-bottom: 0;
}

.range-slider .slider-handle::after {
	background-color: #fff;
	border-radius: 120px;
	content: "";
	height: 14px;
	left: 3px;
	position: absolute;
	top: 3px;
	width: 14px;
}

.range-slider .slider-handle {
	background-color: #000;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#000));
}

.slider.slider-horizontal .slider-handle {
	margin-top: -7px;
}

.slider.slider-horizontal .slider-track {
	height: 4px;
	background: #e9e9e9;
}

.slider.slider-horizontal .slider-selection {
	background: #bebebe;
}

.range-value {
	font-weight: 700;
	color: #212124;
	font-size: 12px;
}

.fsc-filter-checkbox {
	margin-top: 10px;
}

.fsc-container.fsc-buttons {
	padding-bottom: 135px;
}

.btn-gray {
	display: inline-block;
	color: #fff;
	background: #999;
	padding: 7px 35px;
	cursor: pointer;
}

.btn-blue {
	display: inline-block;
	color: #fff;
	background: #1b9cd8;
	padding: 7px 35px;
	cursor: pointer;
}

.btn-blue a {
	color: #fff;
}

.fsc-filter-action {
	text-align: center;
}


/*item-detail*/

.idc-left {
	display: inline-block;
	width: Calc(100% - 325px);
	padding-right: 50px;
	margin-top: 30px;
}

.error-message {
	color: #ff0000;
}

.idcrt-order-val .error-message {
	margin-bottom: -20px;
	margin-top: 10px;
}

.error-message>p {
	margin: 0;
	font-size: 14px;
}

.idc-right {
	display: inline-block;
	margin-top: 30px;
	vertical-align: top;
	width: 320px;
}

.idcr-top {
	background: #f0f0f0;
	margin-bottom: 35px;
}

.idcr-bot>div {
	margin-bottom: 20px;
}

.idclt-img {
	display: inline-block;
	vertical-align: middle;
	float: left;
	/*width: calc(100% - 65px);*/
	max-width: 250px;
}

.idclt-img>img {
	max-width: 200px;
	max-height: 200px;
	display: block;
	margin: auto;
}

.idctl-desc {
	display: inline-block;
	width: calc(100% - 285px);
	vertical-align: middle;
}

.old-price {
	text-decoration: line-through;
	font-size: 12px;
	color: #787878;
}

.idctl-desc>.item-name {
	font-size: 16px;
	line-height: 26px;
	-webkit-line-clamp: 3;
	margin-bottom: 10px;
	font-weight: 400;
}

.idctl-desc>.item-price {
	font-size: 18px;
	margin-bottom: 5px;
}

.idctl-desc>.item-rating>span {
	display: inline-block;
	color: #999;
	vertical-align: middle;
	margin: 0;
}

.idcl-top {
	padding-bottom: 25px;
	border-bottom: 1px solid #d2d2d2;
	display: inline-block;
}

.idclm-content>div {
	display: inline-block;
	margin: 0 10px;
}

.idclm-content>div {
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}

.idclmc-img>img {
	max-width: 42px;
	max-height: 42px;
}

.idcl-mid {
	border-bottom: 1px solid #d2d2d2;
	padding: 6px 0;
}

.idclmc-name>a.seller-name {
	color: #000;
	font-weight: 700;
}

.idclmc-img {
	height: 42px;
}

span.btn-contact {
	background: #f0f0f0;
	color: #999;
	padding: 8px 10px;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	cursor: pointer;
}

span.btn-contact>i {
	margin-left: 10px;
	color: #999;
}

.page-search .main {
	margin-top: 0;
}

.idcl-bot {
	padding: 20px 0;
}

.idcl-bot p {
	margin: 0;
}

.idclt-custom-field {
	padding: 10px 0;
}

span.custom-field {
	padding: 2px 0;
	display: inline-block;
	width: 100%;
	word-break: break-word;
}

span.custom-field>.fancy-checkbox {
	margin-top: 5px;
	margin-bottom: 0;
}

.page-item-detail span.title {
	text-transform: initial;
}

.idcrt-title {
	color: #999;
	font-weight: 700;
	font-size: 16px;
}

.idcrt-list-val {
	margin: 30px 0 40px;
}

.idcrt-list-val>span>span {
	display: inline-block;
}

span.idcrtl-right {
	float: right;
}

.idcrt-list-val>span {
	margin: 0 0 15px;
}

.idcrt-list-val>span:last-child {
	margin: 0;
}

.idcrt-list-val .item-price {
	font-weight: 700;
}

.idcrt-list-val input {
	outline: none;
	border: 2px solid #dedddd;
	border-radius: 5px;
	padding: 4px 5px;
	text-align: right;
}

.idcrt-order-val {
	padding: 25px 25px 0;
}

.idcrt-order-total {
	background: #43484f;
	color: #fff;
	padding: 22px 25px;
	font-size: 18px;
	font-weight: 700;
}

.idcrt-order-total>span {
	display: inline-block;
}

.idcrt-order-total span.total-price {
	float: right;
}

.idcrt-order-total span.total-price .item-price {
	color: #fff;
}

.idcrt-order-btn .btn-cart {
	font-size: 16px;
	text-align: center;
	font-weight: 700;
	color: #fff;
	background: #1b9cd8;
	padding: 14px;
	cursor: pointer;
}

.idcrt-order-btn {
	padding: 22px 25px;
}

.idcrt-order-btn .contact-btn {
	font-size: 16px;
	text-align: center;
	font-weight: 700;
	color: #fff;
	background: #000;
	padding: 14px;
	cursor: pointer;
	display: inline-block;
	width: 100%;
	margin-top: 15px;
}

.bulk-price-tbl>table {
	color: #4d4d4d;
	border: 1px solid #d2d2d2;
	font-size: 12px;
	margin-top: 10px;
}

.bulk-price-tbl .table>tbody>tr>td,
.bulk-price-tbl .table>tbody>tr>th,
.bulk-price-tbl .table>tfoot>tr>td,
.bulk-price-tbl .table>tfoot>tr>th,
.bulk-price-tbl .table>thead>tr>td,
.bulk-price-tbl .table>thead>tr>th {
	border-right: 1px solid #d2d2d2;
	text-align: center;
	border-top: none;
}

.bulk-price-tbl>table span.item-price {
	color: #bd3d44;
	font-weight: normal;
}


/*30 jul changes*/

.realPrice {
	font-size: 14px;
	color: #999;
	font-weight: 500;
	margin-bottom: 5px;
}

.half .gr-compare-btn {
	max-width: 125px;
}

.half .gr-order-btn {
	display: inline-block;
	width: 100%;
	max-width: 125px;
	position: relative;
	background: #06aaf1;
	color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
	border-radius: 4px;
	height: 40px;
	line-height: 40px;
	border: none;
	margin-top: 7px;
	text-align: center;
}

.add-comp-list-btn.white {
	background: #fff;
	color: #999;
}


/*30 jul changes*/


/*page cart*/

.cart-empty {
	display: inline-block;
	width: 100%;
	margin: 50px 0;
}

.cart-empty .cart-top-sec-left2 {
	float: left;
	width: 42%;
}

.cart-empty .cart-top-sec-right2 {
	float: right;
	width: 58%;
}

.cart-empty .start-search-add-txt {
	font-size: 26px;
	font-weight: 700;
	color: #000;
	padding-left: 15px;
}

.cart-empty .seems-cart-empty-txt {
	font-size: 20px;
	color: #999;
	padding-left: 15px;
	padding-top: 40px;
	margin: 0;
}

.cart-empty .cart-empty-image {
	float: right;
	width: 185px;
	height: 148px;
}

.cb-header {
	background: #000;
	font-weight: 700;
	color: #fff;
	padding: 12.5px 20px;
}

.cb-content {
	padding: 20px;
	border: 1px solid #d2d2d2;
	display: inline-block;
	width: 100%;
	font-weight: 400;
	min-height: 150px;
	position: relative;
	float: left;
	padding-bottom: 60px;
}

.cbc-left {
	float: left;
	width: Calc(100% - 250px);
	position: relative;
}

.cbc-right {
	float: right;
}

.cbc-left>.item-info {
	display: inline-block;
	max-width: Calc(100% - 105px);
	padding-right: 20px;
	vertical-align: middle;
	word-break: break-all;
}

.cbc-left>.item-image {
	width: 80px;
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}

.cbc-left>.item-image>img {
	width: 100%;
	margin: 0;
}

.cbc-left .item-name {
	font-size: 16px;
	margin-bottom: 0;
}

.cbc-left .item-price {
	font-weight: 700;
	font-size: 16px;
}

.cbc-left .item-field {
	color: #999999;
	font-size: 12px;
	margin-top: 15px;
}

.cbcr-top .btn-blue {
	min-width: 180px;
	text-align: center;
	padding: 10px;
	font-weight: 700;
}

.page-cart .cbcr-top .btn-blue {
	min-width: auto;
	text-align: center;
	padding: 0;
}

.page-cart .cbcr-top .btn-blue a {
	min-width: 180px;
	text-align: center;
	padding: 10px;
	font-weight: 700;
	color: #fff;
	display: inline-block;
}

.cbcr-bot {
	right: 20px;
	text-align: right;
	color: #999;
	position: absolute;
	bottom: 20px;
}

span.if-txt {
	display: block;
	width: 100%;
	margin-bottom: 5px;
}

span.cbcr-edit>a {
	color: #1b9cd8;
	padding: 10px;
}

span.cbcr-edit {
	padding: 5px 5px;
	border-right: 2px solid #999;
	margin-right: 10px;
	display: inline-block;
}

.cbcr-bot>.cbcr-delete {
	font-size: 25px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}

.cart-box {
	margin: 0 0 60px;
}

.cart-continue-shopping>a {
	color: #999;
	font-weight: 700;
}

.cart-continue-shopping {
	margin-bottom: 10px;
	display: inline-block;
}

span.if-txt>span:first-child {
	min-width: 70px;
	display: inline-block;
}

.cb-checkbox {
	float: right;
	margin-right: 0;
}

.cbcir-box {
	border: 1px solid #d2d2d2;
	min-height: 370px;
	padding: 25px;
	position: relative;
	padding-bottom: 125px;
}

.cbcir-text span.title .item-price {
	color: #212124;
	margin-top: 5px;
}

.cbcir-text {
	margin-top: 20px;
	color: #999;
}

span.cbcir-title {
	color: #212124;
	font-weight: 700;
	font-size: 22px;
}

.cbcir-button {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	padding: 25px;
}

.cbcir-button>.btn-checkout {
	width: 100%;
	display: inline-block;
	background: #1b9cd8;
	font-weight: 700;
	color: #fff;
	text-align: center;
	cursor: pointer;
	margin-bottom: 10px;
}

.btn-checkout a {
	color: #fff;
	padding: 15px;
	width: 100%;
	display: inline-block;
}

.cbcir-button>.btn-continue {
	width: 100%;
	padding: 10px;
	display: inline-block;
	cursor: pointer;
	font-weight: 700;
	color: #999;
	text-align: center;
}

.cart-edit-item .modal-header {
	background: #f1f1f1;
	padding: 15px 40px;
}

.cart-edit-item .item-price {
	font-size: 17px;
}

.cart-edit-item .modal-body,
.cart-edit-item .modal-footer {
	padding: 20px 40px;
}

.cart-edit-item .item-field>span {
	display: inline-block;
	width: 100%;
	text-transform: none;
	margin-bottom: 10px;
}

.cart-edit-item .item-field>span>span:first-child {
	min-width: 110px;
	display: inline-block;
}

.cart-edit-item select,
.cart-edit-item input[type="text"] {
	border: 1px solid #d2d2d2;
	width: 200px;
	padding: 5px 30px 5px 10px;
	border-radius: 0;
	font-weight: 300;
	font-size: 12px;
	outline: none;
}

.cart-edit-item input[type="text"] {
	padding: 5px 10px;
	text-align: right;
}

span.select-option>i {
	position: absolute;
	right: 10px;
	top: 7px;
	pointer-events: none;
}

span.select-option {
	position: relative;
	display: inline-block;
	width: 100%;
}

.idc-left .cbc-left {
	float: left;
	max-width: Calc(100% - 110px);
	width: 100%;
}


/*payment page*/

.pc-processbar span.icon>i {
	font-size: 15px;
	line-height: 18px;
}

.pc-processbar li.active span.icon {
	color: #000;
	border: 2px solid #000;
}

.pc-processbar span.icon {
	margin-bottom: 5px;
	color: #b2b2b2;
	font-weight: 700;
	border: 2px solid #b2b2b2;
	border-radius: 50%;
	padding: 5px;
	width: 32px;
	height: 31px;
	text-align: center;
	font-size: 15px;
	line-height: 16px;
}

.pc-processbar ul>li {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	min-width: 80px;
}

.pc-processbar ul>li span {
	display: block;
	text-align: center;
	margin: 0 auto;
}

li.active span.pb-line {
	border: 1px solid #000;
	border-style: dashed;
}

span.pb-line {
	border: 1px solid #b2b2b2;
	width: 150px;
	border-style: dashed;
	border-spacing: 10px;
	margin-top: -10px !important;
}

.pc-processbar ul>li.active span.pcul-text {
	color: #000;
}

.pc-processbar ul>li span.pcul-text {
	color: #b2b2b2;
	font-weight: 700;
	text-align: center;
}

.pc-processbar>ul {
	display: block;
	text-align: center;
}

.pc-content {
	margin-top: 50px;
}

.pcc-rigth {
	display: inline-block;
	vertical-align: top;
	width: 320px;
}

.pccr-text1>span,
.pccr-text2>span,
.pcc-left>span,
.tccc-bot>span {
	width: 100%;
	display: inline-block;
}

.pccr-text2>span>.item-price {
	display: inline-block;
	float: right;
	color: #212424;
	font-weight: normal;
}

.pccr-text1 {
	margin: 5px 0 10px;
}

.pccr-total {
	border-top: 2px solid #d2d2d2;
	margin-top: 35px;
	padding-top: 15px;
	margin-bottom: 30px;
	text-align: right;
	font-weight: 700;
	color: #808080;
	font-size: 12px;
}

.tccc-bot {
	background: #f0f0f0;
	padding: 30px 20px 15px;
}

.tccc-bot>span.title {
	font-size: 16px;
	margin-bottom: 5px;
}

.tccc-bot>span.inv-text {
	color: #000;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 15px;
}

span.inv-desc {
	color: #808080;
	max-width: 330px;
	font-weight: 400;
}

.pccr-total .item-price {
	font-size: 24px;
}

.pcc-rigth span.title {
	text-transform: none;
}

.pccr-btn>div,
.tccct-btn>div {
	cursor: pointer;
	display: inline-block;
	width: 100%;
	text-align: center;
	font-weight: 700;
	margin-bottom: 10px;
}

.btn-green {
	background: #000;
	color: #fff;
	padding: 12px;
	border: 2px solid #000;
}

.btn-green a {
	color: #fff;
}

.btn-white>a {
	background: #fff;
	color: #212124;
	padding: 12px;
	border: 2px solid #b3b3b3;
	display: inline-block;
	width: 100%;
}

.pcc-rigth .cbcir-box {
	padding-bottom: 25px;
}

.pcc-left>span.title {
	font-size: 18px;
	text-transform: none;
}

.pccl-payment-method {
	margin: 20px 0 15px;
	display: inline-block;
	position: relative;
}

.pccl-payment-text {
	color: #808080;
}

.pccl-payment-method>select {
	border-radius: 5px;
	padding: 10px 35px 10px 20px;
	min-width: 245px;
}

.pccl-payment-method>i {
	font-size: 20px;
	position: absolute;
	right: 20px;
	top: 12px;
	pointer-events: none;
}

.pcc-left {
	width: Calc(100% - 350px);
	max-width: 480px;
}

span.tccct-icon>span {
	margin: 3px;
	background: #000;
	width: Calc(100% - 6px);
	display: block;
	height: Calc(100% - 6px);
	border-radius: 50%;
}

span.tccct-icon {
	border-radius: 50%;
	background: #fff;
	width: 50px;
	height: 50px;
	display: inline-block;
	margin-right: 20px;
}

span.tccct-icon>span>span {
	background: #fff;
	width: Calc(100% - 6px);
	height: Calc(100% - 6px);
	display: inline-block;
	border-radius: 50%;
	margin: 3px;
	text-align: center;
	color: #000;
	font-size: 26px;
	position: relative;
}

span.tccct-icon>span>span>i {
	line-height: 36px;
}

span.tccc-text {
	color: #fff;
	font-weight: 700;
	font-size: 24px;
}

.tcc-content {
	text-align: center;
	display: block;
	max-width: 600px;
	margin: auto;
}

.tccc-top {
	padding: 27px;
	background: #000;
}

.tccct-btn {
	margin-top: 50px;
}

.tccct-btn>.btn-desc {
	color: #000;
	min-width: 220px;
	padding: 14px;
}

.tccct-btn>.btn-black {
	color: #fff;
	background: #212424;
	min-width: 220px;
	width: auto;
}

.btn-black a {
	color: #fff;
	padding: 14px;
	display: inline-block;
	width: 100%;
}

.btn-signup a {
	color: #fff;
	padding: 14px;
	display: inline-block;
	width: 100%;
}

.tccct-btn>.btn-return {
	color: #b3b3b3;
	min-width: 220px;
	padding: 14px;
}

.tccct-btn>.btn-signup {
	color: #fff;
	background: #000;
	min-width: 220px;
	width: auto;
}


/*purchase history page*/

.phc-content {
	margin-top: 30px;
}

.h-search {
	position: relative;
}

.h-search>input {
	border: 1px solid #b3b3b3;
	color: #b3b3b3;
	width: 400px;
	padding: 9px 40px 9px 20px;
	outline: none;
}

.h-search>i {
	position: absolute;
	right: 13px;
	color: #b3b3b3;
	top: 11px;
	pointer-events: none;
	font-size: 18px;
}

.ph-t-table {
	margin: 10px 0 40px;
	border: 1px solid #b3b3b3;
}

.hrcc-top {
	margin-bottom: 20px;
}

.ph-t-table thead {
	background: #f0f0f0;
	font-weight: 700;
}

.ph-t-table thead tr>th,
.ph-t-table tbody tr>td {
	border-bottom: 1px solid #b3b3b3;
	vertical-align: middle;
	padding: 10px 25px;
}

table .item-price {
	color: #212124;
	font-weight: normal;
}

.ph-t-table tbody tr:hover {
	background: #f0f0f0;
}

.ph-t-table.no-hover tbody tr:hover {
	background: transparent;
}

.hrcc-top .btn-blue {
	border-radius: 50%;
	padding: 0;
	width: 30px;
	height: 30px;
	vertical-align: top;
	margin-right: 10px;
}

.hrcc-top .btn-blue>i {
	color: #fff;
	text-align: center;
	font-size: 20px;
	padding: 4px 11px;
}


/*order summary*/

.osc-container .ph-t-table thead {
	background: transparent;
	font-weight: 700;
}

.osc-container .ph-t-table tbody tr {
	font-weight: 400;
}

.osc-container .ph-t-table tbody tr:hover {
	background: transparent;
}

.osc-container .ph-t-table tbody tr:nth-child(2n-1) {
	background: #f0f0f0;
}

.blue-bold span.btn-view,
.blue-bold span.btn-download {
	cursor: pointer;
}

.osc-container {
	margin-bottom: 35px;
}

.osc-container>span.title {
	text-transform: none;
	font-size: 20px;
}

.osc-btn {
	margin: 50px 0;
	display: inline-block;
	width: 100%;
}

.btn-back {
	font-weight: 700;
	color: #b3b3b3;
	border: 2px solid #b3b3b3;
	padding: 12px;
	cursor: pointer;
	max-width: 276px;
	margin: auto;
	text-align: center;
}

.oscc-tbl {
	border: 1px solid #b3b3b3;
	font-weight: 400;
}

.oscct-top {
	background: #f0f0f0;
	padding: 18px 25px;
	vertical-align: middle;
}

.occt-left {
	display: inline-block;
	width: Calc(100% - 355px);
	vertical-align: top;
}

.hrcc-bot .oscct-top .occt-right>span:first-child {
	margin-right: 10px;
}

.occt-right {
	display: inline-block;
	width: 350px;
	vertical-align: top;
}

.oscct-top .occt-right {
	text-align: right;
}

.oscc-tbl span.title {
	text-transform: none;
}

.oscct-bot {
	padding: 25px;
}

span.detail p {
	margin: 0 0 3px;
	color: #808080;
}

.occtl-left,
.occtl-right {
	display: inline-block;
	width: Calc(50% - 4px);
	vertical-align: top;
}

.title-detail>.detail {
	margin: 5px 0 20px;
	display: inline-block;
	width: 100%;
}

.detail span.d-left {
	display: inline-block;
}

.detail span.d-right {
	float: right;
}

.occt-right .item-price {
	color: #212124;
}

.total-amount>.item-price {
	color: #000;
}

.occt-right .pccr-total {
	margin-top: 10px;
	margin-bottom: 0;
}

.occtt-full li {
	display: inline-block;
	width: Calc(20% - 3px);
	vertical-align: top;
}

.occtt-full li>span:last-child {
	color: #808080;
}

.oscctbl-uploadentry .occtt-full li {
	vertical-align: super;
}

.occtt-full li>span {
	display: inline-block;
	width: 100%;
}

.oscctbl-multiorder .oscct-bot {
	padding: 15px 25px 25px;
}

.oscct-bot {
	border-top: 1px solid #b3b3b3;
}

.oscctb-l,
.oscctb-c,
.oscctb-r {
	display: inline-block;
	vertical-align: top;
}

.oscctb-full>.title {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

.oscctb-l,
.oscctb-c,
.oscctb-r {
	display: inline-block;
	vertical-align: top;
}

.oscctb-c {
	margin: 0 30px;
	max-width: 500px;
	display: inline-block;
	width: 100%;
}

.oscctb-l>img {
	max-width: 90px;
	max-height: 90px;
}

.oscctb-r {
	float: right;
}

.oscctb-c>.item-detail {
	margin-top: 15px;
}

.oscctb-c>.item-detail>div {
	margin-bottom: 5px;
}

.oscctb-c>.item-detail>.oscctbc-d>span:first-child {
	min-width: 85px;
	display: inline-block;
}

.oscctbc-e {
	display: inline-block;
	width: auto;
}

.btn-feedback {
	padding: 10px 30px;
	cursor: pointer;
	font-weight: 700;
	background: transparent;
	color: #212124;
	padding-top: 0;
}

.chat-log-btn {
	background: #000;
	color: #fff;
	padding: 10px 30px;
	min-width: 190px;
	display: inline-block;
	max-width: 100%;
	text-align: center;
}

.activity-log-title {
	font-size: 24px;
	margin-top: 40px;
	margin-bottom: 20px;
	color: #000;
	font-weight: 700;
}

.oscc-tbl.oscctbl-uploadentry {
	border: none;
}

.oscctbl-uploadentry .occtt-full li {
	width: auto;
}

.option-section>select {
	width: 230px;
	padding: 9px 30px 9px 10px;
}

.oscctbl-uploadentry .option-section {
	position: relative;
	color: #212424;
	width: auto;
}

span.option-section>i {
	position: absolute;
	right: 10px;
	color: #212424;
	top: 10px;
	font-size: 20px;
}

.oscctbl-uploadentry span.title {
	margin-bottom: 10px;
}

.input-event>input.input-text {
	width: 400px;
}

.occtt-full li.btn-upload-file>span {
	display: inline-block;
	width: auto;
	margin: 0 5px;
	font-weight: 700;
	color: #000;
	vertical-align: middle;
}

li.btn-upload-file {
	cursor: pointer;
}

.occtt-full li.btn-upload-file>span.icon-upload {
	color: #b3b3b3;
	font-size: 30px;
}

.btn-new-entry {
	color: #fff;
	background: #212424;
	font-weight: 700;
	padding: 14px 20px;
	min-width: 180px;
	text-align: center;
	display: inline-block;
	margin: 20px 0 0;
	cursor: pointer;
}

.tab-content>.osc-container {
	margin-top: 35px;
}


/*delivery page*/

.pd-container {
	width: 750px;
	margin: 50px auto 70px;
}

.pdc-inputs span.title {
	text-transform: none;
	color: #4d4d4d;
	width: 100%;
	display: inline-block;
	margin-bottom: 5px;
}

.pdc-inputs>.input-container {
	width: 330px;
	display: inline-block;
	margin-bottom: 25px;
}

.pdc-inputs>.input-container input {
	width: 100%;
}

.pdc-inputs {
	margin-bottom: 30px;
}

.pdc-inputs>.input-container:nth-child(2n-1) {
	margin-right: 45px
}

.pdcb-address-box.btn-add-adress {
	color: #000;
	font-weight: 700;
	cursor: pointer;
	padding: 40px 20px 0;
}

.pdcb-address-box.btn-add-adress>span {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 15px;
	margin-bottom: 10px;
}

.pdcb-address-box {
	width: Calc(33% - 10px);
	border: 1px solid #000;
	padding: 20px;
	display: inline-block;
	min-height: 180px;
	vertical-align: top;
	margin-bottom: 15px;
	color: #4d4d4d;
	font-weight: 400;
	position: relative;
}

.pdcb-address-box>p {
	margin-bottom: 3px;
}

.pdcb-address-box:nth-child(3n+2) {
	margin: 0 14px;
}

#addDeliveryAddress .modal-dialog {
	width: 745px;
}

#addDeliveryAddress .modal-content {
	padding: 15px 30px 40px;
}

#addDeliveryAddress .modal-header {
	padding: 15px 0;
}

#addDeliveryAddress .modal-body {
	padding: 25px 0;
}

#addDeliveryAddress .pdc-inputs>.input-container {
	width: 315px;
	margin-bottom: 20px;
}

#addDeliveryAddress .input-container.full-width {
	width: 100%;
}

#addDeliveryAddress span.select-option>select {
	width: 100%;
	padding: 9px 35px 9px 15px;
}

#addDeliveryAddress span.select-option {
	width: 100%;
	display: inline-block;
}

#addDeliveryAddress .pdc-inputs>.input-container.ic-left {
	margin-right: 47px;
}

#addDeliveryAddress .pdc-inputs>.input-container {
	margin-right: 0;
}

#addDeliveryAddress span.select-option>i {
	font-size: 20px;
	top: 10px;
	right: 15px;
}

#addDeliveryAddress .modal-header .close {
	top: 10px;
	right: 18px;
}

#addDeliveryAddress .modal-footer>div {
	min-width: 150px;
	display: inline-block;
	border: none;
	cursor: pointer;
	width: auto;
}

#addDeliveryAddress .modal-footer {
	padding: 0;
}

#addDeliveryAddress .modal-footer>.btn-gray {
	float: left;
}

.pdcb-address-box>span.icon-delete {
	position: absolute;
	color: #999;
	font-size: 25px;
	bottom: 15px;
	right: 15px;
	cursor: pointer;
}

.pdcb-address-box>p {
	margin-bottom: 3px;
}

.pdcb-address-box:not(.btn-add-adress):hover,
.pdcb-address-box.selected:not(.btn-add-adress) {
	background: #000;
	color: #fff;
}

.pdcb-address-box:not(.btn-add-adress):hover i,
.pdcb-address-box.selected:not(.btn-add-adress) i {
	color: #fff;
}


/*page review*/

span.no-delivery-method-text {
	display: inline-block;
	width: 100%;
	margin: 20px 0;
}

span.no-delivery-method-text p {
	color: #999;
}

.pccr-btn>div.btn-green.inactive {
	background: #999;
	border: 2px solid #999;
}

.review-container .pcc-left {
	max-width: 100%;
}

.review-container .cbc-left {
	width: 100%;
}

.review-container .cb-content {
	padding-bottom: 20px;
	border-bottom: 1px solid #d2d2d2;
	border-bottom-style: dashed;
	min-height: auto;
}

.review-container .cbc-left>.item-info {
	max-width: 100%;
	padding-right: 0;
	width: Calc(100% - 105px);
	min-height: auto;
}

.review-container .cbc-left .item-field,
.review-container .cbc-left .item-price {
	margin-top: 8px;
	font-size: 14px;
}

.view-compare-btn,
.view-compare-btn:hover,
.view-compare-btn:focus {
	background-color: #000;
	color: #fff;
	padding: 10px 20px;
	margin-top: 25px;
	display: inline-block;
	text-align: center;
	color: #fff;
	width: 100%;
	cursor: pointer;
}

.dr-content {
	padding: 20px;
	border: 1px solid #d2d2d2;
	border-top: none;
}

.delivery-review>span.title {
	color: #4d4d4d;
	text-transform: none;
	border-bottom: 1px solid#d2d2d2;
	padding-bottom: 8px;
}

.dr-radio {
	display: inline-block;
	width: 100%;
	margin-top: 20px;
}

.dr-radio>span {
	margin-bottom: 5px;
	color: #999;
}

.dr-radio input {
	margin: 0;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

.dr-radio>span>label {
	vertical-align: text-top;
	width: Calc(100% - 25px);
}

.dr-radio .item-price {
	color: #000;
}

span.pdcb-detail>p {
	margin-bottom: 4px;
	word-break: break-word;
}

.drbot-content {
	text-align: right;
	display: inline-block;
	width: 100%;
	background: #f0f0f0;
	padding: 10px 20px;
	font-weight: 700;
	font-size: 12px;
	color: #999;
	border: 1px solid #d2d2d2;
	margin-bottom: 15px;
}

.drbot-content span.item-price {
	margin-left: 4px;
	font-weight: normal;
	color: #6b6868;
}

.btn-next {
	background: #212124;
	color: #fff;
	font-weight: 700;
	text-align: center;
	display: inline-block;
	min-width: 180px;
	cursor: pointer;
}

.btn-next a {
	color: #fff;
	display: block;
	padding: 10px;
}

#Profile .settings-button .btn-next,
#Payment .settings-button .btn-next {
	padding: 10px;
}

.pd-button {
	text-align: right;
	margin-bottom: 30px;
}

span.sbcir-btn {
	color: #999;
	font-weight: 300;
	font-size: 14px;
	float: right;
	cursor: pointer;
}


/*settings*/

.settings-container .note {
	color: #fff;
	background: #1b9cd8;
	position: relative;
	font-size: 12px;
	font-weight: 700;
	padding: 13px 20px;
	margin-bottom: 30px;
}

.note>span {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}

.note>span:nth-child(2) {
	width: Calc(100% - 100px);
}

span.note-icon {
	background: #fff;
	color: #00837c;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 18px;
	padding: 7px;
}

span.note-close {
	position: absolute;
	right: 0;
	font-size: 22px;
	font-weight: 300;
	font-weight: 300;
	top: 15px;
	cursor: pointer;
}

.settings-content {
	margin-top: 35px;
	display: inline-block;
	width: 100%;
	margin-bottom: 50px;
}

.setting-top>span.h-text {
	display: inline-block;
	font-size: 24px;
	color: #212424;
	font-weight: 700;
}

.setting-tab {
	display: inline-block;
	float: right;
	font-weight: 700;
	color: #b3b3b3;
}

.setting-tab .nav-pills>li.active>a,
.setting-tab .nav-pills>li.active>a:focus,
.setting-tab .nav-pills>li.active>a:hover {
	color: #000;
	background-color: transparent;
	border-bottom: 3px solid #000;
}

.setting-tab .nav-pills>li>a {
	border-radius: 0;
	color: #b3b3b3;
}

.setting-tab .nav>li>a:focus,
.setting-tab .nav>li>a:hover {
	background-color: #fff;
	color: #000;
}

.setting-top {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #d2d2d2;
}

.setting-tab .nav-pills>li {
	margin: 0 20px;
}

.profile-img {
	display: inline-block;
	width: 128px;
	height: 128px;
	border: 2px solid #d2d2d2;
	border-radius: 15px;
	position: relative;
	margin-bottom: 40px;
}

.profile-img>img {
	width: 100%;
	height: 100%;
}

.btn-change {
	position: absolute;
	background: #000;
	color: #fff;
	bottom: 0;
	font-weight: 700;
	width: 100%;
	border-bottom-left-radius: 13px;
	border-bottom-right-radius: 13px;
	text-align: center;
	padding: 7.5px;
	font-size: 12px;
	cursor: pointer;
}

.set-content {
	max-width: 665px;
	width: 100%;
}

.set-content .input-container:first-child {
	margin-right: 60px;
}

.set-content .input-container {
	display: inline-block;
	width: 300px;
	position: relative;
}

.set-content input.input-text {
	width: 100%;
	min-width: auto;
	color: #000;
	font-weight: 400;
}

.set-content .input-container.full-width {
	width: 100%;
	margin: 0;
}

.set-content .pdc-inputs span.title {
	color: #808080;
	font-weight: 400;
}

.set-inputs {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}

.open-id i.fa.fa-facebook-square {
	color: #4267b2;
}

.icon-facebook-round {
	background-image: url('../images/fb_icon.svg');
}

.icon.icon-facebook {
	background-image: url('../images/fb_id.svg');
}

.icon.icon-google {
	background-image: url('../images/google_id.svg');
}

.open-id i.icon {
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center center;
}

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

.open-id>span {
	vertical-align: text-top;
}

.address-tab .set-inputs {
	margin-bottom: 15px;
}

.set-content .select-option select {
	width: 100%;
	padding: 9px 30px 9px 15px;
}

.btn-add,
.btn-save {
	background: #000;
	color: #fff;
	text-align: center;
	display: inline-block;
	padding: 10px;
	font-weight: 700;
	min-width: 180px;
	cursor: pointer;
	border-radius: 0;
}

.btn-previous {
	color: #fff;
	background: #999;
	font-weight: 700;
	text-align: center;
	display: inline-block;
	min-width: 180px;
	cursor: pointer;
	padding: 10px;
}

.setting-address-box .pdcb-address-box {
	width: 240px;
	border: 1px solid #d2d2d2;
	color: #808080;
}

.setting-address-box .pdcb-address-box.btn-add-adress {
	border: 1px solid #000;
	color: #000;
}

.setting-address-box .pdcb-address-box:nth-child(3n+2) {
	margin: 0;
}

.settings-content .setting-address-box .pdcb-address-box {
	margin-right: 15px;
}

.payment-tab ul li {
	border-bottom: 1px solid #d2d2d2;
	padding: 25px 0;
	vertical-align: middle;
}

.payment-tab ul li>div {
	display: inline-block;
}

.payment-logo,
.payment-text {
	width: 25%;
	text-align: center;
	color: #808080;
	font-weight: 400;
	vertical-align: middle;
}

.payment-logo>img {
	height: 40px;
}

span.p-note {
	display: inline-block;
	color: #212424;
	font-weight: 700;
	margin-right: 20px;
	font-size: 12px;
	margin-top: 5px;
}

.img-payment-warning {
	background: url(../images/verify_pay.svg) no-repeat;
	background-size: contain;
	width: 20px;
	height: 25px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.payment-note .p-note>p {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.setting-bot #Profile,
.setting-bot #Address {
	margin-top: 40px;
}

.payment-tab .btn-blue {
	font-weight: 700;
	min-width: 200px;
	text-align: center;
	padding: 10px 15px;
}

.payment-note {
	width: Calc(50% - 6px);
	text-align: right;
}

.settings-button {
	display: inline-block;
	width: 100%;
	margin-top: 75px;
}

#modalRemove .modal-content {
	padding: 0;
}

.compare-delete-modal-content .modal-footer>div.btn-gray {
	float: left;
}

.compare-delete-modal-content .modal-footer>div.btn-green {
	float: right;
}

.compare-delete-modal-content .modal-body>p {
	margin-top: 15px;
}

.compare-delete-modal-content .modal-footer>div {
	display: inline-block;
	cursor: pointer;
	width: 125px;
	border: none;
	border-radius: 0;
}

.compare-delete-modal-content .modal-footer>a {
	display: inline-block;
	cursor: pointer;
	width: 125px;
	border: none;
	float: right;
	text-align: center;
	color: #fff;
	font-weight: 700;
	margin: 0 5px;
}

.compare-delete-modal-content .modal-footer,
.compare-delete-modal-content .modal-body {
	padding: 20px 30px;
}

.modal-dialog.compare-delete-modal-content {
	max-width: 350px;
	top: 20%;
}

#modalUnableOrder .modal-content {
	max-width: 450px;
	padding: 20px 25px;
}

.modal-dialog.delete-modal-content {
	max-width: 380px;
}

.delete-modal-content .modal-body>p {
	margin-top: 15px;
}

.delete-modal-content .modal-footer,
.delete-modal-content .modal-body {
	padding: 15px 30px;
}

.delete-modal-content .modal-footer>div {
	display: inline-block;
	cursor: pointer;
	max-width: 150px;
	width: 150px;
	border: none;
}

.delete-modal-content .modal-footer>div.btn-gray {
	float: left;
}

.delete-modal-content .modal-footer>div.btn-green {
	float: right;
}

.review-container,
.payment-container {
	margin-bottom: 100px;
}


/*item-upload*/


/*.zero-val.price_val {
	pointer-events: none;
	background: #ccc;
}*/

table#tblAvailability>tbody>tr>td:first-child {
	max-width: 230px;
}

.tab-content.un-inputs .fancy-checkbox.checkbox-sm>input[type="checkbox"] {
	display: block;
}

.tab-content.un-inputs span.fancy-checkbox.checkbox-sm {
	display: inline-block;
	margin: 5px 0;
}

.tab-content.un-inputs .fancy-checkbox.checkbox-sm>label {
	padding-left: 0;
}

.item-custom-fields>.item-form-group .col-md-6:first-child {
	padding-right: 50px;
}

.item-custom-fields>.item-form-group .col-md-6 {
	margin-bottom: 20px;
	vertical-align: top;
}

.item-custom-fields>.item-form-group .col-md-6 .col-md-6 {
	padding: 0;
	margin: 0;
	width: Calc(50% - 10px);
	display: inline-block;
}

.item-custom-fields>.item-form-group input {
	position: relative;
}

.item-custom-fields span.input-group-addon {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	border-left: 1px solid #ccc;
	text-align: center;
	width: auto;
	padding: 10px 12px;
}

.item-custom-fields>.item-form-group .col-md-6.percentage input {
	width: Calc(100% - 35px);
}

.item-custom-fields>.item-form-group .col-md-6 .col-md-6:last-child {
	float: right;
}

.item-custom-fields>.item-form-group .col-md-6.percentage span {
	width: 30px;
	text-align: center;
	display: inline-block;
}

.un-inputs .item-custom-fields .item-form-group .fancy-checkbox input {
	height: 20px;
}

.un-inputs .item-custom-fields .item-form-group .fancy-checkbox label {
	width: 18px;
}


/*delivery settings*/

.dsc-table .ph-t-table td>span {
	vertical-align: middle;
	display: inline-block;
	margin-right: 15px;
}

.dsc-table .ph-t-table td>span:last-child {
	margin-right: 0;
}

span.ellipsis-dot {
	border: 1px solid #332e3b;
	border-radius: 50%;
	padding: 3px 4px 3px 4px;
	cursor: pointer;
}

span.ellipsis-dot>i {
	color: #332e3b;
	font-size: 13px;
}

.ds-content {
	display: inline-block;
	width: 100%;
	margin: 20px 0 0;
}

.dsc-table .onoffswitch-inner::before {
	background: #404040;
}

.dsc-table .onoffswitch-inner:before,
.dsc-table .onoffswitch-inner:after {
	font-size: 11px;
	height: auto;
	line-height: 23px;
}

.dsc-table .onoffswitch-switch {
	width: 14px;
	height: 14px;
	right: 36px;
}

.dsc-table .onoffswitch-label {
	margin: 0;
}

.dsc-table .onoffswitch {
	width: 60px;
}

.dsct-btn,
.btn-add-pickup {
	background: #000;
	color: #fff;
	font-weight: 700;
	padding: 12.5px;
	min-width: 200px;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}

span.dsct-text {
	font-weight: 700;
	text-transform: uppercase;
}

.dsc-table {
	margin: 2px 0 0;
	border: 1px solid #d2d2d2;
	padding: 20px 40px 30px;
}

.dsc-table .ph-t-table {
	margin: 10px 0 20px;
	border: none;
}

.dsc-table .ph-t-table thead {
	background: transparent;
}

.dsc-table .ph-t-table tbody tr>td {
	color: #999;
}

.dsc-table .ph-t-table thead tr>th,
.dsctn-text {
	color: #212424;
	font-weight: 700;
	text-transform: uppercase;
	padding: 7px 10px;
}

.dsc-table .ph-t-table thead tr>th,
.dsc-table .ph-t-table tbody tr>td,
ul.pickup-options>li {
	border-bottom: 1px solid #d8d8d8;
	vertical-align: middle;
	padding: 7px 10px;
}

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

ul.pickup-options>li {
	width: 100%;
	display: inline-block;
	color: #999;
}

ul.pickup-options>li:last-child {
	border-bottom: none;
}

ul.pickup-options {
	border-top: 1px solid #d8d8d8;
}

span.pickup-remove.pull-right {
	background: #d8d8d8;
	padding: 5px 6px;
	border-radius: 50%;
	cursor: pointer;
}

span.pickup-remove>i {
	color: #999;
	font-weight: 300;
}

.addpickup-option {
	display: inline-block;
	width: 100%;
	margin-top: 20px;
}

.addpickup-option>input {
	border: 1px solid #c2c2c2;
	width: Calc(100% - 250px);
	margin-right: 30px;
}

.dsct-btn>a {
	color: #fff;
}

.dsae-content-inputs.un-inputs>.item-form-group {
	margin-bottom: 10px;
}

.dsae-content-inputs.un-inputs {
	margin-top: 20px;
}

.dsae-content {
	border: 1px solid #d2d2d2;
	display: inline-block;
	width: 100%;
	margin-top: 20px;
	padding: 20px 40px 50px;
	margin-bottom: 30px;
}

.dsae-content .fancy-radio input[type="radio"]+label {
	background-image: url(../images/r-uncheck.svg);
}

.dsae-content .fancy-radio input[type="radio"]:checked+label {
	background-image: url(../images/r-check.svg);
}

.dsae-content .option_box>.fancy-radio {
	display: inline-block;
}

.dsae-content .option_box>.fancy-radio:first-child {
	margin-right: 50px;
}

.dsae-content .fancy-radio>label {
	padding-left: 40px;
}

.bold {
	font-weight: 700;
}

.light {
	font-weight: 300;
}

.dsae-content .dsc-table .ph-t-table thead tr>th,
.dsae-content .dsc-table .ph-t-table tbody tr>td {
	padding: 7px 10px 7px 0;
	width: 33%;
}

.dsae-content>.dsc-table {
	padding: 0;
	border: none;
}

.btn-add-delivery-rate {
	border: 1px solid #c2c2c2;
	color: #4d4d4d;
	display: inline-block;
	padding: 11.5px 17px;
	cursor: pointer;
}

.dsae-content-btn>div:first-child {
	min-width: auto;
	margin-right: 30px;
}

.dsae-content-btn>div {
	display: inline-block;
	border-radius: 0px;
	color: #c2c2c2;
	min-width: 200px;
	text-align: center;
	padding: 0;
	font-weight: 700;
}

.dsae-content-btn>div.btn-save {
	color: #fff;
	padding: 10px;
}

.dsae-content-btn>div a {
	width: 100%;
	color: #c2c2c2;
	display: inline-block;
	padding: 10px;
}

.delivery-rate-content .fancy-checkbox label {
	width: 18px !important;
}

.dsae-content .un-inputs .item-form-group .col-md-5 input {
	width: 100%;
	max-width: 69%;
}

.dsae-content .fancy-checkbox input[type="checkbox"]+label {
	background: #ffffff;
}

.delivery-rate-content .col-md-4 input,
.delivery-rate-content .col-md-5 input {
	width: Calc(100% - 20px);
}

.delivery-rate-content .col-md-4 input,
.delivery-rate-content .col-md-4 span,
.delivery-rate-content .col-md-5 input,
.delivery-rate-content .col-md-5 span,
.delivery-rate-content .fancy-checkbox {
	display: inline-block;
	margin: 0;
}

.delivery-rate-content .fancy-checkbox {
	margin-top: 12px;
}

.delivery-rate-content .fancy-checkbox input {
	height: 18px;
}

.dsae-content-inputs.un-inputs>.btn-save {
	border-radius: 5px;
	margin-top: 20px;
	color: #fff;
	padding: 10px;
}

.dsae-form-input.disabled {
	pointer-events: none;
	background: #d0d0d0;
	padding: 20px;
}

.delivery-setting-container {
	margin-bottom: 50px;
}

.delivery-rate-content {
	background: #F0F0F0;
	display: inline-block;
	width: 100%;
	padding: 30px 40px;
	display: none;
}

button.close {
	outline: none;
}

.range-a>.row>span {
	float: left;
	margin: 0 20px;
	line-height: 40px;
}

#deliveryOptionDetail .head_box>h5 {
	text-transform: uppercase;
}

#deliveryOptionDetail .modal-content {
	padding: 15px 15px 25px;
}

#deliveryOptionDetail .action_area_box {
	margin-top: 20px;
}

span.delivery-option-edit-img img {
	width: 25px;
	cursor: pointer;
}

.modal-image-cropsec .modal-dialog {
	max-width: 600px;
	margin: 30px auto;
}

.modal-image-cropsec .modal-content {
	max-height: 600px;
}

.modal-image-cropsec .imageBox {
	position: relative;
	height: Calc(100% - 40px);
	width: Calc(100% - 40px);
	margin: 20px auto;
	border: 1px solid #aaa;
	background: #fff;
	overflow: hidden;
	background-repeat: no-repeat;
	cursor: move;
	box-shadow: none;
	background: #eee;
}

.modal-image-cropsec .imageBox .thumbBox {
	position: relative;
	width: 100%;
	height: 100%;
}

.modal-image-cropsec .upload-wapper {
	position: relative;
	top: 0;
	background-color: #50C8FF;
	text-align: center;
	border: none;
	display: inline-block;
	color: #fff;
	padding: 20px;
	width: 100%;
}

.modal-image-cropsec .upload-wapper #upload-file {
	width: 100%;
	height: 100%;
	z-index: 1;
}

.modal-image-cropsec .tools {
	position: absolute;
	top: 0;
	z-index: 11;
	width: 100%;
	padding: 18px 10px;
	text-align: right;
}

.modal-image-cropsec .upload-wapper #upload-file {
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}

.modal-image-cropsec .cr-slider {
	-webkit-appearance: none;
	max-width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
	width: 100%;
}

.modal-image-cropsec input[type=range] {
	display: block;
	width: 100%;
	bottom: -220px;
	left: 0;
	position: absolute;
}

.modal-image-cropsec .cr-slider:focus {
	outline: none;
}

.modal-image-cropsec .cr-slider {
	-webkit-appearance: none;
	width: 300px;
	max-width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
}

.modal-image-cropsec .cr-slider::-webkit-slider-runnable-track {
	width: 100%;
	height: 3px;
	background: rgba(0, 0, 0, 0.5);
	border: 0;
	border-radius: 3px;
}

.modal-image-cropsec .cr-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top: -6px;
}

.modal-image-cropsec .cr-slider:focus {
	outline: none;
}

.btn-change {
	border: none;
	left: 0px;
}

.profile-img>img {
	border-radius: 13px;
}

.action_area_box>.btn-save {
	border-radius: 20px;
	min-width: 150px;
}

.dsc-table .ph-t-table thead tr>th,
.dsc-table .ph-t-table tbody tr>td {
	max-width: 300px;
	word-break: break-word;
}

ul.pickup-options>li span.pickup-name {
	width: Calc(100% - 50px);
	word-break: break-word;
	display: inline-block;
}

.table tbody>tr>td {
	word-break: break-word;
}

.delivery-setting-container .sol-container.sol-active .sol-selection-container {
	max-height: 250px;
	overflow-x: scroll;
	top: 67px !important;
	position: absolute;
	left: 0 !important;
	max-width: 440px !important;
	width: 100% !important;
}

.delivery-setting-container .sol-inner-container {
	display: inline-block;
	width: 100%;
	max-width: 440px;
	border: 1px solid #c7c7c7;
	height: 42px;
	line-height: 42px;
	padding: 0 15px;
}

.delivery-setting-container .sol-current-selection {
	display: inline-block;
	margin-top: 15px;
	width: 100%;
}

.delivery-setting-container .sol-selected-display-item,
.sol-results-count {
	padding: 10px 25px;
	border-radius: 0;
	font-size: 14px;
	background: #f0f0f0;
	border: none;
	position: relative;
	min-width: 150px;
	box-shadow: none;
}

.delivery-setting-container .sol-quick-delete {
	position: absolute;
	right: 10px;
	top: 7px;
}

.delivery-setting-container .sol-selection .sol-optiongroup input[type=checkbox] {
	height: auto;
	width: auto;
}

.delivery-setting-container .sol-input-container input[type="text"] {
	border: 0;
	background: transparent;
	box-shadow: none;
	color: #555;
	padding: 0 7px;
	outline: none;
	width: 100%;
	height: 100%;
}

.delivery-setting-container .sol-caret-container .sol-caret {
	top: 18px;
}

.dsae-content .sol-caret-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.dsae-content .sol-caret-container .sol-caret {
	top: 18px;
	position: inherit;
	left: 0px;
}

#popupConfirmOpt {
	width: 450px;
}

#popupConfirmOpt .btn-black {
	background-color: #000;
	width: 150px;
	margin-top: 10px;
	border-radius: 30px;
	border: 1px solid transparent;
	color: #fff;
}

#popupConfirmOpt .btn-black:hover {
	background: #656578;
	color: #fff;
	border: 1px solid #656578;
}

.not-allowed {
	cursor: not-allowed !important;
	pointer-events: none !important;
}

li.li-form.disabled {
	pointer-events: none;
	background: #d0d0d0;
}

.add-new-bulk-price>.text.text-danger {
	margin-bottom: 10px;
}

.col-half-offset {
	margin-left: 4.166666667%
}

.user-setting-textarea textarea {
	width: 100%;
	height: 62px;
}

.btn-upload {
	background: #646464;
	width: 200px;
	position: relative;
	border-radius: 21px;
	z-index: 99;
	cursor: pointer;
}

.btn-upload input[type="file"] {
	position: absolute;
	opacity: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	top: 0px;
}

.btn-upload img {
	max-width: 20px;
}

.page-home .footer {
	margin-top: 50px;
	padding: 20px 0;
}

.idcrtl-price .item-price {
	display: inline-block;
}

.idcrtl-price .base-price {
	display: inline-block;
	color: #999;
	margin-right: 5px;
}

.relation {
	position: relative;
}

.table#tblPricing tbody>tr>td.bulk-price,
.table#tblPricing tbody>tr>td.discount-price {
	max-width: 150px;
}

.fixed-sidebar .fs-scroll .bottom-scroll {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.fixed-sidebar .fs-scroll {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #fff;
	border-right: 1px solid #c8c8c8;
}

.cb-content.parent-r-b>.cbc-left>a {
	position: absolute;
	width: 100%;
	height: 100%;
}

.idclt-img.loadarea img {
	max-width: 200px;
	/*width: 295px;*/
	max-height: 200px;
	display: block;
	margin: auto;
}

.lb-data .lb-number {
	display: none !important;
}

.lightboxOverlay {
	z-index: 99999;
}

.lightbox {
	z-index: 100000;
}

.lightbox .lb-container .lb-close {
	width: 35px;
	height: 35px;
	display: block;
	background-image: url(../images/closew_btn.svg);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 35px;
	z-index: 999;
	cursor: pointer;
}


/* start compare page  */

.comparepg-wrapper {
	padding-bottom: 100px;
}

.btn-export-info {
	border: 1px solid #000;
	background-color: #000;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	width: 190px;
	height: 35px;
	border-radius: 5px;
}

.cmparpgtopcol-extinfo-sec {
	text-align: left;
	width: 20%;
}

.cmparpg-prdct-img img {
	width: 100px;
	height: 100px;
}

.btn-order-now,
.cmparpg-list-td a.btn-order-now {
	width: auto;
	line-height: 25px;
	display: inline-block;
	background-color: #212124;
	color: #fff;
	font-weight: bold;
	border: 1px solid #212124;
	border-radius: 5px;
	padding: 5px 20px;
}

.cmparpg-prdct-title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.btn-remove-prdct,
.btn-remove-prdct:hover,
.cmparpg-list-td a.btn-remove-prdct,
.cmparpg-list-td a.btn-remove-prdct:hover {
	color: #646464;
	font-size: 14px;
	display: inline-block;
	margin-top: 15px;
}

.cmparpg-prdct-btnsec {
	margin-top: 15px;
}

.cmparpg-list-tbl {
	width: 100%;
	display: table;
}

.cmparpg-list-tr {
	width: 100%;
	display: table;
}

.cmparpg-list-tr img {
	width: auto;
	max-width: 100%;
}

.cmparpg-list-td {
	display: table-cell;
	width: 26.50%;
	vertical-align: middle;
	padding: 15px;
	border: 1px solid #e6e6e6;
	border-top: none;
	border-left: none;
	color: #4d4d4d;
	word-break: break-all;
}

.cmparpg-list-td-text-editor {
	display: table-cell;
	width: 26.50%;
	vertical-align: middle;
	border: 1px solid #e6e6e6;
	border-top: none;
	border-left: none;
	color: #4d4d4d;
	word-break: break-all;
}

.cmparpg-list-tdname {
	width: 20%;
	text-align: right;
	font-weight: bold;
	color: #000;
}

.cmparpg-list-td h4 {
	color: #4d4d4d;
}

.cmparpg-list-td a {
	color: #212124;
	font-size: 14px;
}

.cmparpg-list-td p {
	margin-bottom: 0px;
}

.cmparpg-list-td ul {
	list-style: disc;
	list-style-position: inside;
}

.cmparpg-list-tr:nth-child(even) {
	background-color: #f0f0f0;
}

.cmparpg-list-tr .cmparpg-list-tdname {
	background-color: #fff;
	border: none;
	border-right: 1px solid #e6e6e6;
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
}

.cmparpg-list-btntr {
	text-align: center;
}

.cmparpg-list-btntr .cmparpg-list-td {
	border-left: none;
	border-right: none;
}

.cmparpg-list-btntr .cmparpg-list-tdname {
	border-right: none;
}

.cmparpg-list-tr.cmparpg-list-btntr {
	background-color: #fff;
}

.cmparpg-list-btnextr .cmparpg-list-td {
	border-bottom: none;
}

p.cmparpgtopcol-extinfo {
	color: #4d4d4d;
	line-height: 22px;
	margin-bottom: 15px;
	text-align: left;
}

.cmparpgtopcol-extinfo-sec {
	text-align: left;
}

.cmparpg-list-prdcttr .cmparpg-list-td {
	border: none;
}


/* end compare page  */

.item-details-tab .tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	border-left: none;
	border-right: none;
	border-top: none
}

.item-details-tab .tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: 0;
	cursor: pointer;
	padding: 10px 16px;
	transition: .3s;
	font-size: 14px;
	width: 33.33333333%;
	color: #212124;
	font-weight: 700;
	border-bottom: 4px solid transparent
}

.item-details-tab .tab button:hover {
	background-color: #ddd
}

.item-details-tab .tab button.active {
	background-color: #fff;
	border-bottom: 4px solid #212124
}

.tabcontent .custom-field>p {
	margin: 0;
	word-break: break-all
}

.item-details-tab .tabcontent {
	display: none;
	margin: 10px 0
}

.item-details-tab .tabcontent.active {
	display: block
}

.btn-add-comparison>a {
	background: #43484f;
	color: #fff;
	padding: 8px 15px;
	font-size: 12px;
}

.compare-slider .cmparpg-list-td {
	position: relative;
}

.row.no-pad {
	margin-right: 0;
	margin-left: 0;
}

.row.no-pad [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}

.slick-slide img {
	display: inline-block !important;
}

.slick-track {
	margin-left: 0 !important;
}

.page-compare-requisition .max-w {
	max-width: 150px;
}

.divider-sort {
	position: relative;
	display: block;
	width: 60px;
	height: 2px;
	background: #c7c7c7;
	margin: 0 auto 15px;
}

.cmparpg-price {
	font-weight: 700;
	color: #212124;
	font-size: 18px;
}

.cmparg-qty {
	font-size: 14px;
	color: #646464;
}

.cmparpg-title {
	display: inline-block;
	width: 100%;
	background: #212124;
	color: #fff;
	font-weight: 700;
	padding: 10px 0;
	border: 1px solid #e6e6e6;
}

.spacer-40 {
	display: block;
	height: 40px;
	width: 100%;
	content: "";
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
}

.slick-next:before,
.slick-prev:before {
	display: none !important;
}

.slick-prev {
	left: 25px !important;
	top: 110px !important;
	background: url(../images/slickarrow.svg) no-repeat center center !important;
	transform: rotate(180deg) !important;
	z-index: 111;
	background-size: contain !important;
}

.slick-next {
	right: 25px !important;
	top: 120px !important;
	background: url(../images/slickarrow.svg) no-repeat center center !important;
	background-size: contain !important;
}


/*.modal-dialog{



margin: auto;



}*/

.compare-slider .btn-remove-prdct.openModalRemove.top,
.compare-slider .btn-remove-prdct.openModalRemove.top:hover {
	font-size: 25px;
	position: absolute;
	top: 15px;
	right: 15px;
}

.compare-tab {
	float: right;
	width: auto;
	padding: 0;
	margin-bottom: 38px;
}

.compare-tab li {
	display: inline-block;
	width: auto;
	margin: 0 7px;
	color: #4d4d4d;
}

.compare-tab li a {
	color: #c2c2c2;
	font-weight: 700;
}

.compare-tab li span {
	color: #646464;
	font-weight: 700;
	cursor: pointer;
}

#clearAll {
	color: #c2c2c2;
}

@media(min-width: 1102px) {
	.cart-container .col-sm-10 {
		width: 86%;
	}
}

.btn-export-info.small {
	width: 120px;
	float: right;
}

.slick-slide {
	max-width: 320px;
	cursor: grab;
}

.form-element {
	display: inline-block;
	width: 100%;
	max-width: 239px;
	position: relative;
	margin-right: 20px;
	vertical-align: middle;
}

.form-element select {
	border: solid 1px #979797;
	width: 100%;
	height: 40px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 400;
	color: #4d4d4d;
}

.form-element>i {
	font-size: 20px;
	position: absolute;
	right: 20px;
	top: 12px;
	pointer-events: none;
}

.mt-25 {
	margin-top: 25px;
}

.mt-0 {
	margin-top: 0px !important;
}

.compare-item .delete-comp-item i {
	cursor: pointer;
}

.sup-tit {
	float: left;
	width: 100%;
	text-align: center;
	background: #212124;
	color: #fff;
	font-size: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.w-35 {
	float: right;
	width: 40px;
}

.w-65 {
	width: calc(100% - 55px);
}

.add-comp-list-btn {
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background-color: #06aaf1;
	border: none;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #fff;
}

.compare-desk .form-element {
	margin-right: 0;
	float: left;
	max-width: inherit;
	margin-top: 0;
}

.list-pop .modal-sm {
	width: 380px !important;
	margin-top: 15%;
}

.list-pop .modal-content {
	padding: 20px 30px;
}

.pop-header {
	display: inline-block;
	width: auto;
}

.pop-header h4 {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #212424;
	margin: 0;
}

.pop-form-element label {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #212424;
	margin-top: 20px;
}

.pop-form-element input {
	display: inline-block;
	width: 100%;
	height: 40px;
	border: solid 1px #979797;
	background-color: #fff;
	padding: 0 15px;
	margin-bottom: 30px;
}

.pop-footer {
	display: inline-block;
	width: 100%;
	position: relative;
}

.row-10 {
	margin-left: -10px;
	margin-right: -10px;
}

.row-10 .col-sm-6 {
	padding-left: 10px;
	padding-right: 10px;
}

.close-list-btn {
	width: 100%;
	text-align: center;
	line-height: 40px;
	border: none;
	height: 40px;
	color: #fff;
	background-color: #999;
}

.list-save-btn {
	width: 100%;
	height: 40px;
	background-color: #2c9a47;
	text-align: center;
	line-height: 40px;
	border: none;
	color: #fff;
}

.list-pop .close {
	font-size: 22px;
}

.form-element.w-65 select {
	font-size: 14px;
}

.w-100 {
	width: 100%;
}

.btn-group.compare-btn {
	background: #212124;
	margin-bottom: 16px;
}

.compare-desk {
	position: fixed;
	top: 100%;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(67, 72, 78, 0.7);
	height: 130px;
	content: "";
	padding-top: 22px;
	padding-bottom: 22px;
	z-index: 111;
	display: grid;
}

.compare-desk.active {
	top: unset;
}

.empty-item {
	display: inline-block;
	width: 100%;
	height: 87px;
	border: solid 1px #c2c2c2;
	background-color: #43484e;
	color: #000;
	content: "";
	height: 87px;
}

.empty-item:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 87px;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	letter-spacing: normal;
	text-align: center;
	color: rgba(255, 255, 255, .3);
}

.multiple-compare .slick-prev {
	top: 50% !important;
	left: -10px !important;
	width: 15px;
	height: 15px;
	background-size: contain !important;
	background-image: url(../images/compareslicka.svg) !important;
}

.multiple-compare .slick-next {
	top: 50% !important;
	right: -10px !important;
	width: 15px;
	height: 15px;
	background-size: contain !important;
	background-image: url(../images/compareslicka.svg) !important;
}

.multiple-compare .slick-slide {
	cursor: auto !important;
	padding: 0 15px;
}

.multiple-compare .slick-slide .col-sm-3 {
	padding: 0;
}

.gr-compare-btn:hover {
	color: #fff;
}

.gr-compare-btn {
	display: inline-block;
	width: 100%;
	position: relative;
	background: #212124;
	color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
	border-radius: 4px;
	height: 40px;
	line-height: 40px;
	border: none;
	margin-top: 7px;
	text-align: center;
}

.mauto-top {
	margin: -22px auto 0;
	display: inline-block;
	position: relative;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	top: -30px;
	overflow: hidden;
}

.toggle-btn-compare {
	cursor: pointer;
	display: inline-block;
	width: auto;
	height: 30px;
	background: rgba(67, 72, 78, 0.7);
	padding: 0 10px;
	min-width: 220px;
}

.compare-item {
	background: #fff;
	display: inline-block;
	width: 100%;
	min-height: 87px;
}

.compimg-thumb {
	float: left;
	max-width: 35px;
	margin-right: 10px;
	margin-left: 10px;
}

.compimg-thumb img {
	object-fit: cover;
	height: 65px;
}

.comp-desc {
	float: left;
	width: calc(100% - 65px);
	margin-top: 8px;
}

.delete-comp-item {
	font-size: 12px;
	color: #fff;
	float: right;
	width: auto;
	position: relative;
	text-align: right;
	vertical-align: middle;
	margin-right: 10px;
}

.comp-qty {
	display: inline-block;
	width: 100%;
	font-size: 10px;
	color: #646464;
}

.comp-price {
	display: inline-block;
	width: 100%;
	font-size: 11px;
	font-weight: 700;
	color: #212124;
}

.delete_item .compare-delete-modal-content .modal-body {
	padding-top: 20px;
	padding-bottom: 0;
}

.delete_item .compare-delete-modal-content .modal-body>p {
	margin-top: 20px;
	margin-bottom: 0;
}

.cmparpg-prdct-btnsec i.fa-trash {
	font-size: 25px;
	margin-left: 15px;
}

.stock-error {
	color: #ff0000;
}

.btn-group:hover {
	color: #fff;
}

.offer-accepted {
	/*UN568*/
	background: none !important;
	color: #212124 !important;
}

.offer-declined {
	color: #999999;
}

.offer-accept-txt {
	color: #999999;
}

.btn-black {
	background: #4d4d4d;
	color: #fff;
	display: inline-block;
	text-align: center;
}

.btn-container .btn-black {
	padding: 5px 20px;
}


/*Sub account page css*/

.page-subacc .logo {
	margin-top: 10px;
	text-align: center;
}

.page-subacc .logo img {
	max-width: 150px;
}

.login-subacnt-section {
	width: 400px;
}

.loing-section {
	margin: auto;
	max-width: 95%;
	padding-top: 50px;
	padding-bottom: 30px;
}

.login-subacnt-inarea {
	width: 280px;
	margin: 0 auto;
	max-width: 100%;
}

.login-subacnt-inarea .signin-form-group.text-center {
	text-align: center;
}

.pdf-btn.error-con {
	border: 2px solid red !important;
}

.login-subacnt-inarea {
	width: 280px;
	margin: 0 auto;
	max-width: 100%;
}

.login-title {
	font-size: 22px;
	color: #4a4a4a;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 40px;
	padding-bottom: 10px;
	text-align: center;
}

.signin-form-group {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

.signin-form-group label {
	width: 100%;
	font-size: 12px;
	color: #999;
	font-weight: normal;
	margin-bottom: 3px;
}

.signin-form-group .singfrm-txtbox {
	width: 100%;
	color: #000000;
	font-size: 12px;
	height: 30px;
	padding: 5px 10px;
}

.msg-error-sec {
	color: #f00;
}

.black-btn {
	background: #000000;
	color: #FFFFFF;
	border: none;
	margin-top: 10px;
	padding: 7px 20px;
	min-width: 132px;
	text-align: center;
	font-size: 12px;
	outline: none;
	margin-left: 3px;
	margin-right: 3px;
}


/*End Sub account page css*/

#modalUnableOrder .modal-dialog {
	margin-top: 5%;
}

#modalUnableOrder .modal-footer {
	text-align: center;
	padding-top: 0;
}

#modalUnableOrder .modal-footer .btn-green {
	min-width: 120px;
}

.sub-account-list .modal-dialog {
	margin-top: 5%
}

.sub-account-list .modal-footer .btn-green {
	min-width: 120px;
}

.subaccount-data-table {
	display: inline-block;
	width: 100%;
	margin-bottom: 25px;
	overflow: unset !important;
}

#modal-create-account h4,
#modal-create-buyer-account h4,
#modal-create-merchant-account h4 {
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -0.2px;
	text-align: center;
	color: #4d4d4d;
}

#modal-create-account .modal-header,
#modal-create-buyer-account .modal-header,
#modal-create-merchant-account .modal-header {
	border: 0;
	padding-top: 35px;
	padding-bottom: 0;
}

#modal-create-account,
#modal-create-buyer-account,
#modal-create-merchant-account {
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #484848;
}

#modal-create-account input,
#modal-create-buyer-account input,
#modal-create-merchant-account input {
	max-width: 478px;
	height: 45px;
	border-radius: 0;
	display: inline-block;
	border: solid 1px #b6b6b6;
	margin-top: 20px;
}

#modal-create-account .modal-header .close,
#modal-create-buyer-account .modal-header .close,
#modal-create-merchant-account .modal-header .close {
	margin-top: 0;
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 28px;
	outline: none;
}

.un-inputs .item-form-group textarea.error-con+#cke_text-editor {
	border: 1px solid red;
}

.item-detail-container ul li {
	list-style: disc;
}


/*FIX for ARC7056:: 14-June-2019*/

.custom-field ul li {
	list-style: disc;
}

.custom-field .faq-body-left ul li {
	list-style: none;
}

.custom-field .faq-content ul li {
	list-style: none;
}

.custom-field ul {
	padding-left: 40px;
}


/*FIX for ARC7057:: 14-June-2019*/

.custom-field a {
	text-decoration: underline;
	color: #337ab7;
}

.custom-field a:hover,
.custom-field a:focus,
.custom-field a:active {
	text-decoration: underline;
	outline: none;
	color: inherit;
}


/*FIX for ARC7067:: 14-June-2019*/

.custom-field hr {
	border-top: 1px solid #c8c8c8 !important;
}

.cke_dialog {
	z-index: 99999 !important;
}


/*Fix for UN-624*/

.footer.fixed {
	z-index: 9;
}


/*Fix for UN-640*/

.fixntf-lsec a {
	color: #fff;
}


/* UN-497 */

li.h-logo a>img {
	max-height: 45px;
	max-width: 157px;
}


/*donor project detail style start here*/

.donor_project_outer {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}

.project_cover {
	display: inline-block;
	width: 100%;
	max-height: 248px;
	overflow: hidden;
	margin-bottom: 15px;
}


/*.project_cover img {



	width: 100%;



	height: 100%;



	object-fit: cover;



}*/

.donor_project_detail {
	display: inline-block;
	width: 100%;
}

.donor_project_detail h4 {
	display: inline-block;
	width: 100%;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	vertical-align: middle;
	margin-top: 15px;
	margin-bottom: 15px;
	background: #212124;
	padding-left: 15px;
	line-height: 50px;
}

.donor_project_detail h4 a {
	margin-left: 15px;
	vertical-align: text-top;
}

.donor_project_detail p {
	margin-bottom: 15px;
}

.donor_project_detail .form-element {
	display: inline-block;
	width: 100%;
	max-width: 370px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
}

.donor_project_detail .form-element label {
	font-size: 14px;
	font-weight: 700;
	color: #4d4d4d;
	display: inline-block;
	width: 100%;
}

.donor_project_detail .form-element .txt {
	display: inline-block;
	width: 100%;
	height: 35px;
	line-height: 33px;
	border: 1px solid #c2c2c2;
	padding: 0 15px;
	border-radius: 3px;
}

.donor_project_detail .lable_list {
	display: inline-block;
	width: 100%;
}

.donor_project_detail .lable_list span:first-child {
	background: rgb(173, 41, 216) !important;
}

.donor_project_detail .lable_list span {
	display: inline-block;
	width: auto;
	padding-left: 13px;
	padding-right: 40px;
	border-radius: 3px;
	height: 35px;
	line-height: 35px;
	background: #ad29d8;
	color: #fff;
	position: relative;
	margin-right: 5px;
	margin-bottom: 5px;
}

.donor_project_detail .lable_list span i {
	position: absolute;
	height: 100%;
	width: 15px;
	line-height: 35px;
	right: 10px;
	top: 0;
}

.page-donar-detail span.dashboard-grapth-title,
.page-donar-detail span.dashboard-grapth-title a {
	font-weight: 700;
	font-size: 24px;
	color: #4d4d4d;
}

.page-donar-detail span.dashboard-grapth-title i {
	font-size: 14px;
}

.page-donar-detail .dashboard-graph {
	border-left: 0;
	border-right: 0;
	margin-bottom: 20px;
	padding-left: 0;
	padding-right: 0;
	border: none;
	overflow: visible;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}

#donr_piechart {
	margin: 0 auto;
}

.page-donar-detail .blog_list {
	display: inline-block;
	width: 100%;
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
	border-top: 1px solid #d2d2d2;
	margin-top: 25px;
}

.blog_list_title {
	display: inline-block;
	width: 100%;
	margin-bottom: 25px;
}

.blog_list_title h4 {
	display: inline-block;
	width: auto;
	font-size: 24px;
	font-weight: 700;
	color: #4d4d4d;
	margin-top: 0;
	margin-bottom: 0;
}

.blog_list_title a {
	display: inline-block;
	width: 125px;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	background: #4f9850;
	text-align: center;
	color: #fff;
	font-weight: 700;
}

.blg-item {
	display: inline-block;
	width: 100%;
	padding-top: 20px;
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	margin-bottom: 30px;
}

.blg-item h4 {
	font-size: 16px;
	color: #4d4d4d;
	margin: 0 0 15px;
	padding: 0px 20px;
}

.blog_img {
	display: inline-block;
	width: 100%;
	height: 135px;
	padding: 0px 20px;
	margin-bottom: 10px;
}

.blog_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blg_sort_description {
	padding: 0px 20px;
}

.blg_footer {
	display: block;
	width: 100%;
	padding: 0px 20px;
	margin-top: 15px;
}

.blg_footer .donor_label {
	display: inline-block;
	width: auto;
	padding: 5px 15px;
	background: #ad29d8;
	color: #fff;
	font-weight: 600;
	border-radius: 3px;
	vertical-align: middle;
}

.blg_footer .date_blg {
	font-style: italic;
	color: #999;
	font-size: 12px;
	vertical-align: middle;
	padding: 5px 0;
	display: inline-block;
}

.blg_footer .donor_label.grey {
	background: #999999;
}

.blg-bottom {
	display: inline-block;
	border-top: 1px solid #d2d2d2;
	margin-top: 15px;
	padding: 10px 15px;
	width: 100%;
	clear: both;
}

.matrice-txt {
	display: inline-block;
	text-align: left;
	color: #000;
	width: 70%;
	font-weight: 500;
}

.matrice-digit {
	display: inline-block;
	text-align: right;
	width: 25%;
}

.ed_prj {
	width: 50px;
	height: 50px;
	padding: 10px;
	border-left: 1px solid #fff;
	text-align: center;
}

.ed_prj img {
	display: inline-block;
}

#editProject button.close {
	position: relative;
	z-index: 11;
}

.group-buy-tag {
	background: #1b9cd8;
	color: #fff;
	padding: 7px 10px;
	white-space: nowrap;
}

.donor-prj {
	margin-bottom: 0 !important;
}

.donor-prj h4 {
	display: inline-block;
	width: auto;
	font-size: 24px;
	font-weight: 700;
	color: #4d4d4d;
	margin-top: 0;
	margin-bottom: 15px;
}

.addMetric-btn,
.addMetric-btn:hover {
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	color: #009EDF;
	text-align: left;
	font-weight: 700;
	border-bottom: 1px solid #d2d2d2;
	margin: 0 auto;
}

.addMetric-btn img {
	max-width: 21px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}

.metic_box {
	display: inline-block;
	width: 100%;
	padding: 25px;
}

.metric_form_box {
	display: block;
	width: 100%;
	background: #f2f2f2;
	padding: 20px;
}

.show_graph {
	color: #009EDF;
	cursor: pointer;
}

.metric-data {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #d2d2d2;
}

.metric-data .metricdata-list {
	padding: 10px;
}

.metric_value {
	font-size: 14px;
	font-weight: 600;
	color: #000;
}

.metric-data:hover .metricdata-list {
	background: #f0f0f0;
}

.gr {
	display: none;
}

.goal {
	padding: 0 5px;
}

.form-element-full .select_ui {
	width: 100%;
	position: relative;
}

.form-element-full .select_ui select {
	background: transparent;
	width: 100%;
}

.form-element-full .select_ui i {
	position: absolute;
	top: 10px;
	right: 15px;
}

.radio_btns {
	display: inline;
}

.sharp_btn_radio {
	display: inline-block;
	width: 100%;
	max-width: 30%;
	margin-right: 15px;
	padding: 10px 15px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #c9c9c9;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.sharp_btn_radio:last-child {
	margin: 0;
}

.sharp_btn_radio label {
	line-height: normal;
	margin: 0;
	font-weight: 400;
	color: #999;
	position: relative;
}

.sharp_btn_radio.active {
	background: #2D9A47;
	color: #fff;
	border-color: #2D9A47;
}

.sharp_btn_radio.active label {
	color: #fff;
}

.sharp_btn_radio.active label:before {
	background: #2D9A47;
	border: 3px solid #fff;
}

.sharp_btn_radio label:before {
	display: inline-block;
	height: 12px;
	width: 12px;
	background: #fff;
	border: 1px solid #999;
	border-radius: 100%;
	content: "";
	position: absolute;
	left: -25px;
	top: 2px;
}

.sharp_btn_radio input {
	opacity: 0;
	position: absolute;
}

.metric_form_element {
	display: inline-block;
	width: 100%;
	margin-bottom: 25px;
}

.metric_form_element>label {
	display: inline-block;
	width: 100%;
	position: relative;
	margin-bottom: 15px;
	font-weight: 700;
}

.metric_form_element .txt {
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 38px;
	background: #fff;
	border: 1px solid #c9c9c9;
	padding: 0 15px;
	border-radius: 3px;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
	appearance: none;
}

input[type=number]:not(.spin-visible)::-webkit-inner-spin-button,
input[type=number]:not(.spin-visible)::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.metric_form_element .green-btn {
	background: #2D9A47;
	color: #fff;
	width: 100px;
	height: 40px;
	line-height: 38px;
	padding: 0;
	font-weight: 700;
	font-size: 14px;
	margin-right: 15px;
}

.metric_form_element .grey-btn {
	background: #B3B3B3;
	border: 0;
	border-radius: 3px;
	color: #fff;
	width: 100px;
	height: 40px;
	line-height: 38px;
	padding: 0;
	font-weight: 700;
	font-size: 14px;
	margin-right: 15px;
}


/*donor project detail style end here*/


/*create blog page style start here*/

.create_blog_parent {
	display: inline-block;
	width: 100%;
	position: relative;
	margin-bottom: 100px;
}

.create_blog_parent .container {
	max-width: 505px;
}

.create_blog_parent h3 {
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.75;
	letter-spacing: normal;
	color: #4d4d4d;
	margin-bottom: 30px;
}

.form-element-full {
	display: inline-block;
	width: 100%;
	position: relative;
	margin-bottom: 15px;
}

.form-element-full label {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	color: #4d4d4d;
}

.form-element-full .txt {
	height: 35px;
	border-radius: 4px;
	border: solid 1px #c2c2c2;
	background-color: #fff;
	padding: 0 15px;
	width: 100%;
}

.preview {
	display: inline-block;
	width: 100%;
	position: relative;
}

.preview img {
	margin-top: 15px;
}

.form-element-full .file-upload .file-select {
	width: 100%;
	height: 35px;
	border: 1px solid #c2c2c2;
	border-radius: 4px;
}

.form-element-full .file-upload .file-select .file-select-name {
	width: calc(100% - 155px);
	height: 35px;
	line-height: 35px;
	border: 0;
}

.form-element-full>div {
	display: inline-block;
	width: 100%;
}

.form-element-full .file-upload .file-select .file-select-button {
	width: 135px;
	height: 35px;
	line-height: 35px;
	background: #212124;
	float: right;
	border-radius: 4px;
}

.round-btn {
	width: 150px;
	height: 35px;
	border-radius: 4px;
	line-height: 35px;
	text-align: center;
	color: #fff;
}

.btn-grey {
	background: #999999;
}

.btn-green.round-btn {
	padding: 0;
}

.cke_maximized {
	z-index: 111111 !important;
}

.row-flex {
	display: table;
	width: 100%;
	height: 300px;
	margin-top: 15px;
}

.row-flex .col:first-child {
	border: 1px solid #e6e6e6;
}

.row-flex .col {
	width: 50%;
	min-height: 300px;
	display: table-cell;
	vertical-align: top;
}

.chart-style-backoutter {
	height: 300px;
	background-color: #fff;
	position: relative;
}

.h-100 {
	/*height: 100%;*/
}

svg>g>g:last-child {
	pointer-events: none
}

.table-gray {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.table-gray thead tr td {
	background-color: #e6e6e6;
	text-align: center;
	font-weight: 600;
	padding: 12px 10px;
	position: relative;
}

.table-gray tbody tr td {
	padding: 12px 10px;
	text-align: center;
}

.row-flex div:nth-child(2) .col-inner {
	padding-left: 40px;
	padding-bottom: 40px;
}

.t-border {
	height: 100%;
	border: 1px solid #e6e6e6;
}

.table-gray thead tr td:last-child:after {
	display: none;
}

.table-gray thead tr td:after {
	height: 10px;
	content: "";
	display: table-cell;
	background-color: #000;
	width: 1px;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -5px;
}


/*create blog page style end here*/

#purchase-history-table td a {
	color: #212124;
	text-decoration: none;
	outline: none;
}

.payment-process {
	display: inline-block;
	width: 100%;
	background: #F2F2F2;
	padding: 15px 20px;
}

.payment-process p {
	font-size: 14px;
	color: #7B7B7B;
}

.payment-process p span {
	color: #52A345;
	font-weight: bold;
}

.progress {
	overflow: visible;
	height: 15px;
	border: 1px solid #c9c9c9;
}

.progress-bar {
	background-color: #52A345;
	position: relative;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.attr_val {
	position: absolute;
	right: -19px;
	color: #52A345;
	font-size: 14px;
	font-weight: 700;
	bottom: -30px;
}

.attr_val::before {
	position: absolute;
	top: -24px;
	left: 8px;
	height: 20px;
	width: 2px;
	content: "";
	background: #52A345;
}

.blg_sort_description p {
	max-height: 62px;
	overflow: hidden;
}

.blg-bottom:last-child {
	margin-top: 0;
}

#modal-add-comparison-list .btn-save-comparison-list {
	line-height: inherit !important;
}

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

#toast-container>.toast-info,
#toast-container>.toast-error,
#toast-container>.toast-success {
	text-align: left;
}

#toast-container>.toast-title,
#toast-container>.toast-message {
	text-align: left;
}


/*New Pagination Styles*/

.paginationjs {
	line-height: 1.6;
	font-size: 14px;
	box-sizing: initial;
	display: flex;
	align-items: center;
	justify-content: center;
}

.paginationjs:after {
	display: table;
	content: " ";
	clear: both
}

.paginationjs .paginationjs-pages {
	float: left
}

.paginationjs .paginationjs-pages ul {
	float: left;
	margin: 20px 0;
	padding: 0
}

.paginationjs .paginationjs-go-button,
.paginationjs .paginationjs-go-input,
.paginationjs .paginationjs-nav {
	float: left;
	margin-left: 10px;
	font-size: 14px
}

.paginationjs .paginationjs-pages li {
	float: left;
	border: 1px solid #ddd;
	border-right: none;
	list-style: none
}

.paginationjs .paginationjs-pages li>a {
	padding: 6px 12px;
	line-height: 22px;
	display: block;
	background: #fff;
	font-size: 14px;
	color: #212124;
	text-decoration: none;
	text-align: center
}

.paginationjs .paginationjs-pages li>a:hover {
	background: #eee
}

.paginationjs .paginationjs-pages li.active {
	border-color: #212124;
}

.paginationjs .paginationjs-pages li.active>a {
	border-color: #212124;
	background-color: #212124;
	color: #fff
}

.paginationjs .paginationjs-pages li.disabled>a {
	color: #777;
}

.paginationjs .paginationjs-pages li.disabled>a:hover {
	background: 0 0
}

.paginationjs .paginationjs-pages li:first-child,
.paginationjs .paginationjs-pages li:first-child>a {
	border-radius: 3px 0 0 3px
}

.paginationjs .paginationjs-pages li:last-child {
	border-right: 1px solid #aaa;
	border-radius: 0 3px 3px 0
}

.paginationjs .paginationjs-pages li:last-child>a {
	border-radius: 0 3px 3px 0
}

.paginationjs .paginationjs-go-input>input[type=text] {
	width: 30px;
	height: 28px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #aaa;
	padding: 0;
	font-size: 14px;
	text-align: center;
	vertical-align: baseline;
	outline: 0;
	box-shadow: none;
	box-sizing: initial
}

.paginationjs .paginationjs-go-button>input[type=button] {
	min-width: 40px;
	height: 30px;
	line-height: 28px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #aaa;
	text-align: center;
	padding: 0 8px;
	font-size: 14px;
	vertical-align: baseline;
	outline: 0;
	box-shadow: none;
	color: #333;
	cursor: pointer;
	vertical-align: middle
}

.paginationjs.paginationjs-theme-blue .paginationjs-go-input>input[type=text],
.paginationjs.paginationjs-theme-blue .paginationjs-pages li {
	border-color: #289de9
}

.paginationjs .paginationjs-go-button>input[type=button]:hover {
	background-color: #f8f8f8
}

.paginationjs .paginationjs-nav {
	height: 30px;
	line-height: 30px
}

.paginationjs .paginationjs-go-button,
.paginationjs .paginationjs-go-input {
	margin-left: 5px
}

.paginationjs.paginationjs-small {
	font-size: 12px
}

.paginationjs.paginationjs-small .paginationjs-pages li>a {
	min-width: 26px;
	height: 24px;
	line-height: 24px;
	font-size: 12px
}

.paginationjs.paginationjs-small .paginationjs-pages li.active>a {
	height: 26px;
	line-height: 26px
}

.paginationjs.paginationjs-small .paginationjs-go-input {
	font-size: 12px
}

.paginationjs.paginationjs-small .paginationjs-go-input>input[type=text] {
	width: 26px;
	height: 24px;
	font-size: 12px
}

.paginationjs.paginationjs-small .paginationjs-go-button {
	font-size: 12px
}

.paginationjs.paginationjs-small .paginationjs-go-button>input[type=button] {
	min-width: 30px;
	height: 26px;
	line-height: 24px;
	padding: 0 6px;
	font-size: 12px
}

.paginationjs.paginationjs-small .paginationjs-nav {
	height: 26px;
	line-height: 26px;
	font-size: 12px
}

.paginationjs.paginationjs-big {
	font-size: 16px
}

.paginationjs.paginationjs-big .paginationjs-pages li>a {
	min-width: 36px;
	height: 34px;
	line-height: 34px;
	font-size: 16px
}

.paginationjs.paginationjs-big .paginationjs-pages li.active>a {
	height: 36px;
	line-height: 36px
}

.paginationjs.paginationjs-big .paginationjs-go-input {
	font-size: 16px
}

.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text] {
	width: 36px;
	height: 34px;
	font-size: 16px
}

.paginationjs.paginationjs-big .paginationjs-go-button {
	font-size: 16px
}

.paginationjs.paginationjs-big .paginationjs-go-button>input[type=button] {
	min-width: 50px;
	height: 36px;
	line-height: 34px;
	padding: 0 12px;
	font-size: 16px
}

.paginationjs.paginationjs-big .paginationjs-nav {
	height: 36px;
	line-height: 36px;
	font-size: 16px
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a {
	color: #289de9
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a:hover {
	background: #e9f4fc
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active>a {
	background: #289de9;
	color: #fff
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled>a:hover {
	background: 0 0
}

.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button] {
	background: #289de9;
	border-color: #289de9;
	color: #fff
}

.paginationjs.paginationjs-theme-green .paginationjs-go-input>input[type=text],
.paginationjs.paginationjs-theme-green .paginationjs-pages li {
	border-color: #449d44
}

.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]:hover {
	background-color: #3ca5ea
}

.paginationjs.paginationjs-theme-green .paginationjs-pages li>a {
	color: #449d44
}

.paginationjs.paginationjs-theme-green .paginationjs-pages li>a:hover {
	background: #ebf4eb
}

.paginationjs.paginationjs-theme-green .paginationjs-pages li.active>a {
	background: #449d44;
	color: #fff
}

.paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled>a:hover {
	background: 0 0
}

.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button] {
	background: #449d44;
	border-color: #449d44;
	color: #fff
}

.paginationjs.paginationjs-theme-yellow .paginationjs-go-input>input[type=text],
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li {
	border-color: #ec971f
}

.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]:hover {
	background-color: #55a555
}

.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a {
	color: #ec971f
}

.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a:hover {
	background: #fdf5e9
}

.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active>a {
	background: #ec971f;
	color: #fff
}

.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled>a:hover {
	background: 0 0
}

.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button] {
	background: #ec971f;
	border-color: #ec971f;
	color: #fff
}

.paginationjs.paginationjs-theme-red .paginationjs-go-input>input[type=text],
.paginationjs.paginationjs-theme-red .paginationjs-pages li {
	border-color: #c9302c
}

.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]:hover {
	background-color: #eea135
}

.paginationjs.paginationjs-theme-red .paginationjs-pages li>a {
	color: #c9302c
}

.paginationjs.paginationjs-theme-red .paginationjs-pages li>a:hover {
	background: #faeaea
}

.paginationjs.paginationjs-theme-red .paginationjs-pages li.active>a {
	background: #c9302c;
	color: #fff
}

.paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled>a:hover {
	background: 0 0
}

.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button] {
	background: #c9302c;
	border-color: #c9302c;
	color: #fff
}

.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]:hover {
	background-color: #ce4541
}

.paginationjs .paginationjs-pages li.paginationjs-next {
	border-right: 1px solid #aaa
}

.paginationjs .paginationjs-go-input>input[type=text] {
	line-height: 28px;
	vertical-align: middle
}

.paginationjs.paginationjs-big .paginationjs-pages li>a {
	line-height: 36px
}

.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text] {
	height: 36px;
	line-height: 36px
}


/*New Footer*/

.new-footer-content {
	color: #fff
}

.new-footer-content ul li a,
.new-footer-content ul li a:hover {
	color: #999
}

.nfc-menu ul>li {
	margin: 10px 0
}

.nfc-menu>span {
	font-weight: 600
}

.nfc-left {
	float: left
}

.footer.bigger-footer {
	position: relative !important;
}

.footer-bot {
	display: inline-block;
	width: 100%
}

.new-footer-content {
	display: inline-block;
	width: 100%;
	padding: 0 30px
}

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

.nfc-menu {
	display: inline-block;
	vertical-align: top;
	padding-right: 50px
}

.nfc-right>span {
	display: inline-block;
	width: 100%;
	margin: 5px 0;
	color: #ccc
}

.footer-bot-left {
	display: inline-block
}

.footer-social-navigation {
	border-left: 2px solid #C8C8C8;
	float: right;
}

.footer-social-navigation li {
	padding: 0 10px;
}

.footer-social-navigation li a {
	width: 30px;
	height: 30px;
}

.footer {
	padding: 40px 0 20px
}

.footer-bot {
	display: inline-block;
	width: 100%;
	border-top: 1px solid #999;
	margin: 10px 0 0;
	padding-top: 15px;
	font-size: 12px;
	color: #ccc
}

.footer-bot a {
	color: #ccc
}

.footer-logo>img {
	width: 92px;
	margin-bottom: 15px
}


/*October 23 2019*/

.recovery-accept p {
	color: #000;
	font-size: 14px;
	text-align: center;
}

.field-empty p {
	color: #f00;
	font-size: 14px;
	text-align: center;
}

.mobi-tabler {
	display: none;
	margin-bottom: 20px;
}

.pos_space {
	position: relative;
	display: inline-block;
	width: 100%;
}

.mobi-tabler>i {
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	right: 0;
	top: 5px;
}

ul.h-dd-menu {
	max-height: 154px;
}

li.h-extramenus>ul>li.h-mail>a>i,
li.h-extramenus>ul>li.h-mail>a>span {
	display: inline-block;
	vertical-align: inherit;
}

.header-bottom ul.header-menus {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.quotation-table .new-line {
	margin-top: 10px;
}

.create-good-receipt .chk_box label.sassy-checkbox {
	vertical-align: middle;
}

.site-tagline {
	margin-bottom: 10px;
	font-size: 14px;
	color: #4d4d4d;
	font-weight: 600;
	margin-top: 10px;
}

.sidebar-brand.underline:after {
	content: "";
	width: calc(100% + 60px);
	height: 2px;
	background-color: #d9d9d9;
	display: block;
	margin-left: -30px;
}


/*October 23 2019*/

.fa.fa-google-square {
	background-image: url('../images/google_id.svg');
	display: block;
	background-size: contain;
	height: 29px;
	width: 29px;
	background-repeat: no-repeat;
}

.fa.fa-arcadier-square {
	background-image: url('../images/arcadier_logo.svg');
	display: block;
	background-size: contain;
	height: 29px;
	width: 29px;
	background-repeat: no-repeat;
}

.order-data1 .thumb-group img,
.cart-items .thumb-group img {
	max-width: 50px;
	margin-right: 15px;
}

.table.cart-items tbody>tr>td {
	border: none;
	vertical-align: middle;
}

.cart-act {
	display: flex;
	align-items: center;
	margin-left: auto;
	width: 50px;
	justify-content: space-between;
	margin-right: 10px;
}

.cart-act .fancy-checkbox,
.cart-act .fancy-checkbox label {
	margin-bottom: 0;
	margin-top: 1px;
}

.cart-act .cbcr-delete {
	font-size: 20px;
}

.table.cart-items tbody>tr>td:last-child {
	padding-left: 0;
	padding-right: 0;
}

.cart-box .cb-header .cb-checkbox {
	margin-left: 0;
	margin-right: 10px;
	float: left;
}

.cart-item-edit a {
	color: #1b9cd8;
	font-weight: 500;
}

.btn-checkout.disabled:after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	cursor: not-allowed;
}

.btn-checkout.disabled {
	position: relative;
	background-color: #d8d8d8;
}

.btn-checkout.disabled>a {
	color: #99999b;
}

.mm-msg {
	font-size: 12px;
	color: #db3348;
	font-style: italic;
	font-weight: 400;
	margin-bottom: 10px;
}

.sassy-radio input[type=radio] {
	opacity: 0;
}

.sassy-radio {
	width: 16px;
	height: 16px;
	position: relative;
	border: 1px solid #000;
	border-radius: 16px;
	margin: 0px;
}

.sassy-radio input[type=radio]:checked+span {
	width: 8px;
	height: 8px;
	background-color: #000;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -4px;
	margin-top: -4px;
	border-radius: 10px;
}

.sassy-switch {
	position: relative;
	width: 60px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.sassy-switch .onoffswitch-checkbox {
	display: none;
}

.sassy-switch .onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid none;
	border-radius: 15px;
}

.sassy-switch .onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}

.sassy-switch .onoffswitch-inner:before,
.sassy-switch .onoffswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 23px;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	color: white;
	font-weight: bold;
	box-sizing: border-box;
}

.sassy-switch .onoffswitch-inner:before {
	content: "YES";
	padding-left: 12px;
	background-color: #405265;
	color: #FFFFFF;
	font-size: 12px;
}

.sassy-switch .onoffswitch-inner:after {
	content: "NO";
	padding-right: 12px;
	background-color: #8A9CB0;
	color: #FFFFFF;
	text-align: right;
	font-size: 12px;
}

.sassy-switch .onoffswitch-switch {
	display: block;
	width: 14px;
	margin: 4.5px;
	background: #FFFFFF;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 33px;
	border: 2px solid none;
	border-radius: 15px;
	transition: all 0.3s ease-in 0s;
}

.sassy-switch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.sassy-switch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
	right: 0px;
}

.tiny-title {
	font-size: 14px;
	color: #222424;
	font-weight: 900;
	letter-spacing: 0.1px;
	margin-top: 20px;
}

.tiny-title.no-margin-top {
	margin-top: 0px;
}

.terms-box {
	padding: 15px 25px;
	margin-top: 20px;
	border: solid 2px #cbcbcb;
}

.terms-box.no-margin {
	margin-top: 0px;
}

.terms-box .table tbody>tr>td {
	color: #646464;
	vertical-align: middle;
}

.item-new-listing .un-item-uplod-tab>li {
	transition: 800ms all;
}

.item-new-listing .un-item-uplod-tab>li.active>span {
	color: #000000;
}

.item-new-listing:not(.sidebar-collapse) .un-seller-tab {
	padding-left: 235px;
}

.item-new-listing .un-seller-tab {
	display: flex;
	justify-content: space-between;
	border-top: 0;
	border-bottom: 0;
	align-items: center;
	position: fixed;
	width: 100%;
	z-index: 999;
	left: 0;
}

.item-new-listing .sidebar {
	z-index: 9999;
}

.item-new-listing:not(.sidebar-collapse) .un-item-uplod-tab>li {
	padding: 8px 20px;
}

.item-new-listing .un-seller-tab {
	-webkit-transition: -webkit-transform .25s;
	transition: transform .25s;
}

.item-new-listing .un-seller-tab.sticky {
	position: fixed;
	top: 44px;
	z-index: 9999;
	width: 100%;
	-webkit-transition: -webkit-transform .25s;
	transition: transform .25s;
}

.item-new-listing .un-seller-tab.sticky+div {
	margin-top: 44px;
}

.item-new-listing .sticky-support {
	margin-top: 15px;
}

.item-new-listing .has-child-sub ul.sub-cat>li:before,
.item-new-listing .has-child-sub ul.sub-cat>li.has-child-sub ul>li:before {
	display: none;
}

.item-new-listing .un-btn-upload {
	background: none;
	font-weight: 600;
	border: 2px solid #000;
	padding: 6px 30px;
}

.flex-tab-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#cartItemEdit .modal-dialog {
	max-width: 364px;
	/*max-width: 100%;*/
}

#cartItemEdit .cart-edit-item .item-field>span {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

#cartItemEdit .modal-header .close {
	right: 18px;
	top: 13px;
	font-size: 28px;
}

#cartItemEdit .cart-edit-item input[type="text"] {
	border-radius: 0px;
	border: 1px solid #d4d4d4;
	font-weight: 500;
}

#cartItemEdit .cart-edit-item .modal-body {
	padding: 20px 25px;
}

#cartItemEdit .cart-edit-item .modal-footer {
	padding-top: 0px;
}

#cartItemEdit .modal-footer>div {
	font-weight: 500;
}

li.h-extramenus>ul>li.h-shopping-cart>a {
	color: #212124;
}

li.h-extramenus>ul>li.h-shopping-cart>a>i,
li.h-extramenus>ul>li.h-shopping-cart>a>span {
	display: inline-block;
	vertical-align: middle;
}

.idcrt-order-btn .tooltip-inner {
	padding: 15px 10px;
	border-radius: 0px;
}

.tccct-btn>.btn-black.requisition-btn {
	background: #212124;
}

.theme-lnk {
	color: #212124 !important;
}

.modal-queue-pdf .modal-dialog {
	width: 364px;
	max-width: 100%;
}

.modal-queue-pdf h6 {
	font-size: 14px;
	font-weight: 500;
	color: #080808;
	margin-bottom: 20px;
}

.modal-queue-pdf .modal-body {
	padding-bottom: 5px;
}

.modal-queue-pdf .form-control {
	border: 1px solid #d4d4d4;
	border-radius: 0px;
	height: 35px;
}

.modal-queue-pdf .foot-flex {
	display: flex;
	justify-content: space-between;
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
}

.modal-queue-pdf .foot-flex .btn:hover,
.modal-queue-pdf .foot-flex .btn:focus,
.modal-queue-pdf .foot-flex .btn:active {
	color: #fff;
}

.modal-queue-pdf .foot-flex .btn {
	width: 48%;
	font-size: 14px;
	font-weight: 500;
	border-radius: 0;
	padding: 8px;
}

.add-link {
	color: #1b9cd8;
	font-weight: 600;
	margin-top: 10px;
	display: inline-block;
}

.order-select {
	border: 1px solid #ccc;
}

.order-select select {
	border: none;
	padding: 2px;
	width: 85%;
}

.black-bold {
	color: #212124;
	font-weight: bold;
}

.payment-terms-box {
	margin-top: 10px;
}

.cart-options {
	margin-top: 10px;
}

.cart-options .pccl-payment-method {
	margin-top: 10px;
}

.cookie-bar {
	background-color: rgba(0, 0, 0, 0.70);
	color: #fff;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0px;
	z-index: 9;
}

.flex-cookier-bar {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 12px;
	align-items: center;
}

.cookie-btn {
	color: #fff;
	padding: 8px 16px;
	border: 1px solid #fff;
}

.cookie-btn:hover,
.cookie-btn:active,
.cookie-btn:focus {
	color: #fff;
}

.flex-cookier-bar p {
	margin-bottom: 0;
	padding-right: 15px;
	width: 100%;
	flex: 1;
}

.flex-cookier-bar p>a {
	color: #fff;
	text-decoration: underline;
}


/*November 12 2019*/



.cat-line {
    position: absolute;
    top: 18px;
    background: #888787;
    left: 7px;
    width: 1.5px;
    height: Calc(100% - 52px);
}

.sub-cat .cat-toggle {
	display: none;
}

.aligned.cart-options {
	padding-left: 44px;
}

.department-reason-error {
	color: #ff0000;
	font-size: 12px;
	position: absolute;
	bottom: -22px;
	left: 30px;
}

.requisition-options {
	position: relative;
}

.fas.fa-check.blue-tick {
	color: #02a8ff;
	width: auto;
	height: auto;
}

.subaccount-data-table .order-data1 thead>tr>th.text-right,
.subaccount-data-table .order-data1 tbody>tr>td.text-right {
	text-align: right;
}

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


/*home page new header update*/

.mobile_top_toggler {
	display: none;
}

.header.mod .h-search-bar>div.h-search-category {
	width: 38%;
}

.header.mod .h-search-bar>div.h-search-input {
	width: 62%;
	max-width: 325px;
}

.header.mod .h-search-bar .h-search-input>input {
	width: 325px;
}

.header.mod .h-search-category>select {
	width: 194px;
}

.header.mod li.h-search {
	max-width: 100%;
}

.header.mod li.h-extramenus {
	width: auto;
}

.header.mod li.h-extramenus i {
	font-size: 18px !important;
	color: #fff;
}

.header.mod li.h-extramenus>ul {
	height: auto;
	line-height: normal;
}

.header.mod li.h-more>i {
	top: -2px;
}

.header.mod li.h-extramenus>ul>li {
	position: relative;
}

.header.mod .h-cart span {
	color: #fff;
}

.header.mod .h-cart .item-price span {
	color: #212124;
}

.header.mod li.h-cart>.h-dd-menu {
	z-index: 11;
}

.header.mod li.h-extramenus>ul>li::after {
	position: absolute;
	content: "|";
	color: #fff;
	right: -20px;
	top: 0px;
}

.header.mod li.h-extramenus>ul>li a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.header.mod li.h-extramenus ul.h-dd-menu li a {
	justify-content: left;
}

.h-cart span {
	color: #fff;
	vertical-align: top;
}

.h-seller a {
	color: #fff;
	text-transform: uppercase;
}

.h-seller a i {
	margin-right: 5px;
}

.header.mod li.h-cart>a i {
	margin-right: 5px;
}

.header.mod li.h-cart>a {
	display: flex;
}

.header.mod li.h-lanaguage {
	max-height: unset;
}

@media(max-width: 767px) {
	.header-top ul.header-menus>li {
		padding: 10px 4px;
	}

	.header.mod li.h-extramenus>ul>li::after {
		display: none;
	}

	.header.mod .header-top ul.header-menus>li::after {
		display: none;
	}

	.header.mod .h-search-bar>div.h-search-input {
		width: 50%;
	}

	.header.mod .h-search-bar>div.h-search-category {
		width: 50%;
	}

	.header.mod .h-search-bar .h-search-input>input {
		width: 100%;
		padding: 0 15px;
	}

	.header.mod .h-search-category>select {
		min-width: unset;
	}

	.header.mod .h-search-bar {
		width: 100%;
	}

	.header.mod li.h-logo>img {
		max-height: 37px;
	}
}

@media screen and (min-width:813px) and (max-width:1199px) {
	.header.mod li.h-search {
		width: 100%;
	}
}


/*home page header update*/

.tech-note {
	font-size: 12px;
	color: #db3348;
	line-height: 17px;
	font-style: italic;
	margin-top: 15px;
}

.page-buyer-quotation-detail .tech-note {
	color: #8d8d8d;
}

.blue-ico-link:hover,
.blue-ico-link:focus,
.blue-ico-link:active {
	color: #1b9cd8;
}

.blue-ico-link {
	color: #1b9cd8;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
}

.blue-ico-link+.blue-ico-link {
	margin-left: 15px;
	vertical-align: middle;
}

.blue-ico-link .fa {
	margin-right: 5px;
}

.table.cell-align-center tbody>tr>td {
	vertical-align: middle;
}

.empty_cart .cbcir-text span {
	display: inline-block;
	width: 100%;
}

.empty_cart .cbcir-text span.green_bold {
	color: #212124;
	font-weight: 700;
	font-size: 16px;
	margin-top: 15px;
}

.h-cart span {
	color: #212124;
}

.h-cart span.helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.cart-item>.item-img>img {
	padding: 3px;
}

.page-seller .flex-title {
	display: flex;
	align-items: center;
}

.page-seller .flex-title .order-date {
	margin-left: auto;
}

.subaccount-data-table .table.order-data1>tbody>tr>td.wrap-col {
	max-width: auto;
	white-space: normal;
	overflow: visible;
}

.ids-wrap {
	word-break: break-word;
	width: 180px;
}

.m-auto {
	margin: auto;
}

.popup-area.item-save-popup {
	width: 480px;
}

.popup-area.item-save-popup .btn-saffron {
	border: none;
	background-color: #212124;
	color: #fff;
	width: 100px;
}

.popup-area.item-save-popup .btn-black {
	border: none;
	margin-top: 0;
	width: 100px;
	background: #222;
}

div.sassy-box-content a .highlight-text:hover,
div.sassy-box-content a .highlight-text:focus {
	color: #51a1d9;
}

.void-pop {
	margin-bottom: 25px;
}

.table.tbl-border thead tr>th,
.table.tbl-border tbody tr>td {
	border-top: 1px solid #d2d2d2 !important;
	border-bottom: 1px solid #d2d2d2 !important;
	padding: 15px 10px;
}

.table.tbl-border tbody tr>td.col25,
.table.tbl-border thead tr>th.col25 {
	width: 25%;
}

.table.tbl-border thead tr>th:first-child,
.table.tbl-border tbody tr>td:first-child {
	border-left: 1px solid #d2d2d2 !important;
}

.table.tbl-border thead tr>th:last-child,
.table.tbl-border tbody tr>td:last-child {
	border-right: 1px solid #d2d2d2 !important;
	padding-right: 30px;
}

.editable-amt {
	padding: 8px 10px;
}

.ph-t-table.no-margin,
.osc-container.no-margin {
	margin: 0;
}

.border-input {
	border: 1px solid #979797;
	padding: 8px 10px;
	width: 100%;
	max-width: 100%;
}

.invoice-form .form-group {
	margin-bottom: 0;
}

.invoice-form .due-date {
	width: 180px;
	max-width: 100%;
}

.invoice-form .invoice-ref {
	width: 220px;
	max-width: 100%;
}

.invoice-form .due-time {
	width: 100px;
	margin-left: 5px;
}

.horizontal-form {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.l-side-wrap {
	display: flex;
	align-items: flex-end;
}

.spacer-left-30 {
	margin-left: 30px;
}

.relative-ele {
	position: relative;
}

.invoice-form .tooltip-inner {
	width: 450px;
	max-width: 100%;
	border-radius: 0;
	text-align: left;
	padding: 10px;
}

.box-order-total .cost-table {
	margin-right: 25px;
}

.details-row {
	display: flex;
	margin-left: -15px;
	margin-right: -15px;
}

.details-row>div {
	padding-left: 15px;
	padding-right: 15px;
}

.text-due {
	font-size: 18px;
	color: #212424;
	font-weight: 700;
	margin-bottom: 10px;
}

.invoice-form input[type="text"][disabled] {
	background: #EEEEEE;
	color: rgb(84, 84, 84);
	border: 1px solid #979797;
}

.flex-terms>li {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.flex-terms>li>div.col-account-link {
	width: 25%;
	max-width: 100%;
}

.flex-terms>li>div {
	padding-left: 15px;
	padding-right: 15px;
}

.flex-terms .payment-note,
.flex-terms .payment-text {
	width: 100%;
	display: inline-block;
}

.classy-checkbox-group {
	display: flex;
	flex-wrap: wrap;
}

.classy-checkbox-group .classy-checkbox {
	position: relative;
	display: block;
	padding: 10px;
	border: 1px solid #4d4d4d;
	padding-left: 40px;
	padding-right: 25px;
	min-width: 200px;
	text-align: center;
}

.classy-checkbox input {
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
}

.classy-checkbox-group .classy-checkbox label {
	margin: 0px;
	font-weight: 400;
}

.classy-checkbox+.classy-checkbox {
	margin-left: 25px;
}

.classy-checkbox .check-indicator {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 40px;
	z-index: 99;
}

.classy-checkbox input[type=checkbox]:checked+.check-indicator {
	background-image: url(../images/check.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px;
	background-color: #4d4d4d;
}

.classy-checkbox.active {
	background-color: #4d4d4d;
}

.classy-checkbox.active label {
	color: #fff;
}

.mb-20 {
	margin-bottom: 20px;
}


/*invoice-list*/

.subaccount-data-table {
	overflow-y: auto;
}

.subaccount-data-table .table.order-data1>tbody>tr>td,
.subaccount-data-table .order-data1 thead>tr>th {
	white-space: nowrap;
}

.order-data1 tbody>tr>td select {
	min-width: 175px;
}

.invoice-list .subaccount-data-table table {
	min-width: 1200px;
}

.order-data1 tbody>tr>td select {
	width: 175px;
	max-width: 100%;
}

.f-width {
	width: 280px !important;
	max-width: 100%;
}


/*transaction complete offline*/

.page-transaction-complete-offline span.tccc-text,
.page-transaction-complete-credit span.tccc-text {
	font-size: 20px;
}

.page-transaction-complete-offline .tccc-top,
.page-transaction-complete-credit .tccc-top {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-transaction-complete-offline span.tccct-icon,
.page-transaction-complete-credit span.tccct-icon {
	width: 33px;
	height: 33px;
}

.page-transaction-complete-offline span.tccc-text,
.page-transaction-complete-credit span.tccc-text {
	display: inline-block;
}

.page-transaction-complete-offline span.tccct-icon>span>span>i,
.page-transaction-complete-credit span.tccct-icon>span>span>i {
	line-height: 22px;
	font-size: 14px;
	position: absolute;
	right: 16%;
}

.page-transaction-complete-offline .tccc-bot,
.page-transaction-complete-credit .tccc-bot {
	padding-top: 15px;
}

.page-transaction-complete-offline .tccc-bot>span.inv-text,
.page-transaction-complete-credit .tccc-bot .title>span.inv-text {
	font-size: 16px;
	color: #212124;
}

.page-transaction-complete-offline .tccc-bot>span.title,
.page-transaction-complete-credit .tccc-bot>span.title {
	text-transform: unset;
}

.page-transaction-complete-offline .pccr-btn>div,
.page-transaction-complete-credit .pccr-btn>div {
	text-align: left;
}

.page-transaction-complete-offline .btn-transparent-blue a,
.page-transaction-complete-credit .btn-transparent-blue a {
	color: #3c7d99;
	font-size: 16px;
}

.page-transaction-complete-offline .tccct-btn>.btn-return,
.page-transaction-complete-credit .tccct-btn>.btn-return {
	padding: 0;
	font-size: 16px;
}

.page-transaction-complete-offline span.inv-desc,
.page-transaction-complete-credit span.inv-desc {
	font-size: 16px;
}

.offline_transaction {
	display: inline-block;
	width: 100%;
	border: 1px solid #c2c2c2;
}

.off_title {
	padding: 32px 35px;
	min-height: 87px;
	border-bottom: 1px solid #c2c2c2;
}

.off_title h3 {
	font-size: 20px;
	font-weight: 700;
	margin: 0;
}

.off_content_detail {
	display: inline-block;
	width: 100%;
	padding: 20px 35px;
	min-height: 344px;
}

.img-thumb-w {
	display: inline-block;
	width: 100%;
	border: 1px solid #222;
}

.transaction-complete-container {
	padding-bottom: 25px;
}


/*buyer invoice paid*/

#inv-payment-intro {
	color: #3c7d99;
	font-weight: 700;
	cursor: pointer;
}

.popup-area .content-area.text-left p {
	text-align: left;
}

.popup-area .close_popup {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #999;
	font-size: 14px;
	cursor: pointer;
}

.offline-transaction-popup.popup-area {
	max-width: 600px;
}

.offline-transaction-popup.popup-area .wrapper {
	padding: 0;
}

.offline-transaction-popup.popup-area .title-area {
	padding-top: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #999;
	text-align: center;
}

.offline-transaction-popup.popup-area .title-area h1 {
	margin: 0;
}

.offline-transaction-popup.popup-area .content-area {
	padding: 0px 30px 20px;
}

.setup_sec>a {
	color: #1b9cd8;
	font-weight: 700;
}

.payment-setup-area {
	display: none;
}

.invoice-list .subaccount-data-table .table.order-data1>thead>tr>th,
.invoice-list .subaccount-data-table .table.order-data1>tbody>tr>td {
	white-space: nowrap;
}

.editable-amt-group {
	display: flex;
	align-items: center;
	border: 1px solid #d2d2d2;
	padding: 8px 20px;
}

.editable-amt-group input[type=text] {
	border: none;
	padding: 0;
}

.editable-amt-group input[type=number] {
	border: none;
	padding: 0;
}

.editable-amt-group>span {
	display: block;
	min-width: 50px;
}


/*December 3 2019*/

.page-transaction-complete-credit .tccc-bot>span.title {
	text-align: left;
	width: 100%;
	margin-bottom: 30px;
}

.page-transaction-complete-credit span.inv-desc {
	text-align: left;
	display: block;
	width: 100%;
	max-width: 100%;
}

.page-transaction-complete-credit .tccc-bot {
	padding: 35px 36px;
}

.page-transaction-complete-credit .tcc-content {
	max-width: 500px;
}

.page-transaction-complete-credit .title-separator {
	width: 152px;
	display: block;
	float: left;
}

.page-transaction-complete-credit .tccct-btn {
	margin-top: 40px;
}

.header.mod li.h-extramenus>ul>li.mobile_top_toggler,
.header.mod li.h-extramenus>ul>li.h-more>b,
.header.mod li.h-extramenus>ul>li.mobile-only {
	display: none;
}

.header-top ul.header-menus>li.h-username:after,
.header-top ul.header-menus>li.h-extramenus:after {
	display: none;
}

.header.mod li.h-extramenus {
	padding-right: 0;
}

.menu-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.tab-mobile {
	display: none;
}


/*UN1308*/


/* #root {



    display: inline-flex;



    flex-direction: column;



    flex-flow: wrap;



    width: 100%;



}







.page-landing #root {



    display: block;



}







.page-login #root {



    display: block;



    width: 100%;



}







.page-puchase-history #root {



    display: block;



    width: 100%;



}







.page-reset #root {



    display: block;



    width: 100%;



}







.page-comparison-list #root {



    display: block;



    width: 100%;



}







.page-compare .main {



    padding-bottom: 127px;



}







.page-settings #root {



    display: block;



    padding-bottom: 100px;



}







.page-DeliverySettings #root {



    display: block;



    width: 100%;



}



.page-DeliveryAddEdit #root {



    display: block;



    width: 100%;



} */

html {
	height: 100vh;
}

body {
	min-height: 100vh;
}

.main {
	min-height: 83vh;
}

#root {
	position: relative;
	min-height: 100vh;
	padding-bottom: 91px;
}

#root .footer {
	position: absolute;
	left: 0;
	bottom: 0;
}

.page-landing {
	height: inherit;
	min-height: inherit;
	padding-bottom: 0px;
}

.page-landing #root {
	padding-bottom: 0px;
	min-height: inherit;
}

.notify_void.auto {
	background: #000;
	font-weight: 600;
}

.notify_void.auto a {
	color: #fff;
	text-decoration: underline;
}


/*February 17 2020*/


/*New styles from merging */

.idcrt-list-val .relation select {
	background-image: url(../images/angle-down.svg);
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: 95% center;
	background-color: #fff;
}

.order-data1 tr .slrordrlst-refnd-act .fancy-checkbox label,
.canon-table tr .slrordrlst-refnd-act .fancy-checkbox label {
	height: 23px;
	width: 23px;
	border: none;
	box-shadow: none;
}

.order-data1 tr .slrordrlst-refnd-act .fancy-checkbox>input[type="checkbox"],
.canon-table tr .slrordrlst-refnd-act .fancy-checkbox>input[type="checkbox"] {
	height: 30px;
	width: 30px;
}

.order-data1 tr .slrordrlst-refnd-act .fancy-checkbox input[type="checkbox"]+label:after,
.canon-table tr .slrordrlst-refnd-act .fancy-checkbox input[type="checkbox"]+label:after {
	width: 30px;
	height: 30px;
	border: none;
	background: url(../images/refund_off.svg)no-repeat;
	background-size: cover;
	top: 0;
	left: 0;
	opacity: 1;
}

.order-data1 tr .slrordrlst-refnd-act .fancy-checkbox input[type="checkbox"]:checked+label,
.canon-table tr .slrordrlst-refnd-act .fancy-checkbox input[type="checkbox"]:checked+label {
	width: 30px;
	height: 30px;
	border: none;
}

.order-data1 tr .slrordrlst-refnd-act .fancy-checkbox input[type="checkbox"]:checked+label:after,
.canon-table tr .slrordrlst-refnd-act .fancy-checkbox input[type="checkbox"]:checked+label:after {
	background: url(../images/refund_on.svg)no-repeat;
	background-size: cover;
	top: 0;
	left: 0;
}

.lng-translations .modal-dialog {
	width: 450px;
}

.lng-translations .modal-header {
	text-align: center;
	border: none;
	padding-bottom: 0px;
}

.lng-translations .modal-header .modal-title {
	font-size: 20px;
	color: #000;
	font-weight: 600;
}

.lng-translations .modal-body {
	text-align: center;
	color: #999;
	font-size: 14px;
}

.lng-translations .modal-body .lng-red-text {
	font-weight: 700;
	color: #000000;
	font-size: 20px;
}

.lng-translations .modal-body .highlight-language {
	font-weight: 700;
	color: #000000;
}

.lng-translations .modal-content {
	padding: 0;
}

.btn.btn-rounded {
	border-radius: 30px;
	min-width: 150px;
	color: #fff;
}

.btn.btn-style-1 {
	background-color: #c2c2c2;
}

.btn.btn-style-2 {
	background-color: #000000;
}

.store-description .store-rating span.stars {
	display: inline-block;
	vertical-align: middle;
}

.store-description .store-rating {
	padding-top: 10px;
	padding-bottom: 10px;
}

.store-description .store-rating .rating-txt {
	vertical-align: middle;
	font-size: 14px;
	color: #000;
	display: inline-block;
	margin-left: 10px;
}

.page-search span.stars,
.page-search span.stars span {
	width: 105px;
}

.btn-dark,
.btn-dark:hover {
	display: inline-block;
	width: 160px;
	height: 33px;
	background: #000;
	border-radius: 5px;
	font-size: 14px;
	line-height: 33px;
	color: #fff;
	text-align: center;
}

.registered-user-note {
	display: inline-block;
	width: 100%;
	border: 1px solid #999;
	padding: 15px 15px;
	line-height: 25px;
}

.registered-user-note p {
	color: #4d4d4d;
	font-weight: 700;
	margin: 3px 0 0;
}

.thumbnail-images {
	float: left;
	width: 60px;
	margin-top: -10px;
}

.thumbnail-images .slick-slide img {
	height: 56px;
	width: 56px;
}

.idclt-img.loadarea img,
.thumbnail-images li {
	border: 1px solid #e7e7e7;
}

.idclt-img.loadarea a img {
	margin-left: 10px;
}

.thumbnail-images li {
	margin-bottom: 5px;
}

.thumbnail-images .slick-prev,
.thumbnail-images .slick-next {
	display: none !important;
}

.item-review-section {
	border-top: 2px solid #f2f5f6;
	width: 100%;
}

.review-title {
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 300;
	color: #000000;
}

.review--voted-number {
	font-size: 18px;
	font-weight: 700;
	color: #000000;
	vertical-align: middle;
}

.review-voted-percent {
	font-size: 16px;
	font-weight: 300;
	color: #999;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c8c8c8;
	display: inline-block;
}

.review-voted-percent b {
	color: #000;
	font-weight: 700;
	font-size: 18px;
	margin-right: 10px;
}

.item-review-l {
	float: left;
}

.item-review-r {
	float: right;
}

#toggle-rating {
	background: #000;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	outline: none;
}

#toggle-rating i {
	line-height: 30px;
}

#toggle-rating.active {
	background-image: url('../images/minimize_summary.svg');
}

.rating-summary {
	margin-bottom: 30px;
	display: none;
}

.rating-summary>h6 {
	color: #000000;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}

.rating-summary table tr>td {
	color: #999999;
	font-size: 14px;
}

.rating-summary table tr>td:last-child {
	text-align: right;
}

.rating-summary table tr>td>img {
	margin: 5px 3px;
}

.rating-summary table tr>td>img:first-child {
	margin-left: 0px;
}

.rating-summary table tr.text-black>td {
	color: #000000;
}

.review-box {
	background-color: #fff;
	padding: 25px;
	color: #999999;
	font-size: 14px;
}

.list-review>ul>li {
	margin-bottom: 20px;
	border-bottom: 1px solid #C8C8C8;
}

.list-review>ul>li {
	border-bottom: none;
	border: 1px solid #C8C8C8;
}

.list-review ul ul .review-box {
	padding-left: 80px;
}

.user-avtar img {
	width: 40px;
	height: 40px;
	border-radius: 50px;
}

.user-avtar,
.review-detail {
	display: table-cell;
	vertical-align: top;
}

.user-avtar {
	display: inline-block;
	width: 40px;
}

.review-detail {
	padding-left: 15px;
	display: inline-block;
	width: calc(100% - 80px);
}

.review-detail .review-head {
	display: table;
	width: 100%;
}

.review-detail .review-head h6 {
	color: #4d4d4d;
	font-size: 16px;
	display: table-cell;
}

.review-detail .review-head .item-rating {
	display: table-cell;
}

.review-detail .review-head .item-rating img {
	margin: 0px 2px;
}

.review-detail .review-head p {
	font-size: 14px;
	font-weight: 300;
	color: #999;
	display: table-row;
}

.review-detail .review-body {
	margin-top: 15px;
	font-weight: 300;
	color: #4d4d4d;
	font-size: 14px;
}

.modal-body .review-detail .review-body {
	height: 60px;
	position: relative;
	overflow: hidden;
}

.modal-body .review-detail .review-body .review-body-inner {
	padding-right: 10px;
}

.review-detail .review-body .review-reply {
	display: block;
	padding-top: 15px;
	color: #00c8b2;
	font-weight: 400;
}

.review-box .reply-from {
	display: block;
	padding-bottom: 15px;
	color: #000;
	font-weight: 400;
}

.item-review-wrap .review-voted-percent {
	border-bottom: none;
	margin-bottom: 0px;
}

.item-review-wrap {
	border-bottom: 1px solid #C8C8C8;
	margin-bottom: 20px;
}

.review-item-star,
.item-review-l {
	width: auto;
	display: inline-block;
}

.images-bunch {
	display: inline-block;
	width: 100%;
	float: left;
	width: auto;
	margin-right: 15px;
}

.dr-content.deliver-method {
	padding: 15px 20px;
	border: none;
	background-color: #f0f0f0;
	border-left: 1px solid #d2d2d2;
	height: 100%;
}

.deliver-method .sel-del-method {
	width: 100%;
}

.cart-box-item .cb-content {
	padding: 0px;
}

.delivery-review h4 {
	margin-top: 0px;
	font-size: 16px;
}

.cart-box-item .cb-content .cbc-left .wrap {
	padding: 15px;
}

.dr-content.deliver-method .charge_box {
	margin-top: 10px;
}

.dr-content.deliver-method .charge_box {
	margin-top: 10px;
}

.review-container .cart-box-item .cb-content {
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 15px;
}

.alert.fixed-alert {
	position: fixed;
	top: 90px;
	right: 10px;
	z-index: 99999;
}

.cart-box-item .box-item {
	display: flex;
}

.cart-box-item .box-item {
	margin-bottom: 15px;
}

.cart-box-item .box-item img {
	max-width: 112px;
	max-height: 112px;
	height: 112px;
	width: 112px;
	border: 1px solid #c1c1c1;
	padding: 5px;
	margin: 0px;
}

.cart-box-item .box-item .item-info {
	width: 100%;
	padding-left: 15px;
}

.item-attrs {
	border-top: 1px solid #c1c1c1;
	margin-top: 10px;
	padding-top: 10px;
	color: #c3c3c3;
	font-size: 13px;
}

.flex {
	display: flex;
}

.top-slide,
.bottom-slide {
	display: inline-block;
	cursor: pointer;
	width: 100%;
	font-size: 18px;
}

.oscctb-full .oscctb-l {
	width: 100px;
	height: 100px;
	border: 1px solid #ddd;
	background-color: #eee;
}

.oscctb-full .oscctb-l img {
	max-width: 100px;
	max-height: 100px;
}

.cart-box-item.mearchant_box {
	display: inline-block;
	width: 100%;
}

.p-note>p {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.pl-0 {
	padding-left: 0;
}


/*onpage style start here*/

#delivery-container .pcc-rigth .cbcir-box {
	position: fixed;
	top: 160px;
	width: 100%;
	z-index: 1;
	width: 320px;
}

.onepage-checkout .pcc-left {
	max-width: inherit;
}

.bl_dark {
	display: inline-block;
	width: 100%;
	background: #212424;
	height: 52px;
	vertical-align: middle;
	max-width: 790px;
	line-height: 50px;
	padding-left: 20px;
	padding-right: 15px;
}

.bl_dark span.sc-text-big {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
}

.tog-icon {
	float: right;
	width: 25px;
	height: 25px;
	background-size: contain;
	margin-top: 13px;
}

.tog-icon.angle1 {
	background-image: url(../images/angle1.svg);
}

.tog-icon.angle2 {
	background-image: url(../images/angle2.svg);
}

.panel-box-title {
	cursor: pointer;
}

.onepage-checkout #delivery-container .pdc-inputs,
.pdc-inputs.review {
	padding: 25px;
	border: 1px solid #d7d7d7;
	margin-bottom: 0;
}

.delivery-container .sc-u {
	padding-bottom: 0;
}

.pdc-inputs .field-wrapper>.input-container {
	width: 47%;
	margin-bottom: 25px;
	margin-right: 0 !important;
}

.field-wrapper input.input-text {
	width: 100%;
}

.field-wrapper {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}

.onepage-checkout .review-container,
.onepage-checkout .payment-container,
.onepage-checkout .pc-content {
	margin-top: 0;
	margin-bottom: 0;
}

.onepage-checkout .cart-box {
	margin-bottom: 0;
}

.onepage-checkout .review-container .cb-content {
	border-bottom-style: solid;
}

.onepage-checkout .cbc-left .item-name {
	font-size: 14px;
}

.onepage-checkout .cb-header {
	background: transparent;
	color: #000;
	padding-left: 0;
}

.bl_dark.light {
	background: #e6f2f2;
}

.bl_dark.light span.sc-text-big {
	color: #000;
	font-family: 'Roboto', sans-serif;
}

.btn-green.disabled {
	background: #d0d0d0;
	border-color: #d0d0d0;
	cursor: not-allowed;
	position: relative;
}

.onepage-checkout .pdc-inputs {
	margin-bottom: 0;
}

.onepage-checkout .pdcb-address-box {
	font-size: 13px;
	width: calc(30% - 10px);
	min-height: inherit;
	min-width: 190px;
	padding: 15px;
}

.onepage-checkout .pdc-boxs {
	width: 100%;
	overflow-x: auto;
}

.onepage-checkout .flex-down {
	display: flex;
}

.onepage-checkout .pdcb-address-box {
	margin: 0 5px;
}

.onepage-checkout .pdcb-address-box.btn-add-adress .icon-address {
	margin-top: 25px;
}

.onepage-checkout .nicescroll-cursors {
	border-color: #3B7E8E !important;
	border-radius: 0 !important;
	bottom: -25px !important;
}

.onepage-checkout .nicescroll-rails {
	border-bottom: 1px solid #d9d9d9;
}

.delivery-container {
	margin-bottom: 50px;
}

.footer {
	padding: 20px 0;
}

.footer .col-md-6.col-sm-6.text-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.page-delivery-setting-edit .dsae-content .un-inputs .item-form-group .col-md-5 input {
	max-width: 100%;
}

.page-item-detail .item-detail-container ul li {
	list-style-type: none;
}

.page-review .deliver-method .form-element {
	margin-right: 0;
	max-width: 100%;
}

.page-review .deliver-method .form-element select {
	height: inherit;
	border-radius: 0px;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.page-purchase-history .blue-bold {
	color: #000;
}

.header-top {
	background: #000;
	display: inline-block;
	width: 100%;
	padding: 3px 0px;
	min-height: 40px;
	font-weight: 700;
}

.page-seller li.h-extramenus {
	width: auto;
}

.h-cart-top {
	background: #000000;
}

li.h-username>span>i {
	top: 10px;
}

li.h-extramenus>ul>li {
	vertical-align: supper;
}

li.h-extramenus i {
	color: #000;
}

li.h-more>i {
	top: 13px;
}


/*February 18 2020*/


/*New styles from merging */

.h-search-bar>div {
	display: inline-block;
}

.h-search-input>input {
	padding: 5px 50px 5px 10px;
	width: 350px;
}

.h-toggle-menu {
	background: #000000;
}

form.h-search-input>i {
	top: 5px;
}

.h-search-input>i {
	color: #000000;
}

.h-search-category>select {
	height: 45px;
	width: 224px;
}

.h-st-menus ul li a:hover,
.h-st-menus ul li a:active,
.h-st-menus ul li a:focus,
.h-st-menus ul li a:active {
	background: #000000;
	color: #fff !important;
}

li.h-extramenus>ul {
	height: 45px;
	line-height: 45px;
}

li.h-logo>img {
	max-height: 45px;
}

.fancy-checkbox label:after {
	border: 6px solid #000;
	background: #000;
}

.fancy-checkbox input[type="checkbox"]:checked+label {
	border: 1px solid #000;
}

.fancy-checkbox label {
	background: #fff;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	border-color: #000000;
	background-color: #000000;
}

.pagination>li>a,
.pagination>li>span {
	color: #000000;
}

.modal-footer>div {
	width: Calc(50% - 2px);
	text-align: center;
	padding: 10px;
	font-weight: 700;
	float: inherit;
	margin: auto;
}

.footer-navigation li a {
	color: #999;
}

.copy-right {
	color: #999;
}

.status-btn-pr>.status-btn {
	background-color: #000000;
}

.order-data1 {
	border-spacing: 0;
	border-collapse: separate;
}

.order-data1 thead>tr>th,
.order-data1 tbody>tr>td {
	vertical-align: middle;
}

.order-data1 tbody>tr>td:nth-child(3) a,
.order-data1 tbody>tr>td:nth-child(2) a {
	color: #000000;
	font-weight: 700;
}

.popup-area.item-remove-popup .btn-saffron {
	background-color: #ff5a60;
}

.popup-area .title-area h1,
.mypopup-area .title-area h1 {
	text-align: inherit;
}

.order-box {
	max-width: 986px;
}

.orddtl-title {
	color: #999;
}

.br-detail {
	color: #999999;
	word-break: break-all;
}

.transaction-info .ammount {
	color: #999;
}

.sum-ammount .total-amount {
	color: #000000;
}

.page-order-detail .order-data1 {
	border-collapse: collapse;
}

.page-order-detail .order-data1 thead {
	background: none;
}

.product-detail-info span {
	color: #999;
}

.product-detail-info .item-variant {
	border-top: 1px solid #ccc;
	margin-top: 5px;
}

.product-detail-info .item-variant span {
	display: inline-block;
	width: auto;
}

.product-detail>table.table>thead>tr>th:after {
	color: #999;
}

.product-detail>table.table>tbody>tr>td {
	color: #999;
}

.order-grey-box {
	padding: 15px 30px;
	max-width: 986px;
}

.entry-form-prnt label {
	color: #999;
}

.events {
	max-width: 650px;
}

.upload-entry-file {
	vertical-align: inherit;
}

.upload-entry-file>span {
	color: #999;
}

.Upload-File {
	width: 62px;
	height: 15px;
	font-family: OpenSans;
}

.section-title .divider {
	background: #000;
}

.category-box:hover .img-box {
	border-color: #000;
}

.category-box:hover>.category-name {
	color: #fff;
	background: #000;
}

.vew-more-btn .more-btn {
	border: 3px solid #000;
	color: #000;
}

.vew-more-btn .more-btn:hover,
.vew-more-btn .more-btn:focus,
.vew-more-btn .more-btn:active {
	background: #000;
}

.item-box-small>.item-detail {
	max-width: 180px;
	margin: 0 auto;
	margin-top: 15px;
	display: block;
}

.item-box-small>.item-detail>.item-name {
	color: #000;
}

.item-box-small>.item-detail>.item-price {
	color: #000;
}

.item-box-small>.item-detail>.item-price>.real-price-disc {
	color: #999999;
}

.inline {
	float: none !important;
}

.t-d-text>p.t-d-description {
	color: #999;
}

.item-list-container .content-desc {
	color: #999;
}

.user-avatar img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.user-info>.user_name {
	color: #000000;
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
}

.sort-msg-description {
	max-height: 45px;
}

.inbox-panel-outer>.panel-box:hover {
	background: #f5f5f5;
}

.inbox-item-name {
	font-weight: 700;
	margin-top: -7px;
}

.offer_status {
	display: inline-block;
	width: 100%;
}

.offer_status hr {
	border-top: 1px solid #d2d1d2;
	margin: 0 0 10px;
}

.offer_status span {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #999;
}

.offer_status .price {
	margin-bottom: 0;
}

.offer_status p,
.offer_status p span {
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #009EDE;
	line-height: 28px;
}

.inbox-panel-outer>.panel-box {
	position: relative;
}

.inbox-panel-outer>.panel-box.recent {
	background: #f5f5f5;
}

ul.count-detial {
	margin-bottom: inherit;
}

.dark-txt {
	color: #000;
	font-size: 12px;
}

ul.count-detial li:first-child:after {
	content: "|";
	color: #D2D2D2;
	position: absolute;
	top: 0;
	right: 0;
}


/* .receive-msg .msg-box {

	padding: 30px 30px 15px 30px;

} */

.receive-msg .msg-box p {
	font-weight: 500;
}

.send-msg .msg-box {
	margin-bottom: inherit;
}

.send-msg .msg-box p {
	font-weight: 500;
}

.type-area-msg .moji-text {
	padding: 20px 75px 20px 25px;
}

.msg-send-btn {
	right: 25px;
}

.store-description .merchant-name {
	color: #000;
}

.merchant-description {
	color: #999;
}

span.sc-text-big.avail .avail-item {
	color: #000;
}

.product-pagination li.active a {
	background: #000;
	border-color: #000;
}

.order-data1 tbody>tr>td select,
.order-box.product-detail tbody>tr>td select {
	border: none;
	background-image: url('../images/down_arrow.svg');
	background-repeat: no-repeat;
	background-position: 97% center;
}

.popup-area.order-cancel-popup .btn-saffron,
.popup-area.order-itemstatus-popup .btn-saffron,
.btn-green-popup {
	background-color: #000;
	border: 1px solid #000;
}

.popup-area.order-cancel-popup .btn-saffron {
	border: 1px solid #000 !important;
	border: none;
	color: #fff;
	width: 150px;
	border-radius: 10px !important;
}

.popup-area.order-cancel-popup .refunded-cancel {
	margin-right: 10px;
}

.popup-area.order-cancel-popup .btn-saffron:hover {
	background-color: #fff;
	color: #000;
}

.popup-area.order-cancel-popup .btn-saffron.refunded-cancel {
	background-color: #fff;
	color: #000;
}

.popup-area.order-cancel-popup .btn-saffron.refunded-cancel:hover {
	background-color: #000;
	color: #fff;
}

.popup-area.order-cancel-popup .content-area {
	margin-bottom: 20px;
}

.popup-area.order-cancel-popup .refunded-okay {
	margin-left: 10px;
}

.order-cancel-popup {
	z-index: 999999;
	width: 450px;
}

.my-btn {
	border-radius: 5px;
}

.order-data1.item-area tbody>tr>td:first-child,
.order-data1.item-area thead>tr>th:first-child {
	padding-left: 20px;
	text-align: left;
}

.sort-item-description {
	max-width: 360px;
	color: #999;
}

.sku-title {
	color: #999;
}

.item-detail-left {
	display: inline-block;
	width: calc(100% - 95px);
	padding-left: 15px;
	vertical-align: top;
}

.onoffswitch-inner::before {
	background: #404040;
}

.order-data1.item-area thead>tr>th:after {
	color: #999;
}

.item-img-bx {
	display: inline-block;
	width: 90px;
	height: 90px;
	overflow: hidden;
	border: 1px solid #999;
}

.un-item-uplod-tab>li.active>span {
	color: #000;
}

.un-btn-upload {
	background: #000;
}

.un-btn-upload a {
	color: #fff;
}

.checkbox-selection {
	color: #000;
}

.un-ul-table>.table>thead>tr>th {
	padding: 10px 25px;
	vertical-align: middle;
}

.un-ul-table>.table>tbody>tr>td {
	padding: 5px 25px;
	vertical-align: middle;
}

#myModalEditPricing .btn.btn-cancel {
	color: #999;
}

.item-upload-btn .btn-upload {
	background: #000;
}

#myModalEditPricing .btn.btn-cancel {
	color: #999;
}

.page-seller li.h-extramenus {
	float: right;
}

.dashboard-menus>ul>li.active {
	color: #000;
}

.dashboard-menus>ul>li:hover {
	color: #000;
}

.dashboard-menus {
	color: #999;
}

.dashboard-board {
	color: #999;
}

span.dashboard-grapth-title {
	padding-left: 47px;
}

.switch-toggle label {
	color: #999;
}

.switch-candy input:checked+label {
	background: #000;
}

.high-low.green .odometer.odometer-auto-theme,
.high-low.green .odometer.odometer-auto-theme .odometer-digit:last-child {
	color: #000000;
}

.add-options-table {
	margin-bottom: 20px;
	margin-top: 20px;
}

.add-options-table .options-row {
	display: table;
	padding-bottom: 10px;
	width: 100%;
}

.add-options-table .options-header .options-cell {
	padding: 5px 15px 5px 5px;
}

.add-options-table .options-header .options-cell {
	text-transform: uppercase;
	color: #000;
}

.add-options-table .options-cell {
	display: table-cell;
	padding-right: 15px;
	vertical-align: middle;
}

.add-options-table .options-cell.option-name {
	width: 25%;
}

.add-options-table .options-cell.option-choices {
	width: 65%;
	position: relative;
}

.add-options-table .options-cell.option-actions {
	width: 10%;
}

.add-options-table .options-cell:last-child {
	padding-right: 0;
}

.add-options-table .options-body input[type="text"] {
	color: #3c3c3b;
	font-size: 15px;
	height: 50px;
	padding: 10px;
	width: 100%;
}

.dd-options {
	right: 0;
}

.add-options-table .options-body .bootstrap-tagsinput {
	border: 1px solid #bfbfbd;
	border-radius: 0;
	box-shadow: none;
	display: block;
	min-height: 50px;
	padding: 4px 12px;
}

.add-options-table .options-body .bootstrap-tagsinput input[type="text"] {
	box-shadow: none;
	height: 40px;
	margin: 0;
	max-width: inherit;
	outline: medium none;
	padding: 0 6px;
	width: auto;
	border: none;
	min-width: 100px;
}

.add-options-table .readonly .options-cell.option-choices:after {
	content: '';
	background-color: #000;
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 5px;
	right: 15px;
	opacity: 0.1;
}

.add-options-table .readonly .options-cell.option-choices input[readonly] {
	background-color: transparent !important;
}

.add-options-table .readonly .options-cell.option-actions a {
	pointer-events: none;
}


.bootstrap-tagsinput .tag {
	border-radius: 0;
	font-size: 16px;
	margin-bottom: 3px;
	display: inline-block;
	padding: 8px 10px;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
	margin-left: 8px;
	cursor: pointer;
	display: inline-block;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
	content: "x";
	padding: 0px 2px;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
	box-shadow: none;
}

.bootstrap-tagsinput .tag {
	color: white;
	text-transform: capitalize;
	margin-right: 2px;
	white-space: inherit;
	word-break: break-word;
}

.add-options-table .options-row:first-child .tag {
	background-color: #ff1295;
}

.add-options-table .options-row:nth-child(2) .tag {
	background-color: #00A1B6;
}

.add-options-table .options-row:nth-child(3) .tag {
	background-color: #5F00FD;
}

.resultTable {
	padding-top: 30px;
}

.resultTable thead {
	background-color: #f0f0f0;
}

.resultTable td.mobi-show {
	display: none;
}

.resultTable thead td {
	color: #4d4d4d;
	font-size: 14px;
	padding: 10px 20px;
	text-transform: capitalize;
}

.resultTable thead tr td:last-child {
	text-align: center;
}

.resultTable tbody tr td:first-child {
	color: #000;
}

.resultTable tbody td {
	color: #7a7a7a;
	display: table-cell;
	font-size: 15px;
	padding: 15px 10px;
}

.resultTable tbody tr td.cell-image .onoffswitch {
	float: none;
	margin-right: 0px;
	margin: 0 auto;
}

.resultTable tbody tr td:last-child {
	text-align: right;
}

.resultTable tbody input[type="text"] {
	height: 50px;
	padding: 10px;
	min-width: 100px;
	width: 100%;
}

.resultTable tbody input.stock_input[type="text"] {
	width: 120px;
}

.btn-varient-img {
	background-color: #F3F3F3;
	display: block;
	width: 80px;
	height: 80px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.resultTable tbody tr:first-child td .variant-img-bottom {
	display: none;
}

.variant-img-bottom {
	padding-top: 5px;
	width: 100%;
	max-width: 85px;
	text-align: center;
}

.variant-img-bottom input[type="checkbox"] {
	max-width: 21px;
	max-height: 21px;
	vertical-align: middle;
}

.variant-same-img {
	width: 70%;
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
	font-size: 12px;
	line-height: 12px;
	padding-top: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

.btn-varient-img img {
	max-width: 100%;
}

.resultTable tbody td.options-name {
	font-size: 15px;
	font-weight: bold;
	text-transform: capitalize;
	width: 125px;
	word-break: break-word;
}

.resultTable tbody td.options-name.cell-0 {
	color: #ff1295;
}

.resultTable tbody td.options-name.cell-1 {
	color: #00a1b6;
}

.resultTable tbody td.options-name.cell-2 {
	color: #5f00fd;
}

.resultTable tbody td.cell-price {
	color: #1D1D1B;
	font-weight: 600;
}

.map-area {
	margin-top: 10px;
	max-width: 100%;
}

.add-row-area .btn-area .my-btn {
	margin-top: 25px;
	min-width: 100px;
	max-width: 100%;
}

.date-text {
	line-height: 35px;
}

.clearfix {
	clear: both;
}

.page-break {
	display: none;
}

.dashboard-info-container {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.dashlet2-container-right {
	background-color: #fff;
}

.item-form-group .percent-txtbox {
	width: 85%;
	margin-right: 10px;
}

.my-confirmmodal .modal-content {
	border-radius: 0px;
}

.my-confirmmodal .modal-dialog {
	width: 500px;
}

.my-confirmmodal .modal-dialog {
	top: 20%;
}

.my-confirmmodal .modal-body {
	padding: 50px;
	padding-bottom: 40px;
	text-align: center;
}

.my-confirmmodal .bootbox-close-button {
	display: none;
}

.bootbox-body {
	word-break: break-word;
}

.my-confirmmodal .modal-footer {
	text-align: center;
}

.my-confirmmodal .modal-footer .btn.btn-danger {
	min-width: 90px;
	margin: 0px 15px;
	border-radius: 0;
	color: #fff;
	background: #999;
	font-weight: 700;
	text-align: center;
	border-color: #999;
}

.my-confirmmodal .modal-footer .btn.btn-success {
	min-width: 90px;
	margin: 0px 15px;
	border-radius: 0;
	color: #fff;
	background: #000;
	font-weight: 700;
	text-align: center;
	border-color: #000;
}

.omise-back {
	font-size: 14px;
	font-weight: 500;
	color: #3c7d99;
}

.pay-tab-container .nav-breadcrumb i {
	margin-right: 5px;
	font-weight: 900;
}

.set-content select.select-text {
	width: 100%;
	min-width: auto;
	color: #000;
	font-weight: 400;
	padding: 9px 15px
}

.pay-tab-container {
	margin-top: 25px;
	margin-bottom: 25px;
}

.pay-tab-container .title {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}

.pay-tab-container .description {
	color: #4D4D4D;
	font-size: 14px;
}

.pay-tab-container p img {
	margin-bottom: 5px;
	margin-top: 15px;
}

.btn-question {
	font-weight: 700;
	font-size: 13px;
	background: #c8c8c8;
	width: 23px;
	height: 23px;
	text-align: center;
	border-radius: 50%;
	line-height: 26px;
	display: inline-block;
}

span.stars,
span.stars span {
	background: url(../images/star_ratting_black.svg) 0 -16px repeat-x;
}

span.stars span {
	background-position: 0 0;
}

.check-icon {
	font-weight: 700;
	font-size: 13px;
	background: #1b9cd8;
	width: 15px;
	height: 15px;
	text-align: center;
	border-radius: 50%;
	line-height: 26px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
	margin-top: -2px;
}

.check-icon img {
	width: 13px;
}

.verified {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 4px;
}

.verified span {
	color: #1b9cd8;
}

li.h-username>span>p a {
	color: #ffffff;
}

.page-login.guest .title-brand {
	width: 100%;
	max-width: 314px;
	display: inline-block;
	float: left;
}

.page-login.guest .signup-btn {
	background: #ffffff;
	border: 1px solid #000;
}

.page-login.guest .signup-btn>a {
	background: #ffffff;
}

.page-login.guest .login-box .lbb-text {
	margin: 10px 0;
	display: block;
}

.feedback-img-sec {
	width: 100%;
	display: block;
}

.icon.feedback {
	background-image: url(../images/view_review_old.svg);
	width: 40px;
	height: 40px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
	margin-bottom: 10px;
}

.ordr-dtls-item-review,
.purchase-feedback {
	cursor: pointer;
}

.popup-area.order-item-feedback-popup {
	bottom: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.3);
	border: none;
	max-width: 100%;
	margin: 0px;
	display: none;
	z-index: 99999;
}

.popup-area.order-item-feedback-popup .wrapper {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	max-width: 650px;
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 30px 30px 20px;
}

.popup-area .title-area,
.mypopup-area .title-area {
	margin-bottom: 15px;
}

.order-item-feedback-popup .ordr-dtls-item-itemdesc {
	padding: 0px;
	width: 100%;
}

.ordr-dtls-item-iteminfo .item-img {
	display: table-cell;
	vertical-align: middle;
	word-wrap: break-word;
}

.ordr-dtls-item-itemdesc .item-preview {
	height: 120px;
	margin-right: 30px;
	max-height: 120px;
	width: 120px;
	border: 1px solid #c8c8c8;
}

.ordr-dtls-item-iteminfo .item-info-text {
	display: table-cell;
	vertical-align: middle;
	word-wrap: break-word;
	width: 100%;
}

.starrr {
	display: inline-block;
	margin-bottom: 15px;
	margin-top: 5px;
}

.order-item-feedback-popup #stars .glyphicon.glyphicon-star {
	color: #000;
}

.order-item-feedback-popup #stars .glyphicon {
	font-size: 20px;
	padding: 0px 3px;
}

.order-item-feedback-popup #stars .glyphicon.glyphicon-star-empty {
	color: #C8C8C8;
}

.order-item-feedback-popup textarea {
	width: 100%;
	height: 150px;
	padding: 5px 10px;
	border: 1px solid #000;
}

.btn-red-popup {
	background-color: #000;
	border: 1px solid #000;
	border: none;
	color: #fff;
	min-width: 190px;
	margin-top: 20px;
	text-align: center;
	padding: 8px 20px;
	display: inline-block;
	border-radius: 0;
}

.starrr+span {
	vertical-align: 4px;
	padding-left: 10px;
}

.feedback-img-sec .check-icon {
	width: 25px;
	height: 25px;
	margin: 0 auto;
	display: block;
	padding-top: 2px;
	background: #999;
	margin-bottom: 10px;
}

.feedback-img-sec .check-icon img {
	width: 22px;
}

.page-delivery-setting-edit .dsae-content .un-inputs .item-form-group .col-md-5 input[name="range_start"],
.page-delivery-setting-edit .dsae-content .un-inputs .item-form-group .col-md-5 input[name="range_end"] {
	max-width: 69%;
}

.h-search-bar>.h-search-input {
	width: 58%;
	display: inline-block;
	position: relative;
}

@media print {
	.form-horizontal {
		display: none;
	}

	.dashlet-choices,
	.dashlet-choices-bar,
	.dashboard-menu-container {
		display: none;
	}

	span.legend-barGraph1,
	.dashlet2-container-left,
	.dashlet2-container-right {
		width: 100% !important;
		float: none !important;
		margin-bottom: 100px;
	}

	.dash-info-container {
		width: 20%;
	}

	.dsbrd-bar-outter-sec {
		position: relative;
		float: none;
	}

	.dashlet2 {
		padding-left: 0px;
		padding-right: 0px;
	}

	#MyPrintDiv {
		float: none;
		width: 100%;
	}

	.page-break {
		display: block;
		page-break-before: always;
	}

	.dashboard-container {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}

	.chart-style {
		width: 100%;
	}
}

.vant-title {
	font-size: 15px;
	margin-bottom: 10px;
	font-weight: 600;
}

.variants-section .pull-right .onoffswitch {
	margin-top: 13px;
	margin-bottom: 0px;
}

.variants-section .pull-right .onoffswitch .onoffswitch-label {
	margin-bottom: 0px;
}

.variants-section,
.inventory-section {
	position: relative;
}

.disabled-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(200, 200, 200, 0.7);
	z-index: 1;
	cursor: not-allowed;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

.seller-items .resultTable thead .cell-unlimited label {
	text-align: right;
	vertical-align: middle;
	display: table-cell;
	padding-left: 30px;
	float: left;
	line-height: normal;
	cursor: pointer;
}

.seller-items .resultTable thead tr td:last-child {
	padding-left: 10px;
}

.resultTable thead td .fancy-checkbox label {
	color: #4d4d4d;
	font-size: 16px;
	text-transform: capitalize;
	width: 18px;
}

.section.section-item>.container {
	width: 100%;
}

.auto-activity-page .paginationjs-pages {
	text-align: center;
}

.resultTable .fancy-checkbox.checkbox-sm>label {
	background-size: 17px;
	width: 18px;
}

.opt-row-sorder {
	display: table-cell;
	vertical-align: middle;
}

.opt-row-sorder i.fa {
	font-size: 28px;
	cursor: pointer;
}

.variants-section .bootstrap-tagsinput .fa-bars:before {
	margin-right: 7px;
	font-size: 14px;
}

.variants-section .bootstrap-tagsinput .tag [data-role="remove"]:after {
	font-size: 12px;
	vertical-align: middle;
	line-height: normal;
	font-family: sans-serif;
}

.pagination-sec {
	background: #fff;
	margin: auto;
	text-align: center;
}

.pagination-sec .pagination>li>a {
	margin: auto 3px;
	border-radius: unset;
}

.variants-section .bootstrap-tagsinput .fa-bars:before {
	font: normal normal normal 14px/1 FontAwesome;
}

.variants-section .bootstrap-tagsinput .fa {
	font-family: 'Lato', sans-serif;
}

.item-stock-lbl {
	color: #999;
	margin-top: 5px;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}

.order-data1 thead>tr>th:last-child,
.order-data1 tbody>tr>td:last-child {
	padding-left: 15px;
	padding-right: 15px;
}

.icon.icon-review {
	background-image: url("../images/view_review_old.svg");
	display: block;
	margin: auto;
	text-align: center;
}

.icon.icon-review-old {
	background-image: url("../images/old_review.svg");
	display: block;
	margin: auto;
	text-align: center;
	border: 1px solid #999999;
	height: 39px;
	width: 39px;
	border-radius: 100%;
}

.icon.icon-review {
	width: 39px;
	height: 39px;
	margin-bottom: 5px;
}

.product-detail a:hover .icon.icon-review {
	background-image: url("../images/view_review_old-hov.svg");
}

.product-detail>table.table>thead>tr>th:last-child,
.product-detail>table.table>tbody>tr>td:last-child {
	padding-right: 11px;
	padding-left: 11px;
}

.oreder-data-table.sales .order-data1.item-area thead>tr>th:last-child:after {
	display: inline-grid;
}

.sc-u.sc-u-mid p>b {
	font-weight: 700;
}

.oreder-data-table.sales .sort-item-description {
	padding-top: 20px;
}

.table tbody>tr>td hr {
	margin: 5px auto;
	border-top: 1px solid #9d9d9d;
	max-width: 90px;
}

.tr-btn {
	display: inline-block;
	background: #999;
	width: 100px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	border-radius: 3px;
}

.page-item-list .sku-title {
	margin-bottom: 5px;
}

.page-item-list .sort-item-description {
	line-height: 1.2;
	margin-bottom: 0px;
}

.page-item-list .order-data1 tbody>tr>td {
	color: #999;
}

#c0-unlimited {
	height: 18px;
	float: left;
	width: 18px;
	margin-right: 10px;
}

.seller-items .resultTable thead .cell-unlimited span {
	float: left;
	line-height: normal;
	cursor: pointer;
}

.icon.icon-dustbin {
	background-image: url("../images/delete_button.svg");
	background-position: center center;
	background-repeat: no-repeat;
}

.cell-unlimited .fancy-checkbox {
	margin-bottom: 0;
}

.cell-stock-limit .fancy-checkbox {
	margin-bottom: 0;
	margin-top: 20px;
}

.page-seller.page-order-history .order-data1 {
	border-spacing: 0;
	border-collapse: separate;
}

.page-seller.page-order-history .order-data1 tbody>tr.unread-order>td {
	border-color: #4d4d4d;
}

.page-seller.page-order-history .order-data1 tbody>tr>td:nth-child(3) a,
.page-seller.page-order-history .order-data1 tbody>tr>td:nth-child(2) a,
.page-seller.page-order-history .order-data1 tbody>tr>td {
	color: #999;
}

.page-seller.page-order-history .order-data1 tbody>tr.unread-order>td:nth-child(3) a,
.page-seller.page-order-history .order-data1 tbody>tr.unread-order>td:nth-child(2) a,
.page-seller.page-order-history .order-data1 tbody>tr.unread-order>td {
	color: #4d4d4d;
}

.page-seller.page-order-history .order-data1 tbody>tr>td:nth-child(5) {
	width: 178px;
}

.action-btns>.btn-action {
	display: inline-block;
	text-align: center;
	width: 153px;
	height: 40px;
	border-radius: 9px;
	background-color: #000000;
	border: 1px solid #000;
	line-height: 40px;
	color: #fff;
	margin: 0 10px;
}

.action-btns>.btn-action.btn-transparent {
	background: transparent;
	color: #000;
}

.x-boot-modal .modal-dialog {
	width: 600px;
	margin: 30px auto;
}

#modal-create-account {
	top: 20%;
}

#modal-create-account .modal-footer .btn-red {
	font-size: 16px;
	color: #fff;
	background-color: #000;
	border: none;
	border-radius: 0px;
	display: inline-block;
	width: 160px;
	padding: 12.5px 20px;
	transition: all 0.2s ease 0s;
	outline: none;
	text-align: center;
	text-transform: uppercase;
}

.x-boot-modal .modal-footer .btn-red {
	border-radius: 5px;
	width: 160px;
	text-transform: capitalize;
}

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

.subaccount-data-table>table.table>thead>tr>th {
	position: relative;
}

.sub-account>thead>tr>th:nth-child(2),
.sub-account>thead>tr>th:nth-child(3) {
	text-align: left;
}

.subaccount-data-table>table.table>thead>tr>th::after {
	content: "";
	position: absolute;
	right: 0;
	color: #999;
}

.subaccount-data-table>table.table>thead>tr>th:last-child:after {
	display: none;
}

.subaccount-data-table .table>tbody>tr>td,
.table>tbody>tr>th,
.subaccount-data-table .table>tfoot>tr>td,
.table>tfoot>tr>th,
.subaccount-data-table .table>thead>tr>td,
.table>thead>tr>th {
	padding: 20px;
	text-align: left;
}

.subaccount-data-table .table>tbody>tr>td {
	color: #999;
}

.auto-activity-page .nav-tabs>li.active>a,
.auto-activity-page .nav-tabs>li.active>a:focus,
.auto-activity-page .nav-tabs>li.active>a:hover {
	border-bottom: 3px solid #000;
	font-weight: inherit;
}

.auto-activity-page .filter-box .form-control {
	border-radius: 4px;
	color: #979797;
	border: 1px solid #979797;
	margin-right: 5px;
}

#modal-create-account .modal-header {
	border-bottom: 0;
}

.page-store .item-link>li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 40px;
}

.storefront-review .cart-item-img {
	width: 100%;
	padding: 0;
}

.storefront-review .cart-item-box-left {
	display: inline-block;
	padding: 0 20px;
	width: 18%;
}

.storefront-review .cart-item-box-left img {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
}

.storefront-review .cart-item-box-desc {
	display: inline-block;
	width: 81%;
	vertical-align: top;
	border-right: none;
}

.storefront-review .cart-item-box-desc h3,
.storefront-review .cart-item-box-desc h3 a {
	font-size: 16px;
	color: #000;
	font-weight: 700;
	padding: 10px 0 0;
	line-height: 25px;
}

.storefront-review .cart-publish-merchant {
	font-size: 14px;
}

.storefront-review .store-rating {
	margin-bottom: 10px;
	float: right;
}

.storefront-review .storefront-desc {
	border-top: 1px solid #d2d2d2;
	margin-top: 12px;
	padding-top: 7px;
}

.storefront-review .cart-item-desc {
	padding-top: 0;
	padding-bottom: 0;
	color: #999;
	font-size: 14px;
	max-width: 70%;
	padding-left: 50px;
}

.storefront-review .cart-item-box-desc .cart-top-sec-left {
	margin-bottom: 0;
}

.storefront-review .rated-text {
	font-size: 14px;
	color: #000;
	margin-top: 35px;
	font-weight: 700;
}

.storefront-review .rated-icon {
	width: 25px;
	height: 25px;
}

.storefront-review .rated-icon-left {
	background: url('../images/thumbup.svg') no-repeat;
	background-size: contain;
}

.storefront-review .rated-icon-right {
	background: url('../images/thumbdown.svg') no-repeat;
	background-size: contain;
}

.storefront-review .rated-icon-text {
	font-size: 14px;
	color: #B3B3B3;
	line-height: 22px;
	margin: 0 30px 0 10px;
}

.storefront-review .rated-icon-text:hover {
	cursor: pointer;
	color: #ff5a60;
}

.storefront-review .rated-container {
	float: left;
	margin-top: 15px;
}

.storefront-review .rated-container>.left:nth-child(1) {
	border-right: 1px solid #b3b3b3;
	margin-right: 31px;
}

.storefront-review .storefront-date {
	float: right;
	color: #B3B3B3;
	margin-top: 15px;
}

.cart-item-row {
	background: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #c8c8c8;
	width: 100%;
	display: table;
	font-size: 14px;
	margin-bottom: 10px;
}

.storefront-review .cart-item-box-left {
	display: inline-block;
	padding: 0 20px;
	width: 18%;
}

.storefront-review .cart-item-box-desc h3,
.storefront-review .cart-item-box-desc h3 a {
	font-size: 16px;
	color: #000;
	font-weight: 700;
	padding: 10px 0 0;
	line-height: 25px;
	margin: 0;
}

.cart-publish-merchant {
	font-size: 14px;
	font-weight: 700;
	color: #000;
	margin-left: 10px;
}

.cart-top-sec-left {
	float: left;
	width: 50%;
}

.page-store span.stars,
.page-store span.stars span {
	width: 96px;
}

.page-store .bord-botm.sc-u:last-child {
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 30px;
	padding-top: 0;
}

.page-store .item-link>li.active>a {
	border-bottom: 3px solid #000;
}

.page-store .item-link>li>a {
	outline: none;
	display: block;
	padding-top: 10px;
	border-bottom: 4px solid transparent;
	padding-bottom: 19px;
	padding-top: 0;
}

.subaccount-data-table .table>tbody>tr>td:first-child {
	text-align-last: left;
	width: 182px;
}

.subaccount-data-table .order-data1 {
	border-spacing: 0;
	border-collapse: separate;
}

.order-data1 tbody>tr>td {
	border-top: 0px;
}

.order-data1 tbody tr:first-child td {
	border-top: 1px solid #d2d2d2;
}

.seller-actions {
	margin-bottom: 15px;
}

.user-product-info {
	border-top: 1px solid #d2d2d2;
	display: inline-block;
	width: 100%;
	padding: 20px 25px;
}

.user-product-image {
	padding: 0px 55px;
	padding-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.user-product-image img {
	width: 100%;
	max-width: 80px;
}

.user-product-container {
	margin-bottom: 20px;
}

.user-product-container .user-product-info-name {
	display: inline-block;
	width: auto;
	font-size: 12px;
	color: #1C1F26;
	font-weight: bold;
}

.user-product-container li {
	color: #808080;
	font-size: 12px;
	margin-bottom: 5px;
}

.user-product-info .user-product-container:nth-child(2) {
	margin-bottom: 5px;
}

.user-product-buttons {
	border-top: 1px solid #d2d2d2;
	display: inline-block;
	width: 100%;
	padding: 20px 0px;
}

.user-product-buttons>.btn-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.black-btn {
	background-color: #000;
}

.form-element .offer-btn {
	background-color: #000;
}

ul.count-detial {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}

.user-product-buttons>.btn-container>.decline-btn {
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	background-color: #808080;
	color: #fff;
	border: none;
	font-size: 12px;
	margin: 0px 10px;
	max-width: 120px;
	width: 100%;
	padding: 7px 0px;
}

.user-product-buttons>.btn-container>.accept-btn {
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	background-color: #000;
	color: #fff;
	border: none;
	font-size: 12px;
	margin: 0px 5px;
	max-width: 120px;
	width: 100%;
	padding: 7px 5px;
}

.user-product-buttons p {
	font-size: 13px;
	color: #808080;
	text-align: center;
	margin-bottom: 6px;
}

.offer-box-deal {
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 10px;
}

.offer-box-sent {
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 10px;
	padding: 0px 0px 5px 10px;
}

.send-msg .msg-box .offer-box-sent p {
	width: auto;
	font-size: 16px;
	margin-bottom: 5px;
}

.send-msg .msg-box .offer-box .user-product-container {
	margin-left: 10px;
}

.send-msg .msg-box .offer-box .user-product-container:last-child {
	margin-bottom: 0px;
}

.compare-desk {
	position: fixed;
	top: 100%;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(67, 72, 78, 0.7);
	height: 130px;
	content: "";
	padding-top: 22px;
	padding-bottom: 22px;
	z-index: 111;
	display: grid;
}

.compare-desk.active {
	top: unset;
}

.empty-item {
	display: inline-block;
	width: 100%;
	height: 87px;
	border: solid 1px #c2c2c2;
	background-color: #43484e;
	color: #000;
	content: "";
	height: 87px;
}

.empty-item:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 87px;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	letter-spacing: normal;
	text-align: center;
	color: rgba(255, 255, 255, .3);
}

.multiple-compare .slick-prev {
	top: 50% !important;
	left: -10px !important;
	width: 15px;
	height: 15px;
	background-size: contain !important;
	background-image: url(../images/compareslicka.svg) !important;
}

.multiple-compare .slick-next {
	top: 50% !important;
	right: -10px !important;
	width: 15px;
	height: 15px;
	background-size: contain !important;
	background-image: url(../images/compareslicka.svg) !important;
}

.multiple-compare .slick-slide {
	cursor: auto !important;
	padding: 0 15px;
}

.multiple-compare .slick-slide .col-sm-3 {
	padding: 0;
}

.gr-compare-btn:hover {
	color: #fff;
}

.gr-compare-btn {
	display: inline-block;
	width: 100%;
	position: relative;
	background: #000;
	color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
	border-radius: 4px;
	height: 40px;
	line-height: 40px;
	border: none;
	margin-top: 7px;
	text-align: center;
}

.mauto-top {
	margin: -22px auto 0;
	display: inline-block;
	position: relative;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	top: -30px;
	overflow: hidden;
}

.toggle-btn-compare {
	cursor: pointer;
	display: inline-block;
	width: auto;
	height: 30px;
	background: rgba(67, 72, 78, 0.7);
	padding: 0 10px;
	min-width: 220px;
}

.compare-item {
	background: #fff;
	display: inline-block;
	width: 100%;
	min-height: 87px;
}

.compimg-thumb {
	float: left;
	max-width: 35px;
	margin-right: 10px;
	margin-left: 10px;
}

.compimg-thumb img {
	object-fit: cover;
	height: 35px;
	margin-top: 10px;
}

.comp-desc {
	float: left;
	width: calc(100% - 65px);
	margin-top: 8px;
}

.delete-comp-item {
	font-size: 12px;
	color: #fff;
	float: right;
	width: auto;
	position: relative;
	text-align: right;
	vertical-align: middle;
	margin-right: 10px;
}

.comp-qty {
	display: inline-block;
	width: 100%;
	font-size: 10px;
	color: #646464;
}

.comp-price {
	display: inline-block;
	width: 100%;
	font-size: 11px;
	font-weight: 700;
	color: #06aaf1;
}

.delete_item .compare-delete-modal-content .modal-body {
	padding-top: 20px;
	padding-bottom: 0;
}

.delete_item .compare-delete-modal-content .modal-body>p {
	margin-top: 20px;
	margin-bottom: 0;
}

.cmparpg-prdct-btnsec i.fa-trash {
	font-size: 25px;
	margin-left: 15px;
}

.stock-error {
	color: #ff0000;
}

.btn-group:hover {
	color: #fff;
}

.offer-accepted {
	background: none !important;
	color: #009EDE !important;
}

.offer-declined {
	color: #999999;
}

.offer-accept-txt {
	color: #999999;
}

.btn-black {
	background: #4d4d4d;
	color: #fff;
	display: inline-block;
	padding: 5px 20px;
	text-align: center;
}

.form-element.w-65 select {
	font-size: 14px;
}

.form-element select {
	border: solid 1px #979797;
	width: 100%;
	height: 40px;
	border-radius: 0px;
	font-size: 16px;
	font-weight: 400;
	color: #4d4d4d;
}

.add-comp-list-btn {
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background-color: #06aaf1;
	border: none;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #fff;
}

.empty-item {
	display: inline-block;
	width: 100%;
	height: 87px;
	border: solid 1px #c2c2c2;
	background-color: #43484e;
	color: #000;
	content: "";
	height: 87px;
}

.btn-group.compare-btn {
	background: #06aaf1;
	margin-bottom: 16px;
}

.compare-desk {
	position: fixed;
	top: 100%;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(67, 72, 78, 0.7);
	height: 130px;
	content: "";
	padding-top: 22px;
	padding-bottom: 22px;
	z-index: 111;
	display: grid;
}

.compare-desk.active {
	top: unset;
}

.empty-item {
	display: inline-block;
	width: 100%;
	height: 87px;
	border: solid 1px #c2c2c2;
	background-color: #43484e;
	color: #000;
	content: "";
	height: 87px;
}

.empty-item:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 87px;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	letter-spacing: normal;
	text-align: center;
	color: rgba(255, 255, 255, .3);
}

.multiple-compare .slick-prev {
	top: 50% !important;
	left: -10px !important;
	width: 15px;
	height: 15px;
	background-size: contain !important;
	background-image: url(../images/compareslicka.svg) !important;
	background-repeat: no-repeat !important;
	transform: rotate(180deg) !important;
}

.multiple-compare .slick-next {
	top: 50% !important;
	right: -10px !important;
	width: 15px;
	height: 15px;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-image: url(../images/compareslicka.svg) !important;
}

.multiple-compare .slick-slide {
	cursor: auto !important;
	padding: 0 15px;
}

.multiple-compare .slick-slide .col-sm-3 {
	padding: 0;
}

.compare-desk .form-element {
	margin-right: 0;
	float: left;
	max-width: inherit;
	margin-top: 0;
}

.w-65 {
	width: calc(100% - 55px);
}

.w-35 {
	float: right;
	width: 40px;
}

.slick-next::before,
.slick-prev::before {
	display: none;
}

.form-element>i {
	font-size: 20px;
	position: absolute;
	right: 20px;
	top: 12px;
	pointer-events: none;
}

.sup-tit {
	float: left;
	width: 100%;
	text-align: center;
	background: #000;
	color: #fff;
	font-size: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.list-pop .modal-sm {
	width: 380px !important;
	margin-top: 15%;
}

.list-pop .modal-content {
	padding: 20px 30px;
}

.pop-header {
	display: inline-block;
	width: auto;
}

.pop-header h4 {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #212424;
	margin: 0;
}

.pop-form-element label {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #212424;
	margin-top: 20px;
}

.pop-form-element input {
	display: inline-block;
	width: 100%;
	height: 40px;
	border: solid 1px #979797;
	background-color: #fff;
	padding: 0 15px;
	margin-bottom: 30px;
}

.pop-footer {
	display: inline-block;
	width: 100%;
	position: relative;
}

.row-10 {
	margin-left: -10px;
	margin-right: -10px;
}

.row-10 .col-sm-6 {
	padding-left: 10px;
	padding-right: 10px;
}

.close-list-btn {
	width: 100%;
	text-align: center;
	line-height: 40px;
	border: none;
	height: 40px;
	color: #fff;
	background-color: #999;
}

.list-save-btn {
	width: 100%;
	height: 40px;
	background-color: #000;
	text-align: center;
	line-height: 40px;
	border: none;
	color: #fff;
}

.list-pop .close {
	font-size: 22px;
}

.form-element.w-65 select {
	font-size: 14px;
}

.w-100 {
	width: 100%;
}

.modal-dialog.compare-delete-modal-content {
	max-width: 350px;
	top: 20%;
}

#modalUnableOrder .modal-content {
	max-width: 450px;
	padding: 20px 25px;
}

.modal-dialog.delete-modal-content {
	max-width: 380px;
}

.delete-modal-content .modal-body>p {
	margin-top: 15px;
}

.delete-modal-content .modal-footer,
.delete-modal-content .modal-body {
	padding: 15px 30px;
}

.delete-modal-content .modal-footer>div {
	display: inline-block;
	cursor: pointer;
	width: 150px;
	border: none;
}

.delete-modal-content .modal-footer>div.btn-gray {
	float: left;
}

.delete-modal-content .modal-footer>div.btn-green {
	float: right;
}

.review-container,
.payment-container {
	margin-bottom: 100px;
}

.compare-delete-modal-content .modal-footer,
.compare-delete-modal-content .modal-body {
	padding: 20px 30px;
}

.compare-delete-modal-content .modal-footer>div.btn-gray {
	float: left;
}

.compare-delete-modal-content .modal-footer>div.btn-green {
	float: right;
}

.compare-delete-modal-content .modal-footer>div {
	display: inline-block;
	cursor: pointer;
	width: 125px;
	border: none;
}

.compare-delete-modal-content .modal-body>p {
	margin-top: 15px;
}

.user-product-container .user-product-info-special-price span {
	color: #009EDE;
}

.h-search-bar {
	width: 100%;
	max-width: 552px;
	float: right;
}

.h-extramenus {
	float: inherit;
}

.hrcc-top.full-width.clearfix {
	max-width: 986px;
	margin: 0 auto 15px;
	display: block;
}

.hrcc-top.full-width.clearfix span.h-title {
	font-weight: 400;
	font-size: 16px;
	color: #b3b3b3;
}

.hrcc-top.full-width.clearfix .btn-blue {
	width: 18px;
	height: 18px;
	vertical-align: baseline;
	margin-right: 6px;
	background: #000;
}

.hrcc-top.full-width.clearfix .btn-blue>i {
	color: #fff;
	text-align: center;
	font-size: 16px;
	padding: 0px 6px;
}

.cart-box.full-width .cb-header .fancy-checkbox {
	margin-bottom: 0;
}


/*New Storefront Style*/

.item-box-small>.item-image {
	width: 100%;
	height: 100%;
	border: 0;
}

.item-image>img {
	width: 100%;
	margin-bottom: 0px;
	max-height: 100%;
	max-width: 180px;
}

.page-store span.stars,
.page-search .product-list span.stars {
	width: 103px;
}

.page-transaction-complete.guest .tccct-btn {
	margin-top: 2px;
}

.quantity-alert {
	display: block;
	color: #ff5a60;
	font-size: 14px;
	font-weight: 700;
	margin-top: 8px;
}

.page-search .product-list {
	margin-top: 25px;
}

.page-search .product-list .item-box-small>.item-detail {
	text-align: left;
}

.popup-tag-update {
	position: fixed;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 999999;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.5);
}

.popup-tag-update .popup-wrapper {
	width: 400px;
	background-color: #fff;
	z-index: 99;
	margin-top: 113px;
	margin: 130px auto;
	position: relative;
	padding: 20px;
}

.popup-tag-update .popup-wrapper h4 {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
}

.popup-tag-update .popup-wrapper .form-control {
	border-radius: 0px;
	border: 2px solid #d1d1d1;
	box-shadow: none;
}

.popup-tag-update .popup-btn {
	margin-top: 15px;
}

.popup-tag-update .popup-btn .btn {
	border-radius: 0px;
	margin: 0px;
	width: 100px;
	font-size: 14px;
}

.popup-tag-update .btn-default {
	border: none;
	color: #999;
}

.info-container .tab-content p {
	word-break: break-all;
}

.variants-section .resultTable .table-cell.cell-stock-limit label {
	margin-left: 40px;
}

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

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

.table .long-details a {
	white-space: nowrap;
}

.table .long-details .more-icon {
	transform: rotate(180deg);
}

.icon.icon-review_black {
	background-image: url("../images/view_review.svg");
	display: block;
	margin: auto;
	text-align: center;
}

.icon.icon-review_black {
	width: 39px;
	height: 39px;
	margin-bottom: 5px;
}

.product-detail a:hover .icon.icon-review_black {
	background-image: url("../images/view_review_hover.svg");
}

.new-review {
	color: #000000;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	display: block;
}

.review-reply {
	color: #4d4d4d;
	font-size: 15px;
	font-weight: bold;
	display: block;
	margin-top: 12px;
}

#replyModal .modal-content {
	max-width: 589px;
	margin: 0 auto;
}

#replyModal .review-box {
	padding: 0;
}

#replyModal .modal-body,
#replyModal .modal-header {
	padding: 15px 20px;
}

#replyModal .modal-footer button {
	color: #ffffff;
	background-color: #000000;
	border-radius: 0;
	font-size: 12px;
	font-weight: bold;
	max-width: 145px;
	width: 100%;
	padding: 12px 0;
}

#replyModal .close {
	font-size: 30px;
	margin-top: 10px;
	margin-right: 10px;
}

#replyModal .review-detail {
	width: calc(100% - 50px);
}

#replyModal textarea.form-control {
	border-radius: 0;
}

.reply-divider {
	border-top: 1px solid #C8C8C8;
	margin-left: 80px;
	margin-right: 50px;
}

.cart-item-row .reply-divider {
	border-top: 1px solid #C8C8C8;
	margin-left: 26px;
	margin-right: 10px;
	margin-top: 20px;
}

.h-search-bar>div.h-search-category {
	max-width: 247px;
	width: 100%;
}

.h-search-category>select {
	height: 45px;
	max-width: 256px;
	width: 100%;
}

li.h-search {
	max-width: 600px;
	width: 100%;
}

.h-cart span {
	color: #212124;
}

span.currencySymbol {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.item-upload-category-container .checkbox-content {
	width: 100%;
}

ul.st-parent {
	height: auto;
}

ul.st-parent li i {
	color: #212124;
}

ul.st-parent li a {
	position: relative;
}

ul.st-parent li a:hover i.fa-angle-right,
ul.st-parent li a:focus i.fa-angle-right {
	color: #fff;
}

ul.st-parent li i.fa-angle-right {
	position: absolute;
	right: 0;
	top: 0;
}

.page-reset {
	min-height: 100vh;
	height: 100%;
	padding-bottom: 76px;
}

.page-reset .footer {
	position: absolute;
	left: 0;
	bottom: 0;
}

.orddtl-data {
	word-break: break-all;
}

.latest-item-list .col-sm-4.col-xs-6.xs-mb-15 {
	min-height: 225px;
	max-height: 195px;
}

.store-container .product-list .col-sm-4.col-xs-6.xs-mb-15 {
	min-height: 295px;
	max-height: 295px;
}

#tab-items .subaccount-data-table>table.table>thead>tr>th {
	white-space: nowrap;
}

#tab-items .subaccount-data-table .table>tbody>tr>td {
	white-space: nowrap;
}


/*Feature*/

.header-logo {
	background: url(../images/logo_on_white.svg)no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	width: 106px;
	height: 54px;
	background-position: center center !important;
	display: inline-block;
	vertical-align: middle;
	background-size: contain;
}

.header-logo.logo-source-center {
	background: url(../images/logo_source_white.png)no-repeat;
	height: 100px;
	width: 100px;
	background-size: cover;
}

ul.h-dd-menu {
	margin-top: 14px;
}

.header .dd-options {
	left: 0;
	margin-top: 14px !important;
}

.sidebar {
	width: 235px;
	background-color: #f0f0f0;
	position: fixed;
	left: 0;
	top: 0;
	margin-top: 44px;
	height: 100%;
	height: calc(100vh - 44px);
	z-index: 9;
	transition: 0.50s all;
}

.sidebar.o-collapse {
	margin-left: -205px;
}

.sidebar.o-collapse+.main-content {
	position: relative;
	z-index: 1;
}

.sidebar.o-collapse+.main-content {
	margin-left: 30px;
}

.page-sidebar .orderlist-container {
	padding-left: 35px;
	padding-right: 35px;
}

.page-sidebar .dashboard-container {
	padding-left: 35px;
	padding-right: 35px;
}

.page-sidebar .delivery-setting-container {
	padding-left: 35px;
	padding-right: 35px;
}

.sidebar.o-collapse .sidebar-wrapper {
	overflow-y: hidden;
}

.sidebar-nav li.has-sub>ul {
	display: none;
}

.sidebar-nav li.has-sub.active>ul {
	display: block;
}

.sidebar-nav li.has-sub>a {
	position: relative;
}

.sidebar-nav li.has-sub>a:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	color: #fff;
	position: absolute;
	right: 0px;
	color: #4d4d4d;
	text-align: right;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	top: 50%;
	line-height: 14px;
}

.sidebar-nav li.has-sub.active>a:after {
	content: "\f107";
	color: #009edf;
}

.sidebar-adjust {
	width: 100%;
	height: 100%;
	position: relative;
}

.main-content {
	margin-left: 235px;
	transition: 0.50s all;
}

.main-content .main {
	margin-top: 0;
}

.sidebar-wrapper {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 13px;
	position: relative;
	height: 100%;
	overflow-y: auto;
}

.sidebar-brand img {
	max-width: 117.4px;
}

.sidebar-brand {
	text-align: center;
	margin-bottom: 30px;
}

.sidebar ul li a {
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	color: #4d4d4d;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.sidebar ul li a>i {
	font-size: 19px;
	margin-right: 15px;
	vertical-align: middle;
}

.sidebar ul li.active>a {
	color: #009edf;
	font-weight: 600;
}

.fa-discount-svg {
	background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7656 6.82812C15.655 6.76396 15.5327 6.72235 15.4059 6.7057C15.279 6.68904 15.1502 6.69767 15.0267 6.73108C14.9032 6.76449 14.7876 6.82202 14.6864 6.90036C14.5853 6.9787 14.5007 7.07629 14.4375 7.1875L8.85937 16.8437C8.79521 16.9544 8.7536 17.0767 8.73694 17.2035C8.72029 17.3303 8.72891 17.4592 8.76232 17.5827C8.79574 17.7062 8.85327 17.8218 8.93161 17.9229C9.00995 18.0241 9.10754 18.1087 9.21875 18.1719C9.36424 18.2607 9.53284 18.3042 9.70312 18.2969C9.87367 18.2961 10.0411 18.2511 10.189 18.1662C10.3369 18.0813 10.4602 17.9594 10.5469 17.8125L16.125 8.15625C16.1913 8.04615 16.2347 7.92377 16.2525 7.79648C16.2703 7.66919 16.2621 7.53961 16.2286 7.41554C16.195 7.29147 16.1367 7.17548 16.0571 7.07453C15.9776 6.97358 15.8784 6.88976 15.7656 6.82812ZM11.4844 10.0469C11.5183 9.1568 11.199 8.28941 10.596 7.63378C9.99309 6.97816 9.15542 6.58747 8.26562 6.54688C7.37449 6.58749 6.53526 6.97765 5.92983 7.63281C5.3244 8.28796 5.00155 9.15531 5.03125 10.0469C4.99734 10.9411 5.3183 11.8125 5.92417 12.471C6.53004 13.1296 7.37168 13.5219 8.26562 13.5625C9.15823 13.5219 9.99834 13.1291 10.6017 12.47C11.2051 11.811 11.5225 10.9396 11.4844 10.0469ZM8.26562 11.6094C7.89108 11.566 7.54804 11.3788 7.30896 11.0873C7.06989 10.7957 6.95349 10.4227 6.98437 10.0469C6.94941 9.67025 7.06431 9.29501 7.30415 9.00253C7.54399 8.71004 7.88944 8.52387 8.26562 8.48437C8.64065 8.52375 8.98468 8.71049 9.22202 9.00352C9.45937 9.29654 9.5706 9.67184 9.53125 10.0469C9.56643 10.4211 9.45366 10.7942 9.21709 11.0862C8.98052 11.3783 8.63897 11.5661 8.26562 11.6094ZM16.7344 11.4375C15.8446 11.4781 15.0069 11.8688 14.404 12.5244C13.801 13.18 13.4817 14.0474 13.5156 14.9375C13.4775 15.8302 13.7949 16.7016 14.3983 17.3607C15.0017 18.0197 15.8418 18.4126 16.7344 18.4531C17.6283 18.4125 18.47 18.0202 19.0758 17.3616C19.6817 16.7031 20.0027 15.8317 19.9687 14.9375C19.9984 14.0459 19.6756 13.1786 19.0702 12.5234C18.4647 11.8683 17.6255 11.4781 16.7344 11.4375ZM16.7344 16.5C16.361 16.4567 16.0195 16.2689 15.7829 15.9769C15.5463 15.6848 15.4336 15.3117 15.4687 14.9375C15.4336 14.5633 15.5463 14.1902 15.7829 13.8981C16.0195 13.6061 16.361 13.4183 16.7344 13.375C17.1106 13.4145 17.456 13.6007 17.6958 13.8932C17.9357 14.1856 18.0506 14.5609 18.0156 14.9375C18.0465 15.3133 17.9301 15.6863 17.691 15.9779C17.452 16.2695 17.1089 16.4567 16.7344 16.5Z' fill='%234d4d4d'/%3E%3Cpath d='M12.5 0.781251C9.28907 0.680144 6.16926 1.85743 3.82561 4.05461C1.48195 6.25178 0.106045 9.28923 0 12.5C0.106045 15.7108 1.48195 18.7482 3.82561 20.9454C6.16926 23.1426 9.28907 24.3199 12.5 24.2188C15.7109 24.3199 18.8307 23.1426 21.1744 20.9454C23.518 18.7482 24.894 15.7108 25 12.5C24.894 9.28923 23.518 6.25178 21.1744 4.05461C18.8307 1.85743 15.7109 0.680144 12.5 0.781251ZM12.5 22.2656C9.80808 22.3629 7.1872 21.3901 5.21069 19.56C3.23418 17.7299 2.06292 15.1914 1.95312 12.5C2.06292 9.80856 3.23418 7.27015 5.21069 5.44005C7.1872 3.60994 9.80808 2.63712 12.5 2.73438C15.1919 2.63712 17.8128 3.60994 19.7893 5.44005C21.7658 7.27015 22.9371 9.80856 23.0469 12.5C22.9371 15.1914 21.7658 17.7299 19.7893 19.56C17.8128 21.3901 15.1919 22.3629 12.5 22.2656Z' fill='%234d4d4d'/%3E%3C/svg%3E");
	display: block;
	background-size: contain;
	height: 20px;
	background-repeat: no-repeat;
}

.sidebar ul li.active>a .fa-discount-svg {
	background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7656 6.82812C15.655 6.76396 15.5327 6.72235 15.4059 6.7057C15.279 6.68904 15.1502 6.69767 15.0267 6.73108C14.9032 6.76449 14.7876 6.82202 14.6864 6.90036C14.5853 6.9787 14.5007 7.07629 14.4375 7.1875L8.85937 16.8437C8.79521 16.9544 8.7536 17.0767 8.73694 17.2035C8.72029 17.3303 8.72891 17.4592 8.76232 17.5827C8.79574 17.7062 8.85327 17.8218 8.93161 17.9229C9.00995 18.0241 9.10754 18.1087 9.21875 18.1719C9.36424 18.2607 9.53284 18.3042 9.70312 18.2969C9.87367 18.2961 10.0411 18.2511 10.189 18.1662C10.3369 18.0813 10.4602 17.9594 10.5469 17.8125L16.125 8.15625C16.1913 8.04615 16.2347 7.92377 16.2525 7.79648C16.2703 7.66919 16.2621 7.53961 16.2286 7.41554C16.195 7.29147 16.1367 7.17548 16.0571 7.07453C15.9776 6.97358 15.8784 6.88976 15.7656 6.82812ZM11.4844 10.0469C11.5183 9.1568 11.199 8.28941 10.596 7.63378C9.99309 6.97816 9.15542 6.58747 8.26562 6.54688C7.37449 6.58749 6.53526 6.97765 5.92983 7.63281C5.3244 8.28796 5.00155 9.15531 5.03125 10.0469C4.99734 10.9411 5.3183 11.8125 5.92417 12.471C6.53004 13.1296 7.37168 13.5219 8.26562 13.5625C9.15823 13.5219 9.99834 13.1291 10.6017 12.47C11.2051 11.811 11.5225 10.9396 11.4844 10.0469ZM8.26562 11.6094C7.89108 11.566 7.54804 11.3788 7.30896 11.0873C7.06989 10.7957 6.95349 10.4227 6.98437 10.0469C6.94941 9.67025 7.06431 9.29501 7.30415 9.00253C7.54399 8.71004 7.88944 8.52387 8.26562 8.48437C8.64065 8.52375 8.98468 8.71049 9.22202 9.00352C9.45937 9.29654 9.5706 9.67184 9.53125 10.0469C9.56643 10.4211 9.45366 10.7942 9.21709 11.0862C8.98052 11.3783 8.63897 11.5661 8.26562 11.6094ZM16.7344 11.4375C15.8446 11.4781 15.0069 11.8688 14.404 12.5244C13.801 13.18 13.4817 14.0474 13.5156 14.9375C13.4775 15.8302 13.7949 16.7016 14.3983 17.3607C15.0017 18.0197 15.8418 18.4126 16.7344 18.4531C17.6283 18.4125 18.47 18.0202 19.0758 17.3616C19.6817 16.7031 20.0027 15.8317 19.9687 14.9375C19.9984 14.0459 19.6756 13.1786 19.0702 12.5234C18.4647 11.8683 17.6255 11.4781 16.7344 11.4375ZM16.7344 16.5C16.361 16.4567 16.0195 16.2689 15.7829 15.9769C15.5463 15.6848 15.4336 15.3117 15.4687 14.9375C15.4336 14.5633 15.5463 14.1902 15.7829 13.8981C16.0195 13.6061 16.361 13.4183 16.7344 13.375C17.1106 13.4145 17.456 13.6007 17.6958 13.8932C17.9357 14.1856 18.0506 14.5609 18.0156 14.9375C18.0465 15.3133 17.9301 15.6863 17.691 15.9779C17.452 16.2695 17.1089 16.4567 16.7344 16.5Z' fill='%23499AD3'/%3E%3Cpath d='M12.5 0.781251C9.28907 0.680144 6.16926 1.85743 3.82561 4.05461C1.48195 6.25178 0.106045 9.28923 0 12.5C0.106045 15.7108 1.48195 18.7482 3.82561 20.9454C6.16926 23.1426 9.28907 24.3199 12.5 24.2188C15.7109 24.3199 18.8307 23.1426 21.1744 20.9454C23.518 18.7482 24.894 15.7108 25 12.5C24.894 9.28923 23.518 6.25178 21.1744 4.05461C18.8307 1.85743 15.7109 0.680144 12.5 0.781251ZM12.5 22.2656C9.80808 22.3629 7.1872 21.3901 5.21069 19.56C3.23418 17.7299 2.06292 15.1914 1.95312 12.5C2.06292 9.80856 3.23418 7.27015 5.21069 5.44005C7.1872 3.60994 9.80808 2.63712 12.5 2.73438C15.1919 2.63712 17.8128 3.60994 19.7893 5.44005C21.7658 7.27015 22.9371 9.80856 23.0469 12.5C22.9371 15.1914 21.7658 17.7299 19.7893 19.56C17.8128 21.3901 15.1919 22.3629 12.5 22.2656Z' fill='%23499AD3'/%3E%3C/svg%3E");
}

.sidebar ul li.has-sub li>a {
	font-size: 13px;
}

.sidebar-action {
	background-color: #1e3f4c;
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0;
	margin-top: 24px;
	margin-right: -20px;
	z-index: 9;
	border-radius: 40px;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	transition: 0.50s all;
}

.sidebar.o-collapse .sidebar-action:before {
	content: "\f0c9";
}

.sidebar-action:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f104";
	color: #fff;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 26px;
	line-height: 40px;
}

span.sc-text-big+small {
	color: #999999;
	font-size: 14px;
	padding-left: 10px;
	font-weight: 500;
}

.sc-u.title-sc-u {
	padding-bottom: 15px;
	border: none;
}

.top-title {
	font-size: 14px;
	font-weight: 500;
	color: #3c7d99;
	display: block;
	margin-bottom: 15px;
	display: inline-block;
}

.sassy-filter {
	color: #808080;
	font-size: 14px;
	padding-bottom: 10px;
}

.sassy-filter .sassy-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.sassy-filter .sassy-flex .sassy-r {
	min-width: 165px;
	margin-left: auto;
}

.sassy-l>div {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.sassy-l>div>* {
	margin-right: 15px;
}

.sassy-filter .sassy-l .sassy-label {
	margin-right: 15px;
}

.sassy-label {
	font-size: 14px;
	font-weight: 800;
	color: #212124;
	margin: 0px;
}

.group-search .sassy-select {
	padding-left: 0;
}

.sassy-r .sassy-select {
	padding-right: 20px;
}

.sassy-select {
	border: none;
	color: #3c7d99;
	padding: 0px;
	padding-right: 10px;
	background-color: transparent;
	padding-left: 10px;
}

.select-sassy-wrapper {
	position: relative;
	/* width: 105px; */
}

.select-sassy-wrapper .advanced-select .dropdown-menu {
	margin-top: 10px;
}

.select-sassy-wrapper .advanced-select .q {
	padding: 5px 10px;
}

.select-sassy-wrapper .advanced-select .dropdown-menu {
	min-width: 180px;
	margin-top: 0px;
}

.select-sassy-wrapper .advanced-select .x-clear {
	line-height: normal;
	left: inherit;
	position: inherit;
	top: inherit;
	padding: 0px;
	vertical-align: middle;
	width: auto;
	font-size: 16px;
}

.select-sassy-wrapper.sassy-arrow:after {
	display: block;
	content: "";
	height: 8px;
	width: 8px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #3c7d99;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -3px;
}

.sassy-search {
	position: relative;
	display: block;
}

.group-search-flex {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.group-search .sassy-search {
	margin-right: 15px;
}

.sassy-l>div>.group-search {
	margin-right: 0;
}

.sassy-search:after {
	display: inline-block;
	color: #999999;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f002";
	position: absolute;
	right: 1px;
	top: 50%;
	width: 34px;
	height: 32px;
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	margin-top: -16px;
	margin-right: unset;
	border-radius: 4px;
}

.order-data1 tbody>tr>td select.sassy-combo {
	border: 1px solid transparent;
}

.order-data1 tbody>tr>td select.sassy-combo:focus,
.order-data1 tbody>tr>td select.sassy-combo:active {
	border-color: #ddd;
	border-radius: 4px;
}

.sassy-search input {
	color: #212424;
	width: 140px;
	border: solid 1px #979797;
	padding-right: 34px;
	z-index: 99;
}

.btn-sassy {
	background-color: #3c7d99;
	color: #fff;
}

.btn-sassy:hover,
.btn-sassy:focus {
	color: #fff;
}

.sassy-filter .btn-sassy {
	min-width: 100px;
	font-size: 13px;
	font-weight: 600;
}

.sassy-r .select-sassy-wrapper {
	margin-right: 5px;
}

.table.order-data1 thead>tr:first-child {
	border: 1px solid #d2d2d2;
}


/*



* =====================================



* //--- END SideBar Changes---//



* =====================================



*/


/*



* =====================================



* //--- PO Details ---//



* =====================================



*/

.sc-u.flex-title {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.sassy-black-btn:hover,
.sassy-black-btn:focus {
	color: #fff;
}

.sassy-black-btn {
	background-color: #202424;
	display: inline-block;
	padding: 12px 25px;
	text-align: center;
	color: #fff;
	border: none;
}

.sassy-box {
	margin-bottom: 40px;
	border: 1px solid #d2d2d2;
}

.sassy-box.no-border {
	border: none;
}

.sassy-box-header {
	background-color: #f0f0f0;
	padding: 15px 25px;
	border-bottom: 1px solid #d2d2d2;
}

.sassy-box .flex-title {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sassy-box-content {
	padding: 15px 25px;
}

.sassy-box-content.border {
	border: 1px solid #d2d2d2;
}

.canon-table {
	width: 100%;
}

.canon-table tbody td,
.canon-table tbody th {
	padding: 10px 0px;
	vertical-align: top;
}

.sassy-box .order-data1.table-items thead>tr {
	border: 1px solid #d2d2d2;
}

.sassy-box .order-data1.table-items thead>tr>th,
.sassy-box .order-data1.table-items tbody>tr>td {
	padding: 15px 25px;
}

.sassy-title {
	font-size: 22px;
	font-weight: 600;
}

.cost-table {
	width: 100%;
	max-width: 270px;
	margin-right: 30px;
	float: right;
}

.cost-table tbody tr td:first-child {
	font-weight: bold;
	color: #999;
}

.cost-table tbody tr td:last-child,
.cost-table tfoot tr td:last-child {
	text-align: right;
}

.cost-table tbody tr td,
.cost-table tfoot tr td {
	padding: 5px;
}

.cost-table tfoot tr.divider td {
	padding-top: 10px;
	padding-bottom: 10px;
}

.cost-table tfoot tr.divider td:after {
	border-top: 1px solid #979797;
	content: "";
	display: block;
}

.cost-table tfoot tr:last-child td,
.cost-table tfoot tr:last-child td .item-price {
	font-weight: bold;
	color: #212424;
	font-size: 16px;
}

.box-activity-log .order-grey-box {
	padding: 0;
	margin: 0;
	background-color: #fff;
	max-width: 100%;
}

.box-activity-log .upload-entry-file>span.icon-upload {
	color: #b3b3b3;
	font-size: 18px;
}

.box-activity-log .upload-entry-file>span {
	font-size: 14px;
	color: #51a1d9;
}

.box-activity-log .sassy-black-btn {
	font-weight: bold;
	min-width: 180px;
	max-width: 100%;
}

.box-activity-log .entry-form-prnt select {
	margin-top: 0;
	border-radius: 0;
	background-color: transparent;
}


/*.box-activity-tabs .tab-content>.osc-container,



.box-activity-tabs .ph-t-table {



	margin-top: 0;



}*/


/*.box-activity-log .select-section {



	width: auto;



	min-width: 230px;



    max-width: 100%;



}*/

.select-section>.input-outer>i {
	top: 50%;
	margin-top: -10px;
}

.entry-form-prnt .flex-wrapper {
	display: flex;
	align-items: center;
}

.box-activity-tabs .nav-tabs>li>a {
	padding: 10px;
}

.highlight-text {
	font-size: 14px;
	color: #1e3f4c;
	font-weight: 500;
}

.sassy-box-content .highlight-text:hover {
	color: #51a1d9;
	text-decoration: none;
}

.sassy-box-content .highlight-text.inv:hover,
.sassy-box-content .highlight-text.inv {
	color: #51a1d9;
}

.flex-list-txt {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.flex-list-txt a {
	display: flex;
}

label.label-bold {
	font-size: 14px;
	color: #212121;
	font-weight: 600;
	margin-bottom: 10px;
}

.text-spacer {
	margin-left: 10px;
	margin-right: 10px;
}

.spacer-20:before {
	content: "";
	width: 100%;
	height: 20px;
	display: block;
	clear: both;
}

.thumb-group span {
	margin-left: 20px;
}

.box-activity-log .upload-entry-file {
	margin-top: 17px;
	max-width: 200px;
	width: 100%;
	margin-right: 0;
	margin-left: 40px;
}


/*



* =====================================



* //--- Requisition Order ---//



* =====================================



*/

.requisition-list .sassy-l>div>* {
	margin-right: 10px;
}

.box-order-detail a {
	white-space: nowrap
}

.advanced-select .trigger {
	background: transparent;
	border: none;
	padding-left: 0px;
	padding-right: 0px;
	width: auto;
}

.sassy-filter .advanced-select .btn-toggle {
	position: inherit;
	right: inherit;
	top: inherit;
	width: auto;
	height: auto;
	text-align: center;
	display: inline-block;
}

.sassy-filter .advanced-select .btn-toggle .caret {
	margin-top: 0px;
	border-top-color: #b39199;
}

.item-actions.action-inline li {
	display: inline-block;
	vertical-align: middle;
}

.sassy-control {
	display: block;
	width: 100%;
	height: 35px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #212124;
	background-color: #fff;
	background-image: none;
	border: 1px solid #979797;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-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;
}

.sassy-btn {
	min-width: 160px;
	height: 40px;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding: 10px 15px;
}

.sassy-btn-border {
	background: transparent;
	border: solid 1px #b6b6b6;
	color: #999999;
}

.sassy-btn-bg {
	background: #3c7d99;
	border: solid 1px transparent;
	color: #fff;
}

.sassy-btn+.sassy-btn {
	margin-left: 20px;
}

.item-tags {
	margin-left: -15px;
}

.item-tags>span {
	height: 36px;
	border-radius: 4px;
	border: solid 1px #c2c2c2;
	padding: 8px 10px;
	color: #212124;
	display: inline-block;
	margin-bottom: 5px;
	vertical-align: middle;
	margin-left: 15px;
}

.item-tags>span>a {
	display: inline-block;
	margin-left: 10px;
}

.order-data1 tbody>tr>td.text-center,
.order-data1 thead>tr>th.text-center {
	text-align: center;
}

.divider-30 {
	margin-top: 30px;
}

label.sassy-checkbox {
	width: 19px;
	height: 19px;
	border: 1px solid #a4a3a3;
	position: relative;
	margin-bottom: 0px;
}

label.sassy-checkbox input {
	opacity: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
}

label.sassy-checkbox input:checked+span {
	width: 17px;
	height: 17px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	left: 0px;
	font-size: 12px;
	line-height: 17px;
}

label.sassy-checkbox input:checked+span:after {
	content: "\f00c";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.sassy-link {
	color: #3c7d99;
	font-weight: 600;
}

.subaccount-data-table .table.tbl-department>tbody>tr>td:last-child {
	text-align: right;
}


/*wallet*/

.filter-list-date-sec.sassy-datepicker .group-datepicker input {
	border: 0;
	padding-left: 0;
	max-width: 122px;
	padding-right: 0px;
	margin-left: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 0;
	cursor: pointer;
}

.filter-list-date-sec.sassy-datepicker .group-datepicker .caret {
	margin-top: 0px;
	border-top-color: #b39199;
}


/*wallet*/


/* donor-project-detail */

.donor_project_outer .form-element select {
	height: 35px;
	border-radius: 4px;
	font-size: 14px;
}


/* donor-project-detail */


/* seller-sent-quotation */

.quotation-table .under-title {
	padding: 0;
}

.quotation-table .under-title-name {
	padding-left: 55px;
	padding: 0;
	vertical-align: middle;
	border-left: 1px solid #ddd;
	display: block;
	margin-left: 24px;
	height: 34px;
	padding-left: 10px;
	line-height: 33px;
}


/* seller-sent-quotation */

.requisition-number-container {
	font-size: 18px;
	font-weight: 600;
}

.delivery-address-subtitle {
	margin-bottom: 10px;
	color: #4d4d4d;
	font-weight: 700;
	font-size: 16px;
	width: 100%;
}


/* Requisition Order Approval */

.order-act-btn {
	border-radius: 4px;
	border: solid 1px #1e3f4c;
	height: 35px;
	min-width: 123px;
	font-size: 14px;
	color: #1e3f4c;
	font-weight: 600;
	text-align: center;
	background-color: #fff;
}

.order-act-btn.ok {
	background-color: #1e3f4c;
	border: solid 1px #1e3f4c;
	color: #fff;
}

.order-actions {
	margin-left: 15px;
}

.order-actions .order-act-btn {
	margin-left: 10px;
}

.order-actions .order-act-btn+.order-act-btn {
	margin-left: 15px;
}

.order-state-popup .btn-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.order-state-popup {
	width: 400px;
}

.popup-area.order-state-popup .title-area h1 {
	color: #4d4d4d;
	font-size: 18px;
	margin-bottom: 20px;
}

.order-state-popup .wrapper {
	padding: 40px 50px;
}

.order-state-popup .btn-pop {
	min-width: 123px;
	height: 40px;
	border-radius: 4px;
	border: none;
	color: #ffffff;
}

.order-state-popup .btn-pop.btn-pop-cancel {
	background-color: #999999;
}

.order-state-popup .btn-pop.btn-pop-okey {
	background-color: #1e3f4c;
}

.order-actions+.order-date {
	flex: 0 0 100%;
	margin-top: 10px;
}


/* Requisition Order Approval */

.save-actions .action-btn {
	border-radius: 0px;
	border: solid 1px #999;
	height: 35px;
	min-width: 123px;
	font-size: 14px;
	color: #999;
	font-weight: 600;
	text-align: center;
	background-color: transparent;
}

.save-actions .action-btn.action-save {
	margin-left: 15px;
	background-color: #3c7d99;
	color: #fff;
}

.group-add-workflow {
	margin-top: 20px;
}

.group-add-workflow .add-workflow {
	background-color: #f8f8f8;
	padding: 20px;
	display: none;
	position: relative;
}

.group-add-workflow .add-workflow-wrapper {
	width: 470px;
	max-width: 100%;
}

.add-workflow .sassy-control {
	width: 252px;
	max-width: 100%;
}

.add-workflow .flex-input-group .sassy-control {
	width: 140px;
	max-width: 100%;
}

.add-workflow .flex-input-group {
	display: flex;
	align-items: center;
}

.add-workflow .flex-input-group label {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0;
}

.add-workflow .link-group {
	display: flex;
	align-items: center;
}

.add-workflow .link-group .sassy-link {
	margin-left: 10px;
}

.group-add-workflow.active .add-workflow {
	display: block;
}

.group-add-workflow .sassy-btn-border {
	color: #3c7d99;
	font-weight: 600;
}

.group-add-workflow.active .sassy-btn-border {
	background-color: #f8f8f8;
	border-color: transparent;
}

.sassy-checkbox-outer label.sassy-checkbox {
	width: auto;
	height: auto;
	border: none;
}

.sassy-checkbox-outer .sassy-checkbox span {
	width: 19px;
	height: 19px;
	border: 1px solid #a4a3a3;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -3px;
}

.sassy-checkbox-outer label.sassy-checkbox input:checked+span {
	position: inherit;
	left: inherit;
	width: 19px;
	height: 19px;
	line-height: 19px;
}

.page-delivery .pdc-inputs #btnAddDeliveryAddress.disabled {
	position: relative;
	cursor: not-allowed;
}

.page-delivery .pdc-inputs #btnAddDeliveryAddress.disabled:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.2);
	z-index: 999;
	display: block;
	content: "";
}

.mobi-tabler {
	display: none;
	margin-bottom: 20px;
}

.pos_space {
	position: relative;
	display: inline-block;
	width: 100%;
}

.mobi-tabler>i {
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	right: 0;
	top: 5px;
}

.extra .thumb-group {
	padding-left: 67px;
}

.order-data1 tbody>tr.extra.bt-none>td {
	border-top: 0;
}

.order-data1 tbody>tr.extra.bb-none>td {
	border-bottom: 0;
}

#create-quotation-btn {
	border: 1px solid transparent;
}

#create-quotation-btn._c {
	color: #3d7c99;
	;
	background-color: #fff;
	border: 1px solid #3d7c99;
}

@media(max-width: 767px) {
	.page-sidebar .orderlist-container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.page-sidebar .dashboard-container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.page-sidebar .delivery-setting-container {
		padding-left: 15px;
		padding-right: 15px;
	}
}


/*September 11 2019*/

.form-group.field-merchant.selectbox.l-i-i {
	display: flex;
	align-items: center;
}

.advanced-select {
	position: relative;
	max-width: 426px;
	width: 100%;
}

.advanced-select .form-control {
	width: 100%;
}

.filter-bar .form-control {
	border-radius: 0px;
	border: 1px solid #d4d4d4;
	height: 35px;
	color: #999999;
	box-shadow: none;
	font-size: 12px;
}

.advanced-select .btn-toggle {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 35px;
	height: 100%;
	text-align: center;
	display: none;
}

.advanced-select .btn-toggle .caret {
	margin-top: 15px;
}

.advanced-select .x-clear {
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	width: 30px;
	text-align: center;
	padding: 7px;
	font-size: 22px;
	line-height: 25px;
}

.advanced-select .dropdown-menu {
	width: 100%;
	border-radius: 0px;
	box-shadow: none;
	margin-top: 0px;
	max-height: 210px;
	overflow-x: auto;
}

.advanced-select .q {
	border: none;
	border-bottom: 2px solid #ddd;
	padding: 10px;
	font-size: 12px;
	margin-bottom: 10px;
	width: 100%;
	background-image: url(../images/d-search.svg);
	background-position: 95% center;
	background-repeat: no-repeat;
}

.advanced-select .dropdown-menu .x-check {
	position: relative;
}

.advanced-select .dropdown-menu li a {
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
}

.advanced-select .dropdown-menu .x-check input[type=checkbox] {
	display: none;
}

.advanced-select .dropdown-menu .x-check label {
	margin-bottom: 0;
	position: relative;
	color: #999999;
	font-weight: 600;
	font-size: 12px;
	margin-right: 6px;
	width: 100%;
}

.advanced-select .dropdown-menu input[type=checkbox]+label:before {
	background-color: transparent;
	height: 20px;
	width: 20px;
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	border: 1px solid rgb(159, 159, 159);
}

.advanced-select .dropdown-menu input[type=checkbox]:checked+label:after {
	top: 3px;
	width: 7px;
	height: 12px;
	border: solid white;
	border-width: 0 3px 3px 0 !important;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	content: "";
	transform: rotate(45deg);
	display: block;
	position: absolute;
	left: 7px;
}

.advanced-select .dropdown-menu input[type=checkbox]:checked+label:before {
	background-color: #999999;
}

.advanced-select.choosen .x-clear {
	display: inline-block;
	vertical-align: middle;
}

.form-group.field-merchant.selectbox.l-s {
	display: flex;
	align-items: center;
}

.form-group.field-merchant.selectbox.l-s .advanced-select {
	max-width: 218px;
}

.form-group.field-merchant.selectbox.l-s #principal_recipient {
	display: inline-block;
	height: 40px;
	border-radius: 4px;
	border: solid 1px #979797;
	background-color: #fff;
	line-height: 38px;
	padding: 0 15px;
}

.subaccount-data-table .order-data1 tbody>tr>td a {
	color: #212124;
	font-weight: 700;
}

.invoice-list .subaccount-data-table .order-data1 tbody>tr>td a {
	font-weight: 400;
}

.subaccount-data-table .order-data1 tbody>tr>td a:hover {
	color: #51a1d9;
	text-decoration: none;
}

.subaccount-data-table .order-data1 tbody>tr>td[data-th="Buyer"] a {
	max-width: 200px;
	display: inline-block;
	word-break: break-all;
	white-space: normal;
	width: 100%;
}

.group-search .btn-sassy {
	background-color: transparent;
	color: #3c7d99;
	min-width: auto;
}

.sub-account-list .subaccount-data-table .order-data1 thead>tr>th {
	text-transform: capitalize;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #212424;
	padding: 20px 15px;
}

.chk_box .label.sassy-checkbox {}

.add-workflow .flex-input-group .chk_box label {
	padding: 0;
	margin-left: 15px;
	vertical-align: middle;
}

.add-workflow .flex-input-group .chk_box {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}

.field-merchant .advanced-select.sassy-control {
	padding-left: 0;
	padding-right: 0;
}

.field-merchant .advanced-select.sassy-control .form-control {
	height: auto;
	line-height: 25px;
}

.field-merchant .advanced-select.choosen .x-clear {
	line-height: normal;
	padding: 0;
	top: -2px;
}

.field-merchant .advanced-select .form-control {
	width: 100%;
	padding: 0 15px;
	border: 0px;
	box-shadow: none;
}

.field-merchant .advanced-select.choosen .btn-toggle {
	display: none;
}

.field-merchant .advanced-select .btn-toggle {
	display: inline-block;
	top: 5px;
}

.mt-15 {
	margin-top: 15px;
	display: inline-block;
}


/*October 11 2019*/

.approver-table tbody tr td:first-child {
	text-align: left;
	padding-right: 47px;
}

.highlightted-user {
	font-weight: bold;
	color: #069edf;
}

.popup-area .content-area p {
	text-align: center;
}


/*Quotation Chat*/

.page-chat-quotation .user-product-buttons,
.seller-chat-quotation .user-product-buttons {
	border: none;
}

#quotation-button {
	display: block;
	background: transparent;
	font-size: 14px;
	font-weight: 500;
	color: #3d7c99;
	border: solid 1px #3d7c99;
	border-radius: 0;
	width: 156px;
	height: 40px;
	margin: 0 0 10px;
}

#create-quotation-btn {
	background-color: #3d7c99;
}

.quotation-container {
	display: none;
	padding: 20px 30px;
}

.quotation-title {
	font-size: 16px;
	font-weight: bold;
	color: #212124;
}

.quotation-date-issue {
	font-size: 13px;
	font-weight: normal;
	color: #212124;
}

.quotation-date-valid {
	font-size: 13px;
	font-weight: normal;
	color: #212124;
	margin-left: 74px;
}

.quotation-date-issue .title,
.quotation-date-valid .title,
.dd-payment-terms .title {
	font-weight: 500;
	font-size: 14px;
}

.quotation-table th {
	font-size: 13px;
	font-weight: 500;
	color: #212124;
}

.seller-chat-quotation .quotation-date-issue input {
	border: none;
	padding: 6px 10px;
	width: 90px;
}

.quotation-table th:last-child,
.quotation-table td:last-child {
	text-align: right;
}

.quotation-table td {
	font-size: 13px;
	font-weight: normal;
	color: #4d4d4d;
}

.quotation-table {
	margin-top: 20px;
}

.quotation-total {
	max-width: 303px;
	margin-top: 90px;
}

.quotation-total .title {
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	text-transform: unset;
}

.quotation-total .total-cost .title {
	font-size: 14px;
	font-weight: bold;
	color: #212424;
}

.quotation-total .price {
	font-size: 14px;
	font-weight: normal;
	text-align: right;
	color: #212124;
}

.quotation-total .total-cost .price {
	font-size: 14px;
	font-weight: 500;
	text-align: right;
	color: #212124;
}

.quotation-total .subtotal,
.quotation-total .freight-cost,
.quotation-total .discount {
	margin-bottom: 10px;
}

.quotation-total .total-cost {
	margin-top: 16px;
	border-top: solid 1px #d9d9d9;
	padding-top: 15px;
}

.seller-chat-quotation .quotation-date-issue input {
	border: none;
	padding: 6px 10px;
	width: 90px;
}

.seller-chat-quotation .quotation-date-valid input {
	border: none;
	padding: 6px 10px;
	width: 188px;
}

.seller-chat-quotation .group-datepicker {
	border: solid 1px #d9d9d9;
	position: relative;
	margin-top: 8px;
}

.seller-chat-quotation .group-datepicker i {
	right: 10px;
	position: absolute;
	top: 9px;
}

.seller-chat-quotation .quotation-date-valid {
	margin-left: 32px;
}

.seller-chat-quotation .quotation-table td {
	border: none;
	position: relative;
	vertical-align: middle;
}

.seller-chat-quotation .quotation-table th {
	border-bottom: 2px solid #ddd;
}

.seller-chat-quotation .quotation-table tr:first-child td {
	border-bottom: 1px solid #ddd;
}

.quotation-table select {
	border: solid 1px #d9d9d9;
	font-size: 13px;
	font-weight: normal;
	color: #4d4d4d;
	width: 78px;
	padding: 5px 13px 5px 7px;
}

.quotation-table td i {
	position: absolute;
	top: 17px;
	pointer-events: none;
	left: 72px;
}

.quotation-table select option {
	font-size: 13px;
	font-weight: normal;
	color: #4d4d4d;
}

.quotation-table input {
	border: solid 1px #d9d9d9;
	font-size: 13px;
	font-weight: normal;
	color: #4d4d4d;
	padding: 6px 10px;
	max-width: 135px
}

.quotation-table .quantity {
	width: 94px;
}

.quotation-table .per-unit {
	width: 90px;
	text-align: right;
	float: right;
}

.seller-chat-quotation .quotation-total {
	margin-top: 20px;
	margin-bottom: 29px;
}

.seller-chat-quotation .new-line {
	margin-top: 10px;
}

.seller-chat-quotation .new-line a {
	font-size: 14px;
	font-weight: bold;
	color: #3d7c99;
}

.seller-chat-quotation .new-line a i {
	font-size: 12px;
}

.seller-chat-quotation .btn-delete {
	background: url(../images/delete_btn.svg)no-repeat;
	width: 25px;
	height: 25px;
	background-position: center center !important;
	display: inline-block;
	vertical-align: middle;
	background-size: contain;
	position: relative;
	top: 0px;
	left: 0px;
	cursor: pointer;
}

.seller-chat-quotation .quotation-table th:nth-child(5),
.seller-chat-quotation .quotation-table td:nth-child(5) {
	text-align: right;
}

.quotation-button-container {
	display: none;
	padding-right: 30px;
	margin-top: 29px;
	clear: both;
}

.quotation-button-container #quotation-close-button {
	width: 120px;
	height: 35px;
	border-radius: 2px;
	border: solid 1px #979797;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	float: right;
	display: block;
	background: #ffffff;
}

.quotation-button-container #quotation-send-button {
	width: 120px;
	height: 35px;
	border-radius: 2px;
	background-color: #3d7c99;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	float: right;
	margin-left: 23px;
}

.page-chat-quotation .quotation-button-container #quotation-close-button {
	width: 120px;
	height: 35px;
	border-radius: 2px;
	/* background-color: #c2c2c2; */
	font-size: 14px;
	font-weight: bold;
	/* color: #ffffff; */
	border: solid 1px #979797;
}

.page-chat-quotation .quotation-button-container #quotation-cancel-button,
.seller-chat-quotation .quotation-button-container #quotation-cancel-button {
	width: 135px;
	height: 35px;
	border-radius: 2px;
	font-size: 14px;
	font-weight: bold;
	border: solid 1px #3e7b99;
	color: #3e7b99;
	float: right;
	display: block;
	background: #ffffff;
	margin-left: 15px;
}

.seller-chat-quotation .quotation-table .table {
	border-collapse: collapse;
}

.seller-chat-quotation .quotation-wrap {
	/* height: 544px; */
}

.page-chat-quotation .compare-delete-modal-content .modal-footer>div.btn-gray,
.seller-chat-quotation .compare-delete-modal-content .modal-footer>div.btn-gray {
	border-radius: 4px
}

.page-chat-quotation .delete_item .compare-delete-modal-content .modal-body>p,
.seller-chat-quotation .delete_item .compare-delete-modal-content .modal-body>p {
	font-size: 18px;
	font-weight: bold;
	color: #4d4d4d;
}

.page-chat-quotation .modal-dialog.compare-delete-modal-content,
.seller-chat-quotation .modal-dialog.compare-delete-modal-content {
	max-width: 415px;
}

.page-chat-quotation .delete_item .compare-delete-modal-content .modal-body,
.seller-chat-quotation .delete_item .compare-delete-modal-content .modal-body {
	padding: 17px 30px;
	padding-bottom: 0;
}

.page-chat-quotation .compare-delete-modal-content .modal-footer,
.seller-chat-quotation .compare-delete-modal-content .modal-footer {
	padding: 36px 65px;
	padding-top: 20px;
}

.seller-chat-quotation input[disabled],
.seller-chat-quotation select[disabled],
#po_number[disabled],
.sassy-control[disabled] {
	color: rgb(84, 84, 84);
	cursor: default;
	background-color: #EEEEEE;
}

.flex-inline {
	display: inline-flex;
	align-items: center;
}

.flex-inline>div:last-child {
	padding-left: 15px;
}

.pay-percent-txt {
	margin-top: 20px;
}

.flex-inline>div:last-child>p {
	margin-bottom: 0;
}

.fc-group.fc-ttl {
	color: #a7a7a7;
}

div.dashboard-graph {
	padding-left: 0;
	padding-right: 0;
	border-left: 0;
	border-right: 0;
}

.payment-process .pay-percent-txt {
	margin-top: 0px;
}

.quotation-table .discountOption {
	display: none;
	width: 94px;
	padding: 5px 16px 5px 9px;
	float: left;
}

.quotation-table .fa.fa-angle-down.for-discount {
	display: none;
	left: 88px;
}

.quotation-table #price_amt {
	text-align: right;
	float: right;
}

.quotation-table .table thead th:nth-child(4) {
	text-align: right;
}

.seller-chat-quotation .sent-quotation .quotation-table th {
	border-bottom: 2px solid #ddd;
}

.seller-chat-quotation .sent-quotation .quotation-table tr:first-child td {
	border-bottom: 1px solid #ddd;
}

.seller-chat-quotation .sent-quotation .quotation-table td {
	border-bottom: 1px solid #ddd;
}

.seller-chat-quotation .sent-quotation .quotation-table tr:last-child td {
	border-bottom: 0;
}

.delivery-address-subtitle {
	margin-bottom: 10px;
	color: #4d4d4d;
	font-weight: 700;
	font-size: 16px;
	width: 100%;
}

.delivery-address-subtitle .fancy-checkbox {
	margin-top: 10px;
}

.delivery-address-subtitle .fancy-checkbox input[type="checkbox"]:checked+label {
	background: #3d7c99;
}

.delivery-address-subtitle .fancy-checkbox label:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 11px;
	height: 6px;
	background: transparent;
	top: 4px;
	left: 3px;
	border: 2px solid #fff;
	border-top: none;
	border-right: none;
	transform: rotate(-45deg);
}

.delivery-address-subtitle .fancy-checkbox input[type="checkbox"]:checked+label {
	border: 1px solid #3d7c99;
}

.delivery-address-subtitle .fancy-checkbox input[type="checkbox"]+label {
	background: transparent;
	border: 1px solid #b3b3b3;
}

.requisition-number-container {
	font-size: 18px;
	font-weight: 600;
}

.delivery-controller input[disabled],
.delivery-controller button[disabled] {
	background-color: #EEEEEE !important;
}

#cancelled-quotation-button {
	display: block;
	background: transparent;
	font-size: 14px;
	font-weight: 500;
	color: #999999;
	border: solid 1px #999999;
	border-radius: 0;
	width: 156px;
	height: 40px;
	margin: 0 0 10px;
}

.page-delivery .form-element {
	max-width: 100%;
}

.page-delivery .pdc-inputs .address-container {
	max-width: 100%;
	width: 100%;
}

.sassy-address-con .address-select {
	flex: 1;
}

.flex-address-container {
	display: flex;
	align-items: center;
}

.page-delivery .pdc-inputs #btnAddDeliveryAddress {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	height: 40px;
	width: 147px;
	border-radius: 4px;
	background-color: #3d7c99;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;
	margin-bottom: 0;
}

.page-delivery .address-select {
	display: inline-block;
	width: 100%;
	max-width: 606px;
	position: relative;
	margin-right: 20px;
	vertical-align: middle;
}

.page-delivery .address-select .dropdown-toggle {
	border: 1px solid #b3b3b3;
	padding: 9px 15px;
	color: #333;
	width: 100%;
	text-align: left;
}

.page-delivery .address-select .dropdown-toggle:hover,
.page-delivery .address-select .dropdown-toggle:focus {
	background: none;
}

.page-delivery .address-select .dropdown-toggle>i {
	font-size: 20px;
	position: absolute;
	right: 20px;
	top: 12px;
	pointer-events: none;
}

.sassy-checkbox-outer label.sassy-checkbox {
	width: auto;
	height: auto;
	border: none;
}

label.sassy-checkbox input {
	opacity: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
}

.sassy-checkbox-outer .sassy-checkbox span {
	width: 19px;
	height: 19px;
	border: 1px solid #a4a3a3;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -3px;
	text-align: center;
}

label.sassy-checkbox input:checked+span:after {
	content: "\f00c";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.sec-delivery-address .sassy-checkbox-outer {
	margin-bottom: 15px;
}

.page-delivery .address-select .dropdown-menu {
	width: 100%;
}

.page-delivery .address-select .dropdown-menu li a {
	padding: 10px 14px;
}

.block-overlay {
	position: relative;
}

.block-overlay.active:after {
	cursor: not-allowed;
	z-index: 9;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(84, 84, 84, 0.6);
	display: block;
	content: "";
}


/*September 16 2019*/

.requisition-funds {
	font-weight: 400;
	margin-left: 10px;
}

.requisition-percent {
	font-weight: 400;
	margin-left: 10px;
}

.requisition-terms {
	font-weight: 400;
	margin-left: 10px;
}

.pcc-left .flex-inline span.title {
	font-size: 18px;
	text-transform: none;
}

.page-requisition-info {
	background: #f0f0f0;
	display: flex;
	flex-direction: column;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.requisition-sources {
	margin-bottom: 15px;
	width: 100%;
}


/*September 18 2019*/

.page-delivery.page-create-requisition .form-element {
	max-width: 100%;
}

.page-delivery.page-create-requisition .address-select {
	display: inline-block;
	width: 100%;
	max-width: 606px;
	position: relative;
	margin-right: 20px;
	vertical-align: middle;
}

.page-delivery.page-create-requisition .address-select .dropdown-toggle {
	border: 1px solid #b3b3b3;
	padding: 9px 15px;
	color: #333;
	width: 100%;
	text-align: left;
}

.page-delivery.page-create-requisition .address-select .dropdown-toggle:hover,
.page-delivery .address-select .dropdown-toggle:focus {
	background: none;
}

.page-delivery.page-create-requisition .address-select .dropdown-toggle>i {
	font-size: 20px;
	position: absolute;
	right: 20px;
	top: 12px;
	pointer-events: none;
}

.page-delivery.page-create-requisition .address-select .dropdown-menu {
	width: 100%;
	max-height: 200px;
	overflow-y: scroll;
}

.page-delivery.page-create-requisition .address-select .dropdown-menu li a {
	padding: 10px 14px;
	word-break: break-all;
	white-space: normal;
	position: relative;
	padding-right: 32px;
}

.page-delivery.page-create-requisition .address-select .dropdown-menu li a.active,
.page-delivery .address-select .dropdown-menu li a:hover {
	background: #1E3F4D;
	color: #ffffff;
}

.page-delivery.page-create-requisition .address-select .dropdown-menu .icon-delete {
	float: right;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(-50%, -50%);
}

.page-delivery.page-create-requisition .review-container .cb-content {
	margin-bottom: 10px;
}

.page-delivery.page-create-requisition .pdcb-address-box.btn-add-adress {
	width: auto;
}

.page-delivery.page-create-requisition .pc-content.full-width.review-container {
	margin-bottom: 0px;
	margin-top: 0;
}

.page-delivery.page-create-requisition .requisition-information {
	margin-top: 0px;
	margin-bottom: 60px;
}

.sc-text-thin {
	font-weight: 400;
}

.page-delivery.page-create-requisition .btn-green,
.page-delivery.page-create-requisition .btn-white {
	font-weight: 700;
	text-align: center;
	display: inline-block;
	max-width: 200px;
	cursor: pointer;
	margin: 0 auto;
	height: 40px;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
}

.page-delivery.page-create-requisition .btn-white a {
	height: 40px;
	padding: 11px;
	color: #999999;
	border: solid 1px #b3b3b3;
	font-size: 14px;
	font-weight: bold;
}

.page-delivery.page-create-requisition .pccr-btn {
	display: flex;
	flex-direction: column;
}

.page-delivery.page-create-requisition .btn-green {
	margin-bottom: 15px;
}

.page-delivery.page-create-requisition .requisition-information .pcc-left {
	max-width: 790px;
	width: 100%;
}

.page-delivery.page-create-requisition .requisition-sources {
	width: 100%;
}

.requisition-options {
	width: 100%;
	max-width: 790px;
	display: flex;
	flex-direction: column;
}

.requisition-options .pccl-payment-method>select {
	width: 100%;
}

.page-delivery.page-create-requisition .requisition-information .flex-inline>div:last-child {
	padding-left: 30px;
}

.page-delivery.page-create-requisition .requisition-information .flex-inline>div:first-child {
	padding-left: 0px;
}

.requisition-options .requisition-funds,
.requisition-options .requisition-percent,
.requisition-options .requisition-terms {
	margin-left: 0px;
}

.requisition-options .pc-processbar span.icon {
	width: 79px;
	height: 80px;
	text-align: center;
	font-size: 20px;
	line-height: 69px;
}

.requisition-options .additional-margin-top {
	margin-top: 34px;
}

.requisition-options .pc-processbar {
	margin-top: -25px;
}

.requisition-options .progress-view {
	margin-top: 15px;
}

.page-create-requisition .navigational-processbar .pb-line-margin-zero {
	margin-top: 0 !important;
}

.page-create-requisition .navigational-processbar {
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 25px;
	margin-bottom: 25px;
}


/*September 19 2019*/

.donor_project_outer .form-element select {
	height: 35px;
	border-radius: 4px;
	font-size: 14px;
}

.page-delivery.page-create-requisition .modal-footer .btn-green {
	min-width: 150px;
	margin-left: 0px;
	border-radius: 0px;
	padding: 14px;
}

.page-create-requisition #delivery-container .pdc-inputs {
	max-width: 790px;
	width: 100%;
}

.page-create-requisition #delivery-container .pdc-inputs #btnAddDeliveryAddress {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	height: 40px;
	width: 147px;
	border-radius: 4px;
	background-color: #3d7c99;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;
	margin-bottom: 0;
	display: inline-block;
}

.page-create-requisition #delivery-container .pdc-inputs #btnAddDeliveryAddress i {
	font-size: 11px;
}

.page-create-requisition #delivery-container .pdc-inputs .address-container {
	max-width: 100%;
	width: 100%;
}

.review-container .dr-radio {
	height: 183px;
}

.page-requisition .pcc-left.pull-left {
	max-width: 100%;
}

.page-requisition .requisition-sources-options {
	display: inline-flex;
	flex-direction: column;
	width: 50%;
}

.page-requisition .pccl-payment-method>select {
	max-width: 100%;
	min-width: 100%;
	width: 100%;
}

.page-requisition .pccl-payment-method.payment-control {
	max-width: 395px;
	width: 100%;
}

.page-create-requisition .pc-processbar ul>li span.pcul-text {
	min-height: auto;
}

.field-wrapper {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}

.field-wrapper .input-container {
	width: 47%;
	margin-bottom: 25px;
}

.field-wrapper .input-container input.input-text {
	width: 100%;
}


/*one page*/

#delivery-container {
	padding: 0px;
}

.panel-box-title {
	cursor: pointer;
}

.panel-box .panel-box-title .icon.icon-toggle {
	background-image: url(../images/arrow_up.svg);
}

.panel-box.active .panel-box-title .icon.icon-toggle {
	background-image: url(../images/arrow_down.svg);
}

.panel-box .panel-box-content {
	margin-bottom: 25px;
}

.panel-box .panel-box-title i,
.panel-box.active .panel-box-title i {
	font-size: 19px;
	margin-left: 10px;
}

.review-header-title {
	font-size: 16px;
	font-weight: 500;
	color: #212124;
}

.review-header-user {
	font-size: 16px;
	font-weight: normal;
	color: #212124;
	margin-left: 10px;
}


/*



.review-header {



    margin-bottom: 20px;



}*/

.review-table th {
	font-size: 16px;
	font-weight: 500;
	color: #212124;
	vertical-align: middle !important;
	padding-top: 9px !important;
	padding-bottom: 11px !important;
}

.review-table td {
	font-size: 14px;
	font-weight: normal;
	color: #212124;
	vertical-align: middle !important;
}

.review-table .item-name {
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	color: #212124;
}

.review-table .item-image img {
	width: 99px;
	margin: 0;
	display: inline-block;
}

.review-container .view-compare-btn {
	margin-bottom: 45px;
}

#requisition-container .pc-processbar span.icon>i {
	font-size: 19px;
}

#requisition-container .pc-processbar .more-name {
	padding-top: 18px;
}

.max-half-width {
	width: 49%;
}

#requisition-container .paymnet-scheme {
	margin-top: 40px;
}

#requisition-container .pccl-payment-method {
	margin-top: 10px;
}

.page-create-requisition .pcc-left .flex-inline span.title {
	font-size: 14px;
	text-transform: none;
}

#requisition-container .page-requisition-info {
	flex-direction: row;
}

#requisition-container .page-requisition-info .pay-percent-txt {
	width: 45%;
}

.tablinks {
	cursor: pointer;
}

#delivery-container .pcc-rigth .cbcir-box {
	position: fixed;
	top: 170px;
	width: 100%;
	z-index: 1;
	width: 320px;
}

.page-create-requisition .footer.bigger-footer {
	z-index: 2;
}

.quotation-table .under-title {
	padding: 0;
}

.quotation-table .under-title-name {
	padding-left: 55px;
	padding: 0;
	vertical-align: middle;
	border-left: 1px solid #ddd;
	display: block;
	margin-left: 24px;
	height: 34px;
	padding-left: 10px;
	line-height: 33px;
}


/*one page modification 11-10-19*/

.bl_dark {
	display: inline-block;
	width: 100%;
	background: #1E3F4E;
	height: 52px;
	vertical-align: middle;
	max-width: 790px;
	line-height: 50px;
	padding-left: 20px;
	padding-right: 15px;
}

.bl_dark span.sc-text-big {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
}

.tog-icon {
	float: right;
	width: 25px;
	height: 25px;
	background-size: contain;
	margin-top: 13px;
}

.tog-icon.angle1 {
	background-image: url(../images/angle1.svg);
}

.tog-icon.angle2 {
	background-image: url(../images/angle2.svg);
}

.delivery-container .sc-u {
	padding-bottom: 0;
}

.page-create-requisition #delivery-container .pdc-inputs,
.pdc-inputs.review {
	padding: 25px;
	border: 1px solid #d7d7d7;
	margin-bottom: 0;
}

.delivery-container .panel-box .panel-box-content {
	margin-bottom: 0;
}

.page-delivery.page-create-requisition .address-select {
	max-width: 567px;
}

.chat_log_box {
	float: left;
	width: 100%;
}

.chat_log_box .log-btn {
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background: #7D8AA3;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	margin-top: 15px;
}

.chat_log_box .item-image {
	display: inline-block;
	width: auto;
}

.chat_log_box .item-image img {
	display: inline;
	max-width: 90px;
	max-height: unset;
	margin-bottom: 0;
}

.chat_log_box .item-image span {
	font-size: 14px;
	display: inline;
}

.remove-resize {
	resize: none;
}

.pc-processbar span.icon.disable {
	background: #b2b2b2;
}

.pc-processbar {
	background: #f0f0f0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.btn-green.disabled {
	background: #b3b3b3;
	border-color: #b3b3b3;
	cursor: none;
}

.tbl-workflow .item-actions.action-inline li {
	margin-bottom: 0;
}

.subaccount-data-table .table.order-data1>tbody>tr>td {
	padding: 10px 15px;
	text-align: left;
	/*max-width: 200px;*/
}

.subaccount-data-table .table.order-data1>tbody>tr>td:first {
	text-align: left;
}

.subaccount-data-table .table.order-data1>tbody>tr>td[data-th="Login ID"],
.subaccount-data-table .table.order-data1>tbody>tr>td[data-th="Name"],
.subaccount-data-table .table.order-data1>tbody>tr>td[data-th="Notification Email"] {
	text-align: left;
}

.sub-account-list .subaccount-data-table .order-data1 thead>tr>th.left-phrase {
	text-align: left;
}

.subaccount-data-table .table.order-data1>tbody>tr.void-grey {
	background: #f7f7f7;
	position: unset;
}


/* .subaccount-data-table .table.order-data1>tbody>tr>td:nth-last-child(2) {text-align: right;} */

.subaccount-data-table .table.order-data1>tbody>tr>td.action-cell {
	padding: 0;
	padding-left: 15px;
	padding-right: 15px;
}


/*workflow filter */

.advanced-select.number .dropdown-menu li input[type="text"] {
	width: 68px;
	height: 30px;
	float: left;
	border: 1px solid rgba(0, 0, 0, .15);
	text-align: center;
}

.advanced-select.number .dropdown-menu li {
	padding: 0 5px;
	display: inline-block;
	vertical-align: middle;
}

.advanced-select.number .trigger {
	color: #979797;
}

.requisition-list .subaccount-data-table .table>tbody>tr>td {
	padding: 15px;
}

.tbl-department .item-actions ul>li:first-child {
	margin-bottom: 0;
}

.sub-account.clickable tbody tr {
	cursor: pointer;
}

.review-tab .review-btn>a {
	font-weight: 700;
	color: #3c7d99;
}

.review-tab .table tfoot .thumb-group {
	padding-left: 75px;
}

.review-container .review-tab .dr-radio {
	height: auto;
}


/*quotation pages style*/

.subaccount-data-table .order-data1 tbody>tr>td a.chat_action {
	border-color: #1E3F4D;
	background-color: #1E3F4D;
	color: #fff;
	display: inline-block;
	white-space: nowrap;
	padding: 5px 10px;
}

.chat_action:hover,
.chat_action:focus,
.chat_action:active {
	color: #fff;
}

.quotation-list .advanced-select {
	margin-right: 15px;
}

.sc-tops.right {
	float: right;
	width: auto;
}

.quotation-detail .quotation-table td {
	border: none;
	position: relative;
	vertical-align: top;
}

.quotation-detail .quotation-table td i {
	left: 95px;
}

.quotation-detail .btn-delete {
	background: url(../images/delete_btn.svg)no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	width: 25px;
	height: 25px;
	background-position: center center !important;
	display: inline-block;
	vertical-align: middle;
	background-size: contain;
	position: relative;
	top: 0px;
	left: 0px !important;
	cursor: pointer;
}

.quotation-detail input[disabled],
.quotation-detail select[disabled] {
	color: rgb(84, 84, 84);
	cursor: default;
	background-color: #EEEEEE;
	border: none;
}

.quotation-detail #issue-datepicker {
	padding: 6px 10px;
	width: 90px;
}

.quotation-detail .quotation-date-valid input {
	border: none;
	padding: 6px 10px;
	width: 188px;
}

.quotation-detail .group-datepicker {
	border: solid 1px #d9d9d9;
	position: relative;
	margin-top: 8px;
}

.quotation-detail .group-datepicker i {
	right: 10px;
	position: absolute;
	top: 9px;
}

.quotation-detail .quotation-date-valid {
	margin-left: 15px;
}

.qutation_bill_box {
	display: inline-block;
	width: 100%;
	border: 1px solid #ddd;
}

.qutation_bill_box .quotation-total {
	width: 100%;
	padding: 20px;
	margin: 0;
	max-width: unset;
}

.quote_title {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #ddd;
}

.quote_title h3 {
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 15px;
	color: #212124;
	font-weight: 700;
	font-size: 22px;
}

.quotation-detail .quotation-container {
	padding-left: 0;
}

.quotation-detail .btn-area {
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background: #979797;
	color: #fff;
	text-align: center;
}

.quotation-detail .btn-area:hover,
.quotation-detail .btn-area:focus,
.quotation-detail .btn-area:active {
	color: #fff;
}

.send_btn {
	margin-top: 25px;
}

.less_content {
	min-height: 650px;
}

.grey-side {
	margin-right: 15px;
}

.grey-side .sassy-select {
	color: #979797;
	padding-right: 15px;
	margin-left: 0;
}

.select-sassy-wrapper.grey-side.sassy-arrow::after {
	border-top-color: #979797;
}

.quote-detail-table {
	display: inline-block;
	width: auto;
	margin-bottom: 45px;
}

.quote-detail-table table {
	width: auto;
	border: none;
}

.quote-detail-table table>tr {
	border: none;
}

.quote-detail-table .table>tbody>tr>td {
	border: none !important;
	color: #212124;
	font-size: 14px;
	font-weight: 500;
	padding-right: 38px;
}

.quote-detail-table .table>tbody>tr>td>span {
	width: 100%;
	display: block;
	color: #4d4d4d;
	font-weight: 400;
}

.mtb-25 {
	margin-top: 25px;
	margin-bottom: 25px;
}

.sassy-btn-bg.line {
	border-color: #3c7d99;
	background: transparent;
	color: #3c7d99;
}

.subaccount-data-table .table.clickable>tbody>tr {
	cursor: pointer;
}


/*quotation pages style*/


/*October 15 2019*/

.page-requisition-order-approval .sc-upper .order-actions {
	margin-left: 0;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}

.page-requisition-order-approval button[disabled] {
	border: solid 1px #d0d0d0;
	color: #d0d0d0;
}

.page-wallet .advanced-select .trigger,
.page-wallet .filter-list-date-sec.sassy-datepicker .group-datepicker input {
	color: #999999;
}

.page-wallet .filter-list-date-sec.sassy-datepicker .group-datepicker input {
	max-width: 80px;
}


/*approve settings page style*/

.approve-panel {
	border-color: #b6b6b6;
	border-radius: 0;
}

.approve-panel h4 {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #002925;
	margin: 0;
	line-height: 35px;
}

.approve-panel p {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #132625;
}

.approve-panel h4 a {
	margin-left: 10px;
	height: 18px;
	width: 18px;
	display: inline-block;
}

.approve-panel h4 a img {
	max-width: 100%;
}

.approve-panel .onoffswitch {
	width: 117px;
	margin-top: 10px;
}

.approve-panel .onoffswitch-inner:before {
	content: "ON";
	padding-left: 25px;
	background: #1e3f4c;
}

.approve-panel .onoffswitch-inner:after {
	content: "OFF";
	padding-right: 25px;
}

.approve-panel .onoffswitch-inner::before,
.approve-panel .onoffswitch-inner::after {
	height: 39px;
	font-size: 18px;
	line-height: 39px;
}

.approve-panel .onoffswitch-switch {
	width: 28px;
	height: 28px;
	right: 80px;
}

.approval-settings .sidebar-nav li ul {
	display: none;
}


/*approve settings page style*/

.nav-breadcrumb a {
	font-size: 14px;
	font-weight: 500;
	color: #3c7d99;
}

.page-sidebar .footer {
	display: none;
}

.tbl-select {
	position: relative;
}

.quotation-table .tbl-select select {
	width: 100%;
}

.quotation-detail .quotation-table td .tbl-select i {
	left: inherit !important;
	right: 10px;
	top: 50%;
	margin-top: -6px;
}

.quotation-table .tbl-select .discountOption {
	float: none;
}

.add-workflow .flex-input-group .sassy-control[disabled] {
	background-color: #d8d8d8;
}


/*October 16 2019*/

.page-wallet .project-data-table .project-data thead th:last-child {
	text-indent: inherit;
}

.compulsory-approver-txt {
	font-size: 14px;
	color: #808080;
	font-weight: normal;
	margin-left: 10px;
}

.compulsory-approver-txt span {
	font-size: 14px;
	color: #00A4EB;
	font-weight: 700;
}

.drp-selected {
	display: none !important;
}

.review-tab .review-btn {
	margin-top: 25px;
}

.review-tab .review-btn>a+a {
	margin-left: 20px;
}

.item-price {
	color: #212124;
	font-weight: 400;
}

.workflow-overlay {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .15);
	z-index: 9999;
	cursor: not-allowed
}

.workflow-overlay._m {
	display: none;
}


/*Good Receipt List page style*/

.select-sassy-wrapper {
	margin-right: 15px;
}

.sassy-filter .grey_filter .select-sassy-wrapper {
	color: #979797;
}

.qutation_bill_box .full-width {
	margin-bottom: 10px;
}

.flex-inline>.quotation-date-issue.pad_null {
	padding-left: 0;
}

.create-good-receipt #issue-datepicker {
	width: 100px;
	text-align: center;
}

.create-good-receipt .quotation-container {
	padding-left: 0;
}

.create-good-receipt .btn-area:hover,
.create-good-receipt .btn-area:focus,
.create-good-receipt .btn-area:active {
	color: #fff;
}

.create-good-receipt .btn_area {
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background: #979797;
	color: #fff;
	text-align: center;
}

.mt-cos {
	margin-top: 15px;
}

.create-good-receipt .quotation-date-issue .title,
.create-good-receipt .quotation-date-valid .title {
	font-weight: 700;
}

.create-good-receipt .form-group.w-240 {
	width: 240px;
	max-width: 100%;
}

.create-good-receipt .form-group.w-153 {
	width: 153px;
	max-width: 100%;
}

.sp-select {
	position: relative;
	display: inline-block;
	width: 100%;
}

.sp-select select {
	width: 100%;
	height: 50px;
	border-radius: 3px;
}

.sp-select i {
	position: absolute;
	top: 25%;
	right: 15px;
	font-size: 18px;
}

.mbt-cos {
	margin-top: 15px;
	margin-bottom: 15px;
}

.create-good-receipt .fancy-radio>label {
	padding-left: 30px;
}

.create-good-receipt .fancy-radio input[type="radio"]+label {
	background-image: url(../images/od_uncheck.svg);
}

.fancy-radio input[type="radio"]:checked+label {
	background-image: url('../images/od_check.svg');
}

.create-good-receipt .form-group.full-width {
	width: 100%;
}

.create-good-receipt .form-group .half {
	width: auto;
	float: left;
	margin-right: 15px;
}

.radio_grd label {
	font-weight: 400;
}

.item-detail-box .table,
.item-detail-box .table>tr,
.item-detail-box .table.table-bordered>tbody>tr>td {
	border-color: #999999;
	font-weight: 700;
}

.item-detail-box {
	max-width: 460px;
}

.item-detail-box .table.table-bordered>tbody>tr>td:first-child {
	min-width: 65%;
}

.sassy-btn.sassy-btn-bg:hover {
	color: #fff;
}

.pdt-50 {
	padding-top: 50px;
}

.goods-receipt-list .lg-filter .sassy-datepicker,
.purchase-order-history .lg-filter .sassy-datepicker,
.sassy-filter .sassy-datepicker {
	margin-right: 15px;
}

.goods-receipt-list .lg-filter .sassy-datepicker input:not(.filled),
.purchase-order-history .lg-filter .sassy-datepicker input:not(.filled),
.requisition-list .lg-filter .sassy-datepicker input:not(.filled) {
	min-width: 70px;
	width: 72px;
}

.goods-receipt-list .lg-filter .sassy-datepicker input.filled,
.purchase-order-history .lg-filter .sassy-datepicker input.filled,
.requisition-list .lg-filter .sassy-datepicker input.filled {
	width: auto;
	min-width: auto;
	max-width: inherit;
	padding-right: 0px;
	text-overflow: inherit;
	white-space: normal;
}


/*Good Receipt List page style*/

.title-sc-u .nav-breadcrumb {
	margin-bottom: 10px;
}

.page-buyer-quotation-detail .flex.btn-area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 15px;
	flex-wrap: wrap;
}

.page-buyer-quotation-detail .flex.btn-area .sassy-btn {
	font-size: 12px;
	min-width: 135px;
}

.page-buyer-quotation-detail .flex.btn-area .sassy-btn:hover,
.page-buyer-quotation-detail .flex.btn-area .sassy-btn:focus {
	color: #3c7d99;
}

.page-buyer-quotation-detail .quotation-total .title {
	text-transform: unset;
}

.page-buyer-quotation-detail .extra .thumb-group {
	padding-left: 0;
}

.page-buyer-quotation-detail .thumb-group b {
	color: #000;
}

.page-buyer-quotation-detail .subaccount-data-table .order-data1 tbody>tr>td {
	word-break: inherit;
}

.page-buyer-quotation-detail tr .thumb-group span {
	margin-left: 80px;
}

.page-buyer-quotation-detail .subaccount-data-table .table.order-data1>tbody>tr>td {
	max-width: 320px;
	text-align: left;
}

.page-buyer-quotation-detail tr:first-child .thumb-group span {
	width: 100px;
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
	margin-left: 15px;
}

.page-buyer-quotation-detail .thumb-group {
	white-space: nowrap;
}

.page-buyer-quotation-detail .qutation_bill_box .full-width {
	margin-bottom: 0;
}

.quotation-detail .quotation-table .col-total {
	text-align: right;
	width: 100px;
}

.quotation-detail .quotation-table .col-desc {
	width: 185px;
}

.quotation-detail .quotation-table .col-qty,
.quotation-detail .quotation-table .col-type,
.quotation-detail .quotation-table .col-ppu {
	max-width: 115px;
}

.quotation-detail .quotation-table .col-ppu .per-unit,
.quotation-detail .quotation-table input {
	width: 100%;
	max-width: 100%;
}

.quotation-detail .quotation-table .col-qty .quantity {
	width: 80px;
	max-width: 100%;
}

.page-create-requisition .cbcir-box .item-price {
	font-weight: 600;
}


/*October 21 2019*/

.flex-float-reverse {
	flex-direction: row-reverse;
}

.table .long-details a {
	white-space: nowrap;
}

.table .long-details .morelink {
	color: #212124;
}

.table .long-details img {
	margin-left: 15px;
}

.table .long-details .more-icon {
	transform: rotate(180deg);
}


/*October 21 2019*/

.flex-float-reverse {
	flex-direction: row-reverse;
}

.table .long-details a {
	white-space: nowrap;
}

.table .long-details .morelink {
	color: #212124;
}

.table .long-details img {
	margin-left: 15px;
}

.table .long-details .more-icon {
	transform: rotate(180deg);
}

.oreder-detail-head .concealed-details p .morelink {
	color: #212124;
	font-weight: 500;
}

.top-snackbar {
	background-color: #000;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
}

.top-snackbar .order-actions label {
	font-size: 16px;
}

.top-snackbar .order-actions .order-act-btn {
	margin-left: 10px;
	background-color: transparent;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 0;
}

.top-snackbar .snack-slide {
	display: none;
}

.top-snackbar .snack-slide.active {
	display: block;
}

.snack-slide .message {
	line-height: 35px;
}


/*October 22 2019*/

.page-department .advanced-select {
	max-width: 100%;
	;
}

.page-department .advanced-select .trigger {
	text-align: left;
	width: 100%;
	height: 35px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #212124;
	background-color: #fff;
	background-image: none;
	border: 1px solid #979797;
}

.page-department .x-clear {
	display: none !important;
}

.goods-items-history .blue-bold {
	display: block;
}

.create-good-receipt label.sassy-checkbox {
	margin-bottom: -4px;
}

.select-wrapper {
	position: relative;
}

.select-wrapper .fa-angle-down {
	position: absolute;
	right: 0px;
	top: 0px;
	top: 50%;
	margin-top: -7px;
	right: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.goods-items-history tr td:last-child .input-field {
	width: 100%;
	max-width: 343px;
}


/*good-receipt-view*/

.sassy-control.disabled,
.sassy-checkbox.disabled {
	background: #f0f0f0;
}

.create-good-receipt .fancy-radio input[type="radio"].disabled+label {
	background: transparent;
	position: relative;
}

.create-good-receipt .fancy-radio input[type="radio"].disabled+label:before {
	height: 17px;
	width: 17px;
	background: #f0f0f0;
	border-radius: 100%;
	content: "";
	position: absolute;
	left: 0px;
	bottom: 3px;
	border: 1px solid #a4a3a3;
}


/*October 25 2019*/

.subaccount-data-table .table.order-data1>thead>tr>th {
	padding: 15px;
}

.requisition-list .subaccount-data-table .table.order-data1>thead>tr>th {
	vertical-align: top;
}

.subaccount-data-table td[data-th="Unit Price"],
.subaccount-data-table td[data-th="Total Cost"] {
	text-align: right !important;
	padding-right: 50px !important;
}

.sassy-box .order-data1.table-items thead>tr>th:nth-child(3),
.sassy-box .order-data1.table-items thead>tr>th:last-child {
	padding-right: 50px !important;
	text-align: right !important;
}

.sassy-box .order-data1.table-items tbody>tr>td[data-th="Unit Price"],
.sassy-box .order-data1.table-items tbody>tr>td[data-th="Total Cost"] {
	text-align: right !important;
	padding-right: 50px !important;
}


/*October 29 2019*/

.page-order-history .fancy-radio input[type="radio"]:checked+label {
	background-image: url(../images/radiobutton_selected.svg);
}

.dd-payment-terms select {
	width: 200px;
	max-width: 100%;
}

.dd-payment-terms .select-wrapper {
	margin-top: 8px;
}


/*November 4 2019*/

.user-container {
	font-size: 12px;
	font-weight: 500;
	color: #000000;
	display: block;
	padding: 7px 0;
	word-break: break-all;
}

.send-msg .msg-box {
	max-width: 320px;
	margin-top: 15px;
	padding-top: 15px;
}

.receive-msg .msg-box {
	max-width: 320px;
	padding-left: 20px;
}

.page-seller .receive-msg .msg-box,
.page-seller .receive-msg .msg-box {
	/* margin-left: 0px; */
}


/*November 5 2019*/

.optional-input {
	margin-bottom: 8px;
}


/*November 6 2019*/

.compare-tab li a.pdf-button {
	color: #212124;
}

#modalPDF .modal-body {
	padding-bottom: 0px;
}

#modalPDF .modal-body p {
	font-weight: 600;
	margin-bottom: 12px;
}

#modalPDF .modal-body input {
	width: 100%;
	padding: 5px 22px;
}

#modalPDF .modal-footer .btn-gray {
	margin-left: 0;
	width: 137px;
}

#modalPDF .modal-footer .btn-blue {
	margin-right: 0;
	float: right;
	width: 137px;
}


/*November 7 2019*/

.sassy-search .searh-btn {
	background: transparent;
	border: none;
	color: transparent;
	position: absolute;
	top: 0px;
	width: 34px;
	height: 33px;
	right: 0;
	padding: 0;
	z-index: 999;
}

.google-logo {
	background: url(../images/google_id.svg)no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	width: 37px;
	height: 37px;
	background-position: center center !important;
	display: inline-block;
	vertical-align: middle;
	background-size: contain;
}

.fb-logo {
	background: url(../images/fb-id.svg)no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	width: 37px;
	height: 37px;
	background-position: center center !important;
	display: inline-block;
	vertical-align: middle;
	background-size: contain;
}

.account-row i {
	margin-left: 10px;
	width: 30px;
	height: 30px;
}

.account-row i.fa {
	font-size: 26px;
	text-align: center;
}

.account-row .delete_item i.fa,
.account-row .not-approved i.fa {
	color: #999
}

.filter-modal .modal-body {
	padding-bottom: 0px;
}

.filter-modal .modal-footer .btn-blue {
	float: right;
}

.btn-blue-border {
	display: inline-block;
	cursor: pointer;
	width: 125px;
	border: none;
	text-align: center;
	padding: 10px;
	font-weight: 700;
	margin: 0 5px;
	color: #1b9cd8;
	background: #ffffff;
	border: 1px solid #1b9cd8 !important;
}

.filter-modal .modal-content {
	z-index: 99;
}

.filter-modal .fas.fa-times {
	cursor: pointer;
	color: #999999;
	font-size: 17px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 999;
}


/*November 8 2019*/

.h-parent-child-txt {
	cursor: pointer;
}

#po_no-container .advanced-select.choosen .x-clear {
	display: none;
}

#po_no-container .advanced-select .dropdown-menu input[type=checkbox]+label:before,
#po_no-container .advanced-select .dropdown-menu input[type=checkbox]:checked+label:after {
	display: none;
}

.noPOpart input[type=checkbox] {
	display: none;
}

.noPOpart label {
	margin-bottom: 0;
	position: relative;
	font-weight: 400;
	font-size: 14px;
	margin-right: 6px;
	width: 100%;
}

.noPOpart input[type=checkbox]+label:before {
	background-color: transparent;
	height: 20px;
	width: 20px;
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	border: 1px solid rgb(159, 159, 159);
}

.noPOpart input[type=checkbox]:checked+label:before {
	background-color: #999999;
}

.noPOpart input[type=checkbox]:checked+label:after {
	top: 3px;
	width: 7px;
	height: 12px;
	border: solid white;
	border-width: 0 3px 3px 0 !important;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	content: "";
	transform: rotate(45deg);
	display: block;
	position: absolute;
	left: 7px;
}

.noPOpart {
	margin-top: 13px;
}

#modalHavePO .modal-body p {
	font-weight: 500;
	color: #080808;
}

.btn-gray-border {
	border: 1px solid #999 !important;
	background: transparent;
	color: #999;
}

.create-good-receipt .form-group #date-received {
	width: 240px;
	float: left;
}

.create-good-receipt .form-group #time-received {
	width: 87px;
	float: left;
	margin-left: 15px;
}

.goods-items-history tr td input {
	width: 100%;
}

.goods-items-history thead td {
	font-weight: 600;
}

.nav-breadcrumb .sassy-btn {
	color: #fff;
	font-weight: 400;
}


/*November 11 2019*/

.account-row,
.account-row td {
	cursor: pointer !important;
}

.only-one-tab li a {
	width: 150px;
}


/*November 19 2019*/

.h-cart .cart-counter {
	color: #ffffff;
}

.subaccount-data-table .table.order-data1>tbody>tr:first-child>td:nth-child(4),
.subaccount-data-table .table.order-data1>tbody>tr:first-child>td:nth-child(5) {
	cursor: default;
}

.subaccount-data-table .table.order-data1>tbody>tr:first-child>td:nth-child(4) .checkbox_sub.active label,
.subaccount-data-table .table.order-data1>tbody>tr:first-child>td:nth-child(5) .checkbox_sub.active label {
	border: transparent;
}

.sassy-control[name="workflow_name"] {
	max-width: 334px;
}


/*November 20 2019*/

.chat-system-generated-msg {
	color: #8d8d8d !important;
}


/*November 26 2019*/

.form-control {
	border-radius: 0;
}

.canon-table tbody th {
	min-width: 140px;
}


/*December 3 2019*/

.canon-table select {
	border: none;
	background-image: url(../images/down_arrow.svg);
	background-repeat: no-repeat;
	background-position: 97% center;
	padding-left: 0;
}

.sassy-l>div>*,
.goods-receipt-list .lg-filter .sassy-datepicker,
.purchase-order-history .lg-filter .sassy-datepicker,
.sassy-filter .sassy-datepicker {
	margin-right: 15px;
}


/*December 10 2019*/

.page-delivery.page-sidebar .pc-processbar {
	background: transparent;
	padding-top: 10px;
	margin-top: 10px;
}

.page-sidebar input,
.page-sidebar .dsct-btn,
.page-sidebar .btn-add-pickup,
.page-sidebar .btn-save {
	border-radius: 0 !important;
}

.sol-container.sol-active .sol-inner-container,
.sol-inner-container {
	border-radius: 0px !important;
}

.page-sidebar span.pickup-remove>i {
	font-weight: 900;
}

.sub-account-list.page-sidebar .action-btns>.btn-action {
	border-radius: 0;
}


/*UN1308*/

.page-puchase-history .footer {
	display: block;
}

.page-order-history .footer {
	display: block;
}


/*December 13 2019*/

.check-icon {
	font-weight: 700;
	font-size: 13px;
	background: #1b9cd8;
	width: 15px;
	height: 15px;
	text-align: center;
	border-radius: 50%;
	line-height: 26px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
	margin-top: -2px;
}

.check-icon img {
	width: 13px;
}

.verified {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 4px;
}

.verified span {
	color: #1b9cd8;
}


/*December 19 2019*/

.invoice-list .account-row select {
	padding-left: 0;
	text-align-last: center;
	width: 100%;
	margin-right: -25px;
}


/*December 26 2019*/


/*.page-seller.sub-account-list .subaccount-data-table,

.page-seller.auto-activity-page .subaccount-data-table {

	overflow: hidden;

}*/


/*sub-account modifications*/

.checkbox_sub {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 100%;
	vertical-align: middle;
	height: 15px;
}

.checkbox_sub label {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	background: #ededed;
	height: 100%;
	width: 100%;
}

.checkbox_sub.active label {
	background: none;
	border: 1px solid #ededed;
}

.checkbox_sub label i {
	margin: 0;
}

.checkbox_sub input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	white-space: nowrap;
}

.back-to-address {
	cursor: pointer;
}

.order-data1 .thumb-group img,
.cart-country .cart-items .thumb-group img,
.cart-variant .cart-items .thumb-group img {
	height: 54px;
	width: 54px;
	border: 1px solid #999;
	padding: 5px;
}

.flex-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}

.cart-variant .table.cart-items tbody>tr>td:first-child {
	vertical-align: top;
	padding-top: 10px;
}

.cart-variant span.if-txt>span {
	font-size: 12px;
	color: #999;
}

.cart-variant span.if-txt {
	display: block;
}

.idcrt-order-btn .btn-group.compare-btn.btn-cart {
	width: 100%;
	margin-bottom: 0;
}

.go_onrate {
	cursor: pointer;
}

.page-seller .flex-terms .payment-note,
.page-seller .flex-terms .payment-text {
	width: 100%;
}

.my-btn {
	padding: 8px 20px;
}

.popup-area .title-area h1,
.mypopup-area .title-area h1 {
	text-align: center;
}

.green-btn {
	text-align: center;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	padding: 5px 20px;
}

.page-seller ul.count-detial li:first-child:after,
.page-chat ul.count-detial li:first-child:after {
	content: "";
}

.page-seller .header.mod li.h-search {
	max-width: 100%;
	width: 100%;
}

span.icon-upload i {
	color: #b3b3b3;
	font-size: 30px;
	vertical-align: middle;
}

.notify_void {
	display: flex;
	width: 100%;
	background: #1F404D;
	color: #fff;
	font-size: 14px;
	justify-content: center;
	padding: 15px 0;
}

.page-interest,
.page-login,
.page-register,
.page-landing {
	background: #eee;
	background-position-x: 0%;
	background-position-y: 0%;
	background-position: center;
}

.d-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bl_btn {
	color: #fff;
	background: #000;
	border-radius: 5px;
	line-height: normal;
	padding: 10px 25px;
	text-transform: uppercase;
}

.bl_btn:hover,
.bl_btn:focus {
	color: #fff;
}

.mb-30 {
	margin-bottom: 30px;
}

.middle .table tbody>tr>td {
	vertical-align: middle;
}

.max-w {
	width: 250px;
	max-width: 100%;
}

.b2b-variant .cb-content .table tbody tr td {
	max-width: 210px;
}

.item-new-listing .un-btn-upload a {
	color: #000;
}

.auto-activity-page .subaccount-data-table>table.table>thead>tr>th::after,
.tb-up .order-data1.item-area thead>tr>th::after,
.tb-left.order-data1 thead>tr>th:after {
	display: none;
}

.tb-up .order-data1.item-area thead>tr>th.text-left {
	text-align: left;
	padding-left: 8px;
}

.tb-up .item-actions ul {
	display: flex;
	justify-content: center;
}

.tb-up .sort-item-description,
.tb-up .order-data1.item-area tbody>tr>td {
	color: #212424;
	font-size: 14px;
}

.sort-item-image {
	display: flex;
	align-items: center;
}

.sort-item-image img {
	width: 45px;
	margin-right: 10px;
	height: 45px;
	object-fit: cover;
}

.orderlist-container .tb-up .order-data1 tbody>tr>td .item-price {
	white-space: nowrap;
}

.orderlist-container .tb-up .order-data1 tbody>tr>td .item-price.text-left,
.orderlist-container .tb-up .order-data1 tbody>tr>td.text-left {
	text-align: left;
}

.tb-left.order-data1 thead>tr>th,
.tb-left.order-data1 tbody>tr>td {
	text-align: left;
	color: #212424;
}

.mxw {
	max-width: 200px;
}

.order-data1 tbody>tr>td .mxw select {
	background-color: #f0f0f0;
	padding-left: 10px;
}

.seller-upload-page .un-seller-tab {
	display: flex;
	justify-content: space-between;
	border-top: 0;
	border-bottom: 0;
	align-items: center;
	position: fixed;
	width: 100%;
	z-index: 999;
	left: 0;
}

.seller-upload-page .sidebar {
	z-index: 9999;
}

.seller-upload-page:not(.sidebar-collapse) .un-item-uplod-tab>li {
	padding: 8px 20px;
}

.seller-upload-page .un-seller-tab {
	-webkit-transition: -webkit-transform .25s;
	transition: transform .25s;
}

.btn-feedback.lefted {
	color: #999
}

.order-data1 thead>tr>th.text-left,
.order-data1 tbody>tr>td.text-left {
	text-align: left
}

.un-ul-table .table thead {
	background: #f0f0f0;
}

.un-ul-table .table thead>tr>th {
	font-size: 14px;
	padding: 10px 20px;
	border-bottom: 0;
}

.status-btn.btn-modal-comparison-list {
	background: transparent;
	color: #507e98;
	padding-right: 0;
	padding-left: 0;
	text-align: left;
	font-weight: 700;
}

.mobile_top_toggler p a {
	color: #ffffff;
}

.h-user>ul>li a {
	text-align: left;
	text-transform: capitalize;
}

.h-user .seller-menu,
.be-seller a {
	color: #ffffff;
}

.h-user .h-user-container {
	display: flex;
}

.h-user .h-user-container i {
	margin-right: 8px;
}

.h-user .h-user-container .fa-angle-down {
	margin-left: 16px;
	margin-right: 0;
}

.h-user ul.h-dd-menu {
	right: -47px;
}

span.if-txt>span {
	font-size: 12px;
	color: #999;
}

.thumb-group.mr-15 {
	margin-right: 20px;
}

.osg select {
	border: none;
	background-image: url('../images/down_arrow.svg') !important;
	background-repeat: no-repeat;
	background-position: 97% center;
	background-color: #f0f0f0;
	padding-right: 40px;
	padding-left: 10px;
	width: 100%;
}

.order-item-feedback-popup.popup-area .content-area p {
	text-align: left;
}

.select_shipping {
	width: 400px;
	max-width: 100%;
	position: relative;
}

.select_shipping select {
	background: transparent;
	position: relative;
	z-index: 11;
	height: 40px;
	line-height: 40px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 30px;
	width: 100%;
}

.select_shipping i {
	position: absolute;
	right: 15px;
	top: 0;
	line-height: 40px;
}

.h-cart .h-dd-menu.add-cart.fadeout {
	display: block !important;
}

table thead {
	background: #f0f0f0;
}

.orderlist-container .order-data1 tbody>tr>td .item-price {
	text-align: right;
	width: auto;
}

.orderlist-container .item-list-country tbody>tr>td .item-price {
	text-align: left;
}

.review-tab .flex-wrap,
.order-data1 .flex-wrap,
.cart-items .flex-wrap,
.order-data .flex-wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.order-data thead>tr>th:first-child,
.order-data1 thead>tr>th:first-child {
	text-align: left !important;
}

.title-sc-u small {
	color: #999999;
	font-size: 14px;
	padding-left: 10px;
	font-weight: 500;
}


/*March 11 2020*/

.po-warning span {
	color: #DB3348;
	display: block;
	font-size: 12px;
	margin-top: 5px;
	font-weight: 500;
}

.po-warning .po-exist,
.po-warning .po-not-belong {
	/* display: none; */
}

.is-disabled {
	pointer-events: none;
	cursor: default;
}

.contract-item {
	padding: 0px 3px;
	border-radius: 4px;
	font-weight: 400;
	color: #212124;
	position: relative;
	max-width: 100%;
	padding-right: 17px;
}

.contract-remove {
	position: absolute;
	right: 0px;
	top: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	margin-top: -8px;
	margin-right: -3px;
	color: #51a1d9;
	font-weight: 400;
}

.uploaded-contracts {
	position: absolute;
	top: 0;
	background: #ffffff;
}

.contract-item .fas.fa-download {
	color: #b3b3b3;
	font-size: 30px;
	vertical-align: middle;
}


/*March 12 2020*/

.goods-receipt-list .subaccount-data-table {
	overflow-y: auto !important;
}

.black-color {
	color: #000 !important;
}

.quotation-item-detail {
	display: inline-block;
	vertical-align: middle;
	padding-left: 12px;
}

.quotation-item-detail>div {
	padding-bottom: 3px;
}

.error-msg-txt {
	color: #db3348;
	padding-top: 10px;
	font-size: 16px;
	line-height: 25px;
}

.error-back {
	color: #000;
	font-size: 16px;
	font-weight: 700;
}


/*March 23 2020*/

.error-msg-txt {
	color: #db3348;
	padding-top: 10px;
	font-size: 16px;
	line-height: 25px;
}

.error-back {
	color: #000;
	font-size: 16px;
	font-weight: 700;
}


/*April 3 2020*/

.has-child-sub ul.sub-cat li:after,
.has-child-sub ul.sub-cat li.has-child-sub ul li:after {
	content: '';
	position: absolute;
	background: #888787;
	top: 9px;
	width: 20px;
	height: 1.5px;
	left: -18px;
	display: block
}

.canon-table.purchase-address-sec tbody td {
	padding: 0px;
}


/*April 13 2020*/


/*.page-item-list .oreder-data-table .table {
	min-width: 1200px;
}*/

.box-order-items .thumb-group img {
	max-width: 64px;
}

.page-department .advanced-select .trigger {
	color: rgba(0, 0, 0, 0.5);
}


/*April 28 2020*/

.po-activity-section {
	padding: 0px 25px;
}

.po-activity-section .sassy-title {
	font-size: 18px;
	font-weight: 600;
	margin: 20px 0 20px 0px;
}

.po-activity-section .tab-content>.osc-container {
	margin: 15px 0 0;
}

.po-activity-section .ph-t-table {
	margin: 10px 0 0;
}

.po-activity-section .box-activity-tabs {
	margin-bottom: 20px;
}

.flex-pull-right {
	position: absolute;
	right: 0;
}

.po-activity-section .box-activity-log .sassy-box-content {
	padding: 15px 0;
}


/*May 12 2020*/

.table-responsive {
	min-height: .01%;
	overflow-x: auto !important;
}


/*May 15 2020*/

.canon-table .highlight-text {
	max-width: 180px;
	display: block;
}

.multidata-table {
	border: 1px solid #d2d2d2;
}

.multidata-table p {
	margin: 0;
	color: #212124;
}

.multidata-table b {
	color: #212124;
}

.multi .pccl-payment-method {
	margin-top: 0;
}

.highlight-text.poh:hover {
	color: #1E3F4C;
}


/*June 25 2020*/

.popup-area.approver-warning-popup {
	width: 480px;
}

.popup-area.approver-warning-popup .cancel_remove {
	border: none;
	margin: 0 auto;
	width: 100px;
	background: #222;
}

.popup-area.approver-warning-popup .btn-area {
	display: flex;
	margin-top: 15px;
}


/*July 25 2020*/

.dataTables_length {
	margin-top: 5px;
	margin-left: 20px;
}

#purchase_order_tbl_wrapper div.dt-button-collection {
	right: 0px !important;
	left: auto !important;
}

#purchase_order_tbl_wrapper .dt-buttons {
	float: right !important;
	z-index: 999;
}

#purchase_order_tbl_wrapper {
	margin-top: -45px;
}

.purchase-order-history .sassy-filter {
	position: relative;
	z-index: 99;
}


/*July 28 2020*/

.create-good-receipt .form-group #custom-time-received {
	width: 125px;
	float: left;
	margin-left: 15px;
}

.requisition-options.approvers {
	margin-top: -15px;
}

#purchase_order_tbl td a {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: bold;
}

#purchase_order_tbl td a:hover {
	color: #337ab7;
}

#purchase_order_tbl tr>th:first-child {
	width: 85px !important;
}


/*August 8 2020*/

.goods-items-history .table.tbl-border tbody tr>td[data-th="Item Name"] {
	white-space: inherit;
}


/*September 11, 2020*/

.order-data tbody>tr>td td {
	display: block;
}

.page-purchase-order-details .order-data tbody>tr>td td {
	display: table-cell;
}


/*September 15, 2020*/

html {
	--lh: 1.4rem;
	line-height: var(--lh);
}

.product-name {
	word-break: break-all;
}

.truncate-overflow {
	--max-lines: 3;
	position: relative;
	max-height: calc(var(--lh) * var(--max-lines));
	overflow: hidden;
	padding-right: 1rem;
	/* space for ellipsis */
	display: block;
	height: 35px;
}

.truncate-overflow::before {
	position: absolute;
	content: "...";
	inset-block-end: 0;
	/* "bottom" */
	inset-inline-end: 0;
	/* "right" */
	right: 0px;
	bottom: 1px;
	background: #ffffff;
}

.truncate-overflow::after {
	content: "";
	position: absolute;
	inset-inline-end: 0;
	/* "right" */
	width: 1rem;
	height: 1rem;
	background: white;
}


/* 30 sep 2020 */


/* taginput always on last */

.add-options-table .options-body .bootstrap-tagsinput {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.add-options-table .options-body .bootstrap-tagsinput>input {
	order: 1;
}

.cart-edit-item .item-field>span.item-service>span {
	width: 100%;
	min-width: 100%;
	display: block;
}

#cartItemEdit .cart-edit-item .item-field>span.item-service {
	flex-direction: column;
}

.ui-timepicker-wrapper {
	z-index: 999999;
}


/******po-details******/

.flex-wrap.h-img-box {
	flex-direction: column;
}

.box-order-items .h-img-box .thumb-group img {
	max-width: 100%;
	height: 150px;
	width: 100%;
	object-fit: contain;
}

.h-img-box>div {
	margin: auto;
	text-align: left;
	width: 100%;
}

.h-img-box>div img {
	margin: auto;
	max-width: 100%;
	width: 100px;
	height: 100px;
}

.po-content {
	height: 255px;
}

.po-content .span.if-txt>span {
	font-size: 14px;
}

.po-content span.title {
	font-size: 16px;
	margin: 10px auto;
	display: block;
}

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

.item-opening-hours p {
	display: flex;
	margin: 5px auto;
	color: #999;
}

.item-opening-hours p>span:first-child {
	width: 90px;
	display: block;
}

.item-opening-hours h5 {
	margin: 10px auto;
	color: #999;
	font-weight: 400;
}

.po-content span.if-txt {
	display: flex;
}

.po-content span.if-txt>span:first-child {
	min-width: 85px;
}


/******po-details******/


/******item-upload******/

.flex-wrap.h-img-box {
	flex-direction: column;
}

.box-order-items .h-img-box .thumb-group img {
	max-width: 100%;
	height: 150px;
	width: 100%;
	object-fit: cover;
}

.h-img-box>div {
	margin: auto;
	text-align: left;
	width: 100%;
}

.po-content .span.if-txt>span {
	font-size: 14px;
}

.po-content span.title {
	font-size: 16px;
	margin: 10px auto;
	display: block;
}

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

.item-opening-hours p {
	display: flex;
	margin: 5px auto;
	color: #999;
}

.item-opening-hours p>span:first-child {
	width: 90px;
	display: block;
}

.item-opening-hours h5 {
	margin: 10px auto;
	color: #999;
	font-weight: 400;
}

.po-content span.if-txt {
	display: flex;
}

.po-content span.if-txt>span:first-child {
	min-width: 85px;
}


/******po-details******/

.btn-item-upload {
	border: 2px solid #999;
	padding: 6px 20px;
}

.btn-item-upload a {
	color: #757575;
	font-weight: 600
}

.addon-checkbox-sec {
	float: left;
	/*	margin-right: 25px;
	width: 200px;*/
	width: 100%;
}

.addon-checkbox-sec {
	margin-top: 3px;
	margin-bottom: 3px;
}

.addon-checkbox-sec label {
	display: inline-block;
	border: 1px solid #b3b3b3;
	min-height: 40px;
	width: 100%;
	color: gray;
	text-align: left;
	background: #FFFFFF;
	font-weight: 300;
	cursor: pointer;
}

.addon-checkbox-sec input[type=checkbox],
.addon-checkbox-sec input[type=radio] {
	display: none;
}

span.addonbtngray-checkbox-text {
	padding: 0 10px;
	line-height: 40px;
}

.addon-checkbox-sec label span.addongrn-checkbox-text {
	line-height: 37px;
}

.itmupld-srvcs-duration-ind .addon-checkbox-sec {
	margin-top: 3px;
	margin-bottom: 3px;
	width: 150px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}

.itmupld-srvcs-duration-ind .addon-checkbox-sec .addon-checkbox-text {
	float: none;
}

.itmupld-srvcs-duration-ind .addon-checkbox-sec input[type=radio]:checked+label,
.itmupld-srvcs-duration-ind .addon-checkbox-sec input[type=checkbox]:checked+label {
	background-color: #4d4d4d;
	color: #fff;
	border-color: #4d4d4d;
}

.addon-checkbox-text {
	line-height: 40px;
	float: left;
	font-size: 14px;
	padding-left: 10px;
	max-width: 100%;
	padding-right: 10px;
}

.itmupld-srvcs-specify {
	width: 150px;
	float: left;
	margin-right: 15px;
}

.set-time-slash {
	float: left;
	padding-right: 5px;
	margin-top: 10px;
}

.itmupld-srvcs-priceunit {
	float: left;
	margin-top: 10px;
}

.spinner input {
	text-align: right;
}

.spinner .input-group-btn-vertical {
	position: relative;
	white-space: nowrap;
	width: 2%;
	vertical-align: middle;
	display: table-cell;
}

.spinner .input-group-btn-vertical>.btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
	padding: 9.5px;
	margin-left: -1px;
	position: relative;
	border-radius: 0;
}

.spinner .input-group-btn-vertical>.btn:first-child {
	border-top-right-radius: 4px;
}

.spinner .input-group-btn-vertical>.btn:last-child {
	margin-top: -2px;
	border-bottom-right-radius: 4px;
}

.spinner .input-group-btn-vertical i {
	position: absolute;
	top: 2px;
	left: 5px;
}

.itmupld-srvcs-specify {
	width: 150px;
	float: left;
	margin-right: 15px;
}

.itmupld-srvcs-specify input[type="text"],
.itmupld-srvcs-specify select {
	border: 1px solid #c8c8c8;
	width: 100%;
	border-radius: 3px;
	padding: 9px 10px;
}


/* End devlivery tab */

.addon-per {
	position: relative;
}

.addon-per>span {
	position: absolute;
	right: 25px;
	top: 34px;
}

.itmupld-adtnservcs-addonsec ul li {
	border: 1px solid #c8c8c8;
	border-radius: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 10px;
	background-color: #fff;
}

.addonsec-drag-isec {
	display: table-cell;
	width: 80px;
	vertical-align: middle;
}

.itmupld-adtnservcs-addonsec .row-wrapper {
	display: table;
	width: 100%;
	color: #808080;
	background-color: #fff;
	cursor: pointer;
}

.itmupld-adtnservcs-addonsec .name-area {
	display: table-cell;
	vertical-align: middle;
}

.addonsecdrag-price-area {
	width: 100px;
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

.addonsecdrag-btnarea {
	display: table-cell;
	width: 80px;
	text-align: right;
	vertical-align: middle;
}

.icon.icon-draggble {
	background-image: url(../images/drag_rank.svg) !important;
	margin-right: 0px;
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
}

.adtservs-addon-addbtn,
.adtservs-addon-addbtn:hover,
.adtservs-addon-addbtn:focus {
	width: 100%;
	background: #4D4D4D;
	color: #fff;
	text-align: center;
	margin: 15px auto;
	height: 40px;
	float: left;
	line-height: 40px;
	font-size: 14px;
	cursor: pointer;
	border-radius: 5px;
	border: none;
	margin-top: 24px;
}

.itmupld-adtnservcs-addonedit input[type="text"] {
	width: 100%;
	border: 1px solid #C8C8C8;
	border-radius: 5px;
	padding: 2px 10px;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 12px;
	height: 40px;
	line-height: 32px;
}

.itmupld-adtdtls-tmpicker {
	background-image: url(../images/icon-time-watch.jpg);
	background-repeat: no-repeat;
	background-position: 215px center;
	padding-right: 32px;
}

.itmupld-adtdtls-dtpicker {
	background-image: url(../images/grey_schedule.svg);
	background-repeat: no-repeat;
	background-position: 215px center;
	padding-right: 215px;
	background-size: 22px;
}

.cmn-icon-circlewrong {
	background-image: url(../images/delete_button-white.svg);
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	height: 29px;
	width: 29px;
}

.itm-dtls-calendararea .fc-daygrid-event-dot {
	display: none;
}

.itm-dtls-calendararea .fc-direction-ltr .fc-daygrid-event .fc-event-time {
	display: none;
}

.itm-dtls-calendararea .fc .fc-daygrid-day.fc-day-today {
	background-color: rgb(77, 77, 77);
}

.itm-dtls-calendararea .fc .fc-day-today .fc-daygrid-day-number {
	color: #fff;
}

.itm-dtls-calendararea .fc .fc-daygrid-more-link {
	display: block;
	text-align: center;
	color: #fff;
}

.itm-dtls-calendararea .fc .fc-daygrid-day-number {
	margin-right: auto;
}

.itm-dtls-calendararea .fc-toolbar {
	border-color: #ddd;
	border-image: none;
	border-radius: 5px 5px 0 0;
	border-style: solid solid none;
	border-width: 1px 1px 0;
	margin-bottom: 0 !important;
	padding: 20px 20px 20px;
	display: block;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(1) {
	margin-bottom: 15px;
	display: flex;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group {
	width: 100%;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-prev-button,
.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-next-button {
	border-radius: 40px;
	padding: 3px;
	border: 2px solid #e6e6e6;
	background: transparent;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-prev-button .fc-icon,
.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-next-button .fc-icon {
	color: #b3b3b3;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-prev-button {
	margin-right: auto;
	flex: initial;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-next-button {
	margin-left: auto;
	flex: initial;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(2) {
	width: 100%;
	float: none;
	margin-top: -36px;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(2) h2 {
	float: none;
	margin-bottom: 15px;
	text-align: center;
	font-size: 18px;
	color: #4A4A4A;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(3) {
	display: flex;
	justify-content: center;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-primary {
	background-color: #fff;
	box-shadow: none;
	text-shadow: none;
	background-image: none;
	color: #b3b3b3;
	border-color: #e6e6e6;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-active,
.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-active:focus {
	box-shadow: none;
	background-color: #666;
	border-color: #666;
	text-shadow: none;
	color: #fff;
	outline: none;
}

.itmuplodpg-schedule-sec {
	padding-bottom: 40px;
}

.itmuplodpg-schedule-sec h5 {
	color: #999;
	font-size: 14px;
	font-weight: 700;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.itmuplodpg-schperiod-lstsec {
	border: 1px solid #c8c8c8;
	border-radius: 5px;
}

.itmuplodpg-schperiod-title {
	color: #b3b3b3;
	padding: 20px;
	border-bottom: 1px solid #c8c8c8;
}

.itmuplodpg-schperiod-list table {
	width: 100%;
}

.itmuplodpg-schperiod-list {
	padding: 20px;
}

.itmuplodpg-schperiod-list table th {
	color: #b3b3b3;
	font-weight: normal;
	background-color: #fff;
}

.itmuplodpg-schperiod-list table tbody tr td {
	color: #4d4d4d;
	padding-top: 15px;
	padding-bottom: 15px;
}

.itmuplodpg-schperiod-list table tbody tr {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e6e6e6;
}

.itmuplodpg-schperiod-list table tbody tr:last-child {
	border: none;
}

.itmuplodpg-schperiod-edit-row {
	display: table;
	width: 100%;
	margin-bottom: 15px;
}

.itmuplodpg-schperiod-edit-cell1 {
	display: table-cell;
	width: 100px;
	color: #898989;
	font-weight: bold;
}

.itmuplodpg-schperiod-edit-cell2 {
	display: table-cell;
	width: 160px;
	position: relative;
}

.itmuplodpg-schperiod-edit-cell3 {
	width: 25px;
	display: table-cell;
}

.itmuplodpg-schperiod-edit-row input[type="text"] {
	width: 165px;
	background-image: url('../images/grey_schedule.svg');
	background-repeat: no-repeat;
	background-position: 135px center;
	border: 1px solid #ddd;
	padding: 5px;
	padding-right: 33px;
	background-size: 22px;
	outline: none;
}

.cal-edit-line {
	display: inline-block;
	width: 80px;
	text-align: center;
	color: #b3b3b3;
	font-size: 22px;
}

.itmuplodpg-schperiod-edit-row input[type="text"].imgtimepicker {
	width: 165px;
	background-image: url('../images/icon-time-watch.jpg');
	background-repeat: no-repeat;
	background-position: 135px center;
	border: 1px solid #ddd;
	padding: 5px;
	padding-right: 33px;
}

.itmuplodpg-schperiod-edit-btnsec {
	text-align: center;
	margin-top: 25px;
}

.itmuplodpg-schperiod-edit-btnsec a {
	display: inline-block;
	background-color: #4D4D4D;
	color: #f0f0f0;
	padding: 10px 17px;
	text-align: center;
	border-radius: 2px;
}

.itmuplodpg-schperiod-entersec {
	background-color: #E4F0EC;
	padding: 40px 20px;
}

.itmuplodpg-schperiod-area .dropdown-menu,
dashboard-container .dropdown-menu {
	display: block !important;
}

.itmuplodpg-schperiod-entersec .itmuplodpg-schperiod-edit-cell4 {
	position: relative;
}

.flex-itmuplodpg {
	display: flex;
	justify-content: space-between;
}

.itmuplodpg-clndr-area {
	width: 55%;
}

.itmuplodpg-schperiod-area {
	width: 40%;
}

.itmuplodpg-oprthrs-ind {
	display: table;
	margin-bottom: 18px;
}

.itmuplodpg-oprthrs-col1 {
	display: table-cell;
	width: 150px;
}

.itmuplodpg-oprthrs-col2 {
	display: table-cell;
	width: 110px;
}

.itmuplodpg-oprthrs-col3 {
	display: table-cell;
	text-align: center;
	width: 50px;
}

.itmuplodpg-oprthrs-col4 {
	display: table-cell;
	width: 110px;
}

.itmuplodpg-oprthrs-ind input[type="text"] {
	border: 1px solid #c8c8c8;
	border-radius: 3px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	text-align: center;
	width: 100%;
}

.itmuplodpg-oprthrs-ind .fancy-checkbox label {
	color: #b3b3b3;
}

.itmuplodpg-oprthrs-ind input[disabled] {
	background: #f2f2f2 !important;
}

.itmuplodpg-oprt-hrssec {
	margin-bottom: 50px;
}

.itmuplodpg-oprt-hrssec h5 {
	margin-bottom: 0px;
}

.itmuplodpg-oprt-list {
	margin-top: 25px;
}

.item-upload .fancy-checkbox input[type="checkbox"]+label {
	background-image: url(../images/icon_cmn_chk_back.jpg);
}

.item-upload .fancy-checkbox input[type="checkbox"]:checked+label {
	background-image: url(../images/icon_cmn_chked_back.jpg);
	color: #4d4d4d;
}

.item-upload .fancy-checkbox>label {
	padding-left: 32px;
	background-size: 22px;
	padding-top: 5px;
	width: 150px !important;
	display: inline-block !important;
}


/******item-upload******/


/* seller-create-quotation-spacetime */

.description-row {
	font-size: 12px;
	color: #808080;
}

.quotation-detail .quotation-table.sp-table .col-desc {
	width: 210px;
}

.quotation-detail .quotation-table.sp-table .col-type,
.quotation-detail .quotation-table.sp-table .col-ppu {
	max-width: 80px;
	width: auto;
}

.quotation-detail .quotation-table.sp-table .col-qty {
	width: 80px;
	max-width: 100%;
}

.edit-booking {
	color: #3d7c99;
	font-weight: 600;
}

.quotation-detail .quotation-table.sp-table thead tr>td,
.quotation-detail .quotation-table.sp-table thead tr>th {
	padding: 15px 8px;
}

.edit-booking-modal .modal-dialog {
	width: 358px;
}

.modal-header.light-modal-header {
	background-color: #f1f1f1;
	padding: 15px 11px 11px 25px;
}

.modal-header.light-modal-header .modal-title {
	color: #212124;
	font-size: 16px;
}

.modal-header.light-modal-header .close {
	margin-top: 13px;
	font-size: 24px;
}

.modal-form-group .control-label {
	margin-top: 8px;
	margin-bottom: 0;
	padding: 0;
}

.edit-booking-modal .modal-body {
	padding: 15px 25px;
}

.modal-form-group {
	margin-bottom: 15px;
}

.modal-form-group .row>div:first-child {
	padding-right: 0;
}

.modal-form-group .row>div:last-child {
	padding-left: 0;
}

.edit-booking-modal .modal-footer button {
	border-radius: 0;
	text-align: center;
	font-weight: 500;
	min-width: 130px;
	height: 40px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	color: #fff;
}

.edit-booking-modal .modal-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.edit-booking-modal .modal-footer button:focus,
.edit-booking-modal .modal-footer button:active:focus {
	outline: 1px solid #000;
}

.edit-booking-modal .modal-footer>div {
	padding: 0;
	text-align: inherit;
	margin: inherit;
	display: flex;
	padding: 0;
	width: 50%;
}

.edit-booking-modal .modal-footer>div:last-child {
	justify-content: flex-end
}

;

.header-bottom .h-spacetime-search-bar {
	overflow: inherit;
}

.header .h-spacetime-search-bar {
	overflow: inherit;
}


/* seller-create-quotation-spacetime */

.btn-cancel-order {
	background-color: transparent;
	border: 2px solid #ddd;
	border-radius: 0px;
	color: #666;
	line-height: normal;
	outline: none !important;
	padding: 8px 25px;
	font-size: 12px;
}

.order-data .itm-dtls-calendararea tbody>tr>td td {
	/* display: revert; */
}

.order-data .itm-dtls-calendararea thead>tr>th:last-child,
.order-data .itm-dtls-calendararea tbody>tr>td:last-child {
	padding-left: 0px;
	padding-right: 0px;
}




/*single daterangepicker*/

.custom-daterangepicker-append {
	right: 10px;
	top: 10px;
	height: 35px;
	width: 35px;
	display: flex;
	align-items: center;
	cursor: pointer;
	justify-content: center;
	position: absolute;
	z-index: 1;
}

.custom-daterangepicker-append.custom-top-45 {
	top: 45px;
}

.custom-daterangepicker-append span {
	color: #fff;
	border: solid black;
	border-width: 0 2px 2px 0;
	border-radius: 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(-50deg);
	-webkit-transform: rotate(-50deg);
}

.block-alldates {
	padding: 10px 0px;
	display: flex;
	align-items: center;
}

.block-alldates .block-check {
	margin-right: 10px;
	margin-top: -4px;
}

.calendar-table {
	position: relative;
}

.calendar-table.ol_disabled::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(80, 80, 80, 0.8);
	z-index: 99999;
	cursor: not-allowed;
	display: block;
	content: "";
	margin-left: -4px;
}


/*single daterangepicker*/


/*December 7 2020 */


/*Full Calendar*/

.event-dis-bg-color a.fc-daygrid-event,
.fc-timegrid-col .event-dis-bg-color,
.fc-unthemed .fc-today.event-dis-bg-color {
	background-color: #4d4d4d;
	border: 1px solid #4d4d4d;
}

.event-unavailable-bg-color {
	background-color: #4d4d4d;
	border: 1px solid #4d4d4d;
}

.fc-v-event.event-unavailable {
	border: 1px solid #4d4d4d;
	background-color: #4d4d4d;
}

.event-unavailable-bg-color .fc-daygrid-day-number {
	color: #ffffff;
}

.fc-daygrid-dot-event .fc-event-title {
	color: #ffffff;
}

.un-inputs .item-form-group input.pickerdaterange {
	max-width: 95%;
}


/*Full Calendar*/


/*Hide Map Fullscreen*/

.map-iframe .gm-fullscreen-control {
	display: none;
}

.group-search .input-group.sassy-search {
	width: 140px;
	display: flex;
	align-items: center;
}

.input-group.sassy-search .input-group-append {
	position: absolute;
	right: 0px;
	z-index: 9;
}

.input-group.sassy-search .btn {
	background-color: transparent;
	outline: none;
	box-shadow: none;
}

.chkbx-rmbg.fancy-checkbox input[type="checkbox"]+label {
	background-image: none;
}

.btn-green.disabled {
	background: #999;
	border: 2px solid #999;
}

.btn-cancel-order {
	background-color: transparent;
	border: 2px solid #ddd;
	border-radius: 0px;
	color: #666;
	line-height: normal;
	outline: none !important;
	padding: 8px 25px;
	font-size: 12px;
}

.mt-15 {
	margin-top: 15px;
	display: inline-block;
}

.ui-widget.ui-widget-content {
	z-index: 99999;
}


/*for Card ARC9742*/

.fc-h-event {
	background: transparent;
	border: 0;
}

.btn-loader {
	position: relative;
}

.btn-loader.btn-loading:after {
	display: flex;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 20px;
	height: 20px;
	content: "\f1ce";
	border-radius: 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;
	z-index: 99;
	align-items: center;
	justify-content: center;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
	color: #fff;
}

.btn-loader.btn-loading::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: gray;
	z-index: 9;
	display: block;
	content: "";
}

.daterangepicker .drp-buttons .btn {
	width: 28px;
	color: transparent;
}

.drp-buttons .cancelBtn:before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: 'FontAwesome';
	content: "\f00d";
	color: #000;
}

.drp-buttons .applyBtn:before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: 'FontAwesome';
	content: "\f00c";
	color: #fff;
}


/*January 13 2021*/

.cmparpg-list-original-price {
	height: 91px;
	position: absolute;
	right: -1px;
	bottom: 0;
}


/*January 19 2021*/

.date-selector .idcrtl-right.full-width {
	display: inline-flex;
	align-items: center;
}

.idcrtl-right.full-width #hourly-date,
.idcrtl-right.full-width #hourly-time-start,
.idcrtl-right.full-width input[name="noHour"] {
	width: 45%;
}

.date-selector .idcrtl-right.full-width span {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	margin: 0 10px;
}

.date-selector .idcrtl-right.full-width span:last-child {
	margin: 0;
}

.date-selector-modal {
	display: inline-flex;
	align-items: center;
	padding-left: 15px !important;
}

.date-selector-modal input {
	width: 45%;
}

.date-selector-modal span {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	margin: 0 10px;
}

.date-selector-modal span:last-child {
	margin: 0;
}


/*January 20 2021*/

.event-bg-color a.event-act,
.event-bg-color a.event-dis {
	color: #ffffff;
	/* text-align: center; */
	background-color: #4d4d4d;
	border: 1px solid #4d4d4d;
}

.event-booked {
	background-color: #3788d8 !important;
	border: 1px solid #3788d8 !important;
	color: #ffffff !important;
}

.event-duo-unavailable {
	color: #ffffff !important;
	/* text-align: center !important; */
	background-color: #4d4d4d !important;
	border: 1px solid #4d4d4d !important;
}

.event-duo-unavailable .fc-event-main {
	color: #ffffff !important;
}

.fc-daygrid-event-harness-abs a {
	padding-left: 5px;
}

.event-book-full {
	background-color: #3788d8 !important;

}

.event-book-full .fc-daygrid-event {
	padding-left: 5px;
}

.event-book-full .fc-event-title {
	color: rgb(0, 200, 178) !important;
}

.event-book-full .fc-daygrid-day-number {
	color: #FFFFFF;
}

.event-booked-extended {
	background-color: #3788d8 !important;
	border: 1px solid #3788d8 !important;
	color: #ffffff !important;
}

.icon.icon-soldout {
	background-image: url('../images/soldout.svg');
}

.fancy-checkbox label[disabled] {
	background-image: url("../images/soldout.svg");
	background-size: cover;
	cursor: unset;
}

/*January 22 2021*/

.search-container.open-sidebar:after {
	display: none;
}

.lightgray {
	background-color: #ddd !important;
}

/*Feb 2 2021*/

.page-search #root .footer {
	margin-bottom: -71px;
}

/*----23-Mar-2021---*/
/*User Group create*/
.user-group-create-body .form-element label {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 19px;
	color: #000000;
	display: block;
}

.user-group-create-body .form-element input {
	width: 364px;
	height: 37px;
	border: 1px solid #C7C7C7;
	text-align: left;
	padding: 5px 15px;
}

.user-group-create-body .form-element .groupbox {
	width: 364px;
	height: 203px;
	border: 1px solid #C7C7C7;
	padding: 5px 15px;
}

.user-group-create-body .form-element .groupbox div {
	position: relative;
	margin-bottom: 6px;
}

.user-group-create-body .form-element .groupbox div span {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 19px;
	color: #000000;
	padding: 0;
	margin: 0;
}

.user-group-create-body .form-element .groupbox div .delete_item {
	position: absolute;
	right: 0;
}

.user-group-create-body .form-element .groupbox div .icon.icon-delete {
	height: 25px;
	width: 25px;
	background-size: contain;
}

.user-group-create-body .form-element .advanced-select {
	width: 364px;
}

.user-group-create-body .form-element .advanced-select .trigger {
	width: 364px;
	height: 37px;
	border: 1px solid #C7C7C7;
	text-align: left;
	padding: 5px 15px;
}

.user-group-create-body .advanced-select.choosen .x-clear {
	top: 4px;
}

/*User Group create*/

.permission-table {
	padding: 0px;
}

.permission-table table tbody td,
.permission-table table thead th {
	padding: 10px;
}

.permission-table table td:first-child,
.permission-table table th:first-child {
	padding-left: 50px;
}

.permission-table .fancy-checkbox {
	margin-bottom: 0;
}

.btn-permissions .btn-cancel {
	min-width: 131px;
	color: #999999;
	line-height: normal;
	border: 2px solid #999999;
	padding-top: 10px;
	border-radius: 0px;
	box-shadow: none;
	padding-bottom: 10px;
	margin-right: 10px;
}

.btn-permissions .permissions-save {
	min-width: 131px;
	color: #fff;
	box-shadow: none;
	border: 2px solid #4D7B96;
	border-radius: 0px;
	background: #4D7B96;
	line-height: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*----23-Mar-2021---*/
/*Selelr Subscription page*/
.icon.card-number {
	background-image: url('../images/credit-card.svg');
	background-size: contain;
	margin: auto;
}

.subscription-step1 .seller-setting-p,
.subscription-step2 .seller-setting-p {
	margin-top: 20px;
	margin-bottom: 0px;
}

.subscription-title-box {
	margin-bottom: 40px
}

.method-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.subscription-package-box {
	border: 1px solid #C7C7C7;
	padding: 10px 15px;
}

.subscription-list-head {
	color: #4D4D4D;
	font-size: 14px;
	font-weight: 700;
	border: 1px solid #C7C7C7;
	padding: 5px 0px;
}

.subscription-list-body {
	color: #999;
	font-weight: 400;
	font-size: 14px;
	border: 1px solid #C7C7C7;
	border-top: none;
	padding: 5px 0px;
	margin-bottom: 30px;
}

.subscription-step2 {
	max-width: 800px;
	margin: auto;
}

.package-price {
	margin-top: 7px;
	margin-bottom: 7px;
	text-align: right;
}

.subscription-package-title {
	color: #4A4A4A;
	font-size: 14px;
	font-weight: 700;
}

#paynowPackage,
#paynowPackage :hover,
#paynowPackage:active {
	margin-bottom: 20px;
	margin-top: 20px;
	background: #000;
}

.seller-items.page-settings a.my-btn {
	margin: 15px auto;
}

.seller-setting-p {
	margin-bottom: 15px;
}

.cmn-clr-theme a {
	color: #ff5a60;
}

.page-seller.seller-items .seller-settings-menu-container {
	margin-bottom: 0px;
}

.grey-colot-txt {
	font-size: 14px;
	color: #999999;
	margin-top: 7px;
	margin-bottom: 7px;
}

.method-form {
	display: flex;
}

.subscription-sec .item-form-group input {
	color: #9c9b9b;
	padding: 0px 10px;
	outline: none;
	height: 41px;
	border: none;
}

.atag-color {
	margin-top: 10px;
	text-align: right;
	color: #ff5a60;
}

.atag-color a {
	color: #ff5a60;
}

.method-form input.card-number {
	width: 70%;
}

.method-form input.mm-yy {
	width: 15%;
}

.method-form input.cvc {
	width: 15%;
}

.subscription-package-box .item-form-group input {
	width: 100%;
	height: 41px;
	border: 1px solid #c8c8c8;
	color: #9c9b9b;
	padding: 0px 10px;
	outline: none;
}

/*End Seller Subscription page*/

.browse-control {
	position: relative;
}

.browse-control .browse-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100px;
	color: #fff;
	padding: 9px 10px;
	height: 100%;
	text-align: center;
	background-color: #494949;
	cursor: pointer;
}

.browse-control input[type="file"] {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.banner-preview img {
	width: 200px;
	max-width: 100%;
	margin-top: 10px;
}

.item-question-answer-section {
	margin-bottom: 80px;
	margin-top: 30px;
}

.question-answer-title {
	font-size: 23px;
	color: #000000;
	margin: auto;
	margin-bottom: 20px;
}

.question-answer-box {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.question-answer-box img {
	width: 40px;
	height: 40px;
	border-radius: 50px;
	margin-right: 20px;
}

.question-answer-desc h5 {
	margin: 0px;
	margin-bottom: 5px;
}

.question-answer-desc p {
	font-size: 12px;
	color: #999999;
	margin: 0px;
}

.question-answer-desc p span {
	margin-right: 10px;
}

.question-area {
	margin-top: 40px;
}

.qa-icon {
	padding: 10px 14px;
	background-color: #499AD3;
	border-radius: 20px;
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	margin-right: 20px;
}

.qa-icon.quee {
	background-color: #499AD3;
}

.qa-icon.anss {
	background-color: #999;
}

.dropdown-menu>li.address-item>a {
	display: flex;
	align-items: center;
}

.dropdown-menu>li.address-item .fancy-checkbox {
	width: auto;
	margin-bottom: 0;
	margin-right: 10px;
}

.page-delivery.page-create-requisition .address-select .dropdown-menu {
	transition: 1s ease all;
}


.store-location-box {
	border: 1px solid #c8c8c8;
	padding: 15px;
	text-align: left;
	float: right;
	min-width: 300px;
}

.store-location-box span {
	font-size: 14px;
	color: #999999;
	margin-left: 5px;
}

.new-line-comment.open .form-group {
	display: block;
}

.new-line-comment.open #added-comments {
	display: none;
}

.new-line-comment .form-group {
	display: none;
}

.new-line-comment #added-comments {
	display: block;
}

.page-rfq-detail .tech-note {
	color: #8d8d8d;
}

.page-rfq-detail:not(.sidebar-collapse) .flex.btn-area .sassy-btn {
	min-width: auto;
	max-width: 130px;
	height: auto;
	width: 100%;
}

.merchant-right-img {
	margin-bottom: 15px;
}

.input-upload .btn-upload {
	padding: 10px 12px;
	font-weight: 600;
	color: #fff;
	background-color: #000;
	width: 150px;
}

.input-upload img {
	height: 150px;
	margin-bottom: 20px;
	border: 2px solid #ddd;
	width: 150px;
	object-fit: contain;
	margin-top: 20px;
}

.input-flex {
	display: flex;
	align-items: center;
}

.set-content .input-flex input.input-text {
	margin-right: 5px;
}

.input-group-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.input-group-flex input {
	width: calc(100% - 50px) !important;
}

.input-group-flex button {
	display: block;
	text-align: center;
	padding: 10px 10px;
	background-color: #000;
	color: #fff;
	outline: none !important;
	box-shadow: none !important;
	border-radius: 0;
}

.daterangepicker {
	z-index: 9999999;
}

.discount-section input {
	width: 250px;
	margin-top: 5px;
}

.fancy-radio-common .fancy-radio input[type="radio"]:checked+label {
	background-image: url(../images/r-check.svg);
}

.btn-modal-outline {
	border-radius: 0px;
	border: 1px solid #009edf;
	color: #009edf !important;
	font-weight: 700;
	min-width: 140px;
}

.btn-modal-save {
	background-color: #009edf;
	color: #fff;
	border-radius: 0;
	min-width: 140px;
	font-weight: 700;
}

.fancy-radio-common .fancy-radio input[type="radio"]+label {
	background-image: url(../images/r-uncheck.svg);
	padding-left: 30px;
}

.custom-datepicker .datepicker-txt {
	width: 85% !important;
	float: left;
	margin-right: -3px;
}

.custom-datepicker .input-group-addon {
	height: 40px;
	position: relative;
}

.date-time-flex {
	display: flex;
}

/*May 20 2021*/
.d-flex-column {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}

.add-admn-prmsn-prgf {
	margin-bottom: 15px;
	font-weight: 700;
}

/*7-Jun 2021*/
.subaccount-data-table .table.group-member-table>thead>tr>th,
.subaccount-data-table .table.group-member-table>tbody>tr>td {
	padding-left: 25px;
}

.user-group-create-body .form-element {
	display: block;
}

/*June 8 2021*/
.disabled {
	background-color: #e5e5e5 !important;
	opacity: 1 !important;
	pointer-events: none;
}

.icon-grey {
	opacity: 0.2;
}

.permission-message {
	font-size: 14px;
	font-weight: 400;
	color: #000;
	padding: 30px 0px;
}

.empty-page-sec {
	width: 100%;
	padding: 80px 20px;
	text-align: center;
}

.empty-page-title {
	font-size: 18px;
	font-weight: 700;
	color: #42474f;
	padding-top: 20px;
}

.empty-page-message {
	font-size: 14px;
	font-weight: normal;
	color: #808080;
}

.login-log-table thead>tr>th,
.login-log-table.order-data tbody>tr>td,
.purchase-order-history-table thead>tr>th,
.purchase-order-history-table tbody>tr>td {
	text-align: left;
}

.wrap-tbl-approver table thead>tr>th {
	padding: 20px 10px;
}

.wrap-tbl-approver table tbody>tr>td {
	padding: 10px;
}

.purchase-order-history-table.order-data1 tbody>tr>td select {
	min-width: 100px;
	border: 1px solid #999;
	width: 130px;
}

.purchase-order-history-table.order-data1 tbody>tr>td .item-price {
	text-align: left;
}

.table-fix-space .order-data.table-items thead>tr>th:last-child {
	padding-right: 20px;
	padding-left: 20px;
}

.table-fix-space .order-data.table-items tbody>tr>td {
	padding: 20px;
	text-align: left;
}

.table-fix-space .order-data.table-items tbody>tr>td .item-price {
	width: auto;
	margin: inherit;
	display: inline-block;
}

.table-fix-space .order-data.table-items tbody>tr>td .btn-feedback {
	padding-left: 0;
	padding-right: 0;
}

.table-fix-space .order-data.table-items tbody>tr>td .feedback-img-sec .check-icon {
	display: inline-block;
}

.table-fix-space .order-data.table-items tbody>tr>td .icon.feedback {
	display: inline-block;
}

.table-fix-space .order-data.table-items .purchase-feedback {
	display: inline-block;
	text-align: center;
}

.table-td-height.canon-table tbody td,
.table-td-height.canon-table tbody th {
	height: 44px;
}

.table-td-height.canon-table tbody th {
	display: flex;
	align-items: center;
	line-height: normal;
}

/* Marchant pannel */
.section-mechant-pannel {
	padding-top: 30px;
	padding-bottom: 40px;
}

.merchant-box {
	display: inline-block;
	width: 24%;
	padding: 15px 25px;
	text-align: center;
	margin-bottom: 20px;
}

.merchant-img img {
	border-radius: 50%;
	max-width: 100%;
}

.merchant-name {
	padding-top: 10px;
	font-weight: 700;
}

/* End Marchant pannel */

.service-content-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #C3C3C3;
	padding: 10px 10px;
	border-bottom: none;
	background-color: #fff;
}

.service-content {
	display: flex;
	text-align: left;
}

.service-content img {
	width: 40px;
	height: 40px;
	border-radius: 30px;
	margin-right: 10px;
}

.service-content-checkbox:last-child .service-content-main {
	margin-bottom: 0px;
	border-bottom: 1px solid #ddd;
}

.itm-dtls-service-provider-srvlst {
	overflow-y: scroll;
	height: 194px;
	margin-bottom: 30px;
	scrollbar-color: #B1B1B1 #fff;
	scrollbar-width: thin;
}

/* width */
.itm-dtls-service-provider-srvlst::-webkit-scrollbar {
	width: 8px;
}

/* Track */
.itm-dtls-service-provider-srvlst::-webkit-scrollbar-track {
	background: #fff;
}

/* Handle */
.itm-dtls-service-provider-srvlst::-webkit-scrollbar-thumb {
	background: #B1B1B1;
}

/* Handle on hover */
.itm-dtls-service-provider-srvlst::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.service-provider-services select {
	border: none;
	outline: none;
}

.service-provider-services .select-addon-title {
	margin-bottom: 10px;
}

.service-title h4 {
	color: #212124;
	font-size: 12px;
	margin-bottom: 5px;
	margin-top: 0;
}

.service-title a {
	font-weight: 600;
	font-size: 12px;
	color: #4999D3;
}

.service-price {
	color: #212124;
	font-size: 12px;
}

.service-content-checkbox input {
	visibility: hidden;
	width: 0;
	height: 0;
	display: none;
}

.service-content-checkbox {
	cursor: pointer;
}

.service-content-checkbox input:checked+.service-content-main {
	border: 1px solid #4999D3;
}

.modal-common-service {
	border-bottom: 1px solid #ddd;
	padding: 15px 0px;
}

.service-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.modal-service-title h4 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
}

.modal-service-title a {
	color: #4999D3;
}

.service-middle ul {
	margin: 10px auto;
	padding-left: 30px;
	list-style: disc;
}

.service-middle p {
	color: #999;
}

.service-provider-services.input-checked .itm-dtls-service-provider-srvlst {
	height: auto;
}

.service-provider-services.input-checked .price-sort {
	display: none;
}

.service-provider-services .other-option {
	display: none;
}

.service-provider-services.input-checked .other-option {
	display: block;
	color: #4999D3;
}

.idcrt-order-val .addon-checkbox-text {
	font-size: 12px;
}

.addon-checkbox-price {
	float: right;
	font-size: 12px;
	padding-right: 10px;
	line-height: 40px;
}

#serviceLinkModal .modal-body {
	padding: 0px 15px;
}

#serviceLinkModal .modal-content {
	border-radius: 0px;
}

#serviceLinkModal .modal-dialog {
	max-width: 600px;
}

#serviceLinkModal .service-middle ul {
	padding-left: 40px !important;
}

#serviceLinkModal #toggle-rating {
	background-image: url('../images/minimize_summary.svg');
	width: 30px;
	height: 30px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	transform: rotate(180deg);
}

.addon-checkbox-sec {
	margin-top: 1px;
	margin-bottom: 1px;
}

.addon-checkbox-sec input label {
	color: #212124;
}

.addon-checkbox-sec label {
	color: #212124;
	margin: 0;
}

.addon-checkbox-sec input:checked+label {
	border: solid 1px #4999D3;
	background: #4999D3;
	color: #FFF;
}

.meta-item-tag {
	font-size: 12px;
	color: #000;
	border: 1px solid #000;
	padding: 5px 10px;
}


.badge-discount {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	border-radius: 0;
	font-weight: 800;
	font-size: 16px;
	padding: 8px 15px;
	background-color: #CF353A;
}


/* ----- blog list --------*/
.no-gutter {
	margin-right: 0;
	margin-left: 0;
}

.section-blog-list {
	max-width: 1400px;
	margin: auto;
}

.blog-content {
	font-weight: bolder;
	color: #7B7B7B;
}

.blog-box-wrapper {
	margin-bottom: 5rem;
}

.blog-content-wrapper .blog-title {
	font-weight: 900;
}

.blog-content-wrapper .blog-date {
	color: #7B7B7B;
	font-style: italic;
}

.blog-img-box img {
	max-width: 100%;
	object-fit: cover;
}

/* -------- blog detail page -------- */
.blog-detail-wrapper {
	max-width: 600px;
	padding: 1.5em;
	margin: 0 auto;
}

.blog-detail-wrapper .blog-content-wrapper .blog-date {
	padding: 3rem 0;
	text-align: center;
}

.blog-detail-wrapper .blog-content {
	padding-bottom: 3rem;
	text-align: left;
}

.custom-btn-outline {
	text-transform: capitalize;
	display: inline-block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 0;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	transition: all 0.7s linear;
	-webkit-transition: all 0.7s linear;
	-moz-transition: all 0.7s linear;
}

.custom-btn-outline.btn-blog-outline {
	width: 100%;
}

.btn-blog-outline:hover,
.custom-btn-outline:hover,
.btn-blog-outline:focus,
.custom-btn-outline:focus,
.btn-blog-outline:active,
.custom-btn-outline:active {
	background: #000;
	color: #fff;
}

/* discount price */

.item-box-small>.item-detail>.item-price.discount-price {
	text-decoration: line-through;
	color: #cccccc;
}

.discount-label {
	display: flex;
	justify-content: center;
}

.discount-label img {
	margin-right: 10px;
}

/* .item-box-small>.item-detail>.item-price {
	color: #ccc;
} */

.item-discount-price {
    display: flex;
    flex-direction: column;
    float: right;
    text-align: right;
}
.item-discount-price .item-price.discount{
    position: relative;
    color: #999;
}
.item-discount-price .item-price{
    font-weight: 600;
}
.item-discount-price .item-price.discount:after {
    content: '';
    background-color: #000;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    transform: rotate(-4deg);
    top: 10px;
}
.item-discount-price.discount-list{
    float: left;
    text-align: left;
}
/*.item-discount-price.discount-list .item-price:not(.discount){
    margin-left: -20px;
}*/
.tdiscount-price{
    color: #999;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}
.tdiscount-price:after {
    content: '';
    background-color: #000;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    transform: rotate(-4deg);
    top: 10px;
}

.voucher-recipient-email {
	margin-left: 11%;
}
.loading-message {display: flex;margin-left: 15px;align-items: center;display: none;}
.loading-message.active {display: flex;}
.loading-message h5 {margin: 0;color: #1e3f4c;}
.loading-message img {margin-right: 5px;}
.group-search-flex label {margin-bottom: 0;margin-top: 0;}
.position-relative{position: relative}




.check-category > ul.sub-cat, .check-category > ul.sub-cat ul.sub-sub-cat  {
    padding-left: 17px !important;
    padding-top: 15px;
    margin-top: -7px;
}

.check-category > ul.sub-cat, .check-category > ul.sub-cat   {
    padding-left: 17px !important;
    padding-top: 15px;
    margin-top: -7px;
}


check-category span {
    vertical-align: text-bottom;
    margin-left: 0px;
}

.sc-sub-category-list ul li {
    border: none;
    padding: 5px 10px;
    padding-top: 1px;
}

.disabled-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(200, 200, 200, 0.7);
    z-index: 1;
    cursor: not-allowed;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
}


 .fancy-radio input[type="radio"]:checked+label  {
	background: url(../images/r-check.svg) no-repeat left center !important
  }
  
    .fancy-radio input[type="radio"]+label,.page-coupon .pgfncyopt .fancy-checkbox input[type="checkbox"]+label {
	background: url(../images/r-uncheck.svg) no-repeat left center !important
  }
  
  .fancy-radio label,.page-coupon .pgfncyopt .fancy-checkbox label {
	height: 26px;
	padding-left: 36px;
	display: inline-block;
	border: none;
	padding-top: 3px;
	width: 100%
  }
  
  .fancy-radio label span,.page-coupon .pgfncyopt .fancy-checkbox label span {
	display: inline-block;
	width: auto;
	min-height: inherit;
	vertical-align: inherit
  }
  
   .pgfncyopt {
	display: inline-block;
	width: 100%;
	margin-top: 10px
  }
  
  .pgfncyopt .fancy-radio {
	border: none;
	display: inherit;
	margin-bottom: 0;
	width: auto;
	vertical-align: middle;
	margin-right: unset;
	height: auto;
	border-radius: none
  }