@charset "utf-8";
/* CSS Document */

.mb-2b {
    text-align: right;
    padding-right: 0.5rem !important;
    margin-bottom:.5rem !important
}
.pr-4 {
    padding-right: 1.5rem !important;
}

.me-2b {
  margin-left: 0.5rem !important; }

.me-3b {
  margin-left: 1rem !important; }

.pr-4,.mb-2b,.mb-4b, .text-primary, .text-secondary, .text-success, .text-danger, .text-warning, .text-info, .text-light_2, .footer, .rtl
{
    direction: rtl;
}
.ltr
{
    direction: ltr;
}
/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important; }

/* rtl:end:remove */

.align_right
{
    text-align: right;
}

.text-light_2
{
    color: #F3F6F8 !important;
}
.pt
{
    text-align: justify;
}
.fs-5
{
    text-align: justify;
    text-decoration: none;
	text-indent: 30px;
	line-height: 2em;
    text-transform: capitalize;
    padding: 0px 15px 0px 15px;
}
.title
{
    font-size: 22px;
    font-family: 'B Homa','BHoma';
}
.names
{
    color: chocolate;
    font-size: 14px;
}
.p-v {
    direction: rtl;
    text-align: justify;
    text-indent: 30px;
}
/*----------------------------------------------------------*/
/* General table styling */
.ElegantGrid {
	direction: rtl;
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* A modern, clean font */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    border-radius: 8px; /* Slightly rounded corners for the table */
    overflow: hidden; /* Ensures rounded corners apply to content */
}

/* Table header styling */
.ElegantGrid thead {
    background-color: #F3BD00; /* Your brand color: Vibrant Gold/Yellow */
    color: #333; /* Dark text for contrast against the yellow */
}

.ElegantGrid th {
    padding: 15px 10px;
    text-align: center;
    font-weight: 600; /* Slightly bolder for headers */
    font-size: 1.1em;
}

.ElegantGrid th[colspan="7"] {
    background-color: #DAA500; /* A slightly darker shade of your brand color for the main title */
    color: #ffffff; /* White text for better contrast on darker yellow */
    font-size: 1.5em;
    padding: 20px 10px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1); /* Subtle line below the main title */
}

