/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
/* @import '~remixicon/fonts/remixicon.css'; */
:root {
  --menu-item-bg: #53A02C;
  --submenu-item-bg: #5f8f47;
  /* Green */
  --menu-item-color: #FFFFFF;
  --white: #FFFFFF;
  /* White */
  --dark-bg: #1E2129;
  --menu-item-color: #1E2129;
  --text-color: #1E2129;
  --light-bg: #FBFBFC;
  --light-gray-bg: #F6F7FB;
  /* Light Grayish-Blue */
}

.menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo.custom_brand_logo svg {
  width: 100% !important;
  height: 30px;
}

.app-brand-text.demo {
  font-size: 1.25rem;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks>* {
  display: block !important;
}

.demo-inline-spacing>* {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing>* {
  margin-top: 1.25rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg>* {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-lg.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl>* {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-xl.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 300px;
    position: relative;
  }

  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1.25rem;
}

.layout-demo-placeholder img {
  width: 900px;
}

.layout-demo-info {
  text-align: center;
  margin-top: 1.25rem;
}

.welcome_tilte {
  font-weight: 600;
  justify-content: center;
  display: flex;
}

.desc_welcome_title {
  line-height: normal;
  color: #6d697a;
  font-weight: 400;
}

.layout-navbar-fixed .window-scrolled .bg-navbar-theme.layout-navbar,
.layout-horizontal .bg-navbar-theme.layout-navbar {
  background-color: #ffffffd9 !important;
}

.light-style .menu-vertical .menu-item.active>.menu-toggle,
.light-style .menu-vertical .menu-item.open>.menu-toggle {
  /* background-color: #53A02C; */
  /* 11-10-2024 */
  background-color: #00963F;
  color: var(--white);
}

.light-style .menu-vertical .menu-item.active>.menu-toggle img,
.light-style .menu-vertical .menu-item.open>.menu-toggle img {
  filter: invert(100%) brightness(100%);
}

.menu-item.open .menu-link.menu-toggle.waves-effect::after,
.menu-item.open .menu-link.menu-toggle.waves-effect i,
.menu-item.open .menu-link.menu-toggle.waves-effect .custom-menu-title,
.menu-item .menu-link.menu-toggle.waves-effect::after {
  color: var(--white) !important;
}

.bg-menu-theme .menu-item.active:not(.open)>.menu-link:not(.menu-toggle),
.bg-menu-theme .menu-item.active:not(.open)>.menu-link:not(.menu-toggle):before {
  color: #fff !important;
  border-color: #fff !important
}




.card-header h5 {
  font-weight: 600;
  text-align: left;
  color: var(--text-color);
}

#itemsPerPage {
  width: 100%;
  margin-bottom: 10px !important;
}

/* Responsive padding for different screen sizes */
@media (min-width: 576px) {

  .card-header,
  .card-body {
    padding: 15px;
  }

  .card-header h5 {
    font-size: 1rem;
    line-height: 32.78px;
  }

  #itemsPerPage {
    width: 100%;
    margin-bottom: 10px !important;
  }
}

@media (min-width: 767px) {

  .card-header,
  .card-body {
    padding: 16;
  }

  .card-header h5 {
    font-size: 1rem;
    line-height: 32.78px;
  }

  #itemsPerPage {
    width: 100%;
    margin-bottom: 10px !important;
  }
}

@media (min-width: 992px) {

  .card-header {
    padding: 20px;
  }

  .card-body {
    padding: 15px;
  }

  .card-header h5 {
    font-size: 1rem;
    line-height: 32.78px;
  }

  #itemsPerPage {
    width: 50%;
    margin-bottom: inherit !important;
  }
}

@media (min-width: 1100px) {

  .card-header {
    padding: 20px;
  }

  .card-body {
    padding: 15px;
  }

  .card-header h5 {
    font-size: 1rem;
    line-height: 32.78px;
  }

  #itemsPerPage {
    width: 50%;
    margin-bottom: inherit !important;
  }
}

