/* source-sans-3-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/source-sans-3-cyrillic-ext-400-normal.woff2) format('woff2'), url(../fonts/source-sans-3-cyrillic-ext-400-normal.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* source-sans-3-cyrillic-400-normal */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/source-sans-3-cyrillic-400-normal.woff2) format('woff2'), url(../fonts/source-sans-3-cyrillic-400-normal.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* source-sans-3-greek-ext-400-normal */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/source-sans-3-greek-ext-400-normal.woff2) format('woff2'), url(../fonts/source-sans-3-greek-ext-400-normal.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* source-sans-3-greek-400-normal */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/source-sans-3-greek-400-normal.woff2) format('woff2'), url(../fonts/source-sans-3-greek-400-normal.woff) format('woff');
  unicode-range: U+0370-03FF;
}

/* source-sans-3-vietnamese-400-normal */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/source-sans-3-vietnamese-400-normal.woff2) format('woff2'), url(../fonts/source-sans-3-vietnamese-400-normal.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* source-sans-3-latin-ext-400-normal */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/source-sans-3-latin-ext-400-normal.woff2) format('woff2'), url(../fonts/source-sans-3-latin-ext-400-normal.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* source-sans-3-latin-400-normal */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/source-sans-3-latin-400-normal.woff2) format('woff2'), url(../fonts/source-sans-3-latin-400-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
.sidebar-brand .brand-link {
	justify-content: center;
	width: 100%;
}
label.error {
	color: #F00;
	font-size: 12px;
	display: block;
}
.display-none {
	display: none;
}
.logo-bg {
/*	background: #387fa1;*/
	padding:0;
}
#add-media-dropzone {
	height: 400px;
	border: 2px dotted #CCC;
	margin-top: 20px;
}
.set-featured-image {
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.featuredThumb {
	max-width: 100%;
	height: auto;
}
ul.ui-sortable {
	margin: 0;
	padding: 0;
}
ul li.ui-state-default {
	list-style: none;
	background: #EFF;
	border: 1px solid #ccc;
	padding: 10px;
	cursor: move;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
}
[data-bs-theme="dark"] ul li.ui-state-default {
	background: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity));
	color: #FFF;
}
.ui-sortable-placeholder {
	opacity: 0.5;
	background-color: #f0f0f0; /* Optional: makes it visible */
	border: 2px dashed #ccc;   /* Optional: for better UX */
	visibility: visible !important; /* jQuery UI sometimes sets this to hidden */
	height: 50px;
	width:100%;
}
.ui-state-highlight.drop-ready {
	background-color: #e6ffe6;
	border: 2px dashed #4caf50;
	opacity: 0.8;
	min-height: 40px;
}
.accordion-down {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
.accordion-down i.fa-caret-down {
	display: none;
}
.accordion-down i.fa-caret-right {
	display: block;
}
.accordion-down.active i.fa-caret-down {
	display: block;
}
.accordion-down.active i.fa-caret-right {
	display: none;
}
.menu-item-settings {
	display: none;
}
ul li.ui-drop > .menu-item-settings {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
.menu-items-btn-container > .spinner {
	display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	color: #000;
}
#post_categories_card .select2-container--default .select2-selection--multiple .select2-selection__choice,
#product_categories_card .select2-container--default .select2-selection--multiple .select2-selection__choice {
	color: #FFF;
}
#updateCard {
	display: none;
}
.rate {
	clear: both;
    float: left;
    height: 46px;
    padding: 0 10px;
    position: relative;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
#eyeToggle {
	cursor: pointer;
}
#eyeToggle:hover {
	opacity: 0.9;
}
#mediaViewer {
	display: flex;
	flex-wrap: wrap;
	user-select: none;
}
.mediaItem {
	flex-direction: column;
	width: 33%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.mediaItem img {
	max-width: 90%;
	height: auto;
	border: 3px solid #000;
	cursor: pointer;
}
.mediaItem img.active {
	border-color: #808080;
}
#mediaSingleViewer {
	user-select: none;
}
.mediaSingleGraphic {
	padding-top: 30px;
	padding-bottom: 30px;
	user-select: none;
}
.mediaSingleGraphic img {
	width: 100%;
	height: auto;
	box-shadow: 0 0 20px #888;
	border: 3px solid #000;
}
#mediaSingleViewer .mediaURL {
	user-select: text;
}
#image-viewer img {
	max-width:100%;
	height: auto;
}
.no-select {
  	-webkit-user-select: none; /* Safari */
  	-moz-user-select: none; /* Firefox */
  	-ms-user-select: none; /* IE10+/Edge */
  	user-select: none; /* Standard syntax */
}
.ck-content .image {
    /* block images */
    max-width: 80%;
    margin: 20px auto;
}
.ck-editor__editable[role="textbox"] {
    /* editing area */
    min-height: 700px;
}
.brand-link {
	text-align: center;
}
.brand-link .brand-image {
	max-height: 50px;
	float: none;
}
.sidebar-collapse .brand-link .brand-image {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	height: auto;
	box-shadow: none !important;
}
.profile-picture img {
	max-width: 100%;
	height: auto;
}
.delete-gallery-image-btn {
	position: absolute;
	right: 10px;
	top: 10px;
}
.images-gallery {
	min-height: 450px;
	background: #f8f9fa;
}
pre {
    background-color: #444;
    padding: 10px;
    border-radius: 5px;
    overflow-x: auto;
}
pre code {
    color: #eee;
}
.file-item i {
	font-size: 100px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.file-item {
	color: #000;
}
.file-item:hover, .file-item.active {
	color: #FFF;
}
#ajax-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1000;
}
#spinner-overlay {
	display: none;
	background: #0008;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
}
 .key-container {
    display: flex;
    align-items: center;
    font-size: 18px;
}

