* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #dee2e6;
  overflow-x: hidden;
  padding: 0 !important;
}

main {
  min-height: calc(100vh - 162px);
}

.btn-primary {
  background-color: #d8842c;
  border: 1px solid #d8842c;
  color: #fff;
}
.dataTables_wrapper{
    /*overflow-x: scroll !important;*/
}

.btn-primary:hover {
  background-color: transparent;
  border: 1px solid #d8842c;
  color: #d8842c;
}

.btn-primary-outline {
  background-color: #d8842c;
  border: 1px solid #d8842c;
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

.btn-primary-outline:hover {
  background-color: transparent;
  border: 1px solid #d8842c;
  color: #d8842c;
}

.listingTable tr td img {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

.listingTable tr td:first-child {
  border-top-left-radius: 8px;
}

.listingTable tr td:last-child {
  border-top-right-radius: 8px;
}

.listingTable tr td:first-child {
  border-bottom-left-radius: 8px;
}

.listingTable tr td:last-child {
  border-bottom-right-radius: 8px;
}

.listingTable tr td {
  border-top-style: solid;
  font-size: 12px;
}

.listingTable tr td {
  border-left-style: unset;
  border-right-style: unset;
}

table.listingTable {
  border-collapse: separate;
  border-spacing: 0 5px !important;

}

.listingTable td {
  border: solid 1px #dee2e6;
}

/* Category and subcategory title styles */
.listingTable thead tr td {
  font-size: 18px !important;
  font-weight: 700;
}

.listingTable thead tr td a {
  font-size: 18px !important;
  font-weight: 700;
}

.link {
  font-size: 16px;
  text-decoration: none;
  font-weight: 600;
}

.link:hover {
  text-decoration: underline;
  font-weight: 700;
}

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

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

.list-square {
  list-style-type: square;
  padding-inline-start: 13px;
}

.list-square li::marker {
  color: #d8842c;
  font-size: 1em;
}

.list-dashed li::before {
  content: "-";
  color: #d8842c;
}

.navbrand img {
  max-width: 250px;
}

.accountImage img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

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

.searchInput:focus,
.searchInput:focus-visible,
.searchInput {
  outline: 0;
  box-shadow: unset !important;
}

.text-primary {
  color: #0649ac !important;
}

.form-one,
.form-two,
.form-three,
#accordion-insta,
#accordion-twitter {
  display: none;
}

.tags span {
  cursor: pointer;
}

.tableBtn {
  min-width: 80px;
}

.nav-link {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.nav-link.active {
  font-weight: bold;
  color: #d8842c !important;
}

.bg-secondary {
  background-color: #676767 !important;
}

@media only screen and (max-width: 992px) {
  .nav-link {
    padding-right: auto !important;
    padding-left: auto !important;
  }
}
table.dataTable>tbody>tr.selected>td.select-checkbox:after, table.dataTable>tbody>tr.selected>th.select-checkbox:after {
    content: "✓" !important;
    font-size: 20px !important;
    margin-top: -19px !important;
    margin-left: -6px !important;
    text-align: center !important;
}


/*-----------------------------Accordion Styling Start--------------------------------- */

.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #d8842c;
  color: #fff;
  border-radius: 6px 6px 0 0;
}

.panel-default,
.panel-heading {
  border-radius: 6px;
}

.panel-default>.panel-heading a[aria-expanded="false"] {
  background-color: #d8842c;
  color: #fff;
  border-radius: 4px;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);

}

/*--------------------------- Accordion Styling End ---------------------------*/


.social-buttons {
  grid-gap: 10px;
}

.socialbtn {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-color: #d8842c;
  border: 1px solid #d8842c;
  color: #fff;
}

.socialbtn:hover {
  background-color: transparent;
  color: #d8842c;
}

a.dashboardLink {
  color: #000;
  background-color: #fff;
}

a.dashboardLink:hover i {
  color: #ff8200;
}

a.dashboardLink:hover {
  background-color: #f1f1f1;
  color: #000;
}

a.dashboardLink.active {
  background-color: #f1f1f1;
  color: #000;
}
a.dashboardLink i {
    color: #26bf0b;
}
a.dashboardLink.active i {
  color: #ff8200;
}

