/* -----------------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 .custom-sectionbg_lable_titles {
  background: #fff;
}
.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 .custom-sectionbg_lable_titles {
  background: #fff;
}
.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 .custom-sectionbg_lable_titles {
  background: #343a40;
}
.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 .custom-sectionbg_lable_titles {
  background: #fff;
}
.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 .custom-sectionbg_lable_titles {
  background: #fff;
}
.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 .custom-sectionbg_lable_titles {
  background: #fff;
}
.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 .custom-sectionbg_lable_titles {
  background: #fff;
}
.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 */