.api-key {
    font-family: 'Courier New', Courier, monospace;
    letter-spacing: 2px;
    background-color: #f0f0f0;
    padding: 5px;
    border-radius: 5px;
    margin-right: 10px;
    transition: filter 0.3s ease;
    filter: blur(6px);
}

.api-key.show {
    filter: none;
}

.eye-button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
}
.eye-button:focus {
    outline: none;
}
/** FORMS EDITOR **/
.theme-selector img {
  	width: 100%;
  	height: auto;
}
.theme-graphic {
  	cursor: pointer;
  	border-radius: 5px;
  	border: 5px solid #FFF;
}
.theme-selector.active > .theme-graphic {
  	border-color: #007bff;
}
.theme-name {
  	text-align: center;
  	font-weight: bold;
}
.field-type {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF;
	background: #303841;
	cursor: move;
	max-width: 100%;
	font-size: 16px;
	user-select: none;
}
.field-type i {
  	margin-right: 10px;
}
.dropable {
	min-height: 400px;
	border: 1px dashed #303841;
	background: #C695C6;
	background: #EEE;
	padding: 10px;
	position: relative;
	z-index: 99;
}
[data-bs-theme="dark"] .dropable {
	background: #213a55;
}
.field-container {
  	position: relative;
}
.btns {
  	position: absolute;
  	right: 18px;
  	top: -2px;
}
.btns .edit-btn {
	margin-left: 2px;
	margin-right: 2px;
}
.btns > img {
  	width: 12px;
}
.drag-shadow {
	position: fixed;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	display: none;
}
.ui-draggable-handle {
  	z-index: 100;
}
.btn-help {
	border-radius: 50%; /* makes the button circular */
	display: inline-block;
	align-items: center;
	background: none; /* transparent background */
	color: #444; /* color for the icon */
	cursor: pointer;
	border: none;
}
.btn-help:hover {
    color: #000;
}
.file-manager-box .custom-control-label::before {
	top: -7px;
}
.fixed-column {
	position: sticky;
	top: 0;
	height: 100vh; /* Full viewport height */
	overflow-y: auto; /* Add scroll if content overflows */
}
.scrollable-content {
	overflow-y: auto;
	max-height: 100vh;
}
/* Custom CSS for Selected Effect */
.gallery-item {
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.gallery-item.selected {
	border: 2px solid #007bff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	transform: scale(1.05);
}
.ajax-spinner {
	text-align: center;
}
.title-row {
	font-size: 16;
	font-weight: bold;
	color: #495057;
}
.value-row {
	font-size: 16px;
	font-weight: 600;
	color: #007bff;
}
.row-container {
	padding: 1rem;
	border: 1px solid #dee2e6;
	border-radius: 0.5rem;
	background-color: #f8f9fa;
	margin-bottom: 1rem;
	transition: box-shadow 0.2s ease;
}
.row-container:hover {
  	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
#context-menu {
    display: none;
    position: absolute;
    z-index: 1000;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
[data-bs-theme="dark"] .btn-warning {
	color: #FFF;
}
[data-bs-theme="dark"] #context-menu {
	background: #444;
}
#context-menu ul {
    list-style: none;
    margin: 0;
    padding: 5px 0;
}

