@import url(fontiran.css); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */
body {
	font-family: IRANSans !important;
	font-weight: 300;
	direction: rtl;
	background-color: #E2E2E2;
	margin: .5rem !important;
	font-size: .857rem;
}
h1, h2, h3, h4, h5, h6,input, textarea {
	font-family: IRANSans !important;
}
h1 {
	font-weight: bold;
}
.wrapper {
	max-width: 900px;
	margin: 0 auto;
}
.ltr {
	direction: ltr;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-small {
	font-size: 0.8em;
}
.text-xsmall {
	font-size: 0.6em;
}
.text-large {
	font-size: 1.2em;
}
.text-xlarge {
	font-size: 1.4em;
}
.text-underline {
	text-decoration:underline;
}
.text-ultralight {
	font-weight: 200;
}
.text-light {
	font-weight: 300;
}
.text-regular {
	font-weight: normal;
}
.text-medium {
	font-weight: 500;
}
.text-bold {
	font-weight: bold;
}
.text-black {
	font-weight: 900;
}
blockquote {
	font-weight: 500;
	padding: 10px;
	border: 1px dashed #666666;
}

.mainbox {
	width: 100%;
	background-color: #EFEFEF;
	display: table;
	margin-bottom: 30px;
	border-right: 8px solid #FFFF33;
}

.mainboxnegativ {
	width: 100%;
	background-color: #000000;
	display: table;
	margin-bottom: 30px;
	border-right: 8px solid #FFFF33;
	color: #F9F9F9;
}

.mainbox2 {
	font-size: 1em;
	width: 90%;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.mainbox3 {
	width: 100%;
	background-color: #b8b8b8;
	display: table;
	margin-bottom: 30px;
	border-right: 8px solid #bd70ff;
}

.mainbox2negativ {
	font-size: 1em;
	color: #F9F9F9;
	background-color: #000000;
	padding-right: 20px;
}

.farsiparagraph {
	font-size: 1em;
	width: 47%;
	float:right;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;

}
.englishparagraph {
	font-size: 1em;
	width: 47%;
	float: left;
	direction:ltr;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;


}
.rightbox {
	width: 60%;
	padding-right: 20px;
	padding-left: 5px;
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
	min-width: 0px;
	background-color: #F7F7F7;

}

.titelbox {
	width: 60%;
	padding-right: 25px;
	padding-left: 0px;
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
	min-width: 0px;
	background-color: #F2F2F2;
	color: #4B4B4B;
}


.lefttbox {

	padding-right: 20px;
	padding-left: 4px;
	float: right;
	margin-bottom: 10px;
	min-width: 0px;
}

.alphabet {
	width: 35%;
	float: left;
	font-size: 21em;
	text-align: center;
	font-weight: 500;
	color: #999999;
}

.alphabet2 {
	width: 35%;
	float: left;
	direction: ltr;
	font-size: 1.6em;
	text-align: left;
	font-weight: 500;
	color: #333333;
	margin-top: 100px;
}
.footer {
	font-weight: 300;
	font-size: 0.7em;
	text-align: center;
	direction: ltr;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* CSS REQUIRED */
.state-icon {
	left: -5px;
}
.list-group-item-primary {
	color: rgb(255, 255, 255);
	background-color: rgb(66, 139, 202);
}

/* DEMO ONLY - REMOVES UNWANTED MARGIN */
.well .list-group {
	margin-bottom: 0px;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.simpleDemo ul[dnd-list] {
	min-height: 42px;
	padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.simpleDemo ul[dnd-list] .dndDraggingSource {
	display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.simpleDemo ul[dnd-list] .dndPlaceholder {
	background-color: #ddd;
	display: block;
	min-height: 42px;
}

.simpleDemo ul[dnd-list] li {
	background-color: #fff;
	border: 1px solid #ddd;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
}

/**
 * Show selected elements in green
 */
.simpleDemo ul[dnd-list] li.selected {
	background-color: #dff0d8;
	color: #3c763d;
}

.table-select-row{
	background-color: rgba(0,0,0,.075);
}

.as-sortable-placeholder{
	box-shadow: 5px 5px 5px 5px #d4c0c0;
}



.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
	float:right;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input.default:checked + .slider {
	background-color: #444;
}
input.primary:checked + .slider {
	background-color: #2196F3;
}
input.success:checked + .slider {
	background-color: #8bc34a;
}
input.info:checked + .slider {
	background-color: #3de0f5;
}
input.warning:checked + .slider {
	background-color: #FFC107;
}
input.danger:checked + .slider {
	background-color: #f44336;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.checkcontainer {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 17px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.checkcontainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkcontainer:hover input ~ .checkmark {
	background-color: #ccc;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.checkcontainer .checkmark:after {
	left: 10px;
	top: 6px;
	width: 7px;
	height: 12px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.checkcontainer input:checked ~ .checkmark:after {
	display: block;
}

.bg-message{
	background-color: #80e4d2!important;
}

#users .form-control{
	padding: 0px;
	font-size: .7rem;
}

.row-of-icons {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */
}


#users .form-control{
	padding: 0px;
	font-size: .7rem;
}

.rz{
	color: #605cd7 !important;
}
.sh{
	color: #086700 !important;
}
.kh{
	color: #213dff !important;
}
.gh{
	color: #ffef05 !important;
}
.pn{
	color: #ff6303 !important;
}
.nh{
	color: #ff03ab !important;
}
.mz{
	color: #00fffa !important;
}
.st{
	color: #ff0f65 !important;
}
.nm{
	color: #ff957a !important;
}
.mj{
	color: #d6a7ff !important;
}




.bg-rz{
	background-color: #d9e2f3 !important;
	color: #000000;
}
.bg-rzn{
	background-color: #7bf381 !important;
	color: #000000;
}
.bg-sh{
	background-color: #d9d9d9 !important;
	color: #000000;
}
.bg-shn{
	background-color: #53d9ac !important;
	color: #000000;
}
.bg-kh{
	background-color: #e2efd9 !important;
	color: #000000;
}
.bg-gh{
	background-color: #f7caac !important;
	color: #000000;
}
.bg-pn{
	background-color: #fea79f !important;
	color: #000000;
}
.bg-nh{
	background-color: #e5a5ff !important;
	color: #000000;
}
.bg-mz{
	background-color: #fdd3e8 !important;
	color: #000000;
}
.bg-st{
	background-color: #ff0f65 !important;
	color: #000000;
}
.bg-nm{
	background-color: #ff957a !important;
	color: #000000;
}
.bg-mj{
	background-color: #d6a7ff !important;
	color: #000000;
}

.checkbox {
	padding-left: 20px;
}

.checkbox label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px;
}

.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	margin-left: -20px;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 11px;
	color: #555555;
}

.checkbox input[type="checkbox"] {
	opacity: 0;
	z-index: 1;
}

.checkbox input[type="checkbox"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked + label::after {
	font-family: 'FontAwesome';
	content: "\f00c";
}

.checkbox input[type="checkbox"]:disabled + label {
	opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled + label::before {
	background-color: #eeeeee;
	cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
	border-radius: 50%;
}

.checkbox.checkbox-inline {
	margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
	background-color: #428bca;
	border-color: #428bca;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
	color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
	background-color: #d9534f;
	border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
	color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
	background-color: #5bc0de;
	border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after {
	color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
	color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
	background-color: #5cb85c;
	border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after {
	color: #fff;
}

.radio {
	padding-left: 20px;
}

.radio label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px;
}

.radio label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #cccccc;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out;
	transition: border 0.15s ease-in-out;
}

.radio label::after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 11px;
	height: 11px;
	left: 3px;
	top: 3px;
	margin-left: -20px;
	border-radius: 50%;
	background-color: #555555;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
	opacity: 0;
	z-index: 1;
}

.radio input[type="radio"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.radio input[type="radio"]:checked + label::after {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.radio input[type="radio"]:disabled + label {
	opacity: 0.65;
}

.radio input[type="radio"]:disabled + label::before {
	cursor: not-allowed;
}

.radio.radio-inline {
	margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
	background-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::before {
	border-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::after {
	background-color: #428bca;
}

.radio-danger input[type="radio"] + label::after {
	background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
	border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
	background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
	background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
	border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
	background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
	background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
	border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
	background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
	background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
	border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
	background-color: #5cb85c;
}

.fas-arrow{
	font-size: 20px;
	font-weight: bolder;
}

.er-card-body tr td{
	font-size: 0.7rem;
	text-align: center;
	vertical-align: middle;
	padding: 0.2rem !important;
	vertical-align: middle !important;
}

/*.er-card-body{*/
	/*padding: 1.2rem 0 0 0 !important;*/
/*}*/


.er-card-body .col-lg-4{
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.er-card-body table{
	padding-right: 2px !important;
}

@media print {
	#print-area { display:block; }
}


@media print{@page {size: landscape}}

#erswitch .switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

#erswitch .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

#erswitch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

#erswitch .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

#erswitch input:checked + .slider {
	background-color: #2196F3;
}

#erswitch input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

#erswitch input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
#erswitch .slider.round {
	border-radius: 34px;
}

#erswitch .slider.round:before {
	border-radius: 50%;
}

#erswitch .label{
	line-height: 34px;
	font-weight: bolder;
}



li.as-sortable-placeholder {
	list-style: none;
}

.well .list-group {
	min-height: 2em;
}

.m-b-zero {
	margin-bottom: 0;
}


tbody.as-sortable-drag {
	display: table;
	border:1px solid #eee;
	box-shadow: 0 0 5px 0px #ccc;
	background-color: #fff;
}

tbody > .as-sortable-placeholder {

	display: table-row;
}

.as-sortable-placeholder {

	display: table-row;
}

tr.lastMovedItem td,
.lastMovedItem {
	-webkit-animation: backgroundTransform 0.4s;
	animation: backgroundTransform 0.4s;
}
/*
@-webkit-keyframes backgroundTransform{
    from{
    }
    to{
        background-color: #def;
    }
}*/

@-webkit-keyframes backgroundTransform{
	50%{
		background-color: #def;
	}
}

@keyframes backgroundTransform {
	50%{
		background-color: #def;
	}
}

tr.as-sortable-item {
	display:table-row;
}

/*.er-card-body [class*="col-"] {*/
	/*padding-left: 5px;*/
	/*padding-right: 15px;*/
/*}*/

@media (min-width: 576px) {
.er-block	.form-inline .form-control {
		display: inline-block;
		width: 100%;
		vertical-align: middle;
	}
}


.popover-wrapper form{

	position: absolute;
	top: 0px !important;
	background: #FFF;
	border: 1px solid #AAA;
	border-radius: 5px;
	padding: 7px;
	width: auto;
	display: inline-block;
	right: -164% !important;
	z-index: 101;
}
#users1,#users2,#users3{
	padding-left: 0 !important;
	table-layout: fixed;
}

.tbl-group{
	table-layout: fixed;
}

fieldset.scheduler-border {
	border: 1px groove #ddd !important;
	padding: 0 1.4em 1.4em 1.4em !important;
	margin: 0 0 1.5em 0 !important;
	-webkit-box-shadow:  0px 0px 0px 0px #000;
	box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
	font-size: 1.2em !important;
	font-weight: bold !important;
	text-align: right !important;
	width:auto;
	padding:0 10px;
	border-bottom:none;
}

.footer{
	/*position: fixed;*/
	/*left: 0;*/
	/*bottom: 0;*/
	/*width: 100%;*/
	font-size: 1em;
}