/* #region Colors */
.color-ss {
	color: #9f01f1 !important;
}

.row-hover-color-ss {
	/*background-color: #bd6ae8 !important;*/
	background-color: #c882ec !important;
}

.background-color-ss {
	background-color: #9f01f1 !important;
}

.bg-ss {
	background-color: #9f01f1 !important;
}

.bg-ss-100 {
	background-color: #e8ccfa !important;
}
/* #endregion /Colors */

/* #region Borders */
.border-top-ss {
	border-top-color: #9f01f1 !important;
}

.border-right-ss {
	border-right-color: #9f01f1 !important;
}

.border-bottom-ss {
	border-bottom-color: #9f01f1 !important
}

.border-left-ss {
	border-left-color: #9f01f1 !important;
}

.border-thick-top-ss {
	border-top-width: 2px;
	border-top-color: #9f01f1;
}

.border-thick-right-ss {
	border-right-width: 2px;
	border-right-color: #9f01f1;
}

.border-thick-bottom-ss {
	border-bottom-width: 2px;
	border-bottom-color: #9f01f1;
}

.border-thick-left-ss {
	border-left-width: 2px;
	border-left-color: #9f01f1;
}
/* #endregion /Borders */
	
/* #region Buttons */
#soberSoftMeetingMinutes .btn-primary, 
#soberSoftFfcs .btn-primary, 
#soberSoftRequests .btn-primary, 
#soberSoftRequestDetails .btn-primary {
	background-color: #9f01f1;
	border-color: #9f01f1 !important;
}

#soberSoftDownloadMeetingMinutes:hover {
	background-color: #9f01f1;
}
/* #endregion /Buttons */

/* #region Cards */
#soberSoftHome .icon-card {
	width: 150px;
	height: 150px;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px; /* Optional: Adds rounded corners */
}
/* #endregion /Cards */

/* #region Tabs */
#soberSoftMeetingMinutes .nav-tabs .nav-link.active,
#soberSoftRequests .nav-tabs .nav-link.active {
	border-bottom: 2px solid #9f01f1 !important;
}
/* #endregion /Tabs */

/* #region Icons */
.custom-underline-ss {
	display: inline-block; /* Important for border-bottom to work properly */
	border-bottom: 3px solid #9f01f1 !important; /* Thicker, red underline */
	padding-bottom: 2px; /* Space between text and underline */
}

.badge-ss {
	color: #fff !important;
	background-color: #9f01f1 !important;
}
/* #endregion /Icons */

/* #region Forms */
/*#soberSoftMeetingRecordedByName,
#soberSoftRequesterName,
#soberSoftRequesterEmail,
#soberSoftRequesterTitle,
#soberSoftRequesterOrganization {
	cursor: not-allowed !important;
}*/

#soberSoftMeetingDetailsMinutesCard input,
#soberSoftMeetingDetailsMinutesCard select,
#soberSoftMeetingDetailsMinutesCard textarea,
#soberSoftMeetingMinutes input,
#soberSoftMeetingMinutes select,
#soberSoftMeetingMinutes textarea,
#soberSoftRequests input,
#soberSoftRequests select,
#soberSoftRequests textarea {
	max-width: 100% !important;
}

#soberSoftMeetingMinutes input:focus,
#soberSoftMeetingMinutes textarea:focus,
#soberSoftMeetingMinutes select:focus,
#soberSoftFfcs input:focus,
#soberSoftFfcs textarea:focus,
#soberSoftFfcs select:focus,
#soberSoftRequests input:focus,
#soberSoftRequests textarea:focus,
#soberSoftRequests select:focus {
	outline: none !important;
	border-left-color: none !important;
	border-top-color: none !important;
	border-right-color: none !important;
	border-bottom-color: #9f01f1 !important;
	/*-webkit-box-shadow: 4px 5px 9px -1px rgba(0,0,0,0.75);*/
	/*-moz-box-shadow: 4px 5px 9px -1px rgba(0,0,0,0.75);*/
	/*box-shadow: 4px 5px 9px -1px rgba(0,0,0,0.75);*/
}