#context-menu .context-menu-item {
    padding: 8px 15px;
    cursor: pointer;
}

#context-menu .context-menu-item:hover {
    background: #f0f0f0;
}
[data-bs-theme="dark"] #context-menu .context-menu-item:hover {
    color: #000;
}
.grid-item {
	width: 150px; 
	text-align: center; 
	border: 1px solid #ddd; 
	padding: 10px; 
	border-radius: 5px;
}
.grid-item.selected {
	background: #DDD;
}
[data-bs-theme="dark"] .grid-item.selected {
	color: #000;
}
.grid-item i {
	font-size: 36px;
}
.grid-item.grid-item-directory i {
	color: #f7c52f;
}
.grid-item.grid-item-file i {
	color: #007bff;
}
.grid-item p {
	margin: 10px 0 0; 
	word-wrap: break-word;
}
#list-container {
	width: 100%; 
	border-collapse: collapse;
}
#list-container thead tr {
	border-bottom: 2px solid #ccc;
	text-align: left;
}
#list-container tbody tr {
	border-bottom: 1px solid #eee;
	user-select: none;
}
#list-container tbody tr.selected {
	background:#DDD;
}
[data-bs-theme="dark"] #list-container tbody tr.selected {
	color: #000;
}
#list-container tbody tr td {
	padding:10px;
}
#list-container tbody tr[data-type="directory"] td i {
	color: #f7c52f;
	font-size: 24px;
}
#list-container tbody tr[data-type="file"] td i {
	color: #007bff;
	font-size: 24px;
}
.balanceViewer {
	font-size: 40px; 
	font-weight: bold; 
	text-align: center; 
	filter: blur(20px);
}
#openStreetMap {
	height: 500px;
	width: 100%;
}
.leaflet-control-custom {
	background: white;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.leaflet-control-custom input {
	width: 200px;
	padding: 5px;
}
.dt-length label {
	margin-left: 10px;
}
.small-box p {
	font-size: 32px;
}
.bg-gradient-dark a {
	color: #FFF;
}
.fc .fc-toolbar.fc-header-toolbar {
	padding-top: 0;
	margin-bottom: 0;
}
.event-single {
	border-bottom: 1px solid #FFF;
	padding-bottom: 10px;
	padding-top: 10px;
}
.event-title {
	padding-bottom: 5px;
}
.event-title h4 {
	margin-bottom: 0;
}
.event-title a {
	color:#000;
}
[data-bs-theme="dark"] .event-title a {
	color: #FFF;
	text-decoration: none;
}
.event-title a:hover {
	text-decoration: underline;
	color: #000;
}
[data-bs-theme="dark"] .event-title a:hover {
	color: #FFF;
}
.event-meta	{
	font-size: 13px;
	display: flex;
}
.event-meta p {
	padding-right: 20px;
}
.event-graphic img {
	width: 100%;
	height: auto;
}
.event-content p {
	margin-bottom: 0;
}
#upcoming-events {
	width:100%; 
	max-height: 320px; 
	overflow-y: scroll; 
	text-wrap: wrap;
}
[data-bs-theme="dark"] .ck-reset_all :not(.ck-reset_all-excluded *), [data-bs-theme="dark"] .ck.ck-reset, [data-bs-theme="dark"] .ck.ck-reset_all {
	color: #FFF;
	background: #343a40;
}
[data-bs-theme="dark"] .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
	background: #454d55;
}
[data-bs-theme="dark"] .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, [data-bs-theme="dark"] .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
	background: #454d55;
}
[data-bs-theme="dark"] .ck.ck-button:not(.ck-disabled):hover, 
[data-bs-theme="dark"] a.ck.ck-button:not(.ck-disabled):hover, 
[data-bs-theme="dark"] .ck.ck-button.ck-on, 
[data-bs-theme="dark"] a.ck.ck-button.ck-on 
[data-bs-theme="dark"] .ck.ck-button.ck-on:not(.ck-disabled):hover, 
[data-bs-theme="dark"] a.ck.ck-button.ck-on:not(.ck-disabled):hover {
	background: #454d55 !important;
}
[data-bs-theme="dark"] .ck.ck-button .ck-button__label, 
[data-bs-theme="dark"] a.ck.ck-button .ck-button__label {
	color: #FFF;
}
.dropzone {
	border-radius: 20px;
	background: url(/dashboard-assets/images/file-import-sharp-regular.svg) no-repeat 40px center #0b7ffe;
	background-size: 50px auto;
	display: flex;
  	align-content: center;
  	justify-content: center;
  	align-items: center;
  	border:none;
}
.dropzone.dz-started {
	display: inherit;
	background:#0b7ffe;
}
.dropzone .dz-preview.dz-image-preview {
	background: none;
}
.dropzone .dz-message .dz-button {
	font-size: 24px;
	color: #FFF;
}
.chat-loader {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.direct-chat-loader {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 128px;
}
.direct-chat-messages {
	overflow-y: auto;
	height: 500px;
}
#chat-users {
	overflow-y: auto;
	height: 500px;
}
.introjs-tooltip {
	background: #444;
	color: #FFF;
}
.introjs-arrow.top {
	border-bottom-color: #444;
}
.introjs-skipbutton {
	color: #FFF;
}
.button-stack a + a, .button-stack button + button {
 	margin-top: 10px;
}
.filter-form .form-group {
	margin-bottom: 0.5rem;
}
.filter-form label {
	font-size: 0.875rem;
	font-weight: 600;
	margin-bottom: 0.25rem;
}
.daterange-input {
	cursor: pointer;
}
.d-grid {
	display: grid;
}
.gap-2 {
	gap: 0.5rem;
}
.border-right {
	border-right: 1px solid #dee2e6;
}
.tox-promotion {
	display: none;
}
.cohort-view .table th {
	background-color: #343a40;
	color: white;
	border-color: #454d55;
}

