body {
  background: #f3f5f7;
}

/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid rgba(70, 95, 145, 0.2);
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

[data-bs-theme="dark"] input:-webkit-autofill,
[data-bs-theme="dark"] input:-webkit-autofill:hover,
[data-bs-theme="dark"] input:-webkit-autofill:focus,
[data-bs-theme="dark"] textarea:-webkit-autofill,
[data-bs-theme="dark"] textarea:-webkit-autofill:hover,
[data-bs-theme="dark"] textarea:-webkit-autofill:focus,
[data-bs-theme="dark"] select:-webkit-autofill,
[data-bs-theme="dark"] select:-webkit-autofill:hover,
[data-bs-theme="dark"] select:-webkit-autofill:focus {
  border: 1px solid #595572;
  -webkit-text-fill-color: #d5d1ea;
  -webkit-box-shadow: 0 0 0px 1000px #312d4b inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* Inputs */
select {
  color: #9e9e9e;
}

option:not(:first-of-type) {
  color: black;
}


.bg-body {
  background: #f4f5fa !important;
}

.text-primary {
  color: #0096FF !important;
}

.text-body[href]:hover {
  color: #0585DE !important;
}

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

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #0585DE !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
  background-color: #0096FF;
}

.bg-label-primary {
  background-color: #eee6ff !important;
  color: #0096FF !important;
}

.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus,
.pagination li.active>a:not(.page-link),
.pagination li.active>a:not(.page-link):hover,
.pagination li.active>a:not(.page-link):focus {
  border-color: #0096FF;
  background-color: #0096FF;
  color: #fff;
}

.page-item.active .page-link.waves-effect .waves-ripple,
.pagination li.active>a:not(.page-link).waves-effect .waves-ripple {
  /* background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); */
  background: radial-gradient(rgba(0, 150, 255, 0.12) 0, rgba(171, 223, 255, 0.3) 40%, rgba(85, 198, 253, 0.4) 50%, rgba(0, 150, 255, 0.38) 60%, rgba(58, 53, 65, 0) 70%);

}

.pagination-outline-primary .page-item.active .page-link,
.pagination-outline-primary .page-item.active .page-link:hover,
.pagination-outline-primary .page-item.active .page-link:focus,
.pagination-outline-primary.pagination li.active>a:not(.page-link),
.pagination-outline-primary.pagination li.active>a:not(.page-link):hover,
.pagination-outline-primary.pagination li.active>a:not(.page-link):focus {
  border-color: #77c5fd;
  color: #0096FF;
  background-color: #f6f1ff;
}

.pagination-outline-primary .page-item.active .page-link.waves-effect .waves-ripple,
.pagination-outline-primary.pagination li.active>a:not(.page-link).waves-effect .waves-ripple {
  /* background: radial-gradient(rgba(144, 85, 253, 0.2) 0, rgba(144, 85, 253, 0.3) 40%, rgba(144, 85, 253, 0.4) 50%, rgba(144, 85, 253, 0.5) 60%, rgba(58, 53, 65, 0) 70%); */
  background: radial-gradient(rgba(0, 150, 255, 0.12) 0, rgba(171, 223, 255, 0.3) 40%, rgba(85, 198, 253, 0.4) 50%, rgba(0, 150, 255, 0.38) 60%, rgba(58, 53, 65, 0) 70%);
}

.progress-bar {
  background-color: #0096FF;
}

.list-group-item-primary {
  border-color: #5dbafd;
  background-color: #f2ebff;
  color: #0585DE !important;
}

a.list-group-item-primary,
button.list-group-item-primary {
  color: #0585DE;
}

a.list-group-item-primary:hover,
a.list-group-item-primary:focus,
button.list-group-item-primary:hover,
button.list-group-item-primary:focus {
  border-color: #5dbafd;
  background-color: #e6dff2;
  color: #0585DE;
}

a.list-group-item-primary.active,
button.list-group-item-primary.active {
  border-color: #0096FF !important;
  background-color: #0096FF !important;
  color: #fff !important;
}

.list-group-item.active {
  background-color: #f6f1ff;
  color: var(--bs-navbar-link-color);
}

.list-group-item.active.waves-effect .waves-ripple {
  /* background: radial-gradient(rgba(144, 85, 253, 0.2) 0, rgba(144, 85, 253, 0.3) 40%, rgba(144, 85, 253, 0.4) 50%, rgba(144, 85, 253, 0.5) 60%, rgba(58, 53, 65, 0) 70%); */
  background: radial-gradient(rgba(0, 150, 255, 0.12) 0, rgba(171, 223, 255, 0.3) 40%, rgba(85, 198, 253, 0.4) 50%, rgba(0, 150, 255, 0.38) 60%, rgba(58, 53, 65, 0) 70%);
}

.alert-primary {
  background-color: #f2ebff;
  border-color: #f2ebff;
  color: #0585DE;
}

.alert-primary .btn-close {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230585DE'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>");
}

.alert-primary .alert-link {
  color: #0585DE;
}

.alert-primary hr {
  background-color: #0585DE !important;
}

.table-primary {
  --bs-table-bg: #e9ddff;
  --bs-table-striped-bg: #e0d5f6;
  --bs-table-striped-color: #3a3541;
  --bs-table-active-bg: #dbd0f0;
  --bs-table-active-color: #3a3541;
  --bs-table-hover-bg: #e2d6f7;
  --bs-table-hover-color: #3a3541;
  color: #3a3541;
  border-color: #d4c9e8;
}

.table-primary .btn-icon {
  color: #3a3541;
}

.btn-primary {
  color: #fff;
  background-color: #43b1ff;
  border-color: #43b1ff;
}

.btn-primary:hover {
  color: #fff !important;
  background-color: #0585DE !important;
  border-color: #0585DE !important;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #0585DE;
  border-color: #0585DE;
  box-shadow: none;
}

.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.btn-primary.show.dropdown-toggle,
.show>.btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #4290c7 !important;
  border-color: #4290c7 !important;
}

.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary.show.dropdown-toggle:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-group .btn-primary,
.input-group .btn-primary {
  border-right: 1px solid #4290c7;
  border-left: 1px solid #4290c7;
}

.btn-group-vertical .btn-primary {
  border-top: 1px solid #4290c7;
  border-bottom: 1px solid #4290c7;
}

.btn-outline-primary {
  /* color: #0096FF;
  border-color: #77c5fd;
  background: transparent; */
  color: #212529;
  background-color: #edf1f5;
  border-color: #d4dde6;
}

.btn-outline-primary.waves-effect .waves-ripple {
  /* background: radial-gradient(rgba(144, 85, 253, 0.2) 0, rgba(144, 85, 253, 0.3) 40%, rgba(144, 85, 253, 0.4) 50%, rgba(144, 85, 253, 0.5) 60%, rgba(255, 255, 255, 0) 70%); */
  background: radial-gradient(rgba(0, 150, 255, 0.12) 0, rgba(171, 223, 255, 0.3) 40%, rgba(85, 198, 253, 0.4) 50%, rgba(0, 150, 255, 0.38) 60%, rgba(58, 53, 65, 0) 70%);
}

.btn-outline-primary:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  /* color: #0096FF !important;
  background-color: #f7f3ff !important;
  border-color: #77c5fd !important; */
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
  /* color: #0096FF;
  background-color: #e4d6ff;
  border-color: #77c5fd; */
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-check:checked+.btn-outline-primary,
.btn-check:active+.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
  color: #0096FF;
  background-color: #d2ecff;
  border-color: #77c5fd;
}

