/* -----------------purpleWhite----------------------- */
.purpleWhite {
  background-color: #f4f6f9;
  color: #000;
}
.purpleWhite .page-loader {
  background-color: #f4f6f9;
}
.purpleWhite .page-loader > .arc {
  border-color: #7367f0;
}
.purpleWhite .btn-link {
  color: #343a40;
}
.purpleWhite .nav-link:focus, .purpleWhite .nav-link:hover {
  color: #7367f0;
}
.purpleWhite .btn-primary,
.purpleWhite .btn-primary:hover {
  color: #fff;
  background-color: #7367f0;
  border-color: #7367f0;
}
.purpleWhite .btn-outline-primary {
  color: #7367f0;
  border-color: #ced4da;
}
.purpleWhite .btn-outline-primary:hover {
  color: #fff;
  background-color: #7367f0;
  border-color: #7367f0;
}
.purpleWhite .btn-secondary,
.purpleWhite .btn-secondary:hover {
  color: #000;
  background-color: #ced4da;
  border-color: #ced4da;
}
.purpleWhite #sidebar-wrapper {
  background-color: #343a40;
}
.purpleWhite .btn-sidebar,
.purpleWhite .form-control.form-control-sidebar {
  border-color: #56606a;
  color: #c3c3c3;
}
.purpleWhite .sidebar .nav-item > .nav-link {
  color: #c3c3c3;
}
.purpleWhite .sidebar .nav-item.menu-open > .nav-link,
.purpleWhite .sidebar .nav-item > .nav-link:hover,
.purpleWhite .sidebar .nav-item > .nav-link:focus {
  background-color: #000;
  color: #fff;
}
.purpleWhite .sidebar-toggle-nav li a {
  color: #fff;
}
.purpleWhite .sidebar:not(.active-nav) .nav-item > .nav-link > p {
  background: #000;
  color: #fff;
}
.purpleWhite .sidebar:not(.active-nav) .nav-item .sidebar-toggle-nav {
  background-color: #000;
}
.purpleWhite .sidebar:not(.active-nav) .sidebar-toggle-nav li a {
  background-color: #000;
  color: #fff;
}
.purpleWhite .navbar-brand {
  color: #fff;
}
.purpleWhite .navbar-brand:hover {
  color: #fff;
}
.purpleWhite .sidebar-toggle {
  color: #7367f0;
}
.purpleWhite .sidebar-toggle-nav {
  border-left-color: #7367f0;
}
.purpleWhite .sidebar .nav-link.active,
.purpleWhite .sidebar .nav-link.active:hover {
  color: #fff;
  background-color: #7367f0 !important;
}
.purpleWhite .main-head {
  color: #343a40;
  background-color: #fff;
}
.purpleWhite .info-box {
  background-color: #fff;
  color: #000;
}
.purpleWhite .info-box .info-box-icon {
  color: #fff;
}
.purpleWhite .card {
  background-color: #fff;
}
.purpleWhite .bg-info-box {
  background-color: #7367f0;
}
.purpleWhite .table {
  color: #000;
}
.purpleWhite .table-hover > tbody > tr:hover {
  color: #7367f0;
}
.purpleWhite .table-search.input-group .btn {
  color: #fff;
  background-color: #7367f0;
  border-color: #7367f0;
}
.purpleWhite .table > thead > tr > th {
  color: #000;
}
.purpleWhite a {
  color: #7367f0;
}
.purpleWhite .hd-user-name {
  background-color: #f4f6f9;
  color: #7367f0;
  border-color: #7367f0;
}
.purpleWhite .main-head .navbar-nav .dropdown-menu {
  background-color: #fff;
}
.purpleWhite .form-control,
.purpleWhite .form-select,
.purpleWhite .select2-container--default .select2-selection--single {
  background-color: #fff;
  color: #000;
  border-color: #ced4da;
}
.purpleWhite .form-group .img-preview img {
  border-color: #ced4da;
}
.purpleWhite .input-group-text {
  background-color: #fff;
  color: #ced4da;
  border-color: #ced4da;
}
.purpleWhite .datePickerWrap::after, .purpleWhite .date-icon {
  color: #000;
}
.purpleWhite .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #7367f0;
}
.purpleWhite .form-control[type=file]::file-selector-button {
  background-color: #ced4da;
  color: #000;
}
.purpleWhite .select2-dropdown {
  background-color: #fff;
}
.purpleWhite .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000;
}
.purpleWhite .pagination .page-link {
  color: #000;
}
.purpleWhite .page-item.active .page-link {
  background-color: #7367f0;
  color: #fff;
}
.purpleWhite .breadcrumb a {
  color: #000;
}
.purpleWhite .modal-content {
  background-color: #fff;
}
.purpleWhite .modal-header, .purpleWhite .modal-footer {
  border-color: #ced4da;
}
.purpleWhite .datepicker.dropdown-menu, .purpleWhite .datetimepicker.dropdown-menu {
  background-color: #fff;
  color: #000;
}
.purpleWhite .datetimepicker::-webkit-scrollbar-track {
  background-color: #fff;
}
.purpleWhite .datetimepicker table tr td.day:hover, .purpleWhite .datetimepicker thead tr:first-child th:hover, .purpleWhite .datetimepicker tfoot tr:first-child th:hover, .purpleWhite .datetimepicker table tr td span:hover {
  background-color: #ced4da;
}
.purpleWhite .datetimepicker table tr td.today {
  color: #000;
}
.purpleWhite .datetimepicker table tr td.today.active {
  color: #fff;
}
.purpleWhite .order-tracking.completed p {
  color: #000;
}
.purpleWhite .ck-content, .purpleWhite .ck-toolbar, .purpleWhite .ck-list, .purpleWhite .ck-dropdown__panel, .purpleWhite .ck-button {
  background: #fff !important;
}
.purpleWhite .ck-icon, .purpleWhite .ck-button__label {
  color: #000 !important;
}
.purpleWhite .form-auth .brand-wrap {
  background-color: #7367f0;
}
.purpleWhite .form-card {
  background-color: #fff;
}
.purpleWhite .form-auth .main-hd {
  color: #000;
}
.purpleWhite .form-auth .btn-link {
  color: #7367f0;
}
.purpleWhite .header-title {
  color: #7367f0;
}