#soberSoftRequestForm .alert-sm {
	display: relative;
	padding: 0.29rem 0.5rem !important;
	font-size: 0.7rem !important;
}
#soberSoftRequestForm .alert-dismissible .close {
	display: absolute;
	top: -14px;
	right: -14px;
}

/* #region Meeting Agenda Items List Box */
#agendaCard, #meetingFormCard {
	height: 100%;
}

#agendaList {
	background-color: #1d1e21;
	overflow-y: auto;
	height: 560px;
	max-height: 560px;
}

.list-group-item {
	transition: all 0.3s ease;
}

.list-group-item:focus,
.list-group-item.sortable-chosen,
.list-group-item:active,
.list-group-item:focus-visible {
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
}

.icon-move-vertical {
	cursor: grab;
	font-size: 1.1em;
}

.remove-icon {
	cursor: pointer;
}

/* Item being dragged (ghost follows cursor) */
.sortable-ghost {
	opacity: 0.4;
	background-color: #f0f0f0 !important;
	outline: none !important;
	border: none !important;
}

/* Item being picked up */
.sortable-chosen {
	/*background-color: #e0f7fa !important;*/
	background-color: #9f01f1 !important;
	box-shadow: inset 0 0 0 1px #26c6da;
	transition: background-color 0.3s ease;
	outline: none !important;
	border: none !important;
}

.fade-out {
	opacity: 0;
	transform: scaleY(0);
	transition: opacity 0.3s ease, transform 0.3s ease;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden;
}
/* #endregion /Meeting Agenda Items List Box */
/* #endregion /Forms */

/* #region Modals */
/* #region New Request Success */
#successfullySubmittedNewRequestModal .modal-body {
	border-right: 2px solid #9f01f1 !important;
	border-bottom: 2px solid #9f01f1 !important;
	border-left: 1px solid white !important;
	border-top: 1px solid white !important;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5) !important;
	color: white;
	background-color: black;
	font-weight:400
}

#successfullySubmittedNewRequestModal .close {
	color: black;
}

#successfullySubmittedNewRequestModal .close:hover {
	color: white;
}

#successModalGotoMyRequestsTab:hover, #successModalGotoAllRequestsTab:hover {
	cursor: pointer;
	color: #9f01f1;
	font-weight: bolder;
	font-size: 1.1rem;
}
/* #endregion /New Request Success */
/* #endregion /Modals */

/* #region Tables */
#soberSoftFfcs th,
#soberSoftRequests th {
	/*text-align: center;*/
	vertical-align: middle;
	white-space: nowrap;
}

#soberSoftFfcTable td {
	white-space: nowrap;
}
/* #endregion /Tables */

/* #region DataTable Lists */
/* #region DataTable Links */
.dt-link-ss {
	color: white;
}

.dt-link-ss:hover {
	color: #9f01f1;
	text-decoration: underline;
}

#pastMeetingsListCard .dt-email-link:hover,
#myRequestsListCard .dt-email-link:hover,
#allRequestsListCard .dt-email-link:hover {
	color: #9f01f1;
}
/* #endregion /DataTable Links */
/* #endregion /DataTable Lists */

/* #region Specific DataTables */
/* #region Sticky Header */
#soberSoftPastMeetingsScrollArea,
#soberSoftFfcScrollArea,
#myRequestsScrollArea,
#allRequestsScrollArea {
	height: 100%;
	max-height: 100%;
	overflow: auto;
	z-index: 998 !important;
}

#soberSoftPastMeetingsScrollArea th,
#soberSoftFfcScrollArea th,
#myRequestsScrollArea th,
#allRequestsScrollArea th {
	position: sticky;
	top: 0px;
	background-color: #1d1e21;
	color: white;
	z-index: 999 !important;
}
/* #endregion /Sticky Header */

/* #region Search */
#soberSoftPastMeetingsCustomSearchBox,
#soberSoftFfcCustomSearchBox,
#myRequestsCustomSearchBox,
#allRequestsCustomSearchBox {
	padding-left: 8px !important;
}

#soberSoftPastMeetingsCustomSearchBox .dataTables_filter,
#soberSoftFfcCustomSearchBox .dataTables_filter,
#myRequestsCustomSearchBox .dataTables_filter,
#allRequestsCustomSearchBox .dataTables_filter {
	margin: 0 !important;
	padding: 0 !important;
}