@media (min-width: 1199px) {

  .card-header {
    padding: 20px;
  }

  .card-body {
    padding: 15px;
  }

  .card-header h5 {
    font-size: 1.10rem;
    line-height: 32.78px;
  }

  #itemsPerPage {
    width: 50%;
    margin-bottom: inherit !important;
  }
}

@media (min-width: 1300px) {

  .card-header {
    padding: 20px;
  }

  .card-body {
    padding: 15px;
  }

  .card-header h5 {
    font-size: 1.10rem;
    line-height: 32.78px;
  }

  #itemsPerPage {
    width: 50%;
    margin-bottom: inherit !important;
  }
}

@media (min-width: 1400px) {

  .card-header {
    padding: 20px;
  }

  .card-body {
    padding: 15px;
  }

  .card-header h5 {
    font-size: 1.10rem;
    line-height: 32.78px;
  }

  #itemsPerPage {
    width: 50%;
    margin-bottom: inherit !important;
  }
}

@media (min-width: 1500px) {
  .card-header {
    padding: 20px;
  }

  .card-body {
    padding: 15px;
  }

  .card-body {
    padding: 28px;
    /* Default padding */
  }

  .card-header h5 {
    font-size: 1.25rem;
    line-height: 32.78px;
  }

  #itemsPerPage {
    width: 50%;
    margin-bottom: inherit !important;
  }
}

@media (min-width: 1601px) {
  .card-header {
    padding: 20px;
  }

  .card-body {
    padding: 15px;
  }

  .card-header h5 {
    font-size: 1.25rem;
    line-height: 32.78px;
  }

  #itemsPerPage {
    width: 50%;
    margin-bottom: inherit !important;
  }
}

@media (min-width: 1700px) {
  .card-header {
    padding: 20px;
  }

  .card-body {
    padding: 15px;
  }

  .card-header h5 {
    font-size: 1.25rem;
    line-height: 28px;
  }

  #itemsPerPage {
    width: 50%;
    margin-bottom: inherit !important;
  }
}

@media (min-width: 1800px) {
  .card-header {
    padding: 20px;
  }

  .card-body {
    padding: 15px;
  }

  .card-header h5 {
    font-size: 1.25rem;
    line-height: 28px;
  }

  #itemsPerPage {
    width: 50%;
    margin-bottom: inherit !important;
  }
}

#search_user,
#search_item,
#search_category,
#search_sub_category {
  background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.0044 10.203C11.8636 9.16486 12.3799 7.83267 12.3799 6.37988C12.3799 3.06617 9.69359 0.379883 6.37988 0.379883C3.06617 0.379883 0.379883 3.06617 0.379883 6.37988C0.379883 9.69359 3.06617 12.3799 6.37988 12.3799C7.83269 12.3799 9.1649 11.8635 10.203 11.0044L12.6459 13.4472C12.8672 13.6685 13.226 13.6685 13.4473 13.4472C13.6686 13.2259 13.6686 12.8671 13.4473 12.6458L11.0044 10.203ZM6.37988 11.2679C3.68033 11.2679 1.49191 9.07944 1.49191 6.37988C1.49191 3.68033 3.68033 1.49191 6.37988 1.49191C9.07944 1.49191 11.2679 3.68033 11.2679 6.37988C11.2679 9.07944 9.07944 11.2679 6.37988 11.2679Z" fill="%23969CAC"/></svg>');
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: left 10px center;
  padding-left: 30px;
}

table#data-table tbody tr td {
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #6d6777;
}

.custom_icons img {
  margin-right: 1.25rem;
}

#pagination-info {
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: -0.01em;
  text-align: left;
  /* color: #969CAC; */
  color: #46484e;
}

@media (max-width: 767px) {
  #pagination-info {
    text-align: center;
    font-size: 1rem;
    margin-bottom: 15px;
  }

  .pagination .btn {
    padding: 10px;
  }

  #pagination .btn {
    font-size: 1rem;
  }

  .custom_pagination {
    flex-direction: column;
  }
}

