body{
	font-family: "Nunito", "DM Sans", 'Montserrat', 'Mulish', sans-serif;
	font-weight: 500;
	margin: 0px;
	padding: 0px;
	font-size: 0.8rem;
	background-color: #FFFBFC;
	color: var(--black-color);
	overflow-x: hidden;
}
.page-header-main, .page-header-internal{
	position: relative;
}
.page-header-main:before, .page-header-internal:before{
	content: "";
	position: absolute;
	width: 100%;
	background-color: var(--secondary-color);
}
.page-header-main:before{
	height: 50vh;	
}
.page-header-internal:before{
	height: 9.6rem;	
}
#navigation-bar{
	-webkit-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.navigation-container{
	background-color: var(--white-color);
	border-radius: 0.6rem;
	padding: 0.5rem 1rem;
}
.app-logo{
	width: 150px;
}
.navigation-menus .nav-item .nav-link{
	opacity: 1;
	color: var(--white-color);
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}
.navigation-menus .nav-item .nav-link:hover{
	color: var(--secondary-color);
}
.navigation-holder{
	max-width: 320px;
}

.btn-burger-wrap {
	position: relative;
	width: 23px;
	height: 16px;
}
.btn-burger-line-1,
.btn-burger-line-2,
.btn-burger-line-3 {
	width: 100%;
	height: 2px;
	background: var(--primary-color);
	position: absolute;
	border-radius: 20px;
	transition: all 0.3s ease;
}
.btn-burger-line-1 {
	top: 0;
}
.btn-burger-line-2 {
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 75%;
}
.btn-burger-line-3 {
	bottom: 0;
}
.btn-burger-wrap.active .btn-burger-line-2 {
	opacity: 0;
}
.btn-burger-wrap.active .btn-burger-line-1 {
	top: 49%;
	transform: rotate(-46deg);
}
.btn-burger-wrap.active .btn-burger-line-3 {
	top: 49%;
	transform: rotate(46deg);
}

.main-section{
	padding-top: 11rem;
}

.page-header-main .page-section{
	padding-top: 6.5rem;
}
.page-header-internal .page-section{
	padding-top: 5rem;
}

a{
	text-decoration: none;
}
.custom-form label{
	margin-bottom: 0px;
	letter-spacing: 1px;
	font-size: var(--font-xxs);
	color: var(--black-color);
	text-transform: capitalize;
	font-weight: 500;
}
.custom-form .form-group{
	margin-bottom: 0.6rem;
}
.custom-form .form-control, .custom-form .custom-select{
	border-radius: 0px;
	font-size: var(--font-xs);
}
.custom-form .form-control::placeholder{
	color: rgba(83,79,78,.5);
	text-transform: capitalize;
	font-weight: 300;
}
.custom-form label.error{
	color: rgba(247,31,32,1);
	text-transform: unset;
	width: 100%;
	font-weight: 300;
}
.custom-form label.form-check-label{
	text-transform: unset;
}
.offcanvas-backdrop{
	background-color: transparent !important;
}


.portal-nav .accordion-item .accordion-header .nav-icon{
	width: 24px;
}
.portal-nav .accordion-item .accordion-button::after {
	width: 0.8rem;
	height: 0.8rem;
	background-size: 0.8rem;
}
.portal-nav .accordion-item .accordion-button{
	color: var(--color-black);
	padding: 0.6rem 0.9rem;
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 0.85rem;
}
.portal-nav .accordion-item .accordion-button:hover{
	color: var(--primary-color);
}
.portal-nav .accordion-item .accordion-button:focus{
	box-shadow: none;
}
.portal-nav .accordion-item .accordion-button:not(.collapsed){
	background-color: var(--primary-color);
	color: var(--white-color);
}

.portal-nav .accordion-item .accordion-body .list-group{
	border-left: 1px solid var(--secondary-color);
	margin-left: 1.35rem;
}
.portal-nav .accordion-item .accordion-body .list-group .list-group-item{
	padding: 0.4rem 0.7rem;
	font-size: 0.8rem;
	font-weight: 600;
}
.portal-nav .accordion-item .accordion-body .list-group .list-group-item.active{
	background-color: var(--primary-color);
	color: var(--white-color);
}
.portal-nav .accordion-item .accordion-body .list-group .list-group-item:not(.active):hover{
	color: var(--primary-color);
	background-color: transparent;
}

.tabs-update .nav-link{
	text-align: left;
	color: var(--bs-black-rgb);
	font-weight: 700;
	font-size: var(--font-xxs);
	line-height: 0.85rem;
}
.tabs-update .nav-link.delete-link{
	color: var(--palette-red); 
}
.tabs-update .nav-link.active, .tabs-update-hover .nav-link:hover{
	background-color: var(--primary-color);
	color: rgb(var(--bs-white-rgb)); 
}
.tabs-update-hover .nav-link{
	margin-bottom: 0.2rem;
}
.tabs-update .tabs-icons{
	font-size: 0.85rem;
	width: 1.2rem;
	display: inline-block;
}
.tabs-update-sm .nav-link{
	padding: 0.55rem 0.85rem;	
}
.tabs-update-md .nav-link{
	padding: 0.55rem 1rem;	
}
.breadcrumb-nav{
	font-size: 0.65rem;
	font-weight: 500;
	letter-spacing: 1px;
}
.breadcrumb-nav a{
	color: var(--black-color);
}
.breadcrumb-nav a:hover{
	color: var(--primary-color);
}

.module-card{
	margin-bottom: 1.25rem;
	border: none;
	box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}
.page-card{
	margin-bottom: 1.25rem;
	margin-top: 1.25rem;
	border: none;
	background-color: transparent;
}