#soberSoftPastMeetingsCustomSearchBox .dataTables_filter input:focus,
#soberSoftFfcCustomSearchBox .dataTables_filter input:focus,
#myRequestsCustomSearchBox .dataTables_filter input:focus,
#allRequestsCustomSearchBox .dataTables_filter input:focus {
	box-shadow: none !important;
	border-bottom: 1px solid #9f01f1 !important;
}
/* #endregion /Search */

/* #region DataTable Filters */
/* Keep dropdown icons highlighted as long as dropdown is shown */
#soberSoftFfcListCard .dropdown.show i.main-icon,
#myRequestsListCard .dropdown.show i.main-icon,
#allRequestsListCard .dropdown.show i.main-icon {
	color: #9f01f1;
}

#soberSoftPastMeetingsListCard .datatable-filters-wrapper i:hover,
#soberSoftFfcListCard .datatable-filters-wrapper i:hover,
#myRequestsListCard .datatable-filters-wrapper i:hover,
#allRequestsListCard .datatable-filters-wrapper i:hover {
	cursor: pointer;
	color: #9f01f1;
}

#soberSoftFfcListCard #showDeletedButton[data-state="on"] i,
#myRequestsListCard #showDeletedButton[data-state="on"] i,
#allRequestsListCard #showDeletedButton[data-state="on"] i {
	color: #9f01f1 !important;
}

#soberSoftFfcListCard #showDeletedButton[data-state="off"] i,
#myRequestsListCard #showDeletedButton[data-state="off"] i,
#allRequestsListCard #showDeletedButton[data-state="off"] i {
	color: white !important;
}

#soberSoftFfcListCard #showDeletedButton[data-state="off"] i:hover,
#myRequestsListCard #showDeletedButton[data-state="off"] i:hover,
#allRequestsListCard #showDeletedButton[data-state="off"] i:hover {
	color: #9f01f1 !important;
}
/* #endregion /DataTable Filters */

/* #region DataTable Actions */
#soberSoftFfc #dataTableActions .edit-btn,
#myRequests #dataTableActions .edit-btn,
#allRequests #dataTableActions .edit-btn {
	background-color: #c882ec;
}

#soberSoftFfc #dataTableActions .delete-btn,
#myRequests #dataTableActions .delete-btn,
#allRequests #dataTableActions .delete-btn {
	background-color: #c882ec;
}
/* #endregion /DataTable Actions */

/* #region Length */
#soberSoftPastMeetingsCustomTableLength .dataTables_length select:focus,
#soberSoftFfcCustomTableLength .dataTables_length select:focus,
#myRequestsCustomTableLength .dataTables_length select:focus,
#allRequestsCustomTableLength .dataTables_length select:focus {
	box-shadow: none !important;
	border-bottom: 1px solid #9f01f1 !important;
}
/* #endregion /Length */

/* #region Export Buttons */
#soberSoftPastMeetingsListCard .dt-button,
#soberSoftFfcListCard .dt-button,
#myRequestsListCard .dt-button,
#allRequestsListCard .dt-button {
	color: black !important;
	background-color: white !important;
	margin-left: 5px !important;
	border-radius: 7px !important;
	border: none !important;
	padding: 5px !important;
}

#soberSoftPastMeetingsListCard .dt-button:hover,
#soberSoftFfcListCard .dt-button:hover,
#myRequestsListCard .dt-button:hover,
#allRequestsFfcListCard .dt-button:hover {
	color: white !important;
	background-color: #9f01f1 !important;
}
/* #endregion /Export Buttons */

/* #region Pagination */
#soberSoftPastMeetingsListCard .dataTables_paginate .paginate_button.current,
#soberSoftFfcListCard .dataTables_paginate .paginate_button.current,
#myRequestsListCard .dataTables_paginate .paginate_button.current,
#allRequestsListCard .dataTables_paginate .paginate_button.current {
	background-color: #9f01f1;
}
/* #endregion /Pagination */
/* #endregion /Specific DataTables */

