:root {
	--theme: #000;
	--primary: #00757E;
	--lgray: #f5f5f5;
  }
  html, body {
	  height: 100%;
  }
  @font-face {
	  font-family: "SF Pro Display";
	  src: url("../../assets/sf-pro-font/SFPRODISPLAYBOLD.OTF") format("opentype");
	  font-weight: bold;
  }
  @font-face {
	  font-family: "SF Pro Display";
	  src: url("../../assets/sf-pro-font/SFPRODISPLAYMEDIUM.OTF") format("opentype");
	  font-weight: 500;
  }
  @font-face {
	  font-family: "SF Pro Display";
	  src: url("../../assets/sf-pro-font/SFPRODISPLAYREGULAR.OTF") format("opentype");
	  font-weight: normal;
  }
  * {
	  margin: 0;
	  padding: 0;
  }
  body {
	  font-size: 16px;
	  font-family: 'Poppins', sans-serif;
	  display: flex;
  }
  .form-control:focus {
	  outline: none;
	  box-shadow: none;
  }
  .form-control.lg {height: 50px}
  .shadow-md {box-shadow: 0px 0px 3px #C7C7C7B7;}
  .rounded-md {border-radius: 10px !important;}
  .rounded-lg {border-radius: 15px !important;}
  .font-lt {font-weight: 300}
  .font-rg {font-weight: 400}
  .font-md {font-weight: 500}
  .font-sb {font-weight: 600}
  .font-bd {font-weight: 700}
  .font-xb {font-weight: 800}
  .bg-theme {background: transparent linear-gradient(180deg, #DD6F77 0%, #B869B3 20%, #A767CF 43%, #8A87F4 71%, #80D2F0 100%) 0% 0% no-repeat padding-box}
  .bg-lgray {background: var(--lgray) !important}
  .fs-8 {font-size: 8px; margin-left: 8px }
  .size-10 {font-size: 10px}
  .size-11 {font-size: 11px}
  .size-12 {font-size: 12px}
  .size-13 {font-size: 13px}
  .size-14 {font-size: 14px}
  .size-15 {font-size: 15px}
  .size-17 {font-size: 17px}
  .size-18 {font-size: 18px}
  .size-19 {font-size: 19px}
  .size-20 {font-size: 20px !important}
  .bg-image {
	  background-image: url('../../assets/image/background-img.jpg');
	  background-position: top center;
	  background-repeat: no-repeat;
	  background-size: cover;
  }
  .logo-text {
	  font: normal normal bold 32px/48px Poppins;
  }
  .fullPageWrapper_right .card-header img {
	  width: 150px;
  }
  .box-shadow-3:last-child {
	  margin-bottom: 0;
  }
  .f-15 {
	  font: normal normal 500 15px/23px Poppins;
  }
  .f-32 {
	  font: normal normal bold 32px/39px Poppins;
	  letter-spacing: 0.64px;
	  color: #000000E5;
  }
  .wh-46 {
	  width: 46px;
	  height: 46px;
	  border-radius: 50%;
	  object-fit: cover;
  }
  .lh-none {line-height: 1.25}
  .btn {
	  border-radius: 5px;
	  border: 1px solid;
	  font-size: 15px;
	  line-height: 26px;
	  color: #FFFFFF;
	  transition: all ease-in-out .2s;
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }
  .btn:hover {
	  color: #ffffff;
  }
  .btn-primary {
	  background: #00757F;
	  border-radius: 15px;
	  color: #fff;
	  border-radius: 5px !important
  }
  .btn-primary:hover {
	  background: transparent;
	  border-color: #00757F;
	  color: #00757F !important
  }
  /* DataTables के empty message को center करने के लिए */
table.dataTable tbody td.dataTables_empty {
    text-align: center !important;
    vertical-align: middle !important;
    padding: 20px;
    font-weight: 500;
}

  .btn-theme {
	  background: #00757F;
  }
  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
  .btn-primary.focus, .btn-primary:focus {
	  color: #fff !important;
	  background-color: #00757F !important;
	  border-color: #00757F !important;
		  box-shadow: none !important;
		  outline: none
  }
  .btn-primary:hover {
	  color: #fff;
  }
  .btn-secondary {
	  border-color: #000000;
	  background-color: #fff;
	  color: #000000;
  }
  .btn-secondary:hover {
	  border-color: #000;
	  background: #000;
	  color: #fff;
  }
  .btn-back {
	  min-height: 50px;
	  min-width: 141px;
	  font: normal normal normal 15px/36px Poppins;
  }
  .btn-md {
	  height: 50px;
	  min-width: 160px;
  }
  a:hover {
	  text-decoration: none;
  }
  h2 {
	  font-size: 24px;
	  font-weight: 600;
	  line-height: 33px;
  }
  .login-btn {
	  width: 100%;
  }
  .flex-center {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  height: 100vh;
  }
  .common_box {
	  /* border-radius: 20px; */
	  max-width: 480px;
	  width: 100%;
	  margin: auto;
  }
  .common_box_header {
	  background-color: #fff;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  padding: 10px 20px;
	  border-top-right-radius: 20px !important;
	  border-top-left-radius: 20px !important;
	  flex-direction: column;
  }
  .common_box_header h4 {
	  font-size: 1.2rem;
	  line-height: 1.6rem;
  }
  .common_box_body {
	  padding: 45px 40px 35px;
  }
  .custom_form .form-group {
	  margin-bottom: 30px;
	  position: relative;
  }
  .custom_form .form-group label {
	  background: #fff;
	  padding: 0 5px;
	  position: absolute;
	  z-index: 1;
	  left: 15px;
	  top: -9px;
  }
  .cf_label {
	  font-size: 12px;
	  line-height: 18px;
	  color: #000;
	  margin-bottom: 4px;
  }
  .cf_input {
	  font-size: 14px;
	  line-height: 21px;
	  color: #000;
	  min-height: 56px;
	  border-radius: 15px;
	  padding: 12px 20px;
	  border: 1px solid #4A4F57;
  }
  .cf_label_2 {
	  font: normal normal normal 16px/19px SF Pro Display;
	  letter-spacing: 0.21px;
	  color: rgb(36 39 44 / 42%);
	  margin-bottom: 4px;
  }
  .cf_input_2 {
	  font: normal normal normal 16px/25px SF Pro Display;
	  letter-spacing: 0.27px;
	  color: #000;
	  min-height: 48px;
	  padding: 12px 20px;
	  /* border: 2px solid rgb(49 49 49 / 33%); */
	  /* border-radius: 11px; */
  }
  .cf_input_3 {
	  font: normal normal normal 16px/25px SF Pro Display;
	  letter-spacing: 0.27px;
	  color: #24272C;
	  min-height: 45px;
	  padding: 12px 20px;
	  /* border: 1px solid rgb(49 49 49 / 33%); */
	  /* border-radius: 5px; */
  }
  .cf_input_4 {
	  font: normal normal 500 13px/18px Montserrat;
	  letter-spacing: 0.27px;
	  color: #24272C;
	  min-height: 51px;
	  padding: 12px 20px;
	  border: 1px solid #C1C1C1;
	  border-radius: 11px;
  }
  textarea::-webkit-scrollbar {
	  width: 0;
  }
  .cf_textarea {
	  min-height: 220px;
	  background-color: #FFFFFF;
	  border: 1px solid #C1C1C1;
	  /* border-radius: 15px; */
	  padding: 16px;
	  font: normal normal normal 14px/18px Poppins;
	  color: #000;
  }
  .cf_textarea_2 {
	  font: normal normal normal 14px/22px Poppins;
	  color: rgb(0 0 0 / 51%);
	  min-height: 189px;
	  padding: 12px 20px;
	  background-color: #FFFFFF57;
	  /* border: 1px solid #707070; */
	  border-radius: 5px;
  }
  .cf_textarea_3 {
	  font: normal normal normal 18px/24px SF Pro Display;
	  letter-spacing: 0.26px;
	  color: #24272C;
	  min-height: 166px;
	  padding: 12px 20px;
	  /* border: 2px solid rgb(49 49 49 / 33%); */
	  /* border-radius: 11px; */
  }
  .forgot-pass {
	  font-size: 15px;
	  color: #000;
	  font-weight: 500;
  }
  .pos-r {
	  position: relative;
  }
  .pos-r img {
	  position: absolute;
	  right: 20px;
	  top: 50%;
	  transform: translateY(-50%);
	  cursor: pointer;
	  filter: brightness(0);
  }
  .custom-hr {
	  background: #BFBFBF 0% 0% no-repeat padding-box;
	  border-radius: 5px;
	  opacity: 0.39;
	  margin: 0;
	  height: 11px;
  }
  /* change password css */
  .change-password-wrapper .common_box_body {
	  padding: 20px 40px;
  }
  /* modal css */
  /* .modal-dialog { */
	  /* max-width: 480px; */
  /* } */
  .modal-custom-652 {
	  max-width: 652px;
  }
  .modal-custom-652 .common_box {
	  max-width: 100%;
  }
  .modal-custom-652 .common_box .common_box_modal_body {
	  padding: 36px 62px 60px;
  }
  .modal-custom-652 .modal-form-btn-group .btn {
	  width: 50%;
  }
  .modal-custom-652 .btn-groups-horizontal .btn-thin:not(:last-child) {
	  margin-right: 34px;
  }
  .modal-custom-416 {
	  max-width: 416px;
  }
  .modal-custom-md {
	  max-width: 318px;
  }
  .modal-custom-sm {
	  max-width: 274px;
  }
  .modal-content,
  .modal-body {
	  background-color: transparent;
	  box-shadow: none;
	  border: 0;
  }
  .modal-body {
	  position: relative;
  }
  .modal-body .close {
	  width: 40px;
	  height: 40px;
	  background-color: #fff;
	  border-radius: 50%;
	  opacity: 1;
	  border: 1px solid #000000;
	  position: absolute;
	  z-index: 1;
	  right: -14px;
	  top: -11px;
	  font-weight: 400;
  }
  .verification-msg {
	  font-size: 17px;
	  line-height: 26px;
	  text-transform: capitalize;
	  color: #000;
	  font-size: .9375rem;
	  line-height: 1.5;
  }
  .otp-group {
	  display: flex;
	  justify-content: center;
  }
  .otp-group .cf_input {
	  width: 53px;
	  height: 53px;
	  font-size: 28px;
	  text-align: center;
	  border: none;
	  background: #f3f6fa;
	  border-radius: 10px;
	  color: #181D2D;
  }
  /* Dashboard page css */
  .columnWrapper {
	  display: flex;
	  flex-wrap: wrap;
	  width: 100%;
  }
  .left-sidebar {
	  background-color: #F3F4F6;
	  max-width: 300px;
	  width: 100%;
	  position: fixed;
	  height: 100vh;
	  left: 0;
	  transition: all .3s ease;
  }
body.hideSideBar .left-sidebar {
    left: -300px;
}

body.hideSideBar div#mainPart {
	padding-left: 0;
}
  .navbar-brand {
	  height: 90px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  color: #000;
  }
  .navbar-brand img {
	  width: 130px;
  }
  .navbar-brand .logo-text {
	  font: normal normal 900 20px/30px Poppins;
	  position: relative;
	  padding-bottom: 10px;
  }
  .sideNavBar {
	  display: flex;
	  flex-direction: column;
	  padding: 0;
  }
  .navbar-brand .logo-text::before {
	  position: absolute;
	  content: '';
	  width: 75px;
	  height: 6px;
	  background-color: #000000;
	  border-radius: 3px;
	  bottom: 0;
	  right: 0;
	  left: 0;
	  margin: auto
  }
  .navbar-nav .nav-link {
	  padding: 15px 24px;
	  font-size: 14px;
	  line-height: 20px;
	  letter-spacing: 0.56px;
	  color: #000;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
  }
  .navbar-nav .nav-link:hover,
  .nav-link.active {
	  color: #fff;
	  background: #00757E;
  }
  .nav-text {
	  text-overflow: ellipsis;
	  overflow: hidden;
	  white-space: nowrap;
	  max-width: 210px;
  }
  div#mainPart {
	  width: calc(100% - 300px);
	  width: 100%;
	  float: right;
	  padding-left: 300px;
	  background-color: #fff;
	  transition: all .3s ease;
  }
  .main-content-header {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  padding: 8px 34px;
	  height: 90px;
	  background-color: #fff;
	  box-shadow: 2px 0px 3px rgb(0 0 0 / 25%);
	  /* z-index: initial; */
  }
  .mch-right-items {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
  }
  .user-btn {
	  border: 0;
	  background-color: transparent;
	  padding: 0;
  }
  .user-btn img {
	  border: 2px solid #fff;
	  border-radius: 50%;
	  width: 50px;
	  height: 50px;
  }
  .user-btn::after {
	  content: none;
  }
  .select2 .select2-selection {
	  display: flex;
	  align-items: center;
  }
  .default+.select2 .select2-selection {
	  height: 48px;
	  border-radius: 11px;
	  padding-left: 6px;
	  padding-right: 6px;
  }
  .select2 .select2-selection .select2-selection__arrow {
	  position: relative;
	  margin-left: auto;
  }
  .lag-dropdown .select2-selection {
	  height: 48px;
	  background: url(../image/language.svg) no-repeat center left 8px;
	  padding-left: 38px !important;
  }
  .select2-dropdown.simple {
	  border-radius: 10px;
  }
  .select2-dropdown.simple .select2-results {
	  padding: 8px 0 !important;
  }
  .select2-dropdown.simple .select2-results__option--selectable {
	  padding: 6px 15px !important;
	  background: transparent;
	  color: #000;
  }
  .select2-dropdown.simple .select2-results__option--selected {
	  color: var(--primary);
  }
  .user-dropmenu.show {
	  display: block !important;
	  transform: none !important;
	  padding: 0;
	  box-shadow: 0px 1px 6px rgb(0 0 0 / 30%);
	  border: 0;
	  border-radius: 9px;
	  overflow: hidden;
	  right: 0;
	  left: auto!important;
	  top: 50px!important;
  }
  .user-dropmenu a.dropdown-item {
	  font-size: 14px;
	  line-height: 20px;
	  letter-spacing: 0.56px;
	  font-weight: 500;
	  padding: 8px 19px;
  }
  .main-content-body {
	  padding: 30px 38px 38px;
	  position: relative;
  }
  .serviceItems {
	  box-shadow: 0px 2px 8px #00A6E614;
	  border-radius: 15px;
  }
  span.serviceItemsName {
	  font-size: 16px;
	  line-height: 24px;
  }
  .serviceItems_left h3 {
	  font-size: 36px;
	  line-height: 48px;
	  font-weight: bold;
	  margin-top: 24px;
	  letter-spacing: 0.72px;
	  color: #000000E5;
  }
  .service-counter {
	  margin-top: 35px;
	  display: flex;
	  justify-content: space-between;
  }
  .serviceItems {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  padding: 31px 16px 16px 22px;
	  background-color: #fff;
  }
  .small-info h3 {
	  font-size: 26px;
	  margin-top: 36px;
	  margin-bottom: 0;
	  line-height: 36px;
  }
  .small-info {
	  padding: 31px 16px 19px 22px;
  }
  .serviceItems.view-user-box {
	  padding: 16px 20px;
  }
  .serviceItems.view-user-box h3 {
	  font: normal normal 600 16px/20px Poppins;
	  letter-spacing: 0.64px;
	  margin-top: 6px;
	  margin-bottom: 0;
  }
  .serviceItems.view-user-box .serviceItemsName {
	  font: normal normal normal 14px/30px Poppins;
	  letter-spacing: 0.56px;
  }
  a.filter-view {
	  border: 1px solid #707070;
	  border-radius: 8px;
	  font: normal normal 600 14px/18px Poppins;
	  letter-spacing: 0.56px;
	  color: #000000;
	  padding: 8px 12px;
	  cursor: pointer;
  }
  a.filter-view:hover {
	  text-decoration: none;
  }
  .serviceItems .serviceItems_left {
	  width: 100%;
  }
  .dash-common {
	  padding: 30px 0;
  }
  .input-group-prepend,
  .input-group-text {
	  border-top-left-radius: 15px;
	  border-bottom-left-radius: 15px;
	  border-right: 0;
  }
  .common-table-wrapper {
	  margin-top: 22px;
	  display: block;
	  width: 100%;
	  border-radius: 5px;
	  box-shadow: 0px 3px 6px #00000029;
	  background-color: #fff;
	  /* overflow: scroll!important; */
  }
  a.action-icon {
	  cursor: pointer;
	  border-radius: 50%;
	  display: inline-flex;
	  justify-content: center;
	  align-items: center;
  }
  a.action-icon i {
	  color: #321010;
    font-size: 25px;
  }
  .commonRow {
	  justify-content: space-between;
	  display: flex;
	  flex-wrap: wrap;
  }
  .common-head h4 {
	  font-size: 20px;
	  line-height: 30px;
	  margin-bottom: 0;
  }
  .common-head {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  margin-bottom: 19px;
  }
  .btn-outline-pri {
	  border: 1px solid #000000;
	  border-radius: 11px;
	  color: #000;
	  min-height: 38px;
	  font-size: 13px;
	  line-height: 20px;
	  padding: 10px 22px;
	  font-weight: 500;
  }
  .tbl-comm-two {
	  border-collapse: separate;
	  border-spacing: 0px 1.1rem !important;
  }
  .tbl-comm-two tr td {
	  border: 0;
	  border-top: solid 1px #707070 !important;
	  border-bottom: solid 1px #707070;
	  padding: 20px 10px;
  }
  .tbl-comm-two tr td:first-child {
	  border: solid 1px #707070;
	  border-right: 0;
	  border-top-left-radius: 10px;
	  border-bottom-left-radius: 10px;
  }
  .tbl-comm-two tr td:last-child {
	  border: solid 1px #707070;
	  border-left: 0;
	  border-top-right-radius: 10px;
	  border-bottom-right-radius: 10px;
  }
  .rst-tr .btn-primary {
	  min-height: 43px;
	  border-radius: 9px;
	  margin: 7px 0;
  }
  .tbl-comm-two tr td:nth-child(6) {
	  width: 164px;
  }
  table.dataTable th:first-child,
  table.dataTable td:first-child {
	  text-align: left
  }
  .btn-groups-horizontal .btn-thin {
	  min-height: 38px !important;
	  font-size: 12px;
	  line-height: 20px;
	  padding: 7px 17px;
	  min-width: 92px;
  }
  .btn-groups-horizontal .btn-thin i {
	  font-size: 12px;
	  margin-right: 10px;
	  line-height: 18px;
	  vertical-align: middle;
  }
  .btn-groups-horizontal .btn-thin:not(:last-child) {
	  margin-right: 16px;
  }
  .btn-groups-horizontal {
	  margin-top: 10px;
	  display: flex;
  }
  a.btn.btn-thin.dropdown-toggle::after {
	  content: none;
  }
  .mch-left-items p {
	  font-size: 14px;
	  line-height: 21px;
	  color: rgb(0 0 0 / 49%);
  }
  .logout-card .btn-groups-horizontal .btn-thin {
	  border-radius: 5px;
	  min-height: 40px;
	  font-size: 14px;
	  line-height: 21px;
  }
  button.note-btn.btn {
	  color: #000;
	  border: 0;
	  border-radius: 0;
	  min-height: auto;
	  width: auto;
	  background: transparent;
  }
  .note-editor {
	  border: 1px solid rgb(49 49 49 / 33%) !important;
	  /* border-radius: 11px; */
  }
  .note-toolbar {
	  border-bottom: 1px solid rgb(49 49 49 / 33%) !important;
	  padding: 0 !important;
  }
  .note-editor .note-toolbar>.note-btn-group {
	  margin-top: 0 !important;
	  margin-left: 0 !important;
	  margin-right: 0 !important;
	  /* padding: 5px 10px; */
  }
  .note-editor .note-toolbar>.note-btn-group,
  .note-btn-group .note-btn[aria-label="Link (CTRL+K)"] {
	  /* display: none; */
  }
  .note-editor button.note-btn.btn.btn-default.btn-sm {
	  background-color: #8F8F8F;
	  width: 41px;
	  height: 41px;
	  margin-right: 10px;
	  color: #fff;
	  border-radius: 7px;
  }
  .note-editor .note-btn-group.note-insert {
	  /* display: block; */
  }
  .note-editor .note-btn-group.note-insert button {
	  /* background-color: #8f8f8f; */
	  padding: 5px;
	  /* color: #fff; */
	  border-radius: 8px !important;
	  width: 35px;
	  height: 35px;
  }
  .note-editor .note-btn-group.note-insert button {
	  margin-right: 8px !important;
  }
  .note-editor .note-btn-group.note-insert button {
	  background-color: #fff;
	  color: #000;
	  width: auto;
	  height: auto;
	  border-radius: 0 !important;
	  padding: 5px;
  }
  .note-editor .note-btn-group.note-insert button {
	  margin-right: 0 !important;
  }
  .note-toolbar {
	  padding: 6px !important;
  }
  .note-editor .note-toolbar>.note-btn-group {
	  border: 1px solid #ddd;
	  margin: 0 2.5px !important;
  }
  .note-btn-group .note-btn[aria-label="Link (CTRL+K)"] {
	  display: inline-block;
  }
  .common-table-wrapper table tbody tr:nth-child(odd) {
	  background-color: #FFF;
  }
  .common-table-wrapper table.dataTable.display tbody td {
	  border-top: 0 !important;
  }
  .common-table-wrapper table thead {
	  color: #7E7E7E;
	  border-top: 1px solid rgb(112 112 112 / 30%);
	  border-bottom: 1px solid rgb(112 112 112 / 30%);
  }
  .common-table-wrapper table thead th {
	  font-size: 18px;
	  line-height: 20px;
	  font-weight: 300;
	  padding: 16px 16px 12px 16px;
	  text-align: center;
  }
  .common-table-wrapper table tbody td {
	  font-size: 14px;
	  line-height: 20px;
	  font-weight: 500;
	  padding: 16px 16px 12px 16px;
	  /* text-align: center; */
	  letter-spacing: 0.16px;
	  color: #24272C;
  }
  .common-table-wrapper table thead th:first-child {
	  padding-left: 8px;
	  text-align: left;
  }
  .common-table-wrapper table tbody tr:nth-child(even) {
	  background-color: rgb(183 183 183 / 12%);
  }
  /* .common-table-wrapper table tbody tr:nth-child(even) td {
	  color: rgb(36 39 44 / 55%);
  } */
  .common-table-wrapper table tbody td:first-child {
	  padding-left: 8px;
	  text-align: left;
  }
  .common-table-wrapper table th,
  .common-table-wrapper table td {
	  vertical-align: middle;
	  font-size: 0.875rem;
	  line-height: 1;
	  white-space: nowrap;
  }
  .view-user-head h4 {
	  font-size: 15px;
	  line-height: 24px;
  }
  .my-account-img {
	  width: 132px;
	  height: 132px;
	  border: 2px solid #FFFFFF;
	  border-radius: 50%;
  }
  .my-account-img img {
	  width: 100%;
	  height: 100%;
	  object-fit: contain;
  }
  .my-account-title {
	  font: normal normal bold 16px/25px Poppins;
	  margin-top: 13px;
  }
  a.my-account-cp {
	  color: #000;
	  font: 15px/23px Poppins;
	  max-width: 230px;
	  width: 100%;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
  }
  a.my-account-cp i {
	  font: 15px;
	  line-height: 23px;
	  vertical-align: middle;
  }
  .common-head.view-user-head {
	  margin-bottom: 15px;
  }
  a.logout-link {
	  font-size: 15px;
	  line-height: 23px;
	  color: #000;
	  margin-top: 56px;
	  display: block;
  }
  .my-account-box {
	  box-shadow: 0px 0px 3px #C7C7C7B7;
	  border-radius: 14px;
	  padding: 82px 94px 94px;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
  }
  a.my-account-cp,
  a.logout-link:hover {
	  text-decoration: none;
  }
  .box-shadow-2 {
	  box-shadow: 0px 0px 3px #C7C7C7B7;
	  border-radius: 14px;
	  padding: 26px 29px 50px 19px;
  }
  .box-shadow-2 input {
	  border-radius: 10px;
	  padding: 9px 20px;
	  font-size: 24px;
	  line-height: 15px;
	  font-weight: 900;
  }
  .pos-abs {
	  position: absolute;
	  right: 21px;
	  top: 50%;
	  transform: translateY(-50%);
	  cursor: pointer;
  }
  .change-pass-btn .btn {
	  min-height: 50px;
	  max-width: 163px;
	  width: 100%;
	  font-size: 14px;
	  line-height: 18px;
	  padding: 15px 15px
  }
  .change-pass-btn {
	  margin: 0;
	  margin-top: 50px;
	  display: flex;
	  flex-wrap: nowrap;
	  justify-content: flex-end;
  }
  .change-pass-btn .btn:not(:last-child) {
	  margin-right: 22px;
  }
  ul.filter-dropdown {
	  box-shadow: 0px 3px 6px #00000029;
	  padding: 19px 10px;
	  border-radius: 10px;
	  display: none;
	  position: absolute;
	  top: calc(100% + 10px);
	  right: 20px;
	  z-index: 1030;
	  width: 126px;
  }
  ul.filter-dropdown li {
	  font: normal normal normal 12px/24px Poppins;
	  letter-spacing: 0.48px;
	  color: #000000;
  }
  ul.filter-dropdown li .form-check-input {
	  position: relative;
	  width: 10px;
	  height: 10px;
	  margin-right: 10px;
  }
  ul.filter-dropdown li .form-check-input::before {
	  border: 1px solid #000000;
	  border-radius: 0;
	  width: inherit;
	  height: inherit;
	  vertical-align: middle;
	  content: '';
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  margin: 0;
  }
  .back-to-login {
	  color: rgb(4 4 4 / 31%);
	  margin-top: 12px;
  }
  .text-link {
	  color: #951C35;
  }
  .text-red {
	  color: #C10000;
  }
  .text-primary {color: var(--primary) !important}
  .box-1 {
	  background: #FFFFFF;
	  border-radius: 15px;
	  padding: 20px 14px 20px 24px;
	  border-radius: 5px;
	  border: 1px solid rgba(0, 0, 0, 0.125);
  }
  .small-title {
	  font: normal normal normal 13px/20px Poppins;
	  letter-spacing: 0px;
	  color: #000000;
  }
  .mb-26 {
	  margin-bottom: 26px;
  }
  .px-13 {
	  padding-left: 13px;
	  padding-right: 13px;
  }
  .line-clamp {
	  display: -webkit-box;
	  -webkit-line-clamp: 1;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
  }
  .line-clamp-2 {
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
  }
  .line-clamp-4 {
	  display: -webkit-box;
	  -webkit-line-clamp: 4;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
  }
  .line-clamp-7 {
	  display: -webkit-box;
	  -webkit-line-clamp: 7;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
  }
  #legend {
	  list-style: none;
	  cursor: pointer;
	  padding-left: 0;
  }
  #legend ul {
	  display: flex;
	  flex-direction: column;
	  list-style-type: none;
	  position: absolute;
	  left: 378px;
	  top: 0;
	  bottom: 0;
	  margin: auto;
	  height: 128px;
	  width: 248px;
  }
  #legend li {
	  display: flex;
	  padding: 8px 5px;
	  font-size: 17px;
	  line-height: 14px;
	  color: #272727;
	  margin-bottom: 9px;
	  font-family: 'Poppins';
  }
  #legend li:last-child {
	  margin-bottom: 0;
  }
  #legend li.hidden {
	  text-decoration: line-through;
  }
  #legend li span {
	  height: 19px;
	  margin-right: 7px;
	  width: 100%;
	  vertical-align: middle;
	  max-width: 19px;
  }
  .common_box_modal_body {
	  padding: 29px 37px 36px;
  }
  .modalTitle {
	  font: normal normal 500 18px/25px SF Pro Display;
  }
  .br-10 {
	  border-radius: 10px;
  }
  .common-tabs li {
	  padding: 0 6px;
	  margin-bottom: 10px;
  }
  .common-tabs .nav-link {
	  background-color: #fff;
	  border: 1px solid #000;
	  color: #232323;
	  font: 500 16px/18px Poppins;
	  padding: 13px 30px;
	  border: 1px solid rgba(0, 0, 0, 0.125);
	  border-radius: 11px;
  }
  .common-tabs .nav-link.active {
	  background-color: #000;
	  color: #fff;
  }
  .mb-26 {
	  margin-bottom: 26px;
  }
  .search-form {
	  border: 1px solid #a9a8a896;
	  border-radius: 12px;
  }
  .search-form .form-control {
	  font: normal normal 15px/19px;
	  outline: none;
  }
  .search-form .form-control::placeholder {
	  color: rgb(0 0 0 / 32%);
  }
  .search-form .form-control:active,
  .search-form .form-control:focus {
	  box-shadow: none;
  }
  .filter-drop-toggle {
	  border: 1px solid #00000096;
	  background-color: #fff;
	  width: 37px;
	  height: 37px;
	  border-radius: 9px;
	  padding: 5px;
  }
  .dropleft .filter-drop-toggle::before,
  .filter-drop-toggle::after {
	  content: none;
  }
  .filter-dropdown-menu {
	  box-shadow: 0px 0px 11px #00000029;
	  border-radius: 20px;
	  min-width: 141px;
	  overflow: hidden;
	  z-index: 9999;
  }
  .filter-dropdown-menu a {
	  font: normal normal 500 16px/30px Poppins;
	  letter-spacing: 0px;
	  color: #090909;
	  padding: 3px 15px 3px 22px;
  }
  .action-icon img {
	  width: 21px;
	  height: 21px;
	  object-fit: contain;
  }
  .action-tab .btn {
	  min-width: 71px
  }
  .action-tab .btn:not(:last-child) {
	  margin-right: 12px;
  }
  .btn-approve {
	  border: 1px solid #951C35;
	  background-color: #951C35;
	  border-radius: 6px;
	  color: #fff;
	  height: auto;
	  min-height: 29px;
	  font: normal normal normal 12px/14px SF Pro Display;
	  letter-spacing: 0.16px;
	  padding: 6px 10px;
  }
  .not-completed .btn-approve {
	  border: 1px solid rgb(107 107 107 / 0%);
	  background-color: rgb(107 107 107 / 55%);
	  pointer-events: none;
  }
  .btn-deny {
	  border: 1px solid #951C35;
	  background-color: #fff;
	  border-radius: 6px;
	  color: #951C35;
	  height: auto;
	  min-height: 29px;
	  font: normal normal normal 12px/14px SF Pro Display;
	  letter-spacing: 0.16px;
	  padding: 6px 10px;
  }
  .btn-back {
	  border: 1px solid #232323;
	  background-color: #232323;
	  border-radius: 10px;
	  color: #ffffff;
	  height: auto;
	  min-height: 44px;
	  font: normal normal 500 13px/20px Poppins;
	  padding: 11px 10px;
	  min-width: 73px;
	  min-height: 44px;
  }
  .btn-back:hover {
	  color: #fff;
  }
  .mch-page-info {
	  font: normal normal 600 14px/21px Poppins;
	  color: rgb(0 0 0 / 32%);
  }
  .user-box-wrapper {
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  padding: 30px 30px 42px;
  }
  .user-box-img {
	  width: 75px;
	  height: 75px;
	  border-radius: 50%;
	  object-fit: cover;
  }
  .user-box-name {
	  font: normal normal 500 25px/30px SF Pro Display;
	  letter-spacing: 0.33px;
	  color: #24272C;
	  margin-top: 12px;
  }
  .btn-extra-thin {
	  height: 29px;
	  background-color: #951C35;
	  border-radius: 6px;
	  color: #fff;
	  font: normal normal normal 12px/14px SF Pro Display;
	  letter-spacing: 0.16px;
	  padding: 7px 37px;
	  min-height: auto;
  }
  .btn-box-absolute {
	  position: absolute;
	  top: 0;
	  left: 0;
  }
  .common-box-header-body {
	  border: 1px solid rgb(112 112 112 / 33%);
	  border-radius: 5px;
	  overflow: hidden;
  }
  .cbhb-title {
	  font: normal normal normal 16px/19px SF Pro Display;
	  letter-spacing: 0.21px;
	  color: rgb(36 39 44 / 41%);
  }
  .cbhb-info {
	  font: normal normal normal 18px/22px SF Pro Display;
	  letter-spacing: 0.27px;
	  color: #24272C;
  }
  .cbhb-href {
	  font: normal normal normal 14px/16px SF Pro Display;
	  letter-spacing: 0.18px;
	  color: #2F65BF;
	  text-decoration: underline;
  }
  .cbhb-href:hover {
	  text-decoration: none;
  }
  .common-box-header-body .card-header {
	  padding: 10px 15px !important;
  }
  .common-box-header-body .card-body {
	  padding: 5px 15px 18px !important;
  }
  .cbhb-link-info {
	  font: normal normal normal 14px/16px SF Pro Display;
	  letter-spacing: 0.18px;
	  color: rgb(36 39 44 / 39%);
  }
  .cbhb-link-info img {
	  width: 24px;
	  height: 24px;
	  object-fit: cover;
  }
  .btn-group-new {
	  margin-top: 9px;
  }
  .btn-outline-thin {
	  border: 2px solid #000000;
	  border-radius: 6px;
	  color: #000;
	  min-height: 34px;
	  font: normal normal 500 12px/14px SF Pro Display;
	  letter-spacing: 0.16px;
	  min-width: 101px;
  }
  .btn-outline-thin:not(:last-child) {
	  margin-right: 16px;
  }
  .btn-outline-thin i {
	  font-size: 13px;
	  vertical-align: middle
  }
  .border-style-2 {
	  background-color: #ff9d3908;
	  border: 1px solid #70707036;
	  border-radius: 5px;
	  padding: 24px 23px 32px;
  }
  .btn-outline-48 {
	  border: 2px solid #ee2b32;
	  border-radius: 6px;
	  color: #ee2b32;
	  min-height: 48px !important;
	  font: normal normal 500 14px/16px SF Pro Display;
	  letter-spacing: 0.18px;
	  min-width: 141px;
	  padding: 12px 40px !important
  }
  .btn-outline-48:hover {
	  color: #ee2b32;
  }
  .btn-cancel {
	  border: 1px solid #000;
	  background-color: #fff;
	  color: #000;
  }
  .btn-cancel:hover {
	  color: #951C35;
	  background-color: #fff;
	  border: 1px solid #951C35;
  }
  .table-pagination {
	  padding-top: 30px;
	  text-align: end;
	  padding-right: 35px;
	  display: none;
  }
  .pagi-link {
	  color: #fff;
	  background: #00757F;
	  border-radius: 50px;
	  width: 20px;
	  height: 20px;
	  display: inline-flex;
	  justify-content: center;
	  align-items: center;
	  vertical-align: middle;
  }
  .pagi-link:hover {
	  cursor: pointer;
	  text-decoration: none;
	  color: #fff;
  }
  .pagi-link i {
	  font-size: 20px;
  }
  .table-pagination span {
	  font: normal normal normal 12px/14px SF Pro Display;
	  letter-spacing: 0.16px;
	  color: rgb(36 39 44 / 54%);
	  display: inline-block;
	  padding: 3px 10px;
  }
  .box-line-style {
	  border: 2px solid #7070705E;
	  border-radius: 17px;
	  padding: 23px 28px;
	  background-color: #fff;
	  background-clip: border-box;
	  border: 1px solid rgba(0, 0, 0, 0.125);
	  border-radius: 5px;
	  box-shadow: 0px 3px 6px #00000029;
  }
  .box-line-style_head {
	  font: normal normal bold 16px/19px SF Pro Display;
	  letter-spacing: 0.21px;
	  color: rgb(36 39 44 / 42%);
	  margin-bottom: 17px;
  }
  .box-line-style-2 {
	  border: 2px solid rgb(112 112 112 / 26%);
	  border-radius: 5px;
	  padding: 13px 32px 27px;
	  background-color: #fff;
	  background-clip: border-box;
	  border: 1px solid rgba(0, 0, 0, 0.125);
	  border-radius: 5px;
	  box-shadow: 0px 3px 6px #00000029;
  }
  .common-box-header-body_two {
	  background: #F2F2F2 0% 0% no-repeat padding-box;
	  border: 1px solid #70707047;
	  border-radius: 5px;
  }
  .cbhbt-title {
	  display: block;
	  font: normal normal normal 12px/18px Poppins;
	  letter-spacing: 0px;
	  color: #9D9D9D;
  }
  .cbhbt-info {
	  font: normal normal bold 15px/23px Poppins;
	  letter-spacing: 0px;
	  color: #000000;
	  margin: 4px 0;
  }
  .table-href {
	  letter-spacing: 0.16px;
	  color: #3F76D4;
	  text-transform: lowercase;
	  text-decoration: underline;
  }
  .youtube-all-video-part {
	  height: 101px;
	  border-radius: 20px;
	  flex: 0 0 14.666667%;
	  max-width: 14.666667%;
  }
  .youtube-all-video-part img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  border-radius: 20px;
  }
  .youtube-all-video-content_para.line-clamp {
	  font: normal normal 500 15px/23px Poppins;
  }
  .youtube-all-video-content_href {
	  font: normal normal normal 12px/18px Poppins;
	  color: #0D75DE;
  }
  .doubleborder-switch .custom-control-label::before {
	  border: 5px solid #fff;
	  background-color: #bebebe;
	  width: 64px;
	  height: 34px;
	  border-radius: 17px;
  }
  .doubleborder-switch .custom-control-input:checked~.custom-control-label::before {
	  border: 5px solid #fff;
	  background-color: #616161;
	  width: 64px;
	  height: 34px;
	  border-radius: 17px;
  }
  .doubleborder-switch .custom-control-label::after {
	  width: 17px;
	  height: 17px;
	  background-color: #fff;
	  top: calc(0.25rem + 8px);
	  left: calc(-2.25rem + 10px);
  }
  .doubleborder-switch .custom-control-input:checked~.custom-control-label::after {
	  -webkit-transform: translateX(1.7rem);
	  transform: translateX(1.7rem);
  }
  .youtube-all-video-part .custom-switch {
	  position: absolute;
	  top: 14px;
	  z-index: 999;
	  left: 11px;
  }
  .btn-outline-back {
	  border: 1px solid #951C35;
	  border-radius: 5px;
	  color: #951C35;
	  background-color: #fff;
	  min-height: 46px;
	  width: 128px;
	  padding: 8px 36px;
  }
  .btn-gray {
	  background-color: #951C35;
	  border-radius: 5px;
	  color: #fff;
	  width: 219px;
	  min-height: 57px;
	  font: normal normal 500 16px/30px Poppins;
	  padding: 12px 35px;
  }
  .btn-gray:hover {
	  color: #fff;
  }
  .profile-setting-name {
	  font: normal normal 600 16px/30px Poppins;
	  letter-spacing: 0.64px;
	  margin-bottom: 0;
	  margin-top: 8px;
  }
  .profile-setting-email {
	  font: normal normal 500 16px/30px Poppins;
	  color: rgb(0 0 0 / 33%);
  }
  .profile-setting-img {
	  width: 180px;
	  height: 180px;
	  border-radius: 50%;
	  object-fit: cover;
	  position: relative;
	  overflow: hidden;
  }
  .profile-setting-img .caption {
	  position: absolute;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background: rgba(0,0,0,.6);
	  margin: 0;
	  padding: 15px 0 25px 0;
	  color: #fff;
	  font-size: 12px;
  }
  .btn-cancel-update .btn {
	  width: 179px;
	  min-height: 42px;
  }
  .btn-cancel-update {
	  justify-content: space-between;
  }
  .btn-update {
	  background-color: #951C35;
  }
  .checkbox-circle {
	  width: 54px;
	  height: 54px;
	  border: 2px solid #000;
	  border-radius: 50%;
	  display: flex;
	  margin: auto;
	  justify-content: center;
	  align-items: center;
  }
  .sideNavBar .navbar-nav {
	  max-height: calc(100vh - 90px);
	  overflow-y: auto;
  }
  /* width */
  ::-webkit-scrollbar {
	  width: 6px;
	  padding-right: 10px;
  }
  /* Track */
  ::-webkit-scrollbar-track {
	  background: #f1f1f1;
  }
  /* Handle */
  ::-webkit-scrollbar-thumb {
	  background: #888;
  }
  .sideNavBar .navbar-nav::-webkit-scrollbar-thumb {
	  border-radius: 10px;
	  background: rgb(36 36 36 / 10%);
  }
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
	  background: #555;
  }
  .table-switch {
	  display: inline-block;
  }
  .table-switch .custom-control-label::before {
	  width: 54px;
	  height: 24px;
	  border-radius: 19px;
	  background-color: rgb(97 97 97 / 41%);
	  left: calc(-2.25rem + 2px);
  }
  .availablity-switch .custom-control-label::before {
	  width: 73px;
	  height: 32px;
	  top: -6px;
  }
  .table-switch .custom-control-label::after {
	  width: 17px;
	  height: 16px;
	  top: calc(0.25rem + 4px);
	  left: calc(-2.25rem + 7px);
	  background-color: #fff;
  }
  .availablity-switch .custom-control-label::after {
	  width: 23px;
	  height: 22px;
	  border-radius: 50%;
	  top: 0;
  }
  .table-switch .custom-control-input:checked~.custom-control-label::before {
	  background-color: #ee2b32;
	  border: #616161;
  }
  .custom-switch .custom-control-input:checked~.custom-control-label::after {
	  -webkit-transform: translateX(1.7rem);
	  transform: translateX(1.7rem);
  }
  .custom-switch.sm .custom-control-input:checked~.custom-control-label::after {
	  -webkit-transform: translateX(100%);
	  transform: translateX(100%);
  }
  .availablity-switch .custom-control-input:checked~.custom-control-label::after {
	  -webkit-transform: translateX(2.5rem);
	  transform: translateX(2.5rem);
  }
  .modal-form-btn-group .btn {
	  width: 162px;
	  height: 45px;
  }
  .btn-outline-md {
	  width: 171px;
	  min-height: 55px;
	  background-color: #fff;
	  border: 2px solid #000000;
	  color: #000;
	  border-radius: 13px;
	  font: normal normal 500 15px/18px SF Pro Display;
	  padding: 18px 5px;
  }
  .btn-outline-md:hover {
	  color: #000;
  }
  .btn-outline-sm {
	  width: 115px;
	  min-height: 39px;
	  border: 1px solid #951C35;
	  background-color: #fff;
	  color: #951C35;
	  border-radius: 5px;
	  font: normal normal 500 13px/20px Poppins;
	  padding: 7px 5px;
  }
  .product-managment-box {
	  border: 1px solid rgb(112 112 112 / 25%);
	  border-radius: 27px;
  }
  .product-managment-box-part {
	  text-align: center;
	  padding-top: 25px;
  }
  .product-managment-box-part .custom-switch {
	  position: absolute;
	  left: 14px;
	  top: 14px;
  }
  .product-managment-box-part img {
	  width: 201px;
	  height: 137px;
	  margin: auto;
  }
  .product-managment-box-part .action-btn-wrap {
	  right: 11px;
	  top: 18px;
	  position: absolute;
  }
  .product-managment-box-part .action-btn-wrap img {
	  width: 28px;
	  height: 28px;
  }
  .product-managment-box-content {
	  padding: 0 21px 0;
  }
  .warranty-tag {
	  font: normal normal normal 11px/20px Poppins;
	  color: #9D9D9D;
  }
  .warranty-tag b {
	  color: #000;
  }
  .product-managment-box-title {
	  font: normal normal 600 17px/26px Poppins;
  }
  .product-managment-box-available {
	  font: normal normal 600 12px/20px Poppins;
	  color: rgb(0 0 0 / 25%);
  }
  .product-managment-box-available b {
	  color: #000;
  }
  .product-managment-box-desc {
	  font: normal normal 300 12px/20px Poppins;
	  color: #9D9D9D;
  }
  .btn-55 {
	  width: 161px;
	  height: 47px;
	  border-radius: 5px;
	  border: 1px solid #951C35;
	  font: normal normal 500 15px/12px SF Pro Display;
	  padding: 17px 20px;
	  text-align: center;
  }
  .btn-back {
	  letter-spacing: 0.2px;
	  color: #951C35;
	  background-color: #fff;
  }
  .btn-save {
	  background-color: #951C35;
	  color: #fff;
  }
  .w-125 {
	  width: 125px;
  }
  .image-video-tag {
	  font: normal normal 600 14px/21px Poppins;
	  color: rgb(0 0 0 / 53%);
  }
  .bg-light-purple {
	  background-color: #F3F3F3;
  }
  .image-video-box {
	  padding: 25px 14px 30px 12px;
	  border-radius: 5px;
	  width: 100%;
	  height: 176px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  .image-video-count {
	  position: absolute;
	  left: 10px;
	  top: 10px;
	  background-color: #434343;
	  border-radius: 50%;
	  color: #fff;
	  width: 17px;
	  height: 17px;
	  font: normal normal 500 10px/16px Poppins;
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  .delete-img-product-link {
	  position: absolute;
	  right: 10px;
	  top: 10px;
	  z-index: 9;
  }
  /* .w-20 {
	  width: 20px;
	  height: 20px;
	  border-radius: 50%;
  } */
  .w-20 {
	  width: 20%;
  }
  .w-25 {
	  width: 25%;
  }
  .add-img-product-link i {
	  color: #434343;
	  font-size: 50px;
  }
  .br-17 {
	  border-radius: 17px;
  }
  .file-upload-content {
	  background: #F3F3F3 0% 0% no-repeat padding-box;
	  border: 1px solid #ced4da;
	  border-radius: 5px;
	  display: flex;
	  justify-content: space-between;
	  padding: 16px 18px 16px 26px;
	  align-items: center;
  }
  .file-upload-content p {
	  font: normal normal 500 16px/25px Poppins;
	  color: #010101;
  }
  .mb-19 {
	  margin-bottom: 19px;
  }
  .product-availablity {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  background-color: rgb(223 223 223 / 39%);
	  border-radius: 15px;
	  padding: 17px 20px 17px 29px;
  }
  .product-availablity h3 {
	  font: normal normal 600 14px/21px Poppins;
	  margin-bottom: 0;
  }
  .availablity-switch label {
	  font: normal normal 600 20px/24px SF Pro Display;
	  letter-spacing: 0.26px;
	  color: #24272C;
  }
  .availablity-switch .custom-control-input,
  .availablity-switch .custom-control-label {
	  position: unset;
	  margin-left: -100px;
	  vertical-align: middle;
  }
  .dataTables_wrapper .row:nth-child(2) {
	  overflow: auto;
  }
  .dataTables_wrapper .row:first-child,
  .dataTables_wrapper .row:last-child {
	  display: none;
  }
  .dataTables_wrapper table.dataTable thead th:first-child {
	  text-align: left;
  }
  .dataTables_wrapper table.dataTable thead th {
	  color: #000;
	  border-top: 0;
	  border-bottom: 0;
	  font-weight: 500;
	  /* background: transparent linear-gradient(180deg, #DD6F77 0%, #B869B3 20%, #A767CF 43%, #8A87F4 71%, #80D2F0 100%) 0% 0% no-repeat padding-box; */
	  padding: 24px 25px !important;
  }
  table.dataTable.text-center thead th, table.dataTable.text-center thead td, table.dataTable.text-center tfoot th, table.dataTable.text-center tfoot td {
	  text-align: center;
  }
  .dataTables_wrapper table.dataTable tbody td {
	  padding: 18px 25px !important;
  }
  .dataTables_wrapper table.dataTable tbody td:first-child {padding-left: 25px !important}
  .dataTables_wrapper table.dataTable tbody td:last-child {padding-right: 25px !important}
  .view-order-row,
  .track-order-row {
	  /* border: 1px solid rgb(112 112 112 / 34%); */
	  border-radius: 5px;
	  padding: 23px 25px 26px;
	  background-color: #fff;
	  background-clip: border-box;
	  border: 1px px solid rgba(0, 0, 0, 0.125);
	  border-radius: 5px;
	  box-shadow: 0px 3px 6px #00000029;
  }
  .view-order-box h5 {
	  font: normal normal normal 16px/19px SF Pro Display;
	  letter-spacing: 0.21px;
	  color: rgb(36 39 44 / 46%);
  }
  .view-order-box p {
	  font: normal normal normal 18px/25px SF Pro Display;
	  letter-spacing: 0.27px;
	  color: #24272C;
  }
  .view-order-box .pending {
	  color: #fff;
	  background-color: #B7A02D;
	  border-radius: 18px;
	  text-align: center;
	  font-size: 14px;
  }
  .view-order-box .rejected {
	  color: #fff;
	  background-color: #B72D2D;
	  border-radius: 18px;
	  text-align: center;
	  font-size: 14px;
  }
  .view-order-box .accepted {
	  color: #fff;
	  background-color: #349D20;
	  border-radius: 18px;
	  text-align: center;
	  font-size: 14px;
  }
  .view-items {
	  background-color: #F6F6F6;
	  /* border: 0; */
	  border-radius: 14px;
	  padding: 38px 20px;
	  font: normal normal normal 21px/25px SF Pro Display;
	  letter-spacing: 0.27px;
	  color: #24272C;
	  background-color: #fff;
	  background-clip: border-box;
	  border: 1px solid rgba(0, 0, 0, 0.125);
	  border-radius: 5px;
	  box-shadow: 0px 3px 6px #00000029;
  }
  .view-product-img {
	  width: 60px;
	  height: 60px;
	  border-radius: 10px;
  }
  .common-table-wrapper table tfoot th {
	  border-top: 1px solid #000;
	  padding: 20px 0 10px;
  }
  .table-heading {
	  font: normal normal normal 16px/19px SF Pro Display;
	  letter-spacing: 0.21px;
	  color: rgb(36 39 44 / 41%);
	  margin-bottom: 15px;
  }
  .track-order-title {
	  font: normal normal bold 17px/20px SF Pro Display;
	  letter-spacing: 0.22px;
	  color: #24272C;
	  margin-bottom: 2px;
  }
  .track-order-date {
	  font: normal normal 600 17px/20px SF Pro Display;
	  letter-spacing: 0.22px;
	  color: rgb(36 39 44 / 42%);
  }
  .track-order-info {
	  font: normal normal 600 13px/15px SF Pro Display;
	  letter-spacing: 0.17px;
	  color: rgb(36 39 44 / 38%);
  }
  .track-order-row {
	  padding: 35px 25px 26px;
  }
  .track-order-box {
	  position: relative;
  }
  .track-order-box::after {
	  position: absolute;
	  content: '';
	  width: 10px;
	  height: 10px;
	  border-radius: 50%;
	  left: 0;
	  top: -15px;
	  z-index: 1;
	  background-color: #EBEBEB;
	  border: 1px solid #70707073;
  }
  .track-order-box::before {
	  position: absolute;
	  content: '';
	  width: 100%;
	  height: 2px;
	  background-color: #70707073;
	  left: 0;
	  top: -11px;
	  z-index: 0;
  }
  .track-order-box.active::after {
	  background-color: #FF9D39;
	  border: 1px solid #FF9D39;
  }
  .track-order-box.active::before {
	  background-color: #FF9D39;
  }
  .track-order-heading {
	  display: flex;
	  justify-content: space-between;
	  margin-bottom: 13px;
	  padding-bottom: 18px;
  }
  .track-order-head {
	  font: normal normal bold 19px/23px SF Pro Display;
	  letter-spacing: 0.25px;
	  color: rgb(36 39 44 / 44%);
	  margin-bottom: 0;
  }
  .view-invoice {
	  font: normal normal bold 17px/20px SF Pro Display;
	  letter-spacing: 0.22px;
	  color: #24272C;
	  text-decoration: underline;
	  display: none;
  }
  .btn-32 {
	  width: 101px;
	  min-height: 32px;
	  background-color: #ee2b32;
	  border-radius: 6px;
	  font: normal normal normal 12px/14px SF Pro Display;
	  letter-spacing: 0.16px;
	  padding: 8px 10px;
  }
  .create-folder-link {
	  border: 2px solid #464646;
	  border-radius: 14px;
	  min-height: 74px;
	  font: normal normal 600 14px/30px Poppins;
	  letter-spacing: 0.56px;
	  color: #000000;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  background-color: #fff;
	  background-clip: border-box;
	  border: 1px solid rgba(0, 0, 0, 0.125);
	  border-radius: 5px;
	  box-shadow: 0px 3px 6px #00000029;
  }
  .create-folder-link i {
	  font-size: 40px !important;
	  margin-right: 12px;
	  color: #ee2b32;
  }
  .create-folder-link:hover {
	  text-decoration: none;
	  color: #000;
  }
  .folder-img {
	  width: 100%;
	  height: 218px;
	  border-radius: 10px;
	  object-fit: cover;
  }
  .folder-heading h3 {
	  font: normal normal 600 16px/25px Poppins;
	  color: rgb(0 0 0 / 57%);
  }
  /* select2 */
  .custom-select2 .select2-container--default .select2-selection--single {
	  border: 1px solid #C1C1C1;
	  height: 45px;
	  width: 100%;
  }
  .custom-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
	  font: normal normal normal 14px/21px Poppins;
	  color: #000;
	  padding: 12px 22px;
  }
  .custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
	  border-color: #000 transparent transparent transparent;
  }
  .custom-select2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	  border-color: transparent transparent #000 transparent;
  }
  .custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
	  height: 45px;
	  width: 30px;
  }
  .custom-select2 .select2-dropdown {
	  border: 0 !important;
  }
  .custom-select2 .select2-container--default .select2-results>.select2-results__options {
	  background: #FFFFFF;
	  box-shadow: 0px 0px 11px #00000029;
	  border-radius: 15px;
	  border: 0;
	  padding: 10px 0;
  }
  .custom-select2 .select2-results__option--selectable {
	  font-size: 16px !important;
	  line-height: 21px !important;
	  font-weight: 600 !important;
	  font-family: Montserrat;
	  color: #000;
	  padding: 6px 10px !important;
  }
  .custom-select2 .select-style {
	  vertical-align: middle;
	  margin-right: 12px;
  }
  .custom-select2 .select2-container {
	  display: block;
	  width: 100% !important;
  }
  span.selectItem {
	  border: 1px solid #0000003B;
	  border-radius: 11px;
	  display: block;
	  padding: 10px 30px 10px 12px;
	  font: normal normal 500 12px/18px Montserrat;
	  cursor: pointer;
	  position: relative;
  }
  span.selectItem:after {
	  position: absolute;
	  content: "";
	  background-image: url(../../assets/image/down_arrow.png);
	  width: 12px;
	  height: 12px;
	  top: 50%;
	  right: 10px;
	  background-size: contain;
	  transform: translateY(-50%);
  }
  ul.SelectdropDown {
	  list-style: none;
	  min-width: 177px;
	  box-shadow: 0px 0px 8px #00000047;
	  border-radius: 11px;
	  padding: 18px 0;
	  position: absolute;
	  background: #fff;
	  left: 0;
	  right: 0;
	  transform: translate(-44%);
	  display: none;
  }
  ul.SelectdropDown li {
	  font: normal normal 500 13px/20px Montserrat;
	  padding: 2px 14px;
	  display: flex;
	  align-items: flex-start;
  }
  span.select2-container {
	  /* z-index: 10000; */
	  /* filter: blur(0) grayscale(0) !important; */
	  /* -webkit-filter: blur(0) grayscale(0) !important; */
  }
  .select2-dropdown {
	  border: 0 !important;
	  box-shadow: 0px 0px 13px #00000029;
	  border-radius: 5px !important;
  }
  .select2-results__option--selectable {
	  cursor: pointer;
	  font: normal normal normal 14px/21px Poppins;
	  padding: 12px 20px !important;
  }
  .cf_file {
	  height: 45px;
	  position: relative;
	  border-radius: 5px;
	  cursor: pointer;
  }
  .cf_file:before {
	  content: 'Upload';
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  background: #951C35 0% 0% no-repeat padding-box;
	  border: 2px solid #951C35;
	  border-radius: 5px;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  background-image: url(../.././assets/image/upload.svg);
	  background-position: 39%;
	  color: #fff;
	  font: normal normal 400 14px/16px SF Pro Display;
	  letter-spacing: 0.18px;
	  text-align: center;
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }
  .cf_file_2 {
	  height: 77px;
	  border-radius: 15px;
	  padding: 12px 20px;
	  border: 1px solid #C1C1C1;
	  line-height: 2.8em;
	  position: relative;
  }
  .cf_file_2::before {
	  position:absolute;
	  content:'upload';
	  width: 172px;
	  height: 45px;
	  background-color: #951C35;
	  border-radius: 5px;
	  color: #fff;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  right: 10px;
	  top: 50%;
	  transform: translateY(-50%);
	  z-index: 2;
  }
  .cf_file_3 {
	  height: 45px;
	  width: 100%;
	  position: relative;
	  border-radius: 5px;
	  cursor: pointer;
  }
  .cf_file_3:before {
	  content: 'Upload';
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  background: #fff 0% 0% no-repeat padding-box;
	  border: 1px solid #ced4da;
	  border-radius: 5px;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  background-image: url(../.././assets/image/upload_invert-svg.svg);
	  background-position: 34%;
	  color: #000;
	  font: normal normal 400 14px/16px SF Pro Display;
	  letter-spacing: 0.18px;
	  text-align: center;
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }
  .contact-form-box {
	  background-color: #fff;
	  border-radius: 24px;
	  padding: 32px 33px;
	  border-radius: 5px;
	  box-shadow: 0px 3px 6px #00000029;
  }
  .reply-form-box {
	  /* background-color: rgb(236 236 236 / 40%);
	  border-radius: 24px;
	  padding: 16px 33px; */
	  padding: 0;
  }
  .contact-form-left {
	  display: flex;
	  align-items: center;
  }
  h2.contact-form-name {
	  margin-bottom: 0;
	  font: normal normal 600 14px/30px Poppins;
	  letter-spacing: 0px;
	  color: #090909;
  }
  img.contact-form-image {
	  width: 35px;
	  height: 35px;
	  border-radius: 50%;
	  margin-right: 5px;
  }
  .contact-form-row {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
  }
  .contact-form-status {
	  text-align: right;
	  font: italic normal 600 14px/30px Poppins;
	  letter-spacing: 0px;
	  color: #090909;
  }
  .pending-text {
	  color: #B7A02D;
  }
  .rejected-text {
	  color: #B72D2D;
  }
  .resolved-text {
	  color: #349D20;
  }
  .contact-form-p {
	  font: normal normal normal 14px/22px Poppins;
	  letter-spacing: 0px;
	  color: rgb(0 0 0 / 50%);
  }
  .contact-form-link {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
  }
  .cms-tabs .nav-link {
	  padding: 9.5px 20px;
  }
  /* .cms-management-box h3 {
	  font: normal normal 600 14px/17px Poppins;
	  color: #202020;
	  margin-bottom: 12px;
  }
  .cms-management-box p,
  .cms-management-box ul li {
	  font: normal normal 500 14px/17px Poppins;
	  letter-spacing: 0px;
	  color: #2020205C;
  } */
  .cms-management-box ul {
	  list-style: none;
  }
  .cms-management-box ul li {
	  position: relative;
	  padding-left: 20px;
	  margin-bottom: 10px;
  }
  .cms-management-box ul li::before {
	  position: absolute;
	  content: '\29BF';
	  left: 0;
  }
  .cms-management-box {
	  /* border: 1px solid rgb(112 112 112 / 42%);
	  border-radius: 20px;
	  padding: 34px; */
	  padding: 25px 15px;
  }
  .edit-btn {
	  /* right: 24px;
	  top: 18px;
	  position: absolute; */
  }
  .note-toolbar .note-dropdown-menu {
	  padding: 2px 6px;
  }
  .note-toolbar .note-dropdown-menu li {
	  padding: 2px 2px;
  }
  .note-toolbar .note-dropdown-menu li a {
	  color: #000;
	  font-size: 15px;
  }
  .note-editor {
	  border: 1px solid #C1C1C1 !important;
	  border-radius: 0;
  }
  .note-toolbar {
	  border-bottom: 1px solid #C1C1C1 !important;
  }
  .note-editor {
	  overflow: hidden;
  }
  .note-editor .dropdown-toggle::after {
	  content: none;
  }
  .note-editor .note-btn-group {
	  /* display: inline-block; */
	  /* padding: 0; */
  }
  .note-editor button.note-btn.btn.btn-default.btn-sm {
	  background-color: #f1f1f1;
	  width: 41px;
	  height: auto;
	  margin-right: 10px;
	  color: #000;
	  border-radius: 0;
	  margin: 0;
	  border: 1px solid #fff;
	  padding: 10px;
	  width: auto;
  }
  .add_video_file::before {
	  content: 'Upload Video';
	  background-position: 33%;
  }
  .note-editor .note-toolbar .note-style .dropdown-style h1 {
	  font-size: 2em;
  }
  .note-editor .note-toolbar .note-style .dropdown-style h2 {
	  font-size: 1.91em;
	  font-weight: 500;
  }
  .note-editor .note-toolbar .note-color-all .note-dropdown-menu.show {
	  display: flex;
  }
  .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select,
  .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset {
	  background-color: #f1f1f1;
	  color: #000;
	  margin: 5px 0 !important;
	  min-height: 50px;
	  border-color: #ddd;
  }
  .note-color-all>button {
	  margin: 0 !important;
	  border: 0 !important;
  }
  .note-modal .modal-dialog {
	  background-color: #fff;
  }
  .note-btn.note-btn-primary {
	  min-height: auto;
	  border-radius: 6px;
	  font-size: 12px;
  }
  .btn-primary.disabled,
  .btn-primary:disabled {
	  color: #fff;
	  background-color: #7f7f7f;
	  border-color: #7f7f7f;
  }
  p.youtube-all-video-content_para {
	  font: normal normal 500 15px/23px Poppins;
  }
  .reject i {
	  transform: rotate(45deg);
  }
  .note-toolbar {
	  /* background: #fff !important; */
	  border-top-right-radius: 6px;
	  border-top-left-radius: 6px;
  }
  .blog-view img {
	  border-radius: 5px;
	  margin-bottom: 22px;
	  width: 100%;
	  height: 211px;
	  object-fit: cover;
  }
  .blog-view {
	  border: 2px solid rgb(49 49 49 / 32%);
	  border-radius: 11px;
	  padding: 18px 24px;
	  background-color: #fff;
	  background-clip: border-box;
	  border: 1px solid rgba(0, 0, 0, 0.125);
	  border-radius: 5px;
	  box-shadow: 0px 3px 6px #00000029;
  }
  .blog-view p {
	  font: normal normal normal 20px/24px SF Pro Display;
	  letter-spacing: 0.26px;
	  color: #24272C;
  }
  .w-16 {
	  width: 16px;
  }
  .pdfFileInput label {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  display: flex;
	  align-items: center;
	  padding-left: 30px;
	  background-color: #fff;
	  border-radius: 5px;
	  bottom: 0;
	  z-index: 0;
	  border: 1px solid #C1C1C1;
	  font: normal normal normal 17px/25px SF Pro Display;
	  letter-spacing: 0.27px;
	  color: #228EEC;
  }
  .note-editor .note-btn-group.note-insert button:first-child {
	  display: none;
  }
  .track-order-box:nth-child(2)::after {
	  left: 0;
  }
  .track-order-box::after {
	  left: 25%;
  }
  .track-order-box:last-child::after {
	  right: 0;
	  left: auto;
  }
  .note-modal .modal-dialog {
	  border-radius: 20px !important;
  }
  .btn-55.btn-back:hover {
	  color: #000;
  }
  .btn-save:hover {
	  color: #fff;
  }
  .main-content-body form:not(.search-form, #cmsForm, #productForm,#FormData) {
	  background-color: #fff;
	  border: 1px solid rgba(0, 0, 0, 0.125);
	  border-radius: 5px;
	  box-shadow: 0px 3px 6px #00000029;
	  padding: 1.5rem;
  }
  .hide-show-pass i {
	  color: #000;
  }
  .dataTables_info {
	  font-size: 12px;
	  padding: 0 !important;
	  margin: 12px 0 !important;
  }
  #example th,
