::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
table.dataTable tbody td {
  vertical-align: middle;
}
.sidebar-nav > a.list-group-item.list-group-item-action {
  background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity));
  border: 0;
  color: var(--primary-color);
  transition: 0.3s !important;
}
.sidebar-nav > a.list-group-item.list-group-item-action:focus,
.sidebar-nav > a.list-group-item.list-group-item-action:hover {
  background-color: var(--primary-color);
  color: white !important;
}
.sidebar-nav > a.list-group-item.list-group-item-action.active {
  color: white;
}
.list-group-item {
  padding: 0.4rem 0.6rem;
}
#sidebar {
  background-color: var(--footer-bg);
  border-right: 1px solid rgba(var(--footer-text-rgb), 0.3);
}
#sidebar a {
  color: var(--footer-link-color)
}
#sidebar a:hover {
  color: var(--footer-bg)
}
#liveToast.show{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1021;
}
.toast{
  width: 300px;
  margin-left: auto;
  margin-right: 5rem;
  margin-top: 5rem;
}
.mce-fullscreen {
  z-index: 1050 !important;
}
.accessdenied,
.incorrect,
.noaccountfound {
  background-color: #ffb9b9;
}
.loggedout {
  background-color: #bbffb9;
}
.passwordupdated,
.passwordreset {
  background-color: #ffe882;
}
#admin-grid {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: min-content auto min-content;
  grid-template-areas:    "admin-nav"    "main"    "admin-footer";
  height: 100vh;
  transition: var(--transition-def);
  -webkit-transition: var(--transition-def);
  -moz-transition: var(--transition-def);
  -ms-transition: var(--transition-def);
  -o-transition: var(--transition-def);
}
#admin-grid-plus-colors {
  display: grid;
  grid-template-columns: 12rem auto 18rem;
  grid-template-rows: min-content auto min-content;
  grid-template-areas:    "admin-nav admin-nav admin-nav"    "sidebar colors-main colors-sidebar"    "admin-footer admin-footer admin-footer";
  height: 100vh;
  transition: var(--transition-def);
  -webkit-transition: var(--transition-def);
  -moz-transition: var(--transition-def);
  -ms-transition: var(--transition-def);
  -o-transition: var(--transition-def);
}
#admin-grid-colors {
  display: grid;
  grid-template-columns: auto 18rem;
  grid-template-rows: auto;
  grid-template-areas:
    "colors-main colors-sidebar";
  height: 100vh;
}
#admin-grid-2-top-bar {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: min-content min-content auto min-content;
  grid-template-areas:
    "admin-nav"
    "buttons"
    "main"
    "admin-footer";
  height: 100vh;
}
#colors-sidebar {
  grid-area: colors-sidebar;
  background-color: #484848;
  overflow-y: auto;
  height: 100%;
  padding: 1rem;
}
#sidebar {
  display: none;
  grid-area: sidebar;
  overflow-y: auto;
}
#buttons {
  background-color: #efefef;
  border-radius: 0.5rem;
  padding: 0.5rem;
  border: 1px solid rgb(206, 212, 218);
  margin-left: auto;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