/* #region Notifications */
.notification-item-ss:hover {
	background-color: rgba(159, 1, 241, 0.3);
	border-bottom: 1px solid #9f01f1 !important;
}

.notification-ss {
	border-left: 5px solid #9f01f1 !important;
	border-bottom: 1px solid gray !important;
}

.notification-ss:hover {
	border-left: 5px solid #9f01f1 !important;
	border-bottom: none !important;
}

.dt-notification-ss {
	background-color: rgba(159, 1, 241, 0.3) !important;
	/*border-left: 5px solid #9f01f1 !important;*/
	box-shadow: inset 5px 0 0 #9f01f1; /* visual left stripe */
	border-bottom: 1px solid gray !important;
}

.dt-notification-ss:hover {
	border-bottom: 2px solid #9f01f1 !important;
}
/* #endregion /Notifications */

/* #region Tooltips */
/* The .ui-tooltip class is declared in each cshtml view file */
/*.ui-tooltip {
	border-top: 2px solid #9f01f1 !important;
	border-left: 2px solid #9f01f1 !important;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5) !important;
	color: white;
	background-color: black;
}*/

.tooltip-icon-ss {
	color: white ;
	cursor: pointer;
}

.tooltip-icon-ss:hover {
	color: #9f01f1;
	cursor: pointer;
}

.tooltip-icon-ss:active {
	color: #9f01f1;
	cursor: pointer;
}
/* #endregion /Tooltips */

/* #region ckeditor */
/* Content background and text color */
.ck-editor__editable {
	background-color: #1d1e21 !important;
	color: #ffffff !important;
}

.ck.ck-toolbar {
	/*background-color: #9f01f1 !important;*/
	border: none !important;
	outline: none !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-left: -4px !important;
	margin-right: -4px !important;
}

.ck.ck-toolbar__items {
	background-color: #9f01f1 !important;
}

.ck.ck-button {
	color: white !important;
}

.ck.ck-button:hover, .ck.ck-button:focus, .ck.ck-button:active {
	background-color: #1d1e21 !important;
	color: white !important;
}

.ck.ck-button.ck-on, a.ck.ck-button.ck-on {
	background-color: #1d1e21 !important;
	color: white !important;
}

.ck.ck-icon {
	/*filter: hue-rotate(270deg) saturate(200%);*/
	color: white !important;
}

/*.ck-dropdown__panel {
	background-color: red !important;*/ /* Background color */
	/*color: #fff !important;*/ /* Text color */
/*}*/

/* #region Paragraph Dropdown */
/* Target the paragraph dropdown panel */
.ck-heading-dropdown .ck-list {
	color: #1d1e21 !important; 
}

/* Target the individual items in the paragraph dropdown */
.ck-heading-dropdown .ck-list .ck-button {
	color: #1d1e21 !important; 
}

/* Change background color of items when hovered */
.ck-heading-dropdown .ck-list .ck-button:hover {
	background-color: #1d1e21 !important; 
	color: #fff !important;
}

/* Change background and text color of active or selected items */
.ck-heading-dropdown .ck-list .ck-button.ck-on {
	background-color: #1d1e21 !important; 
	color: #fff !important; 
}
/* #endregion /Paragraph Dropdown */

.ck.ck-content {
	border: none !important;
	border-radius: 4px !important;
	outline: none !important;
	margin-left: -4px !important;
	margin-right: -4px !important;
}

.ck.ck-content:focus {
	border-bottom: 1px solid #9f01f1 !important;
	/*box-shadow: 4px 5px 9px -1px rgba(0,0,0,0.75) !important;*/
}