/* Table body styling */
.ElegantGrid tbody tr {
    border-bottom: 1px solid #e0e0e0; /* Light border between rows */
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

.ElegantGrid tbody tr:nth-child(even) {
    background-color: #fffaf0; /* Very light cream/yellow for zebra striping */
}

.ElegantGrid tbody tr:hover {
    background-color: #ffe899; /* A softer yellow on hover */
}

.ElegantGrid td {
    padding: 12px 10px;
    color: #333; /* Darker text for readability */
	direction:rtl;
}

.ElegantGrid td.center {
	text-align:center;
}

.ElegantGrid td.right {
	text-align:right;
}

.ElegantGrid td.left {
	text-align:left;
}

/* Link styling within table cells */
.ElegantGrid td a {
    color: #007bff; /* A standard blue for links, stands out against yellow */
    text-decoration: none; /* No underline by default */
    transition: color 0.3s ease;
}

.ElegantGrid td a:hover {
    color: #0056b3; /* Darker blue on hover */
    text-decoration: underline; /* Underline on hover for better UX */
}

/* Specific styling for the "No courses available" message */
.ElegantGrid .fs16.Blue {
    font-size: 1.2em; /* Slightly larger for emphasis */
    color: #666; /* A softer gray */
    padding: 20px;
    font-style: italic;
}

/* Footer styling */
.ElegantGrid tfoot tr {
    background-color: #f2f2f2; /* Light gray for the footer */
    border-top: 1px solid #e0e0e0;
}

.ElegantGrid tfoot td {
    padding: 10px;
    text-align: center;
    font-size: 0.9em;
    color: #777;
}

/* Responsive adjustments (optional, but good practice) */
@media (max-width: 768px) {
    .ElegantGrid th, .ElegantGrid td {
        padding: 8px 5px; /* Reduce padding on smaller screens */
        font-size: 0.9em;
    }

    .ElegantGrid th[colspan="7"] {
        font-size: 1.2em;
        padding: 15px 10px;
    }
}
/*----------------------------------------------------------*/
table.ViewItesmGrid {
	width: 99.5%;
	border-spacing: 1px;
	background-color: #e7e7e7;
	color: #333;
	text-shadow:1px 1px #FFF;
	/*font-weight:bold;*/
	margin:15px 0 15px 0;
	
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	 
	 -moz-border-radius-bottomleft: 5px;
	 -webkit-border-bottom-left-radius: 5px;
	 border-bottom-left-radius: 5px;
	 
	 -moz-border-radius-bottomright: 5px;
	 -webkit-border-bottom-right-radius: 5px;
	 border-bottom-right-radius: 5px;
}
table.ViewItesmGrid thead {
	/*background: url(images/tool.png) repeat-x #f0f0f0;*/
	background-color:#FFFFFF;
	background: -webkit-linear-gradient(#EDEDED, #D6D6D6);
    background: -moz-linear-gradient(#EDEDED, #D6D6D6);
    background: linear-gradient(#EDEDED, #D6D6D6);
	
	  -moz-border-radius-topleft: 5px;
	  -webkit-border-top-left-radius: 5px;
	  border-top-left-radius: 5px;
	  
	  -moz-border-radius-topright: 5px;
	  -webkit-border-top-right-radius: 5px;
	  border-top-right-radius: 5px;	
}

table.ViewItesmGrid thead th {
	color: #464646;
	text-align: center;
	font-family: "BTitr", "B Titr", Arial, Helvetica, sans-serif;
    font-size: 0.9em;
	height:30px;
	padding: 2px;	
	border-bottom: 1px solid #999;
	border-left: 1px solid #fff;
	text-shadow:1px 1px #CCC; 
}
/*--------تنظیمات رنگ پس زمینه جدول ها زمانی که موس روی آنها قرار میگیرد------------*/
table.ViewItesmGrid tbody tr.row0:hover td {
	background-color: #ffd;
}
table.ViewItesmGrid tbody tr.row1 td {
	background-color: #DDFFDE;
	font-weight:bold;
}
table.ViewItesmGrid tbody tr.row1:hover td {
	background-color: #DDDFFF;
	font-weight:bold;
}
table.ViewItesmGrid tbody tr.row2 td {
	background-color: #FCF6FF;
	/*background-color: #F8FFFA;*/
}
table.ViewItesmGrid tbody tr.row2:hover td {
	background-color: #ffd;
}
/*---------تنظیمات رنگ پس زمینه  و نوار های جدول ها----------*/
table.ViewItesmGrid tbody tr td {
    height: 25px;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding:5px 7px 5px 7px;
	font-family: "BHoma", "B Homa", "BMitra", "B Mitra", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em;
}
table.ViewItesmGrid td {
	border-bottom:1px solid #999;
	padding:5px;
	direction:rtl;
}

table.ViewItesmGrid td.center {
	text-align:center;
}

table.ViewItesmGrid tfoot th, table.ViewItesmGrid tfoot td {
    font-family: "BTitrBold", "BTitr", "B Titr", Arial, Helvetica, sans-serif;
    background-color: #f3f3f3;
    border-top: 1px solid #999; 
    text-align: center;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
/*----------------------------------------------------------*/
.list-mini {
	margin:0px auto;
	padding:0px;
	width:99%;
	overflow-y:auto;
	border:1px groove #999999;

	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
	
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
	
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}.list-mini table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.list-mini tr:last-child td:last-child {
	-moz-border-radius-bottomright:1px;
	-webkit-border-bottom-right-radius:1px;
	border-bottom-right-radius:1px;
}
.list-mini table tr:first-child td:first-child {
	-moz-border-radius-topleft:1px;
	-webkit-border-top-left-radius:1px;
	border-top-left-radius:1px;
}
.list-mini table tr:first-child td:last-child {
	-moz-border-radius-topright:1px;
	-webkit-border-top-right-radius:1px;
	border-top-right-radius:1px;
}.list-mini tr:last-child td:first-child{
	-moz-border-radius-bottomleft:1px;
	-webkit-border-bottom-left-radius:1px;
	border-bottom-left-radius:1px;
}.list-mini tr:hover td{
	background-color:#FFDBB7;
}
.list-mini tr:nth-child(odd){ background-color:#EDEDED; }
.list-mini tr:nth-child(even)    { background-color:#ffffff; }.list-mini td{
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 0px 1px 0px;
	text-align:center;
	padding:0px;
	font-size:13px;
	font-weight:normal;
	color:#000000;
}.list-mini tr:last-child td{
	border-width:0px 0px 0px 0px;
}.list-mini tr td:last-child{
	border-width:0px 0px 1px 0px;
}.list-mini tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}.list-mini td{
	line-height:24px;
	vertical-align:middle;
}.list-mini td img{
	vertical-align:middle;
}
.list-mini thead:first-child th{
	background: -webkit-linear-gradient(#E1E1E1, #CCCCCC);
    background: -moz-linear-gradient(#E1E1E1, #CCCCCC);
    background: linear-gradient(#E1E1E1, #CCCCCC);
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 0px;
	font-size:12px;
	font-family: "BTitr", "B Titr", Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:6px 0px;
	color:#313030;
}
.list-mini tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.list-mini tr:first-child td:last-child{
	border-width:0px 0px 1px 0px;
}
/*----------------------------------------------------------*/

