#chartjs-tooltip,
#chartjs-tooltip_goresd,
#chartjs-tooltip_goresd_A,
#chartjs-tooltip_tashkhis,
#chartjs-tooltip_tashkhis_A,
#chartjs-tooltip_ghatee,
#chartjs-tooltip_ghatee_A {
        opacity: 0;
        position: absolute;
        background: rgba(0, 0, 0, .6);
        color: white;
        padding: 10px;
        border-radius: 5px;
        -webkit-transition: all .1s ease;
        transition: all .5s ease;
        pointer-events: none;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
   	.chartjs-tooltip-key{
   		display:inline-block;
   		width:20px;
   		height:20px;
		border:solid;
		border-width:1px;
   	}
    .auto-style1 {
	text-align: right;
}
.auto-style2 {
	direction: rtl;
}
.auto-style3 {
	font-family: "B Nazanin";
}

#legendDiv {
list-style: outside none none;
background-color: rgba(192, 192, 192, 0.56);
border-radius: 10px;
padding: 0px 10px 20px 0px;
position: relative;
top: 15px;
right: 15px;
}

#legendDiv_B,
#legendDiv_B_Goresd,
#legendDiv_B_Goresd_A,
#legendDiv_B_Tashkhis_A,
#legendDiv_B_Tashkhis,
#legendDiv_B_Ghatee,
#legendDiv_B_Ghatee_A {
list-style: outside none none;
background-color: rgba(192, 192, 192, 0.56);
border-radius: 10px;
padding: 10px 10px 10px 10px;
position: relative;
top: 0px;
right: 0px;
}

#legendDiv li span{
 display: inline-block;
width: 15px;
height: 15px;
direction: rtl;
float: right;
list-style: outside none none;
text-decoration: none;
vertical-align: middle;
margin-top: 7px;
margin-left: 10px;
clear:both;

}
#legendDiv font{
float: right;
width: 150px;
text-align: right;	
}
#legendDiv ul{
   	list-style: none;
	}

#legendDiv_B li span,
#legendDiv_B_Goresd li span,
#legendDiv_B_Goresd_A li span,
#legendDiv_B_Tashkhis_A li span,
#legendDiv_B_Tashkhis li span,
#legendDiv_B_Ghatee li span,
#legendDiv_B_Ghatee_A li span{
 display: inline-block;
width: 15px;
height: 15px;
direction: rtl;
float: right;
list-style: outside none none;
text-decoration: none;
vertical-align: middle;
margin-top: 7px;
margin-left: 10px;
clear:both;

}
#legendDiv_B font,
#legendDiv_B_Goresd font,
#legendDiv_B_Goresd_A font,
#legendDiv_B_Tashkhis_A font,
#legendDiv_B_Tashkhis font,
#legendDiv_B_Ghatee font,
#legendDiv_B_Ghatee_A font{
float: right;
width: 150px;
text-align: right;	
}
#legendDiv_B ul,
#legendDiv_B_Goresd ul,
#legendDiv_B_Goresd_A ul,
#legendDiv_B_Tashkhis_A ul,
#legendDiv_B_Tashkhis ul,
#legendDiv_B_Ghatee ul,
#legendDiv_B_Ghatee_A ul{
   	list-style: none;
	}	
.custom-dropdown--large {
	font-size: 1.5em;
}

.custom-dropdown--small {
	font-size: .7em;
}

.custom-dropdown__select{
	font-size: inherit; /* inherit size from .custom-dropdown */
	padding: .5em; /* add some space*/
	margin: 0; /* remove default margins */
}

.custom-dropdown__select--white {
	background-color: #FFB400;
color: #FFF;   
}

@supports (pointer-events: none) and
	  ((-webkit-appearance: none) or
	  (-moz-appearance: none) or
	  (appearance: none)) {

	.custom-dropdown {
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}

	.custom-dropdown__select {
		padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */
		border: 0;
		border-radius: 5px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;    
	}

	.custom-dropdown::before,
	.custom-dropdown::after {
		content: "";
		position: absolute;
		pointer-events: none;
	}

	.custom-dropdown::after { /*  Custom dropdown arrow */
		content: "\25BC";
		height: 1em;
		font-size: .625em;
		line-height: 1;
		right: 1.2em;
		top: 50%; margin-top: -.5em;
	}

	.custom-dropdown::before { /*  Custom dropdown arrow cover */
		width: 2em;
		right: 0; top: 0; bottom: 0;
		border-radius: 0 3px 3px 0;
	}

	.custom-dropdown__select[disabled] {
		color: rgba(200,0,0,.3);
	}

	.custom-dropdown.custom-dropdown--disabled::after {
		color: rgba(0,0,0,.5);
	}

	/* White dropdown style */
	.custom-dropdown--white::before {
	  background-color: #FFB400;
		border-left: 1px solid rgba(0,0,0,.1);
	}

	.custom-dropdown--white::after {
		color: rgba(0,0,0,.9);
	}

	/* FF only temp fix */
	@-moz-document url-prefix() {
		.custom-dropdown__select 			 { padding-right: .9em }
		.custom-dropdown--large .custom-dropdown__select { padding-right: 1.3em }
		.custom-dropdown--small .custom-dropdown__select { padding-right: .5em }
	}
}

div.clear {
    clear: both;
    height: 0px;
    width: 100%;
    float: none !important;
}


.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.spr {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/loader.gif) center no-repeat rgba(0,0,0,1)
	}
.dt_child td {
width: 100px;
padding: 5px;
}
.child table>tbody>tr:nth-child(odd) {
background-color: #ddd;
}
table.dataTable.dtr-column > tbody > tr > td.control::before, table.dataTable.dtr-column > tbody > tr > th.control::before {
text-align: right !important;
text-indent: 4px !important;
line-height: 18px !important;
}

.selection{
	direction:rtl;
}
.select2-results {

  	direction:rtl

}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td{
   background-color: #409bd1;
color: #e7e4e4;

}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td{

	    text-align: center;
		vertical-align: middle;
}

#reg_box > thead > tr > th {
    background-color: #bcd5c7;
	
}	
.box2 {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border: 1px solid #000000;
    margin-bottom: 10px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.center {
  margin: auto;
  width:1px;

}
.user-panel {
    margin-bottom: 5px;
	height: 80px;
}
table.dataTable.display tbody td {
    border: 1px solid #d4c9c9 !important;
	}
.att_table_1 > tbody > tr >td {
	padding:10px;
	border: 1px solid;
}
.att_table_1  tr:nth-child(odd) {
background-color: #adadad99;
}
.att_table_1 > thead > tr >th {
padding: 5px;
vertical-align: middle;
text-align: center;
background-color: #167c9e;
color: white;
border: 1px solid #919292;
}
.tab-content{
	overflow-y: auto;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {

    background-color: #ddd;

}
#att_form select option:nth-child(even) { 
background:#d4d4d499;
}
#Stu_Rate tbody > tr >td {
	padding:5px 1px 5px 1px;
	
}
#Stu_Rate tbody > tr > th {
    padding: 3px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}

input[type=number] {
    -moz-appearance:textfield;
}