.ck.ck-content p {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.ck.ck-content blockquote {
	background-color: #9f01f1 !important;
}

/* Set the height of the editor's editable area */
.ck-editor__editable {
	height: 500px;  
	overflow-y: auto;
}

.ck.ck-powered-by-balloon {
	display: none !important;
	/*background-color: #333 !important; 
	color: #fff !important; 
	border: 1px solid #444 !important; */
}

/* Clear placeholder on focus */
.ck-focused .ck-placeholder {
	display: none !important;
}

/* Make sure the toolbar container takes full width */
.ck-editor__top {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important; /* important: this fixes the stacking */
}

/* Force toolbar items to not wrap */
.ck.ck-toolbar__items {
	display: flex !important;
	flex-wrap: nowrap !important;
	flex-grow: 1 !important; /* stretch to fill */
	overflow: visible !important;
}

/* Clean up margins without shrinking toolbar */
.ck.ck-toolbar {
	width: 100% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}
/* #endregion /ckeditor */

/* This region may be unused */
/* #region Request Details */
/* Extra large screens and larger (2078px and up) */
@media (min-width: 2078px) {
	.desktop-only {
		display: block; /* Show content for desktop only */
	}

	.all-other-devices {
		display: none; /* Hide content for other devices */
	}

	#soberSoftRequestDetailsChatContainer {
		color: #202125;
		background-color: #1d1e21;
		border-radius: 5px;
		border-bottom: 4px solid #9f01f1;
		padding: 0;
		height: 55vh;
		overflow-y: auto;
		overflow-x: hidden;
	}

	#sendMessageButton:hover, #clearMessageButtonDesktop:hover, #clearMessageButtonMobile:hover {
		background-color: black;
		border-color: black !important;
	}
}

/* All other devices (less than 2078px) */
@media (max-width: 2077px) {
	.desktop-only {
		display: none; /* Hide content for desktop only */
	}

	.all-other-devices {
		display: block; /* Show content for other devices */
	}

	#soberSoftRequestDetailsChatContainer {
		color: #202125;
		background-color: #1d1e21;
		border-radius: 5px;
		border-bottom: 4px solid #9f01f1;
		padding: 0;
		height: 55vh;
		overflow-y: auto;
		overflow-x: hidden;
	}

	#soberSoftRequestDetailsSendMessageContainer .ck-editor__editable {
		height: 35vh !important;
	}		
}

#sendMessageButton, #clearMessageButtonDesktop, #clearMessageButtonMobile {
	border-radius: 3px;
	-webkit-box-shadow: 8px 8px 4px -6px rgba(0,0,0,0.49);
	-moz-box-shadow: 8px 8px 4px -6px rgba(0,0,0,0.49);
	box-shadow: 8px 8px 4px -6px rgba(0,0,0,0.49);
}

.chat-header-ss {
	border-bottom: 7px solid white;
	margin-bottom: 10px;
	color: white;
	background-color: #9f01f1;
	position: sticky; 
	top: 0;  
	z-index: 10;
}

.requester-message {	
	color: white;
	width: 90%;
	background-color: black;
	padding: 20px;
	border-radius: 10px;
	-webkit-box-shadow: 6px 6px 10px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 6px 10px -4px rgba(0,0,0,0.75);
	box-shadow: 6px 6px 10px -4px rgba(0,0,0,0.75);
	
}

.responder-message {
	color: white;
	width: 90%;
	background-color: #9f01f1;
	padding: 20px;
	border-radius: 10px;
	-webkit-box-shadow: 6px 6px 10px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 6px 10px -4px rgba(0,0,0,0.75);
	box-shadow: 6px 6px 10px -4px rgba(0,0,0,0.75);
}

#soberSoftRequestDetailsMessageContainerRow {
	display: flex;
}

.message-left {
	display: flex;
	justify-content: flex-start;
	padding-left: 10px;
}

.message-right {
	display: flex;
	justify-content: flex-end;
}

#soberSoftRequestDetailsMessageContainer img {
	max-width: 100%;
	height: auto;	
}
#soberSoftRequestDetailsMessageContainer img:hover {
	cursor: pointer;
}
/* #endregion /Request Details */

/* #region Meeting Details */
#soberSoftMeetingDetailsResolvedAgendaCard, #soberSoftMeetingDetailsUnresolvedAgendaCard {
	max-height: 383px !important;
}
/*#soberSoftMeetingDetailsMinutesCard {*/
	/*max-height: 844px !important;*/
	/*margin-bottom: 130px !important;
}*/
/* #endregion /Meeting Details */

/************************************************************************************************************************/