#colors-main {
  grid-area: colors-main;
  overflow-y: auto;
  overflow-x: hidden;
}
#main {
  grid-area: main;
  overflow-y: auto;
}
#admin-nav {
  grid-area: admin-nav;
}
#admin-footer {
  grid-area: admin-footer;
}
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group button.btn:first-of-type {
  border-radius: var(--br-def) !important;
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-radius: var(--br-def) 0 0 var(--br-def);
}
.edit-content-save-btns {
  position: fixed;
  display: flex;
  z-index: 5000;
  top: 0.75rem;
  right: 0.75rem;
  box-shadow: none !important;
  border: 0 !important;
  background-color: var(--primary-color) !important;
  border-radius: var(--br-def) !important;
  -webkit-border-radius: var(--br-def) !important;
  -moz-border-radius: var(--br-def) !important;
  -ms-border-radius: var(--br-def) !important;
  -o-border-radius: var(--br-def) !important;
  overflow: hidden;
}
.form-switch .form-check-input {
  box-shadow: none !important;
  border-color: rgb(175, 175, 175);
}
.form-switch .form-check-input:focus {
  border-color: rgb(175, 175, 175);
  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='rgba%0, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}
.form-check-input:checked {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group:last-child {
  border: 0;
  
}
.dataTables_filter, .dataTables_info, .dataTables_paginate {
  padding: 0 0.75rem;
}
.page-link {
  color: var(--primary-color);
  box-shadow: none !important;
}
.page-link:hover {
  color: var(--primary-color);
}
.page-link.active:hover {
  color: white;
}
.page-item.active .page-link {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.modal-content {
  border-radius: var(--br-def) !important;
  -webkit-border-radius: var(--br-def) !important;
  -moz-border-radius: var(--br-def) !important;
  -ms-border-radius: var(--br-def) !important;
  -o-border-radius: var(--br-def) !important;
  border: 0 !important;
  overflow: hidden;
}
.modal-header.custom {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  background-color: var(--primary-color);
  color: white !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border: 0 !important;
}
.modal-footer.custom {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  background-color: #e9ecee;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border: 0 !important;
}
.form-control[type=file] {
  border-color: rgb(204, 204, 204) !important;
}
div.dt-button-collection div.dropdown-menu {
  display: block;
  z-index: 2002;
  min-width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding: 0 !important;
  overflow: hidden;
  border-radius: var(--br-def) !important;
  -webkit-border-radius: var(--br-def) !important;
  -moz-border-radius: var(--br-def) !important;
  -ms-border-radius: var(--br-def) !important;
  -o-border-radius: var(--br-def) !important;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: var(--primary-color);
}
div.dataTables_wrapper div.dt-buttons.btn-group button.btn:last-child:first-of-type {
  border-radius: var(--br-def)!important;
  -webkit-border-radius: var(--br-def)!important;
  -moz-border-radius: var(--br-def)!important;
  -ms-border-radius: var(--br-def)!important;
  -o-border-radius: var(--br-def)!important;
}
.form-control.custom {
	box-shadow: none !important;
	border-radius: var(--br-def) var(--br-def) 0 0 !important;
	-webkit-border-radius: var(--br-def) var(--br-def) 0 0 !important;
	-moz-border-radius: var(--br-def) var(--br-def) 0 0 !important;
	-ms-border-radius: var(--br-def) var(--br-def) 0 0 !important;
	-o-border-radius: var(--br-def) var(--br-def) 0 0 !important;
	border: 0;
	border-bottom: 1px solid rgb(204, 204, 204);
	padding: 0.25rem 0.25rem 0.1rem 0.25rem;
	transition: var(--transition-def);
	-webkit-transition: var(--transition-def);
	-moz-transition: var(--transition-def);
	-ms-transition: var(--transition-def);
	-o-transition: var(--transition-def);
}
.form-control.custom:disabled {
	color: #6d7175;
}
.form-control.custom:focus {
	border-bottom: 1px solid rgb(88, 88, 88);
	background-color: #eeeeee;
	border-radius: var(--br-def);
	-webkit-border-radius: var(--br-def);
	-moz-border-radius: var(--br-def);
	-ms-border-radius: var(--br-def);
	-o-border-radius: var(--br-def);
}
.card.custom {
	background-color: transparent;
	border: 1px solid var(--primary-color);
	border-radius: var(--br-def);
	-webkit-border-radius: var(--br-def);
	-moz-border-radius: var(--br-def);
	-ms-border-radius: var(--br-def);
	-o-border-radius: var(--br-def);
	overflow: hidden;
}
.card-header.custom {
	background-color: var(--primary-color);
	border: 0;
	padding: 0.3rem 1.3rem;
	color: white;
	font-weight: 800;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
}
.card-body.custom {
	background-color: transparent;
	padding: 1rem 0.4rem 0.2rem 0.4rem;
}
.input-group button {
	background-color: var(--secondary-color);
	color: white;
	border: 0;
	font-weight: 600;
	border-bottom: 1px solid rgb(204, 204, 204) !important;
	border-radius: 0 var(--br-def) 0 0 !important;
	-webkit-border-radius: 0 var(--br-def) 0 0 !important;
	-moz-border-radius: 0 var(--br-def) 0 0 !important;
	-ms-border-radius: 0 var(--br-def) 0 0 !important;
	-o-border-radius: 0 var(--br-def) 0 0 !important;
	padding: 0.2rem 0.8rem;
	transition: var(--transition-def);
	-webkit-transition: var(--transition-def);
	-moz-transition: var(--transition-def);
	-ms-transition: var(--transition-def);
	-o-transition: var(--transition-def);
}
.input-group button:hover {
	background-color: var(--secondary-hover-color);
}
.input-group button:disabled {
	background-color: #d8dbdd;
	color: #bbbec2;
}
.input-group .form-control.custom {
	border-radius: var(--br-def) 0 0 0 !important;
	-webkit-border-radius: var(--br-def) 0 0 0 !important;
	-moz-border-radius: var(--br-def) 0 0 0 !important;
	-ms-border-radius: var(--br-def) 0 0 0 !important;
	-o-border-radius: var(--br-def) 0 0 0 !important;
}
.card-footer.custom {
	padding: 0.3rem 1.3rem;
	background-color: #e9ecef;
	border-top: 0;
}
.card-footer.custom button {
	border: 0;
	border-radius: var(--br-def);
	-webkit-border-radius: var(--br-def);
	-moz-border-radius: var(--br-def);
	-ms-border-radius: var(--br-def);
	-o-border-radius: var(--br-def);
	padding: 0.1rem 0.6rem;
	transition: var(--transition-def);
	-webkit-transition: var(--transition-def);
	-moz-transition: var(--transition-def);
	-ms-transition: var(--transition-def);
	-o-transition: var(--transition-def);
}
.card-footer.custom button:disabled {
	background-color: #8b8e91;
	color: #b8bdc2;
}
.card-header.custom button {
	background-color: white;
	color: var(--primary-color);
	border: 0;
	border-radius: var(--br-def);
	-webkit-border-radius: var(--br-def);
	-moz-border-radius: var(--br-def);
	-ms-border-radius: var(--br-def);
	-o-border-radius: var(--br-def);
	padding: 0.1rem 0.6rem;
	transition: var(--transition-def);
	-webkit-transition: var(--transition-def);
	-moz-transition: var(--transition-def);
	-ms-transition: var(--transition-def);
	-o-transition: var(--transition-def);
}
.card-header.custom button:hover {
	background-color: var(--primary-hover-color);
	color: white;
}
.card-header.custom button:disabled {
	background-color: #8b8e91;
	color: #b8bdc2;
}
.btn-secondary.custom {
	border-radius: var(--br-def);
	-webkit-border-radius: var(--br-def);
	-moz-border-radius: var(--br-def);
	-ms-border-radius: var(--br-def);
	-o-border-radius: var(--br-def);
	transition: var(--transition-def);
	-webkit-transition: var(--transition-def);
	-moz-transition: var(--transition-def);
	-ms-transition: var(--transition-def);
	-o-transition: var(--transition-def);
	border: 0;
	padding: 0.2rem 0.5rem;
}
.btn-secondary.custom:disabled {
	background-color: #8b8e91 !important;
	color: #b8bdc2 !important;
}
button {
	box-shadow: none !important;
}
button:focus {
	background-color: #b8bdc2 !important;
	color: #212122 !important;
}
@media (min-width: 768px) {
  #admin-grid {
    grid-template-columns: 12rem auto;
    grid-template-rows: min-content auto min-content;
    grid-template-areas:
      "admin-nav admin-nav"
      "sidebar main"
      "admin-footer admin-footer";
  }
  #admin-grid-2-top-bar {
    grid-template-columns: 12rem auto;
    grid-template-rows: min-content min-content auto min-content;
    grid-template-areas:
      "admin-nav admin-nav"
      "sidebar main"
      "admin-footer admin-footer";
  }
  #sidebar {
    display: grid;
    grid-template-rows: min-content auto min-content;
  }
}
.sidebar-nav {
	height: 100vh;
	padding: 2.5rem 0;
	/* display: flex;
  flex-direction: column;
  justify-content: center; */
}
@media (min-width: 768px) {
	#admin-grid {
		grid-template-columns: 2.5rem auto !important;
	}
	#admin-grid.expand {
		grid-template-columns: 12rem auto !important;
	}
	#admin-grid-plus-colors {
		grid-template-columns: 2.5rem auto 18rem !important;
	}
	#admin-grid-plus-colors.expand {
		grid-template-columns: 12rem auto 18rem !important;
	}
	#sidebar {
		overflow-x: hidden;
		white-space: nowrap;
		position: relative;
	}
	#sidebar #sidebarExpand-btn {
		position: absolute;
		width: 100%;
		height: 2.5rem;
		top: 0;
		border: 0;
		background-color: transparent !important;
		color: var(--footer-link-color-hover) !important;
	}
	#sidebar #sidebarExpand-btn i {
		transition: var(--transition-def) !important;
		-webkit-transition: var(--transition-def) !important;
		-moz-transition: var(--transition-def) !important;
		-ms-transition: var(--transition-def) !important;
		-o-transition: var(--transition-def) !important;
	}
	#sidebar #sidebarExpand-btn.active i {
		transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
}
  .sidebar-bottom-buttons {
    position: absolute;
    bottom: 0;
    width: 12rem;
    background-color: var(--footer-bg);
    box-shadow: 0px -10px 25px 15px var(--footer-bg);
  }
  #logOut-btn {
    background-color: var(--footer-bg);
    border: 0 !important;
  }
  #logOut-btn:hover {
    background-color: var(--primary-color);
  }
}
.accordion-button.custom {
  padding: 0.4rem 0.6rem !important;
  background-color: var(--footer-bg) !important;
  color: var(--footer-link-color) !important;
  border: 0 !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  box-shadow: none !important;
}
.accordion-button.custom:hover {
  background-color: var(--primary-color) !important;
  color: white !important;
}
.accordion-body.custom {
  padding: 0 !important;
  background-color: var(--footer-bg);
  box-shadow: none !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}