/* -----------------purpleWhite end----------------------- */
.select-theme li label span.purpleWhite {
  background-color: #7367f0;
  border-color: #7367f0;
}

@media (max-width: 991.98px) {
  .purpleWhite .sidebar:not(.active-nav) .nav-item .nav-link > p {
    background-color: transparent;
  }
}
/* -----------------blueWhite----------------------- */
.blueWhite {
  background-color: #f5f5f9;
  color: #000;
}
.blueWhite .page-loader {
  background-color: #f5f5f9;
}
.blueWhite .page-loader > .arc {
  border-color: rgb(32, 123, 190);
}
.blueWhite .btn-link {
  color: #fff;
}
.blueWhite .nav-link:focus, .blueWhite .nav-link:hover {
  color: rgb(32, 123, 190);
}
.blueWhite .btn-primary,
.blueWhite .btn-primary:hover {
  color: #fff;
  background-color: rgb(32, 123, 190);
  border-color: rgb(32, 123, 190);
}
.blueWhite .btn-outline-primary {
  color: rgb(32, 123, 190);
  border-color: rgba(32, 123, 190, 0.2);
}
.blueWhite .btn-outline-primary:hover {
  color: #fff;
  background-color: rgb(32, 123, 190);
  border-color: rgb(32, 123, 190);
}
.blueWhite .btn-secondary,
.blueWhite .btn-secondary:hover {
  color: #000;
  background-color: rgba(32, 123, 190, 0.2);
  border-color: rgba(32, 123, 190, 0.2);
}
.blueWhite #sidebar-wrapper {
  background-color: #343a40;
}
.blueWhite .btn-sidebar,
.blueWhite .form-control.form-control-sidebar {
  border-color: #56606a;
  color: #c3c3c3;
}
.blueWhite .sidebar .nav-item > .nav-link {
  color: #c3c3c3;
}
.blueWhite .sidebar .nav-item.menu-open > .nav-link,
.blueWhite .sidebar .nav-item > .nav-link:hover,
.blueWhite .sidebar .nav-item > .nav-link:focus {
  background-color: #000;
  color: #fff;
}
.blueWhite .sidebar-toggle-nav li a {
  color: #fff;
}
.blueWhite .sidebar:not(.active-nav) .nav-item > .nav-link > p {
  background: #000;
  color: #fff;
}
.blueWhite .sidebar:not(.active-nav) .nav-item .sidebar-toggle-nav {
  background-color: #000;
}
.blueWhite .sidebar:not(.active-nav) .sidebar-toggle-nav li a {
  background-color: #000;
  color: #fff;
}
.blueWhite .navbar-brand {
  color: #fff;
}
.blueWhite .navbar-brand:hover {
  color: #fff;
}
.blueWhite .sidebar-toggle {
  color: rgb(32, 123, 190);
}
.blueWhite .sidebar-toggle-nav {
  border-left-color: rgb(32, 123, 190);
}
.blueWhite .sidebar .nav-link.active,
.blueWhite .sidebar .nav-link.active:hover {
  color: #fff;
  background-color: rgb(32, 123, 190) !important;
}
.blueWhite .main-head {
  color: #fff;
  background-color: #fff;
}
.blueWhite .info-box {
  background-color: #fff;
  color: #000;
}
.blueWhite .info-box .info-box-icon {
  color: #fff;
}
.blueWhite .card {
  background-color: #fff;
}
.blueWhite .bg-info-box {
  background-color: rgb(32, 123, 190);
}
.blueWhite .table {
  color: #000;
}
.blueWhite .table-hover > tbody > tr:hover {
  color: rgb(32, 123, 190);
}
.blueWhite .table-search.input-group .btn {
  color: #fff;
  background-color: rgb(32, 123, 190);
  border-color: rgb(32, 123, 190);
}
.blueWhite .table > thead > tr > th {
  color: #000;
}
.blueWhite a {
  color: rgb(32, 123, 190);
}
.blueWhite .hd-user-name {
  background-color: #f5f5f9;
  color: rgb(32, 123, 190);
  border-color: rgb(32, 123, 190);
}
.blueWhite .main-head .navbar-nav .dropdown-menu {
  background-color: #fff;
}
.blueWhite .form-control,
.blueWhite .form-select,
.blueWhite .select2-container--default .select2-selection--single {
  background-color: #fff;
  color: #000;
  border-color: rgba(32, 123, 190, 0.2);
}
.blueWhite .form-group .img-preview img {
  border-color: rgba(32, 123, 190, 0.2);
}
.blueWhite .input-group-text {
  background-color: #fff;
  color: rgba(32, 123, 190, 0.2);
  border-color: rgba(32, 123, 190, 0.2);
}
.blueWhite .datePickerWrap::after, .blueWhite .date-icon {
  color: #000;
}
.blueWhite .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: rgb(32, 123, 190);
}
.blueWhite .form-control[type=file]::file-selector-button {
  background-color: rgba(32, 123, 190, 0.2);
  color: #000;
}
.blueWhite .select2-dropdown {
  background-color: #fff;
}
.blueWhite .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000;
}
.blueWhite .pagination .page-link {
  color: #000;
}
.blueWhite .page-item.active .page-link {
  background-color: rgb(32, 123, 190);
  color: #fff;
}
.blueWhite .breadcrumb a {
  color: #000;
}
.blueWhite .modal-content {
  background-color: #fff;
}
.blueWhite .modal-header, .blueWhite .modal-footer {
  border-color: rgba(32, 123, 190, 0.2);
}
.blueWhite .datepicker.dropdown-menu, .blueWhite .datetimepicker.dropdown-menu {
  background-color: #fff;
  color: #000;
}
.blueWhite .datetimepicker::-webkit-scrollbar-track {
  background-color: #fff;
}
.blueWhite .datetimepicker table tr td.day:hover, .blueWhite .datetimepicker thead tr:first-child th:hover, .blueWhite .datetimepicker tfoot tr:first-child th:hover, .blueWhite .datetimepicker table tr td span:hover {
  background-color: rgba(32, 123, 190, 0.2);
}
.blueWhite .datetimepicker table tr td.today {
  color: #000;
}
.blueWhite .datetimepicker table tr td.today.active {
  color: #fff;
}
.blueWhite .order-tracking.completed p {
  color: #000;
}
.blueWhite .ck-content, .blueWhite .ck-toolbar, .blueWhite .ck-list, .blueWhite .ck-dropdown__panel, .blueWhite .ck-button {
  background: #fff !important;
}
.blueWhite .ck-icon, .blueWhite .ck-button__label {
  color: #000 !important;
}
.blueWhite .form-auth .brand-wrap {
  background-color: rgb(32, 123, 190);
}
.blueWhite .form-card {
  background-color: #fff;
}
.blueWhite .form-auth .main-hd {
  color: #000;
}
.blueWhite .form-auth .btn-link {
  color: rgb(32, 123, 190);
}
.blueWhite .header-title {
  color: rgb(32, 123, 190);
}

