body {
  font-family: "Inter" !important;
}
a,
a:hover,
a:focus {
  outline: none;
  text-decoration: none;
}
input,
input:hover,
input:focus,
select,
select:hover,
select:focus,
textarea,
textarea:hover,
textarea:focus,
.form-control,
.form-control:hover,
.form-control:focus,
button,
button:hover,
button:focus {
  outline: none;
  border: 0px;
  box-shadow: none;
}
textarea {
  resize: none;
}
ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
ul li {
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
ul li,
ol li,
a,
input,
button {
  font-family: "Inter" !important;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Regular.ttf"), format("ttf");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Medium.ttf"), format("ttf");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-SemiBold.ttf"), format("ttf");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Bold.ttf"), format("ttf");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

.pullDown {
  animation-name: pullDown;
  -webkit-animation-name: pullDown;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
}
@keyframes pullDown {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}

.app-container-trial {
  background: #00d1ff;
  padding: 10px;
  position: fixed;
  top: 0;
  z-index: 9999;
}
.app-container-trial .marquee {
  display: flex;
  justify-content: center;
  align-items: center;
}
.app-container-trial .marquee span {
  color: #fff;
  font-weight: 700;
}
.app-container-trial .marquee button {
  background: #33b938;
  border-radius: 8px;
  color: #fff;
  font-style: normal;
  font-weight: 600;
}