/* #region MEDIUM DEVICES */
/* md (medium devices, tablets): ≥ 768px*/
/* Styles for devices with a width of 768px and up */
@media (min-width: 768px) and (max-width: 1024px) and (hover: none) and (pointer: coarse) {

	/* #region Specific DataTables */
	/* #region Sticky Header */
	#allRequestsScrollArea,
	#myRequestsScrollArea,
	#soberSoftFfcScrollArea,
	#soberSoftPastMeetingsScrollArea {
		height: 882px;
		max-height: 100%;
		overflow: auto;
	}
	/* #endregion /Sticky Header */
	/* #endregion /Specific DataTables */
}
/* #endregion /MEDIUM DEVICES */

/************************************************************************************************************************/

/* #region MOBILE DEVICES */
/* CSS for screens up to 767px width (typically mobile devices) */
@media only screen and (max-width: 767px) {
	/* #region Buttons */
	#soberSoftDownloadMeetingMinutes {
		color: white;
		background-color: #9f01f1;
	}
	/* #endregion /Buttons */

	/* #region Forms */
	/* #region Meeting Agenda Items List Box */
	#agendaCount, #clearAllAgendaItems {
		font-size: 0.6rem;
	}

	#agendaList {
		background-color: #1d1e21;
		overflow-y: auto;
		height: 420px;
		max-height: 420px;
	}
	/* #endregion /Meeting Agenda Items List Box */
	/* #endregion /Forms */

	/* #region DataTable Lists */
	/* #region DataTable Links */
	.dt-link-ss {
		color: #9f01f1;
		text-decoration: underline;
	}
	/* #endregion /DataTable Links */
	/* #endregion /DataTable Lists */

	/* #region Specific DataTables */
	/* #region Search */
	#soberSoftPastMeetingsCustomSearchBox,
	#soberSoftFfcCustomSearchBox,
	#myRequestsCustomSearchBox,
	#allRequestsCustomSearchBox {
		padding-right: 3px;
	}

	#soberSoftPastMeetingsScrollArea,
	#soberSoftFfcScrollArea,
	#myRequestsScrollArea,
	#allRequestsScrollArea {
		max-height: 480px;
		overflow: auto;
	}
	/* #endregion /Search */

	/* #region DataTable Filters */
	#soberSoftFfcListCard #filterColumns.active,
	#soberSoftFfcListCard #mainIcon.active,
	#soberSoftFfcListCard #settings.active,
	#myRequestsListCard #filterColumns.active,
	#myRequestsListCard #mainIcon.active,
	#myRequestsListCard #settings.active,
	#allRequestsListCard #filterColumns.active,
	#allRequestsListCard #mainIcon.active,
	#allRequestsListCard #settings.active {
		color: #9f01f1 !important;
	}

	#soberSoftPastMeetingsListCard #refreshButton i,
	#soberSoftFfcListCard #refreshButton i,
	#myRequestsListCard #refreshButton i,
	#allRequestsListCard #refreshButton i {
		color: white !important;
	}

	#soberSoftFfcListCard #showDeletedButton[data-state="on"] i,
	#myRequestsListCard #showDeletedButton[data-state="on"] i,
	#allRequestsListCard #showDeletedButton[data-state="on"] i {
		color: #cc4744 !important;
	}

	#soberSoftFfcListCard #showDeletedButton[data-state="off"] i,
	#myRequestsListCard #showDeletedButton[data-state="off"] i,
	#allRequestsListCard #showDeletedButton[data-state="off"] i {
		color: white !important;
	}

	#soberSoftFfcListCard #showDeletedButton[data-state="off"] i:hover,
	#myRequestsListCard #showDeletedButton[data-state="off"] i:hover,
	#allRequestsListCard #showDeletedButton[data-state="off"] i:hover {
		color: white !important;
	}
	/* #endregion /DataTable Filters */

	/* #region Badges */
	#totalBoardMeetings {
		font-size: 0.6rem;
	}
	/* #endregion /Badges */
	/* #endregion /Specific DataTables */

	/* #region New Request ckeditor */
	/* Remove focus outlines for CKEditor toolbar buttons */
	.ck.ck-toolbar button:focus,
	.ck.ck-toolbar button:focus-visible,
	.ck.ck-toolbar button.ck-off:focus,
	.ck.ck-toolbar button.ck-on:focus {
		outline: none !important;
		box-shadow: none !important;
		border: none !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		-webkit-tap-highlight-color: transparent;
	}

	/* Remove focus styles for dropdowns in CKEditor toolbar */
	.ck.ck-dropdown button:focus,
	.ck.ck-dropdown button:focus-visible {
		outline: none !important;
		box-shadow: none !important;
		border: none !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		-webkit-tap-highlight-color: transparent;
	}

	/* Content background and text color */
	.ck-editor__editable {
		background-color: #1d1e21 !important;
		color: #ffffff !important;
	}

	.ck.ck-toolbar {
		/*background-color: #9f01f1 !important;*/
		border: none !important;
		outline: none !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		margin-left: -4px !important;
		margin-right: -4px !important;
	}

	.ck.ck-toolbar__items {
		background-color: #9f01f1 !important;
	}

	/*.ck.ck-input-text:focus {
		border-bottom: 1px solid #9f01f1 !important;
	}*/

	.ck.ck-button {
		color: white !important;
	}

	.ck.ck-button:hover, .ck.ck-button:active {
		background-color: #1d1e21 !important;
		color: white !important;
	}

	.ck.ck-button.ck-on, a.ck.ck-button.ck-on {
		background-color: #1d1e21 !important;
		color: white !important;
	}

	button.ck.ck-button.ck-off[data-cke-tooltip-text="Bold (Ctrl+B)"] {
		background-color: #9f01f1 !important;
		color: white !important;
	}

	button.ck.ck-button.ck-off[data-cke-tooltip-text="Italic (Ctrl+I)"] {
		background-color: #9f01f1 !important;
		color: white !important;
	}

	.ck.ck-button-save.ck-off, a.ck.ck-button-save.ck-off {
		background-color: #9f01f1 !important;
		color: white !important;
	}
	.ck.ck-button-cancel.ck-off, a.ck.ck-button-cancel.ck-off {
		background-color: #9f01f1 !important;
		color: white !important;
	}

	.ck.ck-dropdown__button, a.ck.ck-dropdown__button {
		background-color: #9f01f1 !important;
		color: white !important;
	}		

	.ck.ck-icon {
		/*filter: hue-rotate(270deg) saturate(200%);*/
		color: white !important;
	}	

	/* #region Paragraph Dropdown */
	/* Target the paragraph dropdown panel */
	.ck-heading-dropdown .ck-list {
		color: #1d1e21 !important;
	}

	/* Target the individual items in the paragraph dropdown */
	.ck-heading-dropdown .ck-list .ck-button {
		color: #1d1e21 !important;
	}

	/* Change background color of items when hovered */
	.ck-heading-dropdown .ck-list .ck-button:hover {
		background-color: #1d1e21 !important;
		color: #fff !important;
	}

	/* Change background and text color of active or selected items */
	.ck-heading-dropdown .ck-list .ck-button.ck-on {
		background-color: #1d1e21 !important;
		color: #fff !important;
	}
	/* #endregion /Paragraph Dropdown */

	.ck.ck-content {
		border: none !important;
		outline: none !important;
		margin-left: -4px !important;
		margin-right: -4px !important;
	}

	#soberSoftRequestDescriptionContainer .ck.ck-content:focus {
		border-bottom: 1px solid #9f01f1 !important;
		/* box-shadow: 4px 5px 9px -1px rgba(0,0,0,0.75) !important; */
	}

	.ck.ck-content p {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.ck.ck-content blockquote {
		background-color: #9f01f1 !important;
	}

	/* Set the height of the editor's editable area */
	.ck-editor__editable {
		height: 500px;
		overflow-y: auto;
	}

	.ck.ck-powered-by-balloon {
		display: none !important;
		/*background-color: #333 !important; 
	color: #fff !important; 
	border: 1px solid #444 !important; */
	}
	/* #endregion /New Request ckeditor */

	/* #region Request Details ckeditor */

	/* #endregion /Request Details ckeditor */

	#successModalGotoMyRequestsTab, #successModalGotoAllRequestsTab {
		color: #9f01f1;
		font-weight: bolder;
	}
}
/* #endregion /MOBILE DEVICES */