/* -----------------blueWhite end----------------------- */
.select-theme li label span.blueWhite {
  background-color: rgb(32, 123, 190);
  border-color: rgb(32, 123, 190);
}

@media (max-width: 991.98px) {
  .blueWhite .sidebar:not(.active-nav) .nav-item .nav-link > p {
    background-color: transparent;
  }
}
/* -----------------blackWhite----------------------- */
.blackWhite {
  background-color: #130212;
  color: #fff;
}
.blackWhite .page-loader {
  background-color: #130212;
}
.blackWhite .page-loader > .arc {
  border-color: #606f84;
}
.blackWhite .btn-link {
  color: #28293d;
}
.blackWhite .nav-link:focus, .blackWhite .nav-link:hover {
  color: #606f84;
}
.blackWhite .btn-primary,
.blackWhite .btn-primary:hover {
  color: #fff;
  background-color: #606f84;
  border-color: #606f84;
}
.blackWhite .btn-outline-primary {
  color: #606f84;
  border-color: #56595e;
}
.blackWhite .btn-outline-primary:hover {
  color: #fff;
  background-color: #606f84;
  border-color: #606f84;
}
.blackWhite .btn-secondary,
.blackWhite .btn-secondary:hover {
  color: #fff;
  background-color: #56595e;
  border-color: #56595e;
}
.blackWhite #sidebar-wrapper {
  background-color: #343a40;
}
.blackWhite .btn-sidebar,
.blackWhite .form-control.form-control-sidebar {
  border-color: #56606a;
  color: #c3c3c3;
}
.blackWhite .sidebar .nav-item > .nav-link {
  color: #c3c3c3;
}
.blackWhite .sidebar .nav-item.menu-open > .nav-link,
.blackWhite .sidebar .nav-item > .nav-link:hover,
.blackWhite .sidebar .nav-item > .nav-link:focus {
  background-color: #000;
  color: #fff;
}
.blackWhite .sidebar-toggle-nav li a {
  color: #fff;
}
.blackWhite .sidebar:not(.active-nav) .nav-item > .nav-link > p {
  background: #000;
  color: #fff;
}
.blackWhite .sidebar:not(.active-nav) .nav-item .sidebar-toggle-nav {
  background-color: #000;
}
.blackWhite .sidebar:not(.active-nav) .sidebar-toggle-nav li a {
  background-color: #000;
  color: #fff;
}
.blackWhite .navbar-brand {
  color: #fff;
}
.blackWhite .navbar-brand:hover {
  color: #fff;
}
.blackWhite .sidebar-toggle {
  color: #606f84;
}
.blackWhite .sidebar-toggle-nav {
  border-left-color: #606f84;
}
.blackWhite .sidebar .nav-link.active,
.blackWhite .sidebar .nav-link.active:hover {
  color: #fff;
  background-color: #606f84 !important;
}
.blackWhite .main-head {
  color: #28293d;
  background-color: #343a40;
}
.blackWhite .info-box {
  background-color: #343a40;
  color: #fff;
}
.blackWhite .info-box .info-box-icon {
  color: #fff;
}
.blackWhite .card {
  background-color: #343a40;
}
.blackWhite .bg-info-box {
  background-color: #606f84;
}
.blackWhite .table {
  color: #fff;
}
.blackWhite .table-hover > tbody > tr:hover {
  color: #606f84;
}
.blackWhite .table-search.input-group .btn {
  color: #fff;
  background-color: #606f84;
  border-color: #606f84;
}
.blackWhite .table > thead > tr > th {
  color: #fff;
}
.blackWhite a {
  color: #606f84;
}
.blackWhite .hd-user-name {
  background-color: #130212;
  color: #606f84;
  border-color: #606f84;
}
.blackWhite .main-head .navbar-nav .dropdown-menu {
  background-color: #343a40;
}
.blackWhite .form-control,
.blackWhite .form-select,
.blackWhite .select2-container--default .select2-selection--single {
  background-color: #343a40;
  color: #fff;
  border-color: #56595e;
}
.blackWhite .form-group .img-preview img {
  border-color: #56595e;
}
.blackWhite .input-group-text {
  background-color: #343a40;
  color: #56595e;
  border-color: #56595e;
}
.blackWhite .datePickerWrap::after, .blackWhite .date-icon {
  color: #fff;
}
.blackWhite .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #606f84;
}
.blackWhite .form-control[type=file]::file-selector-button {
  background-color: #56595e;
  color: #fff;
}
.blackWhite .select2-dropdown {
  background-color: #343a40;
}
.blackWhite .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
}
.blackWhite .pagination .page-link {
  color: #fff;
}
.blackWhite .page-item.active .page-link {
  background-color: #606f84;
  color: #fff;
}
.blackWhite .breadcrumb a {
  color: #b3b3cc;
}
.blackWhite .modal-content {
  background-color: #343a40;
}
.blackWhite .modal-header, .blackWhite .modal-footer {
  border-color: #56595e;
}
.blackWhite .datepicker.dropdown-menu, .blackWhite .datetimepicker.dropdown-menu {
  background-color: #343a40;
  color: #fff;
}
.blackWhite .datetimepicker::-webkit-scrollbar-track {
  background-color: #343a40;
}
.blackWhite .datetimepicker table tr td.day:hover, .blackWhite .datetimepicker thead tr:first-child th:hover, .blackWhite .datetimepicker tfoot tr:first-child th:hover, .blackWhite .datetimepicker table tr td span:hover {
  background-color: #56595e;
}
.blackWhite .datetimepicker table tr td.today {
  color: #fff;
}
.blackWhite .datetimepicker table tr td.today.active {
  color: #343a40;
}
.blackWhite .order-tracking.completed p {
  color: #fff;
}
.blackWhite .ck-content, .blackWhite .ck-toolbar, .blackWhite .ck-list, .blackWhite .ck-dropdown__panel, .blackWhite .ck-button {
  background: #343a40 !important;
}
.blackWhite .ck-icon, .blackWhite .ck-button__label {
  color: #fff !important;
}
.blackWhite .form-auth .brand-wrap {
  background-color: #606f84;
}
.blackWhite .form-card {
  background-color: #343a40;
}
.blackWhite .form-auth .main-hd {
  color: #fff;
}
.blackWhite .form-auth .btn-link {
  color: #606f84;
}
.blackWhite .header-title {
  color: #606f84;
}