.clearfix {
  display: block;
  float: none;
  clear: both;
}
.main-wrapper {
  background: #f8f8f8;
  position: relative;
}
.main-sidebar,
.navbar,
.main-content,
.main-footer {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.main-sidebar {
  background: #fff;
  position: fixed;
  height: 100%;
  z-index: 999;
  left: 0px;
  border-radius: 0px;
  flex-shrink: 0;
  box-shadow: 7px 0px 80px 0px #0000000d;
  border-right: 3px solid #eee;
}
/* .main-sidebar .sidebar-line{opacity: 0.32;background: radial-gradient(50% 50% at 50% 50%, #CC8B8B 0%, rgba(163, 59, 59, 0.00) 100%);display: block;width: 100%;height: 0.5px;}  */
.main-sidebar .sidebar-brand a {
  display: inline-flex;
  gap: 8px;
  width: 100%;
  justify-content: center;
}
.main-sidebar .cash_register_btn {
  text-align: center;
}
.main-sidebar .cash_register_btn a {
  border-radius: 10px;
  background: #00d1ff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  font-weight: 600;
}
.main-sidebar .cash_register_btn a span {
  margin-left: 6px;
}
/*nav.navbar .sidebar-arrow{ background: #C4C4C466;width: 14px;height: 15px;border-radius: 24px;line-height: 15px;vertical-align: baseline;text-align: center; margin-right:14px;}*/
nav.navbar .sidebar-arrow {
  margin-right: 14px;
  display: flex;
  align-items: center;
}
nav.navbar .sidebar-arrow a {
  width: initial;
  height: initial;
  line-height: 12px;
  display: inline-block;
  font-size: initial;
  vertical-align: super;
}
.main-sidebar .sidebar-menu {
}
.main-sidebar .sidebar-menu li.nav_item {
}
.main-sidebar .sidebar-menu li.nav_item a {
  position: relative;
}
.main-sidebar .sidebar-menu li.nav_item a.active:before {
  content: "";
  width: 7px;
  height: 48px;
  border-radius: 0px 57px 57px 0px;
  background: #00d1ff;
  position: absolute;
  top: 6px;
  left: 0px;
  display: block;
}
.main-sidebar .sidebar-menu li.nav_item ul.dropdown-menu li a:before {
  display: none;
}
.main-sidebar .sidebar-menu li.nav_item a img {
  width: 25px;
}
.main-sidebar .sidebar-menu li.nav_item a img.hover_menu_icon,
.main-sidebar .sidebar-menu li.nav_item a:hover img.deflt_menu_icon,
.main-sidebar .sidebar-menu li.nav_item a.active img.deflt_menu_icon {
  display: none;
}
.main-sidebar .sidebar-menu li.nav_item a.active img.hover_menu_icon,
.main-sidebar .sidebar-menu li.nav_item a:hover img.hover_menu_icon {
  display: block;
}
.main-sidebar .sidebar-menu li.nav_item a.menu-toggle i {
  /* position: absolute;right: 20px; */
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.main-sidebar .sidebar-menu li.menu-header {
  font-size: 11px;
  line-height: 24px;
  font-weight: 500;
  color: rgb(255 255 255 / 75%);
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.main-sidebar .sidebar-menu li.dropdown {
}
.main-sidebar .sidebar-menu li.nav_item > a {
  border-radius: 12px;
  display: block;
  align-items: center;
  color: #747474;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.main-sidebar .sidebar-menu li.nav_item a.toggled,
.main-sidebar .sidebar-menu li.nav_item a.active,
.main-sidebar .sidebar-menu li.nav_item a:hover {
  /* background: rgba(158, 158, 158, 0.30); */
  color: #00d1ff;
}
.main-sidebar .sidebar-menu li.nav_item a img {
  position: static !important;
}
.main-sidebar .sidebar-menu li.nav_item a.toggled i:before {
  content: "\f106";
}
.main-sidebar .sidebar-menu li.nav_item ul.dropdown-menu {
  position: relative;
  border: 0px;
  background: transparent;
}
.main-sidebar .sidebar-menu li.nav_item ul.dropdown-menu:before {
  content: "";
  background: url(../img/submenu-li-black.svg) no-repeat;
  display: block;
  position: absolute;
  background-size: 100% 100%;
  height: 100%;
}
.main-sidebar .sidebar-menu li.nav_item ul.dropdown-menu li {
}
.main-sidebar .sidebar-menu li.nav_item ul.dropdown-menu li a {
  border-radius: 6px;
  display: flex;
  align-items: center;
  color: #747474;
  font-weight: 500;
}
.main-sidebar .sidebar-menu li.nav_item ul.dropdown-menu li a.active,
.main-sidebar .sidebar-menu li.nav_item ul.dropdown-menu li a:hover {
  color: #00d1ff;
}
.main-sidebar .updgrade_plan {
  border-radius: 28px;
  border: 0px solid #fff;
  background: #00d1ff;
  box-shadow: 0px 24px 48px 0px #0cb58740;
  text-align: center;
}
.main-sidebar .updgrade_plan h4 {
  color: #fff;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.16px;
  text-transform: uppercase;
}
.main-sidebar .updgrade_plan p {
  color: #fff;
  font-style: normal;
  font-weight: 500;
}
.main-sidebar .updgrade_plan a {
  border-radius: 12px;
  background: linear-gradient(0deg, #2ed734 0%, #2ed734 100%), #893027;
  box-shadow: 0px 4px 24px 0px rgba(168, 82, 5, 0.3);
  color: #fff;
  font-style: normal;
  font-weight: 600;
  display: block;
}
/* .navbar{height: 70px;left: 232px;right: 0px;position: absolute;z-index: 890;background-color: transparent;align-items:center;} */
.main-sidebar .store_info {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
}
.sidebar-mini .main-sidebar .store_info {
  display: block;
}
.main-sidebar .store_info .store_icon {
  /* background: #D9D9D9; */
  text-align: center;
}
.main-sidebar .store_info .store_icon img {
}
.main-sidebar .store_info .store_name {
}
.main-sidebar .store_info .store_name h4 {
  font-weight: 500;
  color: #171b1e;
  margin: 0px;
}
.main-sidebar .store_info .store_name span {
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  color: #a2a2a2;
  display: block;
}
.main-sidebar .copyright_p {
  text-align: center;
}
.main-sidebar .copyright_p p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #717579;
  margin: 0px;
  font-weight: 400;
}
.main-sidebar .copyright_p p a {
  color: #171b1e;
}

nav.navbar {
  border-bottom: 1px solid #e5e5e5;
  position: fixed;
  left: 0px;
  z-index: 999;
  background: #fff;
}
nav.navbar .header-title {
}
nav.navbar .edit_header_title {
  display: inline-block;
}
nav.navbar .edit_header_title .backbtn {
  display: inline-block;
  margin-right: 10px;
}
nav.navbar .edit_header_title h4 {
  display: inline-block;
  vertical-align: middle;
}
nav.navbar .header-title .productdisplystatuscs {
  display: inline-block;
}
nav.navbar .header-title a.status_btn {
  border-radius: 6px;
  background: linear-gradient(
      180deg,
      rgba(3, 7, 18, 0) 0%,
      rgba(3, 7, 18, 0.03) 100%
    ),
    #000;
  box-shadow: 0px 0px 0px 1px rgba(3, 7, 18, 0.08),
    0px 1px 2px 0px rgba(3, 7, 18, 0.12);
  color: #fff;
  font-style: normal;
  font-weight: 500;
  display: block;
  text-align: center;
}
.mr-auto {
  margin-right: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
nav.navbar .header-title h4 {
  font-weight: 500;
  color: #525252;
  margin: 0px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
nav.navbar .header-title h4 strong {
  color: #c6c6c6;
  font-weight: 500;
}
nav.navbar .header-title h4 span {
  border-radius: 16px;
  border: 1px solid #00b8e0;
  background: #00d1ff;
  font-weight: 500;
  color: #fff;
  text-align: center;
  font-style: normal;
  vertical-align: middle;
}
nav.navbar .header-title p {
  font-weight: 400;
  color: #383838;
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
nav.navbar ul.navbar-nav {
  align-items: center;
}
nav.navbar ul.navbar-nav li.custom_li a {
  border-radius: 5.366px;
  background: rgba(255, 255, 255, 0);
  padding: 9px;
  display: block;
}
nav.navbar ul.navbar-nav li.custom_li a:hover,
nav.navbar ul.navbar-nav li.custom_li.active a {
  background: rgba(255, 255, 255, 100%);
}
nav.navbar ul.navbar-nav li a.dropdown-toggle {
  display: inline-flex;
  align-items: center;
  border-radius: 12.5px;
  background: #fff;
  position: relative;
}
nav.navbar ul.navbar-nav li a.dropdown-toggle .user_icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f2c7ba;
  overflow: hidden;
}
nav.navbar ul.navbar-nav li a.dropdown-toggle .user_icon img {
  width: 100%;
}
nav.navbar ul.navbar-nav li a.dropdown-toggle .user_info {
}
nav.navbar ul.navbar-nav li a.dropdown-toggle .user_info span.user_name {
  color: #171b1e;
  font-style: normal;
  font-weight: 500;
}
nav.navbar ul.navbar-nav li a.dropdown-toggle .user_info span.user_name small {
  display: block;
  color: #717579;
  font-style: normal;
  font-weight: 400;
}
nav.navbar ul.navbar-nav li a.dropdown-toggle:after {
  display: none;
}
nav.navbar ul.navbar-nav li a.dropdown-toggle span.angle_down {
  position: absolute;
  top: 18px;
  right: 10px;
}
nav.navbar ul.navbar-nav li a.dropdown-toggle span.angle_down i {
  font-size: 18px;
  line-height: 21px;
  color: #9a9a9a;
}
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  border: none;
  right: 0px;
  top: 65px;
}

nav.navbar .common_search {
  display: flex;
}
nav.navbar .common_search .search_input {
  position: relative;
}
nav.navbar .common_search .check_imei_field {
  display: flex;
  min-width: auto;
  gap: 10px;
}
nav.navbar .common_search .check_imei_field input {
  width: auto;
  padding: 5px 15px;
}
nav.navbar .common_search .search_input input {
  border: 2px solid #eeeeee;
  background: #fff;
  border-radius: 5px;
  font-size: 12px;
  line-height: 34px;
  font-weight: 500;
  color: #404040;
  padding: 5px 35px 5px 15px;
}
nav.navbar .common_search .search_input.check_imei_field input {
  padding: 5px 15px;
}
nav.navbar .common_search .search_input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #aaaaaa;
}
nav.navbar .common_search .search_input input::-moz-placeholder {
  /* Firefox 19+ */
  color: #aaaaaa;
}
nav.navbar .common_search .search_input input:-ms-input-placeholder {
  /* IE 10+ */
  color: #aaaaaa;
}
nav.navbar .common_search .search_input input:-moz-placeholder {
  /* Firefox 18- */
  color: #aaaaaa;
}
nav.navbar .common_search .check_imei_field button.checimei_btn {
  background: #00d1ff;
  color: #fff;
  border-radius: 5px;
}
nav.navbar .common_search .search_input button.search_btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: 0px;
  padding: 0px;
}
nav.navbar .common_search .search_input button.search_btn img {
  width: 20px;
}

/* .main-content, nav.navbar{font-family: 'Montserrat';} */
.main-content {
  width: 100%;
  position: relative;
  padding-bottom: 12px;
}
.main-content .search_btn {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.main-content .commontooltip .custom_toolpop {
  position: absolute;
  background: #181818;
  padding: 15px 15px 20px;
  border-radius: 4px;
  z-index: 99;
  display: none;
  text-align: left;
}
.main-content .commontooltip .custom_toolpop:after {
  content: "";
  position: absolute;
  border: 16px solid #181818;
  z-index: 9;
}
.main-content .search_btn .search_field.activetooltip .custom_toolpop,
.main-content .cash_dropdown.activetooltip .custom_toolpop,
.main-content .process_complete_btn.activetooltip .custom_toolpop {
  display: block;
}
.main-content .commontooltip .custom_toolpop h5 {
  color: #fff;
  margin: 0px 0px 5px;
}
.main-content .commontooltip .custom_toolpop p {
  color: #fff;
  margin: 0px;
}
.main-content .search_btn .search_field input {
  border: 3px solid #eee;
}
.main-content .search_btn .search_field input,
.common_filter_sec .search_field input {
  background: #ffffff;
  color: #404040;
  font-weight: 500;
  border-radius: 5px;
  border: 1.5px solid #eeeeee;
  box-shadow: 0px 1.5px 1.5px 0px #00000040;
}
.main-content .search_btn .search_field input::-webkit-input-placeholder,
.common_filter_sec .search_field input::-webkit-input-placeholder,
.purchase_order_table
  .selectPlusnew
  .search_field
  input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b6b6b6;
}
.main-content .search_btn .search_field input::-moz-placeholder,
.common_filter_sec .search_field input::-moz-placeholder,
.purchase_order_table .selectPlusnew .search_field input::-moz-placeholder {
  /* Firefox 19+ */
  color: #b6b6b6;
}
.main-content .search_btn .search_field input:-ms-input-placeholder,
.common_filter_sec .search_field input:-ms-input-placeholder,
.purchase_order_table .selectPlusnew .search_field input:-ms-input-placeholder {
  /* IE 10+ */
  color: #b6b6b6;
}
.main-content .search_btn .search_field input:-moz-placeholder,
.common_filter_sec .search_field input:-moz-placeholder,
.purchase_order_table .selectPlusnew .search_field input:-moz-placeholder {
  /* Firefox 18- */
  color: #b6b6b6;
}
.main-content .search_btn .search_field .search_icon,
.purchase_order_table .selectPlusnew .search_field .search_icon {
  position: absolute;
}
.main-content .search_btn .new_btn a {
  border-radius: 5px;
  display: block;
  background: #00d1ff;
  color: #fff;
  font-weight: 600;
  box-shadow: 0px 1px 1px 0px #00000040;
}
.main-content .search_btn .new_btn a:hover {
  background: #00d1ff;
  color: #fff;
}
.main-content .serv_type ul {
}
.main-content .serv_type ul li {
  display: inline-block;
  text-align: center;
  border: 2px solid #eeeeee;
  background: #ffffff;
  border-radius: 5px;
}
.main-content .serv_type ul li:nth-child(4n) {
  margin-right: 0px;
}
.main-content .serv_type ul li a {
  color: #404040;
  font-weight: 500;
  display: block;
}
.main-content .prod_type {
}
.main-content .prod_type ul {
}
.main-content .prod_type ul li.cus_prod_tag {
  display: inline-flex;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #e9e9e9;
  background: #ffffff;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 0px 1px 1px 0px #00000040;
  vertical-align: middle;
}
.main-content .prod_type ul li.cus_prod_tag:nth-child(4n) {
  margin-right: 0px;
}
.main-content .prod_type ul li.cus_prod_tag .tag_strip {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 8.44px;
  border-radius: 3px 3px 0px 0px;
  width: 100%;
}
.main-content .prod_type ul li.cus_prod_tag a {
  color: #000;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.main-content .cash_register_setup {
  background: #fff;
  border: 3px dashed #eee;
  border-radius: 2px;
  text-align: center;
  padding: 20px 10px 15px;
  max-width: 150px;
}
.main-content .cash_register_setup h4 {
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
  color: #626262;
  margin: 0px;
}
.main-content .cash_register_setup button.setup_btn {
  background: #2ed734;
  margin: 15px 0px 0px;
  padding: 6px 40px;
  font-size: 13px;
  line-height: 16.9px;
  font-weight: 600;
  color: #fff;
  border-radius: 5px;
}
.main-content .topbar_btns {
  display: flex;
}
.main-content .topbar_btns .top_cus_btn {
  display: inline-flex;
  text-align: center;
  position: relative;
}
.main-content .topbar_btns .srch_customer_btn {
  position: relative;
}
.main-content .topbar_btns .srch_customer_btn > a > img {
  position: absolute;
}
.main-content .topbar_btns .top_cus_btn > a,
.main-content .topbar_btns .edit_customer_btn {
  background: #ffffff;
  border-radius: 5px;
  color: #404040;
  font-weight: 500;
  width: 100%;
  border: 2px solid #eeeeee;
}
.main-content .topbar_btns .edit_customer_btn {
  align-items: center;
}
.main-content .topbar_btns .new_customer_btn a,
.main-content .topbar_btns .delete_customer_btn a {
  border-radius: 5px;
  background: #00d1ff;
  border: 2px solid #00d1ff;
  color: #fff;
  box-shadow: 0px 1px 1px 0px #00000040;
}
.main-content .topbar_btns .new_customer_btn a:hover,
.main-content .topbar_btns .delete_customer_btn a:hover {
  background: #00d1ff;
  color: #fff;
}
.main-content .topbar_btns .edit_customer_btn .cuslabel {
  color: #171717;
  font-style: normal;
  font-weight: 400;
}
.main-content .topbar_btns .edit_customer_btn .cuslabel:after {
  content: "";
  background: #d5d5d5;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.main-content .topbar_btns .edit_customer_btn .customer_info {
  display: flex;
  align-items: center;
  text-align: left;
}
.main-content .topbar_btns .edit_customer_btn .customer_info .info_label h5 {
  color: #171717;
  font-style: normal;
  font-weight: 600;
  margin: 0px;
}
.main-content .topbar_btns .edit_customer_btn .customer_info .info_label p {
  color: #171717;
  font-style: normal;
  font-weight: 400;
  margin: 0px;
}
.main-content
  .topbar_btns
  .edit_customer_btn
  .customer_info
  .info_label
  p
  span {
}
.main-content .cash_register_table {
  background: #fff;
  border-radius: 5px;
  border: 2px solid #eeeeee;
}
.main-content .cash_register_table .inner_table {
  position: relative;
  overflow-y: scroll;
}
.main-content .cash_register_table table {
  margin: 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
}
/* .main-content .cash_register_table table thead{position: sticky;top: 0px;left: 0px;} 
.main-content .cash_register_table table tr td .table_data{height:350px;overflow-y:scroll;} */
.main-content .cash_register_table table thead tr th {
  color: #171717;
  text-align: center;
  font-weight: 500;
  vertical-align: middle;
  border: 1px solid #cbcbcb;
  border-top: 0px;
}
.main-content .cash_register_table table tbody tr td {
  color: #000;
  text-align: center;
  border: 1px solid #cbcbcb;
  border-top: 0px;
  font-weight: 500;
}
.main-content .cash_register_table table tbody tr td:first-child {
  color: #8e8e8e;
}
.main-content .cash_register_table table tbody tr td:nth-child(1) {
  border-right: 0px !important;
}
.main-content .cash_register_table table tbody tr td:nth-child(2) {
  border-left: 0px !important;
  text-align: left;
}
.main-content .cash_register_table table thead tr th:first-child,
.main-content .cash_register_table table tbody tr td:first-child {
  border-left: 0px;
}
.main-content .cash_register_table table thead tr th:last-child,
.main-content .cash_register_table table tbody tr td:last-child {
  border-right: 0px;
}
.main-content .cash_register_table table tbody tr td a {
  color: #000;
}
.main-content .cash_register_table table tbody tr td a span,
.main-content .cash_register_table table tbody tr td:nth-child(3) {
  color: #0038ff;
}
.main-content .cash_register_table table tbody tr td:nth-child(5) {
  color: #717171;
}
.main-content .cash_register_table table tbody tr td:nth-child(6) {
  color: #171717;
  font-weight: 600;
}
.main-content .cash_register_table table tbody tr td .quantity_btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* .main-content .cash_register_table table tbody tr td .quantity_btn a i{font-size: 16px;line-height: 18px;}
.main-content .cash_register_table table tbody tr td .quantity_btn a.qty_minus{color: #D90015;}
.main-content .cash_register_table table tbody tr td .quantity_btn a.qty_plus{color: #33B938;} */
.main-content .cash_register_table table tbody tr td .quantity_btn input {
  width: 35px;
  text-align: center;
  color: #000;
  border: 0px;
  background: transparent;
  height: auto;
  font-weight: 700;
}
.main-content .cash_register_table table tbody tr td .action_btn {
  display: flex;
  justify-content: center;
}
.main-content .cash_register_table table tfoot tr.price_tr {
}
.main-content .cash_register_table table tfoot tr.price_tr td {
  font-weight: 500;
  color: #171717;
}
.main-content .cash_register_table table tfoot tr.price_tr td:nth-child(3) {
  color: #686868;
}
.main-content .cash_register_table table tfoot tr.price_tr:first-child td,
.main-content .cash_register_table table tfoot tr.grand_total td {
  font-weight: 600;
  color: #171717;
}
/* .main-content .cash_register_table table tfoot tr.price_tr td:nth-child(1){font-weight:600;}
.main-content .cash_register_table table tfoot tr.price_tr td:nth-child(2){font-weight:700;} */
.main-content .cash_register_table table tfoot tr.price_tr td:nth-child(1) {
  text-align: right;
  width: 49.5%;
}
.main-content .cash_register_table table tfoot tr.price_tr td select {
  background: #f4f2f5;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  font-weight: 500;
  color: #656565;
}
.main-content .cash_register_table table tfoot tr.grand_total td {
  background: #f4f4f4;
  color: #171717;
  border: 1px solid #d9d9d9;
  overflow: hidden;
}
.main-content .cash_register_table table tfoot tr.grand_total td:nth-child(2) {
  border-right: 0px;
}
.main-content .cash_register_table table tfoot tr.grand_total td:nth-child(3) {
  border-left: 0px;
}
.main-content .cash_register_table table tfoot tr.grand_total td:nth-child(1) {
  border-bottom-left-radius: 5px;
  text-align: right;
}
.main-content .cash_register_table table tfoot tr.grand_total td:nth-child(3) {
  border-bottom-right-radius: 5px;
}
.main-content .cash_register_table table tfoot tr td:nth-child(2) {
  border-left: 1px solid #e0e0e0;
}
.main-content .cash_register_table .inner_payment_method {
  display: flex;
}
.main-content .cash_register_table .return_payment_method {
  margin: 15px 0px 0px;
}
.main-content .cash_register_table .payment_method .payment_col {
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  position: relative;
}
.main-content .cash_register_table .payment_method .payment_col:nth-child(3) {
  margin-right: 0px;
}
.main-content .cash_register_table .payment_method .price_value {
  border: 1px solid #d9d9d9;
  background: #f4f4f4;
  border-radius: 5px;
}
.main-content
  .cash_register_table
  .payment_method
  .cash_dropdown
  ul.dropdown_nav {
  width: 100%;
  height: 100%;
}
.main-content
  .cash_register_table
  .payment_method
  .cash_dropdown
  ul.dropdown_nav
  > li {
  height: 100%;
}
.main-content
  .cash_register_table
  .payment_method
  .cash_dropdown
  ul.dropdown_nav
  > li
  > a {
  box-shadow: 0px 2px 4px 0px #00000040;
  background: #f4f4f4;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.main-content
  .cash_register_table
  .payment_method
  .cash_dropdown
  ul.dropdown_nav
  > li
  > a:after {
  display: none;
}
.main-content
  .cash_register_table
  .payment_method
  .cash_dropdown
  ul.dropdown_nav
  li
  a {
  color: #171717;
  font-weight: 500;
}
.main-content
  .cash_register_table
  .payment_method
  .cash_dropdown
  ul.dropdown_nav
  li.dropdown
  a.dropdown-toggle
  span.angle_down {
  position: absolute;
}
.main-content
  .cash_register_table
  .payment_method
  .cash_dropdown
  span.angle_down {
  position: absolute;
  z-index: 99;
}
.main-content
  .cash_register_table
  .payment_method
  .cash_dropdown
  ul.dropdown_nav
  li.dropdown.show
  a.dropdown-toggle
  span.angle_down {
}
.main-content
  .cash_register_table
  .payment_method
  .cash_dropdown
  ul.dropdown_nav
  li
  .dropdown-menu {
  padding: 0px;
  width: 100%;
  border-radius: 12px;
  border: 1px solid #cbcbcb;
  background: #f7f7f7;
  overflow: hidden;
}
.main-content
  .cash_register_table
  .payment_method
  .cash_dropdown
  ul.dropdown_nav
  li
  .dropdown-menu
  a {
  border: 0px;
  border-bottom: 1px solid #cbcbcb;
  background: #fff;
}
.main-content
  .cash_register_table
  .payment_method
  .cash_dropdown
  ul.dropdown_nav
  li
  .dropdown-menu
  a:last-child {
  border-bottom: 0px;
}
.main-content
  .cash_register_table
  .payment_method
  .cash_dropdown
  ul.dropdown_nav
  li
  .dropdown-menu
  a:hover {
  background: #f7f7f7;
}
.main-content .cash_register_table .payment_method .cash_dropdown select,
.main-content
  .cash_register_table
  .payment_method
  .cash_dropdown
  .select2-container--default
  .select2-selection--single {
  color: #171717;
  font-weight: 500;
  border: 0px;
  border: 1px solid #d4d4d4;
  background: #f4f4f4;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}
.main-content
  .cash_register_table
  .payment_method
  .cash_dropdown
  .select2-container,
.main-content .common_filter_sec .select2-container {
  width: 100% !important;
}
.main-content
  .cash_register_table
  .payment_method
  .cash_dropdown
  .select2-container--default
  .select2-selection__arrow,
.main-content
  .common_filter_sec
  .select2-container--default
  .select2-selection__arrow {
  display: none;
}
.main-content
  .cash_register_table
  .payment_method
  .cash_dropdown
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
.main-content
  .common_filter_sec
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #404040;
}
.main-content .cash_register_table .payment_method .price_value {
}
.main-content .cash_register_table .payment_method .price_value span {
  color: #171717;
  font-weight: 500;
}
.main-content .cash_register_table .payment_method .pay_btn {
}
.main-content .cash_register_table .payment_method .pay_btn a {
  color: #fff;
  font-weight: 600;
  border-radius: 5px;
  width: 100%;
  display: block;
}
.main-content .cash_register_table .payment_method .pay_btn a {
  background: #33b938;
  border: 1px solid #00a006;
}
.main-content .cash_register_table .payment_method .pay_btn a.refund {
  background: #dc0000;
  border: 1px solid #ea003e;
}
.main-content .cash_register_table .payment_method .pay_btn a.paydisable {
  background: #aaaaaa;
  border: 1px solid #aaaaaa;
}
.main-content .cash_register_table .complete_pross_btn {
  display: flex;
  gap: 8px;
}
.main-content .cash_register_table .complete_pross_btn .process_complete_btn {
  position: relative;
}
.main-content .cash_register_table .complete_pross_btn a {
  justify-content: center;
  align-items: center;
  display: flex;
}
.main-content .cash_register_table .complete_pross_btn a.return_items_btn {
  width: 100% !important;
}
.main-content .cash_register_table .complete_pross_btn a.complete_btn {
  border-radius: 5px;
  background: #717171;
  border: 1px solid #474747;
  color: #fff;
  font-weight: 600;
}
.main-content .cash_register_table .return_process_btn a.return_items_btn {
  border-radius: 5px;
  background: #dc0000;
  border: 1px solid #c50d0d;
  color: #fff;
  font-weight: 600;
}
.main-content .cash_register_table .payment_method .pay_btn a:hover,
.main-content .cash_register_table .complete_pross_btn a.complete_btn:hover {
  background: #33b938;
}
.main-content
  .cash_register_table
  .return_process_btn
  a.return_items_btn:hover {
  background: #dc0000;
}
.main-content .cash_register_table .payment_method .pay_btn a.refund:hover {
  background: #dc0000;
  border: 1px solid #ea003e;
}
.main-content .cash_register_table .payment_method .pay_btn a.paydisable:hover {
  background: #aaaaaa;
  border: 1px solid #aaaaaa;
}
.main-content .cash_register_table .complete_pross_btn a.close_btn {
  border-radius: 8px;
  border: 1px solid rgba(255, 0, 0, 0.6);
  background: #fff;
}
.main-content .bottom_btns {
  width: 100%;
}
.main-content .bottom_btns ul {
}
.main-content .bottom_btns ul li {
  display: inline-flex;
  text-align: center;
}
.main-content .bottom_btns ul li:last-child {
  margin-right: 0px;
}
.main-content .bottom_btns ul li a {
  border: 2px solid #eeeeee;
  background: #ffffff;
  display: block;
  width: 100%;
  color: #717171;
  border-radius: 7.5px;
  font-weight: 600;
}
.main-content .bottom_btns ul li a:hover {
  background: #00d1ff;
  color: #fff;
  border: 2px solid #00d1ff;
}
.retrieve_list,
.moreaction_list,
.searchcustomer_list {
  position: absolute;
  z-index: 999;
  background: #ffffff;
  border-radius: 10px;
  display: none;
  box-shadow: 0px 0px 5px 0px #00000040;
  text-align: left;
  overflow: hidden;
}
.searchcustomer_list {
  right: 0px;
}
.retrieve_list.active,
.moreaction_list.active,
.searchcustomer_list.active {
  display: block;
}
.retrieve_list .retrieve_title h4,
.searchcustomer_list .srchcustmer_title h4 {
  margin: 0px;
  color: #092c4c;
  font-weight: 700;
  width: calc(100% - 45px);
  display: inline-flex;
  text-align: left;
  justify-content: space-between;
  align-items: center;
}
.searchcustomer_list .srchcustmer_title h4 a {
  font-weight: 500;
  color: #00d1ff;
}
.retrieve_list .retrieve_title a,
.searchcustomer_list .srchcustmer_title a {
}
.retrieve_list .retre_list ul li {
  display: flex;
  align-items: center;
}
.retrieve_list .retre_list ul li:hover,
.moreaction_list .moreact_list ul li:hover,
.searchcustomer_list .customer_list ul li:hover {
  background: #f7f7f7;
  cursor: pointer;
}
.retrieve_list .retre_list ul li span {
  width: calc(100% - 20px);
}
.retrieve_list .retre_list ul li span,
.searchcustomer_list .customer_list ul li span {
  color: #092c4c;
  font-weight: 700;
  display: inline-block;
}
.retrieve_list .retre_list ul li small,
.searchcustomer_list .customer_list ul li span small {
  color: #7e92a2;
  font-weight: 400;
  display: block;
}
.retrieve_list .retre_list ul li a,
.moreaction_list .moreact_list ul li a {
  color: #514ef3;
}
.retrieve_list .retre_list ul li a i,
.moreaction_list .moreact_list ul li a i {
  font-size: 21px;
  line-height: 24px;
  color: #514ef3;
}
.moreaction_list .moreact_list ul li,
.searchcustomer_list .customer_list ul li {
  display: flex;
  align-items: center;
}
.moreaction_list .moreact_list ul li span {
  color: #092c4c;
  font-weight: 700;
  display: inline-block;
  width: calc(100% - 20px);
}
.searchcustomer_list .customer_list ul li .custmer_img {
  border-radius: 50%;
  overflow: hidden;
}
.searchcustomer_list .customer_list ul li .custmer_img img {
  width: 100%;
}
.modal-backdrop.show {
  opacity: 0 !important;
}
.common_modal {
  background: #0000004d;
  z-index: 99999;
}
.main-content .cash_register_table .receipt_btns {
}
.main-content .cash_register_table .receipt_btns {
  width: 100%;
  float: left;
}
.main-content .cash_register_table .receipt_btns .cus_receipt_btn {
  float: left;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  font-style: normal;
  font-weight: 600;
  display: block;
}
.main-content
  .cash_register_table
  .receipt_btns
  .cus_receipt_btn:nth-child(odd) {
  margin-right: 4px;
}
.main-content
  .cash_register_table
  .receipt_btns
  .cus_receipt_btn:nth-child(even) {
  margin-left: 4px;
}
.main-content .cash_register_table .receipt_btns .dark_red_btn {
  background: #dc0000;
  width: calc(75% - 4px);
  border: 1px solid #ad0000;
}
.main-content .cash_register_table .receipt_btns .orange_btn {
  background: #dc7700;
  width: calc(25% - 4px);
  border: 1px solid #ad0000;
}
.main-content .cash_register_table .receipt_btns .gree_btn {
  background: #33b938;
  width: calc(50% - 8px);
  border: 1px solid #00a006;
}

.common_modal .modal-content {
  background: #fff;
  border-radius: 10px;
}
.common_modal .modal-content .modal-header,
.common_modal .modal-content .modal-body {
  padding: 0px;
  display: block;
  border: 0px;
}
.common_modal .modal-content .modal-footer {
  padding: 0px;
  border: 0px;
}
.common_modal .modal-content .modal-header h5.modal-title {
  margin: 0px;
  color: #092c4c;
  font-weight: 700;
  width: calc(100% - 40px);
  display: inline-block;
}
.common_modal .modal-content .modal-header h5.modal-title button.editbtn {
  background: #00d1ff;
  border: 0px;
  color: #fff;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 5px;
}
.cus_repair_modal .modal-content .modal-header h5.modal-title {
  color: #092c4c;
}
.selectdevice_modal .modal-content .modal-header h5.modal-title,
.selectservice_modal .modal-content .modal-header h5.modal-title,
.menuitems_modal .modal-content .modal-header h5.modal-title {
  width: auto;
}
.common_modal .modal-content .modal-header p {
  color: #7e92a2;
  font-weight: 400;
}
.cases_modal .modal-content .modal-header p {
  color: #717171;
  font-weight: 400;
}
.cus_repair_modal .modal-content .modal-header p {
  color: #b0b0b0;
}
.common_modal .modal-content .modal-header button.close,
.top_cus_btn .common_title a.popup_close {
  background: linear-gradient(0deg, #ffffff, #ffffff),
    linear-gradient(0deg, #e5e7eb, #e5e7eb);
  opacity: 1;
  position: relative;
  margin: 0px;
  float: right;
}
.common_modal .modal-content .modal-header button.manage_service_btn {
  float: right;
  background: #f3f3f3;
  border: 1px solid #cbcbcb;
  border-radius: 8px;
  color: #000;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.selectservice_modal .modal-content .modal-header .device_service_action p {
  color: #000;
  font-weight: normal;
  margin: 0px;
  display: inline-block;
}
.selectservice_modal .device_service_action .brand_model_name {
  display: inline-block;
}
.selectservice_modal .device_service_action .brand_model_name span {
  background: #c5e6ff;
  color: #0070d9;
  display: block;
  border-radius: 2px;
}
.selectservice_modal .device_service_action .service_change {
  display: inline-block;
}
.selectservice_modal .device_service_action .service_change a {
  color: #007aff;
  display: block;
}
.selectservice_modal .modal-body .manage_service_form {
  border-top: 1px solid #d7d7d7;
}
.selectservice_modal .modal-body .select_service_list {
  display: flex;
  align-items: start;
  justify-content: flex-start;
}
.selectservice_modal .modal-body .select_service_list .select_service_left {
  overflow-y: auto;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_left
  .servicelist {
  display: grid;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_left
  .servicelist
  .service_col {
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_left
  .servicelist
  .service_col
  .innner_service_col {
  background: #f2f2f2;
  border: 1px solid #c5c5c5;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_left
  .servicelist
  .service_col:hover
  .innner_service_col {
  transform: translate(0, 0) rotate(0) skew(0) skewY(0) scaleX(1.05)
    scaleY(1.05);
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_left
  .servicelist
  .service_col
  .servicename {
  display: block;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_left
  .servicelist
  .service_col
  .servicename
  span {
  color: #000;
  display: block;
  font-weight: 600;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_left
  .servicelist
  .service_col
  .serviceprice {
  display: block;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_left
  .servicelist
  .service_col
  .serviceprice
  span {
  color: #000;
  display: block;
  font-weight: 400;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_left
  .servicelist
  .service_col
  .servicevarient {
  color: #a3a3a3;
  display: block;
  font-weight: 400;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_left
  .servicelist
  .service_col
  .servicevarient
  span {
  color: #33b938;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_left
  .servicelist
  .service_col
  .service_table_data {
  /* display: none; */
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_left
  .servicelist
  .service_col.active
  .service_table_data {
  display: flex;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_left
  .servicelist
  .service_table_data {
  max-height: 200px;
  position: absolute;
  z-index: 10;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 8px 12px;
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_left
  .servicelist
  .service_table_data:hover {
  transform: translate(0, 0) rotate(0) skew(0) skewY(0) scaleX(1.05)
    scaleY(1.05);
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_left
  .servicelist
  .service_table_data
  table {
  width: 100%;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_left
  .servicelist
  .service_table_data
  table
  tr
  td:first-child {
  width: 120px;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_left
  .servicelist
  .service_table_data
  table
  tr
  td {
  font-size: 14px;
  line-height: 18px;
  padding: 5px;
  color: #000;
}
.selectservice_modal .modal-body .select_service_list .select_service_right {
  background: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 5px;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_right
  .service_item_title {
  text-align: center;
  border-bottom: 1px solid #d7d7d7;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_right
  .service_item_title
  span {
  color: #000;
  display: block;
  font-weight: 500;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_right
  .service_item_table {
  overflow-y: scroll;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_right
  .service_item_table
  table {
  width: 100%;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_right
  .service_item_table
  table
  tbody
  tr
  td {
  color: #130f26;
  font-weight: 500;
  border-bottom: 1px solid #d7d7d7;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_right
  .service_item_table
  table
  tbody
  tr
  td.item_name {
  font-weight: 600;
  color: #007bff;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_right
  .service_item_table
  table
  tbody
  tr
  td.item_name
  span {
  font-weight: 500;
  display: block;
  color: #130f26;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_right
  .service_item_table
  table
  tbody
  tr
  td
  .quantity_field {
  display: flex;
  align-items: center;
  gap: 5px;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_right
  .service_item_table
  table
  tbody
  tr
  td
  .quantity_field
  .qty_input {
  background: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_right
  .service_item_table
  table
  tbody
  tr
  td
  .quantity_field
  .qty_input
  input {
  width: 100%;
  text-align: center;
  height: 100%;
  color: #130f26;
}
.selectservice_modal
  .modal-body
  .select_service_list
  .select_service_right
  .service_item_table
  table
  tbody
  tr
  td
  .action_btns {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* .newproduct_modal .modal-content .modal-header button.close{position: absolute;top: 0px;right: -38px;} */
.common_modal .modal-content .modal-header button.close {
  width: 36px;
  height: 36px;
  border: 1.15px solid #e5e7eb;
  border-radius: 9.2px;
  padding: 7px;
}
.top_cus_btn .common_title a.popup_close {
  width: 32px;
  height: 32px;
  border: 1px solid #717171;
  border-radius: 8px;
  padding: 6px;
}
.common_modal .modal-content .modal-header button.close span.close_icon,
.top_cus_btn .common_title a.popup_close span.close_icon {
}
.common_modal .modal-content .modal-header button.close span.close_icon:before,
.common_modal .modal-content .modal-header button.close span.close_icon:after,
.top_cus_btn .common_title a.popup_close span.close_icon:before,
.top_cus_btn .common_title a.popup_close span.close_icon:after {
  content: "";
  background: #6b7280;
  display: block;
  position: absolute;
}
.common_modal .modal-content .modal-header button.close span.close_icon:before,
.common_modal .modal-content .modal-header button.close span.close_icon:after {
  width: 1.72px;
  height: 18px;
  top: 9px;
  left: 16px;
}
.top_cus_btn .common_title a.popup_close span.close_icon:before,
.top_cus_btn .common_title a.popup_close span.close_icon:after {
  width: 1.5px;
  height: 16px;
  top: 8px;
  left: 15px;
}
.common_modal .modal-content .modal-header button.close span.close_icon:before,
.top_cus_btn .common_title a.popup_close span.close_icon:before {
  transform: rotate(45deg);
}
.common_modal .modal-content .modal-header button.close span.close_icon:after,
.top_cus_btn .common_title a.popup_close span.close_icon:after {
  transform: rotate(135deg);
}
.common_modal .modal-body .custom_form {
}
.common_modal .modal-body .customer_form {
  margin: 15px 0px 0px;
}
.common_modal .modal-body .custom_form form.cus_form {
}
.common_modal .modal-body .custom_form h5 {
  font-size: 15px;
  line-height: 20px;
  margin: 10px 0px 5px;
  color: #000;
  font-weight: 500;
}
.common_modal .modal-body .custom_form form.cus_form .form_column {
}
.common_modal .modal-body .custom_form form.cus_form .col_full {
  width: 100%;
}
.common_modal .modal-body .custom_form form.cus_form .form_row .col_half {
  width: calc(50% - 10px);
  float: left;
}
.common_modal
  .modal-body
  .custom_form
  form.cus_form
  .form_row
  .col_half:nth-child(odd) {
  margin-right: 10px;
}
.common_modal
  .modal-body
  .custom_form
  form.cus_form
  .form_row
  .col_half:nth-child(even) {
  margin-left: 10px;
}
.common_modal .modal-body .custom_form form.cus_form .form-group .upload_files {
  position: relative;
  background: #ededed;
  border-radius: 5px;
  margin: 0px 0px 10px;
  overflow: hidden;
}
.common_modal
  .modal-body
  .custom_form
  form.cus_form
  .form-group
  .upload_files
  img.uploaded_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.common_modal
  .modal-body
  .custom_form
  form.cus_form
  .form-group
  .upload_files
  .file_upload {
  position: absolute;
  bottom: 11px;
  left: 9px;
  border-radius: 90px;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
}
.common_modal
  .modal-body
  .custom_form
  form.cus_form
  .form-group
  .upload_files
  .file_upload
  input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 90px;
  overflow: hidden;
}
.common_modal
  .modal-body
  .custom_form
  form.cus_form
  .form-group
  .upload_files
  .filetrash_icon {
  position: absolute;
  bottom: 18px;
  right: 10px;
}
.common_modal .modal-body .custom_form form.cus_form .form-group .form-control {
  background: #ededed;
  width: 100%;
  border-radius: 5px;
  color: #000;
  font-weight: 400;
}
.common_modal
  .modal-body
  .custom_form
  form.cus_form
  .form-group
  .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
}
.common_modal
  .modal-body
  .custom_form
  form.cus_form
  .form-group
  .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}
.common_modal
  .modal-body
  .custom_form
  form.cus_form
  .form-group
  .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
}
.common_modal
  .modal-body
  .custom_form
  form.cus_form
  .form-group
  .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}
.common_modal
  .modal-body
  .parksale_form
  form.cus_form
  .form-group
  textarea.form-control {
  border-radius: 10px;
  color: #717171;
  font-weight: 500;
}
.common_modal
  .modal-body
  .parksale_form
  form.cus_form
  .form-group
  textarea.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #717171;
}
.common_modal
  .modal-body
  .parksale_form
  form.cus_form
  .form-group
  textarea.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #717171;
}
.common_modal
  .modal-body
  .parksale_form
  form.cus_form
  .form-group
  textarea.form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #717171;
}
.common_modal
  .modal-body
  .parksale_form
  form.cus_form
  .form-group
  textarea.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #717171;
}
.common_modal
  .modal-body
  .editinfo_form
  form.cus_form
  .form-group
  .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
}
.common_modal
  .modal-body
  .editinfo_form
  form.cus_form
  .form-group
  .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}
.common_modal
  .modal-body
  .editinfo_form
  form.cus_form
  .form-group
  .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
}
.common_modal
  .modal-body
  .editinfo_form
  form.cus_form
  .form-group
  .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}
.common_modal
  .modal-body
  .parksale_form
  form.cus_form
  .form-group
  span.span_note,
.common_modal
  .modal-body
  .editinfo_form
  form.cus_form
  .form-group
  span.span_note {
  font-weight: 400;
  color: #7e92a2;
  display: block;
  margin: 5px 0px 10px;
}
.common_modal .modal-footer button {
  border-radius: 8px;
  font-weight: 600;
  border: 0px;
  margin: 0px;
}
.common_modal .modal-footer button.default_btn {
  background: #efefef;
  color: #000;
}
.common_modal .modal-footer button.theme_btn {
  background: #00d1ff;
  color: #fff;
}
.common_modal .modal-footer button.success_btn {
  background: #33b938;
  color: #fff;
  border: 1px solid #00a506;
}
.common_modal .modal-footer button.danger_btn {
  background: #ff0004;
  color: #fff;
  border: 1px solid #a1002a;
}
.common_modal .modal-footer button.cancel_btn {
  background: #ffdddd;
  color: #cc1243;
  border: 1px solid #ffdddd;
}
.common_modal .modal-footer button.skip_btn {
  background: #dedede;
  color: #626262;
  border: 1px solid #dedede;
}
.common_modal .modal-body .cases_list {
  margin: 5px 0px 0px;
}
.common_modal .modal-body .cases_list ul {
}
.common_modal .modal-body .cases_list ul li {
  border-radius: 5px;
  background: #e5e5e5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid transparent;
  vertical-align: middle;
  position: relative;
}
.common_modal .modal-body .cases_list ul li .drag-handle {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 9;
  background: #42d1ff;
  border-radius: 5px;
  color: #fff;
  width: 25px;
  height: 25px;
  font-size: 15px;
  line-height: 25px;
  text-align: center;
  justify-content: center;
}
.common_modal .modal-body .cases_list ul li:nth-child(4n) {
  margin-right: 0px;
}
.common_modal .modal-body .cases_list ul li a {
  color: #000;
  font-style: normal;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.common_modal .modal-body .cases_list ul li:hover {
  border: 1px solid #c0c0c0;
  cursor: pointer;
}
.common_modal .modal-body .product_list {
  float: left;
  width: 100%;
}
.common_modal .modal-body .product_list .product_col {
  border-radius: 25px;
  background: #ddd;
  float: left;
}
.common_modal .modal-body .product_list .product_col a {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.common_modal .modal-body .product_list .product_col h5 {
  color: #000;
  font-style: normal;
  font-weight: 700;
  margin: 0px;
}
.common_modal .modal-body .product_list .product_col p {
  color: #6b7280;
  font-style: normal;
  font-weight: 400;
  margin: 0px;
}
.common_modal .modal-body .product_list .coming_product a {
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.main-footer {
  padding: 20px 30px 20px 280px;
  margin-top: 40px;
  color: #98a6ad;
  border-top: 1px solid #e3eaef;
  display: inline-block;
  background: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  width: 100%;
}

.main-content .pending_amt {
  padding: 5px 0px 0px;
}
.main-content .pending_amt span {
  font-weight: 500;
  color: #acacac;
}
.main-content .inner_payment_mode {
  display: flex;
}
.main-content .payment_mode .mode_title span {
  color: #171717;
  font-weight: 500;
  display: block;
}
.main-content .payment_mode .mode_title span.refund {
  color: #cc1243;
  margin-top: 15px;
}
.main-content .payment_mode .mode_table {
  width: 70%;
}
.main-content .payment_mode .mode_table table {
  width: 100%;
}
.main-content .payment_mode .mode_table table thead {
}
.main-content .payment_mode .mode_table table thead tr th {
  color: #171717;
  font-weight: 600;
  border: 0px;
  border-bottom: 1px solid #000;
  height: auto;
  text-align: left;
}
.main-content .payment_mode .mode_table table tbody tr td {
  color: #171717;
  font-weight: 500;
  border: 0px;
  text-align: left;
}
.main-content .payment_mode .mode_table table tbody tr td b {
  font-weight: 700;
}

.common_modal .modal-body .editinfo_form {
  margin: 20px 0px 0px;
}
.common_modal .modal-body .editinfo_form .form_row {
  width: 100%;
  float: left;
}
.common_modal .modal-body .editinfo_form .form_row .col_three {
  float: left;
}
.common_modal .modal-body .editinfo_form .form_row .col_three:nth-child(3n) {
  margin-right: 0px;
}
.common_modal .modal-body .editinfo_form form.cus_form .form_field {
  position: relative;
}
.common_modal .modal-body .editinfo_form form.cus_form .form_field label {
  position: absolute;
  color: #6b7280;
  font-weight: 400;
  margin: 0px;
}
.common_modal
  .modal-body
  .editinfo_form
  form.cus_form
  .form_field
  .form-control {
  border-radius: 7.5px;
  font-weight: 600;
}
.common_modal
  .modal-body
  .editinfo_form
  form.cus_form
  .discount_field
  input.form-control {
  padding-right: 50px;
}
.common_modal
  .modal-body
  .editinfo_form
  form.cus_form
  .discount_field
  .price_type {
  position: absolute;
  top: 20px;
  right: 5px;
  border-left: 1.5px solid #c0c0c0;
  padding-left: 5px;
  width: 50px;
}
.common_modal
  .modal-body
  .editinfo_form
  form.cus_form
  .discount_field
  .price_type
  select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
}
.common_modal
  .modal-body
  .editinfo_form
  form.cus_form
  .discount_field
  .price_type
  select,
.common_modal
  .modal-body
  .editinfo_form
  form.cus_form
  .discount_field
  .price_type
  select:hover,
.common_modal
  .modal-body
  .editinfo_form
  form.cus_form
  .discount_field
  .price_type
  select:focus {
  background: transparent;
  border: 0px;
  outline: none;
  box-shadow: none;
}
.common_modal
  .modal-body
  .editinfo_form
  form.cus_form
  .discount_field
  .price_type
  img {
  position: absolute;
  top: 10px;
  right: 0px;
}
.newservice_modal .modal-dialog {
}
.common_modal .modal-body .newservice_form {
  margin: 20px 0px 0px;
}
.common_modal
  .modal-body
  .newservice_form
  form.cus_form
  .form_column
  .form-group {
  width: 100%;
  display: flex;
}
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  .form-group,
.common_modal
  .modal-body
  .editrepairproduct_form
  form.cus_form
  .form_column
  .form-group {
  width: 100%;
}
.common_modal
  .modal-body
  .newservice_form
  form.cus_form
  .form_column
  label.cus_label {
  color: #171717;
  font-weight: 600;
  display: inline-flex;
}
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  label.cus_label,
.common_modal
  .modal-body
  .editrepairproduct_form
  form.cus_form
  .form_column
  label.cus_label {
  color: #171717;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}
.common_modal
  .modal-body
  .addcustom_form
  form.cus_form
  .form_column
  label.cus_label {
  color: #171717;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .form_column
  label.cus_label {
  color: #000;
  font-weight: 600;
  display: inline-flex;
  position: relative;
  vertical-align: top;
  padding-right: 14px;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .form_column
  .price_col
  label.cus_label {
  padding: 0px;
  margin: 0px;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .form_column
  label.cus_label
  img {
  position: absolute;
  top: 0px;
  right: 0px;
}
.common_modal
  .modal-body
  .newservice_form
  form.cus_form
  .form_column
  label.cus_label.label_red,
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .form_column
  label.cus_label.label_red {
  color: #e00016;
}
.common_modal
  .modal-body
  .newservice_form
  form.cus_form
  .form_column
  label.cus_label.label_red
  span,
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .form_column
  label.cus_label.label_red
  span,
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  label.cus_label
  span,
.common_modal
  .modal-body
  .editrepairproduct_form
  form.cus_form
  .form_column
  label.cus_label
  span {
  color: #f43f5e;
  display: inline-block;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .form_column
  .field_wd50 {
  width: 50%;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .form_column
  .formfield_col2 {
  gap: 10px;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .form_column
  .formfield_col2
  .field_wd50 {
  position: relative;
}
.common_modal
  .modal-body
  .newservice_form
  form.cus_form
  .form_column
  .formfield,
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  .formfield,
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .form_column
  .formfield {
  display: inline-flex;
  position: relative;
}
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  .formfield,
.common_modal
  .modal-body
  .editrepairproduct_form
  form.cus_form
  .form_column
  .formfield {
  width: 100%;
}
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  .formfield
  button {
  background: transparent;
  padding: 0px;
}
.common_modal .modal-body form.cus_form .cus_searchdropdown .formfield {
  flex-direction: column;
}
.common_modal .modal-body form.cus_form .cus_searchdropdown .tagsscustomdiv,
.edit_layout
  .inner_edit_column
  .edit_block_box
  .cus_searchdropdown
  .tagsscustomdiv,
.main-content
  .ticket_block_content
  .ticket_block_box
  .tkt_box_content
  ul.tkt_box_ul
  li.cus_searchdropdown
  .tagsscustomdiv,
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col
  .cus_searchdropdown
  .formfield
  .tagsscustomdiv {
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 65px;
  left: 0px;
  z-index: 99999;
  padding: 10px;
  border-radius: 8px;
}
.common_modal
  .modal-body
  form.cus_form
  .cus_searchdropdown
  .tagsscustomdiv
  .addselectbox,
.edit_layout
  .inner_edit_column
  .edit_block_box
  .cus_searchdropdown
  .tagsscustomdiv
  .addselectbox,
.main-content
  .ticket_block_content
  .ticket_block_box
  .tkt_box_content
  ul.tkt_box_ul
  li.cus_searchdropdown
  .tagsscustomdiv
  .addselectbox,
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col
  .cus_searchdropdown
  .formfield
  .tagsscustomdiv
  .addselectbox {
  position: static !important;
}
.main-content
  .ticket_block_content
  .ticket_block_box
  .tkt_box_content
  ul.tkt_box_ul
  li.cus_searchdropdown
  .tagsscustomdiv
  .addselectbox {
  max-height: 200px;
}
.common_modal
  .modal-body
  form.cus_form
  .cus_searchdropdown
  .tagsscustomdiv:before,
.edit_layout
  .inner_edit_column
  .edit_block_box
  .cus_searchdropdown
  .tagsscustomdiv:before,
.main-content
  .ticket_block_content
  .ticket_block_box
  .tkt_box_content
  ul.tkt_box_ul
  li.cus_searchdropdown
  .tagsscustomdiv:before,
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col
  .cus_searchdropdown
  .formfield
  .tagsscustomdiv:before {
  content: "";
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  margin: 0px;
  position: absolute;
  top: -10px;
  left: 10px;
}
.main-content
  .ticket_block_content
  .ticket_block_box
  .tkt_box_content
  ul.tkt_box_ul
  li.cus_searchdropdown
  .tagsscustomdiv
  input,
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col
  .cus_searchdropdown
  .formfield
  .tagsscustomdiv
  input {
  width: 100%;
  font-weight: normal;
}
.common_modal
  .modal-body
  form.cus_form
  .cus_searchdropdown
  .tagsscustomdiv
  input,
.edit_layout
  .inner_edit_column
  .edit_block_box
  .cus_searchdropdown
  .tagsscustomdiv
  input,
.main-content
  .ticket_block_content
  .ticket_block_box
  .tkt_box_content
  ul.tkt_box_ul
  li.cus_searchdropdown
  .tagsscustomdiv
  input,
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col
  .cus_searchdropdown
  .formfield
  .tagsscustomdiv
  input {
  border: 1px solid #dbd8d8;
}
.common_modal
  .modal-body
  form.cus_form
  .cus_searchdropdown
  .tagsscustomdiv
  input:focus,
.edit_layout
  .inner_edit_column
  .edit_block_box
  .cus_searchdropdown
  .tagsscustomdiv
  input:focus,
.main-content
  .ticket_block_content
  .ticket_block_box
  .tkt_box_content
  ul.tkt_box_ul
  li.cus_searchdropdown
  .tagsscustomdiv
  input:focus,
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col
  .cus_searchdropdown
  .formfield
  .tagsscustomdiv
  input:focus {
  border: 1px solid #00d1ff;
}
.common_modal
  .modal-body
  .newservice_form
  form.cus_form
  .form_column
  .formfield
  .form-control,
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .form_column
  .formfield
  .form-control {
  background: #ededed;
  border-radius: 5px;
  color: #111827;
  font-weight: 400;
}
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  .formfield
  .form-control,
.common_modal
  .modal-body
  .editrepairproduct_form
  form.cus_form
  .form_column
  .formfield
  .form-control,
.common_modal
  .modal-body
  .addcustom_form
  form.cus_form
  .form_column
  .formfield
  .form-control {
  background: transparent;
  border-radius: 5px;
  color: #111827;
  font-weight: 400;
  border: 1px solid #e1e6ef;
}
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  .formfield
  .form-control::-webkit-input-placeholder,
.common_modal
  .modal-body
  .editrepairproduct_form
  form.cus_form
  .form_column
  .formfield
  .form-control::-webkit-input-placeholder,
.common_modal
  .modal-body
  .addcustom_form
  form.cus_form
  .form_column
  .formfield
  .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(104, 104, 104, 0.8);
}
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  .formfield
  .form-control::-moz-placeholder,
.common_modal
  .modal-body
  .editrepairproduct_form
  form.cus_form
  .form_column
  .formfield
  .form-control::-moz-placeholder,
.common_modal
  .modal-body
  .addcustom_form
  form.cus_form
  .form_column
  .formfield
  .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(104, 104, 104, 0.8);
}
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  .formfield
  .form-control:-ms-input-placeholder,
.common_modal
  .modal-body
  .editrepairproduct_form
  form.cus_form
  .form_column
  .formfield
  .form-control:-ms-input-placeholder,
.common_modal
  .modal-body
  .addcustom_form
  form.cus_form
  .form_column
  .formfield
  .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(104, 104, 104, 0.8);
}
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  .formfield
  .form-control:-moz-placeholder,
.common_modal
  .modal-body
  .editrepairproduct_form
  form.cus_form
  .form_column
  .formfield
  .form-control:-moz-placeholder,
.common_modal
  .modal-body
  .addcustom_form
  form.cus_form
  .form_column
  .formfield
  .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(104, 104, 104, 0.8);
}
.common_modal
  .modal-body
  .newservice_form
  form.cus_form
  .form_column
  .formfield
  textarea.form-control,
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  .formfield
  textarea.form-control {
  height: 65px;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .form_column
  .formfield
  textarea.form-control {
  height: 88px;
}
.common_modal
  .modal-body
  .newservice_form
  form.cus_form
  .form_column
  .formfield
  a.newcust_add {
  position: absolute;
  top: 0px;
  right: 0px;
  background: #00d1ff;
  border-radius: 0px 8px 8px 0px;
  color: #fff;
  display: block;
  font-weight: 500;
}
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  .formfield
  a.newcust_add {
  position: absolute;
  top: 0px;
  right: 0px;
  background: #c5e6ff;
  border-radius: 0px 8px 8px 0px;
  color: #0070d9;
  display: block;
  font-weight: 500;
}
.common_modal
  .modal-body
  .newservice_form
  form.cus_form
  .form_column
  .formfield
  a.newcust_add
  i,
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  .formfield
  a.newcust_add
  i {
  font-size: 16px;
}
.common_modal
  .modal-body
  .newservice_form
  form.cus_form
  .form_column
  .add_cust_field
  input,
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  .add_cust_field
  input {
  padding-right: 75px;
}
.common_modal
  .modal-body
  .newservice_form
  form.cus_form
  .form_column
  .formfield
  img,
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .form_column
  .formfield
  img,
.edit_layout
  .inner_edit_column
  .edit_block_box
  .cus_searchdropdown
  .formfield
  img {
  position: absolute;
  right: 10px;
  top: 20px;
  z-index: 9999;
}
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  .formfield
  button.field_arrow {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 9999;
}
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  .formfield
  .field_icon {
  position: absolute;
  z-index: 9999;
}
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  .formfield
  .pin_hide_show {
  position: absolute;
  z-index: 9999;
}
.common_modal
  .modal-body
  .repairservice_form
  form.cus_form
  .form_column
  .formfield
  .pin_hide_show
  a
  i {
  font-size: 14px;
  line-height: 18px;
  color: #cbcbcb;
}
.common_modal .modal-body .createproduct_form {
  margin: 20px 0px 20px;
}
.common_modal .modal-body .createproduct_form form.cus_form .custom_radio {
  display: inline-block;
  margin-right: 20px;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .custom_radio:last-child {
  margin-right: 0px;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .custom_radio
  label {
  position: relative;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .custom_radio
  label
  input {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .custom_radio
  label
  span {
  display: inline-flex;
  padding: 6px 12px;
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  border-radius: 8px;
  background: #dbdbdb;
  margin-left: 10px;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .custom_radio
  label
  input:checked
  + span {
  background: #00d1ff;
  color: #fff;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .custom_radio
  label
  img.check {
  display: none;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .custom_radio
  label.active
  img.uncheck {
  display: none;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .custom_radio
  label.active
  img.check {
  display: inline-block;
}
.common_modal .modal-body .createproduct_form form.cus_form .product_row {
  width: 100%;
  float: left;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .product_row
  .product_col70,
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .product_row
  .product_col30 {
  float: left;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .product_row
  .cus_prod_col {
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .product_row
  .cus_prod_col
  h4 {
  color: #111827;
  font-style: normal;
  font-weight: 600;
  margin: 0px 0px 5px;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .product_row
  .cus_prod_col
  h4
  span {
  color: #f43f5e;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .product_row
  .cus_prod_col
  p {
  color: #6b7280;
  font-style: normal;
  font-weight: 400;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .cus_prod_col
  .pricefield {
  gap: 8px;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .cus_prod_col
  .pricefield
  .price_col {
  position: relative;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .cus_prod_col
  .pricefield
  .price_col
  .doller_sign {
  position: absolute;
  left: 8px;
  border-right: 1px solid #c0c0c0;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .cus_prod_col
  .pricefield
  .price_col
  .doller_sign
  span {
  color: #111827;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .cus_prod_col
  .pricefield
  .price_col
  .form-control {
  padding-left: 35px;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .cus_prod_col
  .form-group
  .thumbnail_img {
  width: 100%;
  border-radius: 8px;
  border: 1px dashed #000815;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .cus_prod_col
  .form-group
  .thumbnail_img
  input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .cus_prod_col
  .form-group
  .thumbnail_img
  .file_upload {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .cus_prod_col
  .form-group
  .thumbnail_img
  .file_upload
  .file_txt {
  color: #6b7280;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .cus_prod_col
  .form-group
  .thumbnail_img
  .file_upload
  .file_txt
  span {
  color: #00d1ff;
  display: inline-block;
}
.custom-switch {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}
.custom-switch-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-switch-indicator {
  display: inline-block;
  height: 20px;
  width: 35px;
  background: #e9ecef;
  border-radius: 50px;
  position: relative;
  vertical-align: bottom;
  border: 1px solid rgba(0, 40, 100, 0.12);
  transition: 0.3s border-color, 0.3s background-color;
}
.custom-switch-indicator:before {
  content: "";
  position: absolute;
  height: 11px;
  width: 11px;
  top: 3px;
  left: 4px;
  background: #fff;
  border-radius: 50%;
  transition: 0.3s left;
}
.checklist_status .switch_field .custom-switch-indicator {
  background: #717171;
}
.checklist_status .switch_field .custom-switch-indicator:before {
  top: 2px;
  left: 4px;
}

.custom-switch-input:checked ~ .custom-switch-indicator {
  background: #00d1ff;
}
.custom-switch-input:focus ~ .custom-switch-indicator {
  border-color: #00d1ff;
}
.checklist_status
  .switch_red
  .custom-switch-input:checked
  ~ .custom-switch-indicator {
  background: #e31414;
}
.checklist_status
  .switch_red
  .custom-switch-input:focus
  ~ .custom-switch-indicator {
  border-color: #e31414;
}
.checklist_status
  .switch_green
  .custom-switch-input:checked
  ~ .custom-switch-indicator {
  background: #33b938;
}
.checklist_status
  .switch_green
  .custom-switch-input:focus
  ~ .custom-switch-indicator {
  border-color: #33b938;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .switch_field
  label.custom-switch:last-child {
  margin-right: 0px;
}
.common_modal
  .modal-body
  .createproduct_form
  form.cus_form
  .switch_field
  label.custom-switch
  .switch_txt {
  color: #111827;
  font-style: normal;
  font-weight: 600;
  margin-right: 5px;
}

.repairchecklist_form .checklist_status .checklist_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.repairchecklist_form .checklist_status .checklist_column {
  display: inline-flex;
  flex-direction: column;
}
.repairchecklist_form .checklist_status .checklist_column .switch_field {
  display: flex;
}
.repairchecklist_form
  .checklist_status
  .checklist_column
  .switch_field
  span.switch_label {
  color: #494949;
  font-weight: normal;
}

.common_modal .modal-body form.cus_form .select2.select2-container {
  width: 100% !important;
}
.select2-container.select2-container--open {
  z-index: 9999;
}
.common_modal
  .modal-body
  form.cus_form
  .select2.select2-container
  .select2-selection {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 34px;
  margin-bottom: 15px;
  outline: none !important;
  transition: all 0.15s ease-in-out;
}
.common_modal
  .modal-body
  form.cus_form
  .select2.select2-container
  .select2-selection
  .select2-selection__rendered {
  color: #333;
  line-height: 32px;
  padding-right: 33px;
}
.common_modal
  .modal-body
  form.cus_form
  .select2.select2-container
  .select2-selection
  .select2-selection__arrow {
  background: #f8f8f8;
  border-left: 0px solid #ccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 51px;
  width: 30px;
  display: none;
}
.common_modal
  .modal-body
  form.cus_form
  .select2.select2-container.select2-container--open
  .select2-selection.select2-selection--single {
  background: #f8f8f8;
}
.common_modal
  .modal-body
  form.cus_form
  .select2.select2-container.select2-container--open
  .select2-selection.select2-selection--single
  .select2-selection__arrow {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}
.common_modal
  .modal-body
  form.cus_form
  .select2.select2-container.select2-container--open
  .select2-selection.select2-selection--multiple {
  border: 0px;
}
.common_modal
  .modal-body
  form.cus_form
  .select2.select2-container
  .select2-selection {
  margin: 0px;
  border: 0px;
  background: #ededed;
  padding: 8px;
  border-radius: 5px;
}
.common_modal
  .modal-body
  form.cus_form
  .select2.select2-container
  .select2-selection
  .select2-search--inline
  .select2-search__field {
  margin-top: 0;
  height: 32px;
}
.common_modal
  .modal-body
  form.cus_form
  .select2.select2-container
  .select2-selection
  .select2-selection__rendered {
  display: block;
  padding: 0 4px;
}
.common_modal
  .modal-body
  form.cus_form
  .select2.select2-container
  .select2-selection
  .select2-selection__rendered
  li {
  margin-right: 4px;
}
.common_modal
  .modal-body
  form.cus_form
  .select2.select2-container
  .select2-selection
  .select2-selection__choice {
  background-color: #b3b3b3;
  border: 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0px;
  padding: 4px 20px 4px 10px;
  height: auto;
  line-height: 24px;
  font-size: 13px;
  position: relative;
  font-weight: 500;
}
.common_modal
  .modal-body
  form.cus_form
  .select2.select2-container
  .select2-selection
  .select2-selection__choice
  .select2-selection__choice__remove {
  position: absolute;
  top: 4px;
  right: 0;
  height: 22px;
  width: 22px;
  margin: 0;
  text-align: center;
  color: #af6c6c;
  font-weight: bold;
  font-size: 16px;
}
.common_modal .modal-body form.cus_form .select2-container .select2-dropdown {
  background: transparent;
  border: none;
  margin-top: -5px;
}
.common_modal
  .modal-body
  form.cus_form
  .select2-container
  .select2-dropdown
  .select2-search {
  padding: 0;
}
.common_modal
  .modal-body
  form.cus_form
  .select2-container
  .select2-dropdown
  .select2-search
  input {
  outline: none !important;
  border: 1px solid #34495e !important;
  border-bottom: none !important;
  padding: 4px 6px !important;
}
.common_modal
  .modal-body
  form.cus_form
  .select2-container
  .select2-dropdown
  .select2-results {
  padding: 0;
}
.common_modal
  .modal-body
  form.cus_form
  .select2-container
  .select2-dropdown
  .select2-results
  ul {
  background: #fff;
  border: 1px solid #34495e;
}
.common_modal
  .modal-body
  form.cus_form
  .select2-container
  .select2-dropdown
  .select2-results
  ul
  .select2-results__option--highlighted[aria-selected] {
  background-color: #00d1ff;
}
.select2-container--default .select2-results__option {
  color: #171717;
  background: #fff;
  border-radius: 5px;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background: #fff;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #f3f3f3;
  color: #3b3b3b;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  background: #fff;
  border: 1px solid #e0e0e0;
  font-size: 15px;
  line-height: 21px;
  padding: 10px;
  border-radius: 5px;
}
.select2-container--open .select2-dropdown {
  border-radius: 5px !important;
  overflow: hidden;
  background: #ebebeb;
  border: 1px solid #e0e0e0;
}
.select2-container--open .select2-dropdown .select2-results {
  padding: 5px;
}
.select2-container--default .select2-results__option.select2-results__message {
  padding: 0px;
}

.select2-container--default .select2-results__option button.cus_addnew_btn {
  text-align: left;
  font-size: 14px;
  line-height: 24px;
  color: #6b7280;
  vertical-align: middle;
  padding: 5px 10px;
  background: #def9ff;
  font-weight: 600;
}
.select2-container--default .select2-results__option button.cus_addnew_btn,
.select2-container--default
  .select2-results__option
  button.cus_addnew_btn:hover,
.select2-container--default
  .select2-results__option
  button.cus_addnew_btn:focus {
  border: 0px;
}
.select2-container--default
  .select2-results__option
  button.cus_addnew_btn
  span {
  font-size: 35px;
  line-height: 30px;
  color: #00d1ff;
  display: inline-block;
  margin-right: 5px;
  vertical-align: bottom;
  font-weight: normal;
}
.select2-container--default .select2-results__option .no_result span {
  font-size: 14px;
  line-height: 24px;
  color: #6b7280;
  padding: 10px 10px;
  display: block;
}

.no-search .select2-search {
  display: none;
}
.common_filter_sec {
}
.common_filter_sec .filter_select_option {
  margin: 11px 0px 0px;
}
.common_filter_sec .filter_col .filter_tble_btn {
  position: relative;
}
.common_filter_sec .filter_col .filter_tble_btn .filter_icon,
.common_filter_sec .search_field .search_icon {
  position: absolute;
}

.common_filter_sec .filter_col .search_field,
.invoice_filter .filter_col .search_field,
.invoice_filter .filter_col .ft_select_option,
.ticket_filter .filter_col .search_field,
.ticket_filter .filter_col .ft_select_option {
  position: relative;
}
.common_filter_sec .filter_col .manage_btn a,
.imp_exp_btn button {
  display: block;
}
.common_filter_sec .filter_col .manage_btn a,
.imp_exp_btn button,
.salesreport_action .sales_action_btns button {
  background: #fff;
  width: 100%;
  text-align: center;
  color: #404040;
  font-weight: 500;
  border-radius: 5px;
  box-shadow: 0px 1.5px 1.5px 0px #00000040;
  border: 1.5px solid #eeeeee;
}
.salesreport_action .sales_action_btns button {
  display: inline-block;
}
.common_filter_sec .add_customer_btn a {
  box-shadow: 0px 1px 1px 0px #00000040;
  color: #fff;
  width: 100%;
  display: block;
  font-weight: 700;
  text-align: center;
  border-radius: 5px;
  background: #00d1ff;
  border: 1.5px solid #00d1ff;
}
.common_filter_sec .filter_select_option .search_field {
  position: relative;
}
.main-content
  .common_filter_sec
  .select2-container--default
  .select2-selection--single {
  color: #171717;
  font-weight: 500;
  border: 0px;
  box-shadow: 0px 1.5px 1.5px 0px #00000040;
  background: #fff;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  border: 1.5px solid #eeeeee;
}
.main-content .common_filter_sec .filter_select_option .ft_select_option {
  position: relative;
}
.main-content .common_filter_sec .filter_select_option .ft_select_option img,
.invoice_filter .filter_col .ft_select_option img,
.ticket_filter .filter_col .ft_select_option img,
.salesreport_action .salesreport_left .salesreport_location img {
  position: absolute;
  z-index: 9999;
}

.main-content .dataTables_wrapper {
  padding: 0px;
  background: #fff;
  border-radius: 5px;
}
.main-content .dataTables_wrapper .row:last-child .col-md-5 {
  display: none;
}
.main-content .dataTables_wrapper .row:last-child .col-md-7 {
  width: 100%;
}
.main-content .dataTables_wrapper .row .dataTables_paginate ul.pagination {
  display: block;
  text-align: center;
}
.main-content
  .dataTables_wrapper
  .row
  .dataTables_paginate
  ul.pagination
  li.paginate_button {
  display: inline-block;
}
.main-content
  .dataTables_wrapper
  .row
  .dataTables_paginate
  ul.pagination
  li.paginate_button
  a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9.339px;
  background: transparent;
  color: #475467;
  font-weight: 500;
}
.main-content
  .dataTables_wrapper
  .row
  .dataTables_paginate
  ul.pagination
  li.paginate_button.active
  a {
  background: #00d1ff;
  color: #fff;
}
.main-content
  .dataTables_wrapper
  .row
  .dataTables_paginate
  ul.pagination
  li.paginate_button
  a,
.main-content
  .dataTables_wrapper
  .row
  .dataTables_paginate
  ul.pagination
  li.paginate_button
  a:hover,
.main-content
  .dataTables_wrapper
  .row
  .dataTables_paginate
  ul.pagination
  li.paginate_button.active
  a {
  box-shadow: none;
  outline: none;
  border: 0px;
}
.main-content
  .dataTables_wrapper
  .row
  .dataTables_paginate
  ul.pagination
  li.previous {
  float: left;
}
.main-content
  .dataTables_wrapper
  .row
  .dataTables_paginate
  ul.pagination
  li.previous
  a,
.main-content
  .dataTables_wrapper
  .row
  .dataTables_paginate
  ul.pagination
  li.next
  a {
  text-indent: -999999px;
  border-radius: 10px;
  background: #e4e4e4;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  display: flex;
  justify-content: center;
  align-items: center;
  content: "";
  width: auto !important;
  height: auto !important;
}
.main-content
  .dataTables_wrapper
  .row
  .dataTables_paginate
  ul.pagination
  li.previous
  a:after {
  content: "";
  display: block;
  background: url(../img/datatable-prev-icon.svg) no-repeat;
}
.main-content
  .dataTables_wrapper
  .row
  .dataTables_paginate
  ul.pagination
  li.next {
  float: right;
}
.main-content
  .dataTables_wrapper
  .row
  .dataTables_paginate
  ul.pagination
  li.next
  a:after {
  content: "";
  display: block;
  background: url(../img/datatable-next-icon.svg) no-repeat;
}
.main-content .dataTables_wrapper .common_datatable {
  border-collapse: collapse !important;
}
.main-content .dataTables_wrapper table.common_datatable thead {
}
.main-content .dataTables_wrapper table.common_datatable thead tr th,
.main-content table.common_datatable thead tr th {
  border: 0px solid transparent !important;
  color: #000;
  font-weight: 700;
  box-shadow: none;
  border-bottom: 1.5px solid #8950dd !important;
}
.main-content .dataTables_wrapper table.common_datatable tbody tr td,
.main-content table.common_datatable tbody tr td,
.main-content .dataTables_wrapper table.common_datatable tfoot tr td,
.main-content table.common_datatable tfoot tr td {
  border: 0px !important;
}
.main-content .dataTables_wrapper table.common_datatable tbody tr td,
.main-content table.common_datatable tbody tr td {
  color: #111827;
  font-weight: 500;
  box-shadow: none;
  vertical-align: middle;
}
.main-content
  .dataTables_wrapper
  table.common_datatable
  tbody
  tr
  td.prod_img
  img {
  border-radius: 4.751px;
  overflow: hidden;
}
.main-content
  .dataTables_wrapper
  table.common_datatable
  tbody
  tr
  td.status_td
  span {
  border-radius: 9.501px;
  border: 1.188px solid #e5e7eb;
  background: #fff;
  display: inline-flex;
  padding: 4.751px 14.252px;
  align-items: center;
  gap: 9.501px;
}
.main-content
  .dataTables_wrapper
  table.common_datatable
  tbody
  tr
  td.status_td
  span:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
}
.main-content
  .dataTables_wrapper
  table.common_datatable
  tbody
  tr
  td.st_inactive
  span:before,
.main-content
  .dataTables_wrapper
  table.common_datatable
  tbody
  tr
  td.st_red
  span:before {
  background: #b91010;
}
.main-content
  .dataTables_wrapper
  table.common_datatable
  tbody
  tr
  td.st_active
  span:before,
.main-content
  .dataTables_wrapper
  table.common_datatable
  tbody
  tr
  td.st_green
  span:before {
  background: #10b981;
}
.main-content
  .dataTables_wrapper
  table.common_datatable
  tbody
  tr
  td.st_skyblue
  span:before {
  background: #0085ff;
}
.main-content
  .dataTables_wrapper
  table.common_datatable
  tbody
  tr
  td.st_orange
  span:before {
  background: #f97316;
}
.main-content .dataTables_wrapper table.common_datatable tbody tr.odd td,
.main-content table.common_datatable tbody tr:nth-child(odd) td {
  background: #fff !important;
  border: 0px !important;
}
.main-content .dataTables_wrapper table.common_datatable tbody tr.even td,
.main-content table.common_datatable tbody tr:nth-child(even) td {
  background: #f4f4f4 !important;
  border: 0px !important;
}
.main-content .dataTables_wrapper table.common_datatable tbody tr td a {
  color: #111827;
}
.main-content
  .dataTables_wrapper
  table.common_datatable
  .custom-checkbox
  input {
  border-radius: 5px;
  border: 1.182px solid #d1d5db;
  background: #fff;
}
.main-content
  .dataTables_wrapper
  table.common_datatable
  .custom-checkbox
  label {
  display: none;
}
.main-content table.common_datatable tbody tr.tr_view td {
  padding: 10px 8px;
}
.main-content table.common_datatable tbody tr.tr_view td a {
  display: block;
}
.main-content table.common_datatable tbody tr.tr_view td img.arrow_down {
  padding-right: 10px;
}
.main-content table.common_datatable tbody tr.tr_fold td .arrow_up img {
  transform: rotate(180deg);
}
.main-content table.common_datatable tbody tr.tr_fold {
  /* display: none; */
}
.main-content table.common_datatable tbody tr.tr_fold.open {
  display: table-row;
}
.main-content table.common_datatable tbody tr.tr_fold td {
  position: relative;
}
.main-content table.common_datatable tbody tr.tr_fold td.inner_td:before,
.main-content table.common_datatable tbody tr.tr_fold td.inner_td:after {
  content: "";
  background: #00d1ff;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
}
.main-content table.common_datatable tbody tr.tr_fold td.inner_td:before {
  left: 0px;
}
.main-content table.common_datatable tbody tr.tr_fold td.inner_td:after {
  right: 0px;
}
.main-content table.common_datatable tbody tr.tr_fold .invoice_detail {
  border-radius: 8px;
  background: #eee;
  float: left;
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_tabledata,
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_subtotal {
  width: 50%;
  float: left;
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_tabledata
  h5 {
  color: #171717;
  font-style: normal;
  font-weight: 600;
  margin: 0px 0px 5px;
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_tabledata
  table {
  background: #fff;
  width: 100%;
  margin: 0px 0px 10px;
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_tabledata
  table
  thead
  tr
  th {
  border: 1px solid #e0e0e0 !important;
  background: #fff !important;
  color: #171717;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  padding: 8px 6px;
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_tabledata
  table
  tbody
  tr
  td {
  border: 1px solid #e0e0e0 !important;
  color: #171717;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  padding: 8px 6px;
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_tabledata
  table
  tbody
  tr:nth-child(odd)
  td {
  background: #fff !important;
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_tabledata
  table
  tbody
  tr:nth-child(even)
  td {
  background: #f4f4f4 !important;
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_tabledata
  table
  tbody
  tr
  td:nth-child(2) {
  text-align: left;
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_tabledata
  table
  tbody
  tr
  td
  a {
  color: #426aa2;
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_tabledata
  table
  tbody
  tr
  td
  a
  span {
  color: #0038ff;
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_tabledata
  .invoice_note {
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_tabledata
  .invoice_note
  span {
  color: #171717;
  font-style: normal;
  font-weight: 600;
  margin: 0px 0px 5px;
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_subtotal
  table {
  width: 100%;
  margin: 30px 0px 0px;
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_subtotal
  table
  tbody
  tr
  td {
  color: #171717;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  padding: 6px 8px;
  border: 0px !important;
  border-bottom: 1px solid #000 !important;
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_subtotal
  table
  tbody
  tr
  td:first-child {
  border-right: 1px solid #000 !important;
  text-align: right;
  padding-right: 12px;
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_subtotal
  table
  tbody
  tr:last-child
  td {
  border-bottom: 0px;
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_detail
  .invoice_subtotal
  table
  tbody
  tr
  td.td_date {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.main-content table.common_datatable tbody tr.tr_fold .invoice_receipt_btn {
  float: left;
}
.main-content table.common_datatable tbody tr.tr_fold .invoice_receipt_btn ul {
}
.main-content
  table.common_datatable
  tbody
  tr.tr_fold
  .invoice_receipt_btn
  ul
  li
  a {
  display: block;
  border-radius: 8.611px;
  border: 1.188px solid #e6e6e6;
  background: #f0f0f0;
  color: #000;
  font-style: normal;
  font-weight: 400;
}

.main-content .customer_details .customer_form {
}
.main-content
  .customer_details
  .customer_form
  form.cus_form
  .form-group
  .upload_files {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.main-content
  .customer_details
  .customer_form
  form.cus_form
  .form-group
  .upload_files
  img.uploaded_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.main-content
  .customer_details
  .customer_form
  form.cus_form
  .form-group
  .upload_files
  .file_upload {
  position: absolute;
  border-radius: 90px;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
}
.main-content
  .customer_details
  .customer_form
  form.cus_form
  .form-group
  .upload_files
  .file_upload
  input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 90px;
  overflow: hidden;
}
.main-content
  .customer_details
  .customer_form
  form.cus_form
  .form-group
  .upload_files
  .filetrash_icon {
  position: absolute;
  border-radius: 64.824px;
  border: 1.296px solid #eaeef4;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.main-content .customer_details .customer_form form.cus_form .form_column {
}
.main-content .customer_details .customer_form form.cus_form .col_full {
  width: 100%;
}
.main-content .customer_details .customer_form form.cus_form .form_row {
  float: left;
  width: 100%;
}
.main-content
  .customer_details
  .customer_form
  form.cus_form
  .form_row
  .col_half,
.main-content
  .customer_details
  .customer_form
  form.cus_form
  .form_row
  .city_col,
.main-content
  .customer_details
  .customer_form
  form.cus_form
  .form_row
  .state_col,
.main-content
  .customer_details
  .customer_form
  form.cus_form
  .form_row
  .zip_col {
  float: left;
}
.main-content .customer_details .customer_form form.cus_form .form-group label,
.main-content .customer_details .customer_form form.cus_form h5 {
  color: #092c4c;
  font-style: normal;
  font-weight: 700;
}
.main-content
  .customer_details
  .customer_form
  form.cus_form
  .form-group
  .form-control {
  background: #fff;
  width: 100%;
  border-radius: 5px;
  color: #7e92a2;
  font-style: normal;
  font-weight: 400;
  height: auto;
}
.main-content
  .customer_details
  .customer_form
  form.cus_form
  .form-group
  .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #7e92a2;
}
.main-content
  .customer_details
  .customer_form
  form.cus_form
  .form-group
  .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #7e92a2;
}
.main-content
  .customer_details
  .customer_form
  form.cus_form
  .form-group
  .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #7e92a2;
}
.main-content
  .customer_details
  .customer_form
  form.cus_form
  .form-group
  .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #7e92a2;
}
.main-content .customer_details .customer_form form.cus_form .form-btn {
  text-align: center;
}
.main-content .customer_details .customer_form form.cus_form .form-btn button {
  border-radius: 8px;
  font-weight: 600;
  border: 0px;
  margin: 0px;
}
.main-content
  .customer_details
  .customer_form
  form.cus_form
  .form-btn
  button.theme_btn {
  background: #00d1ff;
  color: #fff;
}
.main-content .customer_details .cust_detail_right .recent_opiton {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  border-radius: 15px;
  background: #eef6fb;
  margin: 0px 0px 14px;
}
.main-content .customer_details .cust_detail_right .recent_opiton .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.main-content .customer_details .cust_detail_right .recent_opiton .title h5 {
  color: #092c4c;
  font-style: normal;
  font-weight: 700;
  display: inline-block;
  margin: 0px;
}
.main-content .customer_details .cust_detail_right .recent_opiton .title a {
  border-radius: 50%;
  background: #8c55ff;
  color: #fff;
  display: inline-block;
  text-align: center;
}
.main-content
  .customer_details
  .cust_detail_right
  .recent_opiton
  .recent_content {
  width: 100%;
}
.main-content
  .customer_details
  .cust_detail_right
  .recent_opiton
  .recent_content
  ul {
}
.main-content
  .customer_details
  .cust_detail_right
  .recent_opiton
  .recent_content
  ul
  li {
  color: #526477;
  font-style: normal;
  font-weight: 700;
}
.main-content
  .customer_details
  .cust_detail_right
  .recent_opiton
  .recent_content
  ul
  li
  span.recent_span {
  display: block;
}
.main-content
  .customer_details
  .cust_detail_right
  .recent_opiton
  .recent_content
  ul
  li
  span.recent_span
  span {
  color: #7e92a2;
  font-style: normal;
  font-weight: 400;
}
.main-content
  .customer_details
  .cust_detail_right
  .recent_opiton
  .recent_content
  ul
  li
  span.recent_span
  span:first-child:after {
  content: "";
  background: #7e92a2;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: inline-block;
  margin: 0px 14px;
  vertical-align: middle;
}
.main-content
  .customer_details
  .cust_detail_right
  .recent_opiton
  .recent_content
  a.loadmore {
  display: block;
  text-align: center;
  padding: 12px 0px;
  color: #514ef3;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 39px;
}

.payment_modal .modal-body .payment_receipt {
  margin: 20px 0px 0px;
}
.payment_modal .modal-body .payment_receipt .payment_receipt_top {
  display: flex;
  align-items: self-start;
  justify-content: space-between;
}
.payment_modal .modal-body .payment_receipt .payment_col {
  display: flex;
  flex-direction: column;
}
.payment_modal .modal-body .payment_receipt .payment_col span.payment_label {
  color: #717171;
  font-style: normal;
  font-weight: 500;
  display: block;
}
.payment_modal .modal-body .payment_receipt .payment_col span.payment_value {
  color: #8950dd;
  font-style: normal;
  font-weight: 500;
  display: block;
}
.payment_modal .modal-body .payment_receipt .payment_col_right {
  text-align: right;
}
.payment_modal .modal-body .payment_receipt .payment_col_right .payment_btns {
  display: block;
}
.payment_modal .modal-body .payment_receipt .payment_col_right .payment_btns a {
  display: inline-block;
  border-radius: 8px;
  color: #fff;
  font-style: normal;
  font-weight: 500;
}
.payment_modal
  .modal-body
  .payment_receipt
  .payment_col_right
  .payment_btns
  a:nth-child(2n) {
  margin-right: 0px;
}
.payment_modal
  .modal-body
  .payment_receipt
  .payment_col_right
  .payment_btns
  a.cash_btn {
  background: #64e259;
}
.payment_modal
  .modal-body
  .payment_receipt
  .payment_col_right
  .payment_btns
  a.debit_btn {
  background: #00cae6;
}
.payment_modal
  .modal-body
  .payment_receipt
  .payment_col_right
  .payment_btns
  a.visa_btn {
  background: #ff4c00;
}
.payment_modal
  .modal-body
  .payment_receipt
  .payment_col_right
  .payment_btns
  a.other_btn {
  background: #8459e2;
}
.payment_modal .modal-body .payment_receipt .payment_receipt_btm .payment_btns {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.payment_modal
  .modal-body
  .payment_receipt
  .payment_receipt_btm
  .payment_btns
  a {
  border-radius: 8px;
  color: #fff;
  font-style: normal;
  font-weight: 500;
  width: 25%;
  text-align: center;
}
.payment_modal
  .modal-body
  .payment_receipt
  .payment_receipt_btm
  .payment_btns
  a.black_btn {
  background: #000;
}
.payment_modal
  .modal-body
  .payment_receipt
  .payment_receipt_btm
  .payment_btns
  a.darkred_btn {
  background: #cc1212;
}
.payment_modal .modal-body .payment_receipt_btns {
}
.payment_modal .modal-body .payment_receipt_btns .receipt_btn {
  margin: 10px 0px 0px;
}
.payment_modal .modal-body .payment_receipt_btns .receipt_btn .receipt_col {
}
.payment_modal .modal-body .payment_receipt_btns .receipt_btn .colhalf {
  width: calc(50% - 11px);
  display: inline-flex;
}
.payment_modal
  .modal-body
  .payment_receipt_btns
  .receipt_btn
  .colhalf:first-child {
  margin-right: 16px;
}
.payment_modal .modal-body .payment_receipt_btns .receipt_btn .colfull {
  width: 100%;
  margin: 18px 0px 0px;
}
.payment_modal
  .modal-body
  .payment_receipt_btns
  .receipt_btn
  .receipt_col
  a.recept_btn {
  padding: 43.5px 40px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  color: #fff;
  border-radius: 8px;
  display: block;
  width: 100%;
  text-align: center;
}
.payment_modal
  .modal-body
  .payment_receipt_btns
  .receipt_btn
  .receipt_col
  a.recpt_email_btn {
  background: #00d1ff;
}
.payment_modal
  .modal-body
  .payment_receipt_btns
  .receipt_btn
  .receipt_col
  a.recpt_noreceipt_btn {
  background: #ff0000;
}
.payment_modal
  .modal-body
  .payment_receipt_btns
  .receipt_btn
  .receipt_col
  a.recpt_print_btn {
  background: #64e259;
}

nav.navbar ul.navbar-nav li.timer_li {
  position: relative;
}
nav.navbar ul.navbar-nav li.timer_li .timer_shift_popup {
  display: none;
  position: absolute;
  top: 50px;
  right: 0px;
  z-index: 999;
  border: 1px solid #ddd;
  border-radius: 25px;
  border: 1px solid rgba(113, 113, 113, 0.5);
  background: #f4f4f4;
}
nav.navbar ul.navbar-nav li.timer_li.active .timer_shift_popup {
  display: block;
}
nav.navbar ul.navbar-nav li.timer_li.active .timer_shift_popup .timer_title {
  margin: 0px 0px 15px;
}
nav.navbar
  ul.navbar-nav
  li.timer_li.active
  .timer_shift_popup
  .timer_title
  span {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
.timer_shift_popup form.cus_form .shift_timer_column {
  width: 100%;
  float: left;
}
.timer_shift_popup form.cus_form .shift_timer_column .timer_col_left,
.timer_shift_popup form.cus_form .shift_timer_column .timer_col_right {
  float: left;
}
.timer_shift_popup form.cus_form .shift_timer_column .form-group {
  margin: 0px 0px 15px;
}
.timer_shift_popup form.cus_form .shift_timer_column .form_column {
  position: relative;
}
.timer_shift_popup form.cus_form .shift_timer_column .form_row {
  width: 100%;
  float: left;
}
.timer_shift_popup form.cus_form .shift_timer_column .formcol_full {
  width: 100%;
  float: left;
}
.timer_shift_popup form.cus_form .shift_timer_column .formcol_half {
  width: calc(50% - 5px);
  float: left;
  margin-right: 10px;
}
.timer_shift_popup
  form.cus_form
  .shift_timer_column
  .formcol_half:nth-child(2n) {
  margin-right: 0px;
}
.timer_shift_popup form.cus_form .shift_timer_column .form_column label {
  position: absolute;
  top: 6px;
  left: 14px;
  font-size: 12px;
  line-height: 20px;
  color: #6b7280;
  font-weight: 400;
  margin: 0px;
}
.timer_shift_popup
  form.cus_form
  .shift_timer_column
  .form_column
  .form-control {
  border-radius: 5px;
  padding: 32px 14px 10px;
  color: #000;
  height: 65px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  background: #ededed;
}
.timer_shift_popup form.cus_form .shift_timer_column .timer_btns {
  display: flex;
  margin: 8px 0px 0px;
}
.timer_shift_popup
  form.cus_form
  .shift_timer_column
  .timer_btns
  .button_column {
  width: 100%;
}
.timer_shift_popup
  form.cus_form
  .shift_timer_column
  .timer_btns
  .button_column
  button.cus_timer_btn {
  border-radius: 5px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-style: normal;
  font-weight: 700;
}
.timer_shift_popup
  form.cus_form
  .shift_timer_column
  .timer_btns
  .button_column
  button.green_btn {
  background: #00ac4f;
  margin-bottom: 11px;
}
.timer_shift_popup
  form.cus_form
  .shift_timer_column
  .timer_btns
  .button_column
  button.red_btn {
  background: #da001a;
}
.timer_shift_popup form.cus_form .shift_timer_column .content_btm {
  margin: 10px 0px 0px;
}
.timer_shift_popup form.cus_form .shift_timer_column .timer_content {
  text-align: center;
}
.timer_shift_popup form.cus_form .shift_timer_column .timer_content span {
  color: #7b7b7b;
  font-style: normal;
  font-weight: 400;
  display: block;
}
.timer_shift_popup form.cus_form .shift_timer_column .timer_content span b {
  font-weight: 700;
}
.ticket_filter .filter_col:first-child {
  margin-bottom: 10px;
}
.ticket_filter .ticket_counter .counter_col {
  border-radius: 5px;
  background: #fff;
  border: 2px solid #eeeeee;
}
.ticket_filter .ticket_counter .counter_col p {
  color: #000;
  font-style: normal;
  font-weight: 500;
  margin: 0px;
}
.ticket_filter .ticket_counter .counter_col p span {
  color: #101828;
  font-style: normal;
  font-weight: 600;
  display: inline-block;
  margin-left: 15px;
}
.ticket_filter .ticket_counter .counter_col .cus_badge {
  display: inline-flex;
  padding: 2px 11px 2px 9px;
  border-radius: 5px;
  background: #d4ffe5;
  color: #067647;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.main-content .ticket_detail_search .search_btn {
  margin: 0px 0px 60px !important;
}

.main-content .ticket_status_btn .status_btn button {
  border-radius: 8px;
  border: 1.1px solid #e2e2e2;
  background: #27c200;
  color: #fff;
  font-style: normal;
  font-weight: 700;
  width: 100%;
}
.main-content .ticket_status_btn .ticket_extra_btns button {
  border-radius: 10.377px;
  background: linear-gradient(
    97deg,
    #b398e6 -67.93%,
    #7960e7 24.77%,
    #9d3dd3 132.72%
  );
  color: #fff;
  font-style: normal;
  font-weight: 700;
}
.main-content .ticket_block_content .ticket_block_box {
  border-radius: 8px;
  background: #fefefe;
}
.main-content .ticket_block_content .ticket_block_box .tkt_box_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-content .ticket_block_content .ticket_block_box .tkt_box_title h4,
.main-content .ticket_block_content .ticket_block_box .tkt_box_title span {
  color: #1e2029;
  font-style: normal;
  font-weight: 600;
}
.main-content .ticket_block_content .ticket_block_box .tkt_box_title a {
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #111827;
  font-style: normal;
  font-weight: 500;
  display: inline-block;
}
.main-content
  .ticket_block_content
  .ticket_block_box
  .tkt_box_content
  .ticket_box_img {
  float: right;
  background: #fff;
  position: relative;
  z-index: 1;
}
.main-content
  .ticket_block_content
  .ticket_block_box
  .tkt_box_content
  .ticket_box_img
  img {
}
.main-content
  .ticket_block_content
  .ticket_block_box
  .tkt_box_content
  ul.tkt_box_ul {
}
.main-content
  .ticket_block_content
  .ticket_block_box
  .tkt_box_content
  ul.tkt_box_ul
  > li {
  color: #616161;
  font-style: normal;
  font-weight: 400;
  padding: 0px 20px 10px 0px;
  border-bottom: 1px solid #e3e3e3;
  margin: 0px 0px 10px;
  position: relative;
}
.main-content
  .ticket_block_content
  .ticket_block_box
  .tkt_box_content
  ul.tkt_box_ul
  > li
  > span {
  display: inline-block;
  color: #616161;
}
.main-content
  .ticket_block_content
  .ticket_block_box
  .tkt_box_content
  ul.tkt_box_ul
  > li
  > b,
.main-content
  .ticket_block_content
  .ticket_block_box
  .tkt_box_content
  ul.tkt_box_ul
  li
  .pos_relative {
  display: inline-block;
  font-weight: 700;
  color: #262626;
}
.main-content
  .ticket_block_content
  .ticket_block_box
  .tkt_box_content
  ul.tkt_box_ul
  li.maintitle {
  color: #1e2029;
  font-style: normal;
  font-weight: 600;
  border: 0px;
  padding: 0px;
}
.main-content
  .ticket_block_content
  .ticket_block_box
  .tkt_box_content
  ul.tkt_box_ul
  li
  img {
  position: absolute;
  top: 0px;
  right: 0px;
}
.main-content .dashboard_inner {
}
.main-content .dashboard_inner .dashboard_left {
  float: left;
}
.main-content .dashboard_inner .dashboard_left .dashbaord_title {
}
.main-content .dashboard_inner .dashboard_left .dashbaord_title h5 {
  color: #1e2029;
  font-style: normal;
  font-weight: 600;
}
.main-content .dashboard_inner .dashboard_left .dashbaord_block {
  border-radius: 8px;
  border: 1px solid #ececec;
  background: #fff;
}
.main-content .dashboard_inner .dashboard_left .dashbaord_block .dash_box {
  border-radius: 8px;
  position: relative;
}
.main-content .dashboard_inner .dashboard_left .dashbaord_block .dash_box1 {
  background: #f0f0f0;
}
.main-content .dashboard_inner .dashboard_left .dashbaord_block .dash_box2 {
  background: #f2f2f2;
}
.main-content
  .dashboard_inner
  .dashboard_left
  .dashbaord_block
  .dash_box1:before,
.main-content
  .dashboard_inner
  .dashboard_left
  .dashbaord_block
  .dash_box2:before {
  content: "";
  border-radius: 0px 122.642px 122.642px 0px;
  width: 6.295px;
  height: 62.464px;
  position: absolute;
  left: 0px;
  top: 20px;
}
.main-content
  .dashboard_inner
  .dashboard_left
  .dashbaord_block
  .dash_box1:before {
  background: #00d1ff;
}
.main-content
  .dashboard_inner
  .dashboard_left
  .dashbaord_block
  .dash_box2:before {
  background: #f82e2e;
}
.main-content .dashboard_inner .dashboard_left .dashbaord_block .dash_box3 {
  background: linear-gradient(
    97deg,
    #4b5dff -67.93%,
    #3ab2b2 24.77%,
    #2958ff 132.72%
  );
}
.main-content .dashboard_inner .dashboard_left .dashbaord_block .dash_box4 {
  background: linear-gradient(
    97deg,
    #b398e6 -67.93%,
    #7960e7 24.77%,
    #9d3dd3 132.72%
  );
}
.main-content .dashboard_inner .dashboard_left .dashbaord_block .dash_box p {
  font-style: normal;
  font-weight: 700;
  opacity: 0.6;
}
.main-content .dashboard_inner .dashboard_left .dashbaord_block .dash_box1 p,
.main-content .dashboard_inner .dashboard_left .dashbaord_block .dash_box2 p {
  color: #1e2029;
}
.main-content .dashboard_inner .dashboard_left .dashbaord_block .dash_box3 p,
.main-content .dashboard_inner .dashboard_left .dashbaord_block .dash_box4 p {
  color: #fff;
}
.main-content .dashboard_inner .dashboard_left .dashbaord_block .dash_box1 h3,
.main-content .dashboard_inner .dashboard_left .dashbaord_block .dash_box2 h3 {
  color: #1e2029;
  font-style: normal;
  font-weight: 700;
}
.main-content .dashboard_inner .dashboard_left .dashbaord_block .dash_box3 h3,
.main-content .dashboard_inner .dashboard_left .dashbaord_block .dash_box4 h3 {
  color: #fff;
  font-style: normal;
  font-weight: 700;
}
.main-content
  .dashboard_inner
  .dashboard_left
  .dashbaord_block
  .dash_box
  .dash_box_btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-content
  .dashboard_inner
  .dashboard_left
  .dashbaord_block
  .dash_box
  .dash_box_btm
  .dash_val {
  font-style: normal;
  font-weight: 400;
}
.main-content
  .dashboard_inner
  .dashboard_left
  .dashbaord_block
  .dash_box1
  .dash_box_btm
  .dash_val,
.main-content
  .dashboard_inner
  .dashboard_left
  .dashbaord_block
  .dash_box2
  .dash_box_btm
  .dash_val {
  color: #1e2029;
}
.main-content
  .dashboard_inner
  .dashboard_left
  .dashbaord_block
  .dash_box3
  .dash_box_btm
  .dash_val,
.main-content
  .dashboard_inner
  .dashboard_left
  .dashbaord_block
  .dash_box4
  .dash_box_btm
  .dash_val {
  color: #fff;
}
.main-content
  .dashboard_inner
  .dashboard_left
  .dashbaord_block
  .dash_box
  .dash_box_btm
  a {
  border-radius: 8px;
  font-style: normal;
  font-weight: 600;
}
.main-content
  .dashboard_inner
  .dashboard_left
  .dashbaord_block
  .dash_box1
  .dash_box_btm
  a,
.main-content
  .dashboard_inner
  .dashboard_left
  .dashbaord_block
  .dash_box2
  .dash_box_btm
  a {
  background: #afafaf;
  color: #f2f2f2;
}
.main-content
  .dashboard_inner
  .dashboard_left
  .dashbaord_block
  .dash_box3
  .dash_box_btm
  a,
.main-content
  .dashboard_inner
  .dashboard_left
  .dashbaord_block
  .dash_box4
  .dash_box_btm
  a {
  background: rgba(255, 255, 255, 0.33);
  color: #fff;
}
.main-content .dashboard_inner .dashboard_store_block {
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #dbdbdb;
  background: #fff;
  overflow: hidden;
}
.main-content .dashboard_inner .dashboard_store_block .store_block_left img {
  width: 100%;
}
.main-content .dashboard_inner .dashboard_store_block .store_block_right {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-content
  .dashboard_inner
  .dashboard_store_block
  .store_block_right
  .store_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  max-width: 220px;
  text-align: center;
}
.main-content
  .dashboard_inner
  .dashboard_store_block
  .store_block_right
  .store_content
  span {
  color: #000;
  font-style: normal;
  font-weight: 700;
}
.main-content
  .dashboard_inner
  .dashboard_store_block
  .store_block_right
  .store_link {
  text-align: center;
}
.main-content
  .dashboard_inner
  .dashboard_store_block
  .store_block_right
  .store_link
  a {
  border-radius: 10px;
  background: #000;
  color: #fff;
  font-style: normal;
  font-weight: 500;
  display: block;
}
.main-content .dashboard_inner .dashboard_pages_block {
  border-radius: 8px;
  border: 1px solid #dbdbdb;
  background: #fff;
  overflow: hidden;
}
.main-content .dashboard_inner .dashboard_pages_block h4 {
  color: #130f26;
  font-style: normal;
  font-weight: 500;
  margin: 0px;
}
.main-content .dashboard_inner .dashboard_pages_block .dash_pages_list {
}
.main-content .dashboard_inner .dashboard_pages_block .dash_pages_list ul {
  float: left;
  width: 100%;
  margin: 10px 0px 0px;
  border-top: 1px solid #d7d7d7;
  padding: 14px 0px 0px;
}
.main-content .dashboard_inner .dashboard_pages_block .dash_pages_list ul li {
  float: left;
}
.main-content .dashboard_inner .dashboard_pages_block .dash_pages_list ul li a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  border: 1px solid #eee;
  background: #f4f4f4;
  height: 80px;
}
.main-content
  .dashboard_inner
  .dashboard_pages_block
  .dash_pages_list
  ul
  li
  a
  .page_icon {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-content
  .dashboard_inner
  .dashboard_pages_block
  .dash_pages_list
  ul
  li
  a
  .sale_dash_icn {
  background: #000;
}
.main-content
  .dashboard_inner
  .dashboard_pages_block
  .dash_pages_list
  ul
  li
  a
  .repair_icn {
  background: #f51313;
}
.main-content
  .dashboard_inner
  .dashboard_pages_block
  .dash_pages_list
  ul
  li
  a
  .product_icn {
  background: #33b938;
}
.main-content
  .dashboard_inner
  .dashboard_pages_block
  .dash_pages_list
  ul
  li
  a
  .devices_icn {
  background: #ff7a00;
}
.main-content
  .dashboard_inner
  .dashboard_pages_block
  .dash_pages_list
  ul
  li
  a
  .invoices_icn {
  background: #f2c94c;
}
.main-content
  .dashboard_inner
  .dashboard_pages_block
  .dash_pages_list
  ul
  li
  a
  .customer_icn {
  background: #00d1ff;
}
.main-content
  .dashboard_inner
  .dashboard_pages_block
  .dash_pages_list
  ul
  li
  a
  .setting_icn {
  background: #ff04aa;
}
.main-content
  .dashboard_inner
  .dashboard_pages_block
  .dash_pages_list
  ul
  li
  a
  .inventory_icn {
  background: #f51313;
}
.main-content
  .dashboard_inner
  .dashboard_pages_block
  .dash_pages_list
  ul
  li
  a
  .report_icn {
  background: #eb31fc;
}
.main-content
  .dashboard_inner
  .dashboard_pages_block
  .dash_pages_list
  ul
  li
  a
  .page_icon
  img {
}
.main-content
  .dashboard_inner
  .dashboard_pages_block
  .dash_pages_list
  ul
  li
  a
  span {
  color: #452f02;
  font-style: normal;
  font-weight: 400;
}
.main-content
  .dashboard_inner
  .dashboard_pages_block
  .dash_pages_list
  ul
  li
  a
  .icon_txt {
  display: flex;
  align-items: center;
}
.main-content
  .dashboard_inner
  .dashboard_pages_block
  .dash_pages_list
  ul
  li
  a
  .arrowicon {
}
.main-content
  .dashboard_inner
  .dashboard_pages_block
  .dash_pages_list
  ul
  li
  a
  .arrowicon
  img {
}
.main-content .dashboard_inner .dashboard_right {
  float: left;
}
.main-content .dashboard_inner .dashboard_right .dash_services {
  background: #fff;
  border-radius: 8px;
}
.main-content .dashboard_inner .dashboard_right .dash_services .title {
  display: flex;
  justify-content: space-between;
}
.main-content .dashboard_inner .dashboard_right .dash_services .title h4,
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  h4 {
  color: #000;
  font-style: normal;
  font-weight: 500;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .title
  select.cus_select {
  color: rgba(0, 0, 0, 0.6);
  font-style: normal;
  font-weight: 400;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0px;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .service_dropdown {
  position: relative;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .service_dropdown
  img {
  position: absolute;
  top: 10px;
  right: 0px;
}
.main-content .dashboard_inner .dashboard_right .dash_services .dash_serv_list {
  float: left;
  width: 100%;
  margin: 15px 0px 10px;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .serv_column {
  padding: 10px 9px 9px;
  border-radius: 8px;
  float: left;
  width: 100%;
  border: 1.124px solid transparent;
  background: transparent;
  margin: 0px 0px 5px;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .serv_column:hover {
  cursor: pointer;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .serv_column:hover,
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .serv_column.active {
  background: #f0f9fd;
  border: 1.124px solid rgba(88, 182, 222, 0.15);
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .serv_column
  .name_small,
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .inner_details
  .serv_detail_info
  .name_small {
  border-radius: 50%;
  float: left;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .lightgreen
  .name_small,
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .inner_details
  .serv_detail_info
  .lightgreen {
  border: 1px solid rgba(18, 137, 131, 0.6);
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .lightpink
  .name_small,
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .inner_details
  .serv_detail_info
  .lightpink {
  border: 1px solid rgba(246, 32, 136, 0.6);
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .lightpurple
  .name_small,
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .inner_details
  .serv_detail_info
  .lightpurple {
  border: 1px solid rgba(0, 0, 255, 0.6);
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .serv_column
  .name_small
  span,
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .inner_details
  .serv_detail_info
  .name_small
  span {
  border-radius: 50%;
  color: #000;
  font-style: normal;
  font-weight: 400;
  display: block;
  text-align: center;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .lightgreen
  .name_small
  span,
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .inner_details
  .serv_detail_info
  .lightgreen
  span {
  background: rgba(18, 137, 131, 0.25);
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .lightpink
  .name_small
  span,
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .inner_details
  .serv_detail_info
  .lightpink
  span {
  background: rgba(246, 32, 136, 0.15);
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .lightpurple
  .name_small
  span,
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .inner_details
  .serv_detail_info
  .lightpurple
  span {
  background: rgba(0, 0, 255, 0.25);
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .serv_column
  .name_servname,
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .serv_detail_info
  .name_servopened {
  float: left;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .serv_column
  .name_servname
  h5,
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .serv_detail_info
  .name_servopened
  h5 {
  color: #000;
  font-style: normal;
  font-weight: 500;
  margin: 0px 0px 5px;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .serv_column
  .name_servname
  span {
  display: block;
  font-style: normal;
  font-weight: 400;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .lightgreen
  .name_servname
  span {
  color: #128983;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .lightpink
  .name_servname
  span {
  color: #f62088;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .lightpurple
  .name_servname
  span {
  color: #00f;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .serv_column
  .serv_time {
  float: right;
  margin: 9px 0px 0px;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .serv_column
  .serv_time
  span {
  display: block;
  font-style: normal;
  font-weight: 400;
  border-radius: 8px;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .lightgreen
  .serv_time
  span {
  background: rgba(18, 137, 131, 0.15);
  color: #128983;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .lightpink
  .serv_time
  span {
  background: rgba(246, 32, 136, 0.15);
  color: #f62088;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_list
  .lightpurple
  .serv_time
  span {
  background: rgba(0, 0, 255, 0.15);
  color: rgba(0, 0, 255, 0.6);
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .inner_details {
  border-radius: 8px;
  border: 1.024px solid rgba(88, 182, 222, 0.5);
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .inner_details
  .serv_detail_info {
  border-bottom: 1.024px solid rgba(88, 182, 222, 0.3);
  float: left;
  width: 100%;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .serv_detail_info
  .name_servopened
  span {
  color: rgba(0, 0, 0, 0.5);
  font-style: normal;
  font-weight: 400;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .inner_details
  .serv_detail_content {
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .inner_details
  .serv_detail_content
  ul {
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .inner_details
  .serv_detail_content
  ul
  li {
  color: rgba(0, 0, 0, 0.5);
  font-style: normal;
  font-weight: 400;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .inner_details
  .serv_detail_content
  ul
  li
  span {
  color: #000;
  display: inline-block;
  font-weight: 500;
  width: 100px;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .serv_detail_info
  .serv_action {
  float: right;
  margin: 9px 0px 0px;
}
.main-content
  .dashboard_inner
  .dashboard_right
  .dash_services
  .dash_serv_detail
  .serv_detail_info
  .serv_action
  a {
}
.main-content .dashboard_inner .dashboard_right .dash_calendar {
  margin: 0px 0px 14px;
}
.main-content .dashboard_inner .dashboard_right .dash_calendar .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.main-content .dashboard_inner .dashboard_right .dash_calendar .title h4 {
  color: #1e2029;
  font-style: normal;
  font-weight: 600;
  margin: 0px;
}
.main-content .dashboard_inner .dashboard_right .dash_calendar .title a {
  border-radius: 8px;
  border: 0.894px solid rgba(30, 32, 41, 0.15);
  background: #fff;
  color: #000;
  font-weight: 700;
}
.main-content .dashboard_inner .dashboard_right .dash_calendar .title a i {
  color: #000;
}
.calendar_layout {
}
.ui-widget.ui-widget-content {
  border: 0px;
  background: transparent;
  width: 100%;
}
.calendar_layout .custom_datepicker {
  border-radius: 8px;
  background: #fff;
}
.ui-widget.ui-widget-content.commondatepicker {
  border-radius: 8px;
  background: #fff;
  padding: 20px 15px;
  box-shadow: 0px 1px 1px 0px #00000040;
}
.ui-datepicker .ui-datepicker-header {
  background: transparent;
  border: 0px;
  border-bottom: 1px solid #e4e5e7;
  margin: 0px 0px 16px;
  padding: 0px 0px 10px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0px;
  text-align: left;
  font-size: 16px;
  line-height: 18px;
  display: inline-block;
}
.ui-datepicker .ui-datepicker-prev {
  right: 30px;
  left: auto;
  top: -2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 0px;
  top: -2px;
}
.ui-widget-header .ui-icon {
  background: url("../img/calendar-arrow.svg");
}
.ui-datepicker .ui-datepicker-prev .ui-icon {
  background-position: 0px 0px;
}
.ui-datepicker .ui-datepicker-next .ui-icon {
  background-position: 20px 0px;
}
.ui-datepicker table.ui-datepicker-calendar {
}
.ui-datepicker table.ui-datepicker-calendar thead tr th {
  color: #7e818c;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  text-transform: uppercase;
  padding: 5px 0px;
}
.ui-datepicker table.ui-datepicker-calendar tbody tr td {
  text-align: center;
}
.ui-datepicker table.ui-datepicker-calendar tbody tr td a.ui-state-default {
  color: #1e2029;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  text-transform: uppercase;
  border-radius: 50%;
  background: transparent;
  width: 28px;
  height: 28px;
  border: 0px;
  display: inline-block;
}
.ui-datepicker table.ui-datepicker-calendar tbody tr td a.ui-state-active,
.ui-datepicker table.ui-datepicker-calendar tbody tr td a.ui-state-hover {
  background: #8d58fb;
  color: #fff;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 0px;
  background: transparent;
}

.dashboard_inner .inner_dash_block {
  border-radius: 18.094px;
  background: #f0f0f0;
}
.dashboard_inner .inner_dash_block .dash_dateselecter ul {
  border-radius: 14.475px;
  background: rgba(170, 170, 170, 0.6);
  padding: 4px;
  float: left;
}
.dashboard_inner .inner_dash_block .dash_dateselecter ul li {
  float: left;
}
.dashboard_inner .inner_dash_block .dash_dateselecter ul li a {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-style: normal;
  font-weight: 600;
  background: transparent;
  display: block;
  border: 1.206px solid transparent;
}
.dashboard_inner .inner_dash_block .dash_dateselecter ul li.custom_date a,
.dashboard_inner .inner_dash_block .dash_dateselecter ul li.active a,
.dashboard_inner .inner_dash_block .dash_dateselecter ul li a:hover {
  background: #fff;
  color: #373737;
  border-radius: 12.062px;
  border: 1.206px solid #f0f2f5;
  box-shadow: 0px 6.031px 24.125px 0px rgba(0, 0, 0, 0.05);
}
.dashboard_inner .inner_dash_block .dash_dateselecter .dash_download a {
  font-style: normal;
  font-weight: 600;
  display: block;
  color: #8b8b8b;
}
.dashboard_inner .dash_sale_block .dash_sale_box {
  width: 20%;
  border-radius: 18.094px;
  background: #fff;
}
.dashboard_inner .dash_sale_block .dash_sale_box .box_cont_top {
  display: flex;
  justify-content: space-between;
  margin: 0px 0px 10px;
}
.dashboard_inner .dash_sale_block .dash_sale_box .box_cont_top .box_cont {
}
.dashboard_inner .dash_sale_block .dash_sale_box .box_cont_top .box_cont h5 {
  color: #525252;
  font-style: normal;
  font-weight: 700;
  margin: 0px 0px 10px;
}
.dashboard_inner .dash_sale_block .dash_sale_box .box_cont_top .box_cont span {
  color: #292929;
  font-style: normal;
  font-weight: 700;
}
.dashboard_inner .dash_sale_block .dash_sale_box .box_cont_top .box_icons {
}
.dashboard_inner
  .dash_sale_block
  .dash_sale_box
  .box_cont_top
  .box_icons
  input {
  opacity: 0;
  display: none;
}
.dashboard_inner .dash_sale_block .dash_sale_box .box_cont_btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboard_inner .dash_sale_block .dash_sale_box .box_cont_btm .count {
  color: #676767;
  font-style: normal;
  font-weight: 500;
}
.dashboard_inner .dash_sale_block .dash_sale_box .box_cont_btm .count_val {
  border-radius: 13.608px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
  padding: 4px 9px;
}
.dashboard_inner .dash_sale_block .dash_sale_box .box_cont_btm .val_green {
  background: #e3f4e3;
  color: #65c565;
}
.dashboard_inner .dash_sale_block .dash_sale_box .box_cont_btm .val_red {
  background: #f4e3e3;
  color: #c56565;
}
.dashboard_inner .sales_chart_sec {
  width: 100%;
  float: left;
}
.dashboard_inner .sales_chart_sec .sales_chart {
  border-radius: 18.094px;
  background: #fff;
  float: left;
}
.dashboard_inner .sales_chart_sec .sales_payment_type {
  float: left;
}
.dashboard_inner .sales_chart_sec .basic_sale_column,
.dashboard_inner .sales_table_sec .basic_sale_column {
  border-radius: 18.094px;
  background: #fff;
}
.dashboard_inner .basic_sale_column .title,
.dashboard_inner .sales_chart .title {
}
.dashboard_inner .basic_sale_column .title h4,
.dashboard_inner .sales_chart .title h4 {
  color: #252733;
  font-style: normal;
  font-weight: 700;
  margin: 0px;
}
.dashboard_inner .sales_chart_sec .basic_sale_column .sales_lists {
  margin: 20px 0px 0px;
}
.dashboard_inner .sales_chart_sec .sales_chart #saleschart {
  margin: 30px 0px 0px;
  min-height: 285px !important;
}
.dashboard_inner
  .sales_chart_sec
  .basic_sale_column
  .sales_lists
  .sales_column {
}
.dashboard_inner
  .sales_chart_sec
  .basic_sale_column
  .sales_lists
  .sales_column
  h5 {
  color: #292929;
  font-style: normal;
  font-weight: 600;
  margin: 0px 0px 5px;
}
.dashboard_inner .basic_sale_column .progress_strip {
  display: flex;
  justify-content: space-between;
  gap: 7px;
  align-items: center;
}
.dashboard_inner .sales_payment_type .progress_strip .progress {
  width: calc(100% - 120px);
}
.dashboard_inner .sales_product_data .progress_strip .progress {
  width: calc(100% - 77px);
}
.dashboard_inner .basic_sale_column .progress {
  border-radius: 10.856px;
  background: #e3e7fc;
  height: 11px;
}
.dashboard_inner .basic_sale_column .progress .progress_bar {
}
.dashboard_inner .basic_sale_column .green_progress .progress_bar {
  background: #4ce13f;
}
.dashboard_inner .basic_sale_column .skyblue_progress .progress_bar {
  background: #47c1e8;
}
.dashboard_inner .basic_sale_column .red_progress .progress_bar {
  background: #e84747;
}
.dashboard_inner .basic_sale_column .blue_progress .progress_bar {
  background: #475be8;
}
.dashboard_inner .basic_sale_column .purple_progress .progress_bar {
  background: #00d1ff;
}
.dashboard_inner .basic_sale_column .progress_strip .progress_value {
  border-radius: 4.825px;
  font-style: normal;
  font-weight: 700;
}
.dashboard_inner .basic_sale_column .green_progress .progress_value {
  border: 0.603px solid #51c719;
  background: rgba(99, 203, 50, 0.12);
  color: #4ce13f;
}
.dashboard_inner .basic_sale_column .skyblue_progress .progress_value {
  border: 0.603px solid #28aef3;
  background: rgba(40, 174, 243, 0.12);
  color: #28aef3;
}
.dashboard_inner .basic_sale_column .red_progress .progress_value {
  border: 0.603px solid #f32828;
  background: rgba(243, 40, 40, 0.12);
  color: #e84747;
}
.dashboard_inner .basic_sale_column .blue_progress .progress_value {
  border: 0.603px solid #0500ff;
  background: rgba(19, 98, 170, 0.12);
  color: #0057ff;
}
.dashboard_inner .basic_sale_column .purple_progress .progress_value {
  border: 0.603px solid #00d1ff;
  background: rgba(190, 40, 243, 0.12);
  color: #00d1ff;
}
.dashboard_inner .basic_sale_column .progress_strip .price_val {
  color: #292929;
  font-style: normal;
  font-weight: 700;
  text-align: right;
}
.dashboard_inner .sales_table_sec .basic_sale_column .sales_table_data {
  margin: 16px 0px 0px;
}
.dashboard_inner .sales_table_sec .basic_sale_column .sales_table_data table {
}
.dashboard_inner
  .sales_table_sec
  .basic_sale_column
  .sales_table_data
  table
  thead {
}
.dashboard_inner
  .sales_table_sec
  .basic_sale_column
  .sales_table_data
  table
  thead
  tr
  th {
  background: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 100%), #fafafa;
  color: #252733;
  font-style: normal;
  font-weight: 700;
  border: 0px;
}
.dashboard_inner
  .sales_table_sec
  .basic_sale_column
  .sales_table_data
  table
  thead
  tr
  th:first-child {
  border-radius: 15px 0px 0px 15px;
}
.dashboard_inner
  .sales_table_sec
  .basic_sale_column
  .sales_table_data
  table
  thead
  tr
  th:last-child {
  border-radius: 0px 15px 15px 0px;
}
.dashboard_inner
  .sales_table_sec
  .sales_product_data
  .sales_table_data
  table
  thead
  tr
  th:last-child {
  width: 90px;
}
.dashboard_inner
  .sales_table_sec
  .sales_product_data
  .sales_table_data
  table
  thead
  tr
  th:nth-child(3) {
  width: 45%;
}
.dashboard_inner
  .sales_table_sec
  .basic_sale_column
  .sales_table_data
  table
  tbody
  tr
  td {
  color: #252733;
  font-style: normal;
  font-weight: 700;
  vertical-align: middle;
}
.dashboard_inner .dash_reports {
}
.dashboard_inner .dash_reports .report_title {
  border-bottom: 1px solid #a3a3a3;
}
.dashboard_inner .dash_reports .report_title h4 {
  color: #1e2029;
  font-style: normal;
  font-weight: 600;
  margin: 0px;
}
.dashboard_inner .dash_reports .report_list {
  padding: 10px;
  border-radius: 18.094px;
  background: #ddd;
}
.dashboard_inner .dash_reports .report_list ul {
}
.dashboard_inner .dash_reports .report_list ul li {
  float: left;
  text-align: center;
}
.dashboard_inner .dash_reports .report_list ul li:last-child {
  margin-right: 0px;
}
.dashboard_inner .dash_reports .report_list ul li a {
  border-radius: 12.062px;
  border: 1.206px solid var(--background-comments, #f0f2f5);
  background: #fff;
  box-shadow: 0px 6.031px 24.125px 0px rgba(0, 0, 0, 0.05);
  color: #2a2a2a;
  font-style: normal;
  font-weight: 700;
  display: block;
}

.dash_setting {
}
.dash_setting .setting_tabs_content ul.setting_tabs {
  display: block;
  border-right: 2px solid #e1e1e1;
  background: #fff;
  padding: 10px;
  border-radius: 8px;
}
.dash_setting .setting_tabs_content ul.setting_tabs li a {
  display: block;
  background: #f0f0f0;
  color: #171717;
}
.dash_setting .setting_tabs_content ul.setting_tabs li a.active,
.dash_setting .setting_tabs_content ul.setting_tabs li a:hover {
  background: #0adaee;
  color: #fff;
}
.dash_setting .setting_tabs_content .tab-content .setting_content {
}
.dash_setting .setting_tabs_content .tab-content .setting_content h4 {
  color: #000;
  font-style: normal;
  font-weight: 600;
}
.dash_setting .setting_tabs_content .tab-content .setting_content .inner_block {
  border-radius: 7px;
  background: #fff;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_block,
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_block
  .tax_label_block
  .tax_label {
  width: 100% !important;
  margin-bottom: 15px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_block
  .inner_field
  .tax_label_block {
  display: block !important;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  h6 {
  color: #24292f;
  font-style: normal;
  font-weight: 600;
  margin: 0px 0px 10px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .form-group {
  margin: 0px 0px 5px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .form_field {
  position: relative;
  border-radius: 5px;
  background: #f4f4f4;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .pwd_field
  input,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .delete_field
  input {
  display: none;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .profile_field {
  padding: 0px !important;
  background: transparent;
  position: relative;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .profile_field
  .profile_upload {
  border-radius: 50%;
  overflow: hidden;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .profile_field
  .profile_upload
  input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .profile_field
  .profile_upload
  img {
  width: 100%;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .profile_field
  button {
  border-radius: 8.983px;
  border: 1.497px solid #d0d7de;
  background: #fff;
  color: #24292f;
  font-style: normal;
  font-weight: 400;
  position: absolute;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .form_field
  label {
  color: #000;
  font-style: normal;
  font-weight: 600;
  margin: 0px 0px 5px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .form_field
  .form-control {
  color: #a2a2a2;
  font-style: normal;
  font-weight: 400;
  height: auto;
  padding: 0px;
  background: transparent;
  border: 0px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .form_field
  .change_btn {
  position: absolute;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .form_field
  .change_btn
  .cus_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: #111827;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
}
/* .dash_setting .setting_tabs_content .tab-content .setting_content .inner_block .inner_field .form_field .change_btn .green_btn{background: #33B938;} */
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .form_field
  .change_btn
  .delete_btn {
  background: #ff1f5a;
  color: #fff;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .form_field
  .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a2a2a2;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .form_field
  .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #a2a2a2;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .form_field
  .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #a2a2a2;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .form_field
  .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #a2a2a2;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .form_field
  span {
  color: #a2a2a2;
  font-style: normal;
  font-weight: 400;
  display: block;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .factorfield {
  position: absolute;
  top: 30px;
  right: 24px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .switch_field
  .custom-switch-input:checked
  ~ .custom-switch-indicator:before {
  left: 21px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .session_list {
  border-radius: 5px;
  background: #f4f4f4;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .session_list
  .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .session_list
  .title
  h6 {
  color: #333;
  font-style: normal;
  font-weight: 600;
  margin: 0px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .session_list
  .title
  button {
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: #fff;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  background: #ff1f5a;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .session_list
  .active_session
  ul {
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .session_list
  .active_session
  ul
  li {
  color: #333;
  font-style: normal;
  font-weight: 400;
  border-bottom: 1px solid #cfd8dc;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .session_list
  .active_session
  ul
  li
  span {
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  display: block;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting {
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  h5 {
  color: #111827;
  font-style: normal;
  font-weight: 600;
  margin: 0px 0px 5px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  p {
  color: #6b7280;
  font-style: normal;
  font-weight: 400;
  margin: 0px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .add_layout
  p,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .create_user
  p,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .edit_user
  p {
  padding-left: 28px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .inner_field {
  border-top: 1px solid #e5e7eb;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .inner_field
  .tax_label_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .inner_field
  .tax_label_block:first-child {
  border-bottom: 1px solid #e5e7eb;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .user_setup_block
  .inner_field
  .tax_label_block {
  border-bottom: 0px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .tax_label_block
  .tax_label
  h6 {
  color: #111827;
  font-style: normal;
  font-weight: 600;
  margin: 0px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .tax_label_block
  .tax_label
  span {
  color: #6b7280;
  font-style: normal;
  font-weight: 400;
  display: block;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .tax_label_block
  .edit_tax_btn {
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .tax_label_block
  .edit_tax_btn
  .cus_btn {
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #111827;
  font-style: normal;
  font-weight: 600;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .tax_label_block
  .tax_field {
  position: relative;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .tax_label_block
  .tax_field
  img {
  position: absolute;
  top: 16px;
  right: 10px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .tax_label_block
  .tax_field
  select {
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  color: #111827;
  font-style: normal;
  font-weight: 400;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table {
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table {
  border-radius: 4px;
  overflow: hidden;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  thead {
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  thead
  tr
  th {
  border: 1px solid #cecece;
  border-bottom: 0px;
  background: #eee;
  color: #111827;
  font-style: normal;
  font-weight: 600;
  text-align: center;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  thead
  tr
  th:first-child {
  width: 50px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  thead
  tr
  th:last-child {
  width: 90px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  tbody
  tr
  td {
  color: #111827;
  font-style: normal;
  font-weight: 500;
  border: 1px solid #cecece;
  background: rgba(255, 255, 255, 0);
  vertical-align: middle;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  #tax_option
  .setting_content
  .plan_billing_setting
  .status_table
  table
  tbody
  tr
  td:nth-child(3) {
  text-align: center;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  tbody
  tr
  td:first-child,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  tbody
  tr
  td:last-child {
  text-align: center;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .user_field_block
  .userrole_field
  table
  thead
  tr
  th {
  width: auto;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .user_field_block
  .userrole_field
  table
  thead
  tr
  th,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .user_field_block
  .userrole_field
  table
  tbody
  tr
  td {
  text-align: left;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  tbody
  tr
  td.add_btn {
  width: 160px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  tbody
  tr
  td.add_btn
  a {
  background: #00d1ff;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #00a4c8;
  display: flex;
  gap: 10px;
  align-items: center;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  tfoot
  tr
  td.add_btn {
  padding: 10px 0px;
  border: 0px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  tfoot
  tr
  td.add_btn
  a {
  background: #00d1ff;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #00a4c8;
  display: inline-block;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  tbody
  tr
  td.add_btn
  a
  span,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  tfoot
  tr
  td.add_btn
  a
  span {
  vertical-align: middle;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  tr
  td
  .colour_field
  span {
  display: block;
  margin: auto;
  border-radius: 4px;
  background: #74ef78;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  tbody
  tr
  td
  .status_edit_btn {
  display: flex;
  gap: 12px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  tbody
  tr
  td
  .status_edit_btn
  a {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  padding: 8px 12px;
  border-radius: 5px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  tbody
  tr
  td
  .status_edit_btn
  a.editbtn {
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #111827;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .status_table
  table
  tbody
  tr
  td
  .status_edit_btn
  a.deletebtn {
  background: #ff3535;
  border: 1px solid #cc1243;
  color: #fff;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .inner_field
  .storecurrency_btn
  button {
  border-radius: 5px;
  border: 1px solid #d4d4d4;
  background: #74ef78;
  box-shadow: 0px 1.497px 0px 0px rgba(208, 215, 222, 0.2) inset;
  color: #6b7280;
  font-style: normal;
  font-weight: 400;
  display: block;
  width: 100%;
  text-align: left;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_upgrade_block {
  border-radius: 10px;
  border: 2px solid #e7e7e7;
  background: #fff;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_upgrade_block
  .inner_plan_column {
  padding: 53px 43px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_upgrade_block
  .plan_column {
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_upgrade_block
  .plan_column
  span {
  color: #848484;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_upgrade_block
  .plan_column
  h5 {
  color: #000;
  font-style: normal;
  font-weight: 600;
  margin: 10px 0px 0px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_upgrade_block
  .plan_column
  h5
  sub {
  color: #c3c3c3;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_upgrade_block
  .plan_btns
  a {
  color: #747474;
  text-align: center;
  font-style: normal;
  font-weight: 500;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_upgrade_block
  .plan_btns
  button {
  color: #fff;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  border-radius: 10px;
  background: #33b938;
  box-shadow: 0px 1.497px 0px 0px rgba(255, 255, 255, 0.03) inset,
    0px 1.497px 0px 0px rgba(27, 31, 36, 0.1);
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_progress_sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_progress_sec
  .plan_progress_col {
  display: flex;
  flex-direction: column;
  width: 33%;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_progress_sec
  .plan_progress_col
  h5 {
  color: #000;
  font-style: normal;
  font-weight: 500;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_progress_sec
  .plan_progress_col
  .progress_value {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_progress_sec
  .plan_progress_col
  .progress_value
  span {
  color: #8c8c8c;
  font-style: normal;
  font-weight: 500;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_progress_sec
  .plan_progress_col
  .progress {
  border-radius: 5px;
  background: #d9d9d9;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_progress_sec
  .plan_progress_col
  .progress
  .progress_bar {
  background: #0969da;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column {
  border-radius: 10px;
  border: 2px solid #e7e7e7;
  background: #fff;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  h5 {
  color: #000;
  font-style: normal;
  font-weight: 600;
  margin: 0px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_method_block {
  border-radius: 7px;
  border: 1px solid #dbdbdb;
  background: #fff;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_method_block
  .payment_card_column {
  border-bottom: 1px solid #dfdfdf;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_method_block
  .payment_card_column:last-child {
  border-bottom: 0px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_card_column
  .card_detail {
  display: flex;
  align-items: center;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_card_column
  .card_detail
  .card_radio {
  position: relative;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_card_column
  .card_detail
  .card_radio
  input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_card_column
  .card_detail
  .card_radio
  input
  ~ span.radio_check {
  background: #fff;
  border-radius: 50%;
  display: block;
  border: 1px solid #d8d8d8;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_card_column
  .card_detail
  .card_radio
  input:checked
  ~ span.radio_check {
  background: #3489c7;
  border-radius: 50%;
  display: block;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_card_column
  .card_detail
  .card_radio
  input:checked
  ~ span.radio_check:after {
  content: "";
  background: #fff;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  display: block;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_card_column
  .card_detail
  .card_radio
  input
  ~ span.radio_check {
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_card_column
  .card_detail
  .card_img {
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  background: #fff;
  position: relative;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_card_column
  .card_detail
  .card_img
  img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_card_column
  .card_detail
  .card_info
  h6 {
  margin: 0px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_card_column
  .card_detail
  .card_info
  h6,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_card_column
  .card_detail
  .card_info
  span {
  color: #535353;
  font-style: normal;
  font-weight: 500;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_card_column
  .card_detail
  .card_info
  span,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_card_column
  .card_detail
  .card_info
  small {
  display: block;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .payment_method_column
  .payment_card_column
  .card_detail
  .card_info
  small {
  color: #535353;
  font-style: normal;
  font-weight: 500;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .add_payment_method
  button {
  border-radius: 10px;
  border: 1px solid #c0c0c0;
  background: #fff;
  box-shadow: 0px 1.497px 0px 0px rgba(255, 255, 255, 0.03) inset,
    0px 1.497px 0px 0px rgba(27, 31, 36, 0.1);
  color: #4c4c4c;
  font-style: normal;
  font-weight: 600;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .layout_setting
  .layout_column {
  border-radius: 5px;
  border: 1px solid #e3e3e3;
  background: #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .layout_setting
  .layout_column:last-child {
  margin-bottom: 0px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .layout_setting
  .layout_column
  .layout_info {
  width: calc(100% - 80px);
  display: flex;
  justify-content: flex-start;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .layout_setting
  .layout_column
  .layout_info
  span {
  color: #111827;
  font-style: normal;
  font-weight: 600;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .layout_setting
  .layout_column
  .layout_info
  button {
  border-radius: 6px;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  padding: 0px 4px;
  height: 24px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .layout_setting
  .layout_column
  .layout_info
  button.current {
  border: 1px solid #bfdbfe;
  background: #dbeafe;
  color: #1d4ed8;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .layout_setting
  .layout_column
  .layout_info
  button.set_dafault {
  border: 0px;
  background: #00d1ff;
  color: #fff;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .layout_setting
  .layout_column
  .layout_action {
  width: 70px;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .add_layout
  a.back_layout,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .create_user
  a.back_userblock,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .edit_user
  a.back_userblock {
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 10px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .add_layout
  h5,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .create_user
  h5,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .edit_user
  h5 {
  display: inline-block;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .add_layout
  .layout_search {
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .add_layout
  .layout_search
  .layout_field {
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .add_layout
  .layout_search
  .layout_field
  .layout_name
  input {
  border-radius: 5px;
  border-bottom: 2px solid #e1e1e1;
  background: #f3f3f3;
  color: #57606a;
  font-style: normal;
  font-weight: 400;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .add_layout
  .layout_search
  .layout_field
  .layout_srch {
  position: relative;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .add_layout
  .layout_search
  .layout_field
  .layout_srch
  input {
  border-radius: 5px;
  border-bottom: 2px solid #e1e1e1;
  background: #f3f3f3;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12),
    0px 0px 1px 0px rgba(0, 0, 0, 0.08);
  color: #9ca3af;
  font-style: normal;
  font-weight: 400;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .add_layout
  .layout_search
  .layout_field
  .layout_srch
  img {
  position: absolute;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .add_layout
  .layout_search
  .layout_product_row {
  float: left;
  width: 100%;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .add_layout
  .layout_search
  .layout_product_list
  .layoout_prod_col {
  float: left;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .add_layout
  .layout_search
  .layout_product_list
  .layoout_prod_col
  a {
  color: #000;
  border-radius: 5px;
  border: 1px dashed #040404;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .add_layout
  .layout_search
  .layout_product_list
  .layoout_prod_col
  a:hover {
  border-color: #671eff;
  cursor: pointer;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .add_layout
  .layout_search
  .layout_product_list
  .layoout_prod_col {
  position: relative;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .add_layout
  .layout_search
  .layout_product_list
  .layoout_prod_col
  .drag-handle {
  position: absolute;
  top: 9px;
  right: 1px;
  z-index: 9;
  background: #42d1ff;
  border-radius: 5px;
  color: #fff;
  width: 25px;
  height: 25px;
  font-size: 15px;
  line-height: 25px;
  text-align: center;
  justify-content: center;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .add_layout
  .layout_search
  .layout_prod_btn,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .receipt_setup_btn,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .create_user
  .user_field_block
  .userrole_btn,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .edit_user
  .user_field_block
  .userrole_btn {
  text-align: right;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .create_user
  .user_field_block
  .userrole_field,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .edit_user
  .user_field_block
  .userrole_field {
  margin-bottom: 10px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .add_layout
  .layout_search
  .layout_prod_btn
  .prod_save_btn,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .receipt_setup_btn
  .receipt_save_btn,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .create_user
  .user_field_block
  .userrole_btn
  .role_save_btn,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .edit_user
  .user_field_block
  .userrole_btn
  .role_save_btn {
  border-radius: 6px;
  background: linear-gradient(
      180deg,
      rgba(3, 7, 18, 0) 0%,
      rgba(3, 7, 18, 0.03) 100%
    ),
    #00d1ff;
  box-shadow: 0px 0px 0px 1px rgba(3, 7, 18, 0.08),
    0px 1px 2px 0px rgba(3, 7, 18, 0.12);
  color: #fff;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .receipt_setup_btn
  .receipt_preview_btn {
  border-radius: 6px;
  background: linear-gradient(0deg, #33b938, #33b938),
    linear-gradient(180deg, rgba(3, 7, 18, 0) 0%, rgba(3, 7, 18, 0.03) 100%);
  color: #fff;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  margin-right: 10px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .user_setup_block
  .inner_field
  .status_table
  table
  tr
  td
  .editfield
  select {
  border: 1px solid #e5e7eb;
  font-size: 14px;
  line-height: 21px;
  padding: 6px 8px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .user_setup_block
  .inner_field
  .status_table
  table
  tr
  td
  .editbtn
  a {
  border: 1px solid #e5e7eb;
  font-size: 14px;
  line-height: 21px;
  padding: 6px 8px;
  color: #111827;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .user_setup_block
  .inner_field
  .status_table
  table
  tr
  td
  .editfield {
  position: relative;
  width: 75px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .user_setup_block
  .inner_field
  .status_table
  table
  tr
  td
  .editfield
  img {
  position: absolute;
  top: 15px;
  right: 10px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .inner_field
  .user_field_block
  .userrole_field
  table
  tr
  td
  .checkbox {
  text-align: center;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .inner_field
  .user_field_block
  .userrole_field
  table
  tr
  td
  .checkbox
  input {
  width: 16px;
  height: 16px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .inner_field
  .user_field_block
  .user_field
  .field_col
  .form-group
  label {
  font-weight: 600;
  color: #111827;
  margin: 0px 0px 6px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .inner_field
  .user_field_block
  .user_field
  .field_col
  .form-group
  input,
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .inner_field
  .user_field_block
  .user_field
  .field_col
  .form-group
  select {
  box-shadow: 0px 0px 0px 1px #03071214;
  background: #f9fafb;
  padding: 10px 12px;
  border-radius: 5px;
  font-weight: 400;
  color: #9ca3af;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .inner_field
  .user_field_block
  .user_field
  .field_col
  .form-group
  .rolefield {
  position: relative;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .plan_billing_setting
  .inner_field
  .user_field_block
  .user_field
  .field_col
  .form-group
  .rolefield
  img {
  position: absolute;
  top: 15px;
  right: 10px;
}

.layout_modal .modal-body .prod_layout_sec,
.status_option_modal .modal-body .prod_status_sec {
  border-top: 1px solid #e5e7eb;
  margin-top: 10px;
  padding-top: 15px;
}
.status_option_modal .modal-body .prod_status_sec .field_row {
  display: flex;
}
.status_option_modal .modal-body .prod_status_sec .field_row .col_full {
  width: 100%;
}
.layout_modal .modal-body .prod_layout_sec .prod_name,
.status_option_modal .modal-body .prod_status_sec .status_name {
  position: relative;
}
.layout_modal .modal-body .prod_layout_sec .prod_name input,
.status_option_modal .modal-body .prod_status_sec .status_name input,
.cus_cash_modal .modal-body .prod_status_sec .status_name textarea {
  border-radius: 5px;
  border: 1px solid #dcdcdc;
  background: #fff;
  color: #030712;
  font-style: normal;
  font-weight: 400;
}
.cus_cash_modal .modal-body .prod_status_sec label.cus_label {
  color: #000;
  font-style: normal;
  font-weight: 600;
  margin: 0px 0px 5px;
}
.status_option_modal .modal-body .prod_status_sec .status_name .percent_sign {
  position: absolute;
  top: 12px;
  right: 10px;
  color: #030712;
  font-style: normal;
  font-weight: 400;
}
.status_option_modal .modal-body .prod_status_sec .status_name .dollar_sign {
  position: absolute;
  top: 12px;
  left: 10px;
  color: #030712;
  font-style: normal;
  font-weight: 400;
}
.layout_modal .modal-body .prod_layout_sec .prod_colors,
.status_option_modal .modal-body .prod_status_sec .status_colors {
  margin: 24px 0px 30px;
}
.layout_modal .modal-body .prod_layout_sec .prod_colors ul,
.status_option_modal .modal-body .prod_status_sec .status_colors ul {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.layout_modal .modal-body .prod_layout_sec .prod_colors ul li,
.status_option_modal .modal-body .prod_status_sec .status_colors ul li {
  display: inline-flex;
  align-items: center;
  text-align: center;
  position: relative;
}
.layout_modal .modal-body .prod_layout_sec .prod_colors ul li:hover,
.status_option_modal .modal-body .prod_status_sec .status_colors ul li:hover {
  cursor: pointer;
}
.layout_modal .modal-body .prod_layout_sec .prod_colors ul li span,
.status_option_modal .modal-body .prod_status_sec .status_colors ul li span {
  width: 28px;
  height: 23px;
  border-radius: 5px;
  display: block;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
}
.layout_modal
  .modal-body
  .prod_layout_sec
  .prod_colors
  ul
  li
  .colour_field
  input,
.status_option_modal
  .modal-body
  .prod_status_sec
  .status_colors
  ul
  li
  .colour_field
  input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 0;
}
/* .layout_modal .modal-body .prod_layout_sec .prod_colors ul li .colour_field span.input-group-append, .status_option_modal .modal-body .prod_status_sec .status_colors ul li .colour_field span.input-group-append{position:absolute;top:0px;left:0px;}  */
.layout_modal .modal-body .prod_layout_sec .prod_info {
  display: flex;
  gap: 16px;
  align-items: center;
  margin: 0px 0px 30px;
}
.layout_modal .modal-body .prod_layout_sec .prod_info .prod_left {
  background: #fff;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  border-radius: 5px 5px 0px 0px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  vertical-align: middle;
  text-align: center;
}
.layout_modal
  .modal-body
  .prod_layout_sec
  .prod_info
  .prod_left
  span.clr_brder {
  display: block;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.layout_modal .modal-body .prod_layout_sec .prod_info .prod_left h4,
.layout_modal .modal-body .prod_layout_sec .prod_info .prod_right h4 {
  color: #171717;
  font-style: normal;
  font-weight: 600;
}
.layout_modal .modal-body .prod_layout_sec .prod_info .prod_right {
}
.layout_modal .modal-body .prod_layout_sec .prod_info .prod_right span {
  color: #4b5563;
  font-style: normal;
  font-weight: 400;
}
.status_option_modal .modal-body .prod_status_sec .status_preview {
}
.status_option_modal .modal-body .prod_status_sec .status_preview .form-group {
}
.status_option_modal
  .modal-body
  .prod_status_sec
  .status_preview
  .form-group
  label {
  font-weight: 400;
  color: #c9c9c9;
  margin: 0px 0px 5px;
  display: block;
}
.status_option_modal
  .modal-body
  .prod_status_sec
  .status_preview
  .form-group
  .preview_field {
  display: inline-block;
  position: relative;
}
.status_option_modal
  .modal-body
  .prod_status_sec
  .status_preview
  .form-group
  .preview_field:before {
  content: "";
  background: #d0d0d0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 19px;
  left: 14px;
}
.status_option_modal
  .modal-body
  .prod_status_sec
  .status_preview
  .form-group
  .preview_field
  select {
  border: 1.18px solid #e5e7eb;
  padding: 13px 62px 13px 35px;
  border-radius: 5px;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  color: #4b5563;
  width: auto;
}
.status_option_modal
  .modal-body
  .prod_status_sec
  .status_preview
  .form-group
  .preview_field
  img {
  position: absolute;
  top: 22px;
  right: 15px;
}

.main-content .receipt_summary .title {
  text-align: center;
  border-bottom: 1.665px solid #ededed;
}
.main-content .receipt_summary .title h4 {
  color: #474747;
  font-style: normal;
  font-weight: 400;
  margin: 0px;
}
.main-content .receipt_summary .receipt_table table {
}
.main-content .receipt_summary .receipt_table table thead tr th {
  background: #fff;
  color: #171717;
  text-align: center;
  font-weight: 600;
  vertical-align: middle;
  border: 1px solid #e0e0e0;
  border-top: 0px;
}
.main-content .receipt_summary .receipt_table table thead tr th:nth-child(2) {
  width: 50%;
}
.main-content .receipt_summary .receipt_table table tbody tr td {
  background: #fff;
  color: #171717;
  text-align: center;
  border: 1px solid #e0e0e0;
  border-top: 0px;
  font-weight: 500;
}
.main-content .receipt_summary .receipt_table table tbody tr td:nth-child(2) {
  text-align: left;
}
.main-content .receipt_summary .receipt_table table tbody tr td:nth-child(4) {
  font-weight: 600;
}
.main-content .receipt_summary .receipt_table table tbody tr td a {
  color: #426aa2;
}
.main-content .receipt_summary .receipt_table table tbody tr td a span {
  color: #0038ff;
}
.main-content .receipt_summary .receipt_table table tfoot tr.price_tr td {
  font-weight: 600;
  width: 50%;
  color: #171717;
}
.main-content
  .receipt_summary
  .receipt_table
  table
  tfoot
  tr.price_tr:nth-child(2)
  td:nth-child(2),
.main-content
  .receipt_summary
  .receipt_table
  table
  tfoot
  tr.price_tr:nth-child(3)
  td:nth-child(2) {
  font-weight: 500;
  color: #686868;
}
.main-content
  .receipt_summary
  .receipt_table
  table
  tfoot
  tr.price_tr
  td:nth-child(1) {
  text-align: right;
  border-right: 1px solid #e0e0e0;
}
.main-content
  .receipt_summary
  .receipt_table
  table
  tfoot
  tr.price_tr
  td:nth-child(2) {
  text-align: center;
}
.main-content
  .receipt_summary
  .receipt_table
  table
  tfoot
  tr.payment_tr
  td:nth-child(2) {
  background: #e9e9e9;
  text-align: left;
}
.main-content
  .receipt_summary
  .receipt_table
  table
  tfoot
  tr.payment_tr
  td
  span {
  display: block;
  color: #000;
  font-style: normal;
  font-weight: 700;
}
.main-content
  .receipt_summary
  .receipt_table
  table
  tfoot
  tr.payment_tr
  td
  span
  small {
  color: #000;
  font-style: normal;
  font-weight: 500;
}
.main-content .receipt_summary .receipt_btns {
  width: 100%;
  float: left;
}
.main-content .receipt_summary .receipt_btns .cus_receipt_btn {
  width: calc(50% - 8px);
  float: left;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  font-style: normal;
  font-weight: 600;
  display: block;
}
.main-content .receipt_summary .receipt_btns .cus_receipt_btn:nth-child(odd) {
  margin-right: 4px;
}
.main-content .receipt_summary .receipt_btns .cus_receipt_btn:nth-child(even) {
  margin-left: 4px;
}
.main-content .receipt_summary .receipt_btns .dark_red_btn {
  background: #cc1243;
}
.main-content .receipt_summary .receipt_btns .orange_btn {
  background: #ff5631;
}
.main-content .receipt_summary .receipt_btns .blue_btn {
  background: #3b16a7;
}

.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_block
  .inner_field
  .custom_radio,
.cus_cash_modal .modal-body .prod_status_sec .custom_radio {
  display: flex;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_block
  .inner_field
  .custom_radio
  label,
.cus_cash_modal .modal-body .prod_status_sec .custom_radio label {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_block
  .inner_field
  .custom_radio
  input,
.cus_cash_modal .modal-body .prod_status_sec .custom_radio input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_block
  .inner_field
  .custom_radio
  input
  ~ span.radio_check,
.cus_cash_modal
  .modal-body
  .prod_status_sec
  .custom_radio
  input
  ~ span.radio_check {
  background: #fff;
  border-radius: 50%;
  display: block;
  border: 1px solid #d8d8d8;
  width: 22px;
  height: 22px;
  padding: 6px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_block
  .inner_field
  .custom_radio
  input:checked
  ~ span.radio_check,
.cus_cash_modal
  .modal-body
  .prod_status_sec
  .custom_radio
  input:checked
  ~ span.radio_check {
  background: #00d1ff;
  border-radius: 50%;
  display: block;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_block
  .inner_field
  .custom_radio
  input:checked
  ~ span.radio_check:after,
.cus_cash_modal
  .modal-body
  .prod_status_sec
  .custom_radio
  input:checked
  ~ span.radio_check:after {
  content: "";
  background: #fff;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: block;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_block
  .inner_field
  .custom_radio
  label
  span.label_txt,
.cus_cash_modal
  .modal-body
  .prod_status_sec
  .custom_radio
  label
  span.label_txt {
  margin-left: 5px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_block
  .inner_field
  .custom_radio
  .cusradio {
  display: inline-flex;
  justify-content: center;
  gap: 16px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_block
  .inner_field
  .cus_recpt_temp {
  width: 100%;
  text-align: center;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_block
  .inner_field
  .cus_recpt_temp
  .recpt_title {
  color: #030712;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  margin: 0px 0px 9px;
  display: block;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_block
  .inner_field
  .cus_recpt_temp
  .template_block {
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  padding: 8px 16px;
  height: 228px;
  position: relative;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_block
  .inner_field
  .cus_recpt_temp
  .template_block
  img {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_block
  .inner_field
  span.receipt_note {
  color: #6b7280;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: block;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info {
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .reciept_blockbox {
  border-top: 1px solid #e5e7eb;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .reciept_blockbox
  .receipt_left
  label {
  color: #111827;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .reciept_blockbox
  .receipt_left
  label
  span {
  color: #6b7280;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: block;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .reciept_blockbox
  label.cus_label {
  color: #111827;
  font-style: normal;
  font-weight: 600;
  display: block;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .reciept_blockbox
  .form-control {
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  color: #9ca3af;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .reciept_blockbox
  textarea.form-control {
  height: 108px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  input.form-control {
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  input.form-control::-webkit-input-placeholder,
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .field_col
  .form-group
  .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #9ca3af;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  input.form-control::-moz-placeholder,
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .field_col
  .form-group
  .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #9ca3af;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  input.form-control:-ms-input-placeholder,
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .field_col
  .form-group
  .form-control::-ms-input-placeholder {
  /* IE 10+ */
  color: #9ca3af;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  input.form-control:-moz-placeholder,
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .field_col
  .form-group
  .form-control::-moz-placeholder {
  /* Firefox 18- */
  color: #9ca3af;
}

.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .reciept_blockbox
  .eachline_receipt,
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .reciept_blockbox
  .display_notes {
  display: inline-flex;
  flex-direction: column;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .reciept_blockbox
  .eachline_receipt {
  margin-right: 100px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .reciept_blockbox
  .eachline_receipt
  label.cus_label {
  margin-bottom: 10px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .reciept_blockbox
  .eachline_receipt
  .custom_radio {
  display: block;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .reciept_blockbox
  .eachline_receipt
  .custom_radio
  label {
  display: flex;
  margin-bottom: 10px;
  gap: 10px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .reciept_blockbox
  .checkbox {
  margin-bottom: 10px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .reciept_blockbox
  .checkbox
  label
  input[type="checkbox"] {
  border: 1px solid #e5e7eb;
  vertical-align: middle;
  margin-right: 4px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .sales_person_field,
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .footer_receipt_block
  .display_notes {
  margin: 20px 0px 0px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .receipt_logo_field
  .upload_logo {
  height: 122px;
  position: relative;
  border-radius: 8px;
  border: 5px dashed #e5e7eb;
  background: #f9fafb;
  padding: 8px 16px;
  display: flex;
  align-items: center;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .receipt_logo_field
  .upload_logo
  input {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .receipt_logo_field
  .upload_logo
  span {
  color: #111827;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .receipt_logo_field
  .nologo_field
  .custom_radio {
  display: inline-block;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .receipt_logo_field
  .nologo_field
  .no_logo {
  display: inline-block;
  vertical-align: middle;
  border-radius: 8px;
  border: 3px solid #e5e7eb;
  background: #f9fafb;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .receipt_logo_field
  .logosize_field
  .form-group {
  display: flex;
  gap: 10px;
}

.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .receipt_size_field
  .form-group
  .size_field {
  display: flex;
  gap: 20px;
  align-items: center;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .reciept_blockbox
  .custom_checkbox {
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .reciept_blockbox
  .custom_checkbox
  .form-check {
  display: flex;
  gap: 6px;
  align-items: center;
  margin-bottom: 8px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .reciept_blockbox
  .custom_checkbox
  input {
  border: 1px solid #e5e7eb;
  width: 22px;
  height: 22px;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .reciept_blockbox
  .custom_checkbox
  input,
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .reciept_blockbox
  .custom_checkbox
  input:hover,
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .reciept_blockbox
  .custom_checkbox
  input:focus {
  outline: none;
  box-shadow: none;
}
.dash_setting
  .setting_tabs_content
  .tab-content
  .receipt_config_setup
  .inner_field
  .receipt_other_info
  .label_receipt_box
  .eachline_receipt {
  margin-right: 50px;
}

.edit_layout {
}
.edit_layout .inner_edit_btns {
  float: left;
  width: 100%;
}
.edit_layout .inner_edit_btns .button_col_left {
  float: left;
}
.edit_layout .inner_edit_btns .cus_button_col {
  text-align: right;
}
.edit_layout .inner_edit_btns .cus_button_col button {
  border-radius: 6px;
  box-shadow: 0px 0px 0px 1px rgba(3, 7, 18, 0.08),
    0px 1px 2px 0px rgba(3, 7, 18, 0.12);
  color: #fff;
  font-style: normal;
  font-weight: 500;
}
.edit_layout .inner_edit_btns .cus_button_col button.similar_product {
  background: linear-gradient(
      180deg,
      rgba(3, 7, 18, 0) 0%,
      rgba(3, 7, 18, 0.03) 100%
    ),
    linear-gradient(0deg, #dade23, #dade23);
}
.edit_layout .inner_edit_btns .cus_button_col button.print_barcode {
  background: linear-gradient(
      180deg,
      rgba(3, 7, 18, 0) 0%,
      rgba(3, 7, 18, 0.03) 100%
    ),
    #7960e7;
}
.edit_layout .inner_edit_btns .cus_button_col button.inventory_adjust {
  background: linear-gradient(
      180deg,
      rgba(3, 7, 18, 0) 0%,
      rgba(3, 7, 18, 0.03) 100%
    ),
    #cc1243;
}
.edit_layout .inner_edit_btns .cus_button_col button.update_btn {
  background: linear-gradient(
      180deg,
      rgba(3, 7, 18, 0) 0%,
      rgba(3, 7, 18, 0.03) 100%
    ),
    #33b938;
}
.edit_layout .inner_edit_btns .button_col_right {
  float: right;
}
.edit_layout .inner_edit_column {
  float: left;
  width: 100%;
}
.edit_layout .inner_edit_column .edit_col_left {
  float: left;
}
.edit_layout .inner_edit_column .edit_block_box {
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
  margin-bottom: 8px;
}
.edit_layout .inner_edit_column .edit_block_box .block_title {
  border-bottom: 1px solid #e5e7eb;
}
.edit_layout .inner_edit_column .edit_block_box .inventory_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .inventory_title
  .inventory_checkbox
  label {
  color: #030712;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .inventory_title
  .inventory_checkbox
  label
  input {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-left: 10px;
}
.edit_layout .inner_edit_column .edit_block_box .block_title h5 {
  color: #111827;
  font-style: normal;
  font-weight: 600;
  margin: 0px;
}
.edit_layout .inner_edit_column .edit_block_box .block_title p {
  color: #6b7280;
  font-style: normal;
  font-weight: 400;
}
.edit_layout .inner_edit_column .edit_block_box .block_field {
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .field_row
  .field_col {
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .field_row
  .fieldcol6:nth-child(2n) {
  margin-right: 0px;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .field_row
  .fieldcol4:nth-child(3n) {
  margin-right: 0px;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .field_row
  .fieldcol12 {
  float: left;
  width: 100%;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .field_col
  .form-group
  label {
  color: #111827;
  font-style: normal;
  font-weight: 600;
  margin: 0px 0px 6px;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .field_col
  .form-group
  label.label_red {
  color: #cc1243;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .field_col
  .form-group
  .form-control {
  border-radius: 5px;
  background: #f9fafb;
  box-shadow: 0px 0px 0px 1px rgba(3, 7, 18, 0.08),
    0px 1px 2px 0px rgba(3, 7, 18, 0.12);
  color: #9ca3af;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .field_col
  .form-group
  textarea.form-control {
  height: 120px;
  padding: 8px 12px 10px 12px;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .select2.select2-container {
  width: 100% !important;
}
.select2-container.select2-container--open {
  z-index: 9999;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .select2.select2-container
  .select2-selection {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 49px;
  margin-bottom: 15px;
  outline: none !important;
  transition: all 0.15s ease-in-out;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .select2.select2-container
  .select2-selection
  .select2-selection__rendered {
  color: #333;
  line-height: 32px;
  padding-right: 33px;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .select2.select2-container
  .select2-selection
  .select2-selection__arrow {
  background: #f8f8f8;
  border-left: 0px solid #ccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 51px;
  width: 30px;
  display: none;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .select2.select2-container.select2-container--open
  .select2-selection.select2-selection--single {
  background: #f8f8f8;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .select2.select2-container.select2-container--open
  .select2-selection.select2-selection--single
  .select2-selection__arrow {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .select2.select2-container.select2-container--open
  .select2-selection.select2-selection--multiple {
  border: 0px;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .select2.select2-container
  .select2-selection {
  margin: 0px;
  border: 0px;
  background: #f9fafb;
  padding: 8px;
  border-radius: 5px;
  box-shadow: 0px 0px 0px 1px rgba(3, 7, 18, 0.08),
    0px 1px 2px 0px rgba(3, 7, 18, 0.12);
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .select2.select2-container
  .select2-selection
  .select2-search--inline
  .select2-search__field {
  margin-top: 0;
  height: 32px;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .select2.select2-container
  .select2-selection
  .select2-selection__rendered {
  display: block;
  padding: 0 4px;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .select2.select2-container
  .select2-selection
  .select2-selection__rendered
  li {
  margin-right: 4px;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .select2.select2-container
  .select2-selection
  .select2-selection__choice {
  background-color: #dbeafe;
  border: 1px solid #bfdbfe;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin: 0px;
  padding: 4px 22px 4px 10px;
  height: auto;
  line-height: 24px;
  font-size: 13px;
  position: relative;
  font-weight: 500;
  color: #1d4ed8;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .select2.select2-container
  .select2-selection
  .select2-selection__choice
  .select2-selection__choice__remove {
  position: absolute;
  top: 4px;
  right: 0;
  height: 22px;
  width: 22px;
  margin: 0;
  text-align: center;
  color: #1d4ed8;
  font-weight: bold;
  font-size: 20px;
}
.edit_layout .inner_edit_column .edit_block_box .block_field .selectfield {
  position: relative;
}
.edit_layout .inner_edit_column .edit_block_box .block_field .selectfield img {
  position: absolute;
  right: 10px;
  top: 20px;
  z-index: 9999;
}
.edit_layout .inner_edit_column .edit_block_box .block_field .import_files {
  position: relative;
  border: 1px dashed #3b82f6;
  background: #f9fafb;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
.edit_layout .inner_edit_column .edit_block_box .block_field .import_files h4 {
  color: #4b5563;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin: 0px;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .import_files
  span {
  color: #9ca3af;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .import_files
  input.import_field {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.edit_layout .inner_edit_column .edit_block_box .price_field,
.edit_layout
  .inner_edit_column
  .edit_block_box
  .manage_price_field
  .form-group
  .formfield
  .price_col {
  position: relative;
}
.edit_layout .inner_edit_column .edit_block_box .price_field input,
.edit_layout
  .inner_edit_column
  .edit_block_box
  .manage_price_field
  .form-group
  .formfield
  .price_col
  input {
  padding-left: 35px !important;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .manage_price_field
  .form-group
  .formfield
  .markup_col
  input {
  padding-left: 12px !important;
  padding-right: 35px !important;
}
.edit_layout .inner_edit_column .edit_block_box .price_field .doller_sign,
.edit_layout
  .inner_edit_column
  .edit_block_box
  .manage_price_field
  .form-group
  .formfield
  .price_col
  .doller_sign {
  position: absolute;
  left: 10px;
  padding-right: 8px;
  height: 28px;
  border-right: 1px solid #c0c0c0;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .manage_price_field
  .form-group
  .formfield
  .markup_col
  .doller_sign {
  left: auto;
  right: 10px;
  padding-left: 8px;
  height: 28px;
  border-left: 1px solid #c0c0c0;
  border-right: 0px;
  padding-right: 0px;
}
.edit_layout .inner_edit_column .edit_block_box .price_field .doller_sign span,
.edit_layout
  .inner_edit_column
  .edit_block_box
  .manage_price_field
  .form-group
  .formfield
  .price_col
  .doller_sign
  span {
  color: #b3b9c2;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  display: block;
}
.edit_layout .inner_edit_column .edit_block_box .manage_price_field {
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .manage_price_field
  .form-group {
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .manage_price_field
  .form-group
  > label.cus_label {
  display: inline-block;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .manage_price_field
  .form-group
  .pricefield {
  vertical-align: top;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .manage_price_field
  .form-group
  .pricefield
  .price_col
  label.cus_label {
  color: #868686;
  font-style: normal;
  font-weight: 600;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .manage_price_field
  .form-group
  .pricefield
  .price_col
  label.label_red {
  color: #cc1243;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .form-group
  .checkbox
  label {
  margin: 0px;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .block_field
  .form-group
  .checkbox
  label
  input {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 5px;
}
.edit_layout .inner_edit_column .edit_block_box .block_field span.note {
  color: #6b7280;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: block;
}
.edit_layout .inner_edit_column .edit_block_box .inventory_field {
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .inventory_field
  .add_new_field {
  position: relative;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .inventory_field
  .add_new_field
  .newbtn {
  position: absolute;
  top: 0px;
  right: 0px;
  border-radius: 0px 5px 5px 0px;
  border: 1px solid #ebebec;
  background: #eee;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .inventory_field
  .add_new_field
  .newbtn
  button {
  color: #a0a0a0;
  font-style: normal;
  font-weight: 600;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .inventory_field
  .field_row
  .field_col:last-child {
  margin-right: 0px;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .inventory_field
  .field_row
  .field_col
  .form-btn {
  text-align: center;
}
.edit_layout
  .inner_edit_column
  .edit_block_box
  .inventory_field
  .field_row
  .field_col
  .form-btn
  button {
  border-radius: 6px;
  background: linear-gradient(
      180deg,
      rgba(3, 7, 18, 0) 0%,
      rgba(3, 7, 18, 0.03) 100%
    ),
    #29a0f5;
  box-shadow: 0px 0px 0px 1px rgba(3, 7, 18, 0.08),
    0px 1px 2px 0px rgba(3, 7, 18, 0.12);
  color: #fff;
  font-style: normal;
  font-weight: 500;
}
.edit_layout .inner_edit_column .edit_col_right {
  width: 25%;
  float: left;
}
.edit_layout .inner_edit_column .edit_col_right .product_status {
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
}
.edit_layout .inner_edit_column .edit_col_right .product_status h5 {
  color: #111827;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
}
.edit_layout .inner_edit_column .edit_col_right .product_status .status_btn {
  border-radius: 8.763px;
  border: 1.095px solid #e2e2e2;
  background: #27c200;
  color: #fff;
  font-style: normal;
  font-weight: 500;
  text-align: center;
  margin: 0px auto;
  display: block;
}
.edit_layout .inner_edit_column .edit_col_right .product_info_detial {
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .cus_prod_col {
  border-bottom: 2px solid #e3e3e3;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .cus_prod_col
  h5 {
  color: #111827;
  font-style: normal;
  font-weight: 600;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .cus_prod_col
  h5
  span {
  color: #6b7280;
  font-style: normal;
  font-weight: 400;
  display: block;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_info
  .prod_info {
  border-radius: 5px;
  background: #f9fafb;
  box-shadow: 0px 0px 0px 1px rgba(3, 7, 18, 0.08),
    0px 1px 2px 0px rgba(3, 7, 18, 0.12);
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_info
  .prod_info
  .prod_img {
  display: inline-block;
  width: 40px;
  border-radius: 6px;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_info
  .prod_info
  .prod_img
  img {
  width: 100%;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_info
  .prod_info
  .prod_name {
  display: inline-block;
  width: calc(100% - 60px);
  margin-left: 15px;
  vertical-align: top;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_info
  .prod_info
  .prod_name
  h6 {
  color: #030712;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0px;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_info
  .prod_info
  .prod_name
  span {
  color: #4b5563;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_info
  .prod_info
  .prod_content {
  border-top: 1px solid #e3e3e3;
  margin: 17px 0px 0px;
  padding: 10px 0px 0px;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_info
  .prod_info
  .prod_content
  p {
  color: #6b7280;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0px;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_inventory {
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_inventory
  .inventory_list {
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_inventory
  .inventory_list
  .inventory_col {
  display: flex;
  align-items: center;
  margin: 0px 0px 15px;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_inventory
  .inventory_list
  .inventory_col:last-child {
  margin: 0px;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_inventory
  .inventory_list
  .inventory_col
  label {
  color: #171717;
  font-style: normal;
  font-weight: 400;
  margin: 0px;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_inventory
  .inventory_list
  .inventory_col:nth-child(1)
  label {
  color: #0068b2;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_inventory
  .inventory_list
  .inventory_col:nth-child(2)
  label {
  color: #b1c43d;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_inventory
  .inventory_list
  .inventory_col:nth-child(3)
  label {
  color: #cc1243;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_inventory
  .inventory_list
  .inventory_col
  span {
  color: #9a9a9a;
  font-style: normal;
  font-weight: 500;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .cus_prod_col {
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .cus_prod_col
  .prod_detail_list {
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .cus_prod_col
  .prod_detail_list
  .prod_detail_col {
  display: flex;
  align-items: center;
  margin: 0px 0px 15px;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .cus_prod_col
  .prod_detail_list
  .prod_detail_col:last-child {
  margin: 0px;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .cus_prod_col
  .prod_detail_list
  .prod_detail_col
  label {
  color: #171717;
  font-style: normal;
  font-weight: 400;
  margin: 0px;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .cus_prod_col
  .prod_detail_list
  .prod_detail_col
  label.label_red {
  color: #cc1243;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .cus_prod_col
  .prod_detail_list
  .prod_detail_col
  span {
  color: #9a9a9a;
  font-style: normal;
  font-weight: 500;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_image {
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_image
  .prod_image_upload {
  position: relative;
  border: 1px dashed #d1d5db;
  background: #f9fafb;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_image
  .prod_image_upload
  label {
  color: #4b5563;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin: 0px;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_image
  .prod_image_upload
  span {
  color: #9ca3af;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .product_image
  .prod_image_upload
  input.import_field {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .additional_info {
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .additional_info
  .additional_field {
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .additional_info
  .additional_field
  .checkbox {
  display: flex;
  margin-bottom: 20px;
  flex-direction: column;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .additional_info
  .additional_field
  .checkbox
  label {
  color: #030712;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.edit_layout
  .inner_edit_column
  .edit_col_right
  .product_info_detial
  .additional_info
  .additional_field
  .checkbox
  label
  input {
  width: 20px;
  height: 20px;
  vertical-align: top;
  margin-left: 10px;
}

.purchase_order {
}
.purchase_order .inner_purchaseorder {
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
}
.purchase_order .inner_purchaseorder .purchase_order_form {
  float: left;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 5px solid #dfdfdf;
  margin-bottom: 20px;
}
.purchase_order .inner_purchaseorder .purchase_order_form .purorder_left {
  float: left;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_row {
  float: left;
  width: 100%;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col {
  float: left;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col
  .form_column {
  margin-bottom: 15px;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col
  .form-group {
  margin-bottom: 0px;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col
  .form-group
  label {
  color: #111827;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin: 0px 0px 8px;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col
  .form-group
  label
  span {
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col
  .form-group
  .formfield {
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col
  .form-group
  .formfield
  .form-control {
  border-radius: 5px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  color: #6b6b6b;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 12px;
  height: auto;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col
  .form-group
  .formfield {
  position: relative;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col
  .form-group
  .formfield
  img {
  position: absolute;
  right: 15px;
  top: 20px;
  z-index: 9999;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col
  .form-group
  .datefield
  img {
  position: absolute;
  top: 12px;
  left: 10px;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col
  .form-group
  .datefield
  .form-control {
  padding-left: 40px;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_left
  .purchase_col
  .form-group
  .formfield
  textarea {
  height: 76px;
}

.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .select2.select2-container {
  width: 100% !important;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .select2.select2-container
  .select2-selection {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 34px;
  margin-bottom: 15px;
  outline: none !important;
  transition: all 0.15s ease-in-out;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .select2.select2-container
  .select2-selection
  .select2-selection__rendered {
  color: #333;
  line-height: 30px;
  padding-right: 33px;
  font-size: 14px;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .select2.select2-container
  .select2-selection
  .select2-selection__arrow {
  background: #f8f8f8;
  border-left: 0px solid #ccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 51px;
  width: 30px;
  display: none;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .select2.select2-container.select2-container--open
  .select2-selection.select2-selection--single {
  background: #f8f8f8;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .select2.select2-container.select2-container--open
  .select2-selection.select2-selection--single
  .select2-selection__arrow {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .select2.select2-container.select2-container--open
  .select2-selection.select2-selection--multiple {
  border: 0px;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .select2.select2-container
  .select2-selection {
  margin: 0px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  padding: 5px 6px;
  border-radius: 5px;
  height: auto;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .select2.select2-container
  .select2-selection
  .select2-search--inline
  .select2-search__field {
  margin-top: 0;
  height: 32px;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .select2.select2-container
  .select2-selection
  .select2-selection__rendered {
  display: block;
  padding: 0 4px;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .select2.select2-container
  .select2-selection
  .select2-selection__rendered
  li {
  margin-right: 4px;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .select2.select2-container
  .select2-selection
  .select2-selection__choice {
  background-color: #b3b3b3;
  border: 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0px;
  padding: 4px 20px 4px 10px;
  height: auto;
  line-height: 24px;
  font-size: 13px;
  position: relative;
  font-weight: 500;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .select2.select2-container
  .select2-selection
  .select2-selection__choice
  .select2-selection__choice__remove {
  position: absolute;
  top: 4px;
  right: 0;
  height: 22px;
  width: 22px;
  margin: 0;
  text-align: center;
  color: #af6c6c;
  font-weight: bold;
  font-size: 16px;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .formfield
  input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #6b6b6b;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .formfield
  input::-moz-placeholder {
  /* Firefox 19+ */
  color: #6b6b6b;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .formfield
  input:-ms-input-placeholder {
  /* IE 10+ */
  color: #6b6b6b;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .formfield
  input:-moz-placeholder {
  /* Firefox 18- */
  color: #6b6b6b;
}

.purchase_order .inner_purchaseorder .purchase_order_form .purorder_right {
  float: right;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_right
  .purchase_amt {
  text-align: right;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_right
  .purchase_amt
  label {
  color: #111827;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin: 0px 0px 8px;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_form
  .purorder_right
  .purchase_amt
  span {
  color: #171717;
  font-style: normal;
  font-weight: 700;
  display: block;
}

.purchase_order .inner_purchaseorder .purchase_order_table {
}
.purchase_order .inner_purchaseorder .purchase_order_table h4 {
  color: #171717;
  font-style: normal;
  font-weight: 700;
  margin: 0px 0px 10px;
}
.purchase_order .inner_purchaseorder .purchase_order_table .tabledata {
  border-radius: 5px;
  border: 2px solid #e5e7eb;
  background: #fff;
  padding: 15px 10px 12px;
}
.purchase_order .inner_purchaseorder .purchase_order_table .tabledata table {
  margin-bottom: 0px;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_table
  .tabledata
  table
  thead
  tr
  th:first-child,
.purchase_order
  .inner_purchaseorder
  .purchase_order_table
  .tabledata
  table
  thead
  tr
  th:last-child,
.purchase_order
  .inner_purchaseorder
  .purchase_order_table
  .tabledata
  table
  tbody
  tr
  td:first-child,
.purchase_order
  .inner_purchaseorder
  .purchase_order_table
  .tabledata
  table
  tbody
  tr
  td:last-child {
  width: 60px;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_table
  .tabledata
  table
  thead
  tr
  th {
  color: #000;
  font-style: normal;
  font-weight: 700;
  border-bottom: 1px solid #8950dd;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_table
  .tabledata
  table
  tbody
  tr
  td {
  color: #000;
  font-style: normal;
  font-weight: 400;
  vertical-align: middle;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_table
  .tabledata
  table
  tbody
  tr:nth-of-type(odd)
  td {
  background: #fff;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_table
  .tabledata
  table
  tbody
  tr:nth-of-type(even)
  td {
  background: #f5f5f5;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_table
  .tabledata
  table
  tbody
  tr
  td
  .cus_field
  input,
.purchase_order
  .inner_purchaseorder
  .purchase_order_table
  .tabledata
  table
  tbody
  tr
  td
  .cus_field
  select {
  color: #9ca3af;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  width: auto;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  background: #f9fafb;
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_table
  .tabledata
  table
  tbody
  tr
  td
  .input_field
  input {
}
.purchase_order
  .inner_purchaseorder
  .purchase_order_table
  .tabledata
  table
  tbody
  tr
  td
  .select_field
  select {
}
.purchase_order .inner_purchaseorder .clearalldata {
  margin: 10px 0px 15px;
}
.purchase_order .inner_purchaseorder .clearalldata a {
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #111827;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  padding: 6px 12px;
}
.purchase_order .inner_purchaseorder .summary_table {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.purchase_order .inner_purchaseorder .summary_table .summery_field {
}
.purchase_order .inner_purchaseorder .summary_table .summery_field label {
  color: #111827;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin: 0px 0px 6px;
}
.purchase_order .inner_purchaseorder .summary_table .summery_field textarea {
  border-radius: 5px;
  background: #f9fafb;
  box-shadow: 0px 0px 0px 1px rgba(3, 7, 18, 0.08),
    0px 1px 2px 0px rgba(3, 7, 18, 0.12);
  padding: 10px 12px;
  color: #9ca3af;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.purchase_order .inner_purchaseorder .summary_table .summary_data {
  border-radius: 5px;
  border: 1.182px solid #e5e7eb;
  background: #fff;
}
.purchase_order .inner_purchaseorder .summary_table .summary_data table {
  width: 100%;
}
.purchase_order
  .inner_purchaseorder
  .summary_table
  .summary_data
  table
  tbody
  tr
  td {
  border-bottom: 2px solid #dfdfdf;
}
.purchase_order
  .inner_purchaseorder
  .summary_table
  .summary_data
  table
  tbody
  tr:last-child
  td {
  border-bottom: 0px;
}
.purchase_order
  .inner_purchaseorder
  .summary_table
  .summary_data
  table
  tbody
  tr
  td:nth-child(2) {
  color: #717171;
  font-style: normal;
  font-weight: 700;
  text-align: right;
}
.purchase_order
  .inner_purchaseorder
  .summary_table
  .summary_data
  table
  tbody
  tr
  td:nth-child(1) {
  font-style: normal;
  font-weight: 600;
}
.purchase_order
  .inner_purchaseorder
  .summary_table
  .summary_data
  table
  tbody
  tr.txt_black
  td:nth-child(1) {
  color: #000;
}
.purchase_order
  .inner_purchaseorder
  .summary_table
  .summary_data
  table
  tbody
  tr.txt_grey
  td:nth-child(1) {
  color: #8e8e8e;
}
.purchase_order
  .inner_purchaseorder
  .summary_table
  .summary_data
  table
  tbody
  tr.discount
  td {
  padding-right: 0px;
}
.purchase_order
  .inner_purchaseorder
  .summary_table
  .summary_data
  table
  tbody
  tr.discount
  td:nth-child(2)
  span {
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 0px 0px 1px rgba(3, 7, 18, 0.08),
    0px 1px 2px 0px rgba(3, 7, 18, 0.12);
  display: inline-block;
  text-align: center;
}
.purchase_order
  .inner_purchaseorder
  .summary_table
  .summary_data
  table
  tfoot
  tr
  td {
  border-top: 9px solid #717171;
  color: #000;
  font-style: normal;
  font-weight: 600;
}
.purchase_order
  .inner_purchaseorder
  .summary_table
  .summary_data
  table
  tfoot
  tr
  td:nth-child(2) {
  text-align: right;
}
.purchase_order .inner_purchaseorder .purchaseorder_btn {
  text-align: right;
}
.purchase_order .inner_purchaseorder .purchaseorder_btn .dropdown button {
  border-radius: 6px;
  background: linear-gradient(
      180deg,
      rgba(3, 7, 18, 0) 0%,
      rgba(3, 7, 18, 0.03) 100%
    ),
    #33b938;
  box-shadow: 0px 0px 0px 1px rgba(3, 7, 18, 0.08),
    0px 1px 2px 0px rgba(3, 7, 18, 0.12);
  color: #fff;
  font-style: normal;
  font-weight: 500;
}
.purchase_order
  .inner_purchaseorder
  .purchaseorder_btn
  .dropdown
  ul.dropdown-menu {
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  background: #fff;
  padding: 0px;
}
.purchase_order
  .inner_purchaseorder
  .purchaseorder_btn
  .dropdown
  ul.dropdown-menu
  li {
  display: block;
  border-bottom: 2px solid #dfdfdf;
}
.purchase_order
  .inner_purchaseorder
  .purchaseorder_btn
  .dropdown
  ul.dropdown-menu
  li:last-child {
  border-bottom: 0px;
}
.purchase_order
  .inner_purchaseorder
  .purchaseorder_btn
  .dropdown
  ul.dropdown-menu
  li
  a {
  display: block;
  color: #33b938;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 15px;
  background: transparent;
}
.purchase_order
  .inner_purchaseorder
  .purchaseorder_btn
  .dropdown
  ul.dropdown-menu
  li
  a,
.purchase_order
  .inner_purchaseorder
  .purchaseorder_btn
  .dropdown
  ul.dropdown-menu
  li
  a:hover {
  background: transparent;
}

.void_sale_sec .void_content {
}
.void_sale_sec .void_title h4 {
  color: #000;
  font-weight: 700;
}
.void_sale_sec .void_content ul {
  list-style-type: disc;
  padding-left: 20px;
}
.void_sale_sec .void_content ul li,
.void_sale_sec .void_content p {
  color: #343434;
  font-weight: 400;
}
.void_sale_sec .void_content p {
  margin: 0px;
}
.void_sale_sec .void_content p span {
  color: #ef0000;
  font-weight: 600;
}
.void_sale_sec .void_content .reason_textarea {
}
.void_sale_sec .void_content .reason_textarea textarea {
  border: 1px solid #cacaca;
  background: #f8f8f8;
  border-radius: 5px;
  color: #8b8b8b;
  font-weight: 500;
}
.void_sale_sec .void_content .reason_textarea span {
  font-size: 13px;
  line-height: 26px;
  color: #8d8d8d;
  font-weight: 400;
  display: block;
  text-align: right;
}
.void_sale_sec .void_content .void_submit_btns {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.void_sale_sec .void_content .void_submit_btns button.cus_btn {
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
}
.void_sale_sec .void_content .void_submit_btns button.cancel_btn {
  background: #717171;
  border: 1px solid #949494;
}
.void_sale_sec .void_content .void_submit_btns button.void_btn {
  background: #dc7700;
  border: 1px solid #bf6245;
}
.sales_void_popup {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999999;
  width: 100%;
  height: 100%;
  background: #0000004d;
  overflow-x: hidden;
  overflow-y: auto;
}
.sales_void_popup.open {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sales_void_popup .inner_content {
  display: flex;
  align-items: center;
  background: #fff;
  width: 720px;
  height: 360px;
  justify-content: center;
  margin: 0px auto;
  border-radius: 5px;
  position: relative;
  flex-direction: column;
  padding: 10px;
}
.sales_void_popup .inner_content h4 {
  font-size: 40px;
  line-height: 45px;
  color: #505050;
  font-weight: 500;
  margin: 0px;
}
.sales_void_popup .inner_content button {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #00d1ff;
  border-radius: 5px;
  padding: 20px 36px;
  color: #fff;
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
}

/* .report_tabs{}
.report_tabs ul.cus_navtabs{display:flex;border-bottom: 5px solid #E5E5E5;}
.report_tabs ul.cus_navtabs li{display:inline-flex;border-right: 3px solid #E5E5E5;}
.report_tabs ul.cus_navtabs li:last-child{margin-right:0px;}
.report_tabs ul.cus_navtabs li a{color: #6A6A6A;font-style: normal;font-weight: 500;display:block;} */
.report_tabs {
}
.report_tabs ul.cus_navtabs {
  display: flex;
  border-bottom: 5px solid #e5e5e5;
}
.report_tabs ul.cus_navtabs li {
  display: inline-flex;
}
.report_tabs ul.cus_navtabs li:last-child {
  margin-right: 0px;
}
.report_tabs ul.cus_navtabs li a {
  background: transparent;
  color: #000;
  font-weight: 600;
  display: block;
  border-radius: 5px;
}
.report_tabs ul.cus_navtabs li a:hover,
.report_tabs ul.cus_navtabs li.active a {
  color: #fff;
  border: 1px solid #00afd5;
  background: #00d1ff;
}
.reports_content {
}
.reports_content .reports_column {
  border-radius: 5px;
  border: 2px solid #e3e3e3;
  background: #fff;
}
.reports_content .reports_column:last-child {
  margin-bottom: 0px;
}
.reports_content .reports_column h4 {
  color: #5c5c5c;
  font-style: normal;
  font-weight: 500;
  margin: 0px;
}
.reports_content .reports_column .report_form_field .form_column .form_field {
  position: relative;
}
.reports_content
  .reports_column
  .report_form_field
  .form_column
  .form_field
  input.form-control {
  border-bottom: 1px solid #d8d8d8;
  color: #6a6a6a;
  font-style: normal;
  font-weight: 400;
  border-radius: 0px;
}
.reports_content
  .reports_column
  .report_form_field
  .form_column
  .form_field
  input.generate_btn {
  border-radius: 5px;
  border: 1px solid #007b05;
  background: #33b938;
  color: #fff;
  font-style: normal;
  font-weight: 600;
  position: absolute;
  right: 0;
  top: 0px;
}

.common_sales_report {
}
.common_sales_report .sales_filter {
  display: flex;
  justify-content: space-between;
}
.common_sales_report .sales_filter .sales_col_left,
.common_sales_report .sales_filter .sales_col_right {
  display: inline-flex;
}
.common_sales_report .sales_filter .sales_col_left .cus_sales_type {
  position: relative;
}
.common_sales_report .sales_filter .sales_col_left .cus_sales_type label {
  color: #6a6a6a;
  margin: 0px;
  font-weight: 600;
  position: absolute;
}
.common_sales_report .sales_filter .sales_col_left .cus_sales_type select,
.common_sales_report
  .sales_filter
  .sales_col_left
  .sales_date
  .date_rangepicker
  input {
  color: #000;
  margin: 0px;
}
.common_sales_report .sales_filter .sales_col_left .cus_sales_type select {
  font-weight: 600;
  background: #fff;
  border: 2px solid #e5e5e5;
  border-radius: 5px;
}
.common_sales_report .sales_filter .sales_col_left .sales_date,
.cash_mange_record .sales_col_right .sales_date,
.salesreport_action .salesreport_left .sales_date {
  display: flex;
  align-items: center;
  background: #fff;
  border: 2px solid #e5e5e5;
  border-radius: 5px;
}
.main-content .filter_by_date .filter_right .ticketlist_date {
  display: flex;
  align-items: center;
  background: #fff;
  border: 2px solid #e5e5e5;
  border-radius: 5px;
  padding: 0px 10px;
}
.main-content .filter_by_date .filter_right .ticketlist_date .date_rangepicker {
  display: flex;
  align-items: center;
}
.common_sales_report .sales_filter .sales_col_left .sales_date .date_icon,
.cash_mange_record .sales_col_right .sales_date .date_icon,
.salesreport_action .salesreport_left .sales_date .date_icon,
.main-content .filter_by_date .filter_right .ticketlist_date .date_icon {
  border-right: 2px dotted #e5e5e5;
}
.common_sales_report
  .sales_filter
  .sales_col_left
  .sales_date
  .date_rangepicker
  input,
.cash_mange_record .sales_col_right .sales_date .date_rangepicker input,
.salesreport_action .salesreport_left .sales_date .date_rangepicker input,
.main-content
  .filter_by_date
  .filter_right
  .ticketlist_date
  .date_rangepicker
  input {
  font-weight: 400;
}
.main-content
  .filter_by_date
  .filter_right
  .ticketlist_date
  .date_rangepicker
  input {
  width: 100%;
}
.common_sales_report .sales_filter .sales_col_left .cus_sales_type:after {
  content: "";
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid #000;
  border-radius: 5px;
  position: absolute;
}
.common_sales_report .sales_filter .sales_col_right {
  justify-content: flex-end;
  align-items: center;
}
.common_sales_report .sales_filter .sales_col_right .sales_print a {
  color: #000;
  margin: 0px;
  font-weight: 500;
}
.common_sales_report .sales_filter .sales_col_right .sales_print a img {
  margin-left: 5px;
}
.common_sales_report .sales_filter .sales_col_right .sales_save_btn {
  width: 100%;
}
.common_sales_report .sales_filter .sales_col_right .sales_save_btn,
.cash_mange_record .sales_col_right .sales_save_btn {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.common_sales_report .sales_filter .sales_col_right .sales_save_btn button,
.cash_mange_record .sales_col_right .sales_save_btn button {
  border-radius: 6px;
  background: linear-gradient(
      180deg,
      rgba(3, 7, 18, 0) 0%,
      rgba(3, 7, 18, 0.03) 100%
    ),
    #33b938;
  box-shadow: 0px 0px 0px 1px rgba(3, 7, 18, 0.08),
    0px 1px 2px 0px rgba(3, 7, 18, 0.12);
  color: #fff;
  font-style: normal;
  font-weight: 500;
  border: 1px solid #007b05;
}
.common_sales_report
  .sales_filter
  .sales_col_right
  .sales_save_btn
  .dropdown
  button:after {
  border-top: 10px solid;
  border-right: 10px solid transparent;
  border-bottom: 0;
  border-left: 10px solid transparent;
  border-radius: 5px;
  vertical-align: middle;
}
.common_sales_report
  .sales_filter
  .sales_col_right
  .sales_save_btn
  .dropdown
  ul.dropdown-menu {
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  background: #fff;
  padding: 0px;
}
.common_sales_report
  .sales_filter
  .sales_col_right
  .sales_save_btn
  .dropdown
  ul.dropdown-menu
  li {
  display: block;
  border-bottom: 2px solid #dfdfdf;
}
.common_sales_report
  .sales_filter
  .sales_col_right
  .sales_save_btn
  .dropdown
  ul.dropdown-menu
  li:last-child {
  border-bottom: 0px;
}
.common_sales_report
  .sales_filter
  .sales_col_right
  .sales_save_btn
  .dropdown
  ul.dropdown-menu
  li
  a {
  display: block;
  color: #33b938;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  padding: 12px 15px;
  background: transparent;
}
.common_sales_report
  .sales_filter
  .sales_col_right
  .sales_save_btn
  .dropdown
  ul.dropdown-menu
  li
  a,
.common_sales_report
  .sales_filter
  .sales_col_right
  .sales_save_btn
  .dropdown
  ul.dropdown-menu
  li
  a:hover {
  background: transparent;
}
.common_sales_report .sales_content {
  border: 2px solid #e3e3e3;
  background: #fff;
  border-radius: 5px;
  margin: 10px 0px 0px;
}
.common_sales_report .sales_content .sales_title {
  text-align: center;
}
.common_sales_report .sales_content .sales_title h4 {
  color: #3f3f3f;
  margin: 0px 0px 10px;
  font-weight: 500;
}
.common_sales_report .sales_content .sales_title span {
  font-weight: 500;
  color: #6a6a6a;
  display: block;
}
.common_sales_report .sales_content .sales_title span.comp_name {
  margin: 0px 0px 10px;
}
.common_sales_report .sales_content .sales_title span.saledate {
}
.common_sales_report .sales_content .sales_inner_content {
  border-bottom: 3px solid #b0b0b0;
}
.common_sales_report .sales_content .sales_inner_content table {
  border-top: 3px solid #e5e5e5;
  border-bottom: 3px solid #e5e5e5;
  margin: 0px;
}
.common_sales_report .sales_content .sales_inner_content table tbody tr td,
.common_sales_report .sales_content .sales_inner_content table tfoot tr td {
  font-weight: 400;
  color: #565656;
  border-right: 2px solid #e5e5e5;
}
.common_sales_report .sales_content .sales_inner_content table tfoot tr td {
  background: #f4f4f4;
}
.common_sales_report
  .sales_content
  .sales_inner_content
  table
  tbody
  tr
  td:last-child,
.common_sales_report
  .sales_content
  .sales_inner_content
  table
  tfoot
  tr
  td:last-child {
  border-right: 0px;
}
.common_sales_report .sales_content .sales_inner_content table tbody tr td b,
.common_sales_report .sales_content .sales_inner_content table tfoot tr td b {
  font-weight: 600;
  color: #6a6a6a;
}

.dash_setting
  .setting_tabs_content
  .tab-content
  .setting_content
  .inner_block
  .inner_field
  .profile_field
  .profile_upload
  span.dum_upload_btn {
  background: #0adaee;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  z-index: 0;
  border-radius: 50%;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
}

.cus_regis_close {
  border: 2px solid #eeeeee;
  background: #fff;
  border-radius: 5px;
}
.cus_regis_close .cash_regis_field {
  margin: 0px auto;
}
.cus_regis_openclose .cash_regis_field {
  display: flex;
  justify-content: space-between;
  width: 100% !important;
  align-items: center;
}
.cus_regis_close .cash_regis_field .cash_reg_icon {
  text-align: center;
}
.cus_regis_close .cash_regis_field .cash_reg_icon img {
}
.cus_regis_close .cash_regis_field .cash_reg_content {
  text-align: center;
}
.cus_regis_close .cash_regis_field .cash_reg_content h3 {
  color: #000;
  font-weight: 600;
}
.cus_regis_openclose .cash_regis_field .cash_reg_content h3 img {
  width: 50px;
}
.cus_regis_close .cash_regis_field .cash_reg_content p {
  color: #656565;
  margin: 0px;
  font-weight: 500;
}
.cus_regis_close .cash_regis_field .inner_reg_field .form-group label {
  color: #000;
  margin: 0px 0px 5px;
  font-weight: 600;
}
.cus_regis_close
  .cash_regis_field
  .inner_reg_field
  .form-group
  .cus_input_group {
  display: flex;
  align-items: center;
}
.cus_regis_close
  .cash_regis_field
  .inner_reg_field
  .form-group
  .cus_input_group
  .input_feild {
  position: relative;
}
.cus_regis_close
  .cash_regis_field
  .inner_reg_field
  .form-group
  .input_feild
  input,
.cus_regis_close
  .cash_regis_field
  .inner_reg_field
  .form-group
  .input_feild
  textarea {
  color: #000;
  border: 1px solid #d4d4d4;
  background: #f4f2f5;
  border-radius: 4px;
}
.cus_regis_close
  .cash_regis_field
  .inner_reg_field
  .form-group
  .input_feild
  input {
  height: auto;
}
.cus_regis_close
  .cash_regis_field
  .inner_reg_field
  .form-group
  .input_feild
  input:focus,
.cus_regis_close
  .cash_regis_field
  .inner_reg_field
  .form-group
  .input_feild
  textarea:focus {
  outline: none;
  box-shadow: none;
}
.cus_regis_close
  .cash_regis_field
  .inner_reg_field
  .form-group
  .cus_input_group
  .input_feild
  span {
  position: absolute;
  color: #000;
}
.cus_regis_close
  .cash_regis_field
  .inner_reg_field
  .form-group
  .cus_input_group
  .input_btn
  button {
  color: #fff;
  background: #00d1ff;
  border: 2px solid #00bfea;
  height: auto;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.cus_regis_close .cash_regis_btns {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cus_regis_close .cash_regis_btns .cus_reg_btn {
  border-radius: 5px;
  font-weight: 600;
}
.cus_regis_close .cash_regis_btns .open_reg_btn {
  color: #fff;
  width: 100%;
}
.cus_regis_close .cash_regis_btns .default_open_reg {
  background: #717171;
  border: 1px solid transparent;
}
.cus_regis_close .cash_regis_btns .success_open_reg {
  background: #4cc251;
  border: 1px solid #474747;
}
.cus_regis_close .cash_regis_btns .skip_btn {
  border: 1px solid #ff0000;
  background: transparent;
  color: #717171;
}
.cashdrawcounter_modal .cash_draw_table {
  border-radius: 4px;
  border: 1px solid #dadada;
  overflow: hidden;
  margin: 10px 0px 20px;
}
.cashdrawcounter_modal .cash_draw_table table {
  margin: 0px;
}
.cashdrawcounter_modal .cash_draw_table table thead {
}
.cashdrawcounter_modal .cash_draw_table table thead tr th {
  background: #dadada;
  text-align: center;
}
.cashdrawcounter_modal .cash_draw_table table tbody {
}
.cashdrawcounter_modal .cash_draw_table table tbody tr td {
  text-align: center;
  width: 33.33%;
  color: #000;
  font-weight: 500;
  vertical-align: middle;
  border: 1px solid #dadada;
}
.cashdrawcounter_modal .cash_draw_table table tbody tr td:first-child {
  border-left: 0px;
}
.cashdrawcounter_modal .cash_draw_table table tbody tr td:last-child {
  color: #636363;
  border-right: 0px;
}
.cashdrawcounter_modal .cash_draw_table table tbody tr:nth-of-type(odd) td {
  background: #fff !important;
  --bs-table-bg-type: transparent;
}
.cashdrawcounter_modal .cash_draw_table table tbody tr:nth-of-type(even) td {
  background: #f0f0f0 !important;
  --bs-table-bg-type: transparent;
}
.cashdrawcounter_modal .cash_draw_table table tbody tr td .cash_qty_field {
  background: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  color: #6b7280;
}
.cashdrawcounter_modal
  .cash_draw_table
  table
  tbody
  tr
  td
  .cash_qty_field:focus {
  outline: none;
  box-shadow: none;
}
.cashdrawcounter_modal .cash_draw_table table tfoot tr td {
  background: #dadada;
}
.cashdrawcounter_modal .cash_draw_table table tfoot tr td:first-child {
  text-align: right;
}
.cashdrawcounter_modal .cash_draw_table table tfoot tr td:last-child {
  text-align: center;
}
.cashdrawcounter_modal .modal-footer button.theme_btn {
  background: #33b938 !important;
  color: #fff;
}

.cash_mange_record .cash_manag_left h4 {
  margin: 0px 0px 10px;
  color: #121c2d;
  font-weight: 600;
}
.cash_mange_record .cash_manag_left p {
  margin: 0px;
  color: #6b7280;
}
.cash_mange_record .cash_manag_right .cash_manage_btn {
  display: flex;
  align-items: center;
}
.cash_mange_record .cash_manag_right .cash_manage_btn .cus_btn {
  border-radius: 5px;
  color: #fff;
}
.cash_mange_record .cash_manag_right .cash_manage_btn .default_btn {
  background: #c0c0c0;
  border: 1px solid #6e6e6e;
}
.cash_mange_record .cash_manag_right .cash_manage_btn .remove_btn {
  background: #cc1215;
  border: 1px solid #c90000;
}
.cash_mange_record .cash_manag_right .cash_manage_btn .add_btn {
  background: #33b938;
  border: 1px solid #00a506;
}
.cash_management_sec table.cash_management_table {
}
.cash_management_sec table.cash_management_table tbody tr td {
}
.cash_management_sec table.cash_management_table tbody tr td.cash_type span {
  display: inline-block;
  text-align: center;
  border-radius: 8px;
  margin-bottom: 5px;
}
.cash_management_sec
  table.cash_management_table
  tbody
  tr
  td.cash_type
  span:last-child {
  margin-right: 0px;
}
.cash_management_sec table.cash_management_table tbody tr td span.green_type {
  background: #edfdf3;
  color: #0e7c3a;
}
.cash_management_sec table.cash_management_table tbody tr td span.red_type {
  background: #ffe3e3;
  color: #d20003;
}
.cash_management_sec table.cash_management_table tbody tr td span.blue_type {
  background: #c3f4ff;
  color: #00a2c6;
}

.main-content .borderline {
  border-top: 2px solid #e5e5e5;
}
.cus_regis_openclose_sec .custom_heading h4 {
  color: #121c2d;
  margin: 0px 0px 6px;
  font-weight: 600;
}
.cus_regis_openclose_sec .custom_heading span {
  color: #6b7280;
  margin: 0px;
  font-weight: 400;
}
.product_details_info .prod_detail_right {
}
.product_details_info .prod_detail_right .prod_col_label:last-child {
  margin-bottom: 0px;
}
.product_details_info .prod_detail_right .prod_col_label label,
.product_details_info .prod_detail_right .prod_col_label span {
  color: #121c2d;
  margin: 0px;
}
.product_details_info .prod_detail_right .prod_col_label label {
  font-weight: 600;
}
.product_details_info .prod_detail_right .prod_col_label span {
  font-weight: 400;
}
.product_summary_table table.table {
  border: 1px solid #dadada;
  border-radius: 4px;
}
.product_summary_table table thead {
}
.product_summary_table table thead tr th,
.product_summary_table table tbody tr.tr_fold tr th {
  background: #f4f4f6;
  font-size: 14px;
  line-height: 18px;
  color: #121c2d;
  font-weight: 600;
  text-align: center;
}
.product_summary_table table tbody tr.tr_fold tr td.empty_td {
  background: #f4f4f6;
}
.product_summary_table table thead tr th:first-child,
.product_summary_table table tbody tr.tr_fold tr th:first-child {
  text-align: left;
}
.product_summary_table table tbody tr.tr_view {
  position: relative;
}
.product_summary_table table tbody tr.tr_view td input.cus_input {
  background: #f5f5f6;
  border-radius: 5px;
  border: 1px solid #e8eaef;
  color: #121c2d;
  font-weight: 500;
}
.product_summary_table
  table
  tbody
  tr.tr_view
  td
  input.cus_input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #c6c6c6;
}
.product_summary_table
  table
  tbody
  tr.tr_view
  td
  input.cus_input::-moz-placeholder {
  /* Firefox 19+ */
  color: #c6c6c6;
}
.product_summary_table
  table
  tbody
  tr.tr_view
  td
  input.cus_input:-ms-input-placeholder {
  /* IE 10+ */
  color: #c6c6c6;
}
.product_summary_table
  table
  tbody
  tr.tr_view
  td
  input.cus_input:-moz-placeholder {
  /* Firefox 18- */
  color: #c6c6c6;
}
.product_summary_table table tbody tr.tr_view td input.cus_input,
.product_summary_table table tbody tr.tr_view td input.cus_input:focus,
.product_summary_table table tbody tr.tr_view td input.cus_input:hover {
  outline: none;
  box-shadow: none;
}
.product_summary_table table tbody tr.tr_view td,
.product_summary_table table tfoot tr td,
.product_summary_table table tbody tr.tr_fold tr td {
  color: #121c2d;
  font-weight: 400;
  border: 1px solid #e8eaef;
  text-align: center;
}
.product_summary_table table tbody tr.tr_view td:first-child,
.product_summary_table table tfoot tr td:first-child,
.product_summary_table table tbody tr.tr_fold tr td:first-child {
  text-align: left;
}
.product_summary_table table tbody tr.tr_view td span {
  color: #2c4e93;
  display: block;
}
.product_summary_table table tbody tr.tr_fold {
  /* display: none; */
}
.product_summary_table table tbody tr.tr_fold.open {
  display: table-row;
}
.product_summary_table table tbody tr.tr_fold td.main_td {
  padding: 0px;
  position: relative;
}
.product_summary_table table tbody tr.tr_fold td.main_td:before,
.product_summary_table table tbody tr.tr_fold td.main_td:after {
  content: "";
  background: #00d1ff;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  width: 8px;
}
.product_summary_table table tbody tr.tr_fold td.main_td:before {
  left: 0px;
}
.product_summary_table table tbody tr.tr_fold td.main_td:after {
  right: 0px;
}
.cus_regis_openclose_sec .closing_notes .closenote_field textarea {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
  padding: 10px 20px;
  width: 100%;
  height: 100px;
}
.cus_regis_openclose_sec
  .closing_notes
  .closenote_field
  textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #6b7280;
}
.cus_regis_openclose_sec
  .closing_notes
  .closenote_field
  textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #6b7280;
}
.cus_regis_openclose_sec
  .closing_notes
  .closenote_field
  textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #6b7280;
}
.cus_regis_openclose_sec
  .closing_notes
  .closenote_field
  textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #6b7280;
}
.cus_regis_openclose_sec .closing_notes .closenote_field textarea,
.cus_regis_openclose_sec .closing_notes .closenote_field textarea:focus,
.cus_regis_openclose_sec .closing_notes .closenote_field textarea:hover {
  outline: none;
  box-shadow: none !important;
}
.cus_regis_openclose_sec .print_summary_btns .print_btn {
  background: #00d1ff;
  border: 1px solid #008aa8;
  border-radius: 5px;
  font-weight: 500;
  color: #fff;
}
.cus_regis_openclose_sec .closing_btns {
  text-align: right;
}
.cus_regis_openclose_sec .closing_btns .close_reg_btn {
  background: #33b938;
  border: 1px solid #00a506;
  border-radius: 5px;
  font-weight: 500;
  color: #fff;
}

.notedates_btns {
  display: flex;
  gap: 11px;
  width: 100%;
}
.notedates_btns .notes_dates {
  width: calc(100% - 250px);
}
.notedates_btns .new_notes {
  width: 250px;
}
.notedates_btns .new_notes .notes_btns {
}
.notedates_btns .new_notes .notes_btns button {
  font-size: 17px;
  line-height: 22px;
  color: #232360;
  font-weight: 500;
  background-color: #f1c40f;
  border: 2px solid #ffa016;
  border-radius: 6px;
  padding: 15px 80px;
  position: relative;
}
.notedates_btns .new_notes .notes_btns button img {
  position: absolute;
  top: 11px;
  right: 19px;
}
.notes_calendar {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.notes_calendar .year-month-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  width: 100%;
}
.notes_calendar .year-selector {
  display: flex;
  align-items: center;
  border: 2px solid #f0f1f2;
  border-radius: 6px;
  padding: 16px 16px;
}
.notes_calendar .year-selector button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0px;
}
.notes_calendar .year-selector span {
  font-size: 20px;
  line-height: 30px;
  color: #2d3036;
  font-weight: 600;
  margin: 0 15px;
}
.notes_calendar .month-selector {
  display: flex;
  gap: 10px;
  border: 2px solid #f0f1f2;
  border-radius: 6px;
  padding: 18px 32px;
  justify-content: space-between;
  width: 100%;
}
.notes_calendar .month {
  padding: 0px;
  cursor: pointer;
  font-size: 16px;
  line-height: 26px;
  color: #898e99;
  font-weight: 500;
}
.notes_calendar .month:hover,
.notes_calendar .month.selected {
  color: #157bff;
  font-weight: 600;
}
.notes_calendar .days-row {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
  border: 2px solid #f0f1f2;
  border-radius: 6px;
  padding: 16px 16px;
  width: 100%;
  justify-content: space-between;
}
.notes_calendar .day {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s;
  font-size: 16px;
  line-height: 26px;
  color: #898e99;
  font-weight: 500;
}
.notes_calendar .day:hover,
.notes_calendar .day.selected {
  background-color: #157bff;
  color: #fff;
}

.noteinfo_modal .modal-dialog {
  max-width: 340px !important;
}
.noteinfo_modal .modal-header button.noteclose {
  background: transparent;
  border: 0px;
  padding: 0px;
  float: right;
}
.noteinfo_modal .notes_tabs {
  margin: 12px 0px 0px;
}
.noteinfo_modal .notes_tabs ul {
  width: 100%;
  display: flex;
  gap: 0px;
  margin-bottom: 20px;
}
.noteinfo_modal .notes_tabs ul li.nav-item {
  width: 50%;
  text-align: center;
}
.noteinfo_modal .notes_tabs ul li.nav-item a {
  background: #d9d9d9;
  border: 1px solid transparent;
  font-size: 11px;
  line-height: 42px;
  font-weight: 600;
  border-radius: 0px;
  color: #000;
  padding: 0px 10px;
}
.noteinfo_modal .notes_tabs ul li.nav-item:first-child a {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.noteinfo_modal .notes_tabs ul li.nav-item:last-child a {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.noteinfo_modal .notes_tabs ul li.nav-item a.active {
  background: #33b938;
  border-color: #00a506;
  color: #fff;
}
.noteinfo_modal .notes_tabs .tab-content {
}
.noteinfo_modal .notes_tabs .tab-content .notetabs_content {
}
.noteinfo_modal .notes_tabs .tab-content .notetabs_content h4 {
  font-size: 15px;
  line-height: 20px;
  margin: 0px 0px 8px;
  color: #494949;
  display: block;
  border-bottom: 2px solid #a1a1a1;
  padding-bottom: 6px;
}
.noteinfo_modal .notes_tabs .tab-content .notetabs_content p {
  font-size: 13px;
  line-height: 18px;
  margin: 0px;
  color: #6b7280;
}
.noteinfo_modal .notes_tabs .tab-content .notetabs_content .notes_videos {
  margin: 12px 0px 0px;
}
.noteinfo_modal .notes_tabs .tab-content .notetabs_content .notes_videos img {
  width: 100%;
}
.noteinfo_modal
  .notes_tabs
  .tab-content
  .notetabs_content
  .notes_videos
  iframe {
}

.salesreport_action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 5px;
  margin: 0px 0px 10px;
}
.salesreport_action .salesreport_left {
  display: flex;
}
.salesreport_action .salesreport_left .salesreport_location {
  position: relative;
}
.salesreport_action .salesreport_left .salesreport_location label,
.salesreport_action .salesreport_left .sales_report_date label {
  font-size: 14px;
  line-height: 24px;
  color: #2d2d2d;
  font-weight: 500;
  display: block;
  margin: 0px 0px 5px;
}
.salesreport_action .sales_action_btns {
  display: flex;
  gap: 16px;
}
.salesreport_action .sales_action_btns button img {
  width: 15px;
}
.salesreport_statics {
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 5px;
}
.salesreport_statics .salesreport_statics_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.salesreport_statics .report_statics_left {
}
.salesreport_statics .report_statics_left ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  gap: 3px;
}
.salesreport_statics .report_statics_left ul li {
  display: inline-flex;
}
.salesreport_statics .report_statics_left ul li a {
  display: block;
  background: transparent;
  color: #292929;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 5px;
}
.salesreport_statics .report_statics_left ul li.active a,
.salesreport_statics .report_statics_left ul li a:hover {
  background: #00d1ff;
  color: #fff;
}
.salesreport_statics .report_statics_right {
}
.salesreport_statics .report_statics_right span {
  color: #292929;
  font-weight: 600;
}
.salesreport_statics .salesreport_statics_list {
  display: flex;
}
.salesreport_statics .salesreport_statics_list .report_statics_column_custom {
  background: #f8f8f8;
  border: 1px solid #e5e7eb;
  border-radius: 7px;
}
.salesreport_statics
  .salesreport_statics_list
  .report_statics_column_custom
  .report_statics_column {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 7px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.salesreport_statics
  .salesreport_statics_list
  .report_statics_column_custom
  .report_statics_column
  .statics_label {
}
.salesreport_statics
  .salesreport_statics_list
  .report_statics_column_custom
  .report_statics_column
  .statics_label
  span {
  color: #7d7d7d;
  font-weight: 500;
  display: block;
}
.salesreport_statics
  .salesreport_statics_list
  .report_statics_column_custom
  .report_statics_column
  .statics_green
  span {
  color: #65c565;
}
.salesreport_statics
  .salesreport_statics_list
  .report_statics_column_custom
  .report_statics_column
  .statics_darkred
  span {
  color: #ce0003;
}
.salesreport_statics
  .salesreport_statics_list
  .report_statics_column_custom
  .report_statics_column
  .statics_blue
  span {
  color: #0059ff;
}
.salesreport_statics
  .salesreport_statics_list
  .report_statics_column_custom
  .report_statics_column
  .statics_red
  span {
  color: #ff5900;
}
.salesreport_statics
  .salesreport_statics_list
  .report_statics_column_custom
  .report_statics_column
  .statics_purple
  span {
  color: #7a12cc;
}
.salesreport_statics
  .salesreport_statics_list
  .report_statics_column_custom
  .report_statics_column
  .statics_value
  span {
  color: #545454;
  font-weight: 600;
  display: block;
}
.main-content .dataTables_wrapper table.sales_report_datatable thead tr th span,
.main-content table.sales_report_datatable thead tr th span {
  color: #00d1ff;
}
.main-content
  .dataTables_wrapper
  table.sales_report_datatable
  thead
  tr
  th.sales_th_darkred,
.main-content table.sales_report_datatable thead tr th.sales_th_darkred,
.main-content
  .dataTables_wrapper
  table.sales_report_datatable
  thead
  tr
  th.sales_th_darkred
  ,
.main-content table.sales_report_datatable thead tr th.sales_th_darkred  {
  color: #ce0003;
}
.main-content
  .dataTables_wrapper
  table.sales_report_datatable
  thead
  tr
  th.sales_th_green,
.main-content table.sales_report_datatable thead tr th.sales_th_green,
.main-content
  .dataTables_wrapper
  table.sales_report_datatable
  thead
  tr
  th.sales_th_green
  ,
.main-content table.sales_report_datatable thead tr th.sales_th_green {
  color: #65c565;
}
.main-content
  .dataTables_wrapper
  table.sales_report_datatable
  tbody
  tr
  td.prod_img,
.main-content table.sales_report_datatable tbody tr td.prod_img {
  font-size: 13px;
  line-height: 18px;
}
.main-content
  .dataTables_wrapper
  table.sales_report_datatable
  tbody
  tr
  td.prod_img
  a,
.main-content table.sales_report_datatable tbody tr td.prod_img a {
  color: #00d1ff;
}
.main-content
  .dataTables_wrapper
  table.sales_report_datatable
  thead
  tr
  th
  span.active
  i {
  color: #000;
}
.main-content .dataTables_wrapper table.common_datatable tfoot tr td,
.main-content table.common_datatable tfoot tr td {
  font-weight: 600;
  background: #f5f7f9;
}

nav.navbar ul.navbar-nav li.dropdown .dropdown-menu {
  background: #fff;
  border-radius: 10px;
}
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu .nav_title {
  padding: 4px 18px;
}
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu .nav_title span.nametitle {
  color: #777;
}
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu .nav_title .user_nav_name {
  padding: 2px;
  color: #111827;
  font-weight: normal;
  background: #ededed;
  position: relative;
  margin: 2px 0px 4px 9px;
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_title
  .user_nav_name:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -9px;
  background: #dfdfdf;
  display: block;
  width: 1px;
  height: 26px;
  border-radius: 2px;
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_title
  .user_nav_name
  span {
  background: #00d1ff;
  width: 20px;
  height: 20px;
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  border-radius: 3px;
  margin-right: 4px;
}
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu .nav_links {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu .nav_links .dropdown-item {
  color: #444;
  position: relative;
}
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu .nav_links a.signout {
  color: #cc1243;
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_links
  .dropdown-item
  img {
  margin-right: 8px;
}
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu .nav_links a i {
  position: absolute;
  top: 10px;
  right: 20px;
}
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu .nav_links a,
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu .nav_links a:hover,
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu .nav_links a:focus,
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu .nav_links .dropdown-item,
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_links
  .dropdown-item:hover,
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_links
  .dropdown-item:focus {
  border: 0px;
}
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu .nav_title:hover,
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu .nav_links a:hover,
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu .nav_title:focus,
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu .nav_links a:focus,
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_links
  .dropdown-item:focus,
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_links
  .dropdown-item:active {
  background: #eff3f8;
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_links
  .dropdown-item
  .inner_dropdown {
  border: 1px solid #ababab;
  margin-top: 10px;
  width: 100%;
  background: #f3f3f3;
  box-shadow: none;
  display: block;
  position: static;
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_links
  .dropdown-item
  .inner_dropdown
  a {
  display: block;
  color: #444;
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_links
  .dropdown-item
  .inner_dropdown
  a:hover {
  background: #f3f3f3;
}
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu .nav_user_info {
  padding: 10px 18px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu .nav_user_info .username {
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_user_info
  .username
  h5 {
  color: #000;
  font-weight: 500;
  margin: 0px;
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_user_info
  .username
  span {
  color: #777;
  font-weight: normal;
  display: block;
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_user_info
  .clocked_timeout {
  background: #f3f3f3;
  border: 1px solid #ababab;
  border-radius: 5px;
  padding: 7px 8px;
  margin: 10px 0px 6px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_user_info
  .clocked_timeout
  h4 {
  color: #000;
  font-weight: 500;
  margin: 0px;
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_user_info
  .clocked_timeout
  p {
  color: #777;
  font-weight: normal;
  margin: 0px;
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_user_info
  .clocked_timeout
  .clock_buttons {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin: 6px 0px 0px;
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_user_info
  .clocked_timeout
  .clock_buttons
  button {
  border-radius: 3px;
  font-weight: 500;
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_user_info
  .clocked_timeout
  .clock_buttons
  button
  i,
nav.navbar .common_search .check_imei_field button.checimei_btn i {
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  animation-name: spin;
  animation-duration: 3000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_user_info
  .clocked_timeout
  .clock_buttons
  button.clockinbtn {
  background: #0084ff;
  border: 1px solid transparent;
  color: #fff;
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_user_info
  .clocked_timeout
  .clock_buttons
  button.clockoutbtn {
  background: #cc1243;
  border: 1px solid #d90039;
  color: #fff;
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_user_info
  .clocked_timeout
  .clock_buttons
  button.defaultbtn {
  background: #fff;
  border: 1px solid #e6e6e6;
  color: rgb(0 64 255 / 68%);
}
nav.navbar
  ul.navbar-nav
  li.dropdown
  .dropdown-menu
  .nav_user_info
  .clocked_timeout
  .clock_buttons
  button.defaultbtn
  i {
  color: rgb(0 64 255 / 68%);
}

.secret_keys img {
  width: 100%;
}
.main-content .help_center_search {
  background-image: linear-gradient(45deg, #e698d8, #00d1ff);
  border-radius: 5px;
  text-align: center;
}
.main-content .help_center_search h3 {
  color: #fff;
  margin: 0px;
  font-weight: bold;
  letter-spacing: -1px;
}
.main-content .help_center_search p {
  color: #fff;
  margin: 0px;
  font-weight: 400;
}
.main-content .help_center_search .help_center_search_field {
  position: relative;
}
.main-content .help_center_search .help_center_search_field input {
  background: #ffffff;
  border: 3px solid #eeeeee;
  color: #ababab;
  font-weight: 500;
}
.main-content
  .help_center_search
  .help_center_search_field
  input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ababab;
}
.main-content
  .help_center_search
  .help_center_search_field
  input::-moz-placeholder {
  /* Firefox 19+ */
  color: #ababab;
}
.main-content
  .help_center_search
  .help_center_search_field
  input:-ms-input-placeholder {
  /* IE 10+ */
  color: #ababab;
}
.main-content
  .help_center_search
  .help_center_search_field
  input:-moz-placeholder {
  /* Firefox 18- */
  color: #ababab;
}
.main-content .help_center_service_sec .help_center_service {
  display: flex;
  justify-content: center;
  margin: 0px auto;
}
.main-content .help_center_service .help_center_column {
  background: #fff;
  border: 1px solid #c7c7c7;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.main-content .help_center_service .help_center_column .help_icon {
}
.main-content .help_center_service .help_center_column .help_icon img {
}
.main-content .help_center_service .help_center_column .help_content {
  display: flex;
  flex-direction: column;
}
.main-content .help_center_service .help_center_column .help_content h5 {
  color: #000;
  margin: 0px;
  font-weight: bold;
}
.main-content .help_center_service .help_center_column .help_content p {
  color: #464d4b;
  margin: 0px;
  font-weight: 500;
}
.main-content .help_center_contact {
  text-align: center;
}
.main-content .help_center_contact a {
  background: linear-gradient(90deg, #cf9edc 0%, #00d1ff 55%);
  border-radius: 7px;
  color: #fff;
  margin: 0px;
  display: inline-block;
  font-weight: 600;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.main-content .help_center_contact a:hover {
  background: linear-gradient(270deg, #cf9edc 0%, #00d1ff 55%);
}
.main-content .help_center_option_sec {
}
.main-content .help_center_option_sec h4 {
  color: #363636;
  margin: 0px;
  font-weight: bold;
  letter-spacing: -1px;
}
.main-content .help_center_option_sec .help_center_box {
  float: left;
  width: 100%;
}
.main-content .help_center_option_sec .help_center_box .option_box_col {
  float: left;
  margin-bottom: 15px;
}
.main-content
  .help_center_option_sec
  .help_center_box
  .option_box_col
  .option_img {
  background: #fff;
  border: 1.5px solid #dddddd;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  padding-top: 70%;
}
.main-content
  .help_center_option_sec
  .help_center_box
  .option_box_col
  .option_img
  img,
.main-content
  .help_center_option_sec
  .help_center_box
  .option_box_col
  .option_img
  video {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
.main-content
  .help_center_option_sec
  .help_center_box
  .option_box_col
  .option_name {
}
.main-content
  .help_center_option_sec
  .help_center_box
  .option_box_col
  .option_name
  h6 {
  color: #686868;
  margin: 0px;
  font-weight: 500;
  letter-spacing: -1px;
}

.trainingmode .app-container-trial {
  display: none;
}
.customclswrapper.trainingmode .app-container-trial {
  display: block;
}
.trainingmode nav.navbar,
.trainingmode .main-sidebar {
  top: 50px;
}
.trainingmode .app-container-trial {
  top: 52px;
}
.training_mode {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99999;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(270deg, #00d1ff 0%, #dc3694 100%);
  padding: 6px 16px;
}
.trainingmode .training_mode {
  display: flex;
}
.training_mode .mode_logo img {
  width: 30px;
}
.training_mode .mode_title {
  gap: 6px;
  display: flex;
  align-items: center;
}
.training_mode .mode_title h3 {
  font-size: 16px;
  line-height: 40px;
  margin: 0px;
  color: #fff;
  font-weight: bold;
}
.training_mode .mode_toggle {
}
.training_mode .mode_toggle .switch_field {
  display: flex;
  gap: 10px;
  align-items: center;
}
.training_mode .mode_toggle .switch_field span.switch_title {
  font-size: 12px;
  line-height: 16px;
  margin: 0px;
  color: #fff;
}
.training_mode
  .mode_toggle
  .switch_field
  .custom-switch-input:checked
  ~ .custom-switch-indicator {
  background: #9664ff;
}

.demo_store_page {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999999;
}
.demo_store_page .demo_step_form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.demo_store_page .demo_store_inner {
  border-radius: 24px;
  overflow: hidden;
}
.demo_store_page .demo_store_inner .demo_store_left .topheader a {
  display: block;
}
.demo_store_page .demo_store_inner .demo_store_left .topheader img {
  width: 100%;
}
.demo_store_page .demo_store_right {
  background: #fff;
}
.demo_store_page .demo_store_right .demo_steps {
}
.demo_store_page .demo_store_right .demo_steps .steps_col h4 {
  color: #454545;
  font-weight: bold;
  margin: 0px 0px 10px;
}
.demo_store_page .demo_store_right .demo_steps .steps_col h3 {
  color: #000;
  font-weight: bold;
  margin: 0px 0px 10px;
}
.demo_store_page .demo_store_right .demo_steps .steps_col p {
  color: #454545;
  font-weight: 500;
  margin: 0px;
}
.demo_store_page .demo_store_right .demo_steps .demo_store_option {
  display: flex;
  border: 1px solid #d7d7d7;
  background: #fff;
  border-radius: 5px;
  position: relative;
}
.demo_store_page .demo_store_right .demo_steps .demo_store_option:before {
  content: "";
  background: #d7d7d7;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 50%;
}
.demo_store_page
  .demo_store_right
  .demo_steps
  .demo_store_option
  .store_option_col {
  width: 50%;
  text-align: center;
}
.demo_store_page
  .demo_store_right
  .demo_steps
  .demo_store_option
  .store_option_col
  span {
  color: #000;
  font-weight: bold;
  display: block;
}
.demo_store_page .demo_store_right .demo_steps .store_field {
}
.demo_store_page .demo_store_right .demo_steps .store_field .form-group label {
  color: #2c2c2c;
  font-weight: 600;
  margin: 0px;
}
.demo_store_page
  .demo_store_right
  .demo_steps
  .store_field
  .form-group
  .form-control {
  color: #525252;
  font-weight: 500;
  background: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  height: auto;
}
.demo_store_page .demo_store_right .demo_steps .next_step_btn {
  display: flex;
  justify-content: flex-end;
}
.demo_store_page .demo_store_right .demo_steps .next_step_btn button.cus_btn {
  color: #fff;
  border-radius: 5px;
  border: 0px;
  font-weight: 600;
}
.demo_store_page .demo_store_right .demo_steps .next_step_btn button.next_btn {
  background: #33b938;
}
.demo_store_page .demo_store_right .demo_steps .next_step_btn button.back_btn {
  background: #0083b3;
}
.demo_store_page
  .demo_store_right
  .demo_steps
  .next_step_btn
  button.default_btn {
  background: #cbcbcb;
}
.demo_store_page .demo_store_right .demo_steps .store_field .cus_radio {
  display: flex;
  overflow-y: scroll;
}
.demo_store_page .demo_store_right .demo_steps .store_field .cus_radio .radio {
  position: relative;
  background: #fff;
  border: 1px solid #dddddd;
  display: flex;
  align-items: center;
}
.demo_store_page
  .demo_store_right
  .demo_steps
  .store_field
  .cus_radio
  .radio:hover {
  cursor: pointer;
}
.demo_store_page
  .demo_store_right
  .demo_steps
  .store_field
  .cus_radio
  .radio.active,
.demo_store_page
  .demo_store_right
  .demo_steps
  .store_field
  .cus_radio
  .radio:hover,
.demo_store_page
  .demo_store_right
  .demo_steps
  .store_field
  .cus_radio
  .radio:focus {
  border-color: #00d1ff;
}
.demo_store_page
  .demo_store_right
  .demo_steps
  .store_field
  .cus_radio
  .radio
  input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.demo_store_page
  .demo_store_right
  .demo_steps
  .store_field
  .cus_radio
  .radio
  span {
  color: #000;
  font-weight: 600;
  display: inline-block;
  text-align: center;
}

.checkimei_modal .result_table {
  margin: 20px 0px;
}
.checkimei_modal .result_table table {
  margin: 0px;
}
.checkimei_modal .result_table table tbody {
}
.checkimei_modal .result_table table tbody tr {
}
.checkimei_modal .result_table table tbody tr td {
  border: 0px;
  font-size: 15px;
  line-height: 21px;
  color: #232323;
  vertical-align: middle;
}
.checkimei_modal .result_table table tbody tr td:first-child {
  font-weight: 600;
}
.checkimei_modal .result_table table tbody tr td:last-child {
  color: #00d1ff;
  text-align: right;
}
.checkimei_modal .result_table table tbody tr td:nth-child(2) {
  text-align: center;
}
.checkimei_modal .result_table table tbody tr td span.emptyspace {
  border-top: 2px dashed #ccc;
  display: block;
  width: 100px;
  margin: 0px auto;
}

.common_modal .modal-body .repairservice_form {
  border-top: 1px solid #d7d7d7;
}
.common_modal .modal-body .repairservice_form form.cus_form {
  display: flex;
}
.common_modal .modal-body .repairservice_form .repair_service_right h4 {
  color: #130f26;
  font-weight: 600;
}
.common_modal .modal-body .repairchecklist_form .checklist_addtional_item h4 {
  color: #130f26;
  font-weight: 600;
  margin: 0px 0px 10px;
}
.common_modal
  .modal-body
  .repairservice_form
  .repair_service_right
  .pre_repair_btns {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.common_modal
  .modal-body
  .repairservice_form
  .repair_service_right
  .pre_repair_btns
  button {
  background: #f2f2f2;
  border: 1px solid #e1e6ef;
  border-radius: 5px;
  width: 100%;
  color: #000;
  font-weight: 500;
}
.common_modal
  .modal-body
  .repairservice_form
  .repair_service_right
  .pre_repair_btns
  button
  img {
  margin-right: 5px;
}
.common_modal .modal-body .repairservice_form .repair_service_right .next_btn {
  text-align: right;
}
.common_modal
  .modal-body
  .repairservice_form
  .repair_service_right
  .next_btn
  button {
  background: #33b938;
  color: #fff;
  font-weight: 600;
  border: 0px;
  border-radius: 5px;
}
.common_modal
  .modal-body
  .repairservice_form
  .repair_service_right
  .passcode_pin_tabs {
  padding-top: 10px;
}
.common_modal
  .modal-body
  .repairservice_form
  .repair_service_right
  .passcode_pin_tabs
  ul.repair_patteren_pin_tabs {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.common_modal
  .modal-body
  .repairservice_form
  .repair_service_right
  .passcode_pin_tabs
  ul.repair_patteren_pin_tabs
  li {
  text-align: center;
  display: inline-flex;
  width: 50%;
}
.common_modal
  .modal-body
  .repairservice_form
  .repair_service_right
  .passcode_pin_tabs
  ul.repair_patteren_pin_tabs
  li
  a {
  background: #fff;
  border: 1px solid #e1e6ef;
  color: #007aff;
  font-size: 14px;
  line-height: 28px;
  padding: 5px 20px;
  display: block;
  border-radius: 0px;
  font-weight: 500;
  width: 100%;
}
.common_modal
  .modal-body
  .repairservice_form
  .repair_service_right
  .passcode_pin_tabs
  ul.repair_patteren_pin_tabs
  li:first-child
  a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.common_modal
  .modal-body
  .repairservice_form
  .repair_service_right
  .passcode_pin_tabs
  ul.repair_patteren_pin_tabs
  li:last-child
  a {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.common_modal
  .modal-body
  .repairservice_form
  .repair_service_right
  .passcode_pin_tabs
  ul.repair_patteren_pin_tabs
  li
  a.active {
  background: #efefef;
  color: #000;
}
.common_modal
  .modal-body
  .repairservice_form
  .repair_service_right
  .passcode_pin_tabs
  .pattern_field {
  display: flex;
  gap: 10px;
}
.common_modal
  .modal-body
  .repairservice_form
  .repair_service_right
  .passcode_pin_tabs
  .pattern_field
  .pattern_box {
  width: 120px;
}
.common_modal
  .modal-body
  .repairservice_form
  .repair_service_right
  .passcode_pin_tabs
  .pattern_field
  .pattern_box
  img {
  width: 100%;
}
.common_modal
  .modal-body
  .repairservice_form
  .repair_service_right
  .passcode_pin_tabs
  .pattern_field
  .pattern_action {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.common_modal
  .modal-body
  .repairservice_form
  .repair_service_right
  .passcode_pin_tabs
  .pattern_field
  .pattern_action
  .pattern_save {
}
.common_modal
  .modal-body
  .repairservice_form
  .repair_service_right
  .passcode_pin_tabs
  .pattern_field
  .pattern_action
  .pattern_save
  button {
  background: #33b938;
  padding: 8px 30px;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  font-weight: 600;
  border: 0px;
  border-radius: 5px;
}
.common_modal
  .modal-body
  .repairchecklist_form
  .checklist_addtional_item
  .checklist_checkbox
  .checkbox
  label {
  font-size: 13px;
  line-height: 16px;
}
.common_modal
  .modal-body
  .repairchecklist_form
  .checklist_addtional_item
  .checklist_checkbox
  .checkbox
  label
  input[type="checkbox"] {
  border: 1px solid #e5e7eb;
  vertical-align: middle;
  margin-right: 4px;
  width: 20px;
  height: 20px;
}
.common_modal
  .modal-body
  .repairchecklist_form
  .checklist_addtional_item
  .checklist_checkbox {
  display: flex;
  overflow-y: scroll;
}
.common_modal .modal-body .manage_service_form .cus_device_search {
}
.common_modal
  .modal-body
  .manage_service_form
  .cus_device_search
  .search_field {
  position: relative;
}
.common_modal
  .modal-body
  .manage_service_form
  .cus_device_search
  .search_field
  input {
  background: #fff;
  border: 1px solid #cbcbcb;
  border-radius: 6px;
  color: #888888;
  width: auto;
}
.common_modal .modal-body .manage_service_form .cus_device_list {
  margin: 20px 0px;
  padding: 16px 0px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  display: flex;
  overflow-y: hidden;
  overflow-x: scroll;
}
.common_modal .modal-body .manage_service_form .cus_device_list button {
  background: #fff;
  border: 0px;
  color: #0184ff;
  font-weight: 600;
  border-radius: 8px;
  display: block;
  text-align: center;
  white-space: nowrap;
}
.common_modal .modal-body .manage_service_form .cus_device_list button:hover,
.common_modal .modal-body .manage_service_form .cus_device_list button.active {
  background: #c5e6ff;
  color: #0070d9;
}
.common_modal
  .modal-body
  .manage_service_form
  .cus_device_model_list
  .model_column
  .prod_category {
}
.common_modal
  .modal-body
  .manage_service_form
  .cus_device_model_list
  .model_column
  .prod_list {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 2px 5px;
}
.common_modal
  .modal-body
  .manage_service_form
  .cus_device_model_list
  .model_column
  .prod_list
  ul
  li {
  color: #000;
  white-space: nowrap;
}
.menuitems_modal .modal-header a.addbrand_btn {
  float: right;
  margin: 5px 15px 0px 0px;
  color: #007aff;
}
.menuitems_modal .modal-header a.addbrand_btn i {
  color: #007aff;
}
.menuitems_modal .modal-body .menuitems_form .menuitem_list {
}
.menuitems_modal .modal-body .menuitems_form .menuitem_list ul {
}
.menuitems_modal .modal-body .menuitems_form .menuitem_list ul li {
  color: #130f26;
  border-bottom: 1px solid #e7e7e7;
}
.menuitems_modal
  .modal-body
  .menuitems_form
  .menuitem_list
  ul
  li.mainitem.active
  > i:before,
.menuitems_modal
  .modal-body
  .menuitems_form
  .menuitem_list
  ul
  li.mainitem
  ul.submenu
  li.subitem.active
  > i:before {
  content: "\f107";
}
.menuitems_modal
  .modal-body
  .menuitems_form
  .menuitem_list
  ul
  li.mainitem:first-child {
  border-top: 1px solid #e7e7e7;
}
.menuitems_modal .modal-body .menuitems_form .menuitem_list ul li:last-child {
  border-bottom: 0px;
}
.menuitems_modal
  .modal-body
  .menuitems_form
  .menuitem_list
  ul
  li.mainitem
  ul.submenu,
.menuitems_modal
  .modal-body
  .menuitems_form
  .menuitem_list
  ul
  li.mainitem
  ul.submenu
  li
  ul.sub_submenu {
  border-top: 1px solid #e7e7e7;
}
.menuitems_modal
  .modal-body
  .menuitems_form
  .menuitem_list
  ul
  li.mainitem
  a.menu_modal {
  float: right;
  color: #007aff;
  margin-top: 3px;
}
.menuitems_modal
  .modal-body
  .menuitems_form
  .menuitem_list
  ul
  li.mainitem
  a.menu_modal
  i {
  margin-right: 0px;
}
.menuitems_modal
  .modal-body
  .menuitems_form
  .menuitem_list
  ul
  li.mainitem
  ul.submenu
  li
  ul.sub_submenu
  li
  a {
  float: right;
}
.common_modal .modal-body .addcustom_form .submit_modal_btn {
  margin-top: 15px;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.common_modal .modal-body .addcustom_form .submit_modal_btn button {
  font-weight: 600;
}
.common_modal .modal-body .addcustom_form .submit_modal_btn button.cancel_btn {
  background: #fff;
  border: 1px solid #bfc4d7;
  color: #abadb5;
}
.common_modal .modal-body .addcustom_form .submit_modal_btn button.theme_btn {
  background: #1b54fe;
  color: #fff;
  border: 1px solid #1b54fe;
}
.common_modal .modal-body .editrepairproduct_form .add_repair_service_btn {
  text-align: right;
  margin-bottom: 10px;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .add_repair_service_btn
  button {
  background: #1b54fe;
  color: #fff;
  border-radius: 3px;
  border: 0px;
}
.common_modal .modal-body .editrepairproduct_form form.cus_form {
  display: flex;
}
.common_modal .modal-body .editrepairproduct_form .repair_service_left,
.common_modal .modal-body .editrepairproduct_form .repair_service_right {
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table {
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table {
  border: 0px;
  margin: 0px;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  thead {
  background: transparent;
  border: 0px;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  thead
  tr
  th {
  font-weight: bold;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  thead
  tr
  th,
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tbody
  tr
  td {
  border-bottom: 1px solid #ececec;
  color: #130f26;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tbody
  tr
  td {
  font-weight: 400;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tbody
  tr
  td
  span.main_td_heading {
  color: #130f26;
  font-weight: 400;
  border-bottom: 1px solid #ececec;
  display: block;
  cursor: pointer;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tbody
  tr
  td
  span.main_td_heading
  i {
  margin-right: 10px;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tbody
  tr
  td.main_td.active
  span.main_td_heading
  i {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transform: rotate(90deg);
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  thead
  tr
  th {
  width: 82px;
  text-align: center;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  thead
  tr
  th:first-child {
  width: 220px;
  text-align: left;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tbody
  tr
  td.main_td {
  padding: 0px;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tbody
  tr
  td.main_td
  table {
  display: none;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tbody
  tr
  td.main_td.active
  table {
  display: block;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tbody
  tr
  td.main_td
  table
  tbody
  tr
  td {
  width: 80px;
  text-align: center;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tbody
  tr
  td.main_td
  table
  tbody
  tr
  td:first-child {
  width: 40px;
  text-align: left;
  padding: 10px 5px;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tbody
  tr
  td.main_td
  table
  tbody
  tr
  td:nth-child(2) {
  width: 220px;
  text-align: left;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tbody
  tr
  td.main_td
  table
  tbody
  tr
  td
  .checkbox
  input[type="checkbox"] {
  width: 20px;
  height: 20px;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tbody
  tr
  td.main_td
  table
  tbody
  tr
  td.td_input_field
  input {
  width: 64px;
  height: 30px;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  text-align: center;
  font-size: 13px;
  line-height: 18px;
  color: #130f26;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tbody
  tr
  td.main_td
  table
  tbody
  tr
  td
  .rep_prod_action_btn {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tfoot {
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tfoot
  tr
  td {
  border-bottom: 1px solid #ececec;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tfoot
  tr
  td:last-child {
  text-align: right;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tfoot
  tr
  td
  button.add_item_btn {
  background: #c5e6ff;
  font-size: 12px;
  line-height: 24px;
  padding: 4px 32px;
  border-radius: 3px;
  color: #0070d9;
}
.common_modal
  .modal-body
  .editrepairproduct_form
  .repair_service_right
  .repair_product_table
  table.table
  tfoot
  tr
  td
  button.save_item_btn {
  background: #33b938;
  font-size: 10px;
  line-height: 16px;
  padding: 10px 16px;
  border-radius: 3px;
  color: #fff;
}

.ticket_filter .ticket_filter_col .tkt_counter_col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 7px;
  background: #fff;
  border: 1px solid #e5e7eb;
}
.ticket_filter .ticket_filter_col .tkt_counter_col .counter_text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.ticket_filter .ticket_filter_col .tkt_counter_col .counter_text p {
  color: #a3aed0;
  margin: 0px;
  font-weight: 500;
}
.ticket_filter .ticket_filter_col .tkt_counter_col .counter_text .tkt_badge {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.ticket_filter
  .ticket_filter_col
  .tkt_counter_col
  .counter_text
  .tkt_badge
  .tkt_val {
  color: #475467;
  margin: 0px;
  font-weight: bold;
}
.ticket_filter
  .ticket_filter_col
  .tkt_counter_col
  .counter_text
  .tkt_badge
  .cus_badge {
  display: inline-flex;
  border-radius: 58px;
  text-align: center;
  font-style: normal;
  font-weight: 500;
}
.ticket_filter
  .ticket_filter_col
  .tkt_counter_col
  .counter_text
  .tkt_badge
  .green_badge {
  background: rgba(5, 205, 153, 0.1);
  color: #05cd99;
}
.ticket_filter
  .ticket_filter_col
  .tkt_counter_col
  .counter_text
  .tkt_badge
  .red_badge {
  background: rgba(227, 26, 26, 0.1);
  color: #e31a1a;
}
.main-content .filter_by_date {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 7px;
  margin: 10px 0px 0px;
}
.main-content .filter_by_date .filter_left ul {
  display: flex;
  align-items: center;
}
.main-content .filter_by_date .filter_left ul li {
}
.main-content .filter_by_date .filter_left ul li a {
  border-radius: 5px;
  color: #475467;
  font-weight: bold;
}
.main-content .filter_by_date .filter_left ul li a.active,
.main-content .filter_by_date .filter_left ul li a:hover {
  background: #e7e7e7;
}
.main-content .filter_by_date .filter_right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.main-content .filter_by_date .filter_right .filter_btns {
  display: flex;
  gap: 15px;
}
.main-content .filter_by_date .filter_right .filter_btns button.more_filter {
  background: #fff;
  border: 1px solid #e5e7eb;
  color: #727272;
  font-weight: 400;
  border-radius: 5px;
}
.main-content .filter_by_date .filter_right .filter_btns button.calendarview {
  background: #e28e39;
  border: 1px solid transparent;
  color: #fff;
  font-weight: 500;
  border-radius: 5px;
}

.purchase_order_table .selectPlusnew .search_field_dropdown {
  position: relative;
}
.purchase_order_table .selectPlusnew .search_field {
  position: relative;
}
.purchase_order_table .selectPlusnew .search_field input {
  background: #ffffff;
  color: #404040;
  font-weight: 500;
  border-radius: 5px;
  border: 1.5px solid #eeeeee;
  box-shadow: 0px 1.5px 1.5px 0px #00000040;
}