@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.dark {
    --text-black-color: #000000;
    --primary-color: #2563eb;
    --text-black-light-color: #353535;
    --text-black-gray-color: #6F6C6C;
    --text-gray-color: #B3B2B2;
    --bg-white: #ffffff;
    --border-color: #E5E7EB;
    --border-dark-color: #E5E7EB;
    --box-shadow: 0px 2px 10px 0px #00000040;
    --tbl-header-bg-color: #EEF2FF;
    --tbl-header-color: #4B5563;
    --btn-dark-bg: #EEF2FF;
    --bs-border-color: #E5E7EB;
    --bs-white-rgb: #333333;
}
.light {
    --text-black-color: #FFFFFF;
    --primary-color: #2563eb;
    --text-black-light-color: #C7C7C7;
    --text-black-gray-color: #a0a0a0;
    --text-gray-color: #B3B2B2;
    --bg-white: #0D0D0D;
    --border-color: #E3E3E31A;
    --bs-heading-color: #E3E3E3;
    --border-dark-color: #595959;
    --box-shadow: 0px 0px 6px 0px #FFFFFF40;
    --tbl-header-bg-color: #11172d;
    --tbl-header-color: #dddddd;
    --btn-dark-bg: #2563eb1f;
    --bs-border-color: #595959;
    --bs-dark-rgb: #ffffff;
    --bs-box-shadow: 0 0 10px rgb(255 255 255 / 20%);
}
    .light .modal-backdrop {
        --bs-backdrop-bg: #fff;
    }
    .light .modal {
        --bs-modal-bg: #0D0D0D;
        --bs-modal-color: #a0a0a0;
        --bs-modal-header-border-color: #595959;
        --bs-modal-footer-border-color: #595959;
    }
.card {
    --bs-card-bg: var(--bg-white);
    --bs-card-border-color: var(--border-dark-color);
}
.form-check-input {
    --bs-form-check-bg: #bfbfbf;
    border-color:var(--text-black-gray-color);
}
.light .form-check-input {
    --bs-form-check-bg: #5e5e5e;
}
    html {
    font-family: "Roboto", sans-serif;
}

@-webkit-keyframes mbar {
  0% {
    left: -35%;
    right: 100%;
  }

  60% {
    left: 100%;
    right: -90%;
  }

  to {
    left: 100%;
    right: -35%;
  }
}

@keyframes mbar {
  0% {
    left: -35%;
    right: 100%;
  }

  60% {
    left: 100%;
    right: -90%;
  }

  to {
    left: 100%;
    right: -35%;
  }
}

@-webkit-keyframes m_s {
  0% {
    left: -200%;
    right: 100%;
  }

  60%,
  to {
    left: 107%;
    right: -8%;
  }
}

@keyframes m_s {
  0% {
    left: -200%;
    right: 100%;
  }

  60%,
  to {
    left: 107%;
    right: -8%;
  }
}
.fs-7{
    font-size:14px !important;
}
.fs-8 {
    font-size: 13px !important;
}

a {
    color: var(--primary-color);
    text-decoration: none;
    background-color: transparent;
}
.form-control:focus {
    box-shadow: none;
    color: var(--text-black-color);
    background-color: var(--bg-white);
    border-color: #86b7fe;
}
button {
    border: 0;
    background-color: transparent;
}
.btn-close:focus{
    box-shadow:none;
}
.px-4-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}
img{
    max-width:100%;
}
.card {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    width: 100%;
    border-radius: .5rem;
}

.card .card {
  box-shadow: none;
  background-color: #f6f7fb;
}

.cursor-pointer{
    cursor:pointer;
}
.card-body {
    padding: 15px 20px;
}

.card .card-header {
  padding: 15px 20px;
  border-bottom: 0 solid #e2e5e8;
  position: relative;
  background-color: transparent;
}

.card .card-header + .card-body {
  padding-top: 10px;
}

.card .card-header h5 {
  margin-bottom: 0;
  color: #060606;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  margin-right: 10px;
  line-height: 1.1;
  position: relative;
}

.card .card-header span.icon-checkmark-circle,
p {
  font-size: 14px;
}

.card .card-footer {
  border-top: 1px solid #e2e5e8;
  padding: 12px 25px;
}

.card .card-footer:not([class*="bg-"]) {
  background: 0 0;
}

.card .card-body {
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .btn {
    padding: 0.2rem 0.4rem;
    font-size: 13px;
    font-weight: 500;
    opacity: 1;
    border-radius: 3px;
  }
}

.checkbox,
.radio {
  padding: 10px 0;
  min-height: auto;
  position: relative;
  margin-right: 5px;
}

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
  margin: 0;
  display: none;
  width: 22px;
}
    .form-check-input:focus{
        box-shadow:none;
    }
    .checkbox input[type="checkbox"] + .cr,
    .radio input[type="radio"] + .cr {
        padding-left: 0;
    }