#example td {
    text-align: center;   /* horizontal center */
    vertical-align: middle; /* vertical center */
}
th.no-sort::after,
th.no-sort::before {
    display: none !important;
}


  #example_info {
	width: 100%;
    text-align: end;
	padding-right: 10px !important;
  }
  .common-table-wrapper .dataTables_wrapper .dataTables_paginate span .paginate_button,
  .common-table-wrapper .dataTables_wrapper .dataTables_paginate span .paginate_button:hover,
  .common-table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current,
  .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	  color: #ffffff !important;
	  border: 1px solid #951C35 !important;
	  background-color: #951C35 !important;
	  background: #951C35 !important;
	  width: 33px !important;
	  height: 33px !important;
  }
  .common-table-wrapper .dataTables_wrapper .dataTables_paginate span {
	  vertical-align: middle;
  }
  .common-table-wrapper .dataTables_wrapper .dataTables_paginate span .paginate_button {
	  background-color: #fff !important;
	  background: #fff !important;
	  border-color: #fff !important;
	  color: #000 !important;
  }
  .common-table-wrapper table.dataTable {
	  margin-bottom: 15px;
	  border-top: 1px solid #b7b7b7 !important;
	  padding-top: 15px;
	  margin-top: 0px !important;
	  border-bottom: 0 !important;
  }
  table.dataTable.stripe>tbody>tr.odd>*,
  table.dataTable.display>tbody>tr.odd>*,
  table.dataTable.display>tbody>tr.even>.sorting_1,
  table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1,
  table.dataTable.display>tbody>tr.odd>.sorting_1,
  table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1 {
	  box-shadow: none !important;
  }
  .common-table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	  background-color: transparent !important;
	  color: #000 !important;
	  cursor: pointer;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	  color: #fff !important;
	  border: 1px solid #951C35;
	  background-color: #951C35 !important;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button {
	  padding: 0.4em 0.7em !important;
	  margin: 0 5px !important;
	  text-decoration: none !important;
	  cursor: hand !important;
	  color: #333 !important;
	  border: 1px solid transparent;
	  border-radius: 50px !important;
  }
  .fullPageWrapper {
	  height: 100vh;
	  width: 100%;
  }
  .fullPageWrapper_left {
	  background: transparent linear-gradient(180deg, #DD6F77 0%, #B869B3 20%, #A767CF 43%, #8A87F4 71%, #80D2F0 100%) 0% 0% no-repeat padding-box;
	  border-radius: 35px;
	  overflow: hidden;
	  padding: 15px 0;
  }
  .fullPageWrapper_left img {
	  width: 100%;
  }
  .card.login-wrapper.common_box {
	  max-width: 408px;
  }
  .fullPageWrapper_right {
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  .fullPageWrapper_right .common_box_body {
	  padding: 40px 40px 35px
  }
  .btn.check-btn {
	  border: 3px solid #951C35;
	  width: 56px;
	  height: 56px;
	  min-height: auto;
	  border-radius: 50px;
	  display: inline-flex;
	  justify-content: center;
	  align-items: center;
	  background-color: #fff;
  }
  .check-btn i {
	  color: #951C35;
	  font-size: 19px;
  }
  .cred-title {
	  text-align: center;
	  font-size: 1.56rem;
  }
  a#resend-otp {
	  color: #951C35 !important;
  }
  td #videoSize {
	  border-radius: 5px;
  }
  .dataTables_filter label {
	  font-size: 0;
	  position: relative;
	  background-color: #F5F5F5;
  }
  .dataTables_filter label input {
	  font-size: 16px;
	  height: 42px !important;
	  border: none;
	  background-color: #F5F5F5;
	  font-weight: 500;
	  color: #616161;
	  outline: none;
	  padding-right: 30px !important;
	  padding-left: 10px !important;
	  border: 1px solid #ced4da !important;
	  width: 209px;
	  margin-left: 0 !important;
  }
  .dataTables_wrapper .dataTables_filter {
	  margin-bottom: 15px;
  }
  .dataTables_filter label:before {
	  position: absolute;
	  content: '';
	  background-image: url(../../assets/image/search.svg);
	  width: 20px;
	  height: 20px;
	  right: 10px;
	  top: 50%;
	  z-index: 9;
	  background-repeat: no-repeat;
	  background-position: center;
	  transform: translateY(-50%);
  }
  /*.dataTables_length label {
	  font-size: 0;
  }*/
  .table_footer {display: flex;align-items: center;padding: 10px 25px;}
	.table_footer .dataTables_length {order: -1;}
	.table_footer ul.pagination {margin: 0 !important;}
	.table_footer ul.pagination li.paginate_button {
			margin: 0 2px !important;
			border: none !important;
			padding: 0 !important;
			display: flex;
			align-items: center;
	}
	div.dataTables_wrapper div.dataTables_length select {height: 35px;}
	.table_footer ul.pagination li.paginate_button .page-link {
			padding: 0;
			width: 30px;
			height: 30px;
			border-radius: 6px !important;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border: none !important;
			background: transparent !important;
			color: #000;
			box-shadow: none !important;
	}
	.table_top {display: none;}
	.table_footer ul.pagination li.paginate_button.previous {
			border-radius: 0 !important;
			border: none;
	}
	.table_footer ul.pagination li.paginate_button.active .page-link,.table_footer ul.pagination li.paginate_button .page-link:hover {
			background: #00757e !important;
			color: #fff;
	}
	.table_footer ul.pagination li.paginate_button.disabled {display: none;}
	.table_footer .dataTables_paginate {margin-left: auto !important;}
	div.dataTables_wrapper div.dataTables_length label {
		margin: 0 15px 0 0;
    font-size: 0;
	}
  .dataTables_length label select {
	  width: 67px;
	  font-size: 15px;
	  height: 42px;
	  background-color: #F5F5F5 !important;
	  border: 1px solid #ced4da !important;
	  outline: none;
  }
  .paginate_button.previous>i,
  .paginate_button.next>i {
	  vertical-align: middle;
  }
  .dropdown.dropleft {
	  text-align: right;
  }
  .youtube-all-video.row {
	  background-color: #fff;
	  background-clip: border-box;
	  border: 1px solid rgba(0, 0, 0, 0.125);
	  border-radius: 5px;
	  box-shadow: 0px 3px 6px #00000029;
	  padding: 1.5rem;
  }
  .profile-header {
	  position: relative;
  }
  .profile-header-bg {
	  height: 165px;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  position: absolute;
	  top: -119px;
	  left: -2.7rem;
	  right: -2.7rem;
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  .profile-header-user {
	  position: relative;
	  justify-content: center;
	  align-items: center;
	  display: flex;
	  margin-top: 90px;
  }
  .profile-header-user img {
	  width: 100px;
	  height: 100px;
	  border: 2px solid #000;
	  background: #f6f6f6;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  position: relative;
	  border-radius: 100px;
	  box-shadow: 0 0 35px rgb(0 0 0 / 25%);
	  border: 5px solid #fff;
  }
  .btn-cancel-update>*:first-child {
	  margin-right: 10px;
  }
  .tab-content.card {
	  box-shadow: 0px 3px 6px #00000029;
	  border: 0;
  }
  .image-video-box img {
	  height: 100%;
	  width: 100%;
	  object-fit: cover;
  }
  .image-video-box>input {
	  width: 100%;
	  height: 100%;
	  opacity: 0;
	  z-index: 99;
	  cursor: pointer;
  }
  .image-video-box i {
	  position: absolute;
	  /* left: 0; */
	  /* right: 0; */
	  /* bottom: 0; */
	  /* top: 0; */
	  margin: auto;
	  font-size: 3rem;
	  z-index: 0;
  }
  .folder-box>img {
	  width: 100%;
	  height: 218px;
	  object-fit: cover;
	  border-radius: 5px;
  }
  .folder-box .custom-switch {
	  position: absolute;
	  left: 10px;
	  top: 10px;
  }
  .folder-box .action-btn-wrap {
	  position: absolute;
	  right: 10px;
	  top: 10px;
  }
  .folder-box .custom-switch .custom-control-label::after {
	  left: calc(0rem + 7px);
  }
  .folder-box .custom-switch .custom-control-label::before {
	  left: calc(0rem + 2px);
	  background: #ddd;
	  border-color: #ddd;
  }
  .add-tag {
	  height: 45px;
	  font-size: 14px;
	  color: #000;
  }
  .cms-management-edit-textarea {
	  width: 100%;
  }
  .note-modal .modal-header .close {
	  position: absolute;
	  right: 10px;
	  top: 10px;
	  background-color: #fff;
	  border-radius: 50%;
	  padding: 0;
	  height: 30px;
	  width: 30px;
	  opacity: 1;
	  border: 1px solid #ddd;
	  font-weight: 500;
  }
  .note-modal .modal-header {
	  text-align: center;
	  justify-content: center;
	  text-transform: capitalize;
  }
  .note-form-control {
	  height: 45px;
  }
  .note-editor.note-frame.fullscreen {
   background-color:#fff;
  }
  .dataTables_scrollBody{
	  margin-bottom:5px;
  }
  .dataTables_scrollBody::-webkit-scrollbar {
	  height:5px;
  }
  /* Track */
  .dataTables_scrollBody::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
  }
  /* Handle */
  .dataTables_scrollBody::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10px;
  }
  .common-table-wrapper table.dataTable,
  table.dataTable.no-footer{
	  padding: 0;
	  margin-bottom: 0;
	  border-top: 0 !important;
  }
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th{
	  padding:0 !important;
  }
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{
	  padding-bottom: 10px;
  }
  /* .dataTables_scrollHead .dataTables_scrollHeadInner,
  .dataTables_scrollHead .dataTables_scrollHeadInner .dataTable,
  .dataTables_scrollFoot .dataTables_scrollFootInner,
  .dataTables_scrollFoot .dataTables_scrollFootInner .dataTable{
	  width: 100% !important;
  } */
  .form-group label.error {
	  font-size: 12px;
	  text-transform: capitalize;
	  font-weight: 500;
	  color: #f00;
	  margin: 0;
  }
  .break-text {
	  max-width: 250px;
	  word-break: break-all;
	  white-space: normal;
	  margin: auto;
  }
  .folder-wrapper .action-icon{
	  position: absolute;
	  top: 10px;
	  right: 25px;
  }
  .catalogBox .file-upload-content {
	  padding: 9px 13px 9px 23px;
	  height: 45px;
	  background-color: #fff;
  }
  .bg-yellow-light{
	  background-color: #ff9d3930;
  }
  .save-back-wrap.sticky-top{
	  background-color: #fafafa;
	  top: 91px;
	  padding: 10px 0;
	  border-radius: 0;
	  width: initial;
  }
  .image-video-box .custom-switch {
	  position: absolute;
	  top: 6px;
	  left: 42px;
	  transform: scale(0.8);
  }
  .image-video-box>input.change-background {
	  opacity: 1;
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  z-index: 8;
	  opacity: 0;
  }
  .background-select {
	  border: 1px solid #951C35;
  }
  .cf_file_edit-2 {
	  border: 0;
	  font-size: 0;
	  padding: 0;
	  border-radius: 0;
	  position: relative;
	  height: auto;
	  height: 45px;
	  width: 172px;
  }
  .profile-image-circle {
	  width: 150px;
	  height: 150px;
	  border-radius: 100%;
	  position: relative;
  }
  .profile-image-circle .action {
	  position: absolute;
	  right: 10px;
	  bottom: 1px;
  }
  .profile-image-circle img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  border-radius: 50%;
  }
  .cf_file_edit-2::before {
	  font-size: 15px;
	  left: 0;
	  cursor: pointer;
  }
  .featured-icon {
	  position: absolute;
	  left: 10px;
	  top: 10px;
	  background-color: #fff;
	  display: none;
	  z-index: 9;
	  cursor: pointer;
  }
  .featured-icon i {
	  font-size: 23px;
	  color: #951C35;
	  background-color: #fff;
	  border-radius: 50%;
  }
  .background-select .featured-icon{
	  display: block;    
  }
  .download-format{
	  color: #000;
	  background-color: #f1f1f1;
	  padding: 10.5px 10px;
	  border-radius: 6px;
	  justify-content: center;
  }
  button.btn.dropdown-toggle {
	  height: auto;
	  min-height: 45px;
	  background-color: #7f7f7f;
	  background-clip: padding-box;
	  border: 1px solid #ced4da;
	  border-radius: 0.25rem;
	  padding: 8px 20px;
  }
  .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
	  color: #000;
  }
  .show>.btn-light.dropdown-toggle {
	  color: #000;
	  background-color: #fff !important;
  }
  .show>.btn-light.dropdown-toggle:focus{
	  box-shadow:none !important;
	  outline :none !important;
  }
  @media (max-width:1199px) {
	  .note-editor button.note-btn.btn.btn-default.btn-sm {
			  padding: 6px;
	  }
  }
  @media (max-width:767px) {
	  .dataTables_wrapper {
			  overflow-x: auto;
	  }
  }
  .text-tabs .nav-link {
	  color: #7E7E7E;
	  background: transparent
  }
  .text-tabs .nav-link.active {
	  color: var(--theme);
  }
  select.language {
	  background: url(../image/language.svg) no-repeat center left 8px;
	  padding-left: 38px;
	  height: 48px;
	  border-radius: 11px;
	  min-width: 150px;
  }
  .abs-ntr {
	  position: absolute;
	  top: -15px;
	  right: -15px;
  }
  .btn-default {
	  background: transparent;
	  border: 1px solid #000;
	  color: #000;
  }
  .btn-default:hover {
	  color: #fff;
	  background: #000
  }
  
  [data="radioTab"] {
	  display: flex;
	  align-items:  center
  }
  [data="radioTab"] input {
	  display: none;
  }
  [data="radioTab"] em {
	  width: 15px;
	  height: 15px;
	  border: 1px solid #000;
	  display: inline-block;
	  border-radius: 15px;
	  margin-right: 10px;
	  position: relative;
	  -webkit-transition: all .3s ease;
		  -moz-transition: all .3s ease;
			  transition: all .3s ease;
  }
  [data="radioTab"] em:after {
	  content: "";
	  position: absolute;
	  top: 2px;
	  right: 2px;
	  bottom: 2px;
	  left: 2px;
	  background: #fff;
	  border-radius: 10px;
	  -webkit-transform: scale(0);
		  -moz-transform: scale(0);
			  transform: scale(0);
	  -webkit-transition: all .3s ease;
		  -moz-transition: all .3s ease;
			  transition: all .3s ease;
  }
  [data="radioTab"].active em {
	  border-color: #fff
  }
  [data="radioTab"].active em:after {
	  -webkit-transform: scale(1);
		  -moz-transform: scale(1);
			  transform: scale(1);
  }
  .check-list {
	  max-height: 288px;
	  overflow-y: auto;
  }
  .check-list input[type="checkbox"] {
	  display: none;
  }
  .check-list em {
	  width: 16px;
	  height: 16px;
	  border: 1px solid #8b8b8b;
	  border-radius: 3px;
	  background: #fff;
	  position: relative;
  }
  .check-list input:checked + em:after {
	  content: "\2713";
	  font-size: 12px;
	  font-weight: 600;
	  position: absolute;
	  top: -1px;
	  left: 1px;
  }
  .search-box .search-icon {
	  background: url(../image/search.png) no-repeat center left 15px;
	  padding-left: 45px
  }
  .badge.min {
	  min-width: 85px;
  }
  .badge-default {
	  border: 1px solid #000;
	  color: #000;
  }
  .label-success {
	  border: 1px solid #1BB394;
	  color: #1BB394;
	  background: #e9f8f5
  }
  .resize-none {
	  resize: none
  }
  .action-btn-tr {
	  position: absolute;
	  top: 14px;
	  right: 14px;
  }
  .no-tool+.note-editor .note-toolbar,
  .no-tool+.note-editor .note-statusbar {
	  display: none;
  }
  .no-outline+.note-editor {
	  border: none !important;
	  background: transparent
  }
  .position-absolute.tr {
	  top: 0;
	  right: 0
  }
  .sideNavBar .nav-link .fa {
	  display: none;
  }
  .custom-control-input:checked~.custom-control-label::before {
	  background: transparent linear-gradient(180deg, #DD6F77 0%, #B869B3 20%, #A767CF 43%, #8A87F4 71%, #80D2F0 100%) 0% 0% no-repeat padding-box;
  }
  .gap-3 {
	  gap: 0.8rem;
  }
  #checkdv_1 {
	  display: none !important;
  }
  .circle-action{
	  display: inline-block;
	  margin: 0 5px;
  }
  .circle-action i{
	  font-size: 25px;
	  color: #951C35;
  }
  .circle-action:hover i{
	  color: #4B0C19;
  }
  
  /* new css */
  .main-container-box {
	  background: #fff;
	  border-radius: 50px;
	  overflow: hidden;
	  padding: 20px;
  }
  .view-user-box {
	  width: 100%;
	  background: #F3F4F6;
	  height: 180px;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  border-radius: 14px 14px 0 0;
	  position: relative;
  }
  .view-user-box button.btn {
	  position: absolute;
	  top: 10px;
	  right: 30px;
	  min-height: 45px!important;
  }
  .massage-box-wrapper {
	  padding: 20px;
	  border-radius: 14px;
	  background: #F3F4F6;
  }
  .massage-box-wrapper textarea {
	  display: block;
	  width: 100%;
	  height: 100px;
	  border-radius: 10px;
	  border: 1px solid rgb(0 0 0 / 50%);
	  background: transparent;
  }
  .d-grid-47{
	  display: grid;
	  grid-template-columns: 47% 47%;
	  column-gap: 6%;
  }
  .d-grid-47 a.btn {
	  min-height: auto;
  }
  
  .customSwitch {
	  min-width: 35px;
	  border: 1px solid #E22121;
	  background: #E22121;
	  height: 18px;
	  border-radius: 50px;
	  position: relative;
	  cursor: pointer
  }
  .customSwitch:after {
	  content: "";
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 2px;
	  width: 14px;
	  height: 14px;
	  border-radius: 25px;
	  background: #fff;
	  margin: auto;
	  transition: all .2s ease;
  }
  .customSwitch input {
	  display: none;
  }
  .customSwitch:has(input:checked) {
	  background: #12BE35;
	  border-color: #12BE35;
	  border-color: #12BE35
  }
  .customSwitch:has(input:checked):after {
	  left: calc(100% - 16px);
  }
  
  .search-bar .form-control {
	  min-width: 350px;
	  height: 50px;
	  border-radius: 8px;
	  background: url(../image/icons/search.svg) no-repeat center left 12px;
	  padding-left: 48px
  }
  .search-bar .dropdown button,
  .search-bar .dropdown button:focus {
	  border-color: #ced4da;
	  min-height: 50px;
	  box-shadow: none !important;
	  background: transparent;
	  color: #000;
	  outline: none
  }

  .search-bar .dropdown .active {
	border-color: #00757F !important;
	background: #068285b3 !important;
  }
  
  .dropdown-menu .dropdown:hover .dropdown-menu {
	  display: block;
	  position: absolute;
	  left: 100%;
	  top: 0;
	  font-size: 14px;
  }
  .dropdown-item {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
  }
  .nav.primary .nav-link {
	  border-radius: 5px;
	  border: 1px solid #6e6868;
	  margin-right: 10px;
	  color: #000;
	  font-weight: 300;
	  background: transparent
  }
  .nav.primary .nav-link.active {
	  color: #fff;
	  border-color: #00757e;
	  background: #00757e
  }
  .avatar-150 {
	  display: inline-flex;
	  width: 150px;
	  height: 150px;
	  border: 1px solid #000;
	  border-radius: 100%;
	  align-items: center;
	  justify-content: center;
	  overflow: hidden;
  }
  .avatar-150 img {
	  object-fit: contain;
	  width: 100%;
	  height: 100%;
  }
  label.upload {
	  position: absolute;
	  right: 0;
	  bottom: 0;
	  background: #000;
	  width: 43px;
	  height: 43px;
	  border-radius: 50px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  border: 1px solid #fff;
	  cursor: pointer
  }
  
  .selectDropdown ul {
	  margin: 0;
  }
  .selectDropdown span.select2-selection {
	  min-height: 50px;
	  padding: 0;
  }
  .selectDropdown span.select2-selection span.select2-search {
	  display: flex;
	  align-items: center;
	  padding-left: 15px;
  }
  .selectDropdown span.select2-selection span.select2-search textarea {
	  margin: 0;
	  height: 24px;
	  overflow: visible;
  }
  .lg.calendar-icon {
	  background-position: center left 15px;
	  padding-left: 38px;
	  border-radius: 8px
  }
  .calendar-icon {
	  background-image: url(../image/icons/calendar.svg);
	  background-repeat: no-repeat;
	  background-position: center left 5px;
	  padding-left: 25px
  }
  
  .customTabs .item:not(.active) {
	  Display: none
  }
  
  .customTabs label {
	  display: flex;
	  align-items: center;
  }
  .countTabs .step:not(.active) {
	  Display: none
  }
  .countTabs label span {
	  width: 22px;
	  height: 22px;
	  border: 1px solid #A5A5A5;
	  border-radius: 50px;
	  display: inline-flex;
	  justify-content: center;
	  align-items: center;
	  font-size: 12px;
	  margin-right: 8px;
	  color: #A5A5A5;
  }
  .countTabs label.active span {
	  color: #23B9DF;
	  border-color: #23B9DF;
  }
  .countTabs label.filled span {
	  background: #23B9DF;
	  border: 1px solid #23B9DF;
	  color: #fff;
  }