.note-editor .dropdown-toggle::after { all: unset; } .note-editor .note-dropdown-menu { box-sizing: content-box; } .note-editor .note-modal-footer {box-sizing: content-box;}
.note-editor.note-frame, .note-editor .note-toolbar{
	border-radius: 0px;
}
.note-editor.note-frame, .note-editor .note-toolbar .note-btn{
	font-size: 11px;
	border-radius: 0px;
}
.note-editor.note-airframe, .note-editor.note-frame{
	border: var(--bs-border-width) solid var(--bs-border-color);
}
.note-editor.note-airframe .note-statusbar, .note-editor.note-frame .note-statusbar{
	border-top: 1px solid var(--bs-border-color);
}

div.dataTables_wrapper div.dataTables_filter input{
	max-width: 170px;
	border-radius: 0px;
}
div.dataTables_wrapper div.dataTables_filter input:focus{
	box-shadow: none;
}
div.dataTables_wrapper .dt-buttons .btn{
	border-radius: 0px;
}
div.dataTables_paginate .pagination .page-item a{
	border-radius: 0px;
}
.dt-button-collection{
	padding: 0px;
	margin: 0px;
	border-radius: 0px;
	border: none;
	background-color: var(--light-color);
}
.dt-button-collection .dt-button{
	font-size: 11px;
	padding: 5px 7px;
	letter-spacing: 1px;
	text-transform: capitalize;
	color: var(--primary-color);
	font-weight: 500;
}
.dt-button-collection .dt-button.active{
	background-color: var(--dark-color);
}
.dt-button-collection .dt-button:hover{
	background-color: var(--primary-color);	
	color: var(--light-color);
}
.tail-select{
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;	
}
.tail-select.active .select-dropdown .dropdown-inner{
	/*min-height: 150px;*/
}
.tail-select .select-label{
	border: none;
	border-radius: 0px;
}
.tail-select input[type="text"]{
	border-radius: 0px;
}
.tail-select .select-dropdown{
	border-radius: 0px;
	/*min-width: 150px;*/
}
.tail-select .select-dropdown ul li.optgroup-title{
	padding: 0.2rem 1rem 0.1rem 1rem;
}
.tail-select .select-dropdown ul li.optgroup-title b{
	font-size: .75rem;
	font-weight: 700;
	line-height: 1;
}
.tail-select .select-dropdown ul li{
	padding: .15rem 1.5rem .15rem 2rem;
}
.tail-select .select-dropdown ul li.dropdown-option::before{
	width: 42px;
	height: 28px;
}
.multiselect{
	width: 0px !important;
	min-width: 0px !important;
	max-width: 0px !important;
	height: 0px !important;
	min-height: 0px !important;
	max-height: 0px !important;
	opacity: 0 !important;
	padding: 0px !important;
	border: 0px !important;
}

.theme-table.filter-this tbody tr td, .theme-table.filter-this tbody tr th{
	padding: 0.5rem 0.4rem !important;
}
.theme-table.filter-this thead tr th{
	padding: 0.7rem 0.4rem;
	background-color: var(--black-color) !important;
	color: var(--white-color);
}

.slider-group {
/*  margin: 60px 0 0 0;*/
}

.slider-group {
	width: 100%;
}

.slider-item {
	-webkit-appearance: none;
	width: calc(100% - (73px));
	height: 3px;
	border-radius: 5px;
	background: var(--secondary-color);
	outline: none;
	padding: 0;
	margin: 0;
}
.slider-item::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--primary-color);
	cursor: pointer;
	-webkit-transition: background 0.15s ease-in-out;
	transition: background 0.15s ease-in-out;
}
.slider-item::-webkit-slider-thumb:hover {
	background: var(--dark-color);
}
.slider-item:active::-webkit-slider-thumb {
	background: var(--dark-color);
}
.slider-item::-moz-range-thumb {
	width: 12px;
	height: 12px;
	border: 0;
	border-radius: 50%;
	background: var(--primary-color);
	cursor: pointer;
	-moz-transition: background 0.15s ease-in-out;
	transition: background 0.15s ease-in-out;
}
.slider-item::-moz-range-thumb:hover {
	background: var(--dark-color);
}
.slider-item:active::-moz-range-thumb {
	background: var(--dark-color);
}
.slider-item:focus::-webkit-slider-thumb {
	box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--dark-color);
}
.slider-data {
	display: inline-block;
	position: relative;
	width: 50px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-radius: 3px;
	background: var(--primary-color);
	padding: 3px 8px;
	margin-left: 8px;
	font-weight: 700;
}
.slider-data:after {
	position: absolute;
	top: 9px;
	left: -5px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 5px solid var(--primary-color);
	border-bottom: 5px solid transparent;
	content: "";
}
::-moz-range-track {
	background: var(--secondary-color);
	border: 0;
}
input::-moz-focus-inner,
input::-moz-focus-outer {
	border: 0;
}

.media-upload-container{
	border: 1px solid var(--dark-color);
	height: 180px;
}
.media-upload-container img.uploaded-media{
	object-fit: contain;
	width: 100%;
	height: 110px;
	margin: auto 0;
}
.media-badge {
  background-color: var(--secondary-color);
  color: var(--white-color);
  padding: 0.1rem 0.4rem;
  border-radius: 0.3rem;
  cursor: pointer;
}
.media-badge:hover {
	background-color: var(--primary-color);
	color: var(--white-color);
}

.tagify{
	--tag-pad: 0.25em 0.5em !important;
	font-size: var(--font-xxs) !important;
}
.tagify__input::before{
	line-height: 1.35em !important;
}