@font-face {
	font-family: "IRANSansWeb";
	src: url("/fonts/IRANSansWeb_Light.eot?#iefix") format("embedded-opentype"), url("/fonts/IRANSansWeb_Light.woff") format("woff"), url("/fonts/IRANSansWeb_Light.ttf") format("truetype");
}

@font-face {
	font-family: "IRANSansWeb";
	src: url("/fonts/IRANSansWeb_Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/IRANSansWeb_Bold.woff") format("woff"), url("/fonts/IRANSansWeb_Bold.ttf") format("truetype");
	font-weight: bold;
}


body {
	font-family: "IRANSansWeb";
}

	/*#region Group button*/
	body[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	body[dir="rtl"] .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn {
		border-top-left-radius: 5px !important;
		border-bottom-left-radius: 5px !important;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
/*#endregion*/


/*#region Table*/
tr.changed-not-saved td, tr[change-mode] td {
	background: #ffffc4;
}
/*#endregion*/

.form-group > label {
	display: inline !important; /*Overwitten on bootstrap*/
}

/*#region Overwritten on select2 to make it look like the same as bootstrap input*/
.form-group span.select2-selection {
	height: 2.4rem !important;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
	border: 1px solid #d2d6de;
	border-radius: 3px;
	padding: 6px 12px;
	height: 34px;
}
/*#endregion*/

/*#region Toast*/
#toastNotation {
	width: 250px;
	margin-left: -125px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 16px;
	position: fixed;
	z-index: 9999999;
	left: 50%;
	background: #4c5660;
	border: 1px solid #010102;
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2),2px 2px 3px rgba(0, 0, 0, 0.2) inset;
}
/*#end region*/

/*#region Loading*/
#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; /*calc(50vh - 100px);*/
	z-index: 10000;
	background: #ffffffb5; /*Added by MHM*/
}

#loader {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #3498db;
	-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

	z-index: 1002;
}

	#loader:before {
		content: "";
		position: absolute;
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: 5px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #e74c3c;
		-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}

	#loader:after {
		content: "";
		position: absolute;
		top: 15px;
		left: 15px;
		right: 15px;
		bottom: 15px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #f9c922;
		-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg); /* IE 9 */
		transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
	}

	100% {
		-webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg); /* IE 9 */
		transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg); /* IE 9 */
		transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
	}

	100% {
		-webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg); /* IE 9 */
		transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
	}
}

#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: #222222;
	z-index: 1000;
	-webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(0); /* IE 9 */
	transform: translateX(0); /* Firefox 16+, IE 10+, Opera */
}

	#loader-wrapper .loader-section.section-left {
		left: 0;
	}

	#loader-wrapper .loader-section.section-right {
		right: 0;
	}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(-100%); /* IE 9 */
	transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(100%); /* IE 9 */
	transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateY(-100%); /* IE 9 */
	transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.3s 1s ease-out;
	transition: all 0.3s 1s ease-out;
}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
	display: none;
}

.no-js h1 {
	color: #222222;
}

#content {
	margin: 0 auto;
	padding-bottom: 50px;
	width: 80%;
	max-width: 978px;
}

#loader-container {
	position: absolute;
	left: calc( 50% - 20px); /*50%*/
	top: calc( 50% - 20px); /*50%*/
}

#loader-logo {
	z-index: 1001;
	position: relative;
	width: 50px;
}
/*#endregion*/


/*#region Adding collaps Icon*/
.card-header a:not(.collapsed):before {
	content: "\1F53D";
	font-size: 14px;
	padding-left: 10px;
}

.card-header a.collapsed:before {
	content: "\1F53C";
	font-size: 14px;
	padding-left: 10px;
}
/*#endregion*/

/*#region Modal*/
.ui-window-bar .ui-button {
	position: absolute;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}

.ui-window-bar .ui-window-minimize {
	right: calc(.3em + 40px);
}

.ui-window-bar .ui-window-maximize {
	right: calc(.3em + 20px);
}
/*#endregion*/


.list-box {
	box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f;
	padding: 20px 0 20px 0;
}

.list-key {
	background: #5e5e5e;
	color: white;
	border-radius: 0 5px 5px 0;
	padding: 10px;
}

.list-value {
	border: solid 2px #303245;
	border-right: none;
	border-radius: 12px 0 0 12px;
	padding: 10px;
	max-height: 100px;
	overflow-y: auto;
}


/*jquery-ui over write*/
.ui-dialog .ui-dialog-title {
	text-align: left;
}

/*#region Skelton*/
@keyframes skelton-shine {
	to {
		background-position-x: -200%;
	}
}

.skelton-shine {
	animation: 1.5s skelton-shine linear infinite;
	background: #eee;
	background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
	background-size: 200% 100%;
}
/*#endregion*/

/*#region Highcharts*/
ul.highcharts-menu {
	text-align: right !important;
	direction: rtl !important;
}
/*#endregion*/