/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

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

.app-brand-logo.demo svg {
  width: 22px;
  height: 38px;
}

.app-brand-text.demo {
  font-size: 1.6rem;
  letter-spacing: -0.5px;
}

/* ! For .layout-navbar-fixed added fix padding top to .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 74px !important;
}
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.docs-page .layout-navbar-fixed.layout-wrapper:not(.layout-without-menu) .layout-page,
.docs-page .layout-menu-fixed.layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 62px !important;
}

/* 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: 1rem !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;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 231px;
    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: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}



/*============================
  67.datatables
============================*/
table.dataTable {
  margin: 0 !important;
  border: 1px solid #E2E4E6;
  border-bottom: 0;
  border-radius: 3px;
}

.dataTables_scrollHeadInner {
  width: 100% !important;
}

/* table.dataTable > thead .sorting:after,
table.dataTable > thead .sorting_asc:after,
table.dataTable > thead .sorting_desc:after,
table.dataTable > thead .sorting_asc_disabled:after,
table.dataTable > thead .sorting_desc_disabled:after {
  right: 8px !important;
  content: "\f175" !important;
  font-family: "Font Awesome 5 Free";
  bottom: 12px !important;
  color: #5D6772 !important;
  font-size: 10px !important;
  opacity: 1 !important;
  position: absolute;
  font-weight: 600;
  line-height: 1px !important;
}

table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting_asc:before,
table.dataTable > thead .sorting_desc:before,
table.dataTable > thead .sorting_asc_disabled:before,
table.dataTable > thead .sorting_desc_disabled:before {
  right: 14px !important;
  content: "\f176" !important;
  font-family: "Font Awesome 5 Free";
  top: 50% !important;
  color: #5D6772 !important;
  font-size: 10px !important;
  opacity: 1 !important;
  position: absolute;
  font-weight: 600;
  line-height: 1px !important;
} */

/* .dataTables_paginate .paging_numbers {
  float: right;
} */

.dataTables_info {
  font-size: 14px;
  color: #5D6772;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .dataTables_info {
    font-size: 12px;
    text-align: center;
    padding-bottom: 0 !important;
  }
}

.custom-select {
  min-width: 80px;
  background: url(../img/icons/dropdown.html) no-repeat 95% 50%;
}

/* .dataTables_paginate .pagination {
  justify-content: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
}
.dataTables_paginate .pagination li {
  margin: 0 4px;
}
.dataTables_paginate .pagination li a {
  background: transparent;
  border-color: var(--cf-border-color);
  border-radius: 5px !important;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--cf-gray-900);
  font-size: 14px;
  padding: 0;
}
.dataTables_paginate .pagination li a:hover {
  background: var(--cf-light);
  border-color: var(--cf-border-color);
  color: var(--cf-gray-900);
}
.dataTables_paginate .pagination li.active a.page-link {
  background: rgb(234.3, 225.3, 255);
  border-color: #7539FF;
  color: #7539FF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dataTables_paginate .pagination li.previous.disabled, .dataTables_paginate .pagination li.prev {
  width: auto;
  margin: 0 4px 0 0;
}
.dataTables_paginate .pagination li.previous.disabled a, .dataTables_paginate .pagination li.prev a {
  background-color: transparent;
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 15px;
}
.dataTables_paginate .pagination li.previous.disabled a:hover, .dataTables_paginate .pagination li.prev a:hover {
  color: #27AE60;
}
.dataTables_paginate .pagination li.previous.disabled a, .dataTables_paginate .pagination li.next.disabled a {
  color: #C6CACE;
}
.dataTables_paginate .pagination li.next.disabled, .dataTables_paginate .pagination li.next {
  width: auto;
  margin: 0 0 0 4px;
}
.dataTables_paginate .pagination li.next.disabled a, .dataTables_paginate .pagination li.next a {
  background-color: transparent;
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 15px;
}
.dataTables_paginate .pagination li.next.disabled a:hover, .dataTables_paginate .pagination li.next a:hover {
  color: #7539FF;
} */
@media (max-width: 767.98px) {
  .dataTables_paginate .pagination {
    justify-content: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
  }
}

.dataTables_length {
  padding: 20px 20px 0;
  float: left;
}
@media (max-width: 767.98px) {
  .dataTables_length {
    text-align: center;
    padding-bottom: 0;
    float: none;
  }
}
@media (max-width: 767.98px) {
  .dataTables_length label {
    justify-content: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
  }
}

.dataTables_paginate {
  margin-top: 20px !important;
}

.dataTables_length label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #5D6772;
  font-size: 13px;
}
.dataTables_length label .form-select {
  width: 61px;
  border: 1px solid var(--cf-border-color);
  border-radius: 5px;
  color: #2E3B48;
  margin: 0 8px;
  background-position: right 5px center;
  padding-right: 15px;
  line-height: normal;
}

@media (max-width: 767.98px) {
  .datatable-length {
    text-align: center;
  }
}