.min-height {
  min-height: 335px;
}

.gift-card__balance {
  padding: 70px 10px 10px;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
  background: url(../images/wave.svg) no-repeat, linear-gradient(315deg, #000000, #212121);
  background-size: 102% 170px;
  margin-bottom: 24px;
}

#menu,
.ticketBTn {
  display: none;
  transition: display 0.2s;
}

.menu-open,
.tickets_opener {
  display: block;
  transition: display 0.2s;
}

@media only screen and (max-width:992px) {

  #menu,
  .ticketBTn {
    display: block;
    transition: display 0.2s;
  }

  .menu-open,
  .tickets_opener {
    display: none;
    transition: display 0.2s;
  }
}


/*--------------------- Chat CSS Start---------------------*/


.chat-online {
  color: #34ce57
}

.chat-offline {
  color: #e4606d
}

.chat-messages {
  display: flex;
  flex-direction: column;
  max-height: 600px;
    min-height: 600px;
  overflow-y: scroll
}
#send_btn{
    background-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 8px;
}
#send_btn:hover{
    background-color: #d8842c;
    width: 40px;
    height: 40px;
    color:#fff;
    border-radius: 8px;
}

.chat_input_wrapper{
background-color: #eff2f7;
    border-radius: 8px !important;
    flex-grow: 2;
}
.attachment{
    width: 55px!important;
    height: 55px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    font-size: 27px !important;
    border-radius: 50px !important;
    transform: rotate(45deg)!important;
}
#message{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
#message:focus-visible , #message:focus{
    box-shadow: unset !important;
    outline: unset !important;
}
.tickets_opener {
  max-height: 700px;
  overflow-y: scroll
}
.links_tickets{
    font-size: 24px !important;
}
.i_wr_me{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}
@media only screen and (max-width: 992px){
    .links_tickets {
        font-size: 18px !important;
    }
    .attachment{
        width: 40px!important;
        height: 40px!important;
        font-size: 20px !important;
    }
    #message{
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .i_wr_me{
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
}
.chat-message-left,
.chat-message-right {
  display: flex;
  flex-shrink: 0
}

.chat-message-left {
  margin-right: auto
}

.chat-message-right {
  /*    flex-direction: row-reverse;*/
  margin-left: auto
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.pills-active {
  background-color: rgba(99, 107, 125, 1);
  color: #ffffff;
}

@media only screen and (max-width:992px) {
  .tickets_opener {
    max-height: 400px;
    overflow-y: scroll
  }
}

/*--------------------- Chat CSS End---------------------*/
.listingTable tr td:nth-child(2) {
  min-width: 300px;
}

/* Product name font enhancement */
.listingTable tr td:nth-child(2) a {
  font-size: 18px !important;
  font-weight: 600;
}

.dropdown-menu-width {
  min-width: 200px !important;
  max-width: 200px !important;
}

/*.goog-logo-link , .VIpgJd-ZVi9od-l4eHX-hSRGPd{
    display:none !important;
}
.goog-te-gadget{
    color: transparent !important;
}*/
.goog-te-combo {
  padding: 0.5rem !important;
}

.VIpgJd-ZVi9od-ORHb {
  display: none !important;
}




input.number[type=number] {
  position: relative;
  top: -1px;
  vertical-align: middle;
  outline: 0;
  height: 32px;
  width: 3em;
  text-align: center;
  border: 2px solid #e1e1e1;
  border-radius: 20px;
  margin: 0;
  /*-moz-appearance: textfield;*/
}

/*input::-webkit-outer-spin-button,*/
/*input::-webkit-inner-spin-button {*/
/*  -webkit-appearance: none;*/
/*}*/

.button1 {
  margin-top: 2px;
  margin-left: 6px;
  float: left;
  display: inline-block;
  background: #AC796A;
  border-radius: 3px;
  border: 0;
  height: 30px;
  white-space: nowrap;
  padding: 0 15px;
  overflow: visible;
  font-weight: bold;
  font-size: 14px;
  line-height: 29px;
  text-indent: 0 !important;
  text-shadow: none;
  text-align: center !important;
  color: white;
  text-decoration: none !important;
  -webkit-appearance: none;
}

.icon-minus-squared,
.icon-plus-squared {
  width: 30px;
  display: inline-block;
  border-radius: 50%;
  /* background-color: #676767; */
  background-color: #d8842c;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font: bold 18px/30px "arial";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.off {
  cursor: default;
  opacity: .3;
}

input.checkoutmain {
  display: none;

}

.checkboxlabel {
  cursor: pointer;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #d8842c;
  color: #d8842c !important;
}

input.checkoutmain:checked[type=checkbox]+.checkboxlabel {
  background-color: #d8842c;
  color: #fff !important;
}

/*.step-2{*/
/*	display: none;*/
/*	*/
/*}*/
.form-check-input:checked {
  border-color: #d8842c !important;
  background-color: #d8842c !important;
}

.form-check-input:focus,
.form-check-input:focus-visible,
input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible,
.form-select:focus,
.form-select:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(216, 132, 44, 0.25) !important;
  border-color: rgba(216, 132, 44, 0.25) !important;
}

.crisp-client .cc-1uzwc .cc-si1fm .cc-7jtwt:focus-visible {
  box-shadow: none !important;
  border-color: initial !important;
}

/*input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}*/

/* Firefox */
/*input[type=number] {
  -moz-appearance: textfield;
}*/
#mceu_39 {
  display: none;
}

