.form-group {
	overflow: auto;
	margin-bottom: 10px;
}

.content.p-odd .table > :not(caption) > * > * {
	background-color: transparent !important;
	color:#FFF;
}

.content.p-odd .table .btn {
	padding:0.375rem 0.75rem ;
}

.btn.btn-primary {
	border-color: var(--odd-yellow);
	background-color: var(--odd-yellow);
	color: var(--odd-dark-gray);	
}

.btn.btn-primary:hover, 
.btn.btn-primary:active, 
.btn.btn-primary:focus
{
		background-color: var(--odd-yellow-hover);
	color: var(--odd-dark-gray);
}


.dark-gray-bg * {
	color:#fff;
}

.btn-light {
	color:#000;
}

.dark-gray-bg input,
.dark-gray-bg textarea,
.dark-gray-bg select {
	color:#000;
}

.dark-gray-bg input[type=file] {

	width: 100%;
	max-width: 100%;
	color: #444;
	padding: 5px;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #555;	
}

.dark-gray-bg input[type=file]::file-selector-button {
	margin-right: 20px;
	border: none;
	background: #084cdf;
	padding: 10px 20px;
	border-radius: 10px;
	color: #fff;
	cursor: pointer;
	transition: background .2s ease-in-out;
}

.dark-gray-bg input[type=file]::file-selector-button:hover {
	background: #0d45a5;
}

.notification h3 {
	color:#FFF;
	margin-bottom: 0px;
}

.notification {
	color: #FFF;
		/* read style */
		margin-bottom: 10px;
		padding: 20px;
		background: rgba(255,255,255,0.1);

}

.notification.unread {
		 /* unread style */
		background: rgba(255,255,255,0.3);
}

.notification a {
	text-decoration: none;
}

.notification a:hover {
	color:var(--odd-yellow);
}

.notification i {
	font-size: 30px;
}


section.top .form-select {
		--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}

.content.p-odd .profile-info .table > :not(caption) > * > * {
	color:#333;
}

.comment-content {
	padding-bottom: 15px;
}

.comment-meta {
	margin-bottom: 15px;
}

.comment-meta img {
	width: 25px; 
	height: 25px; 
	border-radius: 50%;
	margin-right: 10px;
}

.comment-meta .comment-author {
	line-height: 25px;
	vertical-align: middle;
	display: inline-block;
	font-weight: bold;
}

.comment-meta .comment-time {
	line-height: 25px;
	vertical-align: middle;
	display: inline-block;
	color:#bbb;
}

.comment-body {
	color:#FFF;
}

.video-comment .btn-reply,
.comment-body .btn-reply {
	background: transparent;
	padding: 0px;
	border: none;
	color:#bbb;
	cursor: pointer;
}
.comment-body .btn-reply:hover {
	color:#FFF;
}

.parent-comment-text {
	border: 1px solid rgba(0, 0, 0, 0.2); 
	background-color: rgba(255, 255, 255, 0.05); 
	padding: 10px;
	margin-bottom: 10px;
}

td.no-upl-title h2 {
	display: none;
}

.dark-gray-bg .ql-snow .ql-fill, 
.dark-gray-bg .ql-snow .ql-stroke {
	fill:#FFF !important;
	stroke:#FFF !important;
}

.text-yellow {
	color:var(--odd-yellow);
}

.text-bold {
	font-weight: bold;
}

.notifications-dropdown {
	display: none;
	position: absolute;
	top: 43px;
	right: -40px;
	width: 420px;
	max-height: 88vh;
	overflow-y: auto;
	background-color: transparent;
	z-index: 1024;
}

.ql-toolbar.ql-snow {
	background-color: white;
}

.darkmode .ql-toolbar.ql-snow {
	background-color: var(--odd-dark-gray);
}

.darkmode .ql-snow .ql-picker-options {
	background-color: var(--odd-dark-gray);
}

#editor .darkmode .dark-gray-bg .ql-snow .ql-fill, .dark-gray-bg .ql-snow .ql-stroke {
    fill: none !important;
    stroke: white !important;
}

.notification-container {
    position: relative;
}

.notification-date {
    position: absolute;
    top: 10px;
    right: 13px;
    color: #aaa;
}

.notification-message {
    margin-bottom: 2px;
}

.notification-button {
    text-align: center;
}