/* -----------------blackWhite end----------------------- */
.select-theme li label span.blackWhite {
  background-color: #606f84;
  border-color: #606f84;
}

@media (max-width: 991.98px) {
  .blackWhite .sidebar:not(.active-nav) .nav-item .nav-link > p {
    background-color: transparent;
  }
}
/* -----------------greenWhite----------------------- */
.greenWhite {
  background-color: #daffee;
  color: #000;
}
.greenWhite .page-loader {
  background-color: #daffee;
}
.greenWhite .page-loader > .arc {
  border-color: #1b995e;
}
.greenWhite .btn-link {
  color: #1d9b61;
}
.greenWhite .nav-link:focus, .greenWhite .nav-link:hover {
  color: #1b995e;
}
.greenWhite .btn-primary,
.greenWhite .btn-primary:hover {
  color: #fff;
  background-color: #1b995e;
  border-color: #1b995e;
}
.greenWhite .btn-outline-primary {
  color: #1b995e;
  border-color: rgba(27, 153, 94, 0.2);
}
.greenWhite .btn-outline-primary:hover {
  color: #fff;
  background-color: #1b995e;
  border-color: #1b995e;
}
.greenWhite .btn-secondary,
.greenWhite .btn-secondary:hover {
  color: #000;
  background-color: rgba(27, 153, 94, 0.2);
  border-color: rgba(27, 153, 94, 0.2);
}
.greenWhite #sidebar-wrapper {
  background-color: #343a40;
}
.greenWhite .btn-sidebar,
.greenWhite .form-control.form-control-sidebar {
  border-color: #56606a;
  color: #c3c3c3;
}
.greenWhite .sidebar .nav-item > .nav-link {
  color: #c3c3c3;
}
.greenWhite .sidebar .nav-item.menu-open > .nav-link,
.greenWhite .sidebar .nav-item > .nav-link:hover,
.greenWhite .sidebar .nav-item > .nav-link:focus {
  background-color: #000;
  color: #fff;
}
.greenWhite .sidebar-toggle-nav li a {
  color: #fff;
}
.greenWhite .sidebar:not(.active-nav) .nav-item > .nav-link > p {
  background: #000;
  color: #fff;
}
.greenWhite .sidebar:not(.active-nav) .nav-item .sidebar-toggle-nav {
  background-color: #000;
}
.greenWhite .sidebar:not(.active-nav) .sidebar-toggle-nav li a {
  background-color: #000;
  color: #fff;
}
.greenWhite .navbar-brand {
  color: #fff;
}
.greenWhite .navbar-brand:hover {
  color: #fff;
}
.greenWhite .sidebar-toggle {
  color: #1b995e;
}
.greenWhite .sidebar-toggle-nav {
  border-left-color: #1b995e;
}
.greenWhite .sidebar .nav-link.active,
.greenWhite .sidebar .nav-link.active:hover {
  color: #fff;
  background-color: #1b995e !important;
}
.greenWhite .main-head {
  color: #1d9b61;
  background-color: #fff;
}
.greenWhite .info-box {
  background-color: #fff;
  color: #000;
}
.greenWhite .info-box .info-box-icon {
  color: #fff;
}
.greenWhite .card {
  background-color: #fff;
}
.greenWhite .bg-info-box {
  background-color: #1b995e;
}
.greenWhite .table {
  color: #000;
}
.greenWhite .table-hover > tbody > tr:hover {
  color: #1b995e;
}
.greenWhite .table-search.input-group .btn {
  color: #fff;
  background-color: #1b995e;
  border-color: #1b995e;
}
.greenWhite .table > thead > tr > th {
  color: #000;
}
.greenWhite a {
  color: #1b995e;
}
.greenWhite .hd-user-name {
  background-color: #daffee;
  color: #1b995e;
  border-color: #1b995e;
}
.greenWhite .main-head .navbar-nav .dropdown-menu {
  background-color: #fff;
}
.greenWhite .form-control,
.greenWhite .form-select,
.greenWhite .select2-container--default .select2-selection--single {
  background-color: #fff;
  color: #000;
  border-color: rgba(27, 153, 94, 0.2);
}
.greenWhite .form-group .img-preview img {
  border-color: rgba(27, 153, 94, 0.2);
}
.greenWhite .input-group-text {
  background-color: #fff;
  color: rgba(27, 153, 94, 0.2);
  border-color: rgba(27, 153, 94, 0.2);
}
.greenWhite .datePickerWrap::after, .greenWhite .date-icon {
  color: #000;
}
.greenWhite .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #1b995e;
}
.greenWhite .form-control[type=file]::file-selector-button {
  background-color: rgba(27, 153, 94, 0.2);
  color: #000;
}
.greenWhite .select2-dropdown {
  background-color: #fff;
}
.greenWhite .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000;
}
.greenWhite .pagination .page-link {
  color: #000;
}
.greenWhite .page-item.active .page-link {
  background-color: #1b995e;
  color: #fff;
}
.greenWhite .breadcrumb a {
  color: #263a31;
}
.greenWhite .modal-content {
  background-color: #fff;
}
.greenWhite .modal-header, .greenWhite .modal-footer {
  border-color: rgba(27, 153, 94, 0.2);
}
.greenWhite .datepicker.dropdown-menu, .greenWhite .datetimepicker.dropdown-menu {
  background-color: #fff;
  color: #000;
}
.greenWhite .datetimepicker::-webkit-scrollbar-track {
  background-color: #fff;
}
.greenWhite .datetimepicker table tr td.day:hover, .greenWhite .datetimepicker thead tr:first-child th:hover, .greenWhite .datetimepicker tfoot tr:first-child th:hover, .greenWhite .datetimepicker table tr td span:hover {
  background-color: rgba(27, 153, 94, 0.2);
}
.greenWhite .datetimepicker table tr td.today {
  color: #000;
}
.greenWhite .datetimepicker table tr td.today.active {
  color: #fff;
}
.greenWhite .order-tracking.completed p {
  color: #000;
}
.greenWhite .ck-content, .greenWhite .ck-toolbar, .greenWhite .ck-list, .greenWhite .ck-dropdown__panel, .greenWhite .ck-button {
  background: #fff !important;
}
.greenWhite .ck-icon, .greenWhite .ck-button__label {
  color: #000 !important;
}
.greenWhite .form-auth .brand-wrap {
  background-color: #1b995e;
}
.greenWhite .form-card {
  background-color: #fff;
}
.greenWhite .form-auth .main-hd {
  color: #000;
}
.greenWhite .form-auth .btn-link {
  color: #1b995e;
}
.greenWhite .header-title {
  color: #1b995e;
}