.accordion-body.custom .list-group-item {
  background-color: var(--footer-bg) !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}
.accordion-body.custom .list-group-item:hover {
  background-color: var(--primary-color) !important;
  color: white;
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.accordion-button:after {
  transform: unset;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.accordion-button:not(.collapsed)::after {
  transform: scaleY(-100%);
  -webkit-transform: scaleY(-100%);
  -moz-transform: scaleY(-100%);
  -ms-transform: scaleY(-100%);
  -o-transform: scaleY(-100%);
}
.list-group-item {
  background-color: transparent !important;
  border: 0 !important;
}
.list-group-item:hover {
  background-color: var(--primary-color) !important;
  color: white !important;
}
.dashboard-card {
  width: 100%;
  min-height: 7rem;
  padding: 0.4rem 0.7rem;
  border-radius: var(--br-def);
  -webkit-border-radius: var(--br-def);
  -moz-border-radius: var(--br-def);
  -ms-border-radius: var(--br-def);
  -o-border-radius: var(--br-def);
  background-color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition-def) !important;
  -webkit-transition: var(--transition-def) !important;
  -moz-transition: var(--transition-def) !important;
  -ms-transition: var(--transition-def) !important;
  -o-transition: var(--transition-def) !important;
  border: 1px solid #ffffff70;
}
.dashboard-card2 {
  width: 100%;
  min-height: 5rem;
  padding: 0.4rem 0.7rem;
  border-radius: var(--br-def);
  -webkit-border-radius: var(--br-def);
  -moz-border-radius: var(--br-def);
  -ms-border-radius: var(--br-def);
  -o-border-radius: var(--br-def);
  background-color: var(--secondary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition-def) !important;
  -webkit-transition: var(--transition-def) !important;
  -moz-transition: var(--transition-def) !important;
  -ms-transition: var(--transition-def) !important;
  -o-transition: var(--transition-def) !important;
  border: 1px solid #ffffff70;
}
.dashboard-card3 {
  width: 100%;
  min-height: 5rem;
  padding: 0.4rem 0.7rem;
  border-radius: var(--br-def);
  -webkit-border-radius: var(--br-def);
  -moz-border-radius: var(--br-def);
  -ms-border-radius: var(--br-def);
  -o-border-radius: var(--br-def);
  background-color: var(--info-color);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition-def) !important;
  -webkit-transition: var(--transition-def) !important;
  -moz-transition: var(--transition-def) !important;
  -ms-transition: var(--transition-def) !important;
  -o-transition: var(--transition-def) !important;
  border: 1px solid #ffffff70;
}
.dashboard-card-container:hover .dashboard-card, .dashboard-card-container:hover .dashboard-card2, .dashboard-card-container:hover .dashboard-card3 {
  opacity: 50%;
}
.dashboard-card-container .dashboard-card:hover, .dashboard-card-container .dashboard-card2:hover, .dashboard-card-container .dashboard-card3:hover {
  opacity: 100%;
}
.bg-custom {
  background-color: var(--nav-bg-color);
}
.nav-link {
  color: var(--nav-text-color);
}
.nav-link:hover {
  color: var(--nav-text-hover-color);
}
.navbar-toggler {
  transition: var(--transition-def);
  -webkit-transition: var(--transition-def);
  -moz-transition: var(--transition-def);
  -ms-transition: var(--transition-def);
  -o-transition: var(--transition-def);
  color: white;
}
.navbar-toggler:hover {
  background-color: var(--nav-bg-color) !important;
  color: var(--nav-text-hover-color);
}
.navbar-toggler:focus {
  background-color: var(--nav-bg-color) !important;
  color: var(--nav-text-hover-color) !important;
}
.bar {
  margin: 1.5rem 0;
  height: 0.3rem;
  width: calc(5rem + 5vw);
  background-color: var(--primary-color);
  border-radius: var(--br-def);
  -webkit-border-radius: var(--br-def);
  -moz-border-radius: var(--br-def);
  -ms-border-radius: var(--br-def);
  -o-border-radius: var(--br-def);
}