div.dataTables_wrapper div.dataTables_info {
  padding: 15px 0;
  display: none;
}
div.dataTables_wrapper div.dataTables_length label {
  font-weight: 500;
}
div.dataTables_wrapper div.dataTables_length select {
  padding: 6px 10px;
  width: 51px;
  font-size: 13px;
  background-color: var(--cf-white);
}

table.dataTable thead > tr > th.no-sort.sorting_asc:before {
  display: none;
}

table.dataTable thead > tr > th.no-sort.sorting_asc::after {
  display: none;
}

table.dataTable thead > tr > th.no-sort.sorting:before {
  display: none;
}

table.dataTable thead > tr > th.no-sort.sorting::after {
  display: none;
}

.custom-table .table-responsive {
  border: 1px solid #C6CACE;
  border-radius: 6px;
}

table.table.dataTable > tbody > tr {
  border-color: var(--cf-border-color);
}
table.table.dataTable > tbody > tr td {
  color: #5D6772;
  border-bottom: 1px solid var(--cf-border-color);
  padding: 8px 24px 8px 16px;
}
table.table.dataTable > thead > tr {
  border-color: var(--cf-border-color);
}
table.table.dataTable > thead > tr th {
  color: var(--cf-gray-900);
  font-size: 13px;
  font-weight: 600;
  padding: 4px 28px 4px 16px;
  background: var(--cf-light);
}

.dataTables_filter {
  margin-bottom: 20px;
}

#select-all ~ .checkmarks {
  top: -7px;
}

#select-all2 ~ .checkmarks {
  top: -7px;
}

#select-all3 ~ .checkmarks {
  top: -7px;
}

.custom-datatable-filter [class*=col-md] {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.custom-datatable-filter .dataTables_filter {
  margin: 15px 0;
}
@media (max-width: 767.98px) {
  .custom-datatable-filter .dataTables_filter {
    text-align: center !important;
  }
}
.custom-datatable-filter .dataTables_paginate {
  margin: 24px 0 0 !important;
}
@media (max-width: 767.98px) {
  .custom-datatable-filter .dataTables_paginate {
    text-align: center !important;
  }
}
.custom-datatable-filter table thead tr th:first-child {
  border-top-left-radius: 5px;
}
.custom-datatable-filter table thead tr th:last-child {
  border-top-right-radius: 5px;
}
.custom-datatable-filter table tbody tr:last-child {
  border: 0;
}
.custom-datatable-filter table tbody tr:last-child td {
  border: 0;
}
.custom-datatable-filter table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 5px;
}
.custom-datatable-filter table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 5px;
}

.no-datatable_length .dataTables_length {
  display: none;
}
.no-datatable_length .dataTables_filter {
  display: none;
}
.no-datatable_length .dataTables_info {
  display: none;
}
.no-datatable_length .dataTables_paginate {
  display: none;
}

.datatable-info .dataTables_info {
  display: none !important;
}
.datatable-info .dataTables_info:first-child {
  display: block !important;
}

.datatable-length .dataTables_length {
  display: none !important;
}
.datatable-length .dataTables_length:first-child {
  display: block !important;
}

.datatable-paginate .dataTables_paginate {
  display: none !important;
}
.datatable-paginate .dataTables_paginate:first-child {
  display: block !important;
}

.dataTables_scroll {
  border: 1px solid var(--cf-border-color);
}
.dataTables_scroll table.table.dataTable > tbody > tr:last-child td {
  border: 0;
}

.table-search {
  margin-bottom: 20px;
}
@media (max-width: 575.98px) {
  .table-search {
    width: 100%;
  }
}
.table-search .dataTables_filter {
  margin-bottom: 0;
  width: 100%!important;
}
.table-search .search-input {
  position: relative;
}
@media (max-width: 575.98px) {
  .table-search .search-input {
    width: 100%;
    margin-right: 0;
  }
}
.table-search .search-input input {
  height: 32px;
  width: 210px;
  padding: 10px 10px 10px 30px;
  font-size: 12px;
  color: var(--cf-gray-900);
  background: var(--cf-white);
}
@media (max-width: 1199.98px) {
  .table-search .search-input input {
    width: 220px;
  }
}
@media (max-width: 991.98px) {
  .table-search .search-input input {
    width: 200px;
  }
}
@media (max-width: 575.98px) {
  .table-search .search-input input {
    width: 100%;
  }
}
.table-search .search-input .btn-searchset {
  border-radius: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 12px;
  border: 0;
  color: #5D6772;
}

table td a {
  color: var(--cf-gray-900);
}
table td a:hover {
  color: #7539FF;
}