.add_categorybtn {
  padding: 0.25rem 1rem;
  background-color: #00963F;
}

.add_categorybtn:hover {
  background-color: #007933;
}

.add_categorybtn span {
  display: flex;
  align-items: center;
  line-height: 22px;
  text-align: left;
  color: var(--white) !important;
  text-transform: capitalize;
}

.add_categorybtn svg {
  margin-right: 0.25rem;
  height: 16px;
  width: 16px;
}

.add_categorybtn span {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 24.59px;
  text-align: left;
  color: var(--white) !important;
}

::placeholder {
  color: #969CAC;
}

/* .menu-item .menu-link.menu-toggle.waves-effect .custom-menu-titles,
.menu-item .menu-link.menu-toggle.waves-effect::after{
  color:var(--dark-bg);
} */
/* .menu-item:focus .menu-link.menu-toggle.waves-effect::after,
.menu-item:hover .menu-link.menu-toggle.waves-effect::after{
  color:var(--white);
}
.menu-item.open .menu-link.menu-toggle.waves-effect,
.menu-item.open .menu-link.menu-toggle.waves-effect::after{
  color:var(--white);
} */


#layout-menu .menu-inner li.menu-item a .custom-menu-titles {
  background: transparent;
  color: var(--dark-bg);
  font-size: 1rem;
  font-weight: 500;
  line-height: 14px;
  text-align: left;
}

/* 
#layout-menu .menu-inner li.menu-item.active.open .menu-sub .menu-item.active .menu-link {
  background: var(--submenu-item-bg) !important;
  color: var(--white) !important;
}
*/
/*
#layout-menu .menu-inner li.menu-item.active .menu-link,
#layout-menu .menu-inner li.menu-item .menu-link:active,
#layout-menu .menu-inner li.menu-item .menu-link:hover,
#layout-menu .menu-inner li.menu-item .menu-link:focus,
#layout-menu .menu-inner li.menu-item .menu-link:hover .custom-menu-titles,
#layout-menu .menu-inner li.menu-item.active .menu-link:active,
#layout-menu .menu-inner li.menu-item.active .menu-link:hover,
#layout-menu .menu-inner li.menu-item.active .menu-link:focus,
#layout-menu .menu-inner li.menu-item.active .menu-link .custom-menu-titles {
  background: var(--menu-item-bg);
  color: var(--white) !important;
} */

.menu-inner .menu-item:first-child .menu-link:hover .menu-inner .menu-item:first-child .menu-link:focus {
  background: #53A02C;
}

#layout-menu .menu-inner li.menu-item.active a:first-child i,
#layout-menu .menu-inner li.menu-item.active a:first-child .custom-menu-titles {
  color: var(--white);
}

.menu-item .menu-link.menu-toggle.waves-effect::after {
  color: var(--dark-bg) !important;
}

.menu-item.open .menu-link.menu-toggle.waves-effect .custom-menu-titles {
  color: var(--white) !important;
}

.menu-item.active .menu-link.menu-toggle.waves-effect::after {
  color: var(--white) !important;
}

.menu-item.active.open .menu-sub .menu-item.active .menu-link {
  /* background: #e4f7d6; */
  /* background: #b1f47f; */
  /* 11-10-2024 */
  /* background: #A1D9B9; */
  background: #CEEAD9;
  color: var(--dark-bg) !important;
}

.menu-item.active.open .menu-sub .menu-item.active .menu-link::before {
  border: 1px solid var(--dark-bg) !important;
}

.viewtitle {
  font-size: 1rem !important;
  color: #6d697a;
  /* color: #000000; */
  font-weight: 500 !important;
  line-height: 1.4rem !important;
}

.viewdescription {
  font-size: 1rem !important;
  /* color: var(--text-color); */
  color: #6d697a;
  font-weight: 500 !important;
  line-height: 1.4rem !important;
}

.mainviewtitle {
  font-size: 1.35rem !important;
  color: #6d697a;
  font-weight: 600;
  line-height: 1.4rem !important;
  margin-bottom: 5px !important;
}