.btn-outline-primary .badge {
  background: #0096FF;
  border-color: #0096FF;
  color: #fff;
}

.btn-outline-primary:hover .badge,
.btn-outline-primary:focus:hover .badge,
.btn-outline-primary:active .badge,
.btn-outline-primary.active .badge,
.show>.btn-outline-primary.dropdown-toggle .badge {
  background: #0096FF;
  border-color: #0096FF;
  color: #fff;
}

.dropdown-item.waves-effect .waves-ripple {
  /* background: radial-gradient(rgba(144, 85, 253, 0.2) 0, rgba(144, 85, 253, 0.3) 40%, rgba(144, 85, 253, 0.4) 50%, rgba(144, 85, 253, 0.5) 60%, rgba(255, 255, 255, 0) 70%); */
  background: radial-gradient(rgba(0, 150, 255, 0.12) 0, rgba(171, 223, 255, 0.3) 40%, rgba(85, 198, 253, 0.4) 50%, rgba(0, 150, 255, 0.38) 60%, rgba(58, 53, 65, 0) 70%);
}

.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active {
  /* background-color: rgba(144, 85, 253, 0.1); */
  background-color: transparent;
  color: #0096FF !important;
}

.dropdown-menu>li:not(.disabled)>a:not(.dropdown-item):active,
.dropdown-menu>li.active:not(.disabled)>a:not(.dropdown-item) {
  background-color: rgba(144, 85, 253, 0.1);
  color: #0096FF !important;
}

.dropdown-menu>li:not(.disabled)>a:not(.dropdown-item):active.btn,
.dropdown-menu>li.active:not(.disabled)>a:not(.dropdown-item).btn {
  color: #fff !important;
}

.nav .nav-link:hover,
.nav .nav-link:focus {
  color: #0585DE;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
  background-color: #0096FF;
  color: #fff;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
  color: #0096FF;
}

.nav-tabs .nav-link.waves-effect .waves-ripple {
  /* background: radial-gradient(rgba(144, 85, 253, 0.2) 0, rgba(144, 85, 253, 0.3) 40%, rgba(144, 85, 253, 0.4) 50%, rgba(144, 85, 253, 0.5) 60%, rgba(255, 255, 255, 0) 70%); */
  background: radial-gradient(rgba(0, 150, 255, 0.12) 0, rgba(171, 223, 255, 0.3) 40%, rgba(85, 198, 253, 0.4) 50%, rgba(0, 150, 255, 0.38) 60%, rgba(58, 53, 65, 0) 70%);
}

.nav-tabs .tab-slider {
  background-color: #0096FF;
}