.profile-image img {
	object-fit: cover;
	border: 2px solid #e9ecef;
}

.member-details small {
	line-height: 1.6;
}
[data-bs-theme="dark"] .bootstrap-datetimepicker-widget .picker-switch {
	color: #FFF;
}

/* Base (light mode) */
.info-label {
    font-weight: 600;
    color: #495057;
    margin-bottom: 5px;
}
[data-bs-theme="dark"] .info-label {
	color: #EEE;
}
.info-value {
    color: #212529;
    margin-bottom: 15px;
}
[data-bs-theme="dark"] .info-value {
	color: #FFF;
}
/* Sortable styles */
.sortable-ghost {
  	opacity: 0.4;
  	background: #f8f9fa;
}

.sortable-chosen {
  	cursor: move !important;
}

.sortable-drag {
  	opacity: 0.8;
}

.connectedSortable .card-header {
  	cursor: move;
  	user-select: none;
}

.connectedSortable .card-header:hover {
  	opacity: 0.9;
}
[data-bs-theme="dark"] .google-visualization-tooltip path {
	fill: #202020 !important;
  	stroke: #555 !important;
}
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection {
  	color: var(--bs-body-color);
  	background-color: var(--bs-body-bg);
  	border-color: var(--bs-border-color);
}
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
	color: var(--bs-body-color);
}
.authorThumb {
	width: 100%;
	height: auto;
}
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
	color: #FFF;
}
@media screen and (max-width: 1725px) {
	.dropzone {
		background-position: 20px center;
	}
}
@media screen and (max-width: 1590px) {
	.dropzone {
		background-position: 5px center;
		padding-left: 30px;
		background-size: 35px auto;
	}
}