.checkbox input[type="checkbox"] + .cr:before {
  content: "\e83f";
  width: 22px;
  height: 22px;
  display: inline-block;
  margin-right: 10px;
  border: 2px solid #e9eaec;
  border-radius: 3px;
  font-size: 15px;
  font-family: "feather";
  font-weight: 400;
  line-height: 19px;
  vertical-align: bottom;
  text-align: center;
  background: #fff;
  color: transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.checkbox input[type="checkbox"]:checked + .cr:before {
  background: #1dd5d2;
  border-color: #1dd5d2;
  color: #fff;
}

.checkbox input[type="checkbox"].disabled + .cr,
.checkbox input[type="checkbox"]:disabled + .cr {
  opacity: 0.5;
}

.checkbox input[type="checkbox"].disabled + .cr:before,
.checkbox input[type="checkbox"]:disabled + .cr:before {
  cursor: not-allowed;
}

.checkbox.checkbox-fill input[type="checkbox"] + .cr:after {
  content: "";
  width: 22.5px;
  height: 22.5px;
  display: inline-block;
  margin-right: 10px;
  border: 2px solid #e9eaec;
  border-radius: 2px;
  vertical-align: bottom;
  text-align: center;
  background: 0 0;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 8.5px;
  left: 3px;
}

.checkbox.checkbox-fill input[type="checkbox"] + .cr:before {
  opacity: 0;
  content: "\e840";
  font-size: 27px;
  background: 0 0;
}

.checkbox.checkbox-fill input[type="checkbox"]:checked + .cr:after {
  opacity: 0;
}

.checkbox.checkbox-fill input[type="checkbox"]:checked + .cr:before {
  opacity: 1;
  background: 0 0;
  color: #1dd5d2;
  border-color: transparent;
}

.checkbox.checkbox-primary input[type="checkbox"]:checked + .cr:before {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}

.checkbox.checkbox-fill.checkbox-primary
  input[type="checkbox"]:checked
  + .cr:before {
  background: 0 0;
  color: #2563eb;
  border-color: transparent;
}

.checkbox.checkbox-danger input[type="checkbox"]:checked + .cr:before {
  background: #ff484c;
  border-color: #ff484c;
  color: #fff;
}

.checkbox.checkbox-fill.checkbox-danger
  input[type="checkbox"]:checked
  + .cr:before {
  background: 0 0;
  color: #ff484c;
  border-color: transparent;
}

.checkbox.checkbox-success input[type="checkbox"]:checked + .cr:before {
  background: #51ad3d;
  border-color: #51ad3d;
  color: #fff;
}

.checkbox.checkbox-fill.checkbox-success
  input[type="checkbox"]:checked
  + .cr:before {
  background: 0 0;
  color: #51ad3d;
  border-color: transparent;
}

.checkbox.checkbox-warning input[type="checkbox"]:checked + .cr:before {
  background: #fa7d03;
  border-color: #fa7d03;
  color: #fff;
}

.checkbox.checkbox-fill.checkbox-warning
  input[type="checkbox"]:checked
  + .cr:before {
  background: 0 0;
  color: #fa7d03;
  border-color: transparent;
}

.checkbox.checkbox-info input[type="checkbox"]:checked + .cr:before {
  background: #00acc1;
  border-color: #00acc1;
  color: #fff;
}

.checkbox.checkbox-fill.checkbox-info
  input[type="checkbox"]:checked
  + .cr:before {
  background: 0 0;
  color: #00acc1;
  border-color: transparent;
}

.checkbox.checkbox-purple input[type="checkbox"]:checked + .cr:before {
  background: #7759de;
  border-color: #7759de;
  color: #fff;
}

.checkbox.checkbox-fill.checkbox-purple
  input[type="checkbox"]:checked
  + .cr:before {
  background: 0 0;
  color: #7759de;
  border-color: transparent;
}

.checkbox .cr,
.radio .cr {
  cursor: pointer;
}

.radio input[type="radio"] + .cr:after,
.radio input[type="radio"] + .cr:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  border-radius: 50%;
  vertical-align: bottom;
  background: #fff;
  color: transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.radio input[type="radio"] + .cr:before {
  width: 22px;
  height: 22px;
  border: 2px solid #e9eaec;
}

.radio input[type="radio"] + .cr:after {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 12px;
  left: 5px;
}

.placeholder{
    background-color:transparent;
    color:var(--text-black-light-color)
}
.btn-primary {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.filter-grat-scale{
    filter: grayscale(1);
}
    
@supports (-webkit-overflow-scrolling: touch) {
  .radio input[type="radio"] + .cr:after {
    top: 13px;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .radio input[type="radio"] + .cr:after {
    top: 5px;
  }
}

.radio input[type="radio"]:checked + .cr:before,
.radio.radio-primary input[type="radio"]:checked + .cr:before {
  border-color: #2563eb;
}

.radio input[type="radio"]:checked + .cr:after,
.radio.radio-primary input[type="radio"]:checked + .cr:after {
  background: #2563eb;
}

.radio input[type="radio"]:disabled + .cr {
  opacity: 0.5;
  cursor: not-allowed;
}

.radio input[type="radio"]:disabled + .cr:after,
.radio input[type="radio"]:disabled + .cr:before {
  cursor: not-allowed;
}

.radio.radio-fill input[type="radio"] + .cr:after {
  width: 18px;
  height: 18px;
  top: 9px;
  left: 2px;
}

@supports (-webkit-overflow-scrolling: touch) {
  .radio.radio-fill input[type="radio"] + .cr:after {
    top: 10px;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .radio.radio-fill input[type="radio"] + .cr:after {
    top: 2px;
  }
}

.radio.radio-danger input[type="radio"]:checked + .cr:before {
  border-color: #ff484c;
}

.radio.radio-danger input[type="radio"]:checked + .cr:after {
  background: #ff484c;
}

.radio.radio-success input[type="radio"]:checked + .cr:before {
  border-color: #51ad3d;
}

.radio.radio-success input[type="radio"]:checked + .cr:after {
  background: #51ad3d;
}

.radio.radio-warning input[type="radio"]:checked + .cr:before {
  border-color: #fa7d03;
}

.radio.radio-warning input[type="radio"]:checked + .cr:after {
  background: #fa7d03;
}

.radio.radio-info input[type="radio"]:checked + .cr:before {
  border-color: #00acc1;
}

.radio.radio-info input[type="radio"]:checked + .cr:after {
  background: #00acc1;
}

.radio.radio-purple input[type="radio"]:checked + .cr:before {
  border-color: #7759de;
}

.radio.radio-purple input[type="radio"]:checked + .cr:after {
  background: #7759de;
}

@-moz-document url-prefix() {
  .radio input[type="radio"] + .cr::after {
    top: 12px;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-group.d-inline .radio input[type="radio"] + .cr:after {
    top: 6px;
  }

  .form-group.d-inline .radio.radio-fill input[type="radio"] + .cr:after {
    top: 3px;
  }
}

.switch input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}

.switch input[type="checkbox"] + .cr {
  position: relative;
  display: inline-block;
  transition: 0.4s ease;
  height: 20px;
  width: 35px;
  border: 1px solid #e9eaec;
  border-radius: 60px;
  cursor: pointer;
  z-index: 0;
  top: 12px;
}

.switch input[type="checkbox"] + .cr:after,
.switch input[type="checkbox"] + .cr:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}

.switch input[type="checkbox"] + .cr:before {
  transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  height: 20px;
  width: 35px;
  border-radius: 30px;
}

.switch input[type="checkbox"] + .cr:after {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 0 rgba(0, 0, 0, 0.04),
    0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);
  transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  background: #f7f7f7;
  height: 19px;
  width: 19px;
  border-radius: 60px;
}

.switch input[type="checkbox"]:checked + .cr:before {
  background: #2563eb;
  transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
}

.switch input[type="checkbox"]:checked + .cr:after {
  left: 16px;
}

.switch input[type="checkbox"]:disabled + label {
  opacity: 0.5;
  -webkit-filter: grayscale(0.4);
  filter: grayscale(0.4);
  cursor: not-allowed;
}

.switch.switch-primary input[type="checkbox"]:checked + .cr:before {
  background: #2563eb;
}

.switch.switch-danger input[type="checkbox"]:checked + .cr:before {
  background: #ff484c;
}

.switch.switch-success input[type="checkbox"]:checked + .cr:before {
  background: #51ad3d;
}

.switch.switch-warning input[type="checkbox"]:checked + .cr:before {
  background: #fa7d03;
}

.switch.switch-info input[type="checkbox"]:checked + .cr:before {
  background: #00acc1;
}

.switch.switch-purple input[type="checkbox"]:checked + .cr:before {
  background: #7759de;
}

.badge {
  font-size: 100%;
  padding: 0.35em 0.6em;
  font-weight: 600;
}

.badge-light-primary {
  background: rgba(72, 134, 255, 0.2);
  border-color: #cdf;
  color: #2563eb;
}

a.badge-light-primary.active,
a.badge-light-primary:active,
a.badge-light-primary:focus,
a.badge-light-primary:hover {
  background: #2563eb;
  border-color: #2563eb;
  color: #dae7ff;
}

.badge-light-secondary {
  background: rgba(108, 117, 125, 0.2);
  border-color: #d6d8db;
  color: #6c757d;
}

a.badge-light-secondary.active,
a.badge-light-secondary:active,
a.badge-light-secondary:focus,
a.badge-light-secondary:hover {
  background: #6c757d;
  border-color: #6c757d;
  color: #e2e3e5;
}

.badge-light-success {
  background: rgba(122, 216, 53, 0.2);
  border-color: #daf4c6;
  color: #51ad3d;
}

a.badge-light-success.active,
a.badge-light-success:active,
a.badge-light-success:focus,
a.badge-light-success:hover {
  background: #51ad3d;
  border-color: #51ad3d;
  color: #e4f7d7;
}

.badge-light-info {
  background: rgba(0, 172, 193, 0.2);
  border-color: #b8e8ee;
  color: #00acc1;
}

a.badge-light-info.active,
a.badge-light-info:active,
a.badge-light-info:focus,
a.badge-light-info:hover {
  background: #00acc1;
  border-color: #00acc1;
  color: #cceef3;
}

.badge-light-warning {
  background: rgba(250, 125, 3, 0.2);
  border-color: #fedbb8;
  color: #fa7d03;
}

a.badge-light-warning.active,
a.badge-light-warning:active,
a.badge-light-warning:focus,
a.badge-light-warning:hover {
  background: #fa7d03;
  border-color: #fa7d03;
  color: #fee5cd;
}

.badge-light-danger {
  background: rgba(255, 72, 76, 0.2);
  border-color: #ffcccd;
  color: #ff484c;
}

a.badge-light-danger.active,
a.badge-light-danger:active,
a.badge-light-danger:focus,
a.badge-light-danger:hover {
  background: #ff484c;
  border-color: #ff484c;
  color: #ffdadb;
}

.badge-light-light {
  background: rgba(248, 249, 250, 0.2);
  border-color: #fdfdfe;
  color: #f8f9fa;
}

a.badge-light-light.active,
a.badge-light-light:active,
a.badge-light-light:focus,
a.badge-light-light:hover {
  background: #f8f9fa;
  border-color: #f8f9fa;
  color: #fefefe;
}

.badge-light-dark {
  background: rgba(52, 58, 64, 0.2);
  border-color: #c6c8ca;
  color: #343a40;
}

a.badge-light-dark.active,
a.badge-light-dark:active,
a.badge-light-dark:focus,
a.badge-light-dark:hover {
  background: #343a40;
  border-color: #343a40;
  color: #d6d8d9;
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    color: var(--text-black-color);
    font-weight: 400;
    background: var(--bg-white);
    position: relative;
}

:focus {
  outline: 0;
}
button:focus-visible {
    outline: none;
}
button:focus {
    outline: 1px dotted;
    outline: none;
}
.form-select:focus {
    outline: none;
    box-shadow:none;
}
a:hover {
  outline: 0;
  text-decoration: none;
}

.xceed-header .input-group .input-group-text > i,
.xceed-header a > i,
.xceed-header dropdown-toggle > i,
h5 {
  font-size: 18px;
}

b,
strong {
  font-weight: 600;
}

.img-radius {
  border-radius: 50%;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit;
}
.scroll-y {
  z-index: 1027;
}

.dropdown-menu {
  padding: 10px 0;
  font-size: 14px;
}
.float-right {
    float: right !important;
}
.dropdown-menu > .dropdown-item,
.dropdown-menu > li {
  padding-left: 15px;
  padding-right: 15px;
  width: auto;
  border-radius: 2px;
}
.page-nav {
    color: var(--text-black-color);
    font-size:14px;
    font-weight:600;
    line-height:20px;
}
.username {
    color: var(--text-black-color);
    font-size:14px;
    font-weight:600;
    line-height:16px;
    padding-left:10px;
    position:relative;
}
    .username img {
        padding-left: 8px;
        filter: brightness(0) saturate(100%) invert(64%) sepia(15%) saturate(207%) hue-rotate(179deg) brightness(97%) contrast(94%);
    }
    .page-nav span {
        color: var(--text-black-gray-color);
        padding-right: 16px;
    }
.light .page-nav span {
    color: #E3E3E333;
}
        .dropdown-menu > .dropdown-item > a,
        .dropdown-menu > li > a {
            padding: 5px 15px;
            color: #535763;
        }

.dropdown-menu > .dropdown-item > a i,
.dropdown-menu > li > a i {
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.dropdown-menu > .dropdown-item.active,
.dropdown-menu > .dropdown-item:active,
.dropdown-menu > .dropdown-item:focus,
.dropdown-menu > .dropdown-item:hover,
.dropdown-menu > a.active,
.dropdown-menu > a:active,
.dropdown-menu > a:focus,
.dropdown-menu > a:hover,
.dropdown-menu > li.active,
.dropdown-menu > li:active,
.dropdown-menu > li:focus,
.dropdown-menu > li:hover {
  background: rgba(72, 134, 255, 0.03);
  color: #2563eb;
}

.dropdown-menu > .dropdown-item.active > a,
.dropdown-menu > .dropdown-item:active > a,
.dropdown-menu > .dropdown-item:focus > a,
.dropdown-menu > .dropdown-item:hover > a,
.dropdown-menu > li.active > a,
.dropdown-menu > li:active > a,
.dropdown-menu > li:focus > a,
.dropdown-menu > li:hover > a {
  background: 0 0;
  color: #2563eb;
}

@media (min-width: 1600px) {
  .container {
    max-width: 1540px;
  }
}

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

.modal {
  z-index: 1072;
}

.modal .popover,
.modal .tooltip {
  z-index: 1073;
}

.modal-backdrop {
  z-index: 1071;
}

.form-select {
    background-color: var(--bg-white);
    border-color: var(--border-dark-color);
    color: var(--text-black-color);
    height: 42px;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.address-box {
    background-color: var(--bg-white);
    border: 1px solid var(--border-dark-color);
}
    .address-box strong{
        color:var(--text-black-light-color);
        font-size:14px;
        font-weight:500;
    }
    .address-box p {
        color: var(--text-black-light-color);
        font-size: 12px;
        font-weight: 400;
        margin:0;
        line-height:100%;
    }
    .address-box small {
        color: var(--text-gray-color);
        font-size: 11px;
        font-weight: 400;
    }
            .bd-example-tabs .nav-tabs,
            .highlight {
                margin-bottom: 1rem;
            }

.highlight {
  padding: 1rem;
  margin-top: 1rem;
  background-color: #f3f2fb;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

@media only screen and (max-height: 575px) {
  .highlight {
    padding: 1.5rem;
  }
}

.highlight pre {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  background-color: transparent;
  border: 0;
}

.highlight pre code {
  font-size: inherit;
  color: #333;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: 0 0;
}
.pricing-breakdown table td{
    padding: 5px 24px;
}
.tooltip.in {
    opacity: 0.9;
}

.tooltip .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.top-5{
    top:5px !important;
}
.user-card .cover-img-block > img {
  width: 100%;
}

.blockquote {
  border-left: 0.25rem solid #e2e5e8;
  padding: 0.5rem 1rem;
}

.blockquote.text-right {
  border-left: none;
  border-right: 0.25rem solid #e2e5e8;
}

.card .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  border: 5px solid #fff;
  margin-bottom: 30px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}

.table-borderless tbody tr td,
.table-borderless tbody tr th
{
  border: 0;
}
.table > :not(caption) > * > * {
    color: var(--text-black-color);
    background-color: var(--bg-white);
}
@media only screen and (max-width: 400px) {
    .lay-customizer .theme-color > a[data-value="reset"], .theme-color > a[data-value="reset"] {
    margin-top: 20px;
  }
}

.form-control {
    display: block;
    width: 100%;
    height: 42px;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--text-black-color);
    background-color: var(--bg-white);
    background-clip: padding-box;
    border: 1px solid var(--border-dark-color);
    border-radius: 6px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control.filter {
  height: 24px;
  border: 0;
  font-size: 11px;
  max-width: 133px;
}


.form-control[type="file"] {
  height: auto;
}
.form-switch .form-check-input {
    width: 35px;
    height: 20px;
}
.form-check,
.form-group {
    margin-bottom: 20px;
    position: relative;
}

.p-0 {
  padding: 0;
}

.xceed-header .dropdown .notification .noti-body li.n-title {
  padding-bottom: 0;
}

.pr-0 {
  padding-right: 0;
}

.m-0 {
  margin: 0;
}

.mt-0 {
  margin-top: 0;
}

.xceed-navbar .xceed-inner-navbar li.xceed-menu-caption > label {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mr-0 {
  margin-right: 0;
}

.pl-5 {
  padding-left: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.m-5 {
  margin: 5px;
}
.mt-6 {
    margin-top: 30px;
}

.xceed-header .dropdown .notification .noti-body li.n-title p {
  margin-bottom: 5px;
}

.ml-5{
  margin-left: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.p-10 {
  padding: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.m-10 {
  margin: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mr-10,
.xceed-header .dropdown .profile-notification .pro-body li a i {
  margin-right: 10px;
}

.p-15 {
  padding: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.m-15 {
  margin: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.p-20 {
  padding: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.m-20 {
  margin: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.p-25 {
  padding: 25px;
}

.pt-25 {
  padding-top: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pl-25 {
  padding-left: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.m-25 {
  margin: 25px;
}

.mt-25 {
  margin-top: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.p-30 {
  padding: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.m-30 {
  margin: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.p-35 {
  padding: 35px;
}

.pt-35 {
  padding-top: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pl-35 {
  padding-left: 35px;
}

.pr-35 {
  padding-right: 35px;
}

.m-35 {
  margin: 35px;
}

.mt-35 {
  margin-top: 35px;
}

.mb-35 {
  margin-bottom: 35px;
}

.ml-35 {
  margin-left: 35px;
}

.mr-35 {
  margin-right: 35px;
}

.p-40 {
  padding: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.m-40 {
  margin: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.p-45 {
  padding: 45px;
}

.pt-45 {
  padding-top: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pl-45 {
  padding-left: 45px;
}

.pr-45 {
  padding-right: 45px;
}

.m-45 {
  margin: 45px;
}

.mt-45 {
  margin-top: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.ml-45 {
  margin-left: 45px;
}

.mr-45 {
  margin-right: 45px;
}

.p-50 {
  padding: 50px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.m50 {
  margin: 50px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.mr-50 {
  margin-right: 50px;
}

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

.text-primary {
  color: var(--primary-color) !important;
}
.text-warning {
  color: #fa7d03 !important;
}

.text-info {
  color: #00acc1 !important;
}

.row-seamless {
  margin-left: 0;
  margin-right: 0;
}

.row-seamless > div[class*="col-"],
.row-seamless > li[class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.profile-card .card-body h3 {
  font-weight: 600;
}

.font-small-2 {
  font-size: 11px !important;
}

.font-small-3 {
  font-size: 12px !important;
}

.font-medium-1 {
  font-size: 13px !important;
}

.font-medium-2 {
  font-size: 14px !important;
}

.font-medium-3 {
  font-size: 15px !important;
}

.font-large-1 {
  font-size: 16px !important;
}

.font-large-2 {
  font-size: 17px !important;
}

.font-large-3 {
  font-size: 18px !important;
}

.font-large-4 {
  font-size: 20px !important;
}

.font-large-5 {
  font-size: 22px !important;
}

.font-large-6 {
  font-size: 24px !important;
}

.font-large-7 {
  font-size: 28px !important;
}
.wid-14 {
    width: 14px;
}

.hei-14 {
    height: 14px;
}
.wid-20 {
  width: 20px;
}

.hei-20 {
  height: 20px;
}

.wid-25 {
  width: 25px;
}

.hei-25 {
  height: 25px;
}

.wid-30 {
  width: 30px;
}

.hei-30 {
  height: 30px;
}
.wid-35 {
    width: 35px;
}
.hei-35 {
  height: 35px;
}

.wid-40 {
  width: 40px;
}

.hei-40 {
  height: 40px;
}

.wid-45 {
  width: 45px !important;
}

.hei-45 {
  height: 45px !important;
}

.wid-50 {
  width: 50px;
}

.hei-50 {
  height: 50px;
}

.wid-55 {
  width: 55px;
}

.hei-55 {
  height: 55px;
}

.wid-60 {
  width: 60px;
}

.hei-60 {
  height: 60px;
}

.wid-65 {
  width: 65px;
}

.hei-65 {
  height: 65px;
}

.wid-70 {
  width: 70px;
}

.hei-70 {
  height: 70px;
}

.wid-75 {
  width: 75px;
}

.hei-75 {
  height: 75px;
}

.wid-80 {
  width: 80px;
}

.hei-80 {
  height: 80px;
}

.wid-85 {
  width: 85px;
}

.hei-85 {
  height: 85px;
}

.wid-90 {
  width: 90px;
}

.hei-90 {
  height: 90px;
}

.wid-95 {
  width: 95px;
}

.hei-95 {
  height: 95px;
}

.wid-100 {
  width: 100px;
}

.hei-100 {
  height: 100px;
}

.wid-105 {
  width: 105px;
}

.hei-105 {
  height: 105px;
}

.wid-110 {
  width: 110px;
}

.hei-110 {
  height: 110px;
}

.wid-115 {
  width: 115px;
}

.hei-115 {
  height: 115px;
}

.wid-120 {
  width: 120px;
}

.hei-120 {
  height: 120px;
}

.wid-125 {
    width: 125px;
}
.xceed-header.header-blue a.b-brand img {
    margin-top: -4px;
}

.hei-125 {
  height: 125px;
}

.wid-130 {
  width: 130px;
}

.hei-130 {
  height: 130px;
}

.wid-135 {
  width: 135px;
}

.hei-135 {
  height: 135px;
}

.wid-140 {
  width: 140px;
}

.hei-140 {
  height: 140px;
}

.wid-145 {
  width: 145px;
}

.hei-145 {
  height: 145px;
}

.wid-150 {
  width: 150px;
}

.hei-150 {
  height: 150px;
}
.wid-155 {
    width: 155px;
}

.hei-155 {
    height: 155px;
}
.wid-160 {
    width: 160px;
}

.hei-160 {
    height: 160px;
}
.wid-165 {
    width: 165px;
}
.hei-165 {
    height: 165px;
}

.wid-170 {
    width: 170px;
}
.hei-170 {
    height: 170px;
}

.wid-175 {
    width: 175px;
}

.hei-175 {
    height: 175px;
}

.b-wid-1 {
  border-width: 1px;
}

.b-wid-2 {
  border-width: 2px;
}

.b-wid-3 {
  border-width: 3px;
}

.b-wid-4 {
  border-width: 4px;
}

.b-wid-5 {
  border-width: 5px;
}

.b-wid-6 {
  border-width: 6px;
}

.b-wid-7 {
  border-width: 7px;
}

.b-wid-8 {
  border-width: 8px;
}

.b-brand {
  display: flex;
  align-items: center;
  justify-content:start;
  height: 65px;
  padding: 0 0px;
}

.b-brand .b-bg {
  border-radius: 3px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
}

.b-brand .b-title {
  margin-left: 10px;
  font-weight: 400;
  color: #fff;
  font-size: 16px;
}
.blockModal h5 {
    color: var(--text-black-color);
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
}
.blockModal p {
    color: var(--text-black-light-color) !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.chat-arrow{
    position:relative;
}
    .chat-arrow:before {
        position: absolute;
        content: "";
        top: 0;
        left: -10px;
        width: 0;
        height: 0;
        border-top: 0px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 15px solid #f0f0f0;
    }
.light .chat-arrow:before {
    border-right: 15px solid #191919;
}
.chat-arrow-right {
    position: relative;
}

    .chat-arrow-right:before {
        position: absolute;
        content: "";
        top: 0;
        right: -10px;
        width: 0;
        height: 0;
        border-top: 0px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #e8feef;
    }
.light .chat-arrow-right:before {
    border-left: 15px solid #02210d;
}
        .block-circle-img {
            background-color: #fef3f2;
            width: 85px;
            height: 85px;
        }
    .block-circle-img > div {
        background: #FEE4E2;
    }
.light .block-circle-img {
    background-color: #39130f;
    width: 85px;
    height: 85px;
}
.job-progress ul {
    position: relative;
    padding-left: 25px;
}
    .job-progress ul::after {
        content: "";
        border-left: 2px solid #BFDBFE;
        height: 96%;
        top: 4%;
        left: 7px;
        position: absolute;
        z-index: 0;
    }
    .job-progress ul span {
        border-radius: 50%;
        position: absolute;
        left: -2px;
        z-index: 1;
        border: 2px solid #60A5FA;
        width:20px;
        height:20px;
        display:flex;
        justify-content:center;
        align-items:center;
        background-color:var(--primary-color);
    }
        .job-progress ul span i {
            color: #ffffff;
            font-size: 10px;
            margin-top: 3px;
        }
        .job-progress ul span.job-squre-box {
            border-radius: 0;
            padding: 2px 3px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: var(--bg-white);
        }
        .job-progress ul span.job-squre-box1 {
            padding: 4px 4px;
            border-color: #BFDBFE;
        }
.conversation-header ul{
    gap: 5rem;
}
.circle-list {
    width: 25px;
    height: 25px;
    background-color: var(--primary-color);
    color: #ffffff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 5px;
    line-height: normal;
}
.dash-hr {
    width: 40px;
    height: 4px;
    background-color: var(--primary-color);
    color: var(--text-black-color);
    display: inline-flex;
    border-radius: 2px;
    margin-left: 5px;
    margin-bottom: 2px;
}
.disable-list .dash-hr {
    background-color: #B3B2B2;
}
.disable-list .circle-list {
    background-color: #B3B2B2;
    color: #6F6C6C;
}
.light .block-circle-img > div {
    background: #6c231d;
}

.tipsText {
    width: 200px;
    position: relative;
    display: block;
    text-overflow:ellipsis;
    overflow:hidden;
}
.search-bar,
.xceed-header {
    top: 0;
    background: #fff;
}

.search-bar {
  display: none;
  position: fixed;
  left: 0;
  z-index: 1030;
  width: 100%;
  padding: 18px 12px;
  height: 70px;
}

.search-bar .close {
  position: absolute;
  top: -5px;
  right: 9px;
  padding: 8px 16px;
}

.xceed-header {
  z-index: 1029;
  position: relative;
  display: flex;
  min-height: 68px;
  padding: 0;
  transition: all 0.3s ease-in-out;
}

.xceed-header .m-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-self: stretch;
  padding: 0 16px;
  margin-left: 16px;
  transition: all 0.3s ease-in-out;
}

.xceed-header.header-collapsed .m-header {
  width: 60px;
  overflow: hidden;
}

.xceed-header .m-header .logo-dark,
.xceed-header .m-header .logo-thumb {
  display: none;
}

.xceed-header .m-header .mob-toggler {
  position: absolute;
}

.xceed-header .input-group {
  background: 0 0;
}

.xceed-header .input-group .input-group-text {
  margin-right: 0;
}

.xceed-header .input-group .input-group-text,
.xceed-header a,
.xceed-header dropdown-toggle {
  position: relative;
  font-size: 16px;
  line-height:1;
}

.xceed-header .input-group .input-group-text.h-drop:hover,
.xceed-header .input-group .input-group-text:hover,
.xceed-header a.h-drop:hover,
.xceed-header a:hover,
.xceed-header dropdown-toggle.h-drop:hover,
.xceed-header dropdown-toggle:hover {
  color: #242e3e;
}

.xceed-header .input-group .input-group-text:hover:before,
.xceed-header a:hover:before,
.xceed-header dropdown-toggle:hover:before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  background: rgba(36, 46, 62, 0.1);
  top: calc(35px - 25px);
  left: -13px;
  border: 0;
  border-radius: 50%;
  display:none;
}

.xceed-header .input-group .input-group-text.h-drop:hover:before,
.xceed-header a.h-drop:hover:before,
.xceed-header dropdown-toggle.h-drop:hover:before {
  width: calc(100% + 20px);
  height: 40px;
  border-radius: 3px;
}

.xceed-header .input-group .input-group-text .badge,
.xceed-header a .badge,
.xceed-header dropdown-toggle .badge {
  position: absolute;
  top: 10px;
  left: 12px;
  font-size: 12px;
}

.xceed-header .dropdown-menu .pro-body > li > a:hover:before,
.xceed-header .dropdown-menu a:hover:before,
.xceed-header .drp-user .dropdown-toggle:hover:before {
  display: none;
}

.xceed-header .pop-search:hover:before {
  top: calc(35px - 47px);
  left: -11px;
}
    .xceed-header .faq-list:hover:before {
        top: calc(40px - 48px);
        left: -14px;
    }
.xceed-header .navbar-nav {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  display: inline-block;
}

.xceed-header .navbar-nav > li {
  line-height: 60px;
  display: inline-block;
  padding: 0 8px;
}

.xceed-header .navbar-nav > li .dropdown,
.xceed-header .navbar-nav > li.nav-item {
  height: 60px;
}
    .xceed-header .navbar-nav > li .dropdown.drp-user{
        margin-left:16px;
    }
    .xceed-header .navbar-nav > li .nav-link {
        padding: 0;
    }

.xceed-header .navbar-nav > li:first-child {
  padding-left: 0px;
}

.xceed-header .navbar-nav > li:last-child {
  padding-right: 25px;
}

.xceed-header .mr-auto .dropdown-menu {
  margin-left: -20px;
}

.xceed-header .ml-auto {
  float: right;
}

.xceed-header .ml-auto .dropdown-toggle:hover:before {
  left: -11px;
}

.xceed-header .ml-auto .dropdown-menu {
  margin-right: -20px;
}

.xceed-header .main-search .input-group {
  border-radius: 3px;
  padding: 0;
}

.xceed-header .main-search .input-group .form-control,
.xceed-header .main-search .input-group .input-group-text {
  background: 0 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  height: auto;
}

.mob-toggler:hover:before,
.xceed-header .dropdown .dropdown-toggle:after,
.xceed-header .main-search .input-group .search-close,
.xceed-header .mobile-menu:hover:before {
  display: none;
}

.xceed-header .main-search .input-group .search-btn {
  padding: 0;
  background: 0 0;
  border-color: transparent;
  box-shadow: none;
  margin-bottom: 0;
  margin-right: 0;
}

.xceed-header .main-search .input-group .form-control {
  transition: all 0.3s ease-in-out;
  font-size: 14px;
}

.xceed-header .main-search .input-group .form-control:active,
.xceed-header .main-search .input-group .form-control:focus,
.xceed-header .main-search .input-group .form-control:hover,
.xceed-header .main-search .input-group .search-btn:active,
.xceed-header .main-search .input-group .search-btn:focus,
.xceed-header .main-search .input-group .search-btn:hover,
.xceed-header .main-search.open .input-group .form-control:active,
.xceed-header .main-search.open .input-group .form-control:focus,
.xceed-header .main-search.open .input-group .form-control:hover,
.xceed-header .main-search.open .input-group .search-btn:active,
.xceed-header .main-search.open .input-group .search-btn:focus,
.xceed-header .main-search.open .input-group .search-btn:hover {
  outline: 0;
  box-shadow: none;
}

.xceed-header .main-search.open .input-group {
  background: #f6f7fb;
  border: 0 solid #f6f7fb;
  padding: 0 0 0 20px;
}

.xceed-header .main-search.open .input-group .search-close {
  display: flex;
}

.xceed-header .main-search.open .input-group .search-btn {
  padding: 6px 9px;
  margin-left: 5px;
  color: #fff;
  background: #2563eb;
  border-color: #2563eb;
}

.xceed-header .main-search.open .input-group .form-control {
  transition: all 0.3s ease-in-out;
}

.xceed-header .dropdown .dropdown-toggle {
  line-height: 60px;
  display: inline-block;
}

    .xceed-header .dropdown .dropdown-menu {
        position: absolute;
        min-width: 260px;
        margin-top: 0;
        top: calc(100% + 4px);
    }

.xceed-header .dropdown .dropdown-menu li {
  line-height: 1.2;
}

.xceed-header .dropdown .dropdown-menu li a {
  padding: 10px;
  font-size: 14px;
}
    .xceed-header .drp-user .dropdown-toggle img.img-radius {
        width: 37px;
        border: 1.85px solid rgba(96, 165, 250, 1);
    }
.xceed-header .dropdown .dropdown-menu li a > .fa-circle {
  font-size: 6px;
  opacity: 0.6;
}

.xceed-header .dropdown .dropdown-menu li.active a,
.xceed-header .dropdown .dropdown-menu li:active a,
.xceed-header .dropdown .dropdown-menu li:focus a,
.xceed-header .dropdown .dropdown-menu li:hover a {
  color: #535763;
}

.xceed-header .dropdown.mega-menu {
  position: static;
}

.xceed-header .dropdown.mega-menu .dropdown-menu {
  margin-left: 0;
  left: 230px;
  width: calc(100vw - 230px - 15px);
}

.xceed-header .dropdown.mega-menu .dropdown-menu .mega-title {
  margin: 25px 0 -10px 20px;
}

.xceed-header .dropdown.mega-menu .dropdown-menu > .row > .col + .col:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: rgba(226, 229, 232, 0.7);
}

.xceed-header .dropdown .notification {
  width: 350px;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.xceed-header .dropdown .notification a:hover {
  color: #060606;
}

.xceed-header .dropdown .notification .noti-head {
  background: #242e3e;
  padding: 15px 20px;
}

.xceed-header .dropdown .notification .noti-head a {
  color: #fff;
  text-decoration: underline;
  font-size: 13px;
}

.xceed-header .dropdown .notification .noti-body {
  padding: 0;
  position: relative;
}

.xceed-header .dropdown .notification .noti-body img {
  width: 40px;
  margin-right: 20px;
}

.xceed-header .dropdown .notification .noti-body li {
  padding: 15px 20px;
  transition: all 0.3s ease-in-out;
}

.xceed-header .dropdown .notification .noti-body li.notification:hover,
.xceed-header.header-blue
  .dropdown
  .notification
  .noti-body
  li.notification:hover {
  background: rgba(72, 134, 255, 0.1);
}

.xceed-header .dropdown .notification .noti-body li p {
  margin-bottom: 5px;
  font-size: 13px;
}

.xceed-header .dropdown .notification .noti-body li p strong {
  color: var(--text-black-light-color);
}

.xceed-header .dropdown .notification .noti-body li .n-time {
  font-size: 80%;
  float: right;
}
.consumer-etails-leftside{
    max-height: 500px;
}
.xceed-header .dropdown .notification .noti-footer {
    border-top: 1px solid #f1f1f1;
    padding: 15px 20px;
    text-align: center;
    background: #f6f7fb;
}

.xceed-header .dropdown .notification .noti-footer a {
  text-decoration: underline;
  font-size: 13px;
}

.xceed-header .dropdown .notification ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.xceed-header .dropdown .notification ul li {
  padding: 20px 15px;
}

.xceed-header .dropdown .notification,
.xceed-header .dropdown .profile-notification {
  padding: 0;
  line-height: 1.4;
  overflow: hidden;
}

.xceed-header .language .dropdown-menu {
  right: 20px;
  position: absolute;
  min-width: auto;
  left: auto;
  padding: 0;
}

.xceed-header .language .dropdown-menu ul.pro-body {
  max-height: 200px;
  list-style-type: none;
  padding: 0;
}

.xceed-header .language .dropdown-menu ul.pro-body li a {
  padding: 10px 30px !important;
  padding-left:10px !important;
}

.xceed-header .dropdown .profile-notification .pro-head {
  color: #fff;
  padding: 15px;
  position: relative;
  background: #242e3e;
}

.xceed-header .dropdown .profile-notification .pro-head img {
  width: 40px;
  margin-right: 10px;
}

.xceed-header .dropdown .profile-notification .pro-head .dud-logout {
  color: #fff;
  padding-right: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.xceed-header .dropdown .profile-notification .pro-body {
  padding: 20px 0;
  margin-bottom: 0;
  list-style: none;
}

.xceed-header .dropdown .profile-notification .pro-body li {
  margin: 0;
  border-radius: 2px;
}

.xceed-header .dropdown .profile-notification .pro-body li a {
  color: var(--text-black-light-color);
  font-size: 14px;
  padding: 10px 20px;
}

.xceed-header .dropdown .profile-notification .pro-body li.active,
.xceed-header .dropdown .profile-notification .pro-body li:active,
.xceed-header .dropdown .profile-notification .pro-body li:focus,
.xceed-header .dropdown .profile-notification .pro-body li:hover {
  background: rgba(72, 134, 255, 0.03);
}

.xceed-header .dropdown .profile-notification .pro-body li.active > a,
.xceed-header .dropdown .profile-notification .pro-body li:active > a,
.xceed-header .dropdown .profile-notification .pro-body li:focus > a,
.xceed-header .dropdown .profile-notification .pro-body li:hover > a {
  color: #2563eb;
  background: 0 0;
}

.mob-toggler,
.xceed-header .mobile-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
    .light .xceed-header .mobile-menu img {
        filter: brightness(0) saturate(100%) invert(99%) sepia(23%) saturate(242%) hue-rotate(231deg) brightness(115%) contrast(92%);
    }

    .mob-toggler {
        right: 5px;
        display: none;
    }


.mob-toggler span,
.xceed-header .mobile-menu span {
  position: relative;
  display: block;
  width: 100%;
  transition: 0.3s cubic-bezier(0.97, 0.75, 0.61, 1.84);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 2px;
}

.mob-toggler span:after,
.mob-toggler span:before,
.xceed-header .mobile-menu span:after,
.xceed-header .mobile-menu span:before {
  content: "";
  position: absolute;
  left: 0;
  height: 2px;
  background-color: rgba(36, 46, 62, 0.8);
  transition: 0.3s cubic-bezier(0.97, 0.75, 0.61, 1.84);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 2px;
  display:none
}

.mob-toggler span:after,
.xceed-header .mobile-menu span:after {
  top: 6px;
  width: 70%;
}

.mob-toggler span:before,
.xceed-header .mobile-menu span:before {
  top: -6px;
  width: 40%;
}

.mob-toggler:hover span,
.xceed-header .mobile-menu:hover span {
  background-color: #242e3e;
}

.mob-toggler:hover span:after,
.mob-toggler:hover span:before,
.xceed-header .mobile-menu:hover span:after,
.xceed-header .mobile-menu:hover span:before {
  background-color: #242e3e;
  width: 100%;
}

.navbar-brand {
  background: #2563eb;
}

.xceed-header:before,
.xceed-main-container:before {
  content: "";
  transition: all 0.3s ease-in-out;
}

.xceed-navbar {
    display: block;
    position: absolute;
    width: 270px;
    height: 100%;
    top: 0;
    transition: all 0.3s ease-in-out;
    z-index: 1030;
    background-color: var(--bg-white);
    box-shadow: 0px 4px 6px 0px #0000001A;
    border-right: 1px solid #F3F4F6;
}
.light .xceed-navbar {
    box-shadow: 0px 0px 3px 1px rgb(207 209 212 / 49%);
    border-right-color: var(--border-color);
}
    .xceed-navbar ul {
        padding-left: 0;
        list-style: none;
        margin-bottom: 0;
    }

.xceed-navbar .scroll-div.navbar-content {
  height: 100%;
}

.xceed-navbar .header-logo,
.xceed-navbar .mobile-menu {
  align-items: center;
  height: 60px;
  transition: all 0.3s ease-in-out;
}

.xceed-navbar .header-logo {
  position: relative;
  display: inline-flex;
  float: left;
  background: #242e3e;
  text-align: center;
  width: 230px;
  margin-right: 0;
  padding: 10px 25px;
}

.xceed-navbar .header-logo .logo-dark,
.xceed-navbar .xceed-inner-navbar li.xceed-hasmenu .xceed-submenu,
.sidebar-xs
  .xceed-navbar
  .xceed-inner-navbar
  > li.xceed-hasmenu
  .xceed-submenu {
  display: none;
}

.xceed-navbar .header-logo .logo-thumb {
  transform: rotateY(-90deg);
  opacity: 0;
  position: absolute;
  transition: unset;
}

.xceed-navbar .header-logo + .scroll-div {
  float: left;
  display: inline-block;
}

.xceed-navbar .mobile-menu {
  display: flex;
  justify-content: center;
  width: 37px;
  position: absolute;
  right: 10px;
  top: 0;
  padding: 0 10px;
}

.xceed-navbar .xceed-badge {
  font-size: 75%;
  position: relative;
  right: 0;
  top: -1px;
  padding: 2px 7px;
  border-radius: 2px;
  display: inline-block;
  margin-left: 10px;
}

.xceed-navbar .xceed-inner-navbar {
  flex-direction: column;
  margin-top: 10px;
}

.navbar-content,
.xceed-navbar .xceed-inner-navbar li,
.xceed-navbar .xceed-inner-navbar li.xceed-hasmenu .xceed-submenu,
.xceed-navbar .xceed-inner-navbar li.xceed-hasmenu .xceed-submenu li,
.xceed-navbar .xceed-inner-navbar li.xceed-hasmenu.xceed-trigger.active > a,
.xceed-navbar .xceed-inner-navbar li > a .xceed-mtext {
  position: relative;
}

    .xceed-navbar .xceed-inner-navbar li > a {
        text-align: left;
        padding: 7px 10px;
        font-weight: 400;
        border-radius: 2px;
        display: block;
        position: relative;
        font-size: 16px;
        transition: all .3s ease;
    }
    .xceed-navbar .xceed-inner-navbar li{
        padding-bottom: 4px;
    }
    .xceed-navbar .xceed-inner-navbar li > a > .xceed-micon {
        font-size: 16px;
        padding: 0;
        margin-right: 16px;
        border-radius: 4px;
        width: 20px;
        display: inline-flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }
       .light .xceed-navbar .xceed-inner-navbar li:not(:last-child,.active,:hover) > a > .xceed-micon img {
            filter: brightness(0) saturate(100%) invert(99%) sepia(23%) saturate(242%) hue-rotate(231deg) brightness(115%) contrast(92%);
        }
        .sidebar-xs .xceed-navbar .xceed-inner-navbar li > a > .xceed-micon {
            margin-right: 0px;
        }
        .xceed-navbar .xceed-inner-navbar li > a > .xceed-micon + .xceed-mtext {
            position: absolute;
            top: 11px;
            transform: rotateY(0deg);
            transform-origin: 0 0;
            opacity: 1;
            transition: all 0.3s ease-in-out;
            white-space: nowrap;
            line-height: 1;
        }
    .xceed-navbar .xceed-inner-navbar li.xceed-hasmenu > a:after {
        content: "\e844";
        font-family: "feather";
        font-size: 13px;
        border: 0;
        position: absolute;
        top: 13px;
        right: 0;
        width: 13px;
        transition: 0.3s ease-in-out;
        height: 13px;
    }

.xceed-navbar .xceed-inner-navbar li.xceed-hasmenu.xceed-trigger > a:after {
  transform: rotate(90deg);
}

.xceed-navbar .xceed-inner-navbar li.xceed-hasmenu .xceed-submenu a:after {
  top: 7px;
}

.xceed-navbar
  .xceed-inner-navbar
  li.xceed-hasmenu.xceed-trigger.active
  > .xceed-submenu {
  display: block;
}

.xceed-navbar .xceed-inner-navbar li.xceed-hasmenu .xceed-submenu:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 1px;
  height: calc(100% - 25px);
  background: rgba(181, 189, 202, 0.2);
}

.xceed-navbar .xceed-inner-navbar li.xceed-hasmenu .xceed-submenu li:after {
  content: "";
  position: absolute;
  top: 16px;
  left: 10px;
  width: 6px;
  height: 1px;
  background: rgba(181, 189, 202, 0.2);
}

.xceed-navbar .xceed-inner-navbar li.xceed-hasmenu .xceed-submenu li > a {
  text-align: left;
  padding: 6px 0 6px 20px;
  margin: 0;
  display: block;
  font-size: 13px;
}

.xceed-navbar
  .xceed-inner-navbar
  li.xceed-hasmenu
  .xceed-submenu
  li
  .xceed-submenu:after {
  left: 45px;
  top: -20px;
  height: calc(100% - 15px);
}

.xceed-navbar
  .xceed-inner-navbar
  li.xceed-hasmenu
  .xceed-submenu
  li
  .xceed-submenu
  > li:after {
  left: 46px;
  width: 20px;
}

.xceed-navbar
  .xceed-inner-navbar
  li.xceed-hasmenu
  .xceed-submenu
  li
  .xceed-submenu
  > li
  > a {
  padding: 10px 7px 10px 80px;
}

.xceed-navbar
  .xceed-inner-navbar
  li.xceed-hasmenu
  .xceed-submenu
  li
  .xceed-submenu
  > li
  > a:before {
  left: 65px;
}

.xceed-navbar .xceed-inner-navbar li.xceed-menu-caption {
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  padding: 18px 28px 5px;
  margin-top: 10px;
  text-transform: capitalize;
  position: relative;
}

.xceed-navbar .xceed-inner-navbar li.xceed-menu-caption:first-child {
  margin-top: 1px;
  border-top: none;
}

.xceed-navbar .xceed-inner-navbar li.disabled > a {
  cursor: default;
  opacity: 0.5;
}

.xceed-navbar .xceed-submenu {
  padding: 0;
}

.xceed-navbar a {
  color: var(--text-black-color);
}
.light .xceed-navbar a {
    color: var(--text-black-color);
}

    .xceed-navbar .navbar-wrapper {
        width: 100%;
        height: calc(100vh - 65px);
        padding: 0 10px;
        overflow-y: auto;
    }
.sidebar-xs .xceed-navbar .navbar-wrapper {
    overflow-y: visible;
}
        .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.sidebar-xs .xceed-navbar {
  width: 60px;
  height: 100%;
  transition: all 0.3s ease-in-out;
}

.sidebar-xs .xceed-navbar .header-logo {
  width: 70px;
  padding: 10px 20px;
}

.sidebar-xs .xceed-navbar .header-logo img {
  transition: unset;
}

.sidebar-xs .xceed-navbar .header-logo .logo-thumb {
  transform: rotateY(0deg);
  transform-origin: 0 0;
  opacity: 1;
  left: calc((70px / 2) - 20px);
}

.sidebar-xs .xceed-navbar .header-logo .mobile-menu,
.sidebar-xs .xceed-navbar .header-logo img {
  transform: rotateY(-90deg);
  transform-origin: 0 0;
  opacity: 0;
}

/*.xceed-navbar.navbar-collapsed .navbar-content.ps {
    overflow: visible
}*/

.sidebar-xs .xceed-navbar .navbar-content.ps {
  overflow: visible;
}

.sidebar-xs .xceed-navbar .xceed-menu-caption {
  position: relative;
  width: 100%;
  height: auto;
  white-space: nowrap;
  overflow: hidden;
}

.sidebar-xs .xceed-navbar .xceed-menu-caption:after {
  content: "";
  position: absolute;
  top: 32px;
  left: 15px;
  width: calc(100% - 30px);
  height: 1px;
  background: rgba(181, 189, 202, 0.5);
}
.sidebar-xs
  .xceed-navbar
  .xceed-inner-navbar
  > li
  > a
  > .xceed-micon
  + .xceed-mtext {
  position: absolute;
  top: 11px;
  display: none;
}

.sidebar-xs .xceed-navbar .xceed-inner-navbar > li > a > .xceed-mtext {
  transform-origin: 0 0;
  transition: all 0.3s ease-in-out;
}

.sidebar-xs .xceed-navbar .xceed-inner-navbar > li.xceed-hasmenu > a:after {
  right: -4px;
}

.sidebar-xs
  .xceed-navbar
  .xceed-inner-navbar
  > li.xceed-trigger
  .xceed-submenu
  li
  a {
  white-space: nowrap;
}

.sidebar-xs
  .xceed-navbar
  .xceed-inner-navbar
  > li.xceed-trigger
  .xceed-submenu
  li
  + li
  a {
  border-top: none;
}

.sidebar-xs
  .xceed-navbar
  .xceed-inner-navbar
  > li.xceed-trigger
  .xceed-submenu
  .xceed-submenu
  li
  a:before {
  opacity: 0;
}

.sidebar-xs .xceed-navbard ~ .xceed-header .dropdown.mega-menu .dropdown-menu {
  left: 70px;
  width: calc(100vw - 70px - 15px);
}

.sidebar-xs .xceed-navbar ~ .xceed-main-container {
  margin-left: 70px;
}

@media only screen and (max-width: 769px) {
  .sidebar-xs .xceed-navbar ~ .xceed-main-container {
    margin-left: 0px;
  }
}

.sidebar-xs .xceed-navbar .xceed-badge {
  transform: rotateX(-90deg);
  transform-origin: 50% 50%;
  opacity: 0;
  display: none;
  transition: all 0.15s ease-in-out;
}

.xceed-navbar .xceed-inner-navbar li.active > a,
.xceed-navbar .xceed-inner-navbar li:focus > a,
.xceed-navbar .xceed-inner-navbar li:hover > a {
    color: var(--primary-color);
    background-color: var(--btn-dark-bg);
    transition: all .3s ease;
}
.xceed-navbar .xceed-inner-navbar li:not(:last-child).active > a img,
.xceed-navbar .xceed-inner-navbar li:not(:last-child):hover > a img {
    filter: brightness(0) saturate(100%) invert(35%) sepia(94%) saturate(5107%) hue-rotate(218deg) brightness(98%) contrast(88%);
}
.xceed-navbar .xceed-inner-navbar li:last-child.active > a,
.xceed-navbar .xceed-inner-navbar li:last-child:focus > a,
.xceed-navbar .xceed-inner-navbar li:last-child:hover > a,
.dark .xceed-navbar ul.xceed-inner-navbar li:last-child:hover > a,
.xceed-navbar .xceed-inner-navbar li:last-child a {
    background-color: #FEF2F2;
    color: #DC2626;
    font-weight: 700;
}
.light .xceed-navbar .xceed-inner-navbar li:last-child a {
    background-color: #333333;
}
    .xceed-navbar .xceed-inner-navbar li:last-child {
        position: absolute;
        bottom: 5px;
        left: 10px;
        width: 100%;
        max-width: 250px;
    }
.sidebar-xs .xceed-navbar .xceed-inner-navbar li:last-child {
    max-width: 40px;
}
    .xceed-navbar .xceed-inner-navbar li:last-child:hover a img {
        filter: brightness(0) saturate(100%) invert(36%) sepia(75%) saturate(5054%) hue-rotate(355deg) brightness(82%) contrast(100%);
    }
.sidebar-xs .xceed-navbar .xceed-inner-navbar li:first-child p{
    padding-left: 0;
}
.xceed-navbar .xceed-inner-navbar li .xceed-submenu > li.active > a:before,
.xceed-navbar .xceed-inner-navbar li .xceed-submenu > li:focus > a:before,
.xceed-navbar .xceed-inner-navbar li .xceed-submenu > li:hover > a:before {
    background: #2563eb;
}

.xceed-navbar .xceed-inner-navbar > li.active > a,
.xceed-navbar .xceed-inner-navbar > li.xceed-trigger > a {
  color: var(--primary-color);
}

.xceed-navbar .xceed-inner-navbar > .xceed-menu-caption.active:after,
.xceed-navbar .xceed-inner-navbar > .xceed-menu-caption.xceed-trigger:after {
  display: none;
}

.xceed-navbar.mob-open ~ .xceed-header:before,
.xceed-navbar.mob-open ~ .xceed-main-container:before,
.sidebar-xs.xceed-navbar:hover ~ .xceed-header:before,
.sidebar-xs.xceed-navbar:hover ~ .xceed-main-container:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.content-main.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.xceed-content {
    position: relative;
    display: block;
    padding: 28px;
    background: var(--bg-white);
}
.bg-dashboard-gr {
    background: linear-gradient(91.54deg, #e3f5ff 14.22%, #FFFFFF 71.42%, #d0edf700 1.48%, #cfedf700 99.03%);
}
.light .bg-dashboard-gr {
    background: linear-gradient(91.54deg, #060c31 14.22%, #0d0d0d 71.42%, #d0edf700 1.48%, #cfedf700 99.03%);
}
.dashboard-page-box {
    border: 1px solid var(--border-dark-color);
    border-radius: 12px;
    box-shadow: var(--box-shadow);
}
.dashboard-img-banner img{
    border-bottom-right-radius:12px;
    border-top-right-radius:12px;
    height:260px;
}
.dashboard-page-box p {
    font-size: 18px;
    color: var(--text-black-light-color);
}
.dashboard-page-box a {
    padding: 10px 28px;
    background: var(--primary-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    border-radius: 25px;
    margin: 0;
}
.dashboard-page-box a span {
    display: inline-block;
    padding-top: 3px;
}
    .dashboard-page-box a img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(153deg) brightness(109%) contrast(101%);
        max-width:22px;
    }
.dashboard-heading h5{
    color:var(--text-black-color);
    font-size:14px;
    font-weight:600;
    line-height:20px;
    margin:0px;
}
.QuickActions .card {
    border: 1px solid var(--border-dark-color);
    box-shadow: var(--box-shadow);
    height:156px;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.light .QuickActions .card {
    background: #111111;
}
.icon-box-dash {
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin-bottom: 14px;
}
    .QuickActions > div:nth-child(1) .icon-box-dash {
        background-color: #DBEAFE;
    }
    .QuickActions > div:nth-child(2) .icon-box-dash {
        background-color: #DCFCE7;
    }
    .QuickActions > div:nth-child(3) .icon-box-dash {
        background-color: #FEF9C3;
    }
    .QuickActions > div:nth-child(4) .icon-box-dash {
        background-color: #E0E7FF;
    }
    .QuickActions > div:nth-child(5) .icon-box-dash {
        background-color: #CCFBF1;
    }
.light .QuickActions > div:nth-child(1) .icon-box-dash {
    background-color: #021B3D;
}

.light .QuickActions > div:nth-child(2) .icon-box-dash {
    background-color: #053A18;
}

.light .QuickActions > div:nth-child(3) .icon-box-dash {
    background-color: #554E01;
}

.light .QuickActions > div:nth-child(4) .icon-box-dash {
    background-color: #000D38;
}

.light .QuickActions > div:nth-child(5) .icon-box-dash {
    background-color: #064B3C;
}
.QuickActions h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    color: var(--text-black-color);
}
.dashboard-select select {
    border: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    padding: 4px 8px 4px 8px;
    border-radius: 5px;

}
.light .dashboard-select select {
    background: transparent;
    color: #F5F6F7;
}
.light .dashboard-select option {
    color: initial;
    background: #fff;
}
.addnewBtn {
    background-color: var(--btn-dark-bg);
    border: 1px solid var(--border-color);
    color: #4338CA;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    gap: 7px;
    align-items: center;
    line-height: 100%;
    padding: 9px 14px;
    border-radius: 4px;
    margin-top: -12px;
}
.pagetabber li a.addnewBtn {
    background-color: var(--btn-dark-bg);
    border: 1px solid var(--border-color);
    color: #4338CA;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    gap: 7px;
    align-items: center;
    line-height: 100%;
    padding: 9px 14px;
    border-radius: 4px;
    margin-top: -12px;
}
.RecentActivity .card {
    border: 1px solid var(--border-dark-color);
    box-shadow: var(--box-shadow);
    padding: 4px 8px;
    border-radius: 12px;
    background-color: var(--bg-white);
}
.light .recent-text-d h6{
    color:#ffffff;
}
.RecentActivity h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: var(--text-black-color)
}
.RecentActivity .recent-heading a {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}
    .StatsCards div:nth-child(2n) .card {
    background-color: #E5ECF6;
}
.light .StatsCards div:nth-child(2n) .card {
    background-color: #101C2D;
}
.StatsCards div:nth-child(2n + 1) .card {
    background-color: #E3F5FF;
}
.light .StatsCards div:nth-child(2n + 1) .card {
    background-color: #1B1B1B;
}
.light .StatsCards .card small img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(6788%) hue-rotate(299deg) brightness(113%) contrast(81%);
}
.StatsCards .card h4 {
    color: var(--text-black-color)
}
    .StatsCards .card{
        padding:24px;
    }
.StatsCards h6 {
    color: var(--text-black-color);
    font-weight: 600;
    font-size: 14px;
}
.StatsCards h6 img {
    margin-right: 8px;
    max-height: 18px;
}
.recent-ul {
    padding: 0;
    margin: 0;
}
.recent-ul li:not(:last-child){
   margin-bottom:16px;
}

.recent-img-d > div {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

    .recent-img-d > div.recent-success {
        background: #D9FFE7;
    }
    .recent-img-d > div.recent-primary {
        background: #D3DEFF;
    }
    .recent-img-d > div.recent-danger {
        background: #FFBFBF;
    }
    .recent-img-d > div.recent-warning {
        background: #FFECD1;
    }
    .recent-img-d > div.recent-light {
        background: #D8E8FF;
    }
.light .recent-img-d > div.recent-success {
    background: #004017;
}

.light .recent-img-d > div.recent-primary {
    background: #001346;
}

.light .recent-img-d > div.recent-danger {
    background: #590000;
}

.light .recent-img-d > div.recent-warning {
    background: #482A00;
}

.light .recent-img-d > div.recent-light {
    background: #001B41;
}

.recent-text-d h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    color: var(--text-black-color);
    position: relative;
    margin-bottom: 6px;
    display:inline-block;
}

    .recent-text-d h6 span {
        position: absolute;
        white-space: nowrap;
        font-size: 12px;
        top: 0px;
        left: 105%;
        font-weight: 400;
        line-height: 12px;
        color: var(--text-gray-color);
    }
.recent-text-d p {
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    color: var(--text-black-light-color);
    margin: 0px;
}
.recent-text-d {
    margin-left: 16px;
}
.xceed-main-container {
    position: relative;
    padding-top: 0;
    display: block;
    clear: both;
    float: unset;
    right: 0;
    top: 0;
    margin: 0 auto 0 270px;
    min-height: 100vh;
    transition: all 0.3s ease-in-out;
}
select.form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: var(--bg-white);
    padding-right: 2.5rem;
    background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="16" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 7l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 0.4rem center;
    background-size: 1rem;
}
.light select.form-control {
    background-image: url('data:image/svg+xml;utf8,<svg fill="white" height="16" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 7l5 5 5-5z"/></svg>');
}
    .xceed-header .navbar-collapse {
  background-color: var(--bg-white);
}

@media only screen and (max-width: 767px) {
  .xceed-header .navbar-collapse {
    box-shadow: 0 0 1px 1px #0000000f;
  }
    .QuickActions .w-25{
        width:100% !important;
        margin-bottom:20px;
    }
    .QuickActions{
        margin-top:15px;
    }
    .xceed-header .input-group-text,
    .xceed-header a,
    .xceed-header dropdown-toggle {
        color: #242e3e;
    }

  .xceed-header .input-group-text:hover,
  .xceed-header a:hover,
  .xceed-header dropdown-toggle:hover {
    color: #2563eb;
  }

  .xceed-header .dropdown.mega-menu .dropdown-menu {
    left: 0;
    width: 100vw;
  }

  .xceed-header .container > .collapse:not(.show),
  .xceed-header > .collapse:not(.show) {
    background: #fff;
    box-shadow: 0 0 3px 0 rgba(54, 80, 138, 0.34);
    position: relative;
  }

  .xceed-header .container > .collapse:not(.show) .mob-toggler:after,
  .xceed-header > .collapse:not(.show) .mob-toggler:after {
    content: "\e89a";
    font-family: "feather";
    font-size: 20px;
    color: #242e3e;
    position: absolute;
    right: 10px;
    top: 0;
    width: 40px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .xceed-header .container > .collapse:not(.show) .mr-auto,
  .xceed-header > .collapse:not(.show) .mr-auto {
    height: 60px;
    display: inline-block;
    justify-content: center;
  }

  .xceed-header .container > .collapse:not(.show) .ml-auto,
  .xceed-header > .collapse:not(.show) .ml-auto {
    margin-left: auto;
    margin-right: 0 !important;
  }

  .xceed-header .dropdown-menu,
  .xceed-header .dropdown-menu a,
  .xceed-header .search-close .input-group-text {
    color: #242e3e;
  }

  .xceed-header .m-header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 65px;
    background-color: var(--bg-white);
    margin-left:0px;
    border-bottom:1px solid var(--border-color)
  }

  .xceed-header .m-header .mobile-menu {
    right: auto;
    left: 10px;
    position: absolute;
  }

  .xceed-header .m-header .mobile-menu span,
  .xceed-header .m-header .mobile-menu span:before,
  .xceed-header .m-header .mobile-menu span:after {
    /*background-color: #535763 !important;*/
  }

  .xceed-header .m-header .mob-toggler {
    display: flex;
  }

  .xceed-header .navbar-nav > li:last-child {
    padding-right: 20px;
  }

  .sidebar-xs .xceed-navbar {
    margin-left: -230px;
    position: absolute;
    height: 100%;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
  }

  .xceed-navbar {
    margin-left: 0px;
    position: absolute;
    height: 100%;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
  }

  .xceed-navbar .scroll-div.navbar-content {
    height: 100%;
  }

  .xceed-navbar ~ .xceed-header,
  .xceed-navbar ~ .xceed-main-container {
    margin-left: 0;
  }

  .xceed-navbar ~ .xceed-header {
    width: 100%;
  }

  .xceed-navbar .navbar-brand {
    display: none;
  }

  .xceed-navbar.mob-open,
  .xceed-navbar.mob-open .xceed-main-container ~ .xceed-header,
  .xceed-navbar.mob-open ~ .xceed-main-container {
    margin-left: 0;
  }

  .xceed-main-container {
    padding-top: 0;
  }
}

@media only screen and (max-width: 575px) {
  .xceed-header .dropdown.show a:after,
  .xceed-header .dropdown.show:before,
  .xceed-header .main-search.open .input-group .search-close {
    display: none;
  }

  .xceed-header .navbar-nav > li {
    padding: 0 8px;
  }

  .xceed-header .navbar-nav.ml-auto > li:first-child {
    padding-left: 0;
  }

  .xceed-header .navbar-nav > li:last-child {
    padding-right: 15px;
  }

  .xceed-header .navbar-nav.mr-auto li.nav-item:not(.dropdown) {
    padding-right: 0;
  }

  .xceed-header .navbar-nav.mr-auto li.nav-item:not(.dropdown) .search-close {
    display: none;
  }

  .xceed-header .dropdown.mega-menu,
  .xceed-header .dropdown.show {
    position: static;
  }

  .xceed-header
    .dropdown.mega-menu
    .dropdown-menu.profile-notification
    .pro-body
    li
    a {
    padding: 5px 10px;
  }

  .xceed-header .dropdown .notification {
    width: 100%;
  }

  .xceed-header .dropdown .dropdown-menu {
    /*width: 95%;
    margin-left: auto;
    margin-right: auto;
    left: 0;*/
    right: 10px;
  }
  .xceed-content {
    padding: 5px 15px;
  }

  .card {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
  /* .xceed-navbar .header-logo,
    .xceed-navbar.navbar-collapsed,
    .xceed-navbar.navbar-collapsed .header-logo img,
    .xceed-navbar.navbar-collapsed .xceed-badge,
    .xceed-navbar.navbar-collapsed .xceed-inner-navbar>li>a>.xceed-mtext,
    .xceed-navbar.navbar-collapsed .xceed-menu-caption>label {
        transition: none
    }

    .xceed-navbar.navbar-collapsed .xceed-inner-navbar>li.xceed-hasmenu>a:after {
        transition: none;
        transition-delay: 0
    }

    .xceed-navbar.navbar-collapsed:hover .xceed-badge {
        transition-delay: 0
    }*/

  .xceed-navbar .header-logo,
  .sidebar-xs .xceed-navbar,
  .sidebar-xs .xceed-navbar .header-logo img,
  .sidebar-xs .xceed-navbar .xceed-badge,
  .sidebar-xs .xceed-navbar .xceed-inner-navbar > li > a > .xceed-mtext,
  .sidebar-xs .xceed-navbar .xceed-menu-caption > label {
    transition: all 0.3s ease-in-out;
  }

  .sidebar-xs .xceed-navbar .xceed-inner-navbar > li.xceed-hasmenu > a:after {
    transition: none;
    transition-delay: 0;
  }

  .sidebar-xs .xceed-navbar:hover .xceed-badge {
    transition-delay: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .sidebar-xs .xceed-navbar ~ .xceed-header .dropdown.mega-menu .dropdown-menu {
    left: 70px;
    width: calc(100vw - 70px);
  }
}

@media only screen and (max-width: 350px) {
  .xceed-header .navbar-nav > li .dropdown,
  .xceed-header .navbar-nav > li.nav-item {
    height: auto;
  }

  .xceed-header .dropdown.mega-menu,
  .xceed-header .mr-auto .dropdown {
    display: none;
  }
}
.sidebar-xs .xceed-navbar .xceed-inner-navbar > li:hover > a {
    border-radius: 5px 0 0 5px;
    color:#fff;
}
    .sidebar-xs
    .xceed-navbar
    .xceed-inner-navbar > li:hover > a > span.xceed-mtext {
        position: absolute;
        top: 0;
        right: -260px;
        background-color: #2563eb;
        padding: 12px 20px;
        width: 260px;
        text-align: left;
        color: #fff;
        display: block;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
    }

.sidebar-xs .xceed-navbar .xceed-inner-navbar > li:hover ul.xceed-submenu {
  position: absolute;
  right: -260px;
  top: 43px;
  width: 260px;
  display: block !important;
  background-color: #fff;
  border: 1px solid #2563eb;
  border-radius: 0 0 3px 0;
  z-index:1029;
}
.xceed-navbar .card {
  background: rgba(255, 255, 255, 0.1);
  margin: 20px;
  box-shadow: 0 0 0 1px rgba(226, 229, 232, 0.15);
}

.xceed-navbar .card,
.xceed-navbar .card h6 {
  color: rgba(255, 255, 255, 0.6);
}

.xceed-navbar .card .close {
  color: #b5bdca;
  position: absolute;
  top: 10px;
  right: 12px;
  opacity: 0.8;
  text-shadow: none;
}

.dark .xceed-navbar .card {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 1px #f6f7fb;
    color: rgba(0, 0, 0, 0.6);
}

.dark .xceed-navbar .header-logo .logo-dark,
.sidebar-xs .xceed-navbar .card,
.sidebar-xs .xceed-navbar li.xceed-hasmenu .xceed-submenu li:after,
.sidebar-xs .xceed-navbar li.xceed-hasmenu .xceed-submenu:after {
    display: none;
}

    .dark .xceed-navbar .header-logo {
        background-color: #242e3e;
    }

        .dark  .xceed-navbar .header-logo .logo-main {
            display: block;
        }

    .xceed-header[class*="header-"] .mobile-menu span,
    .xceed-header[class*="header-"] .mobile-menu span:after,
    .xceed-header[class*="header-"] .mobile-menu span:before,
    .dark .xceed-navbar .mobile-menu span,
    .dark .xceed-navbar .mobile-menu span:after,
    .dark .xceed-navbar .mobile-menu span:before {
        background-color: transparent;
        color: #1C1C1C;
    }
.dark .darkimg {
    display:none
}
.dark .lightimg {
    display: block;
}
.lightimg{
    display:none;
}
.dark .xceed-navbar .mobile-menu.on span {
    background-color: transparent;
}

    .dark .xceed-navbar .xceed-inner-navbar li.xceed-menu-caption {
        color: #474b55;
    }

    .dark .xceed-navbar
    .xceed-inner-navbar
    li.xceed-hasmenu
    .xceed-submenu
    li:after,
    .dark .xceed-navbar
    .xceed-inner-navbar
    li.xceed-hasmenu
    .xceed-submenu:after {
        background: rgba(181, 189, 202, 0.5);
    }

    .dark .xceed-navbar
    .xceed-inner-navbar
    li.xceed-hasmenu
    .xceed-submenu
    li.active > a:before,
    .dark .xceed-navbar
    .xceed-inner-navbar
    li.xceed-hasmenu
    .xceed-submenu
    li.xceed-trigger > a:before,
    .dark .xceed-navbar
    .xceed-inner-navbar
    li.xceed-hasmenu
    .xceed-submenu
    li:hover > a:before {
        background: #2563eb;
    }

    .dark .xceed-navbar
    .xceed-inner-navbar
    li.xceed-hasmenu
    .xceed-submenu
    li + li > a {
        border-top-color: #ededed;
    }

        .dark .xceed-navbar
        .xceed-inner-navbar
        li.xceed-hasmenu
        .xceed-submenu
        li + li > a
        .badge {
            position: absolute;
            padding: 2px 4px;
            top: 8px;
            right: 8px;
        }

.dark .sidebar-xs .xceed-navbar .xceed-menu-caption:after {
    background: rgba(0, 0, 0, 0.1);
}

.dark .sidebar-xs .xceed-navbar:hover {
    background: #f6f7fb;
}

    .dark .sidebar-xs .xceed-navbar:hover .xceed-menu-caption:after {
        background: 0 0;
    }

.xceed-header.header-blue .dropdown-menu,
.xceed-header.header-blue .dropdown-menu a,
.xceed-header.header-blue .dropdown-menu > li > a,
.xceed-header.header-blue .profile-notification li > a,
.xceed-header.header-red .profile-notification li > a,
.dark .xceed-navbar .xceed-menu-caption {
    color: #535763;
}

.dark .xceed-navbar .xceed-inner-navbar > li.active > a,
.dark .xceed-navbar .xceed-inner-navbar > li.xceed-trigger > a {
    color: var(--primary-color);
}

.dark .xceed-navbar ul.xceed-inner-navbar li:hover > a {
    color: rgba(37, 99, 235, 1);
}
.dark .sidebar-xs .xceed-navbar ul.xceed-inner-navbar > li:hover > a {
    color: #ffffff;
}
.sidebar-xs li.xceed-hasmenu.xceed-trigger .xceed-submenu {
    display:none !important;
}
@media only screen and (min-width: 767px) {
    .xceed-header[class*="header-"] .collapse:not(.show) {
    background: inherit;
  }
}

.xceed-header.header-blue {
    background: var(--bg-white);
    box-shadow: 0px 0px 3px 1px rgb(207 209 212 / 49%);
    border-bottom: 1px solid var(--border-color);
}
.light .xceed-header.header-blue {
    box-shadow: 0px 0px 3px 1px rgb(207 209 212 / 28%);
}
.xceed-header.header-grey {
  background: 0 0;
  color: rgba(255, 255, 255, 0.8);
}

.xceed-header.header-blue .profile-notification li.active,
.xceed-header.header-blue .profile-notification li:active,
.xceed-header.header-blue .profile-notification li:focus,
.xceed-header.header-blue .profile-notification li:hover {
  background: rgba(72, 134, 255, 0.1);
}

.xceed-header.header-blue .dropdown-menu > li.active > a,
.xceed-header.header-blue .dropdown-menu > li:active > a,
.xceed-header.header-blue .dropdown-menu > li:focus > a,
.xceed-header.header-blue .dropdown-menu > li:hover > a,
.xceed-header.header-blue .profile-notification li.active > a,
.xceed-header.header-blue .profile-notification li:active > a,
.xceed-header.header-blue .profile-notification li:focus > a,
.xceed-header.header-blue .profile-notification li:hover > a,
.xceed-header.header-dark .dropdown-menu > li.active > a,
.xceed-header.header-dark .dropdown-menu > li:active > a,
.xceed-header.header-dark .dropdown-menu > li:focus > a,
.xceed-header.header-dark .dropdown-menu > li:hover > a,
.xceed-header.header-dark .profile-notification li.active > a,
.xceed-header.header-dark .profile-notification li:active > a,
.xceed-header.header-dark .profile-notification li:focus > a,
.xceed-header.header-dark .profile-notification li:hover > a,
.xceed-header.header-info .dropdown-menu > li.active > a,
.xceed-header.header-info .dropdown-menu > li:active > a,
.xceed-header.header-info .dropdown-menu > li:focus > a,
.xceed-header.header-info .dropdown-menu > li:hover > a,
.xceed-header.header-info .profile-notification li.active > a,
.xceed-header.header-info .profile-notification li:active > a,
.xceed-header.header-info .profile-notification li:focus > a,
.xceed-header.header-info .profile-notification li:hover > a,
.xceed-header.header-purple .dropdown-menu > li.active > a,
.xceed-header.header-purple .dropdown-menu > li:active > a,
.xceed-header.header-purple .dropdown-menu > li:focus > a,
.xceed-header.header-purple .dropdown-menu > li:hover > a,
.xceed-header.header-purple .profile-notification li.active > a,
.xceed-header.header-purple .profile-notification li:active > a,
.xceed-header.header-purple .profile-notification li:focus > a,
.xceed-header.header-purple .profile-notification li:hover > a,
.xceed-header.header-red .dropdown-menu > li.active > a,
.xceed-header.header-red .dropdown-menu > li:active > a,
.xceed-header.header-red .dropdown-menu > li:focus > a,
.xceed-header.header-red .dropdown-menu > li:hover > a,
.xceed-header.header-red .profile-notification li.active > a,
.xceed-header.header-red .profile-notification li:active > a,
.xceed-header.header-red .profile-notification li:focus > a,
.xceed-header.header-red .profile-notification li:hover > a {
  background: 0 0;
}

.xceed-header.header-blue .dropdown-menu > li.active,
.xceed-header.header-blue .dropdown-menu > li:active,
.xceed-header.header-blue .dropdown-menu > li:focus,
.xceed-header.header-blue .dropdown-menu > li:hover {
  background: rgba(72, 134, 255, 0.1);
  color: #535763;
}

.xceed-header.header-blue .input-group .input-group-text:hover,
.xceed-header.header-blue a,
.xceed-header.header-blue a:hover,
.xceed-header.header-blue dropdown-toggle,
.xceed-header.header-blue dropdown-toggle:hover {
  color: var(--bg-white);
}
.light .xceed-header.header-blue a > img:not(.img-radius) {
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(691%) hue-rotate(52deg) brightness(116%) contrast(78%);
}
    @media only screen and (max-width: 767px) {
        .xceed-header.header-blue .input-group .input-group-text, .xceed-header.header-blue a, .xceed-header.header-blue dropdown-toggle {
    color: var(--text-black-color);
  }

  .xceed-header.header-blue .input-group .input-group-text:hover,
  .xceed-header.header-blue a:hover,
  .xceed-header.header-blue dropdown-toggle:hover {
    color: var(--text-black-color);
  }
        .light .page-nav span{
            display:none;
        }
        .light .page-nav{
            padding-left:15px;
        }
        .xceed-header .dropdown .dropdown-menu {
            top: calc(100% + 0px);
        }
}

.xceed-header.header-blue .main-search .search-close > .input-group-text {
  color: #2563eb;
}

.xceed-header.header-blue .main-search.open .input-group {
  background: rgba(255, 255, 255, 0.25);
  border: 0 solid rgba(255, 255, 255, 0.25);
  padding: 2px 2px 2px 20px;
}
@media only screen and (max-width: 1450px) {
    .tip-card .btn {
        font-size: 12px;
        padding: 8px 15px;
    }

        .tip-card .btn i {
            font-size: 12px;
        }
    .tip-card .wid-135 {
        font-size:12px;
        width:110px;
    }
    .tip-card .wid-100 {
        font-size: 12px;
        width: 80px;
    }
}

@media only screen and (max-width: 991px) {
  .xceed-header.header-blue .main-search.open .input-group {
    background: #f6f7fb;
  }
}

@media only screen and (min-width: 992px) {
  .xceed-header.header-blue .main-search.open .input-group .form-control {
    color: #fff;
  }
    .QuickActions > div {
        width: 18.66666667%;
    }
    .rounded-4 {
        border-radius: 1rem !important;
    }
  .xceed-header.header-blue
    .main-search.open
    .input-group
    .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }

  .xceed-header.header-blue
    .main-search.open
    .input-group
    .form-control:-ms-input-placeholder {
    color: #fff;
  }

  .xceed-header.header-blue
    .main-search.open
    .input-group
    .form-control::-webkit-input-placeholder {
    color: #fff;
  }
}

.xceed-header.header-blue .main-search.open .input-group .search-btn {
  background: #2563eb;
  border-color: #2563eb;
}

.xceed-header.header-blue .dropdown .notification .noti-head a,
.xceed-header.header-blue .dropdown .profile-notification .pro-head .dud-logout,
.xceed-header.header-blue
  .main-search.open
  .input-group
  .search-btn
  .input-group-text,
.xceed-header.header-red .input-group .input-group-text,
.xceed-header.header-red a,
.xceed-header.header-red dropdown-toggle {
  color: #fff;
}
.xceed-header.header-blue .dropdown .profile-notification .pro-head .dud-logout {
    color: #dc3545;
}
    .xceed-header.header-blue .dropdown .profile-notification .pro-head .dud-logout i{
        font-weight:600
    }
    .xceed-header.header-blue .dropdown .profile-notification .pro-head {
        color: #fff;
        background: var(--primary-color);
    }

.xceed-header.header-blue .b-bg {
  background: #fff;
  color: #2563eb;
}

.xceed-header.header-red {
  background: #ff484c;
  color: rgba(255, 255, 255, 0.8);
}
.dropdown-menu {
    --bs-dropdown-bg:var(--bg-white);
    background-color: var(--bs-dropdown-bg);
}
    .xceed-header.header-red .profile-notification li.active,
    .xceed-header.header-red .profile-notification li:active,
    .xceed-header.header-red .profile-notification li:focus,
    .xceed-header.header-red .profile-notification li:hover {
        background: rgba(255, 72, 76, 0.1);
    }

.xceed-header.header-purple .profile-notification li > a,
.xceed-header.header-red .dropdown-menu,
.xceed-header.header-red .dropdown-menu a,
.xceed-header.header-red .dropdown-menu > li > a {
  color: #535763;
}

.xceed-header.header-red .dropdown-menu > li.active,
.xceed-header.header-red .dropdown-menu > li:active,
.xceed-header.header-red .dropdown-menu > li:focus,
.xceed-header.header-red .dropdown-menu > li:hover {
  background: rgba(255, 72, 76, 0.1);
  color: #535763;
}

.xceed-header.header-red .input-group .input-group-text:hover,
.xceed-header.header-red a:hover,
.xceed-header.header-red dropdown-toggle:hover {
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .xceed-header.header-red .input-group .input-group-text,
  .xceed-header.header-red a,
  .xceed-header.header-red dropdown-toggle {
    color: #535763;
  }

  .xceed-header.header-red .input-group .input-group-text:hover,
  .xceed-header.header-red a:hover,
  .xceed-header.header-red dropdown-toggle:hover {
    color: #3c3f47;
  }

  .xceed-header.header-red .m-header > a {
    color: #fff;
  }
}

.xceed-header.header-red .main-search .search-close > .input-group-text {
  color: #ff484c;
}

.xceed-header.header-red .main-search.open .input-group {
  background: rgba(255, 255, 255, 0.25);
  border: 0 solid rgba(255, 255, 255, 0.25);
  padding: 2px 2px 2px 20px;
}

@media only screen and (max-width: 991px) {
  .xceed-header.header-red .main-search.open .input-group {
    background: #f6f7fb;
  }
}

@media only screen and (min-width: 992px) {
  .xceed-header.header-red .main-search.open .input-group .form-control {
    color: #fff;
  }

  .xceed-header.header-red
    .main-search.open
    .input-group
    .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }

  .xceed-header.header-red
    .main-search.open
    .input-group
    .form-control:-ms-input-placeholder {
    color: #fff;
  }

  .xceed-header.header-red
    .main-search.open
    .input-group
    .form-control::-webkit-input-placeholder {
    color: #fff;
  }
}

.xceed-header.header-red .main-search.open .input-group .search-btn {
  background: #ff484c;
  border-color: #ff484c;
}

.xceed-header.header-purple .input-group .input-group-text,
.xceed-header.header-purple a,
.xceed-header.header-purple dropdown-toggle,
.xceed-header.header-red .dropdown .notification .noti-head a,
.xceed-header.header-red .dropdown .profile-notification .pro-head .dud-logout,
.xceed-header.header-red
  .main-search.open
  .input-group
  .search-btn
  .input-group-text {
  color: #fff;
}

.xceed-header.header-red
  .dropdown
  .notification
  .noti-body
  li.notification:hover {
  background: rgba(255, 72, 76, 0.1);
}

.xceed-header.header-red .dropdown .profile-notification .pro-head {
  color: #fff;
  background: #ff484c;
}

.xceed-header.header-red .b-bg {
  background: #fff;
  color: #ff484c;
}

.xceed-header.header-purple {
  background: #7759de;
  color: rgba(255, 255, 255, 0.8);
}

.xceed-header.header-purple .profile-notification li.active,
.xceed-header.header-purple .profile-notification li:active,
.xceed-header.header-purple .profile-notification li:focus,
.xceed-header.header-purple .profile-notification li:hover {
  background: rgba(119, 89, 222, 0.1);
}

.xceed-header.header-info .profile-notification li > a,
.xceed-header.header-purple .dropdown-menu,
.xceed-header.header-purple .dropdown-menu a,
.xceed-header.header-purple .dropdown-menu > li > a {
  color: #535763;
}

.xceed-header.header-purple .dropdown-menu > li.active,
.xceed-header.header-purple .dropdown-menu > li:active,
.xceed-header.header-purple .dropdown-menu > li:focus,
.xceed-header.header-purple .dropdown-menu > li:hover {
  background: rgba(119, 89, 222, 0.1);
  color: #535763;
}

.xceed-header.header-purple .input-group .input-group-text:hover,
.xceed-header.header-purple a:hover,
.xceed-header.header-purple dropdown-toggle:hover {
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .xceed-header.header-purple .input-group .input-group-text,
  .xceed-header.header-purple a,
  .xceed-header.header-purple dropdown-toggle {
    color: #535763;
  }

  .xceed-header.header-purple .input-group .input-group-text:hover,
  .xceed-header.header-purple a:hover,
  .xceed-header.header-purple dropdown-toggle:hover {
    color: #3c3f47;
  }

  .xceed-header.header-purple .m-header > a {
    color: #fff;
  }
}

.xceed-header.header-purple .main-search .search-close > .input-group-text {
  color: #7759de;
}

.xceed-header.header-purple .main-search.open .input-group {
  background: rgba(255, 255, 255, 0.25);
  border: 0 solid rgba(255, 255, 255, 0.25);
  padding: 2px 2px 2px 20px;
}

@media only screen and (max-width: 991px) {
  .xceed-header.header-purple .main-search.open .input-group {
    background: #f6f7fb;
  }
}

@media only screen and (min-width: 992px) {
  .xceed-header.header-purple .main-search.open .input-group .form-control {
    color: #fff;
  }

  .xceed-header.header-purple
    .main-search.open
    .input-group
    .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }

  .xceed-header.header-purple
    .main-search.open
    .input-group
    .form-control:-ms-input-placeholder {
    color: #fff;
  }

  .xceed-header.header-purple
    .main-search.open
    .input-group
    .form-control::-webkit-input-placeholder {
    color: #fff;
  }
}

.xceed-header.header-purple .main-search.open .input-group .search-btn {
  background: #7759de;
  border-color: #7759de;
}

.xceed-header.header-info .input-group .input-group-text,
.xceed-header.header-info a,
.xceed-header.header-info dropdown-toggle,
.xceed-header.header-purple .dropdown .notification .noti-head a,
.xceed-header.header-purple
  .dropdown
  .profile-notification
  .pro-head
  .dud-logout,
.xceed-header.header-purple
  .main-search.open
  .input-group
  .search-btn
  .input-group-text {
  color: #fff;
}

.xceed-header.header-purple
  .dropdown
  .notification
  .noti-body
  li.notification:hover {
  background: rgba(119, 89, 222, 0.1);
}

.xceed-header.header-purple .dropdown .profile-notification .pro-head {
  color: #fff;
  background: #7759de;
}

.xceed-header.header-purple .b-bg {
  background: #fff;
  color: #7759de;
}

.xceed-header.header-info {
  background: #00acc1;
  color: rgba(255, 255, 255, 0.8);
}

.xceed-header.header-info .profile-notification li.active,
.xceed-header.header-info .profile-notification li:active,
.xceed-header.header-info .profile-notification li:focus,
.xceed-header.header-info .profile-notification li:hover {
  background: rgba(0, 172, 193, 0.1);
}

.xceed-header.header-dark .profile-notification li > a,
.xceed-header.header-info .dropdown-menu,
.xceed-header.header-info .dropdown-menu a,
.xceed-header.header-info .dropdown-menu > li > a {
  color: #535763;
}

.xceed-header.header-info .dropdown-menu > li.active,
.xceed-header.header-info .dropdown-menu > li:active,
.xceed-header.header-info .dropdown-menu > li:focus,
.xceed-header.header-info .dropdown-menu > li:hover {
  background: rgba(0, 172, 193, 0.1);
  color: #535763;
}

.xceed-header.header-info .input-group .input-group-text:hover,
.xceed-header.header-info a:hover,
.xceed-header.header-info dropdown-toggle:hover {
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .xceed-header.header-info .input-group .input-group-text,
  .xceed-header.header-info a,
  .xceed-header.header-info dropdown-toggle {
    color: #535763;
  }

  .xceed-header.header-info .input-group .input-group-text:hover,
  .xceed-header.header-info a:hover,
  .xceed-header.header-info dropdown-toggle:hover {
    color: #3c3f47;
  }

  .xceed-header.header-info .m-header > a {
    color: #fff;
  }
}

.xceed-header.header-info .main-search .search-close > .input-group-text {
  color: #00acc1;
}

.xceed-header.header-info .main-search.open .input-group {
  background: rgba(255, 255, 255, 0.25);
  border: 0 solid rgba(255, 255, 255, 0.25);
  padding: 2px 2px 2px 20px;
}

@media only screen and (max-width: 991px) {
  .xceed-header.header-info .main-search.open .input-group {
    background: #f6f7fb;
  }
}

@media only screen and (min-width: 992px) {
  .xceed-header.header-info .main-search.open .input-group .form-control {
    color: #fff;
  }

  .xceed-header.header-info
    .main-search.open
    .input-group
    .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }

  .xceed-header.header-info
    .main-search.open
    .input-group
    .form-control:-ms-input-placeholder {
    color: #fff;
  }

  .xceed-header.header-info
    .main-search.open
    .input-group
    .form-control::-webkit-input-placeholder {
    color: #fff;
  }
}

.xceed-header.header-info .main-search.open .input-group .search-btn {
  background: #00acc1;
  border-color: #00acc1;
}

.xceed-header.header-dark .input-group .input-group-text,
.xceed-header.header-dark a,
.xceed-header.header-dark dropdown-toggle,
.xceed-header.header-info .dropdown .notification .noti-head a,
.xceed-header.header-info .dropdown .profile-notification .pro-head .dud-logout,
.xceed-header.header-info
  .main-search.open
  .input-group
  .search-btn
  .input-group-text {
  color: #fff;
}

.xceed-header.header-info
  .dropdown
  .notification
  .noti-body
  li.notification:hover {
  background: rgba(0, 172, 193, 0.1);
}

.xceed-header.header-info .dropdown .profile-notification .pro-head {
  color: #fff;
  background: #00acc1;
}

.xceed-header.header-info .b-bg {
  background: #fff;
  color: #00acc1;
}

.xceed-header.header-dark {
  background: #242e3e;
  color: rgba(255, 255, 255, 0.8);
}

.xceed-header.header-dark .profile-notification li.active,
.xceed-header.header-dark .profile-notification li:active,
.xceed-header.header-dark .profile-notification li:focus,
.xceed-header.header-dark .profile-notification li:hover {
  background: rgba(36, 46, 62, 0.1);
}

.xceed-header.header-dark .dropdown-menu,
.xceed-header.header-dark .dropdown-menu a,
.xceed-header.header-dark .dropdown-menu > li > a {
  color: #535763;
}

.xceed-header.header-dark .dropdown-menu > li.active,
.xceed-header.header-dark .dropdown-menu > li:active,
.xceed-header.header-dark .dropdown-menu > li:focus,
.xceed-header.header-dark .dropdown-menu > li:hover {
  background: rgba(36, 46, 62, 0.1);
  color: #535763;
}

.xceed-header.header-dark .input-group .input-group-text:hover,
.xceed-header.header-dark a:hover,
.xceed-header.header-dark dropdown-toggle:hover {
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .xceed-header.header-dark .input-group .input-group-text,
  .xceed-header.header-dark a,
  .xceed-header.header-dark dropdown-toggle {
    color: #535763;
  }

  .xceed-header.header-dark .input-group .input-group-text:hover,
  .xceed-header.header-dark a:hover,
  .xceed-header.header-dark dropdown-toggle:hover {
    color: #3c3f47;
  }

  .xceed-header.header-dark .m-header > a {
    color: #fff;
  }
}

.xceed-header.header-dark .main-search .search-close > .input-group-text {
  color: #242e3e;
}

.xceed-header.header-dark .main-search.open .input-group {
  background: rgba(255, 255, 255, 0.25);
  border: 0 solid rgba(255, 255, 255, 0.25);
  padding: 2px 2px 2px 20px;
}

@media only screen and (max-width: 991px) {
  .xceed-header.header-dark .main-search.open .input-group {
    background: #f6f7fb;
  }
}

@media only screen and (min-width: 992px) {
  .xceed-header.header-dark .main-search.open .input-group .form-control {
    color: #fff;
  }

  .xceed-header.header-dark
    .main-search.open
    .input-group
    .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }

  .xceed-header.header-dark
    .main-search.open
    .input-group
    .form-control:-ms-input-placeholder {
    color: #fff;
  }

  .xceed-header.header-dark
    .main-search.open
    .input-group
    .form-control::-webkit-input-placeholder {
    color: #fff;
  }
}

.xceed-header.header-dark .main-search.open .input-group .search-btn {
  background: #242e3e;
  border-color: #242e3e;
}

.xceed-header.header-dark .dropdown .notification .noti-head a,
.xceed-header.header-dark .dropdown .profile-notification .pro-head .dud-logout,
.xceed-header.header-dark
  .main-search.open
  .input-group
  .search-btn
  .input-group-text {
  color: #fff;
}

.xceed-header.header-dark
  .dropdown
  .notification
  .noti-body
  li.notification:hover {
  background: rgba(36, 46, 62, 0.1);
}

.xceed-header.header-dark .dropdown .profile-notification .pro-head {
  color: #fff;
  background: #242e3e;
}

.xceed-header.header-dark .b-bg {
  background: #fff;
  color: #242e3e;
}

.xceed-header[class*="brand-"]:not(.brand-default) .mobile-menu span,
.xceed-header[class*="brand-"]:not(.brand-default) .mobile-menu span:after,
.xceed-header[class*="brand-"]:not(.brand-default) .mobile-menu span:before {
  background: #fff;
}

.xceed-header[class*="brand-"]:not(.brand-default) .b-bg {
  background: #fff;
  color: #2563eb;
}

.xceed-header.brand-blue .m-header,
.xceed-header[class*="header-"].brand-blue .m-header {
  background: #2563eb;
}

.xceed-header.brand-blue .m-header .b-bg,
.xceed-header[class*="header-"].brand-blue .m-header .b-bg {
  background: #fff;
  color: #2563eb;
}

.xceed-header.brand-red .m-header,
.xceed-header[class*="header-"].brand-red .m-header {
  background: #ff484c;
}

.xceed-header.brand-red .m-header .b-bg,
.xceed-header[class*="header-"].brand-red .m-header .b-bg {
  background: #fff;
  color: #ff484c;
}

.xceed-header.brand-purple .m-header,
.xceed-header[class*="header-"].brand-purple .m-header {
  background: #7759de;
}

.xceed-header.brand-purple .m-header .b-bg,
.xceed-header[class*="header-"].brand-purple .m-header .b-bg {
  background: #fff;
  color: #7759de;
}

.xceed-header.brand-info .m-header,
.xceed-header[class*="header-"].brand-info .m-header {
  background: #00acc1;
}

.xceed-header.brand-info .m-header .b-bg,
.xceed-header[class*="header-"].brand-info .m-header .b-bg {
  background: #fff;
  color: #00acc1;
}

.xceed-header.brand-dark .m-header,
.xceed-header.brand-default .header-logo,
.xceed-header[class*="header-"].brand-dark .m-header {
  background: #242e3e;
}

.xceed-header.brand-dark .m-header .b-bg,
.xceed-header[class*="header-"].brand-dark .m-header .b-bg {
  background: #2563eb;
  color: #fff;
}

.xceed-header[class*="header-"].brand-default .header-logo {
  background: #242e3e;
}

.xceed-navbar.menupos-fixed {
  position: fixed;
}

.xceed-navbar.menupos-fixed .scroll-div.navbar-content {
  height: calc(100% - 70px);
  min-height: calc(100% - 70px);
}

.xceed-header.headerpos-fixed {
  position: fixed;
  top: 0;
  left: 270px;
  right: 0;
}

.sidebar-xs .xceed-header.headerpos-fixed {
  position: fixed;
  top: 0;
  left: 60px;
  right: 0;
}

@media only screen and (max-width: 991px) {
  .sidebar-xs .xceed-header.headerpos-fixed {
    left: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-xs .xceed-header.headerpos-fixed {
    left: 0px;
  }
}

.xceed-header.headerpos-fixed ~ .content-main .xceed-main-container {
  padding-top: 68px;
}

@media only screen and (max-width: 991px) {
  .xceed-header.headerpos-fixed ~ .content-main .xceed-main-container {
    padding-top: 70px;
  }
}

@media (min-width: 1440px) {
  .container {
    max-width: 1396px;
  }
}

.block {
  width: 100%;
  display: block;
}

ul.list-inline li {
  display: inline-block;
  padding: 0 8px;
}

.card-header .card-link {
  font-size: 16px;
  color: #606264;
  display: inline-block;
  width: 100%;
}

.card-header .card-link:hover
{
  color: #000;
}

.card-header .card-link i {
  font-size: 21px;
  line-height: 1;
}

.card-header .collapsed {
  color: #85868a;
}

.icon-color i {
  color: #6498fe;
}

.icon-color2 {
  color: #e16972;
}

.text-h {
  height: 116px;
  font-size: 14px;
  line-height: 21px;
}

.op-5 {
  opacity: 0.5;
}

.search {
  position: relative;
  float: left;
  margin: 0 15px 0 0;
}

.search input {
  width: 250px;
  border: 1px solid #cdcdcd;
  border-radius: 30px;
  padding: 7px 0;
  color: #b8b8b8;
  text-indent: 32px;
}

.search .fa-search {
  position: absolute;
  top: 12px;
  left: 13px;
  color: #b2b2b2;
}

.modle-510 {
  max-width: 510px;
}

.table2 td {
  border-color: #f3f1f1;
  color: #000;
}

.table2 td,
.table2 th {
  padding: 0.75rem;
  vertical-align: middle;
  border-top: none;
}

.table td,
.table th {
    border-top: 1px solid var(--border-dark-color);
    white-space: nowrap;
    padding: 16px 24px;
    vertical-align: middle;
}

.table thead th {
    border-bottom: 1px solid var(--border-color);
    font-size: 14px;
    font-weight: 700;
    color: var(--tbl-header-color);
    background: var(--tbl-header-bg-color);
    text-transform: capitalize;
    border: none;
}
.tbl-u-name {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-black-gray-color);
    line-height: 100%;
}
.theme-text-color{
    color:var(--primary-color);
}
.tbl-c-detail {
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    color: var(--text-black-light-color);
}
.tbl-c-detail-b {
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    color: var(--text-black-gray-color);
    margin-top:5px;
}
.tbl-activity {
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    color: var(--text-black-gray-color);
}
.tbl-status {
    font-size: 12px;
    line-height: 100%;
    font-weight: 500;
    padding: 3px 8px;
    border-radius:20px;
}
.tbl-status.dot-circle {
    padding-left: 20px;
}
.text-success {
    color: #15803D !important;
}
.text-yellow {
    color: #fbbc04 !important;
}
.text-verification {
    color: #6941C6;
}
.text-purple {
    color: #A855F7;
}
.text-dark-gray {
    color: #4B5563;
}
.light .text-dark-gray {
    color: #727880;
}
.text-danger {
    color: #DC2626 !important;
}
.light-bg-success {
    background-color: #e8feef !important;
}
.light-bg-primary {
    background-color: #c0d4ff !important;
}
.light-bg-danger {
    background-color: #FFDCDC !important;
}
.light-bg-warning {
    background-color: #FFF8E1 !important;
}
.light-bg-verification {
    background-color: #F4F3FF;
}
.light-bg-info {
    background-color: #cff5fa !important
}
.light-bg-secondary {
    background-color: rgb(226 226 226) !important;
}
.light-bg-gray {
    background-color: #f0f0f0;
}
    .light-bg-gray:hover, .light-bg-gray:active {
        background-color: #f0f0f0;
        border-color:transparent !important;
    }
.light .light-bg-gray {
    background-color: #191919;
}
    .light .light-bg-gray:hover, .light .light-bg-grayactive {
        background-color: #191919;
        border-color: transparent !important;
    }
.light .light-bg-success {
    background-color: #02210d !important;
}

.light .light-bg-danger {
    background-color: #2e0000 !important;
}

.light .light-bg-warning {
    background-color: #2f1c01 !important;
}
.light .light-bg-primary {
    background-color: #1b2741 !important;
}
.light .light-bg-verification {
    background-color: #011634;
}
.dot-circle {
    position: relative;
}
.dot-circle:before {
    position: absolute;
    width: 8px;
    height: 8px;
    content: '';
    left: 7px;
    top: 6px;
    border-radius: 50%;
}
.text-success.dot-circle:before {
    background-color: #4ADE80;
}
.text-danger.dot-circle:before {
    background-color: #F41717;
}
.text-warning.dot-circle:before {
    background-color: #FACC15;
}
.text-verification.dot-circle:before {
    background-color: #6941C6;
}
.text-secondary.dot-circle:before {
    background-color: rgba(108,117,125,1);
}
.text-primary.dot-circle:before {
    background-color: #2563eb;
}
.text-info.dot-circle:before {
    background-color: #00acc1;
}
.text-dark-gray.dot-circle:before {
    background-color: #4B5563;
}
.light .text-dark-gray.dot-circle:before {
    background-color: #727880;
}
.block-user-edit img {
    filter: brightness(0) saturate(100%) invert(39%) sepia(0%) saturate(1891%) hue-rotate(35deg) brightness(83%) contrast(88%);
}

.block-user-icon img {
    filter: brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(6680%) hue-rotate(359deg) brightness(93%) contrast(98%);
}
.table.table-normal thead th {
    white-space: normal;
    vertical-align: middle;
}

.table.table-blue thead th {
  background-color: #2563eb;
  color: #fff;
}

.table.table-blue td {
  background-color: #fff;
}

.table tbody + tbody {
  border-top: 2px solid #e2e5e8;
}

.table.table-dark thead th {
    background-color: #11171a;
}
.table-bordered > :not(caption) > *{
    border-width:0px;
}
.table-striped tbody tr:nth-of-type(2n + 1) {
    background-color: rgba(72, 134, 255, 0.03);
}

.table-hover tbody tr:hover {
  background-color: rgba(72, 134, 255, 0.03);
}

.table .thead-dark th {
  border-color: #11171a;
}

.table .thead-dark th,
.table-dark {
  color: #fff;
  background-color: #263238;
}

.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: #11171a;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: #222d32;
}

.table-dark.table-hover tbody tr:hover {
  background-color: #1c2429;
}

.table-dark thead th {
  color: #fff;
}

table.dataTable.fixedHeader-floating {
  top: 0 !important;
}
.paginate_button img {
    filter: brightness(0) saturate(100%) invert(44%) sepia(21%) saturate(271%) hue-rotate(182deg) brightness(95%) contrast(85%);
}
.paginate_button.disabled img {
    filter: brightness(0) saturate(100%) invert(97%) sepia(5%) saturate(27%) hue-rotate(181deg) brightness(88%) contrast(85%);
}
.light .paginate_button img {
    filter: brightness(0) saturate(100%) invert(97%) sepia(5%) saturate(27%) hue-rotate(181deg) brightness(88%) contrast(85%);
}

.light .paginate_button.disabled img {
    filter: brightness(0) saturate(100%) invert(44%) sepia(21%) saturate(271%) hue-rotate(182deg) brightness(95%) contrast(85%);
}
.paginate_button.next img{
    transform:rotate(180deg)
}
@media screen and (max-width: 992px) {
    table .dataTable.fixedHeader-floating {
    display: none !important;
  }
}

.table.table-sm td,
.table.table-sm th {
  padding: 0.6rem 0.8rem;
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
  background: #2563eb;
}

table.dataTable
  tbody
  > tr.selected
  table.dataTable
  tbody
  > tr.selected.select-checkbox:after,
table.dataTable
  tbody
  > tr.selected
  table.dataTable
  tbody
  > tr
  > .selected
  td.select-checkbox:after,
table.dataTable tbody > tr.selected th.select-checkbox:after,
table.dataTable
  tbody
  > tr
  > .selected
  table.dataTable
  tbody
  > tr.selected.select-checkbox:after,
table.dataTable
  tbody
  > tr
  > .selected
  table.dataTable
  tbody
  > tr
  > .selected
  td.select-checkbox:after,
table.dataTable tbody > tr > .selected th.select-checkbox:after {
  text-shadow: 1px 1px #e4f2fe, -1px -1px #e4f2fe, 1px -1px #e4f2fe,
    -1px 1px #e4f2fe;
}

table.dataTable tbody .selected td.select-checkbox:before,
table.dataTable tbody .selected th.select-checkbox:before {
  border-color: #fff;
}

table.dataTable tbody > tr.selected td.select-checkbox:after,
table.dataTable tbody > tr.selected th.select-checkbox:after,
table.dataTable tbody > tr > .selected td.select-checkbox:after,
table.dataTable tbody > tr > .selected th.select-checkbox:after {
  content: "\2714";
  margin-top: -11px;
  margin-left: -4px;
  text-align: center;
}

table.dataTable tbody td.focus,
table.dataTable tbody th.focus {
  box-shadow: inset 0 0 1px 2px #2563eb;
}

.auth-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  min-width: 100%;
  min-height: 100vh;
}


.auth-wrapper:after {
  content: "";
  display: block;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #2563eb;
}

.auth-wrapper .form-group {
  margin-bottom: 24px;
}

@media (min-width: 1200px) {
  .auth-wrapper .container {
    max-width: 540px;
  }
  .auth-wrapper.maintenance-page .container {
    max-width: 600px;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .auth-wrapper {
    display: block;
    margin: 0 auto;
  }

  .auth-wrapper > .row,
  .auth-wrapper > .row > .aut-bg-img {
    min-height: 100vh;
  }
}

.auth-wrapper a,
.auth-wrapper p > a {
  font-weight: 600;
}

.auth-wrapper .input-group {
  background: 0 0;
}

.auth-wrapper .card {
    margin-bottom: 0;
    padding: 8px;
    background-color: var(--bg-white);
}
.light .auth-wrapper .card {
    box-shadow: 0 2px 5px rgb(255 255 255 / 66%)
}
.auth-wrapper .card .card-body {
  padding: 20px 25px 20px 40px;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .auth-wrapper .card {
    display: block;
  }
}

.auth-wrapper > div {
  z-index: 5;
}

.auth-wrapper .auth-content {
  position: relative;
  padding: 15px;
  z-index: 5;
}

.auth-wrapper .auth-content:not(.container) {
  width: 400px;
}

.auth-wrapper .auth-content:not(.container) .card-body {
  padding: 20px;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .auth-wrapper .auth-content {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .auth-wrapper .card .card-body {
    padding: 30px 15px;
  }
}

.form-floating-label {
  position: relative;
}

.form-floating-label .placeholder {
  position: absolute;
  padding: 0.375rem 0.75rem;
  transition: all 0.2s;
  opacity: 0.8;
  margin-bottom: 0 !important;
  font-size: 13px !important;
  font-weight: 400;
  top: 5px;
  left: 0;
  cursor:auto;
}

.form-floating-label .form-control.filled + .placeholder,
.form-floating-label .form-control:focus + .placeholder,
.form-floating-label .form-control:valid + .placeholder {
  font-size: 85% !important;
  transform: translate3d(0, -15px, 0);
  top: 0;
  opacity: 1;
  padding: 0.135rem 0 0.75rem;
  outline: 0;
}

.form-floating-label .form-control.filled + .placeholder {
  color: #177dff !important;
}

.form-floating-label .form-control.invalid {
  border-bottom: 1px solid #ec1212;
}

.form-floating-label .form-control:focus {
  outline: 0 !important;
  outline-width: 0 !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.required {
  color: red;
}

@media (min-width: 768px) {
  .label-control.right {
    text-align: right;
    padding-top: 6px;
  }
}

@media (min-width: 480px) {
  .input-group {
    max-width: 440px;
  }

  .field-md {
    max-width: 300px;
  }

  .field-lg {
    max-width: 400px;
  }
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-0 {
  opacity: 0;
}

.no-edge-top {
  top: 0;
}

.no-edge-bottom {
  bottom: 0;
}

.no-edge-left {
  left: 0;
}

.no-edge-right {
  right: 0;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-left {
  text-align: left;
}

.text-red {
  color: #e01b0a;
}

.valign-top {
  vertical-align: top;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th{
  vertical-align: middle;
}

.position-relative {
  position: relative;
}

.position-static {
  position: static;
}

.display-block,
label.display-block {
  display: block !important;
}

.display-inline-block {
  display: inline-block;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-auto {
  overflow: auto;
}

.content-group-xs {
  margin-bottom: 10px !important;
}

.content-group-sm {
  margin-bottom: 15px !important;
}

.content-group {
  margin-bottom: 20px !important;
}

.content-group-lg {
  margin-bottom: 30px !important;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.white-space-nowrap {
  white-space: nowrap !important;
}

.m-1 {
  margin: 5px !important;
}

.m-2 {
  margin: 10px !important;
}

.m-3 {
  margin: 15px !important;
}

.m-4 {
  margin: 20px !important;
}

.mt-half {
  margin-top: 3px !important;
}

.mt-1 {
  margin-top: 5px !important;
}

.mt-2 {
  margin-top: 10px !important;
}

.mt-3 {
  margin-top: 15px !important;
}

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

.mt-8 {
  margin-top: 40px !important;
}

.mb-2 {
  margin-bottom: 10px !important;
}

.mb-5 {
  margin-bottom: 25px !important;
}

.mb-6 {
  margin-bottom: 30px !important;
}

.mb-8 {
  margin-bottom: 40px !important;
}

.mb-10 {
  margin-bottom: 50px !important;
}

.ml-1 {
  margin-left: 5px !important;
}

.ml-2 {
  margin-left: 10px !important;
}

.ml-3 {
  margin-left: 15px !important;
}

.ml-4 {
  margin-left: 20px !important;
}

.mr-1 {
  margin-right: 5px !important;
}

.mr-2 {
  margin-right: 10px !important;
}

.mr-3 {
  margin-right: 15px !important;
}

.mr-4 {
  margin-right: 20px !important;
}

.mr-half {
  margin-right: 3px !important;
}
.bottom-10{
    bottom:10px;
}
.right-10{
    right:10px;
}
.no-padding {
    padding: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.p-half {
  padding: 2px !important;
}

.p-1 {
  padding: 5px !important;
}

.p-2 {
  padding: 10px !important;
}

.p-3 {
  padding: 15px !important;
}

.p-4 {
  padding: 20px !important;
}

.p-5 {
  padding: 25px !important;
}
.p-8 {
    padding: 40px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 5px !important;
}

.pt-2 {
  padding-top: 10px !important;
}

.pt-3 {
  padding-top: 15px !important;
}

.pt-4 {
  padding-top: 20px !important;
}

.pt-5 {
  padding-top: 30px !important;
}

.pt-6 {
  padding-top: 35px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 5px !important;
}

.pb-2 {
  padding-bottom: 10px !important;
}

.pb-3 {
  padding-bottom: 15px !important;
}

.pb-4 {
  padding-bottom: 20px !important;
}

.pb-5 {
  padding-bottom: 25px !important;
}

.pb-6 {
  padding-bottom: 30px !important;
}

.pb-8 {
  padding-bottom: 40px !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: 5px !important;
}

.pl-2 {
  padding-left: 10px !important;
}

.pl-3 {
  padding-left: 15px !important;
}

.pl-4 {
  padding-left: 20px !important;
}

.pr-1 {
  padding-right: 5px !important;
}

.pr-2 {
  padding-right: 10px !important;
}

.pr-3 {
  padding-right: 15px !important;
}

.pr-4 {
  padding-right: 20px !important;
}

.no-border {
  border: 0 !important;
}

.no-border-top {
  border-top: 0 !important;
}

.no-border-bottom {
  border-bottom: 0 !important;
}

.no-border-left {
  border-left: 0 !important;
}

.no-border-right {
  border-right: 0 !important;
}

.no-border-radius {
  border-radius: 0;
}

.no-border-radius-top {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.no-border-radius-bottom {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.no-border-radius-left {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.no-border-radius-right {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.border-radius {
  border-radius: 3px;
}

.border-radius-5 {
  border-radius: 5px;
}

.border-radius-15 {
  border-radius: 15px;
}

.border-radius-top {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.border-radius-bottom {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.border-radius-left {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.border-radius-right {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.border-top {
  border-top: 1px solid;
}

.border-bottom {
  border-bottom: 1px solid;
}

.border-light {
  border-color: #ddd;
}

.border-left {
  border-left: 1px solid;
}

.border-right {
  border-right: 1px solid;
}
.border-lg {
    border-width: 2px;
}

.border-top-lg {
  border-top: 2px solid;
}

.border-bottom-lg {
  border-bottom: 2px solid;
}

.border-left-lg {
  border-left: 2px solid;
}

.border-right-lg {
  border-right: 2px solid;
}

.border-xlg {
  border-width: 3px;
}

.border-top-xlg {
  border-top: 3px solid;
}

.border-bottom-xlg {
  border-bottom: 3px solid;
}

.border-left-xlg {
  border-left: 3px solid;
}

.border-right-xlg {
  border-right: 3px solid;
}

.no-shadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}

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

@media (min-width: 769px) {
  .width-250 {
    min-width: 250px;
  }

  .width-300 {
    min-width: 300px;
  }

  .width-350 {
    min-width: 350px;
  }

  .width-400 {
    min-width: 400px;
  }

  .width-450 {
    min-width: 450px;
  }

  .width-500 {
    min-width: 500px;
  }

  .width-550 {
    min-width: 550px;
  }

  .width-600 {
    min-width: 600px;
  }

  .width-650 {
    min-width: 650px;
  }
}

.width-60 {
  width: 60px;
}

.width-70 {
  width: 70px;
}

.width-80 {
  width: 80px;
}

.width-90 {
  width: 90px;
}

.width-100 {
  width: 100px;
}

.width-110 {
  width: 110px;
}

.width-120 {
  width: 120px;
}

.width-125 {
  width: 125px;
}

.width-135 {
  width: 135px;
}

.width-140 {
  width: 140px;
}

.width-145 {
  width: 145px;
}

.width-190 {
  width: 190px;
}

.width-200 {
  width: 200px;
}

.width-240 {
  width: 240px;
}

.width-15 {
  width: 15%;
}

.width-20 {
  width: 20%;
}

.width-50 {
  width: 50%;
}

.light-shadow {
  box-shadow: 0 2px 4px #0000000b;
}

.img-lg {
  width: 44px !important;
  height: 44px !important;
}

.img-md {
  width: 40px !important;
  height: 40px !important;
}

.img-sm {
  width: 36px !important;
  height: 36px !important;
}

.img-xs {
  width: 32px !important;
  height: 32px !important;
}

.bg-dark-grey {
  background-color: #6a7173;
  color: #fff;
}

.bg-info {
  color: #fff;
}

a.bg-info:focus,
a.bg-info:hover {
  background-color: #00bcd4;
}

a.bg-primary:focus,
a.bg-primary:hover {
  background-color: #2196f3;
}

.bg-success {
  color: #fff;
}

a.bg-success:focus,
a.bg-success:hover {
  background-color: #51ad3d;
}

.bg-warning {
  color: #fff;
}

a.bg-warning:focus,
a.bg-warning:hover {
  background-color: #ff5722;
}

.bg-danger {
  color: #fff;
}

a.bg-danger:focus,
a.bg-danger:hover {
  background-color: #f44336;
}

.text-bold {
  font-weight: 700 !important;
}

.text-semibold {
  font-weight: 600 !important;
}

.text-medium {
  font-weight: 500 !important;
}

.text-regular {
  font-weight: 400 !important;
}

.text-light {
  font-weight: 300 !important;
}

.text-grey {
  color: #888;
}
.text-lightgrey{
    color:#c8c8c8;
}

.text-italic {
    font-style: italic;
}

.text-blue {
  color: #2563eb !important;
}

.text-black {
  color: var(--text-black-color) !important;
}

.font-small-1 {
  font-size: 10px !important;
}

.with-icon {
  position: relative;
}

.with-icon .icons {
  position: absolute;
  right: 10px;
  top: 5px;
}

.with-icon i.danger,
.with-icon i.success {
  color: #51ad3d;
  display: inline-block;
  font-size: 14px;
}

.with-icon i.danger {
  color: red;
}

table.dataTable {
  width: 100%;
  float: left;
  word-wrap: break-word;
}

    table.dataTable td {
        display: table-cell;
        width: auto;
        vertical-align: middle;
        border: none;
        border-bottom: 1px solid var(--border-color);
        background: var(--bg-white);
    }
        table.dataTable td:first-child {
            border-left: 1px solid var(--border-color);
        }
        table.dataTable td:last-child {
            border-right: 1px solid var(--border-color);
        }
    table.dataTable thead th:last-child {
        border-top-right-radius: 8px;
    }
    .footerTable {
        background-color: var(--tbl-header-bg-color);
        padding: 12px 24px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
table.dataTable thead th:first-child {
    border-top-left-radius: 8px;
}
        .table-bordered > :not(caption) > *
        table.dataTable.table thead th {
            padding: 18px 24px !important;
            vertical-align: middle;
        }

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: right center;
}

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        box-sizing: border-box;
        display: inline-block;
        padding: 1px 8px;
        line-height: normal;
        background-color: transparent;
        margin: 0 2px;
        text-align: center;
        text-decoration: none !important;
        cursor: pointer;
        *cursor: hand;
        border: none;
        color: var(--text-black-gray-color);
        font-size: 16px;
        line-height: 16px;
        font-weight: 500;
        border-radius: 2px;
    }
        .dataTables_wrapper .dataTables_paginate .paginate_button img {
            filter: brightness(0) saturate(100%) invert(44%) sepia(21%) saturate(271%) hue-rotate(182deg) brightness(95%) contrast(85%);
        }
.light .dataTables_wrapper .dataTables_paginate .paginate_button img {
    filter: brightness(0) saturate(100%) invert(86%) sepia(5%) saturate(11%) hue-rotate(314deg) brightness(94%) contrast(89%);
}
.light .dataTables_wrapper .dataTables_paginate .paginate_button.disabled img {
    filter: brightness(0) saturate(100%) invert(23%) sepia(20%) saturate(0%) hue-rotate(143deg) brightness(97%) contrast(87%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #4338CA;
    border: none;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    background-color: transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  cursor: default;
  color: #c1c1c1 !important;
  border:none;
  background: 0 0;
  box-shadow: none;
}
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled img {
        filter: brightness(0) saturate(100%) invert(97%) sepia(5%) saturate(27%) hue-rotate(181deg) brightness(88%) contrast(85%);
    }
        .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            color: #4338CA !important;
            border: none;
            background-color: transparent;
        }

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: 0;
  box-shadow:none;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: #fff;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(25%, rgba(255, 255, 255, 0.9)),
    color-stop(75%, rgba(255, 255, 255, 0.9)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.9) 25%,
    rgba(255, 255, 255, 0.9) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.9) 25%,
    rgba(255, 255, 255, 0.9) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.9) 25%,
    rgba(255, 255, 255, 0.9) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.9) 25%,
    rgba(255, 255, 255, 0.9) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.9) 25%,
    rgba(255, 255, 255, 0.9) 75%,
    rgba(255, 255, 255, 0) 100%
  );
}

.dataTables_wrapper .dataTables_scroll {
  clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper
  .dataTables_scroll
  div.dataTables_scrollBody
  td
  > div.dataTables_sizing,
.dataTables_wrapper
  .dataTables_scroll
  div.dataTables_scrollBody
  th
  > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  margin-bottom: 15px;
}

.dataTables_wrapper.no-footer div.dataTables_scrollBody table,
.dataTables_wrapper.no-footer div.dataTables_scrollHead table {
  border-bottom: none;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

.dataTables_wrapper .dataTables_length {
  float: left;
  margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_length label {
  font-size: 0.9375em !important;
  font-weight: 400;
  margin: 0;
}

.dataTables_wrapper .dataTables_length select {
  display: inline-block;
  width: auto;
  padding: 1px;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: none;
  border-radius: 5px;
  color: #2e2e2e;
  font-weight: 600;
  font-size: 14px;
  line-height: normal;
}

.dataTables_info {
    text-align: left;   
    float: left;
    font-size: 12px;
    color: var(--text-black-light-color);
    font-weight: 400;
}

@media screen and (max-width: 1050px) {
  table.dataTable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info {
    float: none;
    text-align: center;
  }

  .dataTables_wrapper .dataTables_paginate {
    text-align: center;
    margin: 0.5em 0;
    float: right;
  }
}

@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_length {
    float: none;
    text-align: center;
  }

  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: 0 !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar,
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}

.scroll-element,
.scroll-element div {
  box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-arrow,
.scroll-element .scroll-bar {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #ccc;
  border-top-color: #999;
}

.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
  border: 0 !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: 0;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 6px;
  left: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 6px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-bar,
.scrollbar-inner > .scroll-element .scroll-element_track {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.7;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: var(--primary-color);
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar,
.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}

.scrollbar-inner
  > .scroll-element.scroll-x.scroll-scrolly_visible
  .scroll-element_track {
  left: -12px;
}

.scrollbar-inner
  > .scroll-element.scroll-y.scroll-scrollx_visible
  .scroll-element_track {
  top: -12px;
}

.scrollbar-inner
  > .scroll-element.scroll-x.scroll-scrolly_visible
  .scroll-element_size {
  left: -12px;
}

.scrollbar-inner
  > .scroll-element.scroll-y.scroll-scrollx_visible
  .scroll-element_size {
  top: -12px;
}

/*!
 * Generated with CSS Sprite generator (https://www.flag-sprites.com/) -
 */

.logo {
    display: none;
    position: relative;
    max-width: 165px;
    padding-left: 16px;
    transition: all 0.3s ease-in-out;
}
    .sidebar-xs .logo {
        position: relative;
        width: 60px;
        height: 60px;
        background-image: url(../images/apple-touch-icon.png);
        background-repeat: no-repeat;
        background-size: 60px;
        display: flex;
        align-items: center;
        transition: all 0.3s ease-in-out;
    }
.sidebar-xs .logo img{
    display:none
}
.light .logo img.light-logo {
    display: none
}
.dark .logo img.light-logo1 {
    display: none
}
.dark .logo, .light .logo {
    display: inline-block;
}

.incoming_msg_img,
.received_msg {
  display: inline-block;
  width: 18px;
}

.incoming_msg_img img {
  width: 100%;
}

.received_msg {
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
}

.received_withd_msg p,
.sent_msg p {
  border-radius: 3px;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  width: 100%;
}

.received_withd_msg p {
  background: #ebebeb 0 0;
  color: #646464;
}

.time_date {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 2px 0 0;
}

.received_withd_msg {
  width: 75%;
}

.mesgs {
  float: left;
  padding: 5px 15px 0 5px;
  width: 100%;
  max-height: 300px;
}

.sent_msg p {
  background: #2563eb;
  color: #fff;
}

.outgoing_msg {
  overflow: hidden;
  margin: 10px 0;
}

.sent_msg {
  float: right;
  width: 75%;
}

.input_msg_write input {
  background: 0 0;
  border: medium;
  color: #4c4c4c;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
}

.type_msg {
  border-top: 1px solid #c4c4c4;
  position: relative;
}

.msg_send_btn {
  background: #05728f 0 0;
  border: medium;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  right: 0;
  top: 11px;
  width: 33px;
}

.messaging {
  padding: 0 0 50px;
}

.tooltip,
[data-tooltip] {
  position: relative;
  cursor: pointer;
}

.tooltip:after,
.tooltip:before,
[data-tooltip]:after,
[data-tooltip]:before {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out,
    -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out,
    -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out,
    transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  pointer-events: none;
}

.tooltip:focus:after,
.tooltip:focus:before,
.tooltip:hover:after,
.tooltip:hover:before,
[data-tooltip]:focus:after,
[data-tooltip]:focus:before,
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: 0 0;
  content: "";
}

.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 200px;
  max-width: 200px;
  background-color: #000;
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 11px;
  font-weight: 400;
  text-align: left;
  line-height: 1.2;
}

.tooltip-top:after,
.tooltip-top:before,
.tooltip:after,
.tooltip:before,
[data-tooltip]:after,
[data-tooltip]:before {
  bottom: 100%;
  left: 50%;
}

.tooltip-right.inline {
  display: inline-block;
}

.tooltip-top:before,
.tooltip:before,
[data-tooltip]:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: rgba(51, 51, 51, 0.9);
}

.tooltip-top:after,
.tooltip:after,
[data-tooltip]:after {
  margin-left: -80px;
}

.tooltip-top:focus:after,
.tooltip-top:focus:before,
.tooltip-top:hover:after,
.tooltip-top:hover:before,
.tooltip:focus:after,
.tooltip:focus:before,
.tooltip:hover:after,
.tooltip:hover:before,
[data-tooltip]:focus:after,
[data-tooltip]:focus:before,
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  transform: translateY(-12px);
}

.tooltip-left:after,
.tooltip-left:before {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: rgba(51, 51, 51, 0.9);
}

.tooltip-left:focus:after,
.tooltip-left:focus:before,
.tooltip-left:hover:after,
.tooltip-left:hover:before {
  -webkit-transform: translateX(-12px);
  -moz-transform: translateX(-12px);
  transform: translateX(-12px);
}

.tooltip-bottom:after,
.tooltip-bottom:before {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: rgba(51, 51, 51, 0.9);
}

.tooltip-bottom:focus:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:hover:before {
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  transform: translateY(12px);
}

.tooltip-right:after,
.tooltip-right:before {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: rgba(51, 51, 51, 0.9);
}

.tooltip-right:focus:after,
.tooltip-right:focus:before,
.tooltip-right:hover:after,
.tooltip-right:hover:before {
  -webkit-transform: translateX(12px);
  -moz-transform: translateX(12px);
  transform: translateX(12px);
}

.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}

.upload-cloud {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  width: 20px;
  height: 29px;
  display: inline-table;
}

.upload-cloud input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 999;
  cursor: pointer;
}

.drop_uploader.drop_zone {
  width: 100%;
  min-height: 75px;
  text-align: center;
  border: 2px dashed var(--border-dark-color);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.drop_uploader.drop_zone.hover {
  border: 3px dashed #4a90e2;
}

.drop_uploader.drop_zone .text_wrapper {
  margin-top: 20px;
}

.upload-accord .drop_uploader.drop_zone .text_wrapper {
  margin-top: 15px;
}

.upload-accord .drop_uploader.drop_zone {
  min-height: 65px;
}

.upload-accord .drop_uploader.drop_zone .text {
  font-size: 15px;
}

.upload-accord .drop_uploader.drop_zone .text_wrapper i {
  font-size: 20px;
  top: -4px;
}

.drop_uploader.drop_zone .text_wrapper i {
  font-size: 26px;
  color: #9b9b9b;
  display: inline-block;
  margin-right: 15px;
  position: relative;
  top: -3px;
}

.drop_uploader.drop_zone .text {
  font-size: 16px;
  color: #646c70;
}
.chat-file-upload .drop_uploader.drop_zone {
    display:none;
}

.drop_uploader.drop_zone ul.files {
    width: 90%;
    margin: 0;
    text-align: left;
    list-style: none;
}

.drop_uploader.drop_zone ul.files li {
  font-size: 14px;
  background-color: #f5f5f5;
  border-top: 2px solid #f5f5f5;
  border-bottom: 2px solid #f5f5f5;
  padding: 2px;
  margin: 10px 0;
}

.drop_uploader.drop_zone ul.files li i.action-delete {
  color: red;
  float: right;
  cursor: pointer;
}

.drop_uploader.drop_zone ul.files.thumb {
  width: 100%;
  text-align: left;
  overflow: auto;
  margin: 0;
  padding: 0;
  display:none !important;
}

.drop_uploader.drop_zone ul.files.thumb li {
  min-width: 80px;
  display: inline-block;
  float: left;
  font-size: 18px;
  color: #000;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 5px 10px;
  text-align: center;
}

.drop_uploader.drop_zone ul.files.thumb li div.thumbnail {
  width: 75px;
  height: 75px;
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
  background-size: cover;
  margin: 0 auto;
  border: 1px solid #e1e1e1;
}

.drop_uploader.drop_zone ul.files.thumb li div.thumbnail .du_hover_layer {
  width: 80px;
  height: 80px;
  border-radius: 7px;
  background: #fff;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
}

.drop_uploader.drop_zone ul.files.thumb li div.thumbnail:hover .du_hover_layer {
  opacity: 0.8;
  position: absolute;
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
}

.drop_uploader.drop_zone ul.files li .du_progress {
  display: inline-block;
  float: right;
  margin: 0;
  position: relative;
  right: 8px;
}

.drop_uploader.drop_zone ul.files.thumb li .du_progress {
  float: right;
  width: 0;
  height: 0;
  margin-top: -100px;
  position: relative;
  right: 75px;
}

.drop_uploader.drop_zone ul.files.thumb li .du_progress canvas {
  margin-top: 25px;
}

.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.rotate_90 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.rotate_180 {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.rotate_270 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.drop_uploader.drop_zone ul.files.thumb li div.thumbnail i {
  font-size: 32px;
  position: relative;
  top: calc(50% - 16px);
  color: #4a90e2;
  display: block;
}

.drop_uploader.drop_zone ul.files.thumb.ajax li div.thumbnail:hover i {
  visibility: hidden;
  opacity: 0;
  display: none;
}

.drop_uploader.drop_zone ul.files.thumb li div.thumbnail i.action-delete {
  color: red;
  visibility: hidden;
  opacity: 0;
  float: none;
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
}

.drop_uploader.drop_zone ul.files.thumb li div.thumbnail:hover i.action-delete {
  visibility: visible;
  opacity: 1;
  display: block;
  cursor: pointer;
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
}

.drop_uploader.drop_zone ul.files.thumb li span.title {
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 12px;
}

.drop_uploader.drop_zone ul.files li:nth-child(even) {
  background-color: transparent;
}

.drop_uploader.drop_zone ul.files li i {
  font-size: 14px;
  position: relative;
  top: -1px;
  margin: 0 6px;
}

.drop_uploader.drop_zone .errors p{
  color: red;
}

.drop_uploader.drop_zone input[type="file"] {
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.form-check-input {
  margin-left: 0;
  margin-top: 0.2rem;
}

.form-check-label {
  padding-left: 12px;
  font-weight: 400;
}

.form-check-label.text-semibold {
  font-weight: 500;
}

.form-check-input:disabled ~ .form-check-label {
  color: #000 !important;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #f4f4f5;
  opacity: 1;
}
.light .form-control:disabled,
.light .form-control[readonly] {
    background-color: #3c3c3c;
    opacity: .8;
}
.form-select:disabled {
    background-color: #f4f4f5;
}
.light .form-select:disabled {
    background-color: #3c3c3c;
    opacity: .8;
}
.form-material label {
  margin-bottom: 0;
}

.profile-modal .modal-header {
    padding: 24px 32px;
}
.profile-modal .modal-dialog {
    max-width: 560px;
}
.img-color-primary {
    filter: brightness(0) saturate(100%) invert(32%) sepia(90%) saturate(1337%) hue-rotate(204deg) brightness(92%) contrast(102%);
}
.img-color-warning {
    filter: brightness(0) saturate(100%) invert(64%) sepia(99%) saturate(385%) hue-rotate(3deg) brightness(105%) contrast(103%);
}
.img-color-success {
    filter: brightness(0) saturate(100%) invert(43%) sepia(98%) saturate(414%) hue-rotate(90deg) brightness(96%) contrast(89%);
}
.img-color-trans {
    filter: brightness(0) saturate(100%) invert(42%) sepia(39%) saturate(23%) hue-rotate(18deg) brightness(91%) contrast(85%);
}
.img-color-white {
    filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(322%) hue-rotate(240deg) brightness(112%) contrast(100%);
}
.img-color-danger {
    filter: brightness(0) saturate(100%) invert(27%) sepia(60%) saturate(3138%) hue-rotate(346deg) brightness(93%) contrast(97%);
}
.btn-outline-secondary {
    border-color: #D0D5DD;
    color: #344054;
}
.light .btn-outline-secondary {
    border-color: var(--border-dark-color);
    color: #fff;
}
.btn-outline-secondary:hover {
    color: #ffffff;
}
.page-title {
    margin-bottom: 20px;
}
.modal-header .btn-close {
    padding: 11px;
    background-color: #dddddd !important;
}
.light .modal-header .btn-close {
    background-color: #6e6e6efc !important;
    --bs-btn-close-opacity: 1;
}
    .btn-outline-primary, .btn-outline-primary:hover {
        background-color: var(--btn-dark-bg);
        border-color: transparent;
        color: var(--primary-color);
        font-size: 14px;
        font-weight: 500;
    }
.btn-outline-danger, .btn-outline-danger:hover {
    background-color: #FEF2F2;
    border-color: #df5959;
    font-size: 16px;
    font-weight: 600;
    color: #dc3545;
}
.light .btn-outline-danger, .light  .btn-outline-danger:hover {
    background-color: #211414;
    border-color: #490202;
}
.btn {
    padding: 8px 20px;
}
.addAddress-modal {
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-color);
    margin-bottom:8px;
}
.block-suspend-img img {
    filter: brightness(0) saturate(100%) invert(18%) sepia(77%) saturate(4166%) hue-rotate(355deg) brightness(97%) contrast(78%);
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 15px;
    list-style: none;
    background-color: transparent;
    border-radius: 0.25rem;
}

.breadcrumb .breadcrumb-item i {
  font-size: 15px;
  top: -1px;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 14px;
  font-size: 15px;
  color: #aaadaf;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  font-family: "icomoon";
  color: #6c757d;
  content: "\e9c3";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #495057;
}

label {
  display: inline-block;
  margin-bottom: 4px;
  font-weight: 600;
}

label.filter {
  font-size: 12px;
  margin-bottom: 3px;
}

.timer {
  margin-bottom: 3px;
}

.timer span {
  font-size: 16px;
}

.fixed-height-modal {
  max-height: 360px;
  margin-bottom: 15px;
  padding: 20px;
}

.swal-text {
  font-size: 18px;
  text-align: center;
}

.gender label svg{
  font-size: 2.5em;
  display: block;
  width: 34px;
  height: 34px;
  text-align: center;
  margin: 2px auto;
}

.gender label .st0{
  fill: #898c8e;
}

.gender label span{
  display: block;
  line-height: 13px;
  font-size: 13px;
  text-align: center;
}

.gender input[type="radio"],
.gender input[type="checkbox"]{
  position: absolute;
  overflow: hidden;
  opacity: 0;
}

.gender input[type="radio"]:checked + label,
.gender input[type="checkbox"]:checked + label{
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}

.gender input[type="radio"]:checked + label .st0,
.gender input[type="checkbox"]:checked + label .st0 {
  fill: #fff;
}

.gender input[type="radio"]:checked + label span,
.gender input[type="checkbox"]:checked + label span,{
  color: #fff;
}

.gender input[type="radio"][disabled] + label,
.gender input[type="checkbox"][disabled] + label,
.gender input[type="radio"][disabled] + label span,
.gender input[type="checkbox"][disabled] + label span{
  border-color: #e8e8e8;
  cursor: not-allowed;
  color: #afb9bd;
}

.gender input[type="radio"][disabled] + label .st0,
.gender input[type="checkbox"][disabled] + label .st0{
  fill: #cbcbcb;
}

.gender label {
  color: #4c525a;
  font-weight: 300;
  width: 100px;
  display: block;
  border: 1px solid #ddeaec;
  border-radius: 4px;
  line-height: 1em;
  cursor: pointer;
  width: 100%;
  padding: 0 1em;
  -moz-box-shadow: 0 1px 3px #f2f2f3;
  -webkit-box-shadow: 0 1px 3px #f2f2f3;
  box-shadow: 0 1px 3px #f2f2f3;
}

.gender label{
  padding: 3px 6px;
  min-height: 60px;
  margin: 5px;
  width: 100%;
  background-color: #fff;
}

.gender li{
  width: 80px;
  display: inline-block;
}

.gender label svg {
  width: 28px;
  height: 28px;
}

.gender label span{
  font-weight: 400;
  font-size: 12px;
}

.card1 .icon i,
.usp1 .usp-icon i {
  color: #2563eb !important;
}

.card2 .icon i {
  color: #51ad3d !important;
}

.card3 .icon i,
.usp2 .usp-icon i {
  color: #ffab2e !important;
}

.card1 .icon,
.usp1 .usp-icon {
  background-color: #2563eb3d !important;
}

.card2 .icon {
  background-color: #51ad3d3d !important;
}

.card3 .icon,
.usp2 .usp-icon {
  background-color: #ffab2e3d !important;
}

/*Range silder with input*/
input[type="range"]::-moz-range-progress {
  height: 10px;
  border-radius: 8px;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(1, #a90f00),
    color-stop(1, #e2e2e2)
  );
  background-color: #43e5f7;
  outline: none;
  border: 0;
}
input[type="range"]::-moz-range-track {
  height: 10px;
  border-radius: 8px;
  background-color: #d3d3d3;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(1, #d3d3d3),
    color-stop(1, #d3d3d3)
  );
  outline: none;
  border: 0;
}
.range {
  display: flex;
  width: 410px;
}
#input-Amount {
  width: 80px;
}
.range .input-group-text {
  line-height: 0.5;
}

/*table summary*/

table.summary td {
  padding: 14px 10px !important;
  color: #fff;
}

table.summary tr:first-child td {
  border-top: 0px !important;
}

.widget .w-content h6 {
  text-transform: uppercase;
  font-weight: 500;
  color: #dc3545 !important;
  margin-bottom: 20px;
}

.widget .w-box {
  width: 50%;
}

.widget .w-box h5 {
  color: #51ad3d;
  font-size: 24px;
}

.widget .w-box p {
  margin-bottom: 0px;
}

.widget .w-box p span {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  background: #eeeeee;
  display: inline-block;
}

/*
for developer end collapsible body

.container-collapsed{
    margin-left: 70px;
}

@media only screen and (max-width:991px) {
    .xceed-main-container{
        margin-left: 0px;
    }
    }*/

/*Carousel*/

/*.carousel {
    margin-bottom: 30px;
}


.carousel-indicators li {
    background-color: #a4a4a4;
    opacity: .2;
    width: 20px;
    height: 4px;
    border-bottom: 0px;
}

.carousel-inner {
    position: relative;
    width: auto;
    overflow: hidden;
    margin: 0 40px;
    padding: 15px;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 10px;
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 43%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background-color: #2563eb;
    color: #fff;
    text-align: center;
    opacity: 1;
    padding: 6px;
    transition: opacity .15s ease;
}
*/
/*Carousel End*/

.accordion-icon.product .card-header {
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0);
}

.accordion-icon.product .card-header {
  text-align: right;
}

.accordion-icon.product .card-header .card-link {
  padding: 6px 10px;
  background-color: #f9f9f9;
  border-radius: 5px 5px 0 0;
  border: 1px solid #d7e0e9;
  border-bottom: 0;
  width: auto;
  display: inline;
  margin: 0;
}

.accordion-icon.product .card-header .card-link.collapsed {
  padding: 10px 8px;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border-color: transparent;
}

.accordion-icon.product .card-header .card-link:before {
  display: none;
}

.tab-content {
  padding: 20px 15px;
  margin-bottom: 15px;
  background-color: var(--bg-white);
}
.nav-tabs .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--text-black-gray-color);
    font-weight: 700;
    margin-bottom: calc(-0.5 * var(--bs-nav-tabs-border-width));
}
.nav-tabs .nav-link.active {
    background: transparent;
    color: var(--primary-color);
    font-weight: 700;
    border-color:var(--primary-color);
}
.hidden {
    display: none !important;
}

.modal .modal-content {
  border: none;
  border-radius: 10px;
}
.profile-modal .modal-body {
  padding: 24px 32px;
}
.profile-modal .modal-footer {
    padding: 24px 32px;
}
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  margin-bottom: 0;
  top: 2px;
}
.form-label {
    color: var(--text-black-light-color);
    margin-bottom:5px;
    font-size:12px;
    font-weight:500;
    line-height:100%;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ff484c;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider.orange {
  background-color: #ff8d00;
}

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

input:checked + .slider {
  background-color: #51ad3d;
}

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

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

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

.slider.round:before {
  border-radius: 50%;
}
.disabled .slider {
  background: #ccc !important;
}

.sidebar-xs .timeout-text {
  display: none;
}

    .w-20 {
        max-width: 20%;
        flex: 0 0 20%;
    }
.mh-106 {
  min-height: 106px;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #2563eb !important;
}

.w-21 {
  flex: 0 0 21% !important;
  max-width: 21% !important;
}
.w-23 {
  flex: 0 0 23% !important;
  max-width: 23% !important;
}
.w-46 {
  flex: 0 0 46% !important;
  max-width: 46% !important;
}
.w-54 {
  flex: 0 0 54% !important;
  max-width: 54% !important;
}
.w-79 {
  flex: 0 0 79% !important;
  max-width: 79% !important;
}
.w-29 {
  flex: 0 0 29% !important;
  max-width: 29% !important;
}
.w-27 {
  flex: 0 0 27% !important;
  max-width: 27% !important;
}
.d-grid {
  display: grid !important;
}

.invite-intermediary i:before {
  content: "";
  position: absolute;
  background-image: url(../images/img/invite-intermediary.png);
  width: 13px;
  background-size: 13px;
  height: 13px;
  background-repeat: no-repeat;
  top: -7px;
  right: -1px;
}
.auth-wrapper.maintenance-page {
  min-height: 80vh !important;
}
.auth-wrapper.maintenance-page:after {
  display: none;
}
.dark .auth-wrapper .lightLogo {
    display:none;
}
.light .auth-wrapper .darkLogo {
    display: none;
}
.tooltip-inner {
    max-width: 100% !important;
}
/*video card start*/
.video-card {
    border: 1px solid var(--border-dark-color);
    border-radius: 10px;
    padding: 15px;
    position: relative;
    transition:all .3s ease;
}

    .video-card:hover {
        box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
        border-color: var(--bs-primary-bg-subtle);
    }

.video-img {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    object-fit: cover;
}

.btn-icon {
    padding: 0;
    border: none;
    background: none;
    color: #0d6efd;
}

    .btn-icon.delete {
        color: #dc3545;
    }
/*video card end*/

/*AI tips start */

.tip-card {
    border: 1px solid var(--border-dark-color);
    border-radius: 10px;
    padding: 20px;
    background-color: var(--bg-white);
    box-shadow: 0 0 6px rgba(0,0,0,0.05);
}

.tip-status {
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 15px;
}

.tip-icon {
    font-size: 1.5rem;
    margin-right: 5px;
}

.schedule-box {
    font-size: 14px;
    background-color: #e9f5ff;
    padding: 6px 12px;
    border-radius: 5px;
}
.light .schedule-box {
    background-color: #171d23;
}
.light input[type="date"]::-webkit-calendar-picker-indicator, .light input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
/*AI tips End */

/*service man profile start*/
.badge-subskill {
    background-color: #e7e7e7;
    margin-right: 5px;
}

.status-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}
/*service man profile end*/

    #quotes .modal-dialog,
    #policies .modal-dialog {
        width: 85% !important;
        max-width: 85% !important;
    }

.btn-green {
  background: #55ba47;
  border-color: #55ba47;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active {
  background-color: #55ba47 !important;
  border-color: #55ba47 !important;
}

.text-green {
  color: #55ba47 !important;
}

/* width */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-top: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(37, 99, 235, 1);
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #002f5a;
}

.w-114 {
  overflow-wrap: break-word;
  width: 114px !important;
  min-width: 114px !important;
  white-space: normal !important;
}
.w-130 {
  overflow-wrap: break-word;
  width: 130px !important;
  min-width: 130px !important;
  white-space: normal !important;
}
.w-200 {
  overflow-wrap: break-word;
  width: 200px !important;
  min-width: 200px !important;
  white-space: normal !important;
}

.w-90 {
  overflow-wrap: break-word;
  width: 90px !important;
  min-width: 90px !important;
  white-space: normal !important;
}

.ml-2px {
  margin-left: 2px !important;
}
.ml-1px {
  margin-left: 1px !important;
}
.light-blue {
  background: #cfe9ff !important;
}
.light-green {
  background: #d1ffcb !important;
}

.mt-72 {
  margin-top: 65px !important;
}

.text-color {
  color: #0f539e;
}

.input-group-text {
  padding: 0.175rem 0.57rem;
}

/* misc styling
/* ***************** */
#slider,
#slider2 {
  position: relative;
  max-width: 640px;
  margin: 20px auto 140px;
  padding: 0 80px;
}

input {
    -webkit-appearance: textfield;
    appearance: textfield;
    -moz-appearance: textfield;
  border: none;
  background: transparent;
    padding: 5px 5px;
  border-radius: 3px;
  color: #333;
}
.light input {
    color:#fff;
}
    input::placeholder, ::placeholder {
        color: var(--text-gray-color) !important;
        opacity: 1;
        font-size: 14px !important;
        font-weight: 400 !important;
    }
.search-box-tbl {
    -webkit-appearance: textfield;
    appearance: textfield;
    -moz-appearance: textfield;
    border: 1px solid var(--border-dark-color);
    background: transparent;
    padding: 5px 5px;
    border-radius: 12px;
    color: #ADAEBC;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display:flex;
    padding-left:15px;
}
    .search-box-tbl input{
        padding-left:10px;
        width:100%;
    }
.tbl-select-box {
    border: 1px solid var(--border-color);
    background-color: var(--btn-dark-bg);
    border-radius: 8px;
    position: relative;
}
    .tbl-select-box select {
        border: none;
        background: transparent;
        color: #4338CA;
        font-size: 14px;
        font-weight: 400;
        line-height: 100%;
        padding: 12px 40px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding-right: 35px;
    }
.first-icon-tbl {
    position: absolute;
    top: 12px;
    left: 15px;
    pointer-events:none;
}
.second-icon-tbl {
    position: absolute;
    top: 16px;
    right: 14px;
    pointer-events: none;
}
@media (min-width: 1200px) {
  .text-right-lg {
    text-align: right;
  }

  .text-left-lg {
    text-align: left;
  }

  .text-center-lg {
    text-align: center;
  }
  }

@media (min-width: 1025px) {
  .text-right-md {
    text-align: right;
  }

  .text-left-md {
    text-align: left;
  }

  .text-center-md {
    text-align: center;
  }
}

@media (min-width: 769px) {
  .text-right-sm {
    text-align: right;
  }

  .text-left-sm {
    text-align: left;
  }

  .text-center-sm {
    text-align: center;
  }
  .calculate-btn-margin {
    margin-top: 92px !important;
  }
}

@media (min-width: 480px) {
  .text-right-xs {
    text-align: right;
  }

  .text-left-xs {
    text-align: left;
  }

  .text-center-xs {
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .pull-right-lg {
    float: right;
  }

  .pull-left-lg {
    float: left;
  }
}

@media (min-width: 1025px) {
  .pull-right-md {
    float: right;
  }

  .pull-left-md {
    float: left;
  }
}

@media (min-width: 769px) {
  .pull-right-sm {
    float: right;
  }
}

@media (min-width: 480px) {
  .pull-right-xs {
    float: right;
  }

  .pull-left-xs {
    float: left;
  }
}

@media (max-width: 768px) {
  .hide-sm {
    display: none !important;
  }
  .w-20,
  .w-21,
  .w-23,
  .w-46,
  .w-54,
  .w-79,
  .w-29,
  .w-27 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition-property: height, visibility;
    transition-duration: 0.35s;
  }
}
.modal-open .modal.modal-center {
  display: flex !important;
  align-items: center !important;
}
.modal-open .modal.modal-center .modal-dialog {
  flex-grow: 1;
}

/* tabs menu */

.pagetabber {
    padding: 0px 28px;
    padding-top: 18px;
    list-style-type: none;
    display: flex;
    line-height: 1.429;
    background: var(--bg-white);
    box-shadow: 0px 1px 2px 0px #0000000D;
    position: sticky;
    top: 90px;
    z-index: 4;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 0px;
    border-bottom: 1px solid var(--border-dark-color);
}

    .pagetabber li a {
        padding: 13px 26px;
        position: relative;
        cursor: pointer;
        font-weight: 600;
        white-space: nowrap;
        color: var(--text-black-light-color);
        display: inline-block;
        transition: all .3s ease-in-out;
        font-size: 16px;
        line-height: 100%;
    }

    .pagetabber.pagetabberlink li {
        padding: 0px 0px;
    }

    .pagetabber li {
        position: relative;
    }

    .pagetabber.pagetabberlink li a {
        padding: 20px 18px;
        position: relative;
        cursor: pointer;
        display: block;
        text-decoration: none;
        color: rgba(18, 18, 18, 0.35);
    }

    .pagetabber li a:after {
        content: "";
        height: 2px;
        border-radius: 6px 6px 0px 0px;
        width: 100%;
        position: absolute;
        background-color: var(--primary-color);
        left: 0px;
        right: 0px;
        margin: 0 auto;
        bottom: 0px;
        opacity: 0;
    }

    .pagetabber.pagetabberlink li:after {
        display: none;
    }

    .pagetabber li:after {
        content: "";
        height: 2px;
        border-radius: 6px 6px 0px 0px;
        width: 100%;
        position: absolute;
        background-color: #01b8e7;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        bottom: 0px;
        opacity: 0;
    }

    .pagetabber li.active:after {
        opacity: 1;
    }

    .pagetabber li.active a {
        color: var(--primary-color);
        font-weight: 500;
    }

    .pagetabber li a.active:after {
        opacity: 1;
    }

    .pagetabber li a.active {
        color: var(--primary-color);
        background-color: var(--btn-dark-bg);
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
.tabChangeJs-content .content_item {
    display: none;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInTab 0.5s ease 1 forwards;
}

/*Table grid Image style*/

.table-p-img {
    height: 40px;
    width: 40px;
    border: 2px solid var(--border-dark-color);
}