/*@import url('file:///C:\D\Projects\ccsc\ccsc\Web\wwwroot\css\my.css');*/

.carousel-caption {
	background-color:gray;
}

a.del-button-mode:hover {
	color: white;
}

.dir-right {
	direction: rtl;
}
.sidenav {
	width: 130px;
	position: fixed;
	z-index: 1;
	top: 20px;
	left: 10px;
	background: #eee;
	overflow-x: hidden;
	padding: 8px 0;
}

.sidenav a {
	padding: 6px 8px 6px 16px;
	text-decoration: none;
	font-size: 25px;
	color: #2196F3;
	display: block;
}

.sidenav a:hover {
	color: #064579;
}

.main {
	margin-left: 140px; /* Same width as the sidebar + left position in px */
	font-size: 28px; /* Increased text to enable scrolling */
	padding: 0px 10px;
}

.un-support{
	color: #fff !important;
}

.un-support table tr td a {
	color: #fff !important;
}

.del-bg-dark {
	background-color: cadetblue !important;
}

.ck-content {
	height: 300px;
}

.cursor-pointer {
	cursor: pointer;
}

.card-haderanswer {
	padding: 0.5rem 1rem;
	margin-bottom: 0;
	background-color: #e6e6e6;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-haderquestion {
	padding: 0.5rem 1rem;
	margin-bottom: 0;
	background-color: #ffe6e6;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.color-body {
	background-color: #cce6ff;
}

.font-card {
font-size:small;
/*font-weight:bold;*/
}

.centerform {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}

.etc {
	white-space: nowrap;
	width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
}


 
/*----------------Dark-Ligt Mode--------------------*/

.bi {
    /*vertical-align: .25em;*/
    fill: currentColor;
}

.myaccordion {
	--bs-accordion-color: var(--bs-body-color);
	--bs-accordion-bg: var(--bs-body-bg);
	--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
	--bs-accordion-border-color: var(--bs-border-color);
	--bs-accordion-border-width: var(--bs-border-width);
	--bs-accordion-border-radius: var(--bs-border-radius);
	--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
	--bs-accordion-btn-padding-x: 1.25rem;
	--bs-accordion-btn-padding-y: 0rem;
	--bs-accordion-btn-color: var(--bs-body-color);
	--bs-accordion-btn-bg: var(--bs-accordion-bg);
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-icon-width: 1.25rem;
	--bs-accordion-btn-icon-transform: rotate(-180deg);
	--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230a58ca'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-focus-border-color: #86b7fe;
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	--bs-accordion-body-padding-x: 1.25rem;
	--bs-accordion-body-padding-y: 1rem;
	--bs-accordion-active-color: var(--bs-primary-text);
	--bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.btn-bd-primary {
    --bd-violet-bg: #712cf9;
    --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-violet-bg);
    --bs-btn-border-color: var(--bd-violet-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #6528e0;
    --bs-btn-hover-border-color: #6528e0;
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #5a23c8;
    --bs-btn-active-border-color: #5a23c8;
}

.bd-mode-toggle {
    z-index: 1500;
}


 /*استایل امتیاز دهی به تیکت ها*/

.rating-box {
	position: relative;
	background: #fff;
	padding: 25px 50px 35px;
	border-radius: 25px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

	.rating-box header {
		font-size: 22px;
		color: #dadada;
		font-weight: 500;
		margin-bottom: 20px;
		text-align: center;
	}

	.rating-box .stars {
		display: flex;
		align-items: center;
		gap: 25px;
	}

.stars i {
	color: #e6e6e6;
	font-size: 35px;
	cursor: pointer;
	transition: color 0.5s ease;
}

		.stars i.active {
			color: gold;
		}
	.paddingright {
		padding-right:480px;
	}
 /*پایان استایل امتیاز دهی به تیکت ها*/
.my-fz14 {
	font-size: 14px !important;
}