/* -----------------greenWhite end----------------------- */
.select-theme li label span.greenWhite {
  background-color: #1b995e;
  border-color: #1b995e;
}

@media (max-width: 991.98px) {
  .greenWhite .sidebar:not(.active-nav) .nav-item .nav-link > p {
    background-color: transparent;
  }
}
/* -----------------greyWhite----------------------- */
.greyWhite {
  background-color: #dddddd;
  color: #000;
}
.greyWhite .page-loader {
  background-color: #dddddd;
}
.greyWhite .page-loader > .arc {
  border-color: #565656;
}
.greyWhite .btn-link {
  color: #555a5e;
}
.greyWhite .nav-link:focus, .greyWhite .nav-link:hover {
  color: #565656;
}
.greyWhite .btn-primary,
.greyWhite .btn-primary:hover {
  color: #fff;
  background-color: #565656;
  border-color: #565656;
}
.greyWhite .btn-outline-primary {
  color: #565656;
  border-color: #c1c1c3;
}
.greyWhite .btn-outline-primary:hover {
  color: #fff;
  background-color: #565656;
  border-color: #565656;
}
.greyWhite .btn-secondary,
.greyWhite .btn-secondary:hover {
  color: #000;
  background-color: #c1c1c3;
  border-color: #c1c1c3;
}
.greyWhite #sidebar-wrapper {
  background-color: #343a40;
}
.greyWhite .btn-sidebar,
.greyWhite .form-control.form-control-sidebar {
  border-color: #56606a;
  color: #c3c3c3;
}
.greyWhite .sidebar .nav-item > .nav-link {
  color: #c3c3c3;
}
.greyWhite .sidebar .nav-item.menu-open > .nav-link,
.greyWhite .sidebar .nav-item > .nav-link:hover,
.greyWhite .sidebar .nav-item > .nav-link:focus {
  background-color: #000;
  color: #fff;
}
.greyWhite .sidebar-toggle-nav li a {
  color: #fff;
}
.greyWhite .sidebar:not(.active-nav) .nav-item > .nav-link > p {
  background: #000;
  color: #fff;
}
.greyWhite .sidebar:not(.active-nav) .nav-item .sidebar-toggle-nav {
  background-color: #000;
}
.greyWhite .sidebar:not(.active-nav) .sidebar-toggle-nav li a {
  background-color: #000;
  color: #fff;
}
.greyWhite .navbar-brand {
  color: #fff;
}
.greyWhite .navbar-brand:hover {
  color: #fff;
}
.greyWhite .sidebar-toggle {
  color: #565656;
}
.greyWhite .sidebar-toggle-nav {
  border-left-color: #565656;
}
.greyWhite .sidebar .nav-link.active,
.greyWhite .sidebar .nav-link.active:hover {
  color: #fff;
  background-color: #565656 !important;
}
.greyWhite .main-head {
  color: #555a5e;
  background-color: #fff;
}
.greyWhite .info-box {
  background-color: #fff;
  color: #000;
}
.greyWhite .info-box .info-box-icon {
  color: #fff;
}
.greyWhite .card {
  background-color: #fff;
}
.greyWhite .bg-info-box {
  background-color: #565656;
}
.greyWhite .table {
  color: #000;
}
.greyWhite .table-hover > tbody > tr:hover {
  color: #565656;
}
.greyWhite .table-search.input-group .btn {
  color: #fff;
  background-color: #565656;
  border-color: #565656;
}
.greyWhite .table > thead > tr > th {
  color: #000;
}
.greyWhite a {
  color: #565656;
}
.greyWhite .hd-user-name {
  background-color: #dddddd;
  color: #565656;
  border-color: #565656;
}
.greyWhite .main-head .navbar-nav .dropdown-menu {
  background-color: #fff;
}
.greyWhite .form-control,
.greyWhite .form-select,
.greyWhite .select2-container--default .select2-selection--single {
  background-color: #fff;
  color: #000;
  border-color: #c1c1c3;
}
.greyWhite .form-group .img-preview img {
  border-color: #c1c1c3;
}
.greyWhite .input-group-text {
  background-color: #fff;
  color: #c1c1c3;
  border-color: #c1c1c3;
}
.greyWhite .datePickerWrap::after, .greyWhite .date-icon {
  color: #000;
}
.greyWhite .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #565656;
}
.greyWhite .form-control[type=file]::file-selector-button {
  background-color: #c1c1c3;
  color: #000;
}
.greyWhite .select2-dropdown {
  background-color: #fff;
}
.greyWhite .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000;
}
.greyWhite .pagination .page-link {
  color: #000;
}
.greyWhite .page-item.active .page-link {
  background-color: #565656;
  color: #fff;
}
.greyWhite .breadcrumb a {
  color: #3c3636;
}
.greyWhite .modal-content {
  background-color: #fff;
}
.greyWhite .modal-header, .greyWhite .modal-footer {
  border-color: #c1c1c3;
}
.greyWhite .datepicker.dropdown-menu, .greyWhite .datetimepicker.dropdown-menu {
  background-color: #fff;
  color: #000;
}
.greyWhite .datetimepicker::-webkit-scrollbar-track {
  background-color: #fff;
}
.greyWhite .datetimepicker table tr td.day:hover, .greyWhite .datetimepicker thead tr:first-child th:hover, .greyWhite .datetimepicker tfoot tr:first-child th:hover, .greyWhite .datetimepicker table tr td span:hover {
  background-color: #c1c1c3;
}
.greyWhite .datetimepicker table tr td.today {
  color: #000;
}
.greyWhite .datetimepicker table tr td.today.active {
  color: #fff;
}
.greyWhite .order-tracking.completed p {
  color: #000;
}
.greyWhite .ck-content, .greyWhite .ck-toolbar, .greyWhite .ck-list, .greyWhite .ck-dropdown__panel, .greyWhite .ck-button {
  background: #fff !important;
}
.greyWhite .ck-icon, .greyWhite .ck-button__label {
  color: #000 !important;
}
.greyWhite .form-auth .brand-wrap {
  background-color: #565656;
}
.greyWhite .form-card {
  background-color: #fff;
}
.greyWhite .form-auth .main-hd {
  color: #000;
}
.greyWhite .form-auth .btn-link {
  color: #565656;
}
.greyWhite .header-title {
  color: #565656;
}