.restore-item-btn,
.edit-item-btn {
  background: #16b1ff !important;
  border: 1px solid #16b1ff !important;
}

.pause-item-btn {
  background-color: #ffb400;
  border-color: #ffb400;
}

.custom-delete-item-btn,
.close-item-btn {
  background-color: #ff4c51;
  border-color: #ff4c51;
}

.mark-as-sold-btn {
  background-color: #FF7621 !important;
  border-color: #FF7621 !important;
}

.custom-success-iconchange .swal2-success-circular-line {
  background: #FF7621 !important;
}

.custom-success-iconchange .swal2-success {
  background-color: transparent;
  /* Remove the default background */
}

/* Optional: Style the success icon checkmark */
.custom-success-iconchange .swal2-success-ring {
  border-color: #FF7621 !important;
}

.custom-success-iconchange .swal2-success-line-long,
.custom-success-iconchange .swal2-success-line-tip {
  background-color: #FF7621 !important;
  /* Change checkmark color */
}

.mark-as-sold-btn:hover,
.mark-as-sold-btn:active,
.mark-as-sold-btn:focus {
  background-color: #f86b13 !important;
  border-color: #f86b13 !important;
}

button.swal2-confirm.swal2-styled {
  background-color: var(--menu-item-bg);
  border-color: var(--menu-item-bg);
}

.no-border-icon {
  background: none;
  /* Remove background */
  border: none;
  /* Remove border */
}

option.selected {
  background: #e4f7d6;
}

#itemsPerPage option:checked {
  background-color: #e4f7d6;
  /* This will not apply in most cases */
}

#itemsPerPage option:hover {
  background-color: #e4f7d6;
  /* Change background on hover */
}

@media (max-width: 1100px) {
  .mainviewtitle {
    font-size: 1.25rem !important;
  }

  .card-header h5 {
    font-size: 1.59rem;
  }

  .add_categorybtn {
    /* width: 100%; */
    margin-top: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .add_categorybtn span {
    display: block !important;
    font-size: 1rem;
  }

  .dropdown-item img {
    margin-right: 5px;
  }

  #search_item {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .btn_custom_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .btn_custom_section a {
    margin: 5px 0px;
  }

  .viewtitle,
  .viewdescription {
    font-size: 1rem !important;
  }

  .mainviewtitle {
    font-size: 1.2rem !important;
  }

  .card-header h5 {
    font-size: 1.50rem;
  }

  .card-header {
    flex-wrap: wrap;
  }

  .add_categorybtn {
    width: 100%;
    margin-top: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .add_categorybtn span {
    display: block !important;
    font-size: 1rem;
  }

  .card-footer {
    flex-wrap: wrap;
  }

  #pagination .btn {
    padding: 0px 16px !important
  }

  .dropdown-item img {
    margin-right: 5px;
  }

  #search_item {
    margin-top: 10px;
  }
}

.auto_translate,
.auto_translate:hover {
  color: var(--white) !important;
}

.dropdown-item img {
  margin-right: 10px;
}

#pagination .btn {
  /* padding: 7px 16px !important; */
  padding: 4px 12px !important;
}

.custom_pagination {
  align-items: center;
}

@media (max-width: 767px) {
  .custom_pagination {
    overflow-x: auto;
  }

  .custom_pagination .pagination-info {
    text-align: left !important;
  }

  .custom_pagination #pagination {
    justify-content: flex-start;
  }
}

table#data-table tbody tr td {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 767px) {
  table#data-table tbody tr td {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* .table > thead {
  vertical-align: bottom;
  /* background: #e4f6d8; 
} */
.card-header {
  /* background: #e4f6d8; */
  /* 11-10-2024 */
  background: #E6F5EC !important;
}

@media (max-width: 767px) {
  .search_feild input {
    width: 100%;
  }
}

.menu .app-brand.demo {
  /* 11-10-2024 */
  /* border-bottom: 1px solid #53A02C; */
}