.dropzone{--bs-dz-icon-bg: #eeedf0;position:relative;border:2px dashed var(--bs-border-color);border-radius:.5rem;cursor:pointer;inline-size:100%}.dropzone:not(.dz-clickable){cursor:not-allowed;opacity:.5}.dropzone.dz-drag-hover{border-style:solid;border-color:var(--bs-primary)}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{color:var(--bs-heading-color);font-size:1.5rem;font-weight:500;margin-block:8rem 3rem;margin-inline:0;text-align:center}.dropzone .dz-message .note{display:block;color:var(--bs-body-color);font-size:.9375rem;margin-block-start:.5rem}.dropzone .dz-message::before{position:absolute;display:inline-block;border-radius:6px;background:var(--bs-dz-icon-bg);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M11 15H13V9H16L12 4L8 9H11V15Z' fill='%238592A3'/%3e%3cpath d='M20 18H4V11H2V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V11H20V18Z' fill='%238592A3'/%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;block-size:40px;content:"";inline-size:40px;inset-block-start:5rem;inset-inline-start:calc(50% - 23px)}.dropzone .dz-browser-not-supported.dropzone-box{padding:0 !important;border:none !important;border-radius:0 !important;cursor:default !important;inline-size:auto !important;min-block-size:auto !important;transition:none}.dropzone .dz-browser-not-supported .dz-message{display:none !important}.dropzone.dz-started .dz-message{display:none}.dropzone .dz-preview{position:relative;box-sizing:content-box;border:0 solid var(--bs-border-color);border-radius:.375rem;background:var(--bs-paper-bg);box-shadow:var(--bs-box-shadow);cursor:default;font-size:.8125rem;margin-block:calc(1.25rem - .25rem);margin-inline:calc(1.25rem - .25rem) calc(1.25rem - 1rem)}@media(min-width: 576px){.dropzone .dz-preview{display:inline-block;inline-size:11.25rem}}.app-ecommerce .dropzone .dz-message{margin-block-start:5rem}.app-ecommerce .dropzone .dz-message::before{inset-block-start:3rem}.dropzone .dz-filename{position:absolute;overflow:hidden;background:var(--bs-paper-bg);border-block-end:0 solid var(--bs-border-color);inline-size:100%;padding-block:.625rem 0;padding-inline:.625rem;text-overflow:ellipsis;white-space:nowrap}.dropzone .dz-filename:hover{text-overflow:inherit;white-space:normal}.dropzone .dz-size{color:var(--bs-secondary-color);font-size:.6875rem;padding-block:1.875rem .625rem;padding-inline:.625rem}.dropzone .dz-preview .progress,.dropzone .dz-preview .progess-bar{block-size:.5rem}.dropzone .dz-preview .progress{position:absolute;z-index:30;inset-block-start:50%;inset-inline:1.3rem;margin-block-start:-0.25rem}.dropzone .dz-complete .progress{display:none}.dropzone .dz-thumbnail{position:relative;box-sizing:content-box;padding:.625rem;background:rgba(var(--bs-base-color-rgb), 0.025);block-size:7.5rem;border-block-end:1px solid var(--bs-border-color);text-align:center;border-top-left-radius:calc(0.375rem - 1px);border-top-right-radius:calc(0.375rem - 1px)}.dropzone .dz-thumbnail>img,.dropzone .dz-thumbnail .dz-nopreview{position:relative;display:block;inset-block-start:50%;margin-block:0;margin-inline:auto;transform:translateY(-50%) scale(1)}.dropzone .dz-thumbnail>img{max-block-size:100%;max-inline-size:100%}@media(min-width: 576px){.dropzone .dz-thumbnail{inline-size:10rem}}.dropzone .dz-nopreview{color:var(--bs-secondary-color);font-size:.6875rem;font-weight:500;text-transform:uppercase}.dropzone .dz-thumbnail img[src]~.dz-nopreview{display:none}.dropzone .dz-remove{display:block;border-block-start:1px solid var(--bs-border-color);color:var(--bs-body-color);font-size:.75rem;padding-block:.375rem;padding-inline:0;text-align:center;border-bottom-right-radius:calc(0.375rem - 1px);border-bottom-left-radius:calc(0.375rem - 1px)}.dropzone .dz-remove:hover,.dropzone .dz-remove:focus{background:rgba(var(--bs-base-color-rgb), 0.1);border-block-start-color:rgba(0,0,0,0);color:var(--bs-body-color);text-decoration:none}.dropzone .dz-error-mark,.dropzone .dz-success-mark{position:absolute;display:none;border-radius:50%;background-color:rgba(var(--bs-dark-rgb), 0.5);background-position:center center;background-repeat:no-repeat;background-size:1.875rem 1.875rem;block-size:3.75rem;box-shadow:0 0 1.25rem rgba(var(--bs-pure-black), 0.06);inline-size:3.75rem;inset-block-start:50%;inset-inline-start:50%;margin-block-start:-1.875rem;margin-inline-start:-1.875rem}.dropzone .dz-success-mark{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")}.dropzone .dz-error-mark{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E")}.dropzone .dz-error-message{position:absolute;z-index:40;display:none;overflow:auto;padding:.75rem;background:rgba(var(--bs-danger-rgb), 0.8);color:var(--bs-white);font-weight:500;inset:-1px;text-align:start;border-top-left-radius:.375rem;border-top-right-radius:.375rem}.dropzone .dz-error .dz-error-message{display:none}.dropzone .dz-error .dz-error-mark{display:block}.dropzone .dz-error:hover .dz-error-message{display:block}.dropzone .dz-error:hover .dz-error-mark{display:none}.dropzone .dz-success .dz-success-mark{display:block}[data-bs-theme=dark] .dropzone{--bs-dz-icon-bg: #373b50}