.layout-navbar .navbar-dropdown .dropdown-menu {
  min-width: 23.75rem;
  overflow: hidden;
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item {
  text-align: center;
  padding: 1.5rem .5rem;
}

.row-bordered>.col,
.row-bordered>[class^=col-],
.row-bordered>[class*=" col-"],
.row-bordered>[class^="col "],
.row-bordered>[class*=" col "],
.row-bordered>[class$=" col"],
.row-bordered>[class=col] {
  position: relative;
  padding-top: 1px;
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item .dropdown-shortcuts-icon {
  background-color: rgba(46, 38, 61, .08);
  height: 3.125rem;
  width: 3.125rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rounded-circle {
  border-radius: 50% !important;
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item {
  text-align: center;
  padding: 1.5rem .5rem;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a,
.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a:hover {
  display: block;
  margin-bottom: 0;
  color: #433c50 !important;
  font-weight: 500;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item:hover {
  background-color: rgba(46, 38, 61, .06);
}

.form-control:focus,
.form-select:focus {
  border-color: #0096FF !important;
}

.form-floating-outline .form-control:focus,
.form-floating-outline .form-select:focus {
  border-color: #0096FF !important;
}

.input-group:not(.input-group-floating):focus-within .form-control,
.input-group:not(.input-group-floating):focus-within .input-group-text {
  border-color: #0096FF;
}

.form-check-input:focus {
  border-color: #0096FF;
}

.form-check-input:active {
  border-color: #0096FF;
}

.form-check-input:hover::after {
  background: rgba(58, 53, 65, 0.04);
}

.form-check-input:checked {
  background-color: #0096FF;
  border-color: #0096FF;
}

.form-check-input:checked::after {
  background: rgba(144, 85, 253, 0.08) !important;
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #0096FF;
  border-color: #0096FF;
}

.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230096FF'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-control:focus~.form-label {
  border-color: #0096FF;
}

.form-control:focus~.form-label::after {
  border-color: inherit;
}

.form-range::-webkit-slider-thumb {
  background-color: #0096FF;
}

.form-range::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 8px rgba(144, 85, 253, 0.15), 0px 3px 14px 0px rgba(58, 53, 65, 0.14);
}

.form-range::-webkit-slider-thumb:active {
  background-color: #0096FF;
  box-shadow: 0 0 0 10px rgba(144, 85, 253, 0.2), 0px 3px 14px 0px rgba(58, 53, 65, 0.14);
}

.form-range::-moz-range-thumb:hover {
  box-shadow: 0 0 0 8px rgba(144, 85, 253, 0.15), 0px 3px 14px 0px rgba(58, 53, 65, 0.14);
}

.form-range::-moz-range-thumb:active {
  box-shadow: 0 0 0 10px rgba(144, 85, 253, 0.2), 0px 3px 14px 0px rgba(58, 53, 65, 0.14);
}

.form-range::-webkit-slider-runnable-track {
  background-color: #0096FF;
}

.form-range::-moz-range-track {
  background-color: #0096FF;
}

.divider.divider-primary .divider-text:before,
.divider.divider-primary .divider-text:after {
  border-color: #0096FF;
}

.navbar.bg-primary {
  color: #d2ecff;
}

.navbar.bg-primary .navbar-brand,
.navbar.bg-primary .navbar-brand a {
  color: #fff;
}

.navbar.bg-primary .navbar-brand:hover,
.navbar.bg-primary .navbar-brand:focus,
.navbar.bg-primary .navbar-brand a:hover,
.navbar.bg-primary .navbar-brand a:focus {
  color: #fff;
}

.navbar.bg-primary .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-primary .navbar-search-wrapper .search-input {
  color: #d2ecff;
}

.navbar.bg-primary .search-input-wrapper .search-input,
.navbar.bg-primary .search-input-wrapper .search-toggler {
  color: #d2ecff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar.bg-primary .navbar-nav>.nav-link,
.navbar.bg-primary .navbar-nav>.nav-item>.nav-link,
.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link {
  color: #d2ecff;
}

.navbar.bg-primary .navbar-nav>.nav-link:hover,
.navbar.bg-primary .navbar-nav>.nav-link:focus,
.navbar.bg-primary .navbar-nav>.nav-item>.nav-link:hover,
.navbar.bg-primary .navbar-nav>.nav-item>.nav-link:focus,
.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link:hover,
.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link:focus {
  color: #fff;
}

.navbar.bg-primary .navbar-nav>.nav-link.disabled,
.navbar.bg-primary .navbar-nav>.nav-item>.nav-link.disabled,
.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link.disabled {
  color: #c5a5fe !important;
}

.navbar.bg-primary .navbar-nav .show>.nav-link,
.navbar.bg-primary .navbar-nav .active>.nav-link,
.navbar.bg-primary .navbar-nav .nav-link.show,
.navbar.bg-primary .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar.bg-primary .navbar-toggler {
  color: #d2ecff;
  border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-primary .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.navbar.bg-primary .navbar-text {
  color: #d2ecff;
}

.navbar.bg-primary .navbar-text a {
  color: #fff;
}

.navbar.bg-primary .navbar-text a:hover,
.navbar.bg-primary .navbar-text a:focus {
  color: #fff;
}

.navbar.bg-primary hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.menu.bg-primary {
  background-color: #0096FF !important;
  color: #d2ecff;
}

.menu.bg-primary .menu-link,
.menu.bg-primary .menu-horizontal-prev,
.menu.bg-primary .menu-horizontal-next {
  color: #d2ecff;
}

.menu.bg-primary .menu-link:hover,
.menu.bg-primary .menu-link:focus,
.menu.bg-primary .menu-horizontal-prev:hover,
.menu.bg-primary .menu-horizontal-prev:focus,
.menu.bg-primary .menu-horizontal-next:hover,
.menu.bg-primary .menu-horizontal-next:focus {
  color: #fff;
}

.menu.bg-primary .menu-link.active,
.menu.bg-primary .menu-horizontal-prev.active,
.menu.bg-primary .menu-horizontal-next.active {
  color: #fff;
}

.menu.bg-primary .menu-item.disabled .menu-link,
.menu.bg-primary .menu-horizontal-prev.disabled,
.menu.bg-primary .menu-horizontal-next.disabled {
  color: #c5a5fe !important;
}

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

.menu.bg-primary .menu-item.active>.menu-link:not(.menu-toggle) {
  background: linear-gradient(270deg, #9359fd 0%, #c6a7fe 100%);
}

.menu.bg-primary.menu-horizontal .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle),
.menu.bg-primary.menu-horizontal .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle)::before {
  background: #f2ebff;
  color: #9359fd !important;
}

.menu.bg-primary.menu-horizontal .menu-inner>.menu-item.active>.menu-link.menu-toggle {
  background: linear-gradient(270deg, #9359fd 0%, #c6a7fe 100%);
}

.menu.bg-primary.menu-horizontal .menu-inner>.menu-item.active>.menu-link.menu-toggle,
.menu.bg-primary.menu-horizontal .menu-inner>.menu-item.active>.menu-link.menu-toggle:after {
  color: #fff;
}

.menu.bg-primary .menu-inner-shadow {
  background: linear-gradient(#0096FF 5%, rgba(144, 85, 253, 0.75) 45%, rgba(144, 85, 253, 0.2) 80%, transparent);
}

.menu.bg-primary .menu-text {
  color: #fff;
}

.menu.bg-primary .menu-header {
  color: #d2baff;
}

.menu.bg-primary hr,
.menu.bg-primary .menu-divider,
.menu.bg-primary .menu-inner>.menu-item.open>.menu-sub::before {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.menu.bg-primary .menu-block::before {
  background-color: #d2baff;
}

.menu.bg-primary .ps__thumb-y,
.menu.bg-primary .ps__rail-y.ps--clicking>.ps__thumb-y {
  background: rgba(255, 255, 255, 0.5910478431) !important;
}

.footer.bg-primary {
  color: #d2ecff;
}

.footer.bg-primary .footer-link {
  color: #d2ecff;
}

.footer.bg-primary .footer-link:hover,
.footer.bg-primary .footer-link:focus {
  color: #d2ecff;
}

.footer.bg-primary .footer-link.disabled {
  color: #c5a5fe !important;
}

.footer.bg-primary .footer-text {
  color: #fff;
}

.footer.bg-primary .show>.footer-link,
.footer.bg-primary .active>.footer-link,
.footer.bg-primary .footer-link.show,
.footer.bg-primary .footer-link.active {
  color: #fff;
}

.footer.bg-primary hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:focus:not(:placeholder-shown)~label,
.form-floating>.form-select:focus~label,
.form-floating>.form-select:focus:not(:placeholder-shown)~label {
  color: #0096FF;
}

.form-floating-outline :not(select):focus+label,
.form-floating-outline :not(select):focus+span {
  color: #0096FF;
}

.form-floating-outline label::after,
.form-floating-outline>span::after {
  background: #fff;
}

.form-floating-outline label.bg-body::after,
.form-floating-outline>span.bg-body::after {
  background: #f4f5fa !important;
}

.svg-illustration svg {
  fill: #0096FF;
}

html:not([dir=rtl]) .border-primary,
html[dir=rtl] .border-primary {
  border-color: #0096FF !important;
}

a {
  color: #0096FF;
}

a:hover {
  color: #0468af;
}

.fill-primary {
  fill: #0096FF;
}

.bg-navbar-theme {
  color: var(--bs-navbar-link-color);
}

.bg-navbar-theme .navbar-brand,
.bg-navbar-theme .navbar-brand a {
  color: var(--bs-navbar-link-color);
}

.bg-navbar-theme .navbar-brand:hover,
.bg-navbar-theme .navbar-brand:focus,
.bg-navbar-theme .navbar-brand a:hover,
.bg-navbar-theme .navbar-brand a:focus {
  color: var(--bs-navbar-link-color);
}

.bg-navbar-theme .navbar-search-wrapper .navbar-search-icon,
.bg-navbar-theme .navbar-search-wrapper .search-input {
  color: var(--bs-navbar-link-color);
}

.bg-navbar-theme .search-input-wrapper .search-input,
.bg-navbar-theme .search-input-wrapper .search-toggler {
  color: var(--bs-navbar-link-color);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  z-index: 9;
  position: relative;
}

.bg-navbar-theme .navbar-nav>.nav-link,
.bg-navbar-theme .navbar-nav>.nav-item>.nav-link,
.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link {
  color: var(--bs-navbar-link-color);
}

.bg-navbar-theme .navbar-nav>.nav-link:hover,
.bg-navbar-theme .navbar-nav>.nav-link:focus,
.bg-navbar-theme .navbar-nav>.nav-item>.nav-link:hover,
.bg-navbar-theme .navbar-nav>.nav-item>.nav-link:focus,
.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link:hover,
.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link:focus {
  color: var(--bs-navbar-link-color);
}

.bg-navbar-theme .navbar-nav>.nav-link.disabled,
.bg-navbar-theme .navbar-nav>.nav-item>.nav-link.disabled,
.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link.disabled {
  color: #94919a !important;
}

.bg-navbar-theme .navbar-nav .show>.nav-link,
.bg-navbar-theme .navbar-nav .active>.nav-link,
.bg-navbar-theme .navbar-nav .nav-link.show,
.bg-navbar-theme .navbar-nav .nav-link.active {
  color: var(--bs-navbar-link-color);
}

.bg-navbar-theme .navbar-toggler {
  color: var(--bs-navbar-link-color);
  border-color: rgba(84, 79, 90, 0.0769076471);
}

.bg-navbar-theme .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(137, 134, 141, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.bg-navbar-theme .navbar-text {
  color: var(--bs-navbar-link-color);
}

.bg-navbar-theme .navbar-text a {
  color: var(--bs-navbar-link-color);
}

.bg-navbar-theme .navbar-text a:hover,
.bg-navbar-theme .navbar-text a:focus {
  color: var(--bs-navbar-link-color);
}

.bg-navbar-theme hr {
  border-color: rgba(84, 79, 90, 0.0769076471);
}

.bg-menu-theme {
  background-color: #fff !important;
  color: #4B5675;
}

.bg-menu-theme .menu-link,
.bg-menu-theme .menu-horizontal-prev,
.bg-menu-theme .menu-horizontal-next {
  color: #4B5675;
}

.bg-menu-theme .menu-link:hover,
.bg-menu-theme .menu-link:focus,
.bg-menu-theme .menu-horizontal-prev:hover,
.bg-menu-theme .menu-horizontal-prev:focus,
.bg-menu-theme .menu-horizontal-next:hover,
.bg-menu-theme .menu-horizontal-next:focus {
  color: #4B5675;
}

.bg-menu-theme .menu-link.active,
.bg-menu-theme .menu-horizontal-prev.active,
.bg-menu-theme .menu-horizontal-next.active {
  color: #4B5675;
}

.bg-menu-theme .menu-item.disabled .menu-link,
.bg-menu-theme .menu-horizontal-prev.disabled,
.bg-menu-theme .menu-horizontal-next.disabled {
  color: #94919a !important;
}

[data-bs-theme='dark'] .bg-menu-theme {
  background-color: #312d4b !important;
  color: #d5d1ea;
  border: 1px solid #3c3668;
  ;
}

[data-bs-theme='dark'] .bg-menu-theme .menu-link,
[data-bs-theme='dark'] .bg-menu-theme .menu-horizontal-prev,
[data-bs-theme='dark'] .bg-menu-theme .menu-horizontal-next {
  color: #d5d1ea;
}

[data-bs-theme='dark'] .bg-menu-theme .menu-link:hover,
.bg-menu-theme .menu-link:focus,
[data-bs-theme='dark'] .bg-menu-theme .menu-horizontal-prev:hover,
[data-bs-theme='dark'] .bg-menu-theme .menu-horizontal-prev:focus,
[data-bs-theme='dark'] .bg-menu-theme .menu-horizontal-next:hover,
[data-bs-theme='dark'] .bg-menu-theme .menu-horizontal-next:focus {
  color: #d5d1ea;
}

[data-bs-theme='dark'] .bg-menu-theme .menu-link.active,
[data-bs-theme='dark'] .bg-menu-theme .menu-horizontal-prev.active,
[data-bs-theme='dark'] .bg-menu-theme .menu-horizontal-next.active {
  color: #d5d1ea;
}

[data-bs-theme='dark'] .bg-menu-theme .menu-item.disabled .menu-link,
[data-bs-theme='dark'] .bg-menu-theme .menu-horizontal-prev.disabled,
[data-bs-theme='dark'] .bg-menu-theme .menu-horizontal-next.disabled {
  color: #d5d1ea !important;
}

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

.bg-menu-theme .menu-item.active>.menu-link:not(.menu-toggle) {
  /* background: linear-gradient(270deg, #0096FF 0%, #c4a5fe 100%); */
  color: #0096ff;
  border-color: #6ec3ff;
}

.bg-menu-theme.menu-horizontal .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle),
.bg-menu-theme.menu-horizontal .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle)::before {
  /* background: #0096FF; */
  color: #0096FF;
}

.bg-menu-theme.menu-horizontal .menu-inner>.menu-item.active>.menu-link.menu-toggle {
  /* background: linear-gradient(270deg, #0096FF 0%, #c4a5fe 100%); */
}

.bg-menu-theme.menu-horizontal .menu-inner>.menu-item.active>.menu-link.menu-toggle,
.bg-menu-theme.menu-horizontal .menu-inner>.menu-item.active>.menu-link.menu-toggle:after {
  color: #fff;
}

.bg-menu-theme .menu-inner-shadow {
  background: linear-gradient(#f4f5fa 5%, rgba(244, 245, 250, 0.75) 45%, rgba(244, 245, 250, 0.2) 80%, transparent);
}

.bg-menu-theme .menu-text {
  color: var(--bs-navbar-link-color);
}

.bg-menu-theme .menu-header {
  color: #7c7982;
}

.bg-menu-theme hr,
.bg-menu-theme .menu-divider,
.bg-menu-theme .menu-inner>.menu-item.open>.menu-sub::before {
  border-color: transparent !important;
}

.bg-menu-theme .menu-block::before {
  background-color: #7c7982;
}

.bg-menu-theme .ps__thumb-y,
.bg-menu-theme .ps__rail-y.ps--clicking>.ps__thumb-y {
  background: rgba(84, 79, 90, 0.2152611765) !important;
}

@media (min-width: 1200px) {
  .layout-menu-collapsed.layout-menu-hover .bg-menu-theme {
    box-shadow: 0 0.625rem 0.875rem rgba(58, 53, 65, 0.12);
  }
}

.bg-footer-theme {
  color: #0096FF;
}

.bg-footer-theme .footer-link {
  color: #0096FF;
}

.bg-footer-theme .footer-link:hover,
.bg-footer-theme .footer-link:focus {
  color: #0096FF;
}

.bg-footer-theme .footer-link.disabled {
  color: #b895fc !important;
}

.bg-footer-theme .footer-text {
  color: var(--bs-navbar-link-color);
}

.bg-footer-theme .show>.footer-link,
.bg-footer-theme .active>.footer-link,
.bg-footer-theme .footer-link.show,
.bg-footer-theme .footer-link.active {
  color: var(--bs-navbar-link-color);
}

.bg-footer-theme hr {
  border-color: rgba(84, 79, 90, 0.0769076471);
}

/* collapsed css */
#layout-menu.collapsed {
  min-width: 4.1rem;
  max-width: 4.1rem;
}


.app-brand.demo.collapsedlogo {
  padding-left: 0.7rem;
}


#layout-menu.collapsed .hide-on-collapse {
  opacity: 0;
}

.show-on-collapse {
  display: none;
}

#layout-menu.collapsed .show-on-collapse {
  display: inline-block;
}


.breadcrumb {
  font-size: 13px;
  padding: 9px 25px;
  margin: 0;
}

.breadcrumb .menu-icon::before {
  font-size: 22px;
}

.breadcrumb-item a {
  color: #0096FF;
  text-decoration: none;
}

.breadcrumb-item a:hover {
  color: #0096FF;
  text-decoration: underline;
}

.pageTItle-head {
  margin: 0 0 13px;
}

.page-subtitle {
  margin: 4px 0 0;
}

.page-title {
  color: var(--bs-page-title-color);
  font-weight: 500;
  font-size: 23px;
  margin: 0;
}

.card-footer {
  border-top: 1px solid rgba(58, 53, 65, 0.075);
  padding: 18px 19px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}


/* .dataTables_wrapper .dataTables_filter, .dataTables_paginate {
	padding-right: 18px;  
  
} */

.dataTables_wrapper .dataTables_filter input {
  border: 1px solid rgba(70, 95, 145, 0.2);
  border-radius: 4px;
  padding: 5px;
  background-color: transparent;
  margin-left: 8px;
}

.dataTables_length,
.dataTables_info {
  font-size: 13px;
}

.dataTables_wrapper .dataTables_info {
  color: #53535f;
  font-size: 13px;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #53535f;
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 10px;
  border-bottom: 0;
  font-size: 14px;
  /* background-color:#fff; */
  color: #8392a5;
  white-space: nowrap;
  font-weight: 500;
  /* border-top: 1px solid #d4d4d5;
  border-bottom: 1px solid #d4d4d5; */
}

table.dataTable thead th:not(.sorting, .sorting_disabled),
table.dataTable thead td:not(.sorting, .sorting_disabled) {
  background-color: #fff;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  /* background-color: rgb(246, 247, 251); */
  background-color: rgba(0, 0, 0, .03);
}

table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
  /* background-color: #f0f0f0; */
  background-color: transparent;
}

table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
  /* background-color: #f0f0f0; */
  background-color: transparent;
}

.dataTables_wrapper .dataTables_length select {
  background-color: transparent;
  padding: 4px;
  border: 1px solid rgba(70, 95, 145, 0.2);
  border-radius: 4px;
  font-size: 12px;
  height: 30px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  margin-left: 6px;
  color: #333 !important;
  border: 1px solid #d4d3d5;
  background-color: white;
  border-radius: 6px;
  padding: 3px;
  min-width: 28px;
  font-size: 13px;
  text-align: center;
  height: 28px;
}

table.dataTable {
  width: 100% !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
  border: 1px solid #0096FF;
  background-color: 0096FF;
  background: #0096FF;
}


table.dataTable.no-footer {
  border-bottom: 0;
  /* border-bottom: 1px solid rgba(58, 53, 65, 0.15) !important; */
  /* border-top: 1px solid rgba(58, 53, 65, 0.15) !important; */
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  /* border-top: 1px solid rgba(58, 53, 65, 0.075); */
  border-top: 0;
}

.search-filter {
  padding: 28px 18px 0 18px;
  margin: 0 0 20px;
}

.filter-footer {
  text-align: right;
  border-top: 1px solid rgba(58, 53, 65, 0.075);
  padding: 11px 0 0 0 !important;
}

.filter-footer-inner {
  display: flex;
  justify-content: flex-end;
  gap: 13px;
}

.pageTItle-head {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
}

.heading2 {
  font-size: 19px;
  font-weight: 500;
  color: #000;
  margin: 20px 0 31px;
}

.flex-form {
  display: flex;
  gap: 11px;
  flex-wrap: nowrap;
}

.heading3 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 500;
  line-height: 1.1;
  color: var(--bs-heading-color);
  font-size: 16px;
}

.permission_info .accordion .accordion-body {
  padding-left: 60px;
}

.label-title {
  margin-top: 10px;
  margin-bottom: 24px;
  font-weight: 500;
  line-height: 1.1;
  color: var(--bs-heading-color);
  font-size: 19px;
}

.form-floating {
  margin-bottom: 23px;
}

.lang-thumbnail {
  max-height: 26px;
  margin-right: 11px;
  border-radius: 3px;
  height: 26px;
}

.form-floating .text-danger,
.form-group .text-danger {
  width: 100%;
  margin-top: 0.3rem;
  font-size: 85%;
  color: var(--bs-form-invalid-color);
}

.cke_chrome {
  display: block;
  padding: 0;
  border: 1px solid #d4d3d5 !important;
  box-shadow: unset !important;
  border-radius: 7px;
  overflow: hidden;
}

.form-group label {
  margin: 0 0 9px;
}

.accordion-body .checkbox {
  margin-bottom: 11px;
}

.menu-side-toggle {
  color: #53535f;
}

[data-bs-theme='dark'] .menu-side-toggle {
  color: #d5d1ea;
}

.menu-side-toggle svg {
  width: 21px;
  margin-right: 22px;
}

.container-xxl.breadcrumb-wrapper {
  padding: 0;
  background: #fff;
}

[data-bs-theme='dark'] .container-xxl.breadcrumb-wrapper {
  background: #312d4b;
}

.menu-link svg {
  width: 30px;
  height: 17px;
  margin-right: 4px;
}


.btn svg {
  margin-right: 5px;
}

table td {
  color: #3e3e3e;
}

table th {
  color: #8392a5;
}

.bootstrap-paging .text-muted {
  color: #53535f !important;
  margin: 0;
}

.bootstrap-paging {
  margin-top: 16px;
}

.pagination {
  margin: 0;
}


.dropdown-toggle.search-toggle::after {
  display: none;
}



/* .card.user-card-data {
	margin: 20px auto 30px;
	max-width: 700px;
} */

.user-d-flex {
  display: flex;
  flex-wrap: nowrap;
  gap: 35px;
  margin-top: 20px;
}

.user-imagebox {
  margin: 0 0 10px;
  flex: 0 0 150px;
  width: 150px;
  text-align: center;
  background: #f3f5f7;
  height: 150px;
  border-radius: 6px;
}

.user-imagebox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.user-infos {
  flex: auto;
}

.userd-flex {
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
  margin: 0 0 13px;
}

.userLabel {
  position: relative;
  /* flex: 0 0 100px; */
  width: 137px;
  font-size: 14px;
  color: #8392a5;
  margin: 0;
}

.userLabel::after {
  position: absolute;
  right: -9px;
  top: 0;
  content: ': ';
  color: #8392a5;
  font-weight: 500;
}

.userdInfo {
  font-size: 14px;
  flex: auto;
  margin: 0;
  color: #3e3e3e;
  font-weight: 500;
  padding: 0 0 0 3px;
  word-break: break-word;
}

.email-break {
  word-break: break-word;
}

@media (max-width: 767.98px) {
  .user-imagebox {
    margin: 0 auto 11px;
  }

  .user-d-flex {
    gap: 20px;
    flex-direction: column;
  }
}

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

.avtar-absimage {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 40px;
  height: 38px;
}

.avtar-absimage img {
  width: 100%;
  object-fit: contain;
  height: 100%;
  border-radius: 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  /* padding-left: 10px;
	padding-right: 10px; */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  border: 1px solid #d4d3d5
}

.action-col {
  white-space: nowrap;
}

.brand_logo_light,
.brand_logo_icon {
  display: none;
}

.layout-menu-collapsed .brand_logo_icon {
  display: block;
}

.layout-menu-collapsed .brand_logo_dark {
  display: none;
}

[data-bs-theme='dark'] .brand_logo_light {
  display: block;
}

[data-bs-theme='dark'] .brand_logo_dark {
  display: none;
}

[data-bs-theme="dark"].layout-menu-collapsed .brand_logo_light {
  display: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc {
  background-image: url("../img/sort_both.png") !important;
}

table.dataTable thead .sorting.sorting_asc {
  background-image: url("../img/sort_asc.png") !important;
}

table.dataTable thead .sorting.sorting_desc {
  background-image: url("../img/sort_dsc.png") !important;
}

table .sno {
  width: 36px !important;
}

/* hide search from datatables */
.hide-searchfilter .dataTables_filter {
  display: none !important;
}

.menu-vertical .menu-inner>.menu-item>.menu-link>.menu-title {
  font-weight: 500;
}

.dropdown-language .dropdown-menu,
.dropdown-style-switcher .dropdown-menu {
  --bs-dropdown-min-width: 8rem;
}

.active-lang {
  position: absolute;
  top: 1px;
  right: 0px;
  font-size: 12px;
  color: #0096ff;
  font-weight: normal;
  text-transform: capitalize;
}

table th,
table td {
  font-size: 15px;
}

.dataTables_wrapper .bottom {
  padding-top: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.dataTables_wrapper .dataTables_paginate {
  padding: 0;
  display: flex;
  align-items: center;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 3px;
  margin-left: 6px;
  color: #333 !important;
  border: 1px solid #d4d3d5;
  background-color: white;
  border-radius: 6px;
  min-width: 28px;
  font-size: 13px;
  text-align: center;
  height: 28px;
  display: inline-block;
}

@media (max-width: 767.98px) {
  .dataTables_wrapper .bottom {
    flex-direction: column;
  }
}

.pagehead-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.page-headinner {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.input-group {
  margin-bottom: 23px;
}

.logo-blocks {
  border: 1px solid #ececec;
  border-radius: 6px;
  margin: 0 0 23px;
  padding: 24px;
  height: calc(100% - 25px);
  padding-top: 16px;
}

.logo-blocks .label-title {
  font-size: 16px;
  margin-top: 0;
  border-bottom: 1px solid #ececec;
  padding: 0 0 16px;
}

.admin-logoImg {
  border-radius: 0.3125rem !important;
  width: 199px;
  flex: 0 0 199px;
  height: 119px;
  align-items: center;
  justify-content: center;
  display: flex;
  background: #eef2f7;
  padding: 14px;
}

.admin-logoImg img {
  max-height: 90px;
}

.permission_info .accordion-button:not(.collapsed) {
  box-shadow: unset;
}

.admin-logoImg .button-wrapper {
  flex: auto
}

.permission-row {
  border-top: 1px solid #eee;
  padding: 23px 0 4px;
}

.profile_imgs {
  height: auto;
  padding: 0;
  background-color: transparent;
  width: 129px;
  flex: 0 0 129px;
}

.admin-logoImg.profile_imgs img {
  max-height: unset;
}

.profile_img_block {
  border: 0;
  border-radius: 6px;
  margin: 0;
  padding: 0;
  height: auto;
  padding-top: 0;
}

@media (max-width: 575.98px) {
  .admin-logoImg {
    margin: 0 auto;
    width: 199px;
    flex: 0 0 119px;
    height: auto;
  }

  .logo-blocks .button-wrapper {
    text-align: center;
    margin: 0 auto;
  }

  .nav-pills .nav-link {
    padding: 0.5rem 0.800rem;
  }
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month .numInputWrapper {
  font-weight: 500;
  font-size: 15px;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #0096FF;
  border-color: #0096FF;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #edf1f5;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  background: #edf1f5;
  border-color: #edf1f5;
}

.bootstrap-select .dropdown-menu.show {
  display: block;
  padding: 0;
}

.form-floating .form-control[type="file"] {
  padding-top: 12px !important;
}

/* Typehead CSS */
.twitter-typeahead {
  display: block !important
}

.twitter-typeahead .tt-menu {
  float: left;
  position: absolute;
  left: 0;
  top: 100%;
  text-align: left;
  list-style: none;
  background-clip: padding-box;
  display: none
}

[dir=rtl] .twitter-typeahead .tt-menu {
  float: right;
  left: auto !important;
  right: 0 !important;
  text-align: right
}

.twitter-typeahead .tt-menu .tt-suggestion {
  text-align: inherit;
  border: 0;
  width: 100%;
  display: block;
  white-space: nowrap;
  background: none;
  clear: both;
  cursor: pointer
}

.twitter-typeahead .tt-menu .tt-suggestion p {
  margin: 0
}

.twitter-typeahead .tt-menu .tt-suggestion .tt-highlight {
  font-weight: 500
}

.twitter-typeahead .tt-hint {
  color: #999
}

[dir=rtl] .twitter-typeahead .tt-input {
  direction: rtl
}

[data-bs-theme="light"] .twitter-typeahead .tt-menu {
  min-width: 10rem;
  padding: .5rem 0;
  font-size: .9375rem;
  z-index: 1000;
  margin: .125rem 0;
  color: #6d6777;
  box-shadow: 0 .375rem 1rem rgba(46, 38, 61, .22);
  background-color: #fff;
  border-radius: .375rem
}

[data-bs-theme="light"] .twitter-typeahead .tt-hint {
  color: #aba8b1
}

[data-bs-theme="light"] .twitter-typeahead .tt-suggestion {
  font-weight: 400;
  color: #433c50;
  padding: .543rem 1rem
}

[data-bs-theme="light"] .twitter-typeahead .tt-suggestion:hover,
[data-bs-theme="light"] .twitter-typeahead .tt-suggestion:focus {
  text-decoration: none;
  color: #433c50;
  background-color: #f2f2f3
}

[data-bs-theme="dark"] .twitter-typeahead .tt-menu {
  color: #b0acc7;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0;
  box-shadow: 0 .375rem 1rem rgba(19, 17, 32, .26);
  font-size: .9375rem;
  background-color: #312d4b;
  z-index: 1000;
  border-radius: .375rem
}

[data-bs-theme="dark"] .twitter-typeahead .tt-menu .tt-suggestion {
  font-weight: 400;
  color: #d5d1ea;
  padding: .543rem 1rem
}

[data-bs-theme="dark"] .twitter-typeahead .tt-menu .tt-suggestion:hover,
[data-bs-theme="dark"] .twitter-typeahead .tt-menu .tt-suggestion:focus {
  text-decoration: none;
  color: #d5d1ea;
  background-color: #3c3856
}

[data-bs-theme="dark"] .twitter-typeahead .tt-hint {
  color: #7a7692
}


[data-bs-theme='dark'] table.dataTable tbody tr {
  background-color: #3d3759;
}

[data-bs-theme='dark'] .table>:not(caption)>*>*,
[data-bs-theme='dark'] table td {
  color: #b0acc7;
}

[data-bs-theme='dark'] table.dataTable.hover tbody tr:hover,
[data-bs-theme='dark'] table.dataTable.display tbody tr:hover {
  background-color: #3d3759;
}

[data-bs-theme='dark'] table.dataTable thead td {
  color: #b0acc7;
}

[data-bs-theme='dark'] table.dataTable thead th {
  color: #d5d1ea;
}


[data-bs-theme='dark'] .bg-label-success {
  background-color: #343a45 !important;
  color: #56ca00 !important;
}

[data-bs-theme='dark'] .bg-label-info {
  background-color: #2f3859 !important;
  color: #16b1ff !important;
}

[data-bs-theme='dark'] .bg-label-warning {
  background-color: #413845 !important;
  color: #ffb400 !important;
}

[data-bs-theme='dark'] .bg-label-primary {
  background-color: #383059 !important;
  color: #8c57ff !important;
}

[data-bs-theme='dark'] .bg-label-danger {
  background-color: #412f4b !important;
  color: #ff4c51 !important;
}

[data-bs-theme='dark'] .bg-label-secondary {
  background-color: #383551 !important;
  color: #8a8d93 !important;
}

[data-bs-theme='dark'] body {
  color: #b0acc7;
}

[data-bs-theme='dark'] .dataTables_wrapper .dataTables_length,
[data-bs-theme='dark'] .dataTables_wrapper .dataTables_filter,
[data-bs-theme='dark'] .dataTables_wrapper .dataTables_info,
[data-bs-theme='dark'] .dataTables_wrapper .dataTables_processing,
[data-bs-theme='dark'] .dataTables_wrapper .dataTables_paginate {
  color: #b0acc7;
}

[data-bs-theme='dark'] .page-link,
[data-bs-theme='dark'] .dataTables_wrapper .dataTables_paginate .ellipsis,
[data-bs-theme='dark'] .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #d5d1ea !important;
  border: 1px solid transparent;
  background: #403c59;
}

[data-bs-theme='dark'] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
[data-bs-theme='dark'] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
[data-bs-theme='dark'] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  border: 1px solid transparent;
  color: #d5d1ea !important;
  border: 1px solid transparent;
  background: #403c59;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
[data-bs-theme="dark"] .dataTables_wrapper .paginate_button.current {
  color: #fff !important;
  border: 1px solid #0096FF;
  background-color: 0096FF;
  background: #0096FF
}

[data-bs-theme="dark"] .dataTables_wrapper .dataTables_processing {
  background-color: white;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(74, 70, 111) 25%, rgb(59, 56, 85) 75%, rgba(255, 255, 255, 0) 100%);
}

.dataTables_wrapper .dataTables_processing {
  padding-top: 8px !important;
  text-align: center;
  font-size: 16px !important;
}

[data-bs-theme="dark"] .dataTables_wrapper .dataTables_length select {
  border: 1px solid rgba(178, 198, 240, 0.2);
}

[data-bs-theme="dark"] .form-check-input {
  --bs-form-check-bg: transparent;
}

[data-bs-theme="dark"] .bootstrap-select .dropdown-toggle {
  border: 1px solid #595572;
}

[data-bs-theme="dark"] .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: #d5d1ea;
  line-height: 45px;
}

[data-bs-theme="light"] .bootstrap-select .dropdown-toggle:not(.show):hover {
  border-color: #0096ff;
}

[data-bs-theme="dark"] .filter-footer {
  border-top: 1px solid rgb(68, 63, 91);
}

[data-bs-theme="dark"] .userdInfo {
  color: #b0acc7;
}

[data-bs-theme="dark"] .userLabel {
  color: #ffffff5e;
}

[data-bs-theme="dark"] .nav-tabs .nav-link:not(.disabled),
[data-bs-theme="dark"] .nav-pills .nav-link:not(.disabled) {
  color: #d5d1ea;
}


[data-bs-theme="dark"] .nav-tabs {
  --bs-nav-tabs-border-color: #4a4568;
}

[data-bs-theme="dark"] .input-group .input-group-text {
  background-color: #292542;
  color: #827d9f;
}

[data-bs-theme="dark"] .input-group-text {
  border: 1px solid #595572;
}

[data-bs-theme="dark"] .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
}

[data-bs-theme="dark"] .accordion-item {
  color: #b0acc7;
  background: #312d4b;
  border: 1px solid #474360;
}

/* [data-bs-theme="dark"]  .accordion {
  border-top: 1px solid #474360;
} */
[data-bs-theme="dark"] .accordion-button {
  color: #b0acc7;
  background-color: #312d4b;
}

[data-bs-theme="dark"] .checkbox.text-dark {
  color: rgb(176, 172, 199) !important;
}

[data-bs-theme="dark"] .permission-row {
  border-top: 1px solid #474360;
}

[data-bs-theme="dark"] .accordion-button:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='%23d5d1ea' viewBox='0 0 24 24'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cpath d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

[data-bs-theme="dark"] .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='%230096ff' viewBox='0 0 24 24'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cpath d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /%3E%3C/svg%3E");
}

[data-bs-theme="dark"] .input-group:hover .input-group-text,
[data-bs-theme="dark"] .input-group:hover .form-control {
  border-color: #686480;
}

@media (max-width:379.98px) {
  .userLabel::after {
    position: unset;
    margin: 0 0 0 2px;
  }

  .userLabel {
    flex: auto;
    width: auto;
  }

  .userdInfo {
    padding: 0;
  }

  .userd-flex {
    gap: 0;
    flex-direction: column;
  }

}

[data-bs-theme="dark"] .form-check-label {
  color: #d5d1ea;
}

[data-bs-theme="dark"] .form-label,
[data-bs-theme="dark"] .col-form-label {
  color: #d5d1ea;
}

[data-bs-theme="dark"] .btn-outline-primary:hover {
  background-color: #231f39;
  border-color: #625d7d;
  color: #fff;
}

[data-bs-theme="dark"] .btn-check:checked+.btn-outline-primary,
[data-bs-theme="dark"] .btn-check:active+.btn-outline-primary,
[data-bs-theme="dark"] .btn-outline-primary:active,
[data-bs-theme="dark"] .btn-outline-primary.active,
[data-bs-theme="dark"] .btn-outline-primary.dropdown-toggle.show {
  color: #fff !important;
  background-color: #231f39;
  border-color: #625d7d;
}

[data-bs-theme="dark"] .timeline .timeline-item .timeline-point {
  background-color: #8c57ff;
  box-shadow: 0 0 0 10px #312d4b;
}

[data-bs-theme="dark"] .timeline .timeline-point-primary {
  background-color: #8c57ff !important;
  outline: 3px solid rgba(140, 87, 255, .12);
}

html:not([dir=rtl]) [data-bs-theme="dark"] .timeline-item {
  border-left: 1px solid #686480;
}

[data-bs-theme="dark"] .avatar-group .avatar img,
[data-bs-theme="dark"] .avatar-group .avatar .avatar-initial {
  border: 2px solid #312d4b;
}

[data-bs-theme="dark"] .bg-lightest {
  background-color: #3c3856 !important;
}

[data-bs-theme="dark"] .avatar-group .avatar img,
[data-bs-theme="dark"] .avatar-group .avatar .avatar-initial {
  border: 2px solid #312d4b;
}

[data-bs-theme="dark"] .avatar-group .avatar .avatar-initial {
  background-color: #3f3b59;
}

[data-bs-theme="dark"] .text-heading {
  color: #d5d1ea !important;
}

[data-bs-theme="dark"] .timeline.timeline-outline .timeline-item .timeline-point {
  background-color: #312d4b !important;
}


.noUi-target:not([disabled]) {
  background: #e7e7e8
}

.noUi-target:not([disabled]) .noUi-connect {
  background: #0096ff
}

.noUi-target:not([disabled]) .noUi-handle {
  border-color: #0096ff
}

.noUi-target:not([disabled]) .noUi-handle:hover {
  box-shadow: 0 0 0 8px rgba(140, 87, 255, .16)
}

.noUi-target:not([disabled]) .noUi-handle:active,
.noUi-target:not([disabled]) .noUi-handle:focus {
  box-shadow: 0 0 0 13px rgba(140, 87, 255, .16)
}

[data-bs-theme="dark"] .noUi-target:not([disabled]) {
  background: #4a4760;
}

/* star Ratings */
.jq-ry-container {
  position: relative;
  padding: 0 5px;
  line-height: 0;
  display: block;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  direction: ltr
}

.jq-ry-container[readonly=readonly] {
  cursor: default
}

.jq-ry-container>.jq-ry-group-wrapper {
  position: relative;
  width: 100%
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group {
  position: relative;
  line-height: 0;
  z-index: 10;
  white-space: nowrap
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg {
  display: inline-block
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group {
  width: 100%
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group {
  width: 0;
  z-index: 11;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group,
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group {
  z-index: 8
}

[data-bs-theme="dark"] .jq-ry-container .jq-ry-normal-group svg {
  fill: rgba(231, 227, 252, .3);
}

[data-bs-theme="light"] .jq-ry-container .jq-ry-normal-group svg {
  fill: rgba(46, 38, 61, .3)
}


[data-bs-theme="dark"] .dz-message {
  color: #d5d1ea;
}

[data-bs-theme="dark"] .dz-message .note {
  color: #b0acc7;
}

[data-bs-theme="dark"] .dropzone {
  border: 2px dashed #474360;
}

[data-bs-theme="dark"] .dz-remove {
  color: #b0acc7;
  border-top: 1px solid #474360;
}

[data-bs-theme="dark"] .dz-preview {
  background: #312d4b;
  border: 0 solid #474360;
  box-shadow: 0 .25rem .625rem rgba(19, 17, 32, .24);
}

[data-bs-theme="dark"] .dz-thumbnail {
  border-bottom: 1px solid #474360;
  background: rgba(231, 227, 252, .025);
}

[data-bs-theme="dark"] .dz-filename {
  background: #312d4b;
  border-bottom: 0 solid #474360;
}

[data-bs-theme="dark"] .dz-size {
  color: #7a7692;
}


/* Color Picker */

.colorpicker-saturation {
  width: 100px;
  height: 100px;
  background-image: url(../img/saturation.png);
  cursor: crosshair;
  float: left;
}

.colorpicker-saturation i {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}

.colorpicker-saturation i b {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.colorpicker-hue,
.colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}

.colorpicker-hue i,
.colorpicker-alpha i {
  display: block;
  height: 1px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}

.colorpicker-hue {
  background-image: url(../img/hue.png)
}

.colorpicker-alpha {
  background-image: url(../img/alpha.png);
  display: none;
}

.colorpicker {
  zoom: 1;
  top: 0;
  left: 0;
  padding: 4px;
  min-width: 130px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.colorpicker:before,
.colorpicker:after {
  display: table;
  content: "";
}

.colorpicker:after {
  clear: both
}

.colorpicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}

.colorpicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}

.colorpicker div {
  position: relative
}

.colorpicker.alpha {
  min-width: 140px
}

.colorpicker.alpha .colorpicker-alpha {
  display: block
}

.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  clear: both;
  background-image: url(../img/alpha.png);
  background-position: 0 100%;
}

.colorpicker-color div {
  height: 10px
}

.colorpicker-component .add-on i,
.colorpicker-component .input-group-addon i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.bootstrap-colorpalette {
  padding-left: 4px;
  padding-right: 4px;
  white-space: normal;
  line-height: 1;
}

.bootstrap-colorpalette div {
  line-height: 0;
}

.bootstrap-colorpalette .btn-color {
  width: 17px;
  height: 17px;
  border: 1px solid #fff;
  margin: 0;
  padding: 0;
}

.bootstrap-colorpalette .btn-color:hover {
  border: 1px solid #000;
}

/*  */
.accordion_buttonBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  padding: 10px 20px;
  border-radius: 8px;
  min-height: 58px;
  box-shadow: rgba(99, 99, 99, 0.1) 0px 0px 8px 0px;
}
[data-bs-theme="dark"] .accordion_buttonBox {
  background: #312d4b;
  box-shadow: rgb(255 255 255 / 18%) 0px 0px 8px 0px;
}
.accordion_bodyBox {
  padding: 15px 21px;
}
.customeWidthLabel{
  flex: 0 0 200px;
  width: 200px;
}
.accordion-button::after {
  width: 35px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='%2389868d' viewBox='0 0 24 24'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cpath d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /%3E%3C/svg%3E");
  background-size: 30px;
}
.accordion-button:not(.collapsed)::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='%230096FF' viewBox='0 0 24 24'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cpath d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /%3E%3C/svg%3E");
  transform: rotate(-180deg);
}
/*  */
.channel_flexDiv .userd-flex {
  margin-bottom: 5px;
  flex:0 0  100%;
}
.channel_flexDiv {
  display: flex;
  flex-wrap: wrap;
}
.software_valueFlex span {
  border-right: 1px solid #7e7e7e;
  padding-right: 10px;
  padding-left: 10px;
}
.software_valueFlex span:last-child {
  border-right: 0px solid #7e7e7e;
  padding-right: 0;
  padding-left: 0;
}
.software_valueFlex span:first-child{
  padding-left: 0;
}
.status_radioBox{
  display: flex;
  align-items: center;
  gap: 30px;
}
/*  */
.btnHeight{
  white-space: nowrap;
  min-height: 44px !important;
  min-width: 100px;
}

th.sorting {
  padding-right: 18px !important;
}




/*  */


.upload-container {
  width: 100%;
  max-width: 100%;
  padding: 20px;
  text-align: center;
  border: 1px solid #D0D5DD;
  background-color: #fff;
  border-radius: 6px;
  min-height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.choose-address-section label {
  color: #000;
  font-size: 14px;
  padding-bottom: 5px;
  font-weight: 500;
}
.image-preview-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0px;
  gap: 10px;
  justify-content: center;
  position: relative;
}
.image-preview {
  width: 60px;
  height: 60px;
  border: 1px solid #ccc;
  border-radius: 3px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f0f0;
}
.image-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}




.delete-btn {
  border: none;
  z-index: 99999;
  position: absolute;
  top: -10px;
  padding: 0;
  right: -4px;
  font-size: 18px;
  background: #ffffff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  color: red;

}


.file-preview-container {
  display: flex;
  gap: 14px;
}







.video-upload-container {
  width: 100%;
  max-width: 100%;
  padding: 20px;
  text-align: center;
  border: 1px solid #D0D5DD;
  background-color: #fff;
  border-radius: 6px;
  min-height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.file-preview {
  position: relative;
}
.video-preview {
  position: relative;
}

.video-preview .delete-btn {
  top: 30px;
  right: 12px;
}

.employeeList {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  color: #3e3e3e;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
.project_details-view-page .userLabel {
  flex: 0 0 120px;
  width: 120px;
}
.video-list {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 10px 0;
}
.video-list li img {
  width: 50px;
  height: 50px;
}
.video-box{
  display: block;
}
.video-box .userLabel::after{
  display: none;
}
.video-box .userLabel {
  color: #3e3e3e;
  font-weight: 600;
}
.employeeBox.userd-flex{
  display: block;
  margin-bottom: 20px;
}
.employeeBox .userLabel {
  width: fit-content;
  color: #3e3e3e;
  font-weight: 600;
}
.uploadedSow .userLabel::after{
  display: none;
}
.toggleBtn_box {
  border: 1px solid rgb(218, 223, 233);
  border-radius: 0.375rem;
  padding: 5px;
}
.uploadedSow {
  padding-bottom: 20px;
}
.toggleBtn_track {
  gap: 5px;
  padding: 0;
}
.toggleBtn_box .card-body {
  padding: 12px 0px 10px 10px;
}
.uploadedSow .userLabel {
  width: fit-content;
  display: flex;
  gap: 5px;
}
.form-check.form-switch {
  width: fit-content;
}
.subAlloted_time{
  display: none;
}
.subAlloted_time.main{
  display: block;
}
.addRemove_btn {
  padding: 0;
  width: 46px;
  height: 38px;
  font-size: 24px;
}
.reminder_nameDelete {
  border: 1px solid #BBBBBF;
  font-size: 16px;
  color: #151515;
  padding: 14px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.row_gap{
  --bs-gutter-y: 10px;
}
.table-tag {
  color: #ffffff;
  background-color: #a3a5ac;
  border-radius: 4px;
  padding: 3px 5px;
  margin-right: 4px;
  font-size: 12px;
}
.addSubtaskBtn{
  float: right;
}
.addBtn{
  padding: 0;
    width: 42px;
    height: 44px;
}
.addBtn svg{
  margin-right: 0;

}
.modalMessage_track {
  text-align: center;
  padding: 5px 100px 17px;
  font-size: 16px;
}
.modalBtn{
  flex: 1;
}
#confirmUpdateModal .modal-footer{
  justify-content: center;
}
#confirmUpdateModal .modal-footer button{
  min-width: 113px;
}

.customeModal .modal-header {
  border-bottom: 0;
  padding: 0;
}
.customeModal .modal-content .modal-header .modal-title {
  color: #000000;
  font-size: 20px;
}
.customeModal .btn-close {
  background-size: 16px;
}

.customeModal .modal-title{
  text-align: center;
    color: #000;
}
.customeModal button.btn-close {
  background-size: 12px;
  border-radius: 50%;
  padding: 0 !important;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 12px;
  top: 10px;
  z-index: 9;
}