@charset "utf-8";

/* CSS Document */
input.ajax {
	/* width:auto; */
	padding: 5px 10px;
	margin: 0px 0;
	box-sizing: border-box;
	border: 2px solid #ccc;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 7px;
	outline: none;
}

input.ajax:hover {
	border: 2px solid #555;
	background-color: lightblue;
	box-shadow: 1px 1px 5px #888888;
}
/*-------------*/
input:required {
	border-color: #cc5e33;
	border-width: 2px;
}

textarea:required {
	border-color: #cc5e33;
}

hr {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	border-style: inset;
	border-width: 1px;
}

button {
	font-family: yekan;
}

/************************ form control *************************/
.select-inline {
	width: auto;
	display: inline-block;
}

.input-inline {
	width: auto;
	display: inline-block;
}

.button-inline{
	display:flex;
	justify-content: space-between;
}

.input-w.form-control {
	width: auto;
}

.pull-center {
	display: inline-block;
	float: none;
	/* reset the text-align */
	text-align: left;
	/* inline-block space fix */
	margin-right: -4px;
	text-align: center;
	/* background-color: #ccc; */
	/* border: 1px solid #ddd; */
}

/************************color class***************************/
.green {
	color: #090;
}

.bg-green {
	background-color: #090;
	padding: 5px 5px 5px 5px;
}

.red {
	color: #F30;
}

.bg-red {
	background-color: #F30;
	padding: 5px 5px 5px 5px;
}

.orange {
	color: #F90;
}

.bg-orange {
	background-color: #F90;
	padding: 5px 5px 5px 5px;
}

.brown {
	color: #C60;
}

.bg-brown {
	background-color: #C60;
	padding: 5px 5px 5px 5px;
}

.blue {
	color: #06C;
}

.bg-blue {
	background-color: #336699;
	/* background-color:#06C; */
	padding: 5px 5px 5px 5px;
}

.black {
	color: #000;
}

.bg-black {
	background-color: #000;
	padding: 5px 5px 5px 5px;
	color: #fff;
}

.grey {
	color: #666;
}

.bg-grey {
	background-color: #666;
	padding: 5px 5px 5px 5px;
}

.white {
	color: #fff;
}

.bg-white {
	background-color: #fff;
	padding: 5px 5px 5px 5px;
}

.gold {
	color: #f2d352;
}

.bg-gold {
	background-color: #f2d352;
	padding: 5px 5px 5px 5px;
}

.liver {
	color: #b30000;
}

.bg-liver {
	background-color: #b30000;
	padding: 5px 5px 5px 5px;
}

/***************** my class ************************/
.thead {
	background-color: #c2d1f0;
	font-size: 14px;
	/* font-weight:bold; */
	font-family: yekan;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
	background-color: #eeccff;
}

tr:hover.my-table-hover {
	background-color: #eeccff;
}

.cell-active {
	background: #ff6666 !important;
}

.headline {
	color: #000066;
	font-size: 14px;
}

.b_headline {
	color: #000066;
	font-size: 18px;
	font-weight: bold;
	font-family: iransens;
}

.b {
	font-weight: bold;
}

.mg-b10 {
	margin-bottom: 10px;
}

.btn-black {
	background-color: #515151;
	color: #fff;
}

.btn-black:hover {
	background-color: #000;
	color: #fff;
}



/*
@media (min-width: 1200px) {
	.my-container {
		width: 1300px;
	}
}
*/

/*********** my btn color************/

/** btn-purple  **/
.btn-purple,
.btn-purple:active,
.btn-purple:visited {
	background-color: #ff66ff !important;
}

.btn-purple:hover {
	background-color: #cc00cc !important;
	transition: all 0s ease;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	-ms-transition: all 0s ease;
}

/*****************************/
.live-search ul {
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	overflow-X: hidden;
	height: 100px;
	color: #fff;
	/* position:absolute; */
	z-index: 10;
	cursor: pointer;
}

.live-search li {
	padding: 6px 15px 5px 10px;
	background-color: #fff;
	color: #000;
	display: block;
}

.live-search li:hover {
	border-bottom: #77729F 2px solid;
	background-color: #D3D0F5;
}

/* ajaxQuery */
.ajax-active {
	background-color: #D3D0F5 !important; 
	border-bottom: #77729F 2px solid !important; 
	color: #000 !important; 
}

/* آپلود فایل */
.progress-bar {
	float: right;
	direction: rtl;
}
.modal-body iframe {
	width: 100%;
	height: 500px;
	border: none;
}

/************ text editor *****************/
/* استایل‌های کلاس editor-code */
.editor-code {
	width: 100%;
	height: 300px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	resize: none;
	margin-top: 10px;
	background-color: #3e3c3c; /* بک‌گراند مشکی */
	color: #ff0; /* فونت زرد */
	font-family: 'Courier New', Courier, monospace; /* فونت مناسب برای کدنویسی */
	direction: ltr; /* جهت پیش‌فرض */
}

/* استایل‌های کلاس editor-text */
.editor-text {
	width: 100%;
	height: 300px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	resize: none;
	margin-top: 10px;
	direction: rtl; /* جهت پیش‌فرض */
}

.toggle-button {
	cursor: pointer;
	background-color: transparent;
	border: none;
	font-size: 20px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 10;
}
.button-container {
	text-align: center;
	margin-top: 10px;
}

/***************input and select width standart***************/
/* استایل‌ها برای صفحات بین 600 تا ۹۹۱ پیکسل */
@media (max-width: 991px) {
  input:not([type="checkbox"]), select {
    min-width: 150px; /* حداقل عرض برای صفحات متوسط */
    padding: 5px;
    margin: 0;
    box-sizing: border-box;
    white-space: nowrap;
  }
}

/* استایل‌ها برای صفحات کوچک‌تر از ۶۰۰ پیکسل */
@media (max-width: 600px) {
  input:not([type="checkbox"]), select {
    min-width: 100px; /* حداقل عرض برای صفحات خیلی کوچک */
    padding: 5px;
    margin: 0;
    box-sizing: border-box;
    white-space: nowrap;
  }
}

/* استایل‌ها برای صفحات کوچک‌تر از ۴۰۰ پیکسل */
@media (max-width: 400px) {
  input:not([type="checkbox"]), select {
    min-width: 80px; /* حداقل عرض برای صفحات بسیار کوچک */
    padding: 5px;
    margin: 0;
    box-sizing: border-box;
    white-space: nowrap;
  }
}