/* -----------------greyWhite end----------------------- */
.select-theme li label span.greyWhite {
  background-color: #565656;
  border-color: #565656;
}

@media (max-width: 991.98px) {
  .greyWhite .sidebar:not(.active-nav) .nav-item .nav-link > p {
    background-color: transparent;
  }
}
/* -----------------orangeWhite----------------------- */
.orangeWhite {
  background-color: #ffefef;
  color: #000;
}
.orangeWhite .page-loader {
  background-color: #ffefef;
}
.orangeWhite .page-loader > .arc {
  border-color: #a70000;
}
.orangeWhite .btn-link {
  color: #a70000;
}
.orangeWhite .nav-link:focus, .orangeWhite .nav-link:hover {
  color: #a70000;
}
.orangeWhite .btn-primary,
.orangeWhite .btn-primary:hover {
  color: #fff;
  background-color: #a70000;
  border-color: #a70000;
}
.orangeWhite .btn-outline-primary {
  color: #a70000;
  border-color: #ffd1d1;
}
.orangeWhite .btn-outline-primary:hover {
  color: #fff;
  background-color: #a70000;
  border-color: #a70000;
}
.orangeWhite .btn-secondary,
.orangeWhite .btn-secondary:hover {
  color: #000;
  background-color: #ffd1d1;
  border-color: #ffd1d1;
}
.orangeWhite #sidebar-wrapper {
  background-color: #343a40;
}
.orangeWhite .btn-sidebar,
.orangeWhite .form-control.form-control-sidebar {
  border-color: #56606a;
  color: #c3c3c3;
}
.orangeWhite .sidebar .nav-item > .nav-link {
  color: #c3c3c3;
}
.orangeWhite .sidebar .nav-item.menu-open > .nav-link,
.orangeWhite .sidebar .nav-item > .nav-link:hover,
.orangeWhite .sidebar .nav-item > .nav-link:focus {
  background-color: #000;
  color: #fff;
}
.orangeWhite .sidebar-toggle-nav li a {
  color: #fff;
}
.orangeWhite .sidebar:not(.active-nav) .nav-item > .nav-link > p {
  background: #000;
  color: #fff;
}
.orangeWhite .sidebar:not(.active-nav) .nav-item .sidebar-toggle-nav {
  background-color: #000;
}
.orangeWhite .sidebar:not(.active-nav) .sidebar-toggle-nav li a {
  background-color: #000;
  color: #fff;
}
.orangeWhite .navbar-brand {
  color: #fff;
}
.orangeWhite .navbar-brand:hover {
  color: #fff;
}
.orangeWhite .sidebar-toggle {
  color: #a70000;
}
.orangeWhite .sidebar-toggle-nav {
  border-left-color: #a70000;
}
.orangeWhite .sidebar .nav-link.active,
.orangeWhite .sidebar .nav-link.active:hover {
  color: #fff;
  background-color: #a70000 !important;
}
.orangeWhite .main-head {
  color: #a70000;
  background-color: #fff;
}
.orangeWhite .info-box {
  background-color: #fff;
  color: #000;
}
.orangeWhite .info-box .info-box-icon {
  color: #fff;
}
.orangeWhite .card {
  background-color: #fff;
}
.orangeWhite .bg-info-box {
  background-color: #a70000;
}
.orangeWhite .table {
  color: #000;
}
.orangeWhite .table-hover > tbody > tr:hover {
  color: #a70000;
}
.orangeWhite .table-search.input-group .btn {
  color: #fff;
  background-color: #a70000;
  border-color: #a70000;
}
.orangeWhite .table > thead > tr > th {
  color: #000;
}
.orangeWhite a {
  color: #a70000;
}
.orangeWhite .hd-user-name {
  background-color: #ffefef;
  color: #a70000;
  border-color: #a70000;
}
.orangeWhite .main-head .navbar-nav .dropdown-menu {
  background-color: #fff;
}
.orangeWhite .form-control,
.orangeWhite .form-select,
.orangeWhite .select2-container--default .select2-selection--single {
  background-color: #fff;
  color: #000;
  border-color: #ffd1d1;
}
.orangeWhite .form-group .img-preview img {
  border-color: #ffd1d1;
}
.orangeWhite .input-group-text {
  background-color: #fff;
  color: #ffd1d1;
  border-color: #ffd1d1;
}
.orangeWhite .datePickerWrap::after, .orangeWhite .date-icon {
  color: #000;
}
.orangeWhite .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #a70000;
}
.orangeWhite .form-control[type=file]::file-selector-button {
  background-color: #ffd1d1;
  color: #000;
}
.orangeWhite .select2-dropdown {
  background-color: #fff;
}
.orangeWhite .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000;
}
.orangeWhite .pagination .page-link {
  color: #000;
}
.orangeWhite .page-item.active .page-link {
  background-color: #a70000;
  color: #fff;
}
.orangeWhite .breadcrumb a {
  color: #493030;
}
.orangeWhite .modal-content {
  background-color: #fff;
}
.orangeWhite .modal-header, .orangeWhite .modal-footer {
  border-color: #ffd1d1;
}
.orangeWhite .datepicker.dropdown-menu, .orangeWhite .datetimepicker.dropdown-menu {
  background-color: #fff;
  color: #000;
}
.orangeWhite .datetimepicker::-webkit-scrollbar-track {
  background-color: #fff;
}
.orangeWhite .datetimepicker table tr td.day:hover, .orangeWhite .datetimepicker thead tr:first-child th:hover, .orangeWhite .datetimepicker tfoot tr:first-child th:hover, .orangeWhite .datetimepicker table tr td span:hover {
  background-color: #ffd1d1;
}
.orangeWhite .datetimepicker table tr td.today {
  color: #000;
}
.orangeWhite .datetimepicker table tr td.today.active {
  color: #fff;
}
.orangeWhite .order-tracking.completed p {
  color: #000;
}
.orangeWhite .ck-content, .orangeWhite .ck-toolbar, .orangeWhite .ck-list, .orangeWhite .ck-dropdown__panel, .orangeWhite .ck-button {
  background: #fff !important;
}
.orangeWhite .ck-icon, .orangeWhite .ck-button__label {
  color: #000 !important;
}
.orangeWhite .form-auth .brand-wrap {
  background-color: #a70000;
}
.orangeWhite .form-card {
  background-color: #fff;
}
.orangeWhite .form-auth .main-hd {
  color: #000;
}
.orangeWhite .form-auth .btn-link {
  color: #a70000;
}
.orangeWhite .header-title {
  color: #a70000;
}