.layout-menu .app-brand-link {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

.layout-menu .app-brand-link .app-brand-logo span svg {
  width: 150px;
  height: 150px;
}

.layout-menu {
  border-right: 1px solid #1D450933;
}

@media (max-width: 1400px) {
  .layout-menu .app-brand-link .app-brand-logo span svg {
    width: 150px;
    height: 150px;
  }

  .form-control {
    width: 100% !important;
  }
}

.sort-icon .menu-icon::before {
  font-size: 1rem;
  color: gray;
}

.loading_section {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

.dropdown-item {
  width: 20px !important;
}

.container-p-y:not([class^=pb-]):not([class*=" pb-"]) {
  padding-top: 5px !important;
}


tr th:first-child {
  /* width: 20px; */
}

@media (max-width: 767px) {
  .swal2-title {
    font-size: 1.25rem;
    padding: 8px 10px 0px 10px;
    line-height: 29px;
  }

  .swal2-html-container {
    font-size: 1rem !important;
  }

  .swal2-actions {
    margin-top: 5px !important;
  }

  .swal2-confirm,
  .swal2-deny,
  .swal2-cancel {
    padding: 10px 10px;
    font-size: 0.85rem;
  }

  .swal2-icon,
  .swal2-icon-content,
  .swal2-icon-content img {
    height: 50px;
    width: 50px;
  }
}


/* Style for elements with a title attribute  */
/* .custom-tooltip {
  --bs-tooltip-bg: #5bc0de; 
  --bs-tooltip-color: white;
  --bs-tooltip-border-color: #46b8da;
} */
/* [title] {
  position: relative;
}

[title]:hover::after {
  content: attr(title);
  position: absolute;
  background-color: #333; 
  color: white; 
  padding: 5px 10px;
  border-radius: 5px;
  top: 100%; 
  left: 0;
  white-space: nowrap;
  z-index: 10;
  font-size: 12px;
}


[title]:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1); 
} */

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item>.menu-sub>.menu-item>.menu-link::before {
  content: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.1001 21.75H6.90007C5.12476 21.7315 3.42891 21.0113 2.18291 19.7465C0.936921 18.4818 0.242047 16.7754 0.250069 15V7C0.242047 5.22462 0.936921 3.5182 2.18291 2.25347C3.42891 0.98874 5.12476 0.268476 6.90007 0.25H15.1001C16.8754 0.268476 18.5712 0.98874 19.8172 2.25347C21.0632 3.5182 21.7581 5.22462 21.7501 7V15C21.7581 16.7754 21.0632 18.4818 19.8172 19.7465C18.5712 21.0113 16.8754 21.7315 15.1001 21.75ZM6.90007 1.81C5.53494 1.82581 4.23124 2.3799 3.27246 3.35179C2.31368 4.32368 1.77734 5.63478 1.78007 7V15C1.77734 16.3652 2.31368 17.6763 3.27246 18.6482C4.23124 19.6201 5.53494 20.1742 6.90007 20.19H15.1001C16.4652 20.1742 17.7689 19.6201 18.7277 18.6482C19.6865 17.6763 20.2228 16.3652 20.2201 15V7C20.2228 5.63478 19.6865 4.32368 18.7277 3.35179C17.7689 2.3799 16.4652 1.82581 15.1001 1.81H6.90007ZM6.15007 9.81C6.26 9.79406 6.36517 9.75453 6.45838 9.69412C6.55159 9.6337 6.63063 9.55384 6.69007 9.46L8.38007 6.73C8.48943 6.55441 8.52556 6.34292 8.48068 6.14097C8.43581 5.93903 8.31351 5.76275 8.14007 5.65C8.05523 5.59569 7.96032 5.55902 7.861 5.54219C7.76167 5.52536 7.65998 5.52872 7.56199 5.55205C7.46399 5.57538 7.3717 5.61822 7.29062 5.678C7.20954 5.73778 7.14133 5.81328 7.09007 5.9L5.87007 7.9L5.18007 7.29C5.1055 7.22174 5.01791 7.16926 4.92255 7.13572C4.82718 7.10217 4.72603 7.08825 4.62515 7.09479C4.52427 7.10133 4.42575 7.12819 4.33552 7.17377C4.24529 7.21934 4.1652 7.28269 4.10007 7.36C3.96849 7.51737 3.90238 7.71926 3.91541 7.92398C3.92843 8.1287 4.0196 8.32058 4.17007 8.46L5.54007 9.67C5.67913 9.79029 5.85622 9.85758 6.04007 9.86L6.15007 9.81ZM17.7201 8.26C17.7207 8.06312 17.6468 7.8733 17.5132 7.72863C17.3797 7.58396 17.1964 7.49514 17.0001 7.48H11.0001C10.8282 7.51968 10.6749 7.61643 10.5651 7.75445C10.4553 7.89248 10.3956 8.06364 10.3956 8.24C10.3956 8.41636 10.4553 8.58752 10.5651 8.72555C10.6749 8.86357 10.8282 8.96032 11.0001 9H17.0001C17.1896 8.9856 17.3674 8.90245 17.5 8.76618C17.6326 8.62991 17.7109 8.44991 17.7201 8.26ZM6.12007 15.26C6.23 15.2441 6.33517 15.2045 6.42838 15.1441C6.52159 15.0837 6.60063 15.0038 6.66007 14.91L8.35007 12.2C8.45892 12.026 8.49476 11.816 8.44983 11.6157C8.40491 11.4154 8.28283 11.2409 8.11007 11.13C7.94419 11.0351 7.74831 11.007 7.56246 11.0516C7.3766 11.0962 7.21479 11.2101 7.11007 11.37L5.89007 13.37L5.20007 12.76C5.12486 12.6923 5.03674 12.6406 4.941 12.6078C4.84526 12.5751 4.7439 12.5621 4.643 12.5696C4.5421 12.577 4.44376 12.6049 4.35389 12.6513C4.26402 12.6978 4.18449 12.762 4.12007 12.84C3.98849 12.9974 3.92238 13.1993 3.93541 13.404C3.94843 13.6087 4.0396 13.8006 4.19007 13.94L5.56007 15.14C5.69669 15.2643 5.87537 15.3322 6.06007 15.33L6.12007 15.26ZM17.7401 13.71C17.7255 13.5214 17.6419 13.3448 17.5055 13.2139C17.369 13.0829 17.1891 13.0068 17.0001 13H11.0001C10.7932 13 10.5948 13.0822 10.4485 13.2285C10.3022 13.3747 10.2201 13.5731 10.2201 13.78C10.2201 13.9869 10.3022 14.1853 10.4485 14.3315C10.5948 14.4778 10.7932 14.56 11.0001 14.56H17.0001C17.103 14.5562 17.2041 14.5318 17.2974 14.4883C17.3907 14.4447 17.4744 14.3829 17.5434 14.3064C17.6124 14.2299 17.6653 14.1404 17.6991 14.0431C17.7329 13.9458 17.7468 13.8428 17.7401 13.74V13.71Z" fill="%231E2129"/></svg>');
  top: 10px;
  border: 0px solid red !important;
}

a.text-truncate.text-heading.fw-medium p {
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 21.86px !important;
  color: #1E2129 !important;
  text-align: left !important;
}

.text-truncate {
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 21.86px !important;
  text-align: left !important;
  color: #808389 !important;
}

.innertitle {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 27.32px !important;
  text-align: left !important;
  color: #1E2129 !important;
}

.avatar-sm .avatar-initial,
.avatar-sm .avatar-initial svg {
  height: 40px;
  width: 40px;
}

.avatar.avatar-sm {
  height: 40px;
  width: 40px;
}

.btn.Backbtn {
  padding: 12px 18px 12px 18px !important;
  gap: 8px !important;
  border-radius: 6px !important;
  border: 1px 0px 0px 0px !important;
  opacity: 0px !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  line-height: 14px !important;
  text-align: left !important;
  background: #F7F7F7 !important;
  border: 1px solid #DEDEDE !important;
  color: #808389 !important;
}

.langtable table thead tr th {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 21.86px !important;
  text-align: left !important;
  color: #1E2129 !important;
}

.langtable table tbody tr td {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 21.86px !important;
  text-align: left !important;
  color: #1E2129 !important;
}

.langtable table tbody tr td.langdesc {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24.86px !important;
  text-align: left !important;
  color: #808389 !important;
}

.custom_img_items {
  border: 1px solid #007933;
  width: 100%;
  height: 175px;
  object-fit: contain;
  border-radius: 13px;
}

.custom_img_items_edit {
  border: 1px solid #007933;
  width: 25%;
  height: 175px;
  object-fit: contain;
  border-radius: 13px;
}

.nav-item .dropdown-menu li .dropdown-item {
  width: 100% !important;
}

@media (max-width: 1299px) {
  .btn {
    padding: 5px 16px !important;
    font-size: 0.85rem;
  }

  .action_section {
    gap: 1rem !important;
  }

  .menu-vertical .menu-item .menu-link {
    font-size: 0.85rem;
  }

  table#data-table tbody tr td {
    font-size: 0.75rem;
  }

  /* .menu-item .menu-link{
    padding: 7px 10px !important;
  } */
  .langtable table thead tr th {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .langtable table tbody tr td {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .langtable table tbody tr td.langdesc {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  a.text-truncate.text-heading.fw-medium p {
    font-size: 0.75rem !important;
    line-height: 20px !important;
  }

  .view_custom_item .col-lg-7 {
    width: 100% !important;
  }

  .view_custom_item .col-lg-5 {
    margin-top: 20px;
    width: 100% !important;
  }

  .card-header {
    padding: 15px !important;
  }
}

.authentication-inner .card {
  border: 1px solid #00963F;
}

@media (max-width:992px) {

  .custom_img_items:first-child,
  .custom_img_items:nth-child(2) {
    margin-top: 20px;
  }
}


/* [title] {
  position: relative; 
  background-color: #333;
  color: white; 
  padding: 5px 10px; 
  border-radius: 5px;
  top: 100%; 
}

[title]:hover::after {
  content: attr(title);
  position: absolute;
  background-color: #333;
  color: white; 
  padding: 5px 10px; 
  border-radius: 5px;
  top: 100%; 
  left: 0;
  white-space: nowrap;
  z-index: 10;
  font-size: 12px; 
}
[title]:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
} */
.text-truncate.address_desc {
  width: 50%;
  overflow: auto !important;
  text-overflow: unset !important;
  white-space: normal !important;
}

#second_image,
#first_image,
#video {
  width: 50%;
}

@media (max-width:992px) {
  .address_desc {
    width: 100% !important;
  }

  #second_image,
  #first_image,
  #video {
    width: 100% !important;
  }
}

textarea.form-control {
  height: auto !important;
}

/* .custom-menu-title
{
  font-size: 0.85rem !important;
  color: var(--dark-bg) !important;
} */
option {
  font-size: 0.84rem !important;
}

textarea+.form-floating>.form-control:focus~label,
.form-floating>.form-control:focus:not(:placeholder-shown)~label {
  background: white !important;
}

.tippy-box[data-theme~='light'] {
  background-color: #202020e3;
  color: #ffffff;
  font-weight: 700;
  border-radius: 4px;
  padding: 8px;
  box-shadow: 0 1px 2px 0px rgba(0, 150, 63, 0.5);
}

.tippy-box[data-theme~='light'] .tippy-arrow {
  color: #202020e3;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 58px;
  height: 30px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 4px;
  right: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #00963f;
}

input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.draw-date-picker input {
  border: 2px solid #cccccc !important;
  border-radius: 5px;
  padding: 4px;
}

.draw-winner-title {
  font-size: 24px;
  text-align: center;
  margin-top: 2rem;
  color: #00963f;
}

.lucky-draw {
  height: 3rem;
}

.end_date_datepicker {
  padding: calc(0.5rem - 2px) calc(0.875rem - 2px) !important;
}