.image_preview {
  border: 1px solid #dedede;
}

.image_preview img {
  min-height: 150px;
  max-height: 150px;
  max-width: 150px;
  max-width: 150px;
  margin: 0 auto;
  border-radius: 10px;
  justify-content: center;
}

.mce-widget.mce-notification.mce-notification-warning.mce-has-close.mce-in {
  display: none;
}


/*______________________________Changings_____________________________*/
#AddToCartButton {
  background-color: #3dba54;
  border: 0;
}

#promo_code_apply_btn {
  background-color: #3dba54;
  border: 0;
}


.currency_logos {
  display: flex;
  flex-wrap: wrap;
}

.currency_logos img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 10px;
}


/*----------------------- DropZone Css -----------------------*/
input.file-chooser__input::-webkit-file-upload-button , input.file-chooser__input_attachment::-webkit-file-upload-button{
  position: absolute;
  padding: 10px 10px;
  background-color: #d8842c;
  border: none;
  left: 0;
  right: 0;
  border-radius: 5px;
  color: white;
  text-transform: uppercase;
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  transition: 100ms ease-out;
  cursor: pointer;
  margin: 0 auto;
  justify-content: center;
}

input.file-chooser__input::-webkit-file-upload-button:hover , input.file-chooser__input_attachment::-webkit-file-upload-button:hover {
  background-color: #d8842c;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12)
}

ul.file-list {
  padding-inline-start: 0px !important;
  padding-bottom: 1rem;
}

ul.file-list li {
  margin-bottom: 0.5rem;
  background: #fff;
  padding: 0 0 0 10px;
}

.file-uploader {
  /*  background-color: #dbefe9;*/
  border-radius: 10px;
  border: 2px dashed #121212;
  color: #242424;
}

.file-uploader__message-area {
  font-size: 18px;
  padding: 1em;
  text-align: center;
  color: #d8842c;
}

.file-list__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-list li {
  height: 50px;
  line-height: 50px;
  border: none;
  overflow: hidden;
}

.removal-button {
  width: 20%;
  border: none;
  background-color: #d8842c;
  color: white;
}

.removal-button::before {
  content: "X";
}

.removal-button:focus {
  outline: 0;
}

.file-chooser {
  padding: 1em;
  transition: background-color 1s, height 1s;
}

.file-chooser p {
  font-size: 18px;
  padding-top: 1em;
}

.file-uploader {
  /*  max-width: 400px;*/
  height: auto;
  margin: 2em auto;
}

.file-uploader * {
  display: block;
}

.file-uploader input[type="submit"] {
  margin-top: 2em;
  float: right;
}

.file-list {
  margin: 0 auto;
  max-width: 100%;
}

.file-list__name {
  max-width: 70%;
  float: left;
}

.removal-button {
  display: inline-block;
  height: 100%;
  float: right;
}

.file-chooser {
  width: 90%;
  margin: 0.5em auto;
}