/* -----------------orangeWhite end----------------------- */
.select-theme li label span.orangeWhite {
  background-color: #a70000;
  border-color: #a70000;
}

@media (max-width: 991.98px) {
  .orangeWhite .sidebar:not(.active-nav) .nav-item .nav-link > p {
    background-color: transparent;
  }
}
/* -----------------roseWhite----------------------- */
.roseWhite {
  background-color: #faeef4;
  color: #000;
}
.roseWhite .page-loader {
  background-color: #faeef4;
}
.roseWhite .page-loader > .arc {
  border-color: #c82f63;
}
.roseWhite .btn-link {
  color: #7a1b38;
}
.roseWhite .nav-link:focus, .roseWhite .nav-link:hover {
  color: #c82f63;
}
.roseWhite .btn-primary,
.roseWhite .btn-primary:hover {
  color: #fff;
  background-color: #c82f63;
  border-color: #c82f63;
}
.roseWhite .btn-outline-primary {
  color: #c82f63;
  border-color: #ffccdd;
}
.roseWhite .btn-outline-primary:hover {
  color: #fff;
  background-color: #c82f63;
  border-color: #c82f63;
}
.roseWhite .btn-secondary,
.roseWhite .btn-secondary:hover {
  color: #000;
  background-color: #ffccdd;
  border-color: #ffccdd;
}
.roseWhite #sidebar-wrapper {
  background-color: #7a1b38;
}
.roseWhite .btn-sidebar,
.roseWhite .form-control.form-control-sidebar {
  border-color: #511225;
  color: #f1f1f1;
}
.roseWhite .sidebar .nav-item > .nav-link {
  color: #f1f1f1;
}
.roseWhite .sidebar .nav-item.menu-open > .nav-link,
.roseWhite .sidebar .nav-item > .nav-link:hover,
.roseWhite .sidebar .nav-item > .nav-link:focus {
  background-color: #b02856;
  color: #fff;
}
.roseWhite .sidebar-toggle-nav li a {
  color: #fff;
}
.roseWhite .sidebar:not(.active-nav) .nav-item > .nav-link > p {
  background: #b02856;
  color: #fff;
}
.roseWhite .sidebar:not(.active-nav) .nav-item .sidebar-toggle-nav {
  background-color: #b02856;
}
.roseWhite .sidebar:not(.active-nav) .sidebar-toggle-nav li a {
  background-color: #b02856;
  color: #fff;
}
.roseWhite .navbar-brand {
  color: #fff;
}
.roseWhite .navbar-brand:hover {
  color: #fff;
}
.roseWhite .sidebar-toggle {
  color: #c82f63;
}
.roseWhite .sidebar-toggle-nav {
  border-left-color: #c82f63;
}
.roseWhite .sidebar .nav-link.active,
.roseWhite .sidebar .nav-link.active:hover {
  color: #fff;
  background-color: #c82f63 !important;
}
.roseWhite .main-head {
  color: #7a1b38;
  background-color: #fff;
}
.roseWhite .info-box {
  background-color: #fff;
  color: #000;
}
.roseWhite .info-box .info-box-icon {
  color: #fff;
}
.roseWhite .card {
  background-color: #fff;
}
.roseWhite .bg-info-box {
  background-color: #c82f63;
}
.roseWhite .table {
  color: #000;
}
.roseWhite .table-hover > tbody > tr:hover {
  color: #c82f63;
}
.roseWhite .table-search.input-group .btn {
  color: #fff;
  background-color: #c82f63;
  border-color: #c82f63;
}
.roseWhite .table > thead > tr > th {
  color: #000;
}
.roseWhite a {
  color: #c82f63;
}
.roseWhite .hd-user-name {
  background-color: #faeef4;
  color: #c82f63;
  border-color: #c82f63;
}
.roseWhite .main-head .navbar-nav .dropdown-menu {
  background-color: #fff;
}
.roseWhite .form-control,
.roseWhite .form-select,
.roseWhite .select2-container--default .select2-selection--single {
  background-color: #fff;
  color: #000;
  border-color: #ffccdd;
}
.roseWhite .form-group .img-preview img {
  border-color: #ffccdd;
}
.roseWhite .input-group-text {
  background-color: #fff;
  color: #ffccdd;
  border-color: #ffccdd;
}
.roseWhite .datePickerWrap::after, .roseWhite .date-icon {
  color: #000;
}
.roseWhite .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #c82f63;
}
.roseWhite .form-control[type=file]::file-selector-button {
  background-color: #ffccdd;
  color: #000;
}
.roseWhite .select2-dropdown {
  background-color: #fff;
}
.roseWhite .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000;
}
.roseWhite .pagination .page-link {
  color: #000;
}
.roseWhite .page-item.active .page-link {
  background-color: #c82f63;
  color: #fff;
}
.roseWhite .breadcrumb a {
  color: #531726;
}
.roseWhite .modal-content {
  background-color: #fff;
}
.roseWhite .modal-header, .roseWhite .modal-footer {
  border-color: #ffccdd;
}
.roseWhite .datepicker.dropdown-menu, .roseWhite .datetimepicker.dropdown-menu {
  background-color: #fff;
  color: #000;
}
.roseWhite .datetimepicker::-webkit-scrollbar-track {
  background-color: #fff;
}
.roseWhite .datetimepicker table tr td.day:hover, .roseWhite .datetimepicker thead tr:first-child th:hover, .roseWhite .datetimepicker tfoot tr:first-child th:hover, .roseWhite .datetimepicker table tr td span:hover {
  background-color: #ffccdd;
}
.roseWhite .datetimepicker table tr td.today {
  color: #000;
}
.roseWhite .datetimepicker table tr td.today.active {
  color: #fff;
}
.roseWhite .order-tracking.completed p {
  color: #000;
}
.roseWhite .ck-content, .roseWhite .ck-toolbar, .roseWhite .ck-list, .roseWhite .ck-dropdown__panel, .roseWhite .ck-button {
  background: #fff !important;
}
.roseWhite .ck-icon, .roseWhite .ck-button__label {
  color: #000 !important;
}
.roseWhite .form-auth .brand-wrap {
  background-color: #c82f63;
}
.roseWhite .form-card {
  background-color: #fff;
}
.roseWhite .form-auth .main-hd {
  color: #000;
}
.roseWhite .form-auth .btn-link {
  color: #c82f63;
}
.roseWhite .header-title {
  color: #c82f63;
}

/* -----------------roseWhite end----------------------- */
.select-theme li label span.roseWhite {
  background-color: #c82f63;
  border-color: #c82f63;
}

@media (max-width: 991.98px) {
  .roseWhite .sidebar:not(.active-nav) .nav-item .nav-link > p {
    background-color: transparent;
  }
}/*# sourceMappingURL=theme.css.map */