.loader {
	display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255,255,255,.1);
    z-index: 9999;
    backdrop-filter: blur(10px);
}

.loader .loader-inner {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.error {
    color: red;
}

#fileModal img,
#fileModal video,
#fileModal embed {
  max-width: 100%;
  height: auto;
}

.bg-primary {
    background: #00757e !important;
    color: #fff;
    border-radius: 10px;
}
.table_body {
    overflow-x: auto;
}

.search-bar .dropdown-menu input[type="text"] {
    display: block !important;
}


.caption-text {
  opacity: 0; 
}

.feedback:hover .feed {
  opacity: 0.3;
    font-size:16px;
}

.feedback:hover .caption-text {
  opacity: 1;
}

.text-view {
  background-color: #6cacb3;
  color: #24272c;
  font-size: 8px;
  padding: 6px 9px;
}

.text-capital {
	   text-transform: capitalize;
}

.number-right {
    text-align: right !important;
}

/* Table scroll css start */
.sorting {
      width: auto !important;
  }
  .sorting_1 {
/*      width: 27px;*/
      display: block;
      text-align: center !important;
  }
  .sorting_4 {
      display: block;
      width: 180px;
      text-align: center !important;
  }
  .sorting_5 {
      padding: 0px 14px !important;
      text-align: left;
  }
  .sorting_7 {
      width: 210px;
      display: block;
  }
  #action {
      width: 200px!important;
  }
  .action-tab {
      padding-right: 20px;
  }

  /* Table scroll css start */
  .table_body {
    position: relative;
    max-height: 60vh;
    overflow-y: auto; 
  }
  .table_body table {
    width: 100%;
    border-collapse: collapse; 
  }
  .table_body thead {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #f5f5f5; 
  }
  /* Table scroll css End */


.smallText th {
    font-size: 14px !important;
}

.opensright {
  top: 322px !important;
  left: auto !important;
  right: 0px !important;
}

.daterangepicker .drp-buttons .btn {
    display: inline-block;
}