.file-chooser__input , .file-chooser__input_attachment {
  margin: 10px 0 0 125px;
}

.file-uploader__submit-button {
  width: 100%;
  border: none;
  font-size: 1.5em;
  padding: 1em;
  background-color: #72bfa7;
  color: white;
}

.file-uploader__submit-button:hover {
  background-color: #a7d7c8;
}

.file-list li:after,
.file-uploader:after {
  content: "";
  display: table;
  clear: both;
}

.hidden {
  display: none;
}

.hidden input {
  display: none;
}

.error {
  background-color: #d65d38;
  color: white;
}

.liactive {
  color: #5CE78B !important;
}
.btn-secondary-new{
  background-color: rgb(204, 204, 204);
}

/*___________________________________________________________________________________________*/
.custom_responsive_table tbody tr td:nth-of-type(2) a{
  font-size: 14px !important;
}
.mobile-only{
  display: none;
}

@media only screen and (max-width: 992px){
  .mobile-only{
    display: block;
  }
  .custom_responsive_table thead tr td:not(:nth-of-type(1)){
    display: none;
  }
  .custom_responsive_table thead tr td:nth-of-type(1){
    border-radius: 8px !important;
  }
  .custom_responsive_table tbody tr{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
    border-radius: 4px;
    overflow: hidden;
  }
  .custom_responsive_table tbody tr td{
    background: white;
    border: none !important;
  }

  .custom_responsive_table tbody tr td:nth-of-type(1){
    order: 0;
    width: 50px;
  }
  .custom_responsive_table tbody tr td:nth-of-type(2){
    order: 5;
    background: white;
    padding: 10px;
    border-top: 1px solid #dee2e6 !important;
    width: 100%;
  }
  .custom_responsive_table tbody tr td:nth-of-type(3){
    order: 1;
    /*width: 100px;*/
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
  }
  .custom_responsive_table tbody tr td:nth-of-type(4){
    display: none;
    order: 2;
    margin-left: auto;
  }
  .custom_responsive_table tbody tr td:nth-of-type(5) {
    order: 3;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    color: #959595;
    font-size: 14px !important;
  }
  .custom_responsive_table tbody tr td:nth-of-type(6){
    order: 4;
    width: 100px;
    margin-left: 0px;
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width: 320px) {
  .custom_responsive_table tbody tr td:nth-of-type(3){
    width: 52px;
  }

  .homepage .table-responsive{
    overflow: unset !important;
    overflow-x: unset !important;
  }
}

/* Dashboard/profile pages: breadcrumb sits in a plain .container (12px),
   but the sidebar layout's "row mx-0" cancels the gutter that would normally
   offset the .col-lg-9 back to the container edge, so the card content ends
   up further right than the breadcrumb on mobile. These force the breadcrumb
   to the same final inset as each page's card wrapper. */
@media only screen and (max-width: 575.98px) {
  .breadcrumb-align-card { padding-left: 3rem !important; padding-right: 3rem !important; }
  .breadcrumb-align-funds { padding-left: 44px !important; padding-right: 44px !important; }
  .breadcrumb-align-report { padding-left: 40px !important; padding-right: 40px !important; }
  .breadcrumb-align-hero { padding-left: 36px !important; padding-right: 36px !important; }
}


.dropup .dropdown-toggle::after{
    transform: rotate(180deg) !important;
}


/*_______________*/
.fs-18{
    font-size: 22px !important;
}
/* Style the label as a button */
.file-label {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

/* Style the actual file input to be hidden */
.file-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

/* Style the button */
.btn {
    cursor: pointer;
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 4px;
}

/* Style the icon */
.fa-paperclip {
    margin-right: 5px;
}

/* Style the button when hovering over the label */
.file-label:hover .btn {
    background-color: #007bff;
    color: #fff;
}
#attach_btn{
    width: 40px;
    height: 40px;
    display: flex;
    align-items:center;
    justify-content: center;
    cursor: pointer;
}
#attach_btn:hover {
    background-color: #d8842c;
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 8px;
}

.table{
    position: relative !important;
}
.table .dropdown-menu {
    position: fixed !important;
    width: 50px !important;
    /*transform: translate(-92%, -50%) !important;*/
}