.bg-gradient-primary {
  background-image: linear-gradient(
    310deg,
    rgb(33, 82, 255),
    rgb(33, 212, 253)
  );
}
/* .navbar-vertical .navbar-nav>.nav-item .nav-link.active .icon {
      background-image: linear-gradient(310deg, rgb(33, 82, 255), rgb(33, 212, 253))
  } */
.btn-outline-primary {
  --bs-btn-border-color: rgb(33, 82, 255);
  --bs-btn-color: rgb(33, 82, 255);
  --bs-btn-active-border-color: rgb(33, 212, 253);
  --bs-btn-hover-border-color: rgb(33, 212, 253);
}
.btn-outline-primary:hover:not(.active) {
  color: rgb(33, 212, 253);
}
.sidenav .navbar-brand {
  text-align: center;
}
.navbar-vertical .navbar-brand-img,
.navbar-vertical .navbar-brand > img {
  max-width: 100%;
  max-height: 97px;
}
.navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-vertical.navbar-expand-xs.fixed-start {
  top: 7px;
}
.navbar.navbar-main {
  top: 20px !important;
}
.icon-shape img.svg-img {
  top: 10px;
  filter: brightness(0) invert(1);
  position: relative;
}
.navbar-nav li a.nav-link.active img {
  filter: brightness(0) invert(1);
}
.sidenav-header {
  height: auto;
}
.position-unset {
  position: unset !important;
}
.border-none {
  border: none !important;
}
.btn {
  margin-bottom: 0;
}
.nice-select li {
  font-size: 0.875rem !important;
  font-weight: 400 !important;
}
.form-label {
  font-size: 14px;
  font-weight: 400;
}
.nice-select,
.nice-select.open .list {
  width: 100% !important;
}
.new-select:not(.nice-select) {
  display: block !important;
  opacity: 0;
  height: 1px;
  padding: 0;
  margin: 0;
}
.dropdown.dropdown-hover .dropdown-menu, .dropdown .dropdown-menu {
  right: 0;
}
.toggle {
    cursor: pointer;
}
.custom-input-values {
    background: #00000017;
    padding: 12px;
    border-radius: 10px;
}
.toggle-switch {
	display: inline-block;
	background: #ccc;
	border-radius: 16px;
	width: 58px;
	height: 32px;
	position: relative;
	vertical-align: middle;
	transition: background 0.25s;
	&:before,
	&:after {
		content: "";
	}
	&:before {
		display: block;
		background: linear-gradient(to bottom, #fff 0%,#eee 100%);
		border-radius: 50%;
		box-shadow: 0 0 0 1px rgba(0,0,0,0.25);
		width: 24px;
		height: 24px;
		position: absolute;
		top: 4px;
		left: 4px;
		transition: left 0.25s;
	}
	.toggle:hover &:before {
		background: linear-gradient(to bottom, #fff 0%,#fff 100%);
		box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
	}
	.toggle-checkbox:checked + & {
		background: #17c1e8;
		&:before {
			left: 30px;
		}
	}
}
.toggle-checkbox {
	position: absolute;
	visibility: hidden;
}
.toggle-label {
	margin-left: 5px;
	position: relative;
	top: 2px;
}
.btn-minus-plus {
    background: #13c1e7;
    color: #FFF;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    font-size: 13px;
    border: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.minus-plus-input::-webkit-outer-spin-button,
.minus-plus-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.dynamic-select {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  position: relative;
  width: 100%;
  user-select: none;
}
.dynamic-select .dynamic-select-header {
  border: 1px solid #d2d6da;
  padding: .5rem 1rem .5rem .75rem;
}
.dynamic-select .dynamic-select-header::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23949ba3' viewBox='0 0 16 16'%3E%3Cpath d='M8 13.1l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2z'/%3E%3C/svg%3E");
  height: 12px;
  width: 12px;
}
.dynamic-select .dynamic-select-header.dynamic-select-header-active {
  border-color: #c1c9d0;
}
.dynamic-select .dynamic-select-header.dynamic-select-header-active::after {
  transform: translateY(-50%) rotate(180deg);
}
.dynamic-select .dynamic-select-header.dynamic-select-header-active+.dynamic-select-options {
  display: flex;
}
.dynamic-select .dynamic-select-header .dynamic-select-header-placeholder {
  color: #65727e;
}
.dynamic-select .dynamic-select-options {
  display: none;
  box-sizing: border-box;
  flex-flow: wrap;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 999;
  margin-top: 5px;
  padding: 5px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.dynamic-select .dynamic-select-options::-webkit-scrollbar {
  width: 5px;
}
.dynamic-select .dynamic-select-options::-webkit-scrollbar-track {
  background: #f0f1f3;
}
.dynamic-select .dynamic-select-options::-webkit-scrollbar-thumb {
  background: #cdcfd1;
}
.dynamic-select .dynamic-select-options::-webkit-scrollbar-thumb:hover {
  background: #b2b6b9;
}
.dynamic-select .dynamic-select-options .dynamic-select-option {
  padding: 7px 12px;
}
.dynamic-select .dynamic-select-options .dynamic-select-option:hover,
.dynamic-select .dynamic-select-options .dynamic-select-option:active {
  background-color: #f3f4f7;
}
.dynamic-select .dynamic-select-header,
.dynamic-select .dynamic-select-option {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.4rem;
  color: #495057;
}
.dynamic-select .dynamic-select-header img,
.dynamic-select .dynamic-select-option img {
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
}
.dynamic-select .dynamic-select-header img.dynamic-size,
.dynamic-select .dynamic-select-option img.dynamic-size {
  object-fit: fill;
  max-height: none;
  max-width: none;
}
.dynamic-select .dynamic-select-header img,
.dynamic-select .dynamic-select-header svg,
.dynamic-select .dynamic-select-header i,
.dynamic-select .dynamic-select-header span,
.dynamic-select .dynamic-select-option img,
.dynamic-select .dynamic-select-option svg,
.dynamic-select .dynamic-select-option i,
.dynamic-select .dynamic-select-option span {
  box-sizing: border-box;
  margin-right: 10px;
}
.dynamic-select .dynamic-select-header.dynamic-select-no-text,
.dynamic-select .dynamic-select-option.dynamic-select-no-text {
  justify-content: center;
}
.dynamic-select .dynamic-select-header.dynamic-select-no-text img,
.dynamic-select .dynamic-select-header.dynamic-select-no-text svg,
.dynamic-select .dynamic-select-header.dynamic-select-no-text i,
.dynamic-select .dynamic-select-header.dynamic-select-no-text span,
.dynamic-select .dynamic-select-option.dynamic-select-no-text img,
.dynamic-select .dynamic-select-option.dynamic-select-no-text svg,
.dynamic-select .dynamic-select-option.dynamic-select-no-text i,
.dynamic-select .dynamic-select-option.dynamic-select-no-text span {
  margin-right: 0;
}
.fc-daygrid-day-frame {
  cursor:pointer;
}
.dynamic-select .dynamic-select-header .dynamic-select-option-text,
.dynamic-select .dynamic-select-option .dynamic-select-option-text {
  box-sizing: border-box;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
  font-size: inherit;
}
div#loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #FFF;
  z-index: 999999;
  display: flex;
  align-items: center;
  visibility: hidden;
  justify-content: center;
}
.dataTable-wrapper .dataTable-top{padding:1.5rem}.dataTable-wrapper .dataTable-top .dataTable-dropdown{float:left}.dataTable-wrapper .dataTable-top .dataTable-dropdown label{margin-bottom:0;margin-left:0;color:#8392ab;font-weight:400}.dataTable-wrapper .dataTable-top .dataTable-dropdown label .dataTable-selector{border-color:#e9ecef;border-radius:.25rem}.dataTable-wrapper .dataTable-top .dataTable-search input{font-size:.875rem;color:#495057;border:1px solid #e9ecef;border-radius:.5rem}.dataTable-wrapper .dataTable-top .dataTable-search input:focus-visible{outline:none}.dataTable-wrapper .dataTable-container .table thead tr th{padding:.75rem 1.5rem;opacity:.7;font-weight:bolder;color:#8392ab;text-transform:uppercase;font-size:.65rem}.dataTable-wrapper .dataTable-container .table tbody tr td{padding:.75rem 1.5rem}.dataTable-wrapper .dataTable-bottom{padding:1.5rem;}.dataTable-wrapper .dataTable-bottom .dataTable-info{color:#8392ab;font-size:.875rem}.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list li a{display:flex;align-items:center;justify-content:center;color:#8392ab;padding:0;margin:0 3px;border:1px solid #dee2e6;border-radius:50%!important;width:36px;height:36px;font-size:.875rem;margin-left:0}.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list li a:hover{background:#e9ecef}.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list .active a{background:transparent;background-image:linear-gradient(310deg,#7928ca,#ff0080);box-shadow:0 3px 5px -1px rgba(0,0,0,.09),0 2px 3px -1px rgba(0,0,0,.07);color:#fff;border:none;border-radius:50%!important}.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list .active a:hover{background-image:linear-gradient(310deg,#7928ca,#ff0080)}.dataTable-wrapper.no-footer .dataTable-container{border-bottom:0}.dataTable-table tbody td,.dataTable-table tbody th,.dataTable-table tfoot td,.dataTable-table tfoot th,.dataTable-table thead td,.dataTable-table thead th{vertical-align:middle!important}@media (max-width:575.98px){.dataTable-top>div:last-child{float:left;margin-top:1rem}}
.dataTable-wrapper.no-header .dataTable-container{border-top:1px solid #d9d9d9}.dataTable-wrapper.no-footer .dataTable-container{border-bottom:1px solid #d9d9d9}.dataTable-bottom,.dataTable-top{padding:8px 10px}.dataTable-bottom>div:first-child,.dataTable-bottom>nav:first-child,.dataTable-top>div:first-child,.dataTable-top>nav:first-child{float:left}.dataTable-bottom>div:last-child,.dataTable-bottom>nav:last-child,.dataTable-top>div:last-child,.dataTable-top>nav:last-child{float:right}.dataTable-selector{padding:6px}.dataTable-input{padding:6px 12px}.dataTable-info{margin:7px 0}.dataTable-pagination ul{margin:0;padding-left:0}.dataTable-pagination li{list-style:none;float:left}.dataTable-pagination a{border:1px solid transparent;float:left;margin-left:2px;padding:6px 12px;position:relative;text-decoration:none;color:#333}.dataTable-pagination a:hover{background-color:#d9d9d9}.dataTable-pagination .active a,.dataTable-pagination .active a:focus,.dataTable-pagination .active a:hover{background-color:#d9d9d9;cursor:default}.dataTable-pagination .disabled a,.dataTable-pagination .disabled a:focus,.dataTable-pagination .disabled a:hover,.dataTable-pagination .ellipsis a{cursor:not-allowed}.dataTable-pagination .disabled a,.dataTable-pagination .disabled a:focus,.dataTable-pagination .disabled a:hover{cursor:not-allowed;opacity:.4}.dataTable-pagination .pager a{font-weight:700}.dataTable-table{max-width:100%;width:100%;border-spacing:0;border-collapse:separate}.dataTable-table>tbody>tr>td,.dataTable-table>tbody>tr>th,.dataTable-table>tfoot>tr>td,.dataTable-table>tfoot>tr>th,.dataTable-table>thead>tr>td,.dataTable-table>thead>tr>th{vertical-align:top;padding:8px 10px}.dataTable-table>thead>tr>th{vertical-align:bottom;text-align:left;border-bottom:1px solid #d9d9d9}.dataTable-table>tfoot>tr>th{border-top:1px solid #d9d9d9}.dataTable-table>tfoot>tr>th,.dataTable-table th{vertical-align:bottom;text-align:left}.dataTable-table th a{text-decoration:none;color:inherit}.dataTable-sorter{display:inline-block;height:100%;position:relative;width:100%}.dataTable-sorter:after,.dataTable-sorter:before{content:"";height:0;width:0;position:absolute;right:4px;border-left:4px solid transparent;border-right:4px solid transparent;opacity:.2}.dataTable-sorter:before{border-top:4px solid #000;bottom:0}.dataTable-sorter:after{border-bottom:4px solid #000;border-top:4px solid transparent;top:0}.asc .dataTable-sorter:after,.desc .dataTable-sorter:before{opacity:.6}.dataTables-empty{text-align:center}.dataTable-bottom:after,.dataTable-top:after{clear:both;content:" ";display:table}
.minus-plus-input {
    -moz-appearance: textfield;
    appearance: textfield;
}
.nice-select:after {
  border-bottom: 2px solid #343a40 !important;
  border-right: 2px solid #343a40 !important;
  right: 0.75rem !important;
  height: 8px !important;
  width: 8px !important;
}
.nice-select {
  padding: 0.5rem 1rem 0.5rem 0.75rem !important;
  border: 1px solid #d2d6da !important;
  border-radius: 0.5rem !important;
  position: relative;
  height: auto !important;
  background-image: unset !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 1.4rem !important;
}
.nice-select .list::-webkit-scrollbar {
  width: 0;
}
select.nice-select, .hidden-select {
  display: block !important;
  height: 1px !important;
  opacity: 0 !important;
  padding: 0 !important;
  position: absolute;
  width: 1px !important;
  margin: 0 !important;
}
.nice-select .list {
  margin-top: 5px;
  top: 100%;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  max-height: 210px;
  overflow-y: scroll;
  padding: 52px 0 0;
}
.nice-select .nice-select-search-box {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  margin-top: 5px;
  top: 100%;
  left: 0;
  z-index: 8;
  padding: 5px;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
    opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
}
.nice-select .nice-select-search {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: none;
  color: #333;
  display: inline-block;
  vertical-align: middle;
  padding: 7px 12px;
  margin: 0 10px 0 0;
  width: 100% !important;
  min-height: 36px;
  line-height: 22px;
  height: auto;
  outline: 0 !important;
}
.multiple-options span.current {
    background: #17c1e8;
    color: #FFF;
    margin-right: 5px;
    padding: 3px 10px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
}
.multiple-options span.current .remove {
    background: #ededed;
    color: #000;
    padding: 2px 4px;
    font-size: 10px;
    line-height: 10px;
    margin-left: 5px;
}
.nice-select.open .nice-select-search-box {
  opacity: 1;
  z-index: 10;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
select:invalid {
    color: rgb(170, 170, 170);
}
select